igniteui-webcomponents-grids 5.2.0 → 5.2.1-beta.0

package/fesm5/igniteui-webcomponents-grids.js

@@ -6,7 +6,7 @@
   */
   
 import { __extends, __values, __generator } from 'tslib';
-import { markEnum, enumGetBox, markType, Base, Type, Brush, Color, FontInfo, DeviceUtils, truncate, Thickness, CornerRadius, StringBuilder, stringIsNullOrEmpty, isNaN_, stringEndsWith, dateMinValue, DataSourceSchemaPropertyType_$type, DataSourceSummaryOperand_$type, EventArgs, CountSummaryCalculator, AverageSummaryCalculator, SumSummaryCalculator, MaxSummaryCalculator, MinSummaryCalculator, BindingFormatter, delegateRemove, runOn, delegateCombine, SyncableObservableCollection$2, SummaryDescription, List$1, IDataSourceUpdateNotifier_$type, SortDescription, stringContains, stringReplace, String_$type, tryParseNumber, PropertyChangedEventArgs, INotifyPropertyChanged_$type, NotifyCollectionChangedEventArgs, ObservableCollection$1, Delegate_$type, Dictionary$2, Number_$type, fromEnum, RectData, toNullable, ListSortDirection_$type, nullableNotEquals, nullableConcat, unwrapNullable, JsonDictionaryItem, typeGetValue, typeCast, Date_$type, FilterExpressionParsingHelper, FilterFactory, tryParseInt32_1, CultureInfo, stringStartsWith, dateGetMonth, dateTryParse, stringFormat, AppearanceHelper, Rect, Boolean_$type, BrushUtil, EnumUtil, FontUtil, HashSet$1, stringEmpty, PagedDataSource, SRProvider, stringIsNullOrWhiteSpace, IDataSource_$type, VirtualDataSource, LocalDataSource, DataSourceLocalDataProvider, createGuid, FilterExpressionCollection, SortGroupParser, SummaryParser, Point_$type, intDivide, dateNow, timeSpanTotalSeconds, fromEn, ControlDisplayDensity_$type, ArgumentException, IEditableDataSource_$type, DataSourceSectionHeaderDisplayMode_$type, DataSourceSummaryScope_$type, DataSourceRootSummariesChangedEventArgs, InvalidOperationException, stringRemove, NotSupportedException, Convert, JsonDictionaryObject, JsonDictionaryArray, JsonDictionaryValue, JsonDictionaryParser, FunctionFilterExpression, OperationFilterExpression, LiteralFilterExpression, PropertyReferenceFilterExpression, ScrollbarStyle_$type, Guid, PropertyUpdatedEventArgs, FilterExpressionEnvironment, PlatformAPIHelper, BrushCollectionUtil, FastIterationDictionary$2, IToolbarTarget_$type, Stack$1, DataSourceSpecialRow, IList$1_$type, DefaultSectionInformation, getInstanceType, Array_$type, ICommandAvailabilityListener_$type, ICommandStateChangedListener_$type, SvgIconRegistry, ToolActionIconMenuInfo, ToolActionGroupHeaderInfo, ToolContextBindingInfo, ToolActionInfo, ToolActionIconButtonInfo, ToolActionButtonPairInfo, ToolActionLabelInfo, ToolActionCheckboxInfo, ToolActionCheckboxListInfo, ToolActionSubPanelInfo, ToolActionButtonInfo, nullableEquals, StringComparer, isDigit, dateParse, EasingFunctions, DataSourceRowType_$type, timeSpanFromMilliseconds, timeSpanTotalMilliseconds, ensureBool, ensureEnum, brushToString, stringToBrush, arrayFindByName, NamePatcher, TypeRegistrar, toSpinal, getAllPropertyNames, fromSpinal, RegisterElementHelper, enumToString, fromBrushCollection, toBrushCollection, brushCollectionToString, initializePropertiesFromCss, IgcHTMLElement, IgCollection, CollectionAdapter, NotifyCollectionChangedAction, IgcPropertyUpdatedEventArgs, IgcProvideCalculatorEventArgs, SyncableObservableCollection$1, NativeUICheckboxListKeysClearedEventArgs, NativeUICheckboxListIndexTypeChangedEventArgs, NativeUICheckboxListChangeEventArgs, NativeUICheckboxListIndexType_$type, BaseControlTheme_$type, INativeUICheckboxListBridge_$type, NativeUIComponent, NativeUICheckboxList, INativeUIElementFactory_$type, MouseButton_$type, CanvasViewRenderer, RenderingContext, stringFormat1, ITickProvider_$type, Rectangle, Line, TextBlock, TestRandomness, DefaultRandomnessSource, PointUtil, Random, Path, TransformGroup, TranslateTransform, RotateTransform, DoubleAnimator, PathFigure, LineSegment, PathGeometry, Geometry, Popup, BaseDOMEventProxy, KeyFrameAnimationFactory, AnimationKeyFrameEffect, ElevationHelper, AnimationKeyFrameEffectTiming, AnimationKeyFrameProperty, NativeUI, CanvasGestureDOMEventProxy, IgcFilterExpressionCollection, IScrollerKeyboardListener_$type, DomWrapper_$type, PortalManager, WebComponentRenderer, Scroller, WebComponentWrapper, fromRect, IgcDataSourceRootSummariesChangedEventArgs, IgcLocalDataSourceModule, IgcNumberFormatSpecifierModule, IgcDateTimeFormatSpecifierModule, Size, FastReflectionHelper, fromSize, IgcTemplateContentModule, SizeData, IgcKeyEventArgs, IExecutionContext_$type, Localization, stringSplit } from 'igniteui-webcomponents-core';
+import { markEnum, enumGetBox, markType, Base, Type, Brush, Color, FontInfo, DeviceUtils, truncate, Thickness, CornerRadius, StringBuilder, stringIsNullOrEmpty, isNaN_, stringEndsWith, dateMinValue, DataSourceSchemaPropertyType_$type, DataSourceSummaryOperand_$type, EventArgs, CountSummaryCalculator, AverageSummaryCalculator, SumSummaryCalculator, MaxSummaryCalculator, MinSummaryCalculator, BindingFormatter, delegateRemove, runOn, delegateCombine, SyncableObservableCollection$2, SummaryDescription, List$1, IDataSourceUpdateNotifier_$type, SortDescription, stringContains, stringReplace, String_$type, tryParseNumber, PropertyChangedEventArgs, INotifyPropertyChanged_$type, NotifyCollectionChangedEventArgs, ObservableCollection$1, Delegate_$type, Dictionary$2, Number_$type, fromEnum, RectData, toNullable, ListSortDirection_$type, nullableNotEquals, nullableConcat, unwrapNullable, JsonDictionaryItem, typeGetValue, typeCast, Date_$type, FilterExpressionParsingHelper, FilterFactory, tryParseInt32_1, CultureInfo, stringStartsWith, dateGetMonth, dateTryParse, stringFormat, AppearanceHelper, Rect, Boolean_$type, BrushUtil, EnumUtil, FontUtil, HashSet$1, stringEmpty, PagedDataSource, SRProvider, stringIsNullOrWhiteSpace, IDataSource_$type, VirtualDataSource, LocalDataSource, DataSourceLocalDataProvider, createGuid, FilterExpressionCollection, SortGroupParser, SummaryParser, Point_$type, intDivide, dateNow, timeSpanTotalSeconds, fromEn, ControlDisplayDensity_$type, ArgumentException, IEditableDataSource_$type, DataSourceSectionHeaderDisplayMode_$type, DataSourceSummaryScope_$type, DataSourceRootSummariesChangedEventArgs, InvalidOperationException, stringRemove, NotSupportedException, Convert, JsonDictionaryObject, JsonDictionaryArray, JsonDictionaryValue, JsonDictionaryParser, FunctionFilterExpression, OperationFilterExpression, LiteralFilterExpression, PropertyReferenceFilterExpression, ScrollbarStyle_$type, Guid, PropertyUpdatedEventArgs, FilterExpressionEnvironment, PlatformAPIHelper, BrushCollectionUtil, FastIterationDictionary$2, IToolbarTarget_$type, Stack$1, DataSourceSpecialRow, IList$1_$type, DefaultSectionInformation, getInstanceType, Array_$type, ICommandAvailabilityListener_$type, ICommandStateChangedListener_$type, SvgIconRegistry, ToolActionIconMenuInfo, ToolActionGroupHeaderInfo, ToolContextBindingInfo, ToolActionInfo, ToolActionIconButtonInfo, ToolActionButtonPairInfo, ToolActionLabelInfo, ToolActionCheckboxInfo, ToolActionCheckboxListInfo, ToolActionSubPanelInfo, ToolActionButtonInfo, nullableEquals, StringComparer, isDigit, dateParse, EasingFunctions, DataSourceRowType_$type, timeSpanFromMilliseconds, timeSpanTotalMilliseconds, ensureBool, ensureEnum, brushToString, stringToBrush, arrayFindByName, NamePatcher, TypeRegistrar, toSpinal, getAllPropertyNames, fromSpinal, RegisterElementHelper, enumToString, fromBrushCollection, toBrushCollection, brushCollectionToString, initializePropertiesFromCss, IgcHTMLElement, IgCollection, CollectionAdapter, NotifyCollectionChangedAction, IgcPropertyUpdatedEventArgs, IgcProvideCalculatorEventArgs, SyncableObservableCollection$1, NativeUICheckboxListKeysClearedEventArgs, NativeUICheckboxListIndexTypeChangedEventArgs, NativeUICheckboxListChangeEventArgs, NativeUICheckboxListIndexType_$type, BaseControlTheme_$type, INativeUICheckboxListBridge_$type, NativeUIComponent, NativeUICheckboxList, INativeUIElementFactory_$type, MouseButton_$type, CanvasViewRenderer, RenderingContext, stringFormat1, ITickProvider_$type, Rectangle, Line, TextBlock, TestRandomness, DefaultRandomnessSource, PointUtil, Random, Path, TransformGroup, TranslateTransform, RotateTransform, DoubleAnimator, PathFigure, LineSegment, PathGeometry, Geometry, Popup, BaseDOMEventProxy, KeyFrameAnimationFactory, AnimationKeyFrameEffect, ElevationHelper, AnimationKeyFrameEffectTiming, AnimationKeyFrameProperty, NativeUI, CanvasGestureDOMEventProxy, IgcFilterExpressionCollection, IScrollerKeyboardListener_$type, DomWrapper_$type, PortalManager, WebComponentRenderer, Scroller, WebComponentWrapper, fromRect, IgcDataSourceRootSummariesChangedEventArgs, IgcLocalDataSourceModule, IgcNumberFormatSpecifierModule, IgcDateTimeFormatSpecifierModule, FastReflectionHelper, isPositiveInfinity, Size, ComponentSizeHelpers, toSize, fromSize, IgcTemplateContentModule, SizeData, IgcKeyEventArgs, IExecutionContext_$type, Localization, stringSplit } from 'igniteui-webcomponents-core';
 import { XButton, XIcon, XComponentBridge, NativeUIXInputsFactory, XInputGroup, XInput, XDatePicker, IconVisualModelExport, XCheckbox, XPrefix, InputGroupDisplayType_$type, IgcXCheckboxModule, IgcXInputGroupModule, IgcXButtonModule, XButtonGroup, XLabel, XSuffix, ThemeResolver, IgcInputChangeEventArgs, ElevationHelper as ElevationHelper$1, IgcXIconModule } from 'igniteui-webcomponents-inputs';
 import { ToolActionCollection, LayoutSelectedKeysCollection, LayoutPrimaryKeyValue, ToolActionCheckboxListIndexType_$type, NativeUILayoutFactory, IgcToolbarModule, PropertyEditorPropertyDescription, PropertyEditorPropertyDescriptionCollection, PropertyEditorDataSource, PropertyEditorValueType_$type, PropertyEditorTreeTransformer, IgcPropertyEditorPropertyDescriptionCollection, IgcPropertyEditorPropertyDescriptionComponent, IgcPropertyEditorPropertyDescriptionModule } from 'igniteui-webcomponents-layouts';
 
@@ -21344,7 +21344,10 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         return true;
     };
     DataGrid.prototype.kl = function (a, b) {
-        if (this.activationMode == 0 || this.activeCell == null || this.cj.j) {
+        if (this.cj.j) {
+            return true;
+        }
+        if (this.activationMode == 0 || this.activeCell == null) {
             return false;
         }
         var c = this.ad.s();
@@ -21517,6 +21520,9 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     DataGrid.prototype.kp = function (a, b) {
         if (this.cj.j) {
+            return true;
+        }
+        if (this.activationMode == 0 || this.activeCell == null) {
             return false;
         }
         var c = this.ad.s();
@@ -52845,7 +52851,7 @@ var CheckboxListBridge = /** @class */ /*@__PURE__*/ (function (_super) {
         return _this;
     }
     CheckboxListBridge.prototype.getDesiredSize = function (a, b) {
-        return this.t.view.getDesiredSize();
+        return this.t.getDesiredSize(b);
     };
     CheckboxListBridge.prototype.addHandler = function (a, b, c, d) {
         var e = a;
@@ -52965,16 +52971,16 @@ var CheckboxListBridge = /** @class */ /*@__PURE__*/ (function (_super) {
             case 8:
                 d.itemsSource = c;
                 break;
-            case 74:
+            case 75:
                 d.selectedMemberPath = c;
                 break;
-            case 75:
+            case 76:
                 d.dataMemberPath = c;
                 break;
-            case 76:
+            case 77:
                 d.showSelectAll = c;
                 break;
-            case 77:
+            case 78:
                 d.primaryKey = c;
                 break;
             case 1:
@@ -52989,13 +52995,13 @@ var CheckboxListBridge = /** @class */ /*@__PURE__*/ (function (_super) {
             case 24:
                 d.rowHoverBackgroundColor = c;
                 break;
-            case 78:
+            case 79:
                 d.searchIconColor = c;
                 break;
-            case 79:
+            case 80:
                 d.searchTextColor = c;
                 break;
-            case 96:
+            case 97:
                 d.indexType = EnumUtil.getEnumValue(NativeUICheckboxListIndexType_$type, c);
                 break;
         }
@@ -53005,17 +53011,17 @@ var CheckboxListBridge = /** @class */ /*@__PURE__*/ (function (_super) {
         switch (b) {
             case 23: return c.backgroundColor;
             case 8: return c.itemsSource;
-            case 74: return c.selectedMemberPath;
-            case 75: return c.dataMemberPath;
-            case 76: return c.showSelectAll;
-            case 77: return c.primaryKey;
+            case 75: return c.selectedMemberPath;
+            case 76: return c.dataMemberPath;
+            case 77: return c.showSelectAll;
+            case 78: return c.primaryKey;
             case 1: return enumGetBox(ControlDisplayDensity_$type, c.density);
             case 18: return enumGetBox(BaseControlTheme_$type, c.baseTheme);
             case 33: return c.textColor;
             case 24: return c.rowHoverBackgroundColor;
-            case 78: return c.searchIconColor;
-            case 79: return c.searchTextColor;
-            case 96: return enumGetBox(CheckboxListExternalIndexType_$type, c.indexType);
+            case 79: return c.searchIconColor;
+            case 80: return c.searchTextColor;
+            case 97: return enumGetBox(CheckboxListExternalIndexType_$type, c.indexType);
         }
         return null;
     };
@@ -62679,7 +62685,7 @@ var FilterCell = /** @class */ /*@__PURE__*/ (function (_super) {
     FilterCell.prototype.d7 = function (a) {
         if (this.cz != null) {
             this.cz.disabled = !a;
-            this.cz.al = a ? 1 : 0.3;
+            this.cz.an = a ? 1 : 0.3;
         }
     };
     FilterCell.prototype.dl = function (a) {
@@ -70410,7 +70416,7 @@ var ColumnGrouping = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         var j = this.b.j;
         for (var k = 0; k < j.count; k++) {
-            var l = this.q._inner[k].aw();
+            var l = this.q._inner[k].ay();
             var m = this.b.b(j._inner[k]);
             l.i = m[0] - d;
             l.g = m[1] - e;
@@ -77234,7 +77240,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.c = new XIcon();
         this.c.provideContainer(j);
         this.c.fill = this.b.searchIconColor;
-        this.c.svgPath = CheckboxList.by;
+        this.c.svgPath = CheckboxList.b0;
         var k = f.getExternal(this.c, j.rootWrapper, j.getExternal(this.b, null, null));
         g.appendContentChild(i);
         this.b.v.appendContentChild(e);
@@ -77246,27 +77252,25 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.b.t.provideContainer(m);
         this.b.t.b8 = "text";
         var n = m.getExternal(this.b.t, m.rootWrapper, m.getExternal(this.b, null, null));
-        if (this.b.bk != null) {
-            this.b.t.cg = this.b.bk;
+        if (this.b.bm != null) {
+            this.b.t.cg = this.b.bm;
         }
         this.b.v.appendContentChild(l);
         this.b.v.inputs.add(this.b.t);
-        this.b.cv();
+        this.b.cx();
     };
     CheckboxListView.prototype.s = function () {
         if (this.f != null) {
             var a = this.f.rootWrapper.getChildAt(3);
             a.setStyleProperty("width", "100%");
             a.setStyleProperty("margin", "4px 0px 0px 0px");
-            if (this.b.showSelectAll == false) {
-                a.setStyleProperty("height", "calc(100% - 50px");
-            }
-            else {
-                a.setStyleProperty("height", "calc(100% - 75px");
-            }
             if (!this.b.au && !this.b.showSelectAll) {
                 a.setStyleProperty("height", "100%");
             }
+            else {
+                var b = this.b.ay();
+                a.setStyleProperty("height", "calc(100% - " + b + "px");
+            }
         }
     };
     CheckboxListView.prototype.o = function (a, b, c) {
@@ -77326,11 +77330,11 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             finally {
                 d.z = h;
             }
-            d.dk = this.b.d0;
-            d.dd = this.b.dy;
-            d.dl = this.b.d1;
-            d.de = this.b.dz;
-            d.dm = this.b.d2;
+            d.dk = this.b.d2;
+            d.dd = this.b.d0;
+            d.dl = this.b.d3;
+            d.de = this.b.d1;
+            d.dm = this.b.d4;
         }
     };
     CheckboxListView.prototype.z = function () {
@@ -77369,21 +77373,21 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         var e = c.checked;
         if (e == true) {
             if (this.b.indexType == 0) {
-                this.b.c8(d);
+                this.b.da(d);
             }
             else {
-                this.b.ca(d);
+                this.b.cc(d);
             }
         }
         else {
             if (this.b.indexType == 0) {
-                this.b.ca(d);
+                this.b.cc(d);
             }
             else {
-                this.b.c8(d);
+                this.b.da(d);
             }
         }
-        this.b.cs(d, e);
+        this.b.cu(d, e);
         this.ag(false);
     };
     CheckboxListView.prototype.l = function () {
@@ -77397,7 +77401,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
                 var e = parseInt(d.a4.toString());
                 if (e == a) {
                     d.checked = b;
-                    this.b.cs(e, b);
+                    this.b.cu(e, b);
                 }
             }
         }
@@ -77457,7 +77461,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         var d = this.f.getExternal(this.a, c.rootWrapper, this.f.getExternal(this.b, null, null));
         this.a.n = this.b.baseTheme;
         this.i = a.createElement("label");
-        this.i.setRawText(this.b.b2);
+        this.i.setRawText(this.b.b4);
         this.i.setStyleProperty("font-size", "13px");
         this.j.setStyleProperty("display", "flex");
         this.j.setStyleProperty("flex-direction", "row");
@@ -77473,8 +77477,8 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     CheckboxListView.prototype.af = function () {
         if (null != this.i) {
-            this.i.setRawText(this.b.b2);
-            NativeUI.q(this.i, this.b.dw);
+            this.i.setRawText(this.b.b4);
+            NativeUI.q(this.i, this.b.dy);
         }
     };
     CheckboxListView.prototype.ai = function () {
@@ -77525,12 +77529,12 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             return;
         }
         if (b.isChecked) {
-            this.b.db();
-            this.b.c0(b.isChecked);
+            this.b.dd();
+            this.b.c2(b.isChecked);
         }
         else {
-            this.b.cg();
-            this.b.c0(b.isChecked);
+            this.b.ci();
+            this.b.c2(b.isChecked);
         }
     };
     CheckboxListView.prototype.ad = function () {
@@ -77540,7 +77544,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         var b = a.rootWrapper;
         if (null != b) {
-            NativeUI.q(b, this.b.ee);
+            NativeUI.q(b, this.b.eg);
             NativeUI.m(b, this.b.backgroundColor);
         }
     };
@@ -77549,38 +77553,6 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.c.fill = this.b.searchIconColor;
         }
     };
-    CheckboxListView.prototype.getDesiredSize = function () {
-        var a = 248;
-        var b = 0;
-        if (this.b.itemsSource == null) {
-            return new Size(1, a, b + 158);
-        }
-        var c = 0;
-        if ((this.b.itemsSource.actualCount !== undefined)) {
-            c = (this.b.itemsSource.actualCount);
-        }
-        else {
-            c = (this.b.itemsSource.length);
-        }
-        b += 4;
-        b += 16;
-        b += 38;
-        b += 8;
-        b += 4;
-        var d = this.b.f != null ? this.b.f.actualRowHeight : 30;
-        var e = d * c;
-        if (e > 90) {
-            b += 90;
-            b += 15;
-        }
-        else {
-            b += e;
-        }
-        if (this.b.showSelectAll) {
-            b += d;
-        }
-        return new Size(1, a, b);
-    };
     CheckboxListView.prototype.ac = function () {
         if (this.b.ai != null) {
             this.i.setStyleProperty("font", this.b.ai.fontString);
@@ -77591,11 +77563,11 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     CheckboxListView.prototype.y = function () {
-        this.a.dk = this.b.d0;
-        this.a.dd = this.b.dy;
-        this.a.dl = this.b.d1;
-        this.a.de = this.b.dz;
-        this.a.dm = this.b.d2;
+        this.a.dk = this.b.d2;
+        this.a.dd = this.b.d0;
+        this.a.dl = this.b.d3;
+        this.a.de = this.b.d1;
+        this.a.dm = this.b.d4;
     };
     CheckboxListView.prototype.aa = function (a) {
         if (this.g != null) {
@@ -77632,44 +77604,44 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.selectedKeyAdded = null;
         _this.selectedKeyRemoved = null;
         _this.checkedChanged = null;
-        _this.a2 = null;
         _this.a4 = null;
         _this.a6 = null;
-        _this.a5 = null;
+        _this.a8 = null;
+        _this.a7 = null;
         _this.w = 3;
-        _this.ay = -1;
+        _this.a0 = -1;
         _this.ag = null;
         _this.k = 1;
         _this.ab = 1;
         _this.ad = 2;
-        _this.ds = BrushUtil.h(255, 24, 29, 31);
-        _this.dq = null;
+        _this.du = BrushUtil.h(255, 24, 29, 31);
+        _this.ds = null;
+        _this.dv = null;
         _this.dt = null;
-        _this.dr = null;
         _this.ah = null;
+        _this.dm = null;
         _this.dk = null;
-        _this.di = null;
+        _this.dn = null;
         _this.dl = null;
-        _this.dj = null;
-        _this.dm = null;
-        _this.z = 0;
         _this.dp = null;
+        _this.z = 0;
+        _this.dr = null;
         _this.indexTypeChanged = null;
-        _this.b1 = null;
-        _this.du = null;
-        _this.dg = CheckboxList.d5;
+        _this.b3 = null;
+        _this.dw = null;
+        _this.di = CheckboxList.d7;
         _this.av = true;
-        _this.dh = CheckboxList.d3;
-        _this.dn = CheckboxList.d4;
-        _this.dv = CheckboxList.d5;
+        _this.dj = CheckboxList.d5;
+        _this.dq = CheckboxList.d6;
+        _this.dx = CheckboxList.d7;
         _this.keysCleared = null;
         _this.selectAllCheckboxChanged = null;
-        _this.a0 = -1;
+        _this.a2 = -1;
         _this.at = true;
         _this.aq = true;
         var a = _this.g;
-        a.collectionChanged = delegateCombine(a.collectionChanged, runOn(_this, _this.c3));
-        _this.g.am(runOn(_this, _this.c2));
+        a.collectionChanged = delegateCombine(a.collectionChanged, runOn(_this, _this.c5));
+        _this.g.am(runOn(_this, _this.c4));
         _this.d = new FilterFactory();
         var b = new CheckboxListView();
         b.b = _this;
@@ -77743,7 +77715,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a;
             this.a = a;
             if (b != this.a) {
-                this.cy("PrimaryKey", b, this.a);
+                this.c0("PrimaryKey", b, this.a);
             }
         },
         enumerable: false,
@@ -77764,44 +77736,44 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     CheckboxList.prototype.removeSelectedKeyAt = function (a) {
         this.keys.removeAt(a);
     };
-    CheckboxList.prototype.c2 = function () {
-        this.cm();
+    CheckboxList.prototype.c4 = function () {
+        this.co();
         if (this.keysCleared != null) {
             this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
         }
     };
-    CheckboxList.prototype.c3 = function (a, b) {
+    CheckboxList.prototype.c5 = function (a, b) {
         if (this.e == null || this.e.actualSchema == null || this.am) {
             return;
         }
         switch (b.action) {
             case 0:
                 for (var c = 0; c < b.newItems.count; c++) {
-                    this.cw(b.newItems.item(c));
+                    this.cy(b.newItems.item(c));
                 }
                 break;
             case 1:
                 for (var d = 0; d < b.oldItems.count; d++) {
-                    this.cx(b.oldItems.item(d));
+                    this.cz(b.oldItems.item(d));
                 }
                 break;
             case 2:
                 for (var e = 0; e < b.oldItems.count; e++) {
-                    this.cx(b.oldItems.item(e));
+                    this.cz(b.oldItems.item(e));
                 }
                 for (var f = 0; f < b.newItems.count; f++) {
-                    this.cw(b.newItems.item(f));
+                    this.cy(b.newItems.item(f));
                 }
                 break;
             case 4:
                 this.view.u(this.indexType == 0);
                 for (var g = 0; g < this.keys.ae.count; g++) {
-                    this.cw(this.keys.ae._inner[g]);
+                    this.cy(this.keys.ae._inner[g]);
                 }
                 break;
         }
     };
-    CheckboxList.prototype.cw = function (a) {
+    CheckboxList.prototype.cy = function (a) {
         var _this = this;
         var b = this.e.indexOfKey(a.value);
         if (b >= 0) {
@@ -77818,7 +77790,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             return $ret;
         })()));
     };
-    CheckboxList.prototype.cx = function (a) {
+    CheckboxList.prototype.cz = function (a) {
         var _this = this;
         var b = this.e.indexOfKey(a.value);
         if (b >= 0) {
@@ -77835,7 +77807,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             return $ret;
         })()));
     };
-    CheckboxList.prototype.cs = function (a, b) {
+    CheckboxList.prototype.cu = function (a, b) {
         if (this.checkedChanged != null && this.an == false) {
             var c_1 = null;
             if (this.e.actualPrimaryKey != null && this.e.actualPrimaryKey.length > 0) {
@@ -77859,22 +77831,22 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     CheckboxList.prototype.destroy = function () {
         if (this.f != null) {
             var a = this.f;
-            a.cellClicked = delegateRemove(a.cellClicked, runOn(this, this.ci));
+            a.cellClicked = delegateRemove(a.cellClicked, runOn(this, this.ck));
             var b = this.f;
-            b.sizeChanged = delegateRemove(b.sizeChanged, runOn(this, this.cj));
+            b.sizeChanged = delegateRemove(b.sizeChanged, runOn(this, this.cl));
             if (this.f.actualDataSource != null) {
                 var c = this.f.actualDataSource;
-                c.schemaChanged = delegateRemove(c.schemaChanged, runOn(this, this.cz));
+                c.schemaChanged = delegateRemove(c.schemaChanged, runOn(this, this.c1));
             }
         }
         if (this.s != null) {
             var d = this.s;
-            d.change = delegateRemove(d.change, runOn(this, this.ck));
+            d.change = delegateRemove(d.change, runOn(this, this.cm));
         }
         this.provideContainer(null, null, null);
         if (this.j != null) {
             var e = this.j;
-            e.cellUpdating = delegateRemove(e.cellUpdating, runOn(this, this.ce));
+            e.cellUpdating = delegateRemove(e.cellUpdating, runOn(this, this.cg));
         }
     };
     CheckboxList.prototype.provideContainer = function (a, b, c) {
@@ -77882,8 +77854,8 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         if (null != this.f) {
             this.f.scrollbarStyle = 1;
             var d = this.f;
-            d.sizeChanged = delegateCombine(d.sizeChanged, runOn(this, this.cj));
-            this.f.scrollbarBackground = this.d7;
+            d.sizeChanged = delegateCombine(d.sizeChanged, runOn(this, this.cl));
+            this.f.scrollbarBackground = this.d9;
             this.f.headerHeight = 0;
             this.f.rowSeparatorHeight = 0;
             this.f.defaultColumnMinWidth = NaN;
@@ -77891,27 +77863,27 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             this.f.activationMode = 0;
             this.f.editMode = 0;
             var e = this.f;
-            e.cellClicked = delegateCombine(e.cellClicked, runOn(this, this.ci));
-            if (this.a2 != null) {
-                this.f.itemsSource = this.a2;
-                this.cd();
-                this.c1();
-            }
+            e.cellClicked = delegateCombine(e.cellClicked, runOn(this, this.ck));
             if (this.a4 != null) {
-                this.c1();
-                this.de();
+                this.f.itemsSource = this.a4;
+                this.cf();
+                this.c3();
+            }
+            if (this.a6 != null) {
+                this.c3();
+                this.dg();
             }
         }
         this.view.q(c);
         this.view.m(a);
     };
-    CheckboxList.prototype.cj = function (a, b) {
+    CheckboxList.prototype.cl = function (a, b) {
         this.f.scrollbarStyle = this.aa;
     };
     CheckboxList.prototype.provideSelectAllSection = function (a) {
         this.view.q(a);
     };
-    CheckboxList.prototype.ci = function (a, b) {
+    CheckboxList.prototype.ck = function (a, b) {
         if (b.cellInfo.l.a5 == 0) {
             return;
         }
@@ -77934,7 +77906,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             this.keys.add(e);
         }
     };
-    CheckboxList.prototype.ce = function (a, b) {
+    CheckboxList.prototype.cg = function (a, b) {
         var c = b.cellInfo.l.x;
         if (-1 == c) {
             return;
@@ -77948,9 +77920,9 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.view.o(b.content.element, c, d);
     };
-    CheckboxList.prototype.ct = function (a) {
-        if (this.a4 != null) {
-            var b = this.d.property(this.a4).cast(enumGetBox(DataSourceSchemaPropertyType_$type, 0)).toLower();
+    CheckboxList.prototype.cv = function (a) {
+        if (this.a6 != null) {
+            var b = this.d.property(this.a6).cast(enumGetBox(DataSourceSchemaPropertyType_$type, 0)).toLower();
             var c = b.contains(a);
             if (!this.f.filterExpressions.k.contains(this.c)) {
                 this.c = c;
@@ -77964,13 +77936,13 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     Object.defineProperty(CheckboxList.prototype, "itemsSource", {
         get: function () {
-            return this.a2;
+            return this.a4;
         },
         set: function (a) {
-            var b = this.a2;
-            this.a2 = a;
-            if (b != this.a2) {
-                this.cy("ItemsSource", b, this.a2);
+            var b = this.a4;
+            this.a4 = a;
+            if (b != this.a4) {
+                this.c0("ItemsSource", b, this.a4);
             }
         },
         enumerable: false,
@@ -77978,13 +77950,13 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(CheckboxList.prototype, "dataMemberPath", {
         get: function () {
-            return this.a4;
+            return this.a6;
         },
         set: function (a) {
-            var b = this.a4;
-            this.a4 = a;
-            if (b != this.a4) {
-                this.cy("DataMemberPath", b, this.a4);
+            var b = this.a6;
+            this.a6 = a;
+            if (b != this.a6) {
+                this.c0("DataMemberPath", b, this.a6);
             }
         },
         enumerable: false,
@@ -77992,27 +77964,27 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(CheckboxList.prototype, "selectedMemberPath", {
         get: function () {
-            return this.a6;
+            return this.a8;
         },
         set: function (a) {
-            var b = this.a6;
-            this.a6 = a;
-            if (b != this.a6) {
-                this.cy("SelectedMemberPath", b, this.a6);
+            var b = this.a8;
+            this.a8 = a;
+            if (b != this.a8) {
+                this.c0("SelectedMemberPath", b, this.a8);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "bk", {
+    Object.defineProperty(CheckboxList.prototype, "bm", {
         get: function () {
-            return this.a5;
+            return this.a7;
         },
         set: function (a) {
-            var b = this.a5;
-            this.a5 = a;
-            if (b != this.a5) {
-                this.cy("FilterPlaceholderText", b, this.a5);
+            var b = this.a7;
+            this.a7 = a;
+            if (b != this.a7) {
+                this.c0("FilterPlaceholderText", b, this.a7);
             }
         },
         enumerable: false,
@@ -78026,32 +77998,44 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.w;
             this.w = a;
             if (b != this.w) {
-                this.cy("SearchInputType", enumGetBox(InputGroupDisplayType_$type, b), enumGetBox(InputGroupDisplayType_$type, this.w));
+                this.c0("SearchInputType", enumGetBox(InputGroupDisplayType_$type, b), enumGetBox(InputGroupDisplayType_$type, this.w));
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "a1", {
+    Object.defineProperty(CheckboxList.prototype, "a3", {
         get: function () {
-            return this.ay;
+            return this.a0;
         },
         set: function (a) {
-            var b = this.ay;
-            this.ay = a;
-            if (b != this.ay) {
-                this.cy("RowHeight", b, this.ay);
+            var b = this.a0;
+            this.a0 = a;
+            if (b != this.a0) {
+                this.c0("RowHeight", b, this.a0);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "az", {
+    Object.defineProperty(CheckboxList.prototype, "a1", {
         get: function () {
             if (this.f != null) {
                 return this.f.actualRowHeight;
             }
-            return -1;
+            else if (this.a0 != -1) {
+                return this.a0;
+            }
+            else {
+                switch (this.density) {
+                    case 4:
+                    case 3: return GridStyleRepository.q;
+                    case 0:
+                    case 2: return GridStyleRepository.r;
+                    case 1: return GridStyleRepository.p;
+                }
+                return GridStyleRepository.r;
+            }
         },
         enumerable: false,
         configurable: true
@@ -78064,7 +78048,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ag;
             this.ag = a;
             if (b != this.ag) {
-                this.cy("CellTextStyle", b, this.ag);
+                this.c0("CellTextStyle", b, this.ag);
             }
         },
         enumerable: false,
@@ -78078,7 +78062,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.k;
             this.k = a;
             if (b != this.k) {
-                this.cy("IndexType", enumGetBox(CheckboxListIndexType_$type, b), enumGetBox(CheckboxListIndexType_$type, this.k));
+                this.c0("IndexType", enumGetBox(CheckboxListIndexType_$type, b), enumGetBox(CheckboxListIndexType_$type, this.k));
             }
         },
         enumerable: false,
@@ -78092,7 +78076,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ab;
             this.ab = a;
             if (b != this.ab) {
-                this.cy("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.ab));
+                this.c0("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.ab));
             }
         },
         enumerable: false,
@@ -78106,13 +78090,27 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ad;
             this.ad = a;
             if (b != this.ad) {
-                this.cy("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.ad));
+                this.c0("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.ad));
             }
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(CheckboxList.prototype, "searchIconColor", {
+        get: function () {
+            return this.du;
+        },
+        set: function (a) {
+            var b = this.du;
+            this.du = a;
+            if (b != this.du) {
+                this.c0("SearchIconColor", b, this.du);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CheckboxList.prototype, "ea", {
         get: function () {
             return this.ds;
         },
@@ -78120,27 +78118,27 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ds;
             this.ds = a;
             if (b != this.ds) {
-                this.cy("SearchIconColor", b, this.ds);
+                this.c0("SearchBackgroundColor", b, this.ds);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "d8", {
+    Object.defineProperty(CheckboxList.prototype, "searchTextColor", {
         get: function () {
-            return this.dq;
+            return this.dv;
         },
         set: function (a) {
-            var b = this.dq;
-            this.dq = a;
-            if (b != this.dq) {
-                this.cy("SearchBackgroundColor", b, this.dq);
+            var b = this.dv;
+            this.dv = a;
+            if (b != this.dv) {
+                this.c0("SearchTextColor", b, this.dv);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "searchTextColor", {
+    Object.defineProperty(CheckboxList.prototype, "eb", {
         get: function () {
             return this.dt;
         },
@@ -78148,35 +78146,35 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.dt;
             this.dt = a;
             if (b != this.dt) {
-                this.cy("SearchTextColor", b, this.dt);
+                this.c0("SearchBorderColor", b, this.dt);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "d9", {
+    Object.defineProperty(CheckboxList.prototype, "aj", {
         get: function () {
-            return this.dr;
+            return this.ah;
         },
         set: function (a) {
-            var b = this.dr;
-            this.dr = a;
-            if (b != this.dr) {
-                this.cy("SearchBorderColor", b, this.dr);
+            var b = this.ah;
+            this.ah = a;
+            if (b != this.ah) {
+                this.c0("SearchTextStyle", b, this.ah);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "aj", {
+    Object.defineProperty(CheckboxList.prototype, "d2", {
         get: function () {
-            return this.ah;
+            return this.dm;
         },
         set: function (a) {
-            var b = this.ah;
-            this.ah = a;
-            if (b != this.ah) {
-                this.cy("SearchTextStyle", b, this.ah);
+            var b = this.dm;
+            this.dm = a;
+            if (b != this.dm) {
+                this.c0("CheckboxTickColor", b, this.dm);
             }
         },
         enumerable: false,
@@ -78190,21 +78188,21 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.dk;
             this.dk = a;
             if (b != this.dk) {
-                this.cy("CheckboxTickColor", b, this.dk);
+                this.c0("CheckboxCheckedBackgroundColor", b, this.dk);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "dy", {
+    Object.defineProperty(CheckboxList.prototype, "d3", {
         get: function () {
-            return this.di;
+            return this.dn;
         },
         set: function (a) {
-            var b = this.di;
-            this.di = a;
-            if (b != this.di) {
-                this.cy("CheckboxCheckedBackgroundColor", b, this.di);
+            var b = this.dn;
+            this.dn = a;
+            if (b != this.dn) {
+                this.c0("CheckboxUncheckedBackgroundColor", b, this.dn);
             }
         },
         enumerable: false,
@@ -78218,35 +78216,21 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.dl;
             this.dl = a;
             if (b != this.dl) {
-                this.cy("CheckboxUncheckedBackgroundColor", b, this.dl);
+                this.c0("CheckboxCheckedBorderColor", b, this.dl);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "dz", {
+    Object.defineProperty(CheckboxList.prototype, "d4", {
         get: function () {
-            return this.dj;
-        },
-        set: function (a) {
-            var b = this.dj;
-            this.dj = a;
-            if (b != this.dj) {
-                this.cy("CheckboxCheckedBorderColor", b, this.dj);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(CheckboxList.prototype, "d2", {
-        get: function () {
-            return this.dm;
+            return this.dp;
         },
         set: function (a) {
-            var b = this.dm;
-            this.dm = a;
-            if (b != this.dm) {
-                this.cy("CheckboxUncheckedBorderColor", b, this.dm);
+            var b = this.dp;
+            this.dp = a;
+            if (b != this.dp) {
+                this.c0("CheckboxUncheckedBorderColor", b, this.dp);
             }
         },
         enumerable: false,
@@ -78260,42 +78244,42 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.z;
             this.z = a;
             if (b != this.z) {
-                this.cy("ScrollbarStyle", enumGetBox(ScrollbarStyle_$type, b), enumGetBox(ScrollbarStyle_$type, this.z));
+                this.c0("ScrollbarStyle", enumGetBox(ScrollbarStyle_$type, b), enumGetBox(ScrollbarStyle_$type, this.z));
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "d7", {
+    Object.defineProperty(CheckboxList.prototype, "d9", {
         get: function () {
-            return this.dp;
+            return this.dr;
         },
         set: function (a) {
-            var b = this.dp;
-            this.dp = a;
-            if (b != this.dp) {
-                this.cy("ScrollbarBackground", b, this.dp);
+            var b = this.dr;
+            this.dr = a;
+            if (b != this.dr) {
+                this.c0("ScrollbarBackground", b, this.dr);
             }
         },
         enumerable: false,
         configurable: true
     });
-    CheckboxList.prototype.cy = function (a, b, c) {
+    CheckboxList.prototype.c0 = function (a, b, c) {
         if (this.propertyChanged != null) {
             this.propertyChanged(this, new PropertyChangedEventArgs(a));
         }
-        this.c4(a, b, c);
+        this.c6(a, b, c);
     };
-    CheckboxList.prototype.c4 = function (a, b, c) {
+    CheckboxList.prototype.c6 = function (a, b, c) {
         switch (a) {
             case "IndexType":
                 this.keys.clear();
-                this.cm();
+                this.co();
                 if (this.keysCleared != null) {
                     this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
                 }
                 this.view.ag();
-                this.cu(b, c);
+                this.cw(b, c);
                 break;
             case "ItemsSource":
                 if (this.f != null) {
@@ -78308,16 +78292,16 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                     }
                     if (this.f.actualDataSource != null) {
                         var d = this.f.actualDataSource;
-                        d.schemaChanged = delegateRemove(d.schemaChanged, runOn(this, this.cz));
+                        d.schemaChanged = delegateRemove(d.schemaChanged, runOn(this, this.c1));
                     }
-                    this.f.itemsSource = this.a2;
-                    this.cd();
+                    this.f.itemsSource = this.a4;
+                    this.cf();
                     if (this.f.actualDataSource != null) {
                         var e = this.f.actualDataSource;
-                        e.schemaChanged = delegateCombine(e.schemaChanged, runOn(this, this.cz));
+                        e.schemaChanged = delegateCombine(e.schemaChanged, runOn(this, this.c1));
                     }
                     this.an = true;
-                    this.c1();
+                    this.c3();
                     this.an = false;
                     this.view.ag();
                 }
@@ -78325,9 +78309,9 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             case "DataMemberPath":
             case "SelectedMemberPath":
                 if (this.f != null) {
-                    if (this.a4 != null) {
-                        this.c1();
-                        this.de();
+                    if (this.a6 != null) {
+                        this.c3();
+                        this.dg();
                     }
                 }
                 break;
@@ -78337,7 +78321,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
                 break;
             case "SelectAllCaptionTextColor":
-                this.dw = null != this.ec ? this.ec : CheckboxList.d5;
+                this.dy = null != this.ee ? this.ee : CheckboxList.d7;
                 break;
             case "SelectAllCaption":
             case "ActualSelectAllCaptionTextColor":
@@ -78353,7 +78337,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "FilterPlaceholderText":
                 if (this.s != null) {
-                    this.s.cg = this.bk;
+                    this.s.cg = this.bm;
                 }
                 break;
             case "SearchInputType":
@@ -78363,7 +78347,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "RowHeight":
                 if (this.f != null) {
-                    this.f.rowHeight = this.a1;
+                    this.f.rowHeight = this.a3;
                 }
                 break;
             case "CellTextStyle":
@@ -78377,7 +78361,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             case "RowHoverBackgroundColor":
                 var f = this.f;
                 if (null != f) {
-                    f.cellTextColor = this.ee;
+                    f.cellTextColor = this.eg;
                     f.cellBackground = this.backgroundColor;
                     f.cellSelectedBackground = this.backgroundColor;
                     f.rowHoverBackground = this.rowHoverBackgroundColor;
@@ -78385,10 +78369,10 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.view.ad();
                 break;
             case "BaseTheme":
-                this.dd();
+                this.df();
                 break;
             case "Density":
-                this.dc();
+                this.de();
                 break;
             case "IsRowHoverEnabled":
                 if (this.f != null) {
@@ -78402,17 +78386,17 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "ScrollbarBackground":
                 if (this.f != null) {
-                    this.f.scrollbarBackground = this.d7;
+                    this.f.scrollbarBackground = this.d9;
                 }
                 break;
             case "SearchIconColor":
                 this.view.ab();
                 break;
             case "SearchBackgroundColor":
-                this.v.mc = this.d8;
+                this.v.mc = this.ea;
                 break;
             case "SearchBorderColor":
-                this.v.md = this.d9;
+                this.v.md = this.eb;
                 break;
             case "SearchTextColor":
                 if (this.t != null) {
@@ -78434,7 +78418,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
         }
     };
-    CheckboxList.prototype.cu = function (a, b) {
+    CheckboxList.prototype.cw = function (a, b) {
         if (this.indexTypeChanged != null) {
             this.indexTypeChanged(this, ((function () {
                 var $ret = new CheckboxListIndexTypeChangedEventArgs();
@@ -78444,7 +78428,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             })()));
         }
     };
-    CheckboxList.prototype.dc = function () {
+    CheckboxList.prototype.de = function () {
         if (this.f != null) {
             this.f.density = this.density;
         }
@@ -78453,7 +78437,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.view.x();
     };
-    CheckboxList.prototype.dd = function () {
+    CheckboxList.prototype.df = function () {
         if (this.u != null) {
             this.u.p = this.baseTheme;
         }
@@ -78461,31 +78445,31 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             this.t.d8 = this.searchTextColor;
         }
         if (this.f != null) {
-            this.f.cellTextColor = this.ee;
+            this.f.cellTextColor = this.eg;
             this.f.cellBackground = this.backgroundColor;
             this.f.cellSelectedBackground = this.backgroundColor;
             this.f.rowHoverBackground = this.rowHoverBackgroundColor;
         }
         this.view.z();
     };
-    CheckboxList.prototype.cz = function (a, b) {
+    CheckboxList.prototype.c1 = function (a, b) {
         this.an = true;
-        this.cd();
+        this.cf();
         if (b.schema != null) {
-            this.c1();
+            this.c3();
             for (var c = 0; c < this.keys.count; c++) {
-                this.cw(this.keys._inner[c]);
+                this.cy(this.keys._inner[c]);
             }
             this.view.ag();
         }
         this.an = false;
     };
-    CheckboxList.prototype.c1 = function () {
-        if (this.af == null && this.a6 != null && this.a6 != "") {
-            this.af = new FastReflectionHelper(false, this.a6);
+    CheckboxList.prototype.c3 = function () {
+        if (this.af == null && this.a8 != null && this.a8 != "") {
+            this.af = new FastReflectionHelper(false, this.a8);
         }
-        if (this.a2 != null && this.af != null && this.f.actualDataSource.actualSchema != null) {
-            this.af.propertyName = this.a6;
+        if (this.a4 != null && this.af != null && this.f.actualDataSource.actualSchema != null) {
+            this.af.propertyName = this.a8;
             var a = this.f.actualDataSource.actualCount;
             for (var b = 0; b < a; b++) {
                 var c = this.f.actualDataSource.getItemAtIndex(b);
@@ -78499,11 +78483,11 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    CheckboxList.prototype.de = function () {
+    CheckboxList.prototype.dg = function () {
         this.f.actualColumns.clear();
         this.f.primaryKey = this.primaryKey;
         this.f.isGroupRowSticky = false;
-        this.f.rowHeight = this.a1;
+        this.f.rowHeight = this.a3;
         this.f.cellBackground = this.backgroundColor;
         this.f.cellSelectedBackground = this.backgroundColor;
         this.f.density = this.density;
@@ -78513,10 +78497,10 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             this.f.cellTextStyle = this.ai;
         }
         var a = new TemplateColumn();
-        if (this.a6 == null) {
-            this.a6 = "";
+        if (this.a8 == null) {
+            this.a8 = "";
         }
-        a.lo = this.a6;
+        a.lo = this.a8;
         a.mf = "CheckboxColumn";
         var b = new ColumnWidth();
         b.c = false;
@@ -78524,10 +78508,10 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         a.width = b;
         a.kk = 0;
         a.kl = 0;
-        a.cellUpdating = delegateCombine(a.cellUpdating, runOn(this, this.ce));
+        a.cellUpdating = delegateCombine(a.cellUpdating, runOn(this, this.cg));
         this.f.columns.add(a);
         this.j = a;
-        var c = this.f.actualDataSource.resolveSchemaPropertyType(this.a4);
+        var c = this.f.actualDataSource.resolveSchemaPropertyType(this.a6);
         var d;
         switch (c) {
             case 8:
@@ -78550,7 +78534,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 d = new TextColumn();
                 break;
         }
-        d.lo = this.a4;
+        d.lo = this.a6;
         d.mf = "DataColumn";
         d.kk = 0;
         d.g = 0;
@@ -78562,14 +78546,14 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     CheckboxList.prototype.provideHrElement = function (a) {
         this.view.p(a);
     };
-    CheckboxList.prototype.cv = function () {
+    CheckboxList.prototype.cx = function () {
         var a = this.t;
-        a.changing = delegateCombine(a.changing, runOn(this, this.ck));
-        this.dd();
+        a.changing = delegateCombine(a.changing, runOn(this, this.cm));
+        this.df();
     };
-    CheckboxList.prototype.ck = function (a, b) {
+    CheckboxList.prototype.cm = function (a, b) {
         var c = b.value.toLowerCase();
-        this.ct(c);
+        this.cv(c);
     };
     CheckboxList.prototype.i = function (a) {
         if (this.primaryKey == null) {
@@ -78583,7 +78567,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return new PrimaryKeyValue(b, c);
     };
-    CheckboxList.prototype.c8 = function (a) {
+    CheckboxList.prototype.da = function (a) {
         this.am = true;
         var b = this.e.getItemAtIndex(a);
         if (this.af != null) {
@@ -78593,7 +78577,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         this.keys.remove(c);
         this.am = false;
     };
-    CheckboxList.prototype.ca = function (a) {
+    CheckboxList.prototype.cc = function (a) {
         this.am = true;
         var b = this.e.getItemAtIndex(a);
         if (this.af != null) {
@@ -78603,50 +78587,50 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         this.keys.add(c);
         this.am = false;
     };
-    CheckboxList.prototype.db = function () {
+    CheckboxList.prototype.dd = function () {
         this.indexType = 0;
         this.keys.clear();
-        this.cm();
+        this.co();
         if (this.keysCleared != null) {
             this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
         }
     };
-    CheckboxList.prototype.cg = function () {
+    CheckboxList.prototype.ci = function () {
         this.indexType = 1;
         this.keys.clear();
-        this.cm();
+        this.co();
         if (this.keysCleared != null) {
             this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
         }
     };
-    CheckboxList.prototype.cq = function (a, b, c) {
+    CheckboxList.prototype.cs = function (a, b, c) {
         if (this.f != null) {
             this.f.notifySetItem(a, b, c);
         }
     };
-    CheckboxList.prototype.cn = function () {
+    CheckboxList.prototype.cp = function () {
         if (this.f != null) {
             this.f.notifyClearItems();
         }
     };
-    CheckboxList.prototype.cm = function () {
+    CheckboxList.prototype.co = function () {
         if (this.f != null) {
             this.f.invalidateVisibleRows();
         }
     };
-    CheckboxList.prototype.co = function (a, b) {
+    CheckboxList.prototype.cq = function (a, b) {
         if (this.f != null) {
             this.f.notifyInsertItem(a, b);
         }
         ;
     };
-    CheckboxList.prototype.cp = function (a, b) {
+    CheckboxList.prototype.cr = function (a, b) {
         if (this.f != null) {
             this.f.notifyRemoveItem(a, b);
         }
         ;
     };
-    CheckboxList.prototype.cb = function (a) {
+    CheckboxList.prototype.cd = function (a) {
         var b = null;
         if (this.primaryKey == null || this.primaryKey.length == 0) {
             b = new PrimaryKeyValue(null, a);
@@ -78666,7 +78650,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             this.keys.add(b);
         }
     };
-    CheckboxList.prototype.c9 = function (a) {
+    CheckboxList.prototype.db = function (a) {
         var b = null;
         if (this.primaryKey == null || this.primaryKey.length == 0) {
             b = new PrimaryKeyValue(null, a);
@@ -78686,70 +78670,82 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             this.keys.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 > 90) {
-            b += 90;
-            b += 15;
+    CheckboxList.prototype.getDesiredSize = function (a) {
+        var b = 248;
+        var c = 0;
+        var d = this.ay();
+        var e = 5;
+        if (this.f != null && this.f.actualDataSource != null && this.f.actualDataSource.actualCount > 0) {
+            e = this.f.actualDataSource.actualCount;
+        }
+        var f = this.a1 * e;
+        var g = this.a1 * (this.showSelectAll ? 4 : 5);
+        var h = f > g ? g : f;
+        var i = d + h;
+        if (isPositiveInfinity(a.height)) {
+            c = i;
         }
         else {
-            b += e;
+            if (a.height <= i) {
+                c = i;
+            }
+            else {
+                var j = a.height - i;
+                c = d + j;
+            }
         }
+        return new Size(1, b, c);
+    };
+    CheckboxList.prototype.ay = function () {
+        var a = 0;
+        a += ComponentSizeHelpers.d(this.density, this.baseTheme);
+        a += ComponentSizeHelpers.c(this.density, this.baseTheme);
+        a += (0.8 + 6);
+        a += 4;
         if (this.showSelectAll) {
-            b += c;
+            a += this.a1;
         }
-        return new Size(1, a, b);
+        a += 4;
+        return a;
     };
-    Object.defineProperty(CheckboxList.prototype, "b2", {
+    Object.defineProperty(CheckboxList.prototype, "b4", {
         get: function () {
-            return this.b1 != null ? this.b1 : !stringIsNullOrWhiteSpace(this.al.b1("Select_All")) ? this.al.b1("Select_All") : "(Select All)";
+            return this.b3 != null ? this.b3 : !stringIsNullOrWhiteSpace(this.al.b1("Select_All")) ? this.al.b1("Select_All") : "(Select All)";
         },
         set: function (a) {
-            if (a == this.b1) {
+            if (a == this.b3) {
                 return;
             }
-            var b = this.b1;
-            this.b1 = a;
-            this.cy("SelectAllCaption", b, this.b1);
+            var b = this.b3;
+            this.b3 = a;
+            this.c0("SelectAllCaption", b, this.b3);
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "ec", {
+    Object.defineProperty(CheckboxList.prototype, "ee", {
         get: function () {
-            return this.du;
+            return this.dw;
         },
         set: function (a) {
-            var b = this.du;
-            this.du = a;
-            if (b != this.du) {
-                this.cy("SelectAllCaptionTextColor", b, a);
+            var b = this.dw;
+            this.dw = a;
+            if (b != this.dw) {
+                this.c0("SelectAllCaptionTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "dw", {
+    Object.defineProperty(CheckboxList.prototype, "dy", {
         get: function () {
-            return this.dg;
+            return this.di;
         },
         set: function (a) {
-            var b = this.dg;
-            this.dg = a;
-            if (b != this.dg) {
-                this.cy("ActualSelectAllCaptionTextColor", b, a);
+            var b = this.di;
+            this.di = a;
+            if (b != this.di) {
+                this.c0("ActualSelectAllCaptionTextColor", b, a);
             }
         },
         enumerable: false,
@@ -78757,14 +78753,14 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(CheckboxList.prototype, "as", {
         get: function () {
-            if (-1 == this.a0) {
+            if (-1 == this.a2) {
                 return false;
             }
             var a = this.keys.count;
             if (0 == a) {
                 return false;
             }
-            if (a == this.a0) {
+            if (a == this.a2) {
                 return false;
             }
             return true;
@@ -78782,20 +78778,20 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             var b = this.av;
             this.av = a;
-            this.cy("showSelectAll", b, this.av);
+            this.c0("showSelectAll", b, this.av);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(CheckboxList.prototype, "backgroundColor", {
         get: function () {
-            return this.dh;
+            return this.dj;
         },
         set: function (a) {
-            var b = this.dh;
-            this.dh = a;
-            if (b != this.dh) {
-                this.cy("BackgroundColor", b, a);
+            var b = this.dj;
+            this.dj = a;
+            if (b != this.dj) {
+                this.c0("BackgroundColor", b, a);
             }
         },
         enumerable: false,
@@ -78803,33 +78799,33 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(CheckboxList.prototype, "rowHoverBackgroundColor", {
         get: function () {
-            return this.dn;
+            return this.dq;
         },
         set: function (a) {
-            var b = this.dn;
-            this.dn = a;
-            if (b != this.dn) {
-                this.cy("RowHoverBackgroundColor", b, a);
+            var b = this.dq;
+            this.dq = a;
+            if (b != this.dq) {
+                this.c0("RowHoverBackgroundColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "ee", {
+    Object.defineProperty(CheckboxList.prototype, "eg", {
         get: function () {
-            return this.dv;
+            return this.dx;
         },
         set: function (a) {
-            var b = this.dv;
-            this.dv = a;
-            if (b != this.dv) {
-                this.cy("TextColor", b, a);
+            var b = this.dx;
+            this.dx = a;
+            if (b != this.dx) {
+                this.c0("TextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    CheckboxList.prototype.c0 = function (a) {
+    CheckboxList.prototype.c2 = function (a) {
         if (this.selectAllCheckboxChanged != null) {
             this.selectAllCheckboxChanged(this, ((function () {
                 var $ret = new SelectAllCheckboxChangedEventArgs();
@@ -78839,39 +78835,39 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     CheckboxList.prototype.ap = function () {
-        if (-1 == this.a0) {
+        if (-1 == this.a2) {
             return true;
         }
         var a = this.keys.count;
         switch (this.indexType) {
-            case 0: return this.a0 == a;
+            case 0: return this.a2 == a;
             case 1: return 0 == a;
             default: return false;
         }
     };
     CheckboxList.prototype.ao = function () {
-        if (-1 == this.a0) {
+        if (-1 == this.a2) {
             return false;
         }
         var a = this.keys.count;
         switch (this.indexType) {
             case 0: return 0 == a;
-            case 1: return this.a0 == a;
+            case 1: return this.a2 == a;
             default: return false;
         }
     };
-    CheckboxList.prototype.cd = function () {
+    CheckboxList.prototype.cf = function () {
         var a = this.f.actualDataSource;
         if (null != a) {
             if (null == a.actualSchema) {
-                this.a0 = -1;
+                this.a2 = -1;
                 return;
             }
             var b = a.actualCount;
-            this.a0 = b;
+            this.a2 = b;
         }
         else {
-            this.a0 = -1;
+            this.a2 = -1;
         }
     };
     Object.defineProperty(CheckboxList.prototype, "au", {
@@ -78884,7 +78880,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             var b = this.at;
             this.at = a;
-            this.cy("ShowFilter", b, this.at);
+            this.c0("ShowFilter", b, this.at);
         },
         enumerable: false,
         configurable: true
@@ -78899,17 +78895,17 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             var b = this.aq;
             this.aq = a;
-            this.cy("IsRowHoverEnabled", b, this.aq);
+            this.c0("IsRowHoverEnabled", b, this.aq);
         },
         enumerable: false,
         configurable: true
     });
     CheckboxList.$t = markType(CheckboxList, 'CheckboxList', Base.$, [INotifyPropertyChanged_$type]);
-    CheckboxList.ed = BrushUtil.h(255, 24, 29, 31);
-    CheckboxList.by = "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.d3 = BrushUtil.h(255, 248, 248, 248);
-    CheckboxList.d4 = null;
-    CheckboxList.d5 = BrushUtil.h(255, 24, 29, 31);
+    CheckboxList.ef = BrushUtil.h(255, 24, 29, 31);
+    CheckboxList.b0 = "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z";
+    CheckboxList.d5 = BrushUtil.h(255, 248, 248, 248);
+    CheckboxList.d6 = null;
+    CheckboxList.d7 = BrushUtil.h(255, 24, 29, 31);
     return CheckboxList;
 }(Base));
 
@@ -79430,10 +79426,10 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.bk;
+            return this.i.bm;
         },
         set: function (v) {
-            this.i.bk = v;
+            this.i.bm = v;
         },
         enumerable: false,
         configurable: true
@@ -79457,18 +79453,18 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.a1;
+            return this.i.a3;
         },
         set: function (v) {
-            this.i.a1 = +v;
-            this._a("rowHeight", this.i.a1);
+            this.i.a3 = +v;
+            this._a("rowHeight", this.i.a3);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcCheckboxListComponent.prototype, "actualRowHeight", {
         get: function () {
-            return this.i.az;
+            return this.i.a1;
         },
         enumerable: false,
         configurable: true
@@ -79553,11 +79549,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the search background color.
         */
         get: function () {
-            return brushToString(this.i.d8);
+            return brushToString(this.i.ea);
         },
         set: function (v) {
-            this.i.d8 = stringToBrush(v);
-            this._a("searchBackgroundColor", brushToString(this.i.d8));
+            this.i.ea = stringToBrush(v);
+            this._a("searchBackgroundColor", brushToString(this.i.ea));
         },
         enumerable: false,
         configurable: true
@@ -79581,11 +79577,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the search border color.
         */
         get: function () {
-            return brushToString(this.i.d9);
+            return brushToString(this.i.eb);
         },
         set: function (v) {
-            this.i.d9 = stringToBrush(v);
-            this._a("searchBorderColor", brushToString(this.i.d9));
+            this.i.eb = stringToBrush(v);
+            this._a("searchBorderColor", brushToString(this.i.eb));
         },
         enumerable: false,
         configurable: true
@@ -79614,11 +79610,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the checkbox tick color.
         */
         get: function () {
-            return brushToString(this.i.d0);
+            return brushToString(this.i.d2);
         },
         set: function (v) {
-            this.i.d0 = stringToBrush(v);
-            this._a("checkboxTickColor", brushToString(this.i.d0));
+            this.i.d2 = stringToBrush(v);
+            this._a("checkboxTickColor", brushToString(this.i.d2));
         },
         enumerable: false,
         configurable: true
@@ -79628,11 +79624,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the checkbox background color when checked.
         */
         get: function () {
-            return brushToString(this.i.dy);
+            return brushToString(this.i.d0);
         },
         set: function (v) {
-            this.i.dy = stringToBrush(v);
-            this._a("checkboxCheckedBackgroundColor", brushToString(this.i.dy));
+            this.i.d0 = stringToBrush(v);
+            this._a("checkboxCheckedBackgroundColor", brushToString(this.i.d0));
         },
         enumerable: false,
         configurable: true
@@ -79642,11 +79638,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the checkbox background color when unchecked.
         */
         get: function () {
-            return brushToString(this.i.d1);
+            return brushToString(this.i.d3);
         },
         set: function (v) {
-            this.i.d1 = stringToBrush(v);
-            this._a("checkboxUncheckedBackgroundColor", brushToString(this.i.d1));
+            this.i.d3 = stringToBrush(v);
+            this._a("checkboxUncheckedBackgroundColor", brushToString(this.i.d3));
         },
         enumerable: false,
         configurable: true
@@ -79656,11 +79652,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the checkbox border color when checked.
         */
         get: function () {
-            return brushToString(this.i.dz);
+            return brushToString(this.i.d1);
         },
         set: function (v) {
-            this.i.dz = stringToBrush(v);
-            this._a("checkboxCheckedBorderColor", brushToString(this.i.dz));
+            this.i.d1 = stringToBrush(v);
+            this._a("checkboxCheckedBorderColor", brushToString(this.i.d1));
         },
         enumerable: false,
         configurable: true
@@ -79670,11 +79666,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the checkbox border color when unchecked.
         */
         get: function () {
-            return brushToString(this.i.d2);
+            return brushToString(this.i.d4);
         },
         set: function (v) {
-            this.i.d2 = stringToBrush(v);
-            this._a("checkboxUncheckedBorderColor", brushToString(this.i.d2));
+            this.i.d4 = stringToBrush(v);
+            this._a("checkboxUncheckedBorderColor", brushToString(this.i.d4));
         },
         enumerable: false,
         configurable: true
@@ -79698,11 +79694,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the scrollbar background color.
         */
         get: function () {
-            return brushToString(this.i.d7);
+            return brushToString(this.i.d9);
         },
         set: function (v) {
-            this.i.d7 = stringToBrush(v);
-            this._a("scrollbarBackground", brushToString(this.i.d7));
+            this.i.d9 = stringToBrush(v);
+            this._a("scrollbarBackground", brushToString(this.i.d9));
         },
         enumerable: false,
         configurable: true
@@ -79712,10 +79708,10 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets / sets the caption of the "Select All" checkbox.
         */
         get: function () {
-            return this.i.b2;
+            return this.i.b4;
         },
         set: function (v) {
-            this.i.b2 = v;
+            this.i.b4 = v;
         },
         enumerable: false,
         configurable: true
@@ -79725,11 +79721,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the "Select All" label.
         */
         get: function () {
-            return brushToString(this.i.ec);
+            return brushToString(this.i.ee);
         },
         set: function (v) {
-            this.i.ec = stringToBrush(v);
-            this._a("selectAllCaptionTextColor", brushToString(this.i.ec));
+            this.i.ee = stringToBrush(v);
+            this._a("selectAllCaptionTextColor", brushToString(this.i.ee));
         },
         enumerable: false,
         configurable: true
@@ -79739,11 +79735,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the actual header selectAllCaption text.
         */
         get: function () {
-            return brushToString(this.i.dw);
+            return brushToString(this.i.dy);
         },
         set: function (v) {
-            this.i.dw = stringToBrush(v);
-            this._a("actualSelectAllCaptionTextColor", brushToString(this.i.dw));
+            this.i.dy = stringToBrush(v);
+            this._a("actualSelectAllCaptionTextColor", brushToString(this.i.dy));
         },
         enumerable: false,
         configurable: true
@@ -79795,11 +79791,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text of the component.
         */
         get: function () {
-            return brushToString(this.i.ee);
+            return brushToString(this.i.eg);
         },
         set: function (v) {
-            this.i.ee = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.ee));
+            this.i.eg = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.eg));
         },
         enumerable: false,
         configurable: true
@@ -79905,17 +79901,17 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
 
 */
     IgcCheckboxListComponent.prototype.selectAll = function () {
-        this.i.db();
+        this.i.dd();
     };
     /**
      * Deselects all the items in the checkbox list.
     
     */
     IgcCheckboxListComponent.prototype.deselectAll = function () {
-        this.i.cg();
+        this.i.ci();
     };
     IgcCheckboxListComponent.prototype.notifySetItem = function (index, oldItem, newItem) {
-        this.i.cq(index, oldItem, newItem);
+        this.i.cs(index, oldItem, newItem);
     };
     /**
      * Manually notifies the checkboxlist's grid that the data it has bound to has been cleared and needs to be re-examined.
@@ -79923,22 +79919,22 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcCheckboxListComponent.prototype.notifyClearItems = function () {
-        this.i.cn();
+        this.i.cp();
     };
     IgcCheckboxListComponent.prototype.notifyInsertItem = function (index, newItem) {
-        this.i.co(index, newItem);
+        this.i.cq(index, newItem);
     };
     IgcCheckboxListComponent.prototype.notifyRemoveItem = function (index, oldItem) {
-        this.i.cp(index, oldItem);
+        this.i.cr(index, oldItem);
     };
     IgcCheckboxListComponent.prototype.addKeyValue = function (value) {
-        this.i.cb(value);
+        this.i.cd(value);
     };
     IgcCheckboxListComponent.prototype.removeKeyValue = function (value) {
-        this.i.c9(value);
+        this.i.db(value);
     };
-    IgcCheckboxListComponent.prototype.getDesiredSize = function () {
-        var iv = this.i.getDesiredSize();
+    IgcCheckboxListComponent.prototype.getDesiredSize = function (availableSize) {
+        var iv = this.i.getDesiredSize(toSize(availableSize));
         return fromSize(iv);
     };
     /**
@@ -80489,7 +80485,7 @@ var ColumnChooser = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "FilterPlaceholderText":
                 if (this.d != null) {
-                    this.d.bk = this.s;
+                    this.d.bm = this.s;
                 }
                 break;
             case "BaseTheme":
@@ -80560,7 +80556,7 @@ var ColumnChooser = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
             }
             if (this.s != null) {
-                this.d.bk = this.s;
+                this.d.bm = this.s;
             }
             this.d.itemsSource = b;
             var e = "";
@@ -80579,7 +80575,7 @@ var ColumnChooser = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     ColumnChooser.prototype.al = function () {
         var e_2, _a;
-        this.d.db();
+        this.d.dd();
         if (this.b != null) {
             try {
                 for (var _b = __values(fromEnum(this.b.actualColumns)), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -80605,7 +80601,7 @@ var ColumnChooser = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     ColumnChooser.prototype.ae = function () {
         var e_3, _a;
-        this.d.cg();
+        this.d.ci();
         if (this.b != null) {
             try {
                 for (var _b = __values(fromEnum(this.b.actualColumns)), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -81834,7 +81830,7 @@ var ColumnPinning = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "FilterPlaceholderText":
                 if (this.d != null) {
-                    this.d.bk = this.s;
+                    this.d.bm = this.s;
                 }
                 break;
             case "BaseTheme":
@@ -81911,7 +81907,7 @@ var ColumnPinning = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             this.d.showSelectAll = false;
             if (this.s != null) {
-                this.d.bk = this.s;
+                this.d.bm = this.s;
             }
             this.d.itemsSource = b;
             var e = "";
@@ -83303,13 +83299,13 @@ var GridColumnOptionsUtilities = /** @class */ /*@__PURE__*/ (function (_super)
         }
         if (m) {
             u.setStyleProperty("justify-content", "space-between");
-            h.g2 = "1";
+            h.g6 = "1";
             o.setStyleProperty("display", "flex");
             o.setStyleProperty("flex-direction", "column");
             o.setStyleProperty("align-items", "stretch");
-            h.fw = "flex";
-            h.g0 = "column";
-            h.e7 = "stretch";
+            h.f0 = "flex";
+            h.g4 = "column";
+            h.fb = "stretch";
         }
         h.appendButtonContent(u);
         return {
@@ -84009,12 +84005,12 @@ var GridColumnGroupOptionsView = /** @class */ /*@__PURE__*/ (function (_super)
             GridColumnOptionsUtilities.j(this.s, b, "inline-block");
             if (b) {
                 this.o.e = 1;
-                this.o.e7 = "stretch";
+                this.o.fb = "stretch";
                 this.t.setStyleProperty("justify-content", "space-between");
             }
             else {
                 this.o.e = 4;
-                this.o.e7 = "center";
+                this.o.fb = "center";
                 this.t.setStyleProperty("justify-content", "center");
             }
             this.s.setStyleProperty("font", a.aa.fontString);
@@ -86146,12 +86142,12 @@ var GridColumnHideOptionsView = /** @class */ /*@__PURE__*/ (function (_super) {
             GridColumnOptionsUtilities.j(this.s, b, "inline-block");
             if (b) {
                 this.o.e = 1;
-                this.o.e7 = "stretch";
+                this.o.fb = "stretch";
                 this.t.setStyleProperty("justify-content", "space-between");
             }
             else {
                 this.o.e = 4;
-                this.o.e7 = "center";
+                this.o.fb = "center";
                 this.t.setStyleProperty("justify-content", "center");
             }
             this.s.setStyleProperty("font", a.aa.fontString);
@@ -86955,15 +86951,15 @@ var GridColumnFilterOptions = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
         if (e.count == 0 || !c) {
-            this.bx.db();
+            this.bx.dd();
             return;
         }
         switch (d.value) {
             case 0:
-                this.bx.cg();
+                this.bx.ci();
                 break;
             case 1:
-                this.bx.db();
+                this.bx.dd();
                 break;
         }
         var h = this.bx.keys;
@@ -87021,9 +87017,9 @@ var GridColumnFilterOptions = /** @class */ /*@__PURE__*/ (function (_super) {
     GridColumnFilterOptions.prototype.cw = function () {
         if (null != this.bx) {
             this.bx.density = this.b0;
-            this.bx.bk = this.cc;
+            this.bx.bm = this.cc;
             this.bx.backgroundColor = this.bo;
-            this.bx.ee = this.br;
+            this.bx.eg = this.br;
             this.bx.baseTheme = this.i;
             this.bx.updateHrMargin(new Thickness(1, -7, 3, -7, 3));
         }
@@ -87377,8 +87373,8 @@ var SummaryChooserView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.e();
     };
     SummaryChooserView.prototype.e = function () {
-        if (this.model.f.az > -1) {
-            var a = this.model.r.count * this.model.f.az;
+        if (this.model.f.a1 > -1) {
+            var a = this.model.r.count * this.model.f.a1;
             a += 4;
             this.d.setStyleProperty("height", a + "px");
         }
@@ -87681,7 +87677,7 @@ var SummaryChooser = /** @class */ /*@__PURE__*/ (function (_super) {
     SummaryChooser.prototype.a6 = function () {
         if (this.e != null) {
             this.e.density = this.m;
-            this.e.ee = this.ba;
+            this.e.eg = this.ba;
             this.e.baseTheme = this.i;
             this.e.backgroundColor = this.a9;
             this.e.showSelectAll = false;
@@ -87740,7 +87736,7 @@ var SummaryChooser = /** @class */ /*@__PURE__*/ (function (_super) {
             if (d.iD == a) {
                 d.isSelected = b;
                 if (this.e != null) {
-                    this.e.cq(c, d, d);
+                    this.e.cs(c, d, d);
                 }
                 break;
             }
@@ -87752,7 +87748,7 @@ var SummaryChooser = /** @class */ /*@__PURE__*/ (function (_super) {
         c.label = b;
         this.q.add(c);
         if (this.e != null) {
-            this.e.co(this.q.count - 1, c);
+            this.e.cq(this.q.count - 1, c);
         }
         this.c.onItemInserted();
     };
@@ -87762,7 +87758,7 @@ var SummaryChooser = /** @class */ /*@__PURE__*/ (function (_super) {
             if (c.iD == a) {
                 this.q.removeAt(b);
                 if (this.e != null) {
-                    this.e.cp(b, c);
+                    this.e.cr(b, c);
                 }
                 break;
             }
@@ -87775,7 +87771,7 @@ var SummaryChooser = /** @class */ /*@__PURE__*/ (function (_super) {
             if (d.iD == a) {
                 d.label = b;
                 if (this.e != null) {
-                    this.e.cq(c, d, d);
+                    this.e.cs(c, d, d);
                 }
                 break;
             }
@@ -88234,9 +88230,9 @@ var GridColumnSummaryOptions = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     GridColumnSummaryOptions.prototype.cp = function () {
         if (this.by != null) {
-            this.by.dn = 0;
-            this.by.az = false;
-            this.by.q9 = this.br;
+            this.by.ds = 0;
+            this.by.a2 = false;
+            this.by.rg = this.br;
             this.bh(this.by);
         }
     };
@@ -88609,12 +88605,12 @@ var GridColumnButtonOptionsView = /** @class */ /*@__PURE__*/ (function (_super)
         f.setStyleProperty("margin-left", "1rem");
         var g = this.o;
         g.clicked = delegateCombine(g.clicked, runOn(this, this.v));
-        this.o.g2 = "1";
+        this.o.g6 = "1";
         var h;
         var i = ((function () { var j = GridColumnOptionsUtilities.g(_this.n, b, null, c.p, c.j, Size.empty, _this.p, h, _this.u); _this.p = j.p6; h = j.p7; _this.u = j.p8; return j.ret; })());
         var j = this.p;
         j.clicked = delegateCombine(j.clicked, runOn(this, this.w));
-        this.p.g2 = "1";
+        this.p.g6 = "1";
         this.p.e = 2;
         var k = b.createElement("div");
         k.setStyleProperty("display", "flex");
@@ -105213,7 +105209,7 @@ var PropertyEditor = /** @class */ /*@__PURE__*/ (function (_super) {
                 c.r = 3;
             }
             var e = _this.s(a, b.cellInfo.fb, b.cellInfo.hn);
-            c.d9 = e;
+            c.ed = e;
             var f = e.ar;
             if (typeof e.ar === 'number' || typeof e.ar === 'number') {
                 f = e.ar.toString();
@@ -105343,7 +105339,7 @@ var PropertyEditor = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     PropertyEditor.prototype.cm = function (a, b) {
         var c = a;
-        var d = c.d9;
+        var d = c.ed;
         this.an = true;
         d.a6();
         this.an = false;