igniteui-webcomponents-grids 4.0.3 → 4.2.2

package/fesm5/igniteui-webcomponents-grids.js

@@ -6,9 +6,9 @@
   */
   
 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, Dictionary$2, Number_$type, fromEnum, RectData, toNullable, ListSortDirection_$type, nullableNotEquals, nullableConcat, unwrapNullable, JsonDictionaryItem, typeCast, FilterFactory, tryParseInt32_1, CultureInfo, stringStartsWith, dateGetMonth, Date_$type, dateTryParse, stringFormat, AppearanceHelper, Rect, Boolean_$type, BrushUtil, EnumUtil, FontUtil, Delegate_$type, typeGetValue, stringEmpty, PagedDataSource, SRProvider, stringIsNullOrWhiteSpace, IDataSource_$type, VirtualDataSource, LocalDataSource, DataSourceLocalDataProvider, HashSet$1, createGuid, FilterExpressionCollection, SortGroupParser, SummaryParser, Point_$type, intDivide, dateNow, timeSpanTotalSeconds, fromEn, ControlDisplayDensity_$type, ArgumentException, IEditableDataSource_$type, DataSourceSectionHeaderDisplayMode_$type, DataSourceSummaryScope_$type, InvalidOperationException, stringRemove, NotSupportedException, Convert, JsonDictionaryObject, JsonDictionaryArray, JsonDictionaryValue, JsonDictionaryParser, FunctionFilterExpression, OperationFilterExpression, LiteralFilterExpression, PropertyReferenceFilterExpression, ScrollbarStyle_$type, FastIterationDictionary$2, Stack$1, DataSourceSpecialRow, IList$1_$type, DefaultSectionInformation, getInstanceType, Array_$type, isDigit, dateParse, EasingFunctions, DataSourceRowType_$type, timeSpanFromMilliseconds, timeSpanTotalMilliseconds, ensureBool, ensureEnum, brushToString, stringToBrush, arrayFindByName, NamePatcher, TypeRegistrar, toSpinal, initializePropertiesFromCss, getAllPropertyNames, fromSpinal, enumToString, IgcHTMLElement, RegisterElementHelper, IgcProvideCalculatorEventArgs, IgCollection, SyncableObservableCollection$1, MouseButton_$type, CanvasViewRenderer, RenderingContext, stringFormat1, ITickProvider_$type, Rectangle, Line, TextBlock, PointUtil, Random, Path, TransformGroup, TranslateTransform, RotateTransform, DoubleAnimator, PathFigure, LineSegment, PathGeometry, Geometry, BaseDOMEventProxy, KeyFrameAnimationFactory, AnimationKeyFrameEffect, ElevationHelper, AnimationKeyFrameEffectTiming, AnimationKeyFrameProperty, NativeUI, CanvasGestureDOMEventProxy, IgcFilterExpressionCollection, IScrollerKeyboardListener_$type, DomWrapper_$type, BaseControlTheme_$type, PortalManager, WebComponentRenderer, CollectionAdapter, Scroller, NotifyCollectionChangedAction, WebComponentWrapper, fromRect, IgcLocalDataSourceModule, IgcNumberFormatSpecifierModule, IgcDateTimeFormatSpecifierModule, FastReflectionHelper, IgcTemplateContentModule, SizeData, StringComparer, Size, nullableEquals, IgcKeyEventArgs, IExecutionContext_$type, Localization, stringSplit, fromSize } 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, Dictionary$2, Number_$type, fromEnum, RectData, toNullable, ListSortDirection_$type, nullableNotEquals, nullableConcat, unwrapNullable, JsonDictionaryItem, typeCast, FilterFactory, tryParseInt32_1, CultureInfo, stringStartsWith, dateGetMonth, Date_$type, dateTryParse, stringFormat, AppearanceHelper, Rect, Boolean_$type, BrushUtil, EnumUtil, FontUtil, Delegate_$type, typeGetValue, stringEmpty, PagedDataSource, SRProvider, stringIsNullOrWhiteSpace, IDataSource_$type, VirtualDataSource, LocalDataSource, DataSourceLocalDataProvider, HashSet$1, createGuid, FilterExpressionCollection, SortGroupParser, SummaryParser, Point_$type, intDivide, dateNow, timeSpanTotalSeconds, fromEn, ControlDisplayDensity_$type, ArgumentException, IEditableDataSource_$type, DataSourceSectionHeaderDisplayMode_$type, DataSourceSummaryScope_$type, InvalidOperationException, stringRemove, NotSupportedException, Convert, JsonDictionaryObject, JsonDictionaryArray, JsonDictionaryValue, JsonDictionaryParser, FunctionFilterExpression, OperationFilterExpression, LiteralFilterExpression, PropertyReferenceFilterExpression, ScrollbarStyle_$type, FastIterationDictionary$2, Stack$1, DataSourceSpecialRow, IList$1_$type, DefaultSectionInformation, getInstanceType, Array_$type, isDigit, dateParse, EasingFunctions, DataSourceRowType_$type, timeSpanFromMilliseconds, timeSpanTotalMilliseconds, ensureBool, ensureEnum, brushToString, stringToBrush, arrayFindByName, NamePatcher, TypeRegistrar, toSpinal, initializePropertiesFromCss, getAllPropertyNames, fromSpinal, enumToString, IgcHTMLElement, RegisterElementHelper, IgcProvideCalculatorEventArgs, IgCollection, SyncableObservableCollection$1, MouseButton_$type, CanvasViewRenderer, RenderingContext, stringFormat1, ITickProvider_$type, Rectangle, Line, TextBlock, 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, BaseControlTheme_$type, PortalManager, WebComponentRenderer, CollectionAdapter, Scroller, NotifyCollectionChangedAction, WebComponentWrapper, fromRect, IgcLocalDataSourceModule, IgcNumberFormatSpecifierModule, IgcDateTimeFormatSpecifierModule, FastReflectionHelper, IgcTemplateContentModule, SizeData, StringComparer, Size, nullableEquals, IgcKeyEventArgs, IExecutionContext_$type, Localization, stringSplit, fromSize } from 'igniteui-webcomponents-core';
 import { XButton, XIcon, XInputGroup, XInput, DatePicker, IconVisualModelExport, XCheckbox, XPrefix, InputGroupDisplayType_$type, IgcXCheckboxModule, IgcXInputGroupModule, IgcXButtonModule, XButtonGroup, XLabel, XSuffix, ThemeResolver, IgcInputChangeEventArgs, ElevationHelper as ElevationHelper$1, IgcXIconModule } from 'igniteui-webcomponents-inputs';
-import { Popup, PropertyEditorPropertyDescription, PropertyEditorPropertyDescriptionCollection, PropertyEditorDataSource, PropertyEditorValueType_$type, PropertyEditorTreeTransformer, IgcPropertyEditorPropertyDescriptionCollection, IgcPropertyEditorPropertyDescriptionComponent, IgcPropertyEditorPropertyDescriptionModule } from 'igniteui-webcomponents-layouts';
+import { PropertyEditorPropertyDescription, PropertyEditorPropertyDescriptionCollection, PropertyEditorDataSource, PropertyEditorValueType_$type, PropertyEditorTreeTransformer, IgcPropertyEditorPropertyDescriptionCollection, IgcPropertyEditorPropertyDescriptionComponent, IgcPropertyEditorPropertyDescriptionModule } from 'igniteui-webcomponents-layouts';
 
 /*
 THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
@@ -12655,7 +12655,7 @@ var Pager = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
                 var c = this.b.getItemAtIndex(b);
                 this.ac.add1(c);
-                if (this.b.isVirtual && c != null) {
+                if (c != null) {
                     this.d.d7 = true;
                 }
             }
@@ -45143,11 +45143,13 @@ var IgcGridCustomFilterRequestedEventArgs = /** @class */ /*@__PURE__*/ (functio
             }
             if (!r.externalObject) {
                 var e = new IgcFilterOperand();
-                if (e.i.setNativeElement) {
-                    e.i.setNativeElement(r);
+                if (r.$type) {
+                    e._implementation = r;
                 }
                 else {
-                    e._implementation = r;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
                 }
                 r.externalObject = e;
             }
@@ -45662,11 +45664,13 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
             }
             if (!r.externalObject) {
                 var e = new IgcGridColumnAnimationSettings();
-                if (e.i.setNativeElement) {
-                    e.i.setNativeElement(r);
+                if (r.$type) {
+                    e._implementation = r;
                 }
                 else {
-                    e._implementation = r;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
                 }
                 r.externalObject = e;
             }
@@ -45689,11 +45693,13 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
             }
             if (!r.externalObject) {
                 var e = new IgcColumnWidth();
-                if (e.i.setNativeElement) {
-                    e.i.setNativeElement(r);
+                if (r.$type) {
+                    e._implementation = r;
                 }
                 else {
-                    e._implementation = r;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
                 }
                 r.externalObject = e;
             }
@@ -47962,11 +47968,13 @@ var IgcGridSortDescriptionsChangedEventArgs = /** @class */ /*@__PURE__*/ (funct
             }
             if (!r.externalObject) {
                 var e = new IgcColumnSortDescriptionCollection();
-                if (e.i.setNativeElement) {
-                    e.i.setNativeElement(r);
+                if (r.$type) {
+                    e._implementation = r;
                 }
                 else {
-                    e._implementation = r;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
                 }
                 r.externalObject = e;
             }
@@ -48160,11 +48168,13 @@ var IgcGridGroupDescriptionsChangedEventArgs = /** @class */ /*@__PURE__*/ (func
             }
             if (!r.externalObject) {
                 var e = new IgcColumnGroupDescriptionCollection();
-                if (e.i.setNativeElement) {
-                    e.i.setNativeElement(r);
+                if (r.$type) {
+                    e._implementation = r;
                 }
                 else {
-                    e._implementation = r;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
                 }
                 r.externalObject = e;
             }
@@ -48355,11 +48365,13 @@ var IgcGridSummaryDescriptionsChangedEventArgs = /** @class */ /*@__PURE__*/ (fu
             }
             if (!r.externalObject) {
                 var e = new IgcColumnSummaryDescriptionCollection();
-                if (e.i.setNativeElement) {
-                    e.i.setNativeElement(r);
+                if (r.$type) {
+                    e._implementation = r;
                 }
                 else {
-                    e._implementation = r;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
                 }
                 r.externalObject = e;
             }
@@ -48714,13 +48726,13 @@ var DataGridCellLayoutPanel = /** @class */ /*@__PURE__*/ (function (_super) {
                 af.s.modelUpdated(af);
                 if (ai && y.b) {
                     var aq = y.a;
-                    aq.z();
+                    aq.aa();
                     if (af.l.d != 0 && this.e.b2) {
-                        aq.ae(this.ax(af.l.d));
+                        aq.af(this.ax(af.l.d));
                     }
                     var ar = af.s.nativeCell;
                     ar.b3(aq, y.c, y.d, af.cl, af.cm, z);
-                    aq.y();
+                    aq.z();
                 }
                 af.jv();
                 if (m) {
@@ -48735,7 +48747,7 @@ var DataGridCellLayoutPanel = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.m = false;
         if (y.a != null && this.q != 1) {
-            y.a.y();
+            y.a.z();
         }
         this.an();
     };
@@ -48916,7 +48928,7 @@ var DataGridCellLayoutPanel = /** @class */ /*@__PURE__*/ (function (_super) {
             if (f) {
                 this.a[b].setRawStyleProperty("z-index", e.toString());
             }
-            a.a.k(0, 0, d.actualVisibleRegion.width, d.actualVisibleRegion.height);
+            a.a.l(0, 0, d.actualVisibleRegion.width, d.actualVisibleRegion.height);
             this.a[b].setRawPosition(a.c, a.d);
         }
     };
@@ -49465,7 +49477,7 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     Object.defineProperty(CanvasGridCellBase.prototype, "templateContext", {
         get: function () {
-            return this.j.g();
+            return this.j.h();
         },
         enumerable: true,
         configurable: true
@@ -49618,7 +49630,7 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             return;
         }
         if (this.bz != 1) {
-            a.ad(this.bz);
+            a.ae(this.bz);
         }
         var j = this.j;
         if (!this.v) {
@@ -49634,17 +49646,17 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             if (this.p || this.u || (this.i != null && this.i.g != this.br)) {
                 this.p = false;
                 this.br = this.i.g;
-                j.ac(this.i);
+                j.ad(this.i);
             }
             if (f != 1) {
-                j.z();
-                j.aa(f, f);
+                j.aa();
+                j.ab(f, f);
             }
             if (!this.v) {
-                j.z();
+                j.aa();
                 var k = Math.round((d - b));
                 var l = Math.round((e - c));
-                j.af(k, l);
+                j.ag(k, l);
             }
             if (g) {
                 this.b8(j);
@@ -49653,24 +49665,24 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.b9(j);
             }
             if (!this.v) {
-                j.y();
+                j.z();
             }
             if (f != 1) {
-                j.y();
+                j.z();
             }
         }
         if (!i && this.v) {
             var m = Math.round((d - b) * f);
             var n = Math.round((e - c) * f);
             if (this.am == this.ao && this.al == this.an) {
-                a.m(this.bu(), 1, m, n, this.am, this.al);
+                a.n(this.bu(), 1, m, n, this.am, this.al);
             }
             else {
-                a.n(this.bu(), 1, 0, 0, this.am, this.al, m, n, this.am, this.al);
+                a.o(this.bu(), 1, 0, 0, this.am, this.al, m, n, this.am, this.al);
             }
         }
         if (this.bz != 1) {
-            a.ad(1);
+            a.ae(1);
         }
     };
     CanvasGridCellBase.prototype.bu = function () {
@@ -49678,13 +49690,13 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     CanvasGridCellBase.prototype.b8 = function (a) {
         if (!this.m) {
-            a.k(0, 0, this.ao, this.an);
+            a.l(0, 0, this.ao, this.an);
         }
         this.c6.n = 0;
         this.c6.o = 0;
         this.c6.width = this.a5;
         this.c6.height = this.as;
-        a.v(this.c6);
+        a.w(this.c6);
         if (this.cy != null) {
             if (this.ai > 0) {
                 this.c2.am = 0;
@@ -49693,7 +49705,7 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.c2.al = this.ai / 2;
                 this.c2._stroke = this.cy;
                 this.c2.ac = this.ai;
-                a.r(this.c2);
+                a.s(this.c2);
             }
             if (this.aj > 0) {
                 this.c3.am = 0;
@@ -49702,7 +49714,7 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.c3.al = Math.max(0, (this.a5 - (this.aj / 2)));
                 this.c3._stroke = this.cy;
                 this.c3.ac = this.aj;
-                a.r(this.c3);
+                a.s(this.c3);
             }
             if (this.ak > 0) {
                 this.c5.am = this.ak / 2;
@@ -49711,7 +49723,7 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.c5.al = Math.max(0, (this.a5 - (this.aj / 2)));
                 this.c5._stroke = this.cy;
                 this.c5.ac = this.ak;
-                a.r(this.c5);
+                a.s(this.c5);
             }
             if (this.ah > 0) {
                 this.c1.am = Math.max(0, this.as - (this.ah / 2));
@@ -49720,7 +49732,7 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.c1.al = Math.max(0, (this.a5 - (this.aj / 2)));
                 this.c1._stroke = this.cy;
                 this.c1.ac = this.ah;
-                a.r(this.c1);
+                a.s(this.c1);
             }
         }
     };
@@ -49741,7 +49753,7 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.cx.al != null) {
             this.cx.n = this.a0;
             this.cx.o = this.a3;
-            a.w(this.cx);
+            a.x(this.cx);
             if (this.r) {
                 this.c4.ac = 1;
                 this.c4.ak = this.a0;
@@ -49749,7 +49761,7 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.c4.al = this.a0 + (this.a2 - this.a0);
                 this.c4.an = this.a4 - 2;
                 this.c4._stroke = this.cx.ao;
-                this.j.r(this.c4);
+                this.j.s(this.c4);
             }
         }
     };
@@ -49983,7 +49995,7 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.p || (this.i != null && this.i.g != this.br)) {
             this.p = false;
             this.br = this.i.g;
-            a.ac(this.i);
+            a.ad(this.i);
         }
         var b;
         if (this.h != this.i || this.bt != this.i.g) {
@@ -50040,13 +50052,13 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         var f = e.length;
         var g = ("\u2026");
         if (isNaN_(this.ap)) {
-            this.ap = d.f(g);
+            this.ap = d.g(g);
         }
         if (c <= this.ap) {
             a.al = g;
             return this.ap;
         }
-        var h = d.f(e);
+        var h = d.g(e);
         if (h <= c) {
             a.al = b;
             return h;
@@ -50054,14 +50066,14 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         var i = c / h;
         var j = truncate(Math.ceil(f * i));
         var k = e.substr(0, j) + g;
-        var l = d.f(k);
+        var l = d.g(k);
         if (l > c) {
             f = j;
         }
         else {
             j = j + 1;
             k = e.substr(0, j) + g;
-            l = d.f(k);
+            l = d.g(k);
             if (l > c) {
                 f = j;
             }
@@ -50069,7 +50081,7 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         while (h > c && f > 0) {
             f--;
             e = e.substr(0, f) + g;
-            h = d.f(e);
+            h = d.g(e);
         }
         a.al = e;
         return h;
@@ -50627,24 +50639,24 @@ var GridSortIndicatorView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.e = truncate(Math.round(b));
         }
         if (this.c.d && this.g != 1) {
-            this.c.z();
-            this.c.aa(this.g, this.g);
+            this.c.aa();
+            this.c.ab(this.g, this.g);
         }
-        this.c.k(0, 0, this.k, this.j);
-        this.c.z();
-        this.c.aa(this.a.v(), this.a.v());
+        this.c.l(0, 0, this.k, this.j);
+        this.c.aa();
+        this.c.ab(this.a.v(), this.a.v());
         for (var c = 0; c < this.d.count; c++) {
-            this.c.j(this.d._inner[c].j);
+            this.c.k(this.d._inner[c].j);
             var d = this.y();
             if (this.a.a0 != null) {
                 d = this.a.a0;
             }
             this.d._inner[c]._stroke = d;
-            this.c.s(this.d._inner[c]);
+            this.c.t(this.d._inner[c]);
         }
-        this.c.y();
+        this.c.z();
         if (this.c.d && this.g != 1) {
-            this.c.y();
+            this.c.z();
         }
         this.a.at();
     };
@@ -51223,7 +51235,7 @@ var CanvasTextHeaderCell = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.d == 2) {
             b = this.bg - 21;
         }
-        a.m(this.c9, 1, b, this.bj - 8, 16, 16);
+        a.n(this.c9, 1, b, this.bj - 8, 16, 16);
     };
     CanvasTextHeaderCell.prototype.get_ab = function () {
         return true;
@@ -51883,7 +51895,7 @@ var CanvasSummaryCell = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.c8 || (this.c7 != null && this.c7.g != this.de)) {
             this.c8 = false;
             this.de = this.c7.g;
-            a.ac(this.c7);
+            a.ad(this.c7);
             this.da = FontUtil.getCurrentFontHeight(this.bn, this.c7);
         }
         var b = this.bl;
@@ -51904,7 +51916,7 @@ var CanvasSummaryCell = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             this.dk.n = this.db;
             this.dk.o = this.dc;
-            a.w(this.dk);
+            a.x(this.dk);
         }
         _super.prototype.b9.call(this, a);
     };
@@ -52102,23 +52114,23 @@ var GridExpansionIndicatorView = /** @class */ /*@__PURE__*/ (function (_super)
             this.d = truncate(Math.round(d));
         }
         if (this.b.d && this.f != 1) {
-            this.b.z();
-            this.b.aa(this.f, this.f);
+            this.b.aa();
+            this.b.ab(this.f, this.f);
         }
-        this.b.k(0, 0, this.j, this.g);
-        this.b.z();
+        this.b.l(0, 0, this.j, this.g);
+        this.b.aa();
         for (var e = 0; e < this.c.count; e++) {
-            this.b.j(this.c._inner[e].j);
+            this.b.k(this.c._inner[e].j);
             var f = this.s();
             if (this.a.ae != null) {
                 f = this.a.ae;
             }
             this.c._inner[e]._stroke = f;
-            this.b.s(this.c._inner[e]);
+            this.b.t(this.c._inner[e]);
         }
-        this.b.y();
+        this.b.z();
         if (this.b.d && this.f != 1) {
-            this.b.y();
+            this.b.z();
         }
     };
     GridExpansionIndicatorView.$t = markType(GridExpansionIndicatorView, 'GridExpansionIndicatorView');
@@ -53334,7 +53346,7 @@ var TextEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
         var h = a.getSubRenderer(g);
         _this.v = new XInput();
         _this.v.provideContainer(h);
-        _this.v.b3 = "text";
+        _this.v.b6 = "text";
         _this.v.disabled = !_this.isEnabled;
         var i = e.getExternal(_this.v, h.rootWrapper, null);
         _this.w.appendContentChild(g);
@@ -53343,7 +53355,7 @@ var TextEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
     }
     TextEditorView.prototype.setFont = function (a) {
         if (this.v != null) {
-            this.v.ad = a;
+            this.v.af = a;
         }
     };
     TextEditorView.prototype.attachEvents = function () {
@@ -53391,7 +53403,7 @@ var TextEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.a.isEditRefocusDesired) {
             var a = this.h.rootWrapper.getNativeElement();
             if (a == document.activeElement || a.contains(document.activeElement)) {
-                this.v.cm();
+                this.v.cp();
                 this.focus();
             }
         }
@@ -53400,8 +53412,8 @@ var TextEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
         var _this = this;
         if (this.v != null) {
             this.v.focus(true);
-            if (this.v.b3 != "date") {
-                window.setTimeout(function () { return _this.v.dg(); }, 0);
+            if (this.v.b6 != "date") {
+                window.setTimeout(function () { return _this.v.dj(); }, 0);
             }
         }
     };
@@ -53409,14 +53421,14 @@ var TextEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.v != null) {
             if (this.value != null) {
                 this.x = null;
-                this.v.cj = null;
-                this.v.cj = this.value.toString();
+                this.v.cm = null;
+                this.v.cm = this.value.toString();
                 if (this.focusOnValueChanged) {
                     this.r();
                 }
             }
             else {
-                this.v.cj = null;
+                this.v.cm = null;
             }
         }
     };
@@ -53451,13 +53463,13 @@ var TextEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     TextEditorView.prototype.getEditorValue = function () {
         if (this.v != null) {
-            return this.v.cj;
+            return this.v.cm;
         }
         return null;
     };
     TextEditorView.prototype.setEditorValue = function (a) {
         if (this.v != null) {
-            this.v.cj = a;
+            this.v.cm = a;
         }
     };
     TextEditorView.$t = markType(TextEditorView, 'TextEditorView', BaseEditorView.$);
@@ -53477,15 +53489,15 @@ var NumericEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(NumericEditorView, _super);
     function NumericEditorView(a, b, c) {
         var _this = _super.call(this, a, b, c) || this;
-        _this.v.b3 = "number";
+        _this.v.b6 = "number";
         return _this;
     }
     NumericEditorView.prototype.getEditorValue = function () {
-        if (this.v == null || this.v.cj == null) {
+        if (this.v == null || this.v.cm == null) {
             return null;
         }
         var a = NaN;
-        var b = tryParseNumber(this.v.cj, a);
+        var b = tryParseNumber(this.v.cm, a);
         a = b.p1;
         return a;
     };
@@ -56033,7 +56045,7 @@ var FilterCell = /** @class */ /*@__PURE__*/ (function (_super) {
     FilterCell.prototype.d3 = function (a) {
         if (this.cw != null) {
             this.cw.disabled = !a;
-            this.cw.x = a ? 1 : 0.3;
+            this.cw.z = a ? 1 : 0.3;
         }
     };
     FilterCell.prototype.dh = function (a) {
@@ -57113,13 +57125,13 @@ var GridFilterDialogView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.z();
         this.ad._fill = this.b.bq != null ? this.b.bq : GridStyleRepository.az;
         if (this.d.d && this.h != 1) {
-            this.d.z();
-            this.d.aa(this.h, this.h);
+            this.d.aa();
+            this.d.ab(this.h, this.h);
         }
-        this.d.k(0, 0, this.l, this.k);
-        this.d.s(this.ad);
+        this.d.l(0, 0, this.l, this.k);
+        this.d.t(this.ad);
         if (this.d.d && this.h != 1) {
-            this.d.y();
+            this.d.z();
         }
         this.b.bc();
     };
@@ -60151,11 +60163,13 @@ var IgcGridFilterExpressionsEventArgs = /** @class */ /*@__PURE__*/ (function ()
             }
             if (!r.externalObject) {
                 var e = new IgcFilterExpressionCollection();
-                if (e.i.setNativeElement) {
-                    e.i.setNativeElement(r);
+                if (r.$type) {
+                    e._implementation = r;
                 }
                 else {
-                    e._implementation = r;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
                 }
                 r.externalObject = e;
             }
@@ -60950,11 +60964,13 @@ var IgcGridActiveCellChangedEventArgs = /** @class */ /*@__PURE__*/ (function ()
             }
             if (!r.externalObject) {
                 var e = new IgcGridCellPosition();
-                if (e.i.setNativeElement) {
-                    e.i.setNativeElement(r);
+                if (r.$type) {
+                    e._implementation = r;
                 }
                 else {
-                    e._implementation = r;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
                 }
                 r.externalObject = e;
             }
@@ -60977,11 +60993,13 @@ var IgcGridActiveCellChangedEventArgs = /** @class */ /*@__PURE__*/ (function ()
             }
             if (!r.externalObject) {
                 var e = new IgcGridCellPosition();
-                if (e.i.setNativeElement) {
-                    e.i.setNativeElement(r);
+                if (r.$type) {
+                    e._implementation = r;
                 }
                 else {
-                    e._implementation = r;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
                 }
                 r.externalObject = e;
             }
@@ -61755,11 +61773,13 @@ var IgcGridColumnWidthChangedEventArgs = /** @class */ /*@__PURE__*/ (function (
             }
             if (!r.externalObject) {
                 var e = new IgcColumnWidth();
-                if (e.i.setNativeElement) {
-                    e.i.setNativeElement(r);
+                if (r.$type) {
+                    e._implementation = r;
                 }
                 else {
-                    e._implementation = r;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
                 }
                 r.externalObject = e;
             }
@@ -61782,11 +61802,13 @@ var IgcGridColumnWidthChangedEventArgs = /** @class */ /*@__PURE__*/ (function (
             }
             if (!r.externalObject) {
                 var e = new IgcColumnWidth();
-                if (e.i.setNativeElement) {
-                    e.i.setNativeElement(r);
+                if (r.$type) {
+                    e._implementation = r;
                 }
                 else {
-                    e._implementation = r;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
                 }
                 r.externalObject = e;
             }
@@ -63573,7 +63595,7 @@ var ColumnGrouping = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         var j = this.d.j;
         for (var k = 0; k < j.count; k++) {
-            var l = this.q._inner[k].ac();
+            var l = this.q._inner[k].ae();
             var m = this.d.b(j._inner[k]);
             l.h = m[0] - d;
             l.f = m[1] - e;
@@ -65363,11 +65385,13 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             if (!r.externalObject) {
                 var e = new IgcGridAnimationSettings();
-                if (e.i.setNativeElement) {
-                    e.i.setNativeElement(r);
+                if (r.$type) {
+                    e._implementation = r;
                 }
                 else {
-                    e._implementation = r;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
                 }
                 r.externalObject = e;
             }
@@ -65921,11 +65945,13 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             if (!r.externalObject) {
                 var e = new IgcGridCellPosition();
-                if (e.i.setNativeElement) {
-                    e.i.setNativeElement(r);
+                if (r.$type) {
+                    e._implementation = r;
                 }
                 else {
-                    e._implementation = r;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
                 }
                 r.externalObject = e;
             }
@@ -66799,11 +66825,13 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             if (!r.externalObject) {
                 var e = new IgcColumnSortDescriptionCollection();
-                if (e.i.setNativeElement) {
-                    e.i.setNativeElement(r);
+                if (r.$type) {
+                    e._implementation = r;
                 }
                 else {
-                    e._implementation = r;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
                 }
                 r.externalObject = e;
             }
@@ -66823,11 +66851,13 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             if (!r.externalObject) {
                 var e = new IgcColumnGroupDescriptionCollection();
-                if (e.i.setNativeElement) {
-                    e.i.setNativeElement(r);
+                if (r.$type) {
+                    e._implementation = r;
                 }
                 else {
-                    e._implementation = r;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
                 }
                 r.externalObject = e;
             }
@@ -66847,11 +66877,13 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             if (!r.externalObject) {
                 var e = new IgcColumnSummaryDescriptionCollection();
-                if (e.i.setNativeElement) {
-                    e.i.setNativeElement(r);
+                if (r.$type) {
+                    e._implementation = r;
                 }
                 else {
-                    e._implementation = r;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
                 }
                 r.externalObject = e;
             }
@@ -66901,11 +66933,13 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             if (!r.externalObject) {
                 var e = new IgcColumnSortDescriptionCollection();
-                if (e.i.setNativeElement) {
-                    e.i.setNativeElement(r);
+                if (r.$type) {
+                    e._implementation = r;
                 }
                 else {
-                    e._implementation = r;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
                 }
                 r.externalObject = e;
             }
@@ -66925,11 +66959,13 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             if (!r.externalObject) {
                 var e = new IgcColumnGroupDescriptionCollection();
-                if (e.i.setNativeElement) {
-                    e.i.setNativeElement(r);
+                if (r.$type) {
+                    e._implementation = r;
                 }
                 else {
-                    e._implementation = r;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
                 }
                 r.externalObject = e;
             }
@@ -66949,11 +66985,13 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             if (!r.externalObject) {
                 var e = new IgcFilterExpressionCollection();
-                if (e.i.setNativeElement) {
-                    e.i.setNativeElement(r);
+                if (r.$type) {
+                    e._implementation = r;
                 }
                 else {
-                    e._implementation = r;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
                 }
                 r.externalObject = e;
             }
@@ -66973,11 +67011,13 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             if (!r.externalObject) {
                 var e = new IgcColumnSummaryDescriptionCollection();
-                if (e.i.setNativeElement) {
-                    e.i.setNativeElement(r);
+                if (r.$type) {
+                    e._implementation = r;
                 }
                 else {
-                    e._implementation = r;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
                 }
                 r.externalObject = e;
             }
@@ -70226,43 +70266,44 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(CheckboxListView, _super);
     function CheckboxListView() {
         var _this = _super.call(this) || this;
-        _this.d = new Dictionary$2(DomWrapper_$type, XCheckbox.$, 0);
-        _this.i = null;
+        _this.e = new Dictionary$2(DomWrapper_$type, XCheckbox.$, 0);
+        _this.j = null;
         _this.a = null;
+        _this.i = null;
         _this.h = null;
-        _this.g = null;
+        _this.c = null;
         _this.b = null;
-        _this.e = null;
-        _this.c = false;
         _this.f = null;
+        _this.d = false;
+        _this.g = null;
         return _this;
     }
-    CheckboxListView.prototype.m = function () {
+    CheckboxListView.prototype.n = function () {
     };
-    CheckboxListView.prototype.l = function (a) {
+    CheckboxListView.prototype.m = function (a) {
         if (a == null) {
-            this.e = null;
-            this.d.clear();
+            this.f = null;
+            this.e.clear();
             return;
         }
-        this.e = a;
-        this.u();
-        this.aa();
-        this.ad();
-        this.r();
+        this.f = a;
+        this.v();
+        this.ae();
+        this.ah();
+        this.s();
         var b = Math.round(a.rootWrapper.width());
         var c = Math.round(a.rootWrapper.height());
-        this.e.rootWrapper.setStyleProperty("position", "relative");
-        this.e.rootWrapper.setStyleProperty("padding-bottom", "4px");
+        this.f.rootWrapper.setStyleProperty("position", "relative");
+        this.f.rootWrapper.setStyleProperty("padding-bottom", "4px");
     };
-    CheckboxListView.prototype.u = function () {
-        if (this.e != null) {
-            this.v(this.e);
+    CheckboxListView.prototype.v = function () {
+        if (this.f != null) {
+            this.w(this.f);
         }
     };
-    CheckboxListView.prototype.v = function (a) {
+    CheckboxListView.prototype.w = function (a) {
         var b = a.rootWrapper.getChildAt(0);
-        this.g = b;
+        this.h = b;
         this.b.r = new XInputGroup();
         var c = a.getSubRenderer(b);
         this.b.r.provideContainer(c);
@@ -70277,56 +70318,56 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         var h = f.getExternal(g, f.rootWrapper, f.getExternal(this.b, null, null));
         var i = a.createElement("div");
         var j = a.getSubRenderer(i);
-        var k = new XIcon();
-        k.provideContainer(j);
-        k.fill = CheckboxList.c1;
-        k.svgPath = CheckboxList.bi;
-        var l = f.getExternal(k, j.rootWrapper, j.getExternal(this.b, null, null));
+        this.c = new XIcon();
+        this.c.provideContainer(j);
+        this.c.fill = this.b.du;
+        this.c.svgPath = CheckboxList.bt;
+        var k = f.getExternal(this.c, j.rootWrapper, j.getExternal(this.b, null, null));
         g.appendContentChild(i);
         this.b.r.appendContentChild(e);
         this.b.r.inputs.add(g);
-        var m = a.createElement("div");
-        m.setRawStyleProperty("flex-grow", "1");
-        var n = a.getSubRenderer(m);
+        var l = a.createElement("div");
+        l.setRawStyleProperty("flex-grow", "1");
+        var m = a.getSubRenderer(l);
         this.b.p = new XInput();
-        this.b.p.provideContainer(n);
-        this.b.p.b3 = "text";
-        var o = n.getExternal(this.b.p, n.rootWrapper, n.getExternal(this.b, null, null));
-        if (this.b.a8 != null) {
-            this.b.p.cb = this.b.a8;
+        this.b.p.provideContainer(m);
+        this.b.p.b6 = "text";
+        var n = m.getExternal(this.b.p, m.rootWrapper, m.getExternal(this.b, null, null));
+        if (this.b.bg != null) {
+            this.b.p.ce = this.b.bg;
         }
-        this.b.r.appendContentChild(m);
+        this.b.r.appendContentChild(l);
         this.b.r.inputs.add(this.b.p);
-        this.b.b7();
+        this.b.ck();
     };
-    CheckboxListView.prototype.r = function () {
-        if (this.e != null) {
-            var a = this.e.rootWrapper.getChildAt(3);
+    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.aq == false) {
+            if (this.b.as == false) {
                 a.setStyleProperty("height", "calc(100% - 50px");
             }
             else {
                 a.setStyleProperty("height", "calc(100% - 75px");
             }
-            if (!this.b.ao && !this.b.aq) {
+            if (!this.b.aq && !this.b.as) {
                 a.setStyleProperty("height", "100%");
             }
         }
     };
-    CheckboxListView.prototype.n = function (a, b, c) {
+    CheckboxListView.prototype.o = function (a, b, c) {
         var d = null;
         if (a.getChildCount() == 0) {
             d = new XCheckbox();
-            var e = this.e.getSubRenderer(a);
+            var e = this.f.getSubRenderer(a);
             d.provideContainer(e);
-            var f = this.e.getExternal(d, e.rootWrapper, this.e.getExternal(this.b, null, null));
-            this.d.addItem(a, d);
+            var f = this.f.getExternal(d, e.rootWrapper, this.f.getExternal(this.b, null, null));
+            this.e.addItem(a, d);
             d.i = this.b.y;
             d.t = true;
-            d.change = delegateCombine(d.change, runOn(this, this.j));
-            var g = this.e.createElement("div");
+            d.change = delegateCombine(d.change, runOn(this, this.k));
+            var g = this.f.createElement("div");
             a.setStyleProperty("display", "flex");
             a.setStyleProperty("height", "100%");
             a.setStyleProperty("align-items", "center");
@@ -70344,7 +70385,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             a.append(g);
         }
         else {
-            d = this.d.item(a);
+            d = this.e.item(a);
         }
         if (d != null) {
             var h = d.u;
@@ -70371,13 +70412,18 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             finally {
                 d.u = h;
             }
+            d.ds = this.b.dl;
+            d.da = this.b.dj;
+            d.dt = this.b.dm;
+            d.db = this.b.dk;
+            d.du = this.b.dn;
         }
     };
-    CheckboxListView.prototype.x = function () {
+    CheckboxListView.prototype.z = function () {
         var e_1, _a;
-        if (this.d != null) {
+        if (this.e != null) {
             try {
-                for (var _b = __values(fromEnum(this.d)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                for (var _b = __values(fromEnum(this.e)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var a = _c.value;
                     var b = a.value;
                     b.i = this.b.y;
@@ -70401,43 +70447,43 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.a.i = this.b.y;
         }
     };
-    CheckboxListView.prototype.w = function () {
+    CheckboxListView.prototype.x = function () {
     };
-    CheckboxListView.prototype.j = function (a, b) {
+    CheckboxListView.prototype.k = function (a, b) {
         var c = a;
         var d = parseInt(c.a5.toString());
         var e = c.checked;
         if (e == true) {
             if (this.b.l == 0) {
-                this.b.cj(d);
+                this.b.cw(d);
             }
             else {
-                this.b.bs(d);
+                this.b.b5(d);
             }
         }
         else {
             if (this.b.l == 0) {
-                this.b.bs(d);
+                this.b.b5(d);
             }
             else {
-                this.b.cj(d);
+                this.b.cw(d);
             }
         }
-        this.b.b5(d, e);
-        this.ac(false);
+        this.b.ci(d, e);
+        this.ag(false);
     };
-    CheckboxListView.prototype.k = function () {
+    CheckboxListView.prototype.l = function () {
     };
-    CheckboxListView.prototype.s = function (a, b) {
+    CheckboxListView.prototype.t = function (a, b) {
         var e_2, _a;
         try {
-            for (var _b = __values(fromEnum(this.d)), _c = _b.next(); !_c.done; _c = _b.next()) {
+            for (var _b = __values(fromEnum(this.e)), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var c = _c.value;
                 var d = c.value;
                 var e = parseInt(d.a5.toString());
                 if (e == a) {
                     d.checked = b;
-                    this.b.b5(e, b);
+                    this.b.ci(e, b);
                 }
             }
         }
@@ -70454,12 +70500,12 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
                     throw e_2.error;
             }
         }
-        this.ac();
+        this.ag();
     };
-    CheckboxListView.prototype.t = function (a) {
+    CheckboxListView.prototype.u = function (a) {
         var e_3, _a;
         try {
-            for (var _b = __values(fromEnum(this.d)), _c = _b.next(); !_c.done; _c = _b.next()) {
+            for (var _b = __values(fromEnum(this.e)), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var b = _c.value;
                 var c = b.value;
                 c.checked = a;
@@ -70479,68 +70525,68 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    CheckboxListView.prototype.p = function (a) {
-        this.i = a;
-        if (null != this.i) {
-            this.i.setStyleProperty("margin", "5px 0px 4px 0px");
+    CheckboxListView.prototype.q = function (a) {
+        this.j = a;
+        if (null != this.j) {
+            this.j.setStyleProperty("margin", "5px 0px 4px 0px");
         }
     };
-    CheckboxListView.prototype.ad = function () {
-        var a = this.e;
-        if (null == a || null == this.i) {
+    CheckboxListView.prototype.ah = function () {
+        var a = this.f;
+        if (null == a || null == this.j) {
             return;
         }
         var b = a.createElement("div");
         var c = a.getSubRenderer(b);
         this.a = new XCheckbox();
         this.a.provideContainer(c);
-        var d = this.e.getExternal(this.a, c.rootWrapper, this.e.getExternal(this.b, null, null));
+        var d = this.f.getExternal(this.a, c.rootWrapper, this.f.getExternal(this.b, null, null));
         this.a.i = this.b.y;
-        this.h = a.createElement("label");
-        this.h.setRawText(this.b.bk);
-        this.h.setStyleProperty("font-size", "13px");
-        this.i.setStyleProperty("display", "flex");
-        this.i.setStyleProperty("flex-direction", "row");
-        this.i.setStyleProperty("font-family", "Verdana");
-        this.i.setStyleProperty("align-items", "center");
-        this.i.append(b);
-        this.i.append(this.h);
-        this.ae();
-        this.ab();
+        this.i = a.createElement("label");
+        this.i.setRawText(this.b.bx);
+        this.i.setStyleProperty("font-size", "13px");
+        this.j.setStyleProperty("display", "flex");
+        this.j.setStyleProperty("flex-direction", "row");
+        this.j.setStyleProperty("font-family", "Verdana");
+        this.j.setStyleProperty("align-items", "center");
+        this.j.append(b);
+        this.j.append(this.i);
+        this.ai();
+        this.af();
         var e = this.a;
-        e.change = delegateCombine(e.change, runOn(this, this.q));
+        e.change = delegateCombine(e.change, runOn(this, this.r));
         this.a.t = true;
     };
-    CheckboxListView.prototype.ab = function () {
-        if (null != this.h) {
-            this.h.setRawText(this.b.bk);
-            NativeUI.o(this.h, this.b.cv);
+    CheckboxListView.prototype.af = function () {
+        if (null != this.i) {
+            this.i.setRawText(this.b.bx);
+            NativeUI.o(this.i, this.b.dh);
         }
     };
-    CheckboxListView.prototype.ae = function () {
-        if (null != this.h) {
-            var a = this.b.aq ? "flex" : "none";
-            this.i.setStyleProperty("display", a);
+    CheckboxListView.prototype.ai = function () {
+        if (null != this.i) {
+            var a = this.b.as ? "flex" : "none";
+            this.j.setStyleProperty("display", a);
         }
     };
-    CheckboxListView.prototype.aa = function () {
-        if (this.g != null) {
-            this.g.setStyleProperty("display", this.b.ao ? "block" : "none");
+    CheckboxListView.prototype.ae = function () {
+        if (this.h != null) {
+            this.h.setStyleProperty("display", this.b.aq ? "block" : "none");
         }
-        if (this.f != null) {
-            this.f.setStyleProperty("display", this.b.ao ? "block" : "none");
+        if (this.g != null) {
+            this.g.setStyleProperty("display", this.b.aq ? "block" : "none");
         }
     };
-    CheckboxListView.prototype.ac = function (a) {
+    CheckboxListView.prototype.ag = function (a) {
         if (a === void 0) {
             a = true;
         }
-        var b = this.c;
-        this.c = true;
+        var b = this.d;
+        this.d = true;
         var c = this.a.u;
         this.a.u = a;
         try {
-            if (this.b.am) {
+            if (this.b.ao) {
                 this.a.indeterminate = true;
                 return;
             }
@@ -70554,40 +70600,61 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         finally {
             this.a.u = c;
-            this.c = b;
+            this.d = b;
         }
     };
-    CheckboxListView.prototype.q = function (a, b) {
-        if (this.c || b.isIndeterminate) {
+    CheckboxListView.prototype.r = function (a, b) {
+        if (this.d || b.isIndeterminate) {
             return;
         }
         if (b.isChecked) {
-            this.b.cl();
-            this.b.cc(b.isChecked);
+            this.b.cy();
+            this.b.cp(b.isChecked);
         }
         else {
-            this.b.bw();
-            this.b.cc(b.isChecked);
+            this.b.b9();
+            this.b.cp(b.isChecked);
         }
     };
-    CheckboxListView.prototype.z = function () {
-        var a = this.e;
+    CheckboxListView.prototype.ad = function () {
+        var a = this.f;
         if (null == a) {
             return;
         }
         var b = a.rootWrapper;
         if (null != b) {
-            NativeUI.o(b, this.b.c2);
-            NativeUI.k(b, this.b.cw);
+            NativeUI.o(b, this.b.dy);
+            NativeUI.k(b, this.b.di);
         }
     };
-    CheckboxListView.prototype.y = function (a) {
-        if (this.f != null) {
-            NativeUI.t(this.f, a);
+    CheckboxListView.prototype.ab = function () {
+        if (this.c != null) {
+            this.c.fill = this.b.du;
         }
     };
-    CheckboxListView.prototype.o = function (a) {
-        this.f = a;
+    CheckboxListView.prototype.ac = function () {
+        if (this.b.ae != null) {
+            this.i.setStyleProperty("font", this.b.ae.fontString);
+        }
+        else {
+            this.i.setStyleProperty("font-family", "Verdana");
+            this.i.setStyleProperty("font-size", 13 + "px");
+        }
+    };
+    CheckboxListView.prototype.y = function () {
+        this.a.ds = this.b.dl;
+        this.a.da = this.b.dj;
+        this.a.dt = this.b.dm;
+        this.a.db = this.b.dk;
+        this.a.du = this.b.dn;
+    };
+    CheckboxListView.prototype.aa = function (a) {
+        if (this.g != null) {
+            NativeUI.t(this.g, a);
+        }
+    };
+    CheckboxListView.prototype.p = function (a) {
+        this.g = a;
     };
     CheckboxListView.$t = markType(CheckboxListView, 'CheckboxListView');
     return CheckboxListView;
@@ -70604,45 +70671,55 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.i = null;
         _this.ab = null;
         _this.d = null;
-        _this.ag = false;
+        _this.ai = false;
         _this.c = null;
         _this.o = null;
         _this.q = null;
-        _this.ah = false;
-        _this.ae = null;
+        _this.aj = false;
+        _this.ag = null;
         _this.f = new GridSelectedKeysCollection();
         _this.a = null;
         _this.propertyChanged = null;
         _this.checkedChanged = null;
-        _this.av = null;
-        _this.ax = null;
-        _this.az = null;
         _this.ay = null;
+        _this.a0 = null;
+        _this.a2 = null;
+        _this.a1 = null;
         _this.s = 3;
-        _this.ar = -1;
+        _this.au = -1;
         _this.ac = null;
         _this.k = 1;
         _this.x = 1;
         _this.z = 2;
+        _this.dd = BrushUtil.g(255, 24, 29, 31);
+        _this.db = null;
+        _this.de = null;
+        _this.dc = null;
+        _this.ad = null;
+        _this.c7 = null;
+        _this.c5 = null;
+        _this.c8 = null;
+        _this.c6 = null;
+        _this.c9 = null;
         _this.v = 0;
-        _this.cs = null;
-        _this.bj = null;
-        _this.ct = null;
-        _this.cq = CheckboxList.cy;
-        _this.ap = true;
-        _this.cr = CheckboxList.cx;
-        _this.cu = CheckboxList.cy;
+        _this.da = null;
+        _this.bw = null;
+        _this.df = null;
+        _this.c3 = CheckboxList.dq;
+        _this.ar = true;
+        _this.c4 = CheckboxList.dp;
+        _this.dg = CheckboxList.dq;
         _this.selectAllCheckboxChanged = null;
-        _this.at = -1;
-        _this.an = true;
-        _this.ak = true;
+        _this.aw = -1;
+        _this.ap = true;
+        _this.am = true;
         var a = _this.f;
-        a.collectionChanged = delegateCombine(a.collectionChanged, runOn(_this, _this.ce));
+        a.collectionChanged = delegateCombine(a.collectionChanged, runOn(_this, _this.cr));
         _this.d = new FilterFactory();
         var b = new CheckboxListView();
         b.b = _this;
         _this.m = b;
-        _this.m.m();
+        _this.m.n();
         return _this;
     }
     Object.defineProperty(CheckboxList.prototype, "r", {
@@ -70675,13 +70752,13 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "af", {
+    Object.defineProperty(CheckboxList.prototype, "ah", {
         get: function () {
-            if (this.ae == null) {
-                this.ae = new SRProvider(this.m.e);
-                this.ae.cb("DataGrid");
+            if (this.ag == null) {
+                this.ag = new SRProvider(this.m.f);
+                this.ag.cb("DataGrid");
             }
-            return this.ae;
+            return this.ag;
         },
         enumerable: true,
         configurable: true
@@ -70701,57 +70778,57 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a;
             this.a = a;
             if (b != this.a) {
-                this.ca("PrimaryKey", b, this.a);
+                this.cn("PrimaryKey", b, this.a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    CheckboxList.prototype.ce = function (a, b) {
-        if (this.e == null || this.e.actualSchema == null || this.ag) {
+    CheckboxList.prototype.cr = function (a, b) {
+        if (this.e == null || this.e.actualSchema == null || this.ai) {
             return;
         }
         switch (b.action) {
             case 0:
                 for (var c = 0; c < b.newItems.count; c++) {
-                    this.b8(b.newItems.item(c));
+                    this.cl(b.newItems.item(c));
                 }
                 break;
             case 1:
                 for (var d = 0; d < b.oldItems.count; d++) {
-                    this.b9(b.oldItems.item(d));
+                    this.cm(b.oldItems.item(d));
                 }
                 break;
             case 2:
                 for (var e = 0; e < b.oldItems.count; e++) {
-                    this.b9(b.oldItems.item(e));
+                    this.cm(b.oldItems.item(e));
                 }
                 for (var f = 0; f < b.newItems.count; f++) {
-                    this.b8(b.newItems.item(f));
+                    this.cl(b.newItems.item(f));
                 }
                 break;
             case 4:
-                this.m.t(this.l == 0);
+                this.m.u(this.l == 0);
                 for (var g = 0; g < this.g.ae.count; g++) {
-                    this.b8(this.g.ae._inner[g]);
+                    this.cl(this.g.ae._inner[g]);
                 }
                 break;
         }
     };
-    CheckboxList.prototype.b8 = function (a) {
+    CheckboxList.prototype.cl = function (a) {
         var b = this.e.indexOfKey(a.value);
         if (b >= 0) {
-            this.m.s(b, this.l == 1);
+            this.m.t(b, this.l == 1);
         }
     };
-    CheckboxList.prototype.b9 = function (a) {
+    CheckboxList.prototype.cm = function (a) {
         var b = this.e.indexOfKey(a.value);
         if (b >= 0) {
-            this.m.s(b, this.l == 0);
+            this.m.t(b, this.l == 0);
         }
     };
-    CheckboxList.prototype.b5 = function (a, b) {
-        if (this.checkedChanged != null && this.ah == false) {
+    CheckboxList.prototype.ci = function (a, b) {
+        if (this.checkedChanged != null && this.aj == false) {
             this.checkedChanged(this, ((function () {
                 var $ret = new CheckedChangedEventArgs();
                 $ret.b = a;
@@ -70761,32 +70838,32 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     CheckboxList.prototype.notifySizeChanged = function () {
-        this.m.k();
+        this.m.l();
     };
     CheckboxList.prototype.destroy = function () {
         if (this.h != null) {
             var a = this.h;
-            a.cellClicked = delegateRemove(a.cellClicked, runOn(this, this.by));
+            a.cellClicked = delegateRemove(a.cellClicked, runOn(this, this.cb));
             if (this.h.actualDataSource != null) {
                 var b = this.h.actualDataSource;
-                b.schemaChanged = delegateRemove(b.schemaChanged, runOn(this, this.cb));
+                b.schemaChanged = delegateRemove(b.schemaChanged, runOn(this, this.co));
             }
         }
         if (this.o != null) {
             var c = this.o;
-            c.change = delegateRemove(c.change, runOn(this, this.bz));
+            c.change = delegateRemove(c.change, runOn(this, this.cc));
         }
         this.provideContainer(null, null, null);
         if (this.i != null) {
             var d = this.i;
-            d.cellUpdating = delegateRemove(d.cellUpdating, runOn(this, this.bv));
+            d.cellUpdating = delegateRemove(d.cellUpdating, runOn(this, this.b8));
         }
     };
     CheckboxList.prototype.provideContainer = function (a, b, c) {
         this.h = b;
         if (null != this.h) {
             this.h.gm = this.w;
-            this.h.aae = this.cz;
+            this.h.aae = this.dr;
             this.h.n1 = 0;
             this.h.oc = 0;
             this.h.md = NaN;
@@ -70794,24 +70871,24 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             this.h.c9 = 0;
             this.h.cu = 0;
             var d = this.h;
-            d.cellClicked = delegateCombine(d.cellClicked, runOn(this, this.by));
-            if (this.av != null) {
-                this.h.itemsSource = this.av;
-                this.bu();
-                this.cd();
-            }
-            if (this.ax != null) {
-                this.cd();
-                this.co();
+            d.cellClicked = delegateCombine(d.cellClicked, runOn(this, this.cb));
+            if (this.ay != null) {
+                this.h.itemsSource = this.ay;
+                this.b7();
+                this.cq();
+            }
+            if (this.a0 != null) {
+                this.cq();
+                this.c1();
             }
         }
-        this.m.p(c);
-        this.m.l(a);
+        this.m.q(c);
+        this.m.m(a);
     };
     CheckboxList.prototype.provideSelectAllSection = function (a) {
-        this.m.p(a);
+        this.m.q(a);
     };
-    CheckboxList.prototype.by = function (a, b) {
+    CheckboxList.prototype.cb = function (a, b) {
         if (b.cellInfo.l.a5 == 0) {
             return;
         }
@@ -70827,7 +70904,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             this.g.add(d);
         }
     };
-    CheckboxList.prototype.bv = function (a, b) {
+    CheckboxList.prototype.b8 = function (a, b) {
         var c = b.cellInfo.l.x;
         if (-1 == c) {
             return;
@@ -70839,11 +70916,11 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 d = true;
             }
         }
-        this.m.n(b.content.element, c, d);
+        this.m.o(b.content.element, c, d);
     };
-    CheckboxList.prototype.b6 = function (a) {
-        if (this.ax != null) {
-            var b = this.d.property(this.ax).cast(enumGetBox(DataSourceSchemaPropertyType_$type, 0)).toLower();
+    CheckboxList.prototype.cj = function (a) {
+        if (this.a0 != null) {
+            var b = this.d.property(this.a0).cast(enumGetBox(DataSourceSchemaPropertyType_$type, 0)).toLower();
             var c = b.contains(a);
             if (!this.h.u.k.contains(this.c)) {
                 this.c = c;
@@ -70857,55 +70934,55 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     Object.defineProperty(CheckboxList.prototype, "itemsSource", {
         get: function () {
-            return this.av;
+            return this.ay;
         },
         set: function (a) {
-            var b = this.av;
-            this.av = a;
-            if (b != this.av) {
-                this.ca("ItemsSource", b, this.av);
+            var b = this.ay;
+            this.ay = a;
+            if (b != this.ay) {
+                this.cn("ItemsSource", b, this.ay);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "a4", {
+    Object.defineProperty(CheckboxList.prototype, "bc", {
         get: function () {
-            return this.ax;
+            return this.a0;
         },
         set: function (a) {
-            var b = this.ax;
-            this.ax = a;
-            if (b != this.ax) {
-                this.ca("DataMemberPath", b, this.ax);
+            var b = this.a0;
+            this.a0 = a;
+            if (b != this.a0) {
+                this.cn("DataMemberPath", b, this.a0);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "bn", {
+    Object.defineProperty(CheckboxList.prototype, "b0", {
         get: function () {
-            return this.az;
+            return this.a2;
         },
         set: function (a) {
-            var b = this.az;
-            this.az = a;
-            if (b != this.az) {
-                this.ca("SelectedMemberPath", b, this.az);
+            var b = this.a2;
+            this.a2 = a;
+            if (b != this.a2) {
+                this.cn("SelectedMemberPath", b, this.a2);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "a8", {
+    Object.defineProperty(CheckboxList.prototype, "bg", {
         get: function () {
-            return this.ay;
+            return this.a1;
         },
         set: function (a) {
-            var b = this.ay;
-            this.ay = a;
-            if (b != this.ay) {
-                this.ca("FilterPlaceholderText", b, this.ay);
+            var b = this.a1;
+            this.a1 = a;
+            if (b != this.a1) {
+                this.cn("FilterPlaceholderText", b, this.a1);
             }
         },
         enumerable: true,
@@ -70919,27 +70996,27 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.s;
             this.s = a;
             if (b != this.s) {
-                this.ca("SearchInputType", enumGetBox(InputGroupDisplayType_$type, b), enumGetBox(InputGroupDisplayType_$type, this.s));
+                this.cn("SearchInputType", enumGetBox(InputGroupDisplayType_$type, b), enumGetBox(InputGroupDisplayType_$type, this.s));
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "au", {
+    Object.defineProperty(CheckboxList.prototype, "ax", {
         get: function () {
-            return this.ar;
+            return this.au;
         },
         set: function (a) {
-            var b = this.ar;
-            this.ar = a;
-            if (b != this.ar) {
-                this.ca("RowHeight", b, this.ar);
+            var b = this.au;
+            this.au = a;
+            if (b != this.au) {
+                this.cn("RowHeight", b, this.au);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "as", {
+    Object.defineProperty(CheckboxList.prototype, "av", {
         get: function () {
             if (this.h != null) {
                 return this.h.nf;
@@ -70949,7 +71026,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "ad", {
+    Object.defineProperty(CheckboxList.prototype, "ae", {
         get: function () {
             return this.ac;
         },
@@ -70957,7 +71034,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ac;
             this.ac = a;
             if (b != this.ac) {
-                this.ca("CellTextStyle", b, this.ac);
+                this.cn("CellTextStyle", b, this.ac);
             }
         },
         enumerable: true,
@@ -70971,7 +71048,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.k;
             this.k = a;
             if (b != this.k) {
-                this.ca("IndexType", enumGetBox(CheckboxListIndexType_$type, b), enumGetBox(CheckboxListIndexType_$type, this.k));
+                this.cn("IndexType", enumGetBox(CheckboxListIndexType_$type, b), enumGetBox(CheckboxListIndexType_$type, this.k));
             }
         },
         enumerable: true,
@@ -70985,7 +71062,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.x;
             this.x = a;
             if (b != this.x) {
-                this.ca("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.x));
+                this.cn("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.x));
             }
         },
         enumerable: true,
@@ -70999,7 +71076,147 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.z;
             this.z = a;
             if (b != this.z) {
-                this.ca("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.z));
+                this.cn("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.z));
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CheckboxList.prototype, "du", {
+        get: function () {
+            return this.dd;
+        },
+        set: function (a) {
+            var b = this.dd;
+            this.dd = a;
+            if (b != this.dd) {
+                this.cn("SearchIconColor", b, this.dd);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CheckboxList.prototype, "ds", {
+        get: function () {
+            return this.db;
+        },
+        set: function (a) {
+            var b = this.db;
+            this.db = a;
+            if (b != this.db) {
+                this.cn("SearchBackgroundColor", b, this.db);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CheckboxList.prototype, "dv", {
+        get: function () {
+            return this.de;
+        },
+        set: function (a) {
+            var b = this.de;
+            this.de = a;
+            if (b != this.de) {
+                this.cn("SearchTextColor", b, this.de);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CheckboxList.prototype, "dt", {
+        get: function () {
+            return this.dc;
+        },
+        set: function (a) {
+            var b = this.dc;
+            this.dc = a;
+            if (b != this.dc) {
+                this.cn("SearchBorderColor", b, this.dc);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CheckboxList.prototype, "af", {
+        get: function () {
+            return this.ad;
+        },
+        set: function (a) {
+            var b = this.ad;
+            this.ad = a;
+            if (b != this.ad) {
+                this.cn("SearchTextStyle", b, this.ad);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CheckboxList.prototype, "dl", {
+        get: function () {
+            return this.c7;
+        },
+        set: function (a) {
+            var b = this.c7;
+            this.c7 = a;
+            if (b != this.c7) {
+                this.cn("CheckboxTickColor", b, this.c7);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CheckboxList.prototype, "dj", {
+        get: function () {
+            return this.c5;
+        },
+        set: function (a) {
+            var b = this.c5;
+            this.c5 = a;
+            if (b != this.c5) {
+                this.cn("CheckboxCheckedBackgroundColor", b, this.c5);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CheckboxList.prototype, "dm", {
+        get: function () {
+            return this.c8;
+        },
+        set: function (a) {
+            var b = this.c8;
+            this.c8 = a;
+            if (b != this.c8) {
+                this.cn("CheckboxUncheckedBackgroundColor", b, this.c8);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CheckboxList.prototype, "dk", {
+        get: function () {
+            return this.c6;
+        },
+        set: function (a) {
+            var b = this.c6;
+            this.c6 = a;
+            if (b != this.c6) {
+                this.cn("CheckboxCheckedBorderColor", b, this.c6);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CheckboxList.prototype, "dn", {
+        get: function () {
+            return this.c9;
+        },
+        set: function (a) {
+            var b = this.c9;
+            this.c9 = a;
+            if (b != this.c9) {
+                this.cn("CheckboxUncheckedBorderColor", b, this.c9);
             }
         },
         enumerable: true,
@@ -71013,33 +71230,33 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.v;
             this.v = a;
             if (b != this.v) {
-                this.ca("ScrollbarStyle", enumGetBox(ScrollbarStyle_$type, b), enumGetBox(ScrollbarStyle_$type, this.v));
+                this.cn("ScrollbarStyle", enumGetBox(ScrollbarStyle_$type, b), enumGetBox(ScrollbarStyle_$type, this.v));
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "cz", {
+    Object.defineProperty(CheckboxList.prototype, "dr", {
         get: function () {
-            return this.cs;
+            return this.da;
         },
         set: function (a) {
-            var b = this.cs;
-            this.cs = a;
-            if (b != this.cs) {
-                this.ca("ScrollbarBackground", b, this.cs);
+            var b = this.da;
+            this.da = a;
+            if (b != this.da) {
+                this.cn("ScrollbarBackground", b, this.da);
             }
         },
         enumerable: true,
         configurable: true
     });
-    CheckboxList.prototype.ca = function (a, b, c) {
+    CheckboxList.prototype.cn = function (a, b, c) {
         if (this.propertyChanged != null) {
             this.propertyChanged(this, new PropertyChangedEventArgs(a));
         }
-        this.cf(a, b, c);
+        this.cs(a, b, c);
     };
-    CheckboxList.prototype.cf = function (a, b, c) {
+    CheckboxList.prototype.cs = function (a, b, c) {
         switch (a) {
             case "ItemsSource":
                 if (this.h != null) {
@@ -71052,26 +71269,26 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                     }
                     if (this.h.actualDataSource != null) {
                         var d = this.h.actualDataSource;
-                        d.schemaChanged = delegateRemove(d.schemaChanged, runOn(this, this.cb));
+                        d.schemaChanged = delegateRemove(d.schemaChanged, runOn(this, this.co));
                     }
-                    this.h.itemsSource = this.av;
-                    this.bu();
+                    this.h.itemsSource = this.ay;
+                    this.b7();
                     if (this.h.actualDataSource != null) {
                         var e = this.h.actualDataSource;
-                        e.schemaChanged = delegateCombine(e.schemaChanged, runOn(this, this.cb));
+                        e.schemaChanged = delegateCombine(e.schemaChanged, runOn(this, this.co));
                     }
-                    this.ah = true;
-                    this.cd();
-                    this.ah = false;
-                    this.m.ac();
+                    this.aj = true;
+                    this.cq();
+                    this.aj = false;
+                    this.m.ag();
                 }
                 break;
             case "DataMemberPath":
             case "SelectedMemberPath":
                 if (this.h != null) {
-                    if (this.ax != null) {
-                        this.cd();
-                        this.co();
+                    if (this.a0 != null) {
+                        this.cq();
+                        this.c1();
                     }
                 }
                 break;
@@ -71081,23 +71298,23 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
                 break;
             case "SelectAllCaptionTextColor":
-                this.cv = null != this.c0 ? this.c0 : CheckboxList.cy;
+                this.dh = null != this.dw ? this.dw : CheckboxList.dq;
                 break;
             case "SelectAllCaption":
             case "ActualSelectAllCaptionTextColor":
-                this.m.ab();
+                this.m.af();
                 break;
             case "showSelectAll":
-                this.m.ae();
-                this.m.r();
+                this.m.ai();
+                this.m.s();
                 break;
             case "ShowFilter":
-                this.m.aa();
-                this.m.r();
+                this.m.ae();
+                this.m.s();
                 break;
             case "FilterPlaceholderText":
                 if (this.o != null) {
-                    this.o.cb = this.a8;
+                    this.o.ce = this.bg;
                 }
                 break;
             case "SearchInputType":
@@ -71107,32 +71324,33 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "RowHeight":
                 if (this.h != null) {
-                    this.h.oa = this.au;
+                    this.h.oa = this.ax;
                 }
                 break;
             case "CellTextStyle":
                 if (this.h != null) {
-                    this.h.gx = this.ad;
+                    this.h.gx = this.ae;
                 }
+                this.m.ac();
                 break;
             case "BackgroundColor":
             case "TextColor":
                 var f = this.h;
                 if (null != f) {
-                    f.zv = this.c2;
-                    f.zt = this.cw;
+                    f.zv = this.dy;
+                    f.zt = this.di;
                 }
-                this.m.z();
+                this.m.ad();
                 break;
             case "BaseTheme":
-                this.cn();
+                this.c0();
                 break;
             case "Density":
-                this.cm();
+                this.cz();
                 break;
             case "IsRowHoverEnabled":
                 if (this.h != null) {
-                    this.h.ka = this.al;
+                    this.h.ka = this.an;
                 }
                 break;
             case "ScrollbarStyle":
@@ -71142,44 +71360,69 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "ScrollbarBackground":
                 if (this.h != null) {
-                    this.h.aae = this.cz;
+                    this.h.aae = this.dr;
+                }
+                break;
+            case "SearchIconColor":
+                this.m.ab();
+                break;
+            case "SearchBackgroundColor":
+                this.r.oz = this.ds;
+                break;
+            case "SearchBorderColor":
+                this.r.o0 = this.dt;
+                break;
+            case "SearchTextColor":
+                this.p.d1 = this.dv;
+                break;
+            case "SearchTextStyle":
+                this.p.af = this.af;
+                break;
+            case "CheckboxTickColor":
+            case "CheckboxCheckedBackgroundColor":
+            case "CheckboxUncheckedBackgroundColor":
+            case "CheckboxCheckedBorderColor":
+            case "CheckboxUncheckedBorderColor":
+                this.m.y();
+                if (this.h != null) {
+                    this.h.w9();
                 }
                 break;
         }
     };
-    CheckboxList.prototype.cm = function () {
+    CheckboxList.prototype.cz = function () {
         if (this.h != null) {
             this.h.go = this.aa;
         }
         if (this.q != null) {
             this.q.n = this.aa;
         }
-        this.m.w();
+        this.m.x();
     };
-    CheckboxList.prototype.cn = function () {
+    CheckboxList.prototype.c0 = function () {
         if (this.q != null) {
             this.q.j = this.y;
         }
-        this.m.x();
+        this.m.z();
     };
-    CheckboxList.prototype.cb = function (a, b) {
-        this.ah = true;
-        this.bu();
+    CheckboxList.prototype.co = function (a, b) {
+        this.aj = true;
+        this.b7();
         if (b.schema != null) {
-            this.cd();
+            this.cq();
             for (var c = 0; c < this.g.count; c++) {
-                this.b8(this.g._inner[c]);
+                this.cl(this.g._inner[c]);
             }
-            this.m.ac();
+            this.m.ag();
         }
-        this.ah = false;
+        this.aj = false;
     };
-    CheckboxList.prototype.cd = function () {
-        if (this.ab == null && this.az != null && this.az != "") {
-            this.ab = new FastReflectionHelper(false, this.az);
+    CheckboxList.prototype.cq = function () {
+        if (this.ab == null && this.a2 != null && this.a2 != "") {
+            this.ab = new FastReflectionHelper(false, this.a2);
         }
-        if (this.av != null && this.ab != null && this.h.actualDataSource.actualSchema != null) {
-            this.ab.propertyName = this.az;
+        if (this.ay != null && this.ab != null && this.h.actualDataSource.actualSchema != null) {
+            this.ab.propertyName = this.a2;
             var a = this.h.actualDataSource.actualCount;
             for (var b = 0; b < a; b++) {
                 var c = this.h.actualDataSource.getItemAtIndex(b);
@@ -71193,24 +71436,24 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    CheckboxList.prototype.co = function () {
+    CheckboxList.prototype.c1 = function () {
         this.h.actualColumns.clear();
         this.h.l = this.b;
         this.h.jy = false;
-        this.h.oa = this.au;
-        this.h.zt = this.cw;
-        this.h.zu = this.cw;
+        this.h.oa = this.ax;
+        this.h.zt = this.di;
+        this.h.zu = this.di;
         this.h.go = this.aa;
-        this.h.ka = this.al;
+        this.h.ka = this.an;
         this.h.aa0 = new Thickness(0, 0);
-        if (this.ad != null) {
-            this.h.gx = this.ad;
+        if (this.ae != null) {
+            this.h.gx = this.ae;
         }
         var a = new TemplateColumn();
-        if (this.az == null) {
-            this.az = "";
+        if (this.a2 == null) {
+            this.a2 = "";
         }
-        a.i8 = this.az;
+        a.i8 = this.a2;
         a.jz = "CheckboxColumn";
         var b = new ColumnWidth();
         b.c = false;
@@ -71218,10 +71461,10 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         a.width = b;
         a.h2 = 0;
         a.h3 = 0;
-        a.cellUpdating = delegateCombine(a.cellUpdating, runOn(this, this.bv));
+        a.cellUpdating = delegateCombine(a.cellUpdating, runOn(this, this.b8));
         this.h.columns.add(a);
         this.i = a;
-        var c = this.h.actualDataSource.resolveSchemaPropertyType(this.ax);
+        var c = this.h.actualDataSource.resolveSchemaPropertyType(this.a0);
         var d;
         switch (c) {
             case 8:
@@ -71244,25 +71487,25 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 d = new TextColumn();
                 break;
         }
-        d.i8 = this.ax;
+        d.i8 = this.a0;
         d.jz = "DataColumn";
         d.h2 = 0;
         d.e = 0;
         this.h.columns.add(d);
     };
     CheckboxList.prototype.updateHrMargin = function (a) {
-        this.m.y(a);
+        this.m.aa(a);
     };
     CheckboxList.prototype.provideHrElement = function (a) {
-        this.m.o(a);
+        this.m.p(a);
     };
-    CheckboxList.prototype.b7 = function () {
+    CheckboxList.prototype.ck = function () {
         var a = this.p;
-        a.changing = delegateCombine(a.changing, runOn(this, this.bz));
+        a.changing = delegateCombine(a.changing, runOn(this, this.cc));
     };
-    CheckboxList.prototype.bz = function (a, b) {
+    CheckboxList.prototype.cc = function (a, b) {
         var c = b.value.toLowerCase();
-        this.b6(c);
+        this.cj(c);
     };
     CheckboxList.prototype.j = function (a) {
         if (this.b == null) {
@@ -71276,55 +71519,55 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return new PrimaryKeyValue(b, c);
     };
-    CheckboxList.prototype.cj = function (a) {
-        this.ag = true;
+    CheckboxList.prototype.cw = function (a) {
+        this.ai = true;
         var b = this.e.getItemAtIndex(a);
         var c = this.j(b);
         this.g.remove(c);
-        this.ag = false;
+        this.ai = false;
     };
-    CheckboxList.prototype.bs = function (a) {
-        this.ag = true;
+    CheckboxList.prototype.b5 = function (a) {
+        this.ai = true;
         var b = this.e.getItemAtIndex(a);
         var c = this.j(b);
         this.g.add(c);
-        this.ag = false;
+        this.ai = false;
     };
-    CheckboxList.prototype.cl = function () {
+    CheckboxList.prototype.cy = function () {
         this.l = 0;
         this.g.clear();
-        this.b0();
-        this.m.ac();
+        this.cd();
+        this.m.ag();
     };
-    CheckboxList.prototype.bw = function () {
+    CheckboxList.prototype.b9 = function () {
         this.l = 1;
         this.g.clear();
-        this.b0();
-        this.m.ac();
+        this.cd();
+        this.m.ag();
     };
-    CheckboxList.prototype.b3 = function (a, b, c) {
+    CheckboxList.prototype.cg = function (a, b, c) {
         if (this.h != null) {
             this.h.u5(a, b, c);
         }
     };
-    CheckboxList.prototype.b0 = function () {
+    CheckboxList.prototype.cd = function () {
         if (this.h != null) {
             this.h.uz();
         }
     };
-    CheckboxList.prototype.b1 = function (a, b) {
+    CheckboxList.prototype.ce = function (a, b) {
         if (this.h != null) {
             this.h.u1(a, b);
         }
         ;
     };
-    CheckboxList.prototype.b2 = function (a, b) {
+    CheckboxList.prototype.cf = function (a, b) {
         if (this.h != null) {
             this.h.u2(a, b);
         }
         ;
     };
-    CheckboxList.prototype.bt = function (a) {
+    CheckboxList.prototype.b6 = function (a) {
         var b = null;
         if (this.b == null || this.b.length == 0) {
             b = new PrimaryKeyValue(null, a);
@@ -71339,7 +71582,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             this.g.add(b);
         }
     };
-    CheckboxList.prototype.ck = function (a) {
+    CheckboxList.prototype.cx = function (a) {
         var b = null;
         if (this.b == null || this.b.length == 0) {
             b = new PrimaryKeyValue(null, a);
@@ -71354,59 +71597,59 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             this.g.remove(b);
         }
     };
-    Object.defineProperty(CheckboxList.prototype, "bk", {
+    Object.defineProperty(CheckboxList.prototype, "bx", {
         get: function () {
-            return this.bj != null ? this.bj : !stringIsNullOrWhiteSpace(this.af.b1("Select_All")) ? this.af.b1("Select_All") : "(Select All)";
+            return this.bw != null ? this.bw : !stringIsNullOrWhiteSpace(this.ah.b1("Select_All")) ? this.ah.b1("Select_All") : "(Select All)";
         },
         set: function (a) {
-            if (a == this.bj) {
+            if (a == this.bw) {
                 return;
             }
-            var b = this.bj;
-            this.bj = a;
-            this.ca("SelectAllCaption", b, this.bj);
+            var b = this.bw;
+            this.bw = a;
+            this.cn("SelectAllCaption", b, this.bw);
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "c0", {
+    Object.defineProperty(CheckboxList.prototype, "dw", {
         get: function () {
-            return this.ct;
+            return this.df;
         },
         set: function (a) {
-            var b = this.ct;
-            this.ct = a;
-            if (b != this.ct) {
-                this.ca("SelectAllCaptionTextColor", b, a);
+            var b = this.df;
+            this.df = a;
+            if (b != this.df) {
+                this.cn("SelectAllCaptionTextColor", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "cv", {
+    Object.defineProperty(CheckboxList.prototype, "dh", {
         get: function () {
-            return this.cq;
+            return this.c3;
         },
         set: function (a) {
-            var b = this.cq;
-            this.cq = a;
-            if (b != this.cq) {
-                this.ca("ActualSelectAllCaptionTextColor", b, a);
+            var b = this.c3;
+            this.c3 = a;
+            if (b != this.c3) {
+                this.cn("ActualSelectAllCaptionTextColor", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "am", {
+    Object.defineProperty(CheckboxList.prototype, "ao", {
         get: function () {
-            if (-1 == this.at) {
+            if (-1 == this.aw) {
                 return false;
             }
             var a = this.g.count;
             if (0 == a) {
                 return false;
             }
-            if (a == this.at) {
+            if (a == this.aw) {
                 return false;
             }
             return true;
@@ -71414,50 +71657,50 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "aq", {
+    Object.defineProperty(CheckboxList.prototype, "as", {
         get: function () {
-            return this.ap;
+            return this.ar;
         },
         set: function (a) {
-            if (a == this.ap) {
+            if (a == this.ar) {
                 return;
             }
-            var b = this.ap;
-            this.ap = a;
-            this.ca("showSelectAll", b, this.ap);
+            var b = this.ar;
+            this.ar = a;
+            this.cn("showSelectAll", b, this.ar);
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "cw", {
+    Object.defineProperty(CheckboxList.prototype, "di", {
         get: function () {
-            return this.cr;
+            return this.c4;
         },
         set: function (a) {
-            var b = this.cr;
-            this.cr = a;
-            if (b != this.cr) {
-                this.ca("BackgroundColor", b, a);
+            var b = this.c4;
+            this.c4 = a;
+            if (b != this.c4) {
+                this.cn("BackgroundColor", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "c2", {
+    Object.defineProperty(CheckboxList.prototype, "dy", {
         get: function () {
-            return this.cu;
+            return this.dg;
         },
         set: function (a) {
-            var b = this.cu;
-            this.cu = a;
-            if (b != this.cu) {
-                this.ca("TextColor", b, a);
+            var b = this.dg;
+            this.dg = a;
+            if (b != this.dg) {
+                this.cn("TextColor", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    CheckboxList.prototype.cc = function (a) {
+    CheckboxList.prototype.cp = function (a) {
         if (this.selectAllCheckboxChanged != null) {
             this.selectAllCheckboxChanged(this, ((function () {
                 var $ret = new SelectAllCheckboxChangedEventArgs();
@@ -71466,77 +71709,77 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             })()));
         }
     };
-    CheckboxList.prototype.aj = function () {
-        if (-1 == this.at) {
+    CheckboxList.prototype.al = function () {
+        if (-1 == this.aw) {
             return true;
         }
         var a = this.g.count;
         switch (this.l) {
-            case 0: return this.at == a;
+            case 0: return this.aw == a;
             case 1: return 0 == a;
             default: return false;
         }
     };
-    CheckboxList.prototype.ai = function () {
-        if (-1 == this.at) {
+    CheckboxList.prototype.ak = function () {
+        if (-1 == this.aw) {
             return false;
         }
         var a = this.g.count;
         switch (this.l) {
             case 0: return 0 == a;
-            case 1: return this.at == a;
+            case 1: return this.aw == a;
             default: return false;
         }
     };
-    CheckboxList.prototype.bu = function () {
+    CheckboxList.prototype.b7 = function () {
         var a = this.h.actualDataSource;
         if (null != a) {
             if (null == a.actualSchema) {
-                this.at = -1;
+                this.aw = -1;
                 return;
             }
             var b = a.actualCount;
-            this.at = b;
+            this.aw = b;
         }
         else {
-            this.at = -1;
+            this.aw = -1;
         }
     };
-    Object.defineProperty(CheckboxList.prototype, "ao", {
+    Object.defineProperty(CheckboxList.prototype, "aq", {
         get: function () {
-            return this.an;
+            return this.ap;
         },
         set: function (a) {
-            if (a == this.an) {
+            if (a == this.ap) {
                 return;
             }
-            var b = this.an;
-            this.an = a;
-            this.ca("ShowFilter", b, this.an);
+            var b = this.ap;
+            this.ap = a;
+            this.cn("ShowFilter", b, this.ap);
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "al", {
+    Object.defineProperty(CheckboxList.prototype, "an", {
         get: function () {
-            return this.ak;
+            return this.am;
         },
         set: function (a) {
-            if (a == this.ak) {
+            if (a == this.am) {
                 return;
             }
-            var b = this.ak;
-            this.ak = a;
-            this.ca("IsRowHoverEnabled", b, this.ak);
+            var b = this.am;
+            this.am = a;
+            this.cn("IsRowHoverEnabled", b, this.am);
         },
         enumerable: true,
         configurable: true
     });
     CheckboxList.$t = markType(CheckboxList, 'CheckboxList', Base.$, [INotifyPropertyChanged_$type]);
-    CheckboxList.c1 = BrushUtil.g(255, 24, 29, 31);
-    CheckboxList.bi = "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.cx = BrushUtil.g(255, 248, 248, 248);
-    CheckboxList.cy = BrushUtil.g(255, 24, 29, 31);
+    CheckboxList.dx = BrushUtil.g(255, 24, 29, 31);
+    CheckboxList.bt = "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.dp = BrushUtil.g(255, 248, 248, 248);
+    CheckboxList.dq = BrushUtil.g(255, 24, 29, 31);
     return CheckboxList;
 }(Base));
 
@@ -71907,10 +72150,10 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.a4;
+            return this.i.bc;
         },
         set: function (v) {
-            this.i.a4 = v;
+            this.i.bc = v;
         },
         enumerable: true,
         configurable: true
@@ -71920,10 +72163,10 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.bn;
+            return this.i.b0;
         },
         set: function (v) {
-            this.i.bn = v;
+            this.i.b0 = v;
         },
         enumerable: true,
         configurable: true
@@ -71933,10 +72176,10 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.a8;
+            return this.i.bg;
         },
         set: function (v) {
-            this.i.a8 = v;
+            this.i.bg = v;
         },
         enumerable: true,
         configurable: true
@@ -71960,18 +72203,18 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.au;
+            return this.i.ax;
         },
         set: function (v) {
-            this.i.au = +v;
-            this._a("rowHeight", this.i.au);
+            this.i.ax = +v;
+            this._a("rowHeight", this.i.ax);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcCheckboxListComponent.prototype, "actualRowHeight", {
         get: function () {
-            return this.i.as;
+            return this.i.av;
         },
         enumerable: true,
         configurable: true
@@ -71981,16 +72224,16 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            if (this.i.ad == null) {
+            if (this.i.ae == null) {
                 return null;
             }
-            return this.i.ad.fontString;
+            return this.i.ae.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.ad = fi;
-            this._a("cellTextStyle", this.i.ad != null ? this.i.ad.fontString : "");
+            this.i.ae = fi;
+            this._a("cellTextStyle", this.i.ae != null ? this.i.ae.fontString : "");
         },
         enumerable: true,
         configurable: true
@@ -72037,6 +72280,151 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(IgcCheckboxListComponent.prototype, "searchIconColor", {
+        /**
+         * Gets or sets the search icon color.
+        */
+        get: function () {
+            return brushToString(this.i.du);
+        },
+        set: function (v) {
+            this.i.du = stringToBrush(v);
+            this._a("searchIconColor", brushToString(this.i.du));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcCheckboxListComponent.prototype, "searchBackgroundColor", {
+        /**
+         * Gets or sets the search background color.
+        */
+        get: function () {
+            return brushToString(this.i.ds);
+        },
+        set: function (v) {
+            this.i.ds = stringToBrush(v);
+            this._a("searchBackgroundColor", brushToString(this.i.ds));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcCheckboxListComponent.prototype, "searchTextColor", {
+        /**
+         * Gets or sets the search text color.
+        */
+        get: function () {
+            return brushToString(this.i.dv);
+        },
+        set: function (v) {
+            this.i.dv = stringToBrush(v);
+            this._a("searchTextColor", brushToString(this.i.dv));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcCheckboxListComponent.prototype, "searchBorderColor", {
+        /**
+         * Gets or sets the search border color.
+        */
+        get: function () {
+            return brushToString(this.i.dt);
+        },
+        set: function (v) {
+            this.i.dt = stringToBrush(v);
+            this._a("searchBorderColor", brushToString(this.i.dt));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcCheckboxListComponent.prototype, "searchTextStyle", {
+        /**
+         * Gets or sets the text style.
+        */
+        get: function () {
+            if (this.i.af == null) {
+                return null;
+            }
+            return this.i.af.fontString;
+        },
+        set: function (v) {
+            var fi = new FontInfo();
+            fi.fontString = v;
+            this.i.af = fi;
+            this._a("searchTextStyle", this.i.af != null ? this.i.af.fontString : "");
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcCheckboxListComponent.prototype, "checkboxTickColor", {
+        /**
+         * Gets or sets the checkbox tick color.
+        */
+        get: function () {
+            return brushToString(this.i.dl);
+        },
+        set: function (v) {
+            this.i.dl = stringToBrush(v);
+            this._a("checkboxTickColor", brushToString(this.i.dl));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcCheckboxListComponent.prototype, "checkboxCheckedBackgroundColor", {
+        /**
+         * Gets or sets the checkbox background color when checked.
+        */
+        get: function () {
+            return brushToString(this.i.dj);
+        },
+        set: function (v) {
+            this.i.dj = stringToBrush(v);
+            this._a("checkboxCheckedBackgroundColor", brushToString(this.i.dj));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcCheckboxListComponent.prototype, "checkboxUncheckedBackgroundColor", {
+        /**
+         * Gets or sets the checkbox background color when unchecked.
+        */
+        get: function () {
+            return brushToString(this.i.dm);
+        },
+        set: function (v) {
+            this.i.dm = stringToBrush(v);
+            this._a("checkboxUncheckedBackgroundColor", brushToString(this.i.dm));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcCheckboxListComponent.prototype, "checkboxCheckedBorderColor", {
+        /**
+         * Gets or sets the checkbox border color when checked.
+        */
+        get: function () {
+            return brushToString(this.i.dk);
+        },
+        set: function (v) {
+            this.i.dk = stringToBrush(v);
+            this._a("checkboxCheckedBorderColor", brushToString(this.i.dk));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcCheckboxListComponent.prototype, "checkboxUncheckedBorderColor", {
+        /**
+         * Gets or sets the checkbox border color when unchecked.
+        */
+        get: function () {
+            return brushToString(this.i.dn);
+        },
+        set: function (v) {
+            this.i.dn = stringToBrush(v);
+            this._a("checkboxUncheckedBorderColor", brushToString(this.i.dn));
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(IgcCheckboxListComponent.prototype, "scrollbarStyle", {
         /**
          * Gets or sets the style of scrollbar.
@@ -72056,11 +72444,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the scrollbar background color.
         */
         get: function () {
-            return brushToString(this.i.cz);
+            return brushToString(this.i.dr);
         },
         set: function (v) {
-            this.i.cz = stringToBrush(v);
-            this._a("scrollbarBackground", brushToString(this.i.cz));
+            this.i.dr = stringToBrush(v);
+            this._a("scrollbarBackground", brushToString(this.i.dr));
         },
         enumerable: true,
         configurable: true
@@ -72070,10 +72458,10 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets / sets the caption of the "Select All" checkbox.
         */
         get: function () {
-            return this.i.bk;
+            return this.i.bx;
         },
         set: function (v) {
-            this.i.bk = v;
+            this.i.bx = v;
         },
         enumerable: true,
         configurable: true
@@ -72083,11 +72471,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.c0);
+            return brushToString(this.i.dw);
         },
         set: function (v) {
-            this.i.c0 = stringToBrush(v);
-            this._a("selectAllCaptionTextColor", brushToString(this.i.c0));
+            this.i.dw = stringToBrush(v);
+            this._a("selectAllCaptionTextColor", brushToString(this.i.dw));
         },
         enumerable: true,
         configurable: true
@@ -72097,11 +72485,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.cv);
+            return brushToString(this.i.dh);
         },
         set: function (v) {
-            this.i.cv = stringToBrush(v);
-            this._a("actualSelectAllCaptionTextColor", brushToString(this.i.cv));
+            this.i.dh = stringToBrush(v);
+            this._a("actualSelectAllCaptionTextColor", brushToString(this.i.dh));
         },
         enumerable: true,
         configurable: true
@@ -72111,11 +72499,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets / sets whether the "Select all" checkbox is visible.
         */
         get: function () {
-            return this.i.aq;
+            return this.i.as;
         },
         set: function (v) {
-            this.i.aq = ensureBool(v);
-            this._a("showSelectAll", this.i.aq);
+            this.i.as = ensureBool(v);
+            this._a("showSelectAll", this.i.as);
         },
         enumerable: true,
         configurable: true
@@ -72125,11 +72513,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the background of the component.
         */
         get: function () {
-            return brushToString(this.i.cw);
+            return brushToString(this.i.di);
         },
         set: function (v) {
-            this.i.cw = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.cw));
+            this.i.di = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.di));
         },
         enumerable: true,
         configurable: true
@@ -72139,11 +72527,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.c2);
+            return brushToString(this.i.dy);
         },
         set: function (v) {
-            this.i.c2 = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.c2));
+            this.i.dy = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.dy));
         },
         enumerable: true,
         configurable: true
@@ -72153,11 +72541,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the filter input is visible.
         */
         get: function () {
-            return this.i.ao;
+            return this.i.aq;
         },
         set: function (v) {
-            this.i.ao = ensureBool(v);
-            this._a("showFilter", this.i.ao);
+            this.i.aq = ensureBool(v);
+            this._a("showFilter", this.i.aq);
         },
         enumerable: true,
         configurable: true
@@ -72167,11 +72555,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether row hover highlighting is enabled.
         */
         get: function () {
-            return this.i.al;
+            return this.i.an;
         },
         set: function (v) {
-            this.i.al = ensureBool(v);
-            this._a("isRowHoverEnabled", this.i.al);
+            this.i.an = ensureBool(v);
+            this._a("isRowHoverEnabled", this.i.an);
         },
         enumerable: true,
         configurable: true
@@ -72249,17 +72637,17 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
 
 */
     IgcCheckboxListComponent.prototype.selectAll = function () {
-        this.i.cl();
+        this.i.cy();
     };
     /**
      * Deselects all the items in the checkbox list.
     
     */
     IgcCheckboxListComponent.prototype.deselectAll = function () {
-        this.i.bw();
+        this.i.b9();
     };
     IgcCheckboxListComponent.prototype.notifySetItem = function (index, oldItem, newItem) {
-        this.i.b3(index, oldItem, newItem);
+        this.i.cg(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.
@@ -72267,26 +72655,26 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcCheckboxListComponent.prototype.notifyClearItems = function () {
-        this.i.b0();
+        this.i.cd();
     };
     IgcCheckboxListComponent.prototype.notifyInsertItem = function (index, newItem) {
-        this.i.b1(index, newItem);
+        this.i.ce(index, newItem);
     };
     IgcCheckboxListComponent.prototype.notifyRemoveItem = function (index, oldItem) {
-        this.i.b2(index, oldItem);
+        this.i.cf(index, oldItem);
     };
     IgcCheckboxListComponent.prototype.addKeyValue = function (value) {
-        this.i.bt(value);
+        this.i.b6(value);
     };
     IgcCheckboxListComponent.prototype.removeKeyValue = function (value) {
-        this.i.ck(value);
+        this.i.cx(value);
     };
     /**
      * Returns true if no items are selected / checked; otherwise false.
     
     */
     IgcCheckboxListComponent.prototype.isNothingSelected = function () {
-        var iv = this.i.aj();
+        var iv = this.i.al();
         return (iv);
     };
     /**
@@ -72294,7 +72682,7 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcCheckboxListComponent.prototype.isEverythingSelected = function () {
-        var iv = this.i.ai();
+        var iv = this.i.ak();
         return (iv);
     };
     Object.defineProperty(IgcCheckboxListComponent.prototype, "checkedChanged", {
@@ -72709,7 +73097,7 @@ var ColumnChooser = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "FilterPlaceholderText":
                 if (this.d != null) {
-                    this.d.a8 = this.s;
+                    this.d.bg = this.s;
                 }
                 break;
             case "BaseTheme":
@@ -72720,7 +73108,7 @@ var ColumnChooser = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "BackgroundColor":
                 if (this.d != null) {
-                    this.d.cw = this.aq;
+                    this.d.di = this.aq;
                 }
                 this.c.i();
                 break;
@@ -72750,7 +73138,7 @@ var ColumnChooser = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.a != null && this.d != null) {
             this.d.y = this.f;
             this.d.aa = this.h;
-            this.d.cw = this.aq;
+            this.d.di = this.aq;
             var a = void 0;
             var b = new ObservableCollection$1(ColumnChooserInfo.$, 0);
             try {
@@ -72780,16 +73168,16 @@ var ColumnChooser = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
             }
             if (this.s != null) {
-                this.d.a8 = this.s;
+                this.d.bg = this.s;
             }
             this.d.itemsSource = b;
             var e = "";
             var f = "";
             e = "columnName";
             f = "isNotHidden";
-            this.d.bn = f;
-            this.d.a4 = e;
-            this.d.aq = true;
+            this.d.b0 = f;
+            this.d.bc = e;
+            this.d.as = true;
         }
     };
     ColumnChooser.prototype.an = function (a) {
@@ -72799,7 +73187,7 @@ var ColumnChooser = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     ColumnChooser.prototype.al = function () {
         var e_2, _a;
-        this.d.cl();
+        this.d.cy();
         if (this.a != null) {
             try {
                 for (var _b = __values(fromEnum(this.a.actualColumns)), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -72825,7 +73213,7 @@ var ColumnChooser = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     ColumnChooser.prototype.ae = function () {
         var e_3, _a;
-        this.d.bw();
+        this.d.b9();
         if (this.a != null) {
             try {
                 for (var _b = __values(fromEnum(this.a.actualColumns)), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -74054,7 +74442,7 @@ var ColumnPinning = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "FilterPlaceholderText":
                 if (this.d != null) {
-                    this.d.a8 = this.s;
+                    this.d.bg = this.s;
                 }
                 break;
             case "BaseTheme":
@@ -74065,7 +74453,7 @@ var ColumnPinning = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "BackgroundColor":
                 if (this.d != null) {
-                    this.d.cw = this.an;
+                    this.d.di = this.an;
                 }
                 this.c.g();
                 break;
@@ -74095,7 +74483,7 @@ var ColumnPinning = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.a != null && this.d != null) {
             this.d.y = this.f;
             this.d.aa = this.h;
-            this.d.cw = this.an;
+            this.d.di = this.an;
             var a = void 0;
             var b = new ObservableCollection$1(ColumnPinningInfo.$, 0);
             try {
@@ -74129,17 +74517,17 @@ var ColumnPinning = /** @class */ /*@__PURE__*/ (function (_super) {
                         throw e_1.error;
                 }
             }
-            this.d.aq = false;
+            this.d.as = false;
             if (this.s != null) {
-                this.d.a8 = this.s;
+                this.d.bg = this.s;
             }
             this.d.itemsSource = b;
             var e = "";
             var f = "";
             e = "columnName";
             f = "isPinned";
-            this.d.bn = f;
-            this.d.a4 = e;
+            this.d.b0 = f;
+            this.d.bc = e;
         }
     };
     ColumnPinning.prototype.ae = function (a, b) {
@@ -78936,7 +79324,7 @@ var GridColumnFilterOptions = /** @class */ /*@__PURE__*/ (function (_super) {
         configurable: true
     });
     GridColumnFilterOptions.prototype.cu = function () {
-        var a = this.bx.aj();
+        var a = this.bx.al();
         this.bw.al(!a);
         var b = this.b3();
         this.bw.am(b);
@@ -79071,7 +79459,7 @@ var GridColumnFilterOptions = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
             }
             this.bx.itemsSource = e;
-            this.bx.a4 = c;
+            this.bx.bc = c;
             this.bx.b = [c];
             e.shouldEmitSectionHeaders = true;
             e.isSectionHeaderNormalRow = true;
@@ -79117,15 +79505,15 @@ var GridColumnFilterOptions = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
         if (e.count == 0 || !c) {
-            this.bx.cl();
+            this.bx.cy();
             return;
         }
         switch (d.value) {
             case 0:
-                this.bx.bw();
+                this.bx.b9();
                 break;
             case 1:
-                this.bx.cl();
+                this.bx.cy();
                 break;
         }
         var h = this.bx.g;
@@ -79183,9 +79571,9 @@ var GridColumnFilterOptions = /** @class */ /*@__PURE__*/ (function (_super) {
     GridColumnFilterOptions.prototype.cw = function () {
         if (null != this.bx) {
             this.bx.aa = this.b0;
-            this.bx.a8 = this.cc;
-            this.bx.cw = this.bo;
-            this.bx.c2 = this.br;
+            this.bx.bg = this.cc;
+            this.bx.di = this.bo;
+            this.bx.dy = this.br;
             this.bx.y = this.i;
             this.bx.updateHrMargin(new Thickness(1, -7, 3, -7, 3));
         }
@@ -79539,8 +79927,8 @@ var SummaryChooserView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.e();
     };
     SummaryChooserView.prototype.e = function () {
-        if (this.model.f.as > -1) {
-            var a = this.model.r.count * this.model.f.as;
+        if (this.model.f.av > -1) {
+            var a = this.model.r.count * this.model.f.av;
             a += 4;
             this.d.setStyleProperty("height", a + "px");
         }
@@ -79843,15 +80231,15 @@ var SummaryChooser = /** @class */ /*@__PURE__*/ (function (_super) {
     SummaryChooser.prototype.a6 = function () {
         if (this.e != null) {
             this.e.aa = this.m;
-            this.e.c2 = this.ba;
+            this.e.dy = this.ba;
             this.e.y = this.i;
+            this.e.as = false;
             this.e.aq = false;
-            this.e.ao = false;
-            this.e.al = false;
+            this.e.an = false;
             this.e.updateHrMargin(new Thickness(1, -7, 3, -7, 3));
             this.e.itemsSource = this.q;
-            this.e.a4 = "label";
-            this.e.bn = "isSelected";
+            this.e.bc = "label";
+            this.e.b0 = "isSelected";
             this.e.b = ["label"];
         }
     };
@@ -79901,7 +80289,7 @@ var SummaryChooser = /** @class */ /*@__PURE__*/ (function (_super) {
             if (d.iD == a) {
                 d.isSelected = b;
                 if (this.e != null) {
-                    this.e.b3(c, d, d);
+                    this.e.cg(c, d, d);
                 }
                 break;
             }
@@ -79913,7 +80301,7 @@ var SummaryChooser = /** @class */ /*@__PURE__*/ (function (_super) {
         c.label = b;
         this.q.add(c);
         if (this.e != null) {
-            this.e.b1(this.q.count - 1, c);
+            this.e.ce(this.q.count - 1, c);
         }
         this.c.onItemInserted();
     };
@@ -79923,7 +80311,7 @@ var SummaryChooser = /** @class */ /*@__PURE__*/ (function (_super) {
             if (c.iD == a) {
                 this.q.removeAt(b);
                 if (this.e != null) {
-                    this.e.b2(b, c);
+                    this.e.cf(b, c);
                 }
                 break;
             }
@@ -79936,7 +80324,7 @@ var SummaryChooser = /** @class */ /*@__PURE__*/ (function (_super) {
             if (d.iD == a) {
                 d.label = b;
                 if (this.e != null) {
-                    this.e.b3(c, d, d);
+                    this.e.cg(c, d, d);
                 }
                 break;
             }
@@ -80363,7 +80751,7 @@ var GridColumnSummaryOptions = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.by != null) {
             this.by.ef = 0;
             this.by.ak = false;
-            this.by.t8 = this.br;
+            this.by.t9 = this.br;
             this.bh(this.by);
         }
     };
@@ -83387,8 +83775,8 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.j = new XInput();
         this.j.provideContainer(g);
         a.getExternal(this.j, a.rootWrapper, a.getExternal(b, null, null));
-        this.j.b3 = "text";
-        this.j.cj = b.text;
+        this.j.b6 = "text";
+        this.j.cm = b.text;
         var h = this.j;
         h.changing = delegateCombine(h.changing, runOn(this, this.bi));
         var i = this.j;
@@ -83638,14 +84026,14 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.az();
             var b = this.j;
             b.focus();
-            var c = b.cj;
-            var d = null != c ? b.cj.length : 0;
-            b.di(d, d);
+            var c = b.cm;
+            var d = null != c ? b.cm.length : 0;
+            b.dl(d, d);
         }
     };
     MultiColumnComboBoxView.prototype.by = function () {
         this.k.ah = true;
-        this.j.dg();
+        this.j.dj();
         var a = new GotFocusEventArgs();
         this.g.f1(a);
     };
@@ -83755,7 +84143,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.x && !stringIsNullOrEmpty(this.au) && b > 0) {
             b--;
         }
-        this.j.di(b, c);
+        this.j.dl(b, c);
     };
     MultiColumnComboBoxView.prototype.b8 = function () {
         if (this.p) {
@@ -83784,7 +84172,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
             if (this.g.bi == false) {
                 this.ae.setStyleProperty("display", "none");
             }
-            else if ((this.g.value != null && this.g.value != "") || (this.j.cj != null && this.j.cj != "")) {
+            else if ((this.g.value != null && this.g.value != "") || (this.j.cm != null && this.j.cm != "")) {
                 this.ae.show();
             }
             else {
@@ -83932,9 +84320,9 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.k.h4 = a.cc;
         }
         if (null != this.j) {
-            this.j.dy = a.hg;
-            this.j.ad = a.aw;
-            this.j.cb = a.fb;
+            this.j.d1 = a.hg;
+            this.j.af = a.aw;
+            this.j.ce = a.fb;
         }
         if (null != this.l) {
             this.l.text = a.e0;
@@ -83965,7 +84353,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
         if (!this.v) {
             if (null != this.j) {
                 var a = this.f.text;
-                this.j.cj = a;
+                this.j.cm = a;
             }
         }
     };
@@ -84200,7 +84588,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     MultiColumnComboBoxView.prototype.ce = function () {
         if (this.j != null) {
-            this.j.dg();
+            this.j.dj();
         }
     };
     MultiColumnComboBoxView.prototype.ci = function (a) {
@@ -84242,7 +84630,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     MultiColumnComboBoxView.prototype.ax = function (a) {
         this.d.ae.clear();
-        this.j.cj = "";
+        this.j.cm = "";
         this.g.text = "";
         this.g.value = null;
     };
@@ -84256,7 +84644,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         if (null != this.j) {
             this.j.focus();
-            this.j.dg();
+            this.j.dj();
         }
     };
     MultiColumnComboBoxView.prototype.a7 = function (a, b) {
@@ -84300,7 +84688,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.b9(c);
     };
     MultiColumnComboBoxView.prototype.bj = function (a, b) {
-        var c = this.j.cj;
+        var c = this.j.cm;
         this.b9(c);
     };
     MultiColumnComboBoxView.prototype.bk = function (a, b) {
@@ -84321,7 +84709,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
                 if (0 == e) {
                     break;
                 }
-                var f = this.j.cj;
+                var f = this.j.cm;
                 if (stringIsNullOrEmpty(f)) {
                     break;
                 }
@@ -84400,7 +84788,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     MultiColumnComboBoxView.prototype.bm = function (a, b) {
         if (false == this.o()) {
-            this.j.dg();
+            this.j.dj();
             b.handled = true;
         }
     };
@@ -95753,7 +96141,7 @@ var PropertyEditor = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "FilterPlaceholderText":
                 if (this.n != null) {
-                    this.n.cb = this.b8;
+                    this.n.ce = this.b8;
                 }
                 break;
             case "SearchInputType":
@@ -95796,11 +96184,11 @@ var PropertyEditor = /** @class */ /*@__PURE__*/ (function (_super) {
         try {
             for (var _b = __values(fromEnum(this.properties)), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var c = _c.value;
-                var d = c.al;
+                var d = c.an;
                 if (this.r != null) {
                     var e = this.r.e(d, false);
                     if (e != null) {
-                        if (c.p(e)) {
+                        if (c.r(e)) {
                             b = true;
                         }
                     }
@@ -96102,7 +96490,7 @@ var PropertyEditor = /** @class */ /*@__PURE__*/ (function (_super) {
     PropertyEditor.prototype.ct = function (a, b) {
         var c = a;
         var d = this.s(c, b.cellInfo.et, b.rowObject);
-        b.resolvedValue = enumGetBox(PropertyEditorValueType_$type, d != null ? d.n : 0);
+        b.resolvedValue = enumGetBox(PropertyEditorValueType_$type, d != null ? d.p : 0);
     };
     PropertyEditor.prototype.dm = function (a, b) {
         var c = a;
@@ -96111,10 +96499,10 @@ var PropertyEditor = /** @class */ /*@__PURE__*/ (function (_super) {
             b.resolvedValue = null;
             return;
         }
-        b.resolvedValue = d.aj != null ? d.aj : d.al;
+        b.resolvedValue = d.al != null ? d.al : d.an;
     };
     PropertyEditor.prototype.a9 = function (a) {
-        switch (a.n) {
+        switch (a.p) {
             case 10: return this.aw(a);
             case 7: return this.ax(a);
             case 4: return this.az(a);
@@ -96215,12 +96603,12 @@ var PropertyEditor = /** @class */ /*@__PURE__*/ (function (_super) {
         return this.m.i(this.cb(a)) + 17;
     };
     PropertyEditor.prototype.cb = function (a) {
-        return a.aj != null ? a.aj : a.al;
+        return a.al != null ? a.al : a.an;
     };
     PropertyEditor.prototype.cs = function (a, b) {
         var c = a;
         var d = this.s(c, b.cellInfo.et, b.cellInfo.g4);
-        var e = d != null ? d.n : 0;
+        var e = d != null ? d.p : 0;
         switch (e) {
             case 10:
                 this.cu(c, b);
@@ -96316,8 +96704,8 @@ var PropertyEditor = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             var e = _this.s(a, b.cellInfo.et, b.cellInfo.g4);
             var f = c.inputs._inner[0];
-            f.bd = e;
-            f.cj = (e.ad != null ? e.ad.toString() : "");
+            f.bf = e;
+            f.cm = (e.af != null ? e.af.toString() : "");
             if (d) {
                 f.changing = delegateCombine(f.changing, runOn(_this, _this.dj));
             }
@@ -96331,9 +96719,9 @@ var PropertyEditor = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             var e = _this.s(a, b.cellInfo.et, b.cellInfo.g4);
             c.ez = e;
-            var f = e.ad;
-            if (typeof e.ad === 'number' || typeof e.ad === 'number') {
-                f = e.ad.toString();
+            var f = e.af;
+            if (typeof e.af === 'number' || typeof e.af === 'number') {
+                f = e.af.toString();
             }
             _this.m.ac(c, f);
             if (d) {
@@ -96355,12 +96743,12 @@ var PropertyEditor = /** @class */ /*@__PURE__*/ (function (_super) {
                 c.c4 = e;
                 c.value = null;
                 c.itemsSource = _this.b(_this.a(e));
-                if (e.ad != c.value) {
-                    if (typeof e.ad === 'number' || typeof e.ad === 'number') {
-                        c.value = e.ad.toString();
+                if (e.af != c.value) {
+                    if (typeof e.af === 'number' || typeof e.af === 'number') {
+                        c.value = e.af.toString();
                     }
                     else {
-                        c.value = e.ad;
+                        c.value = e.af;
                     }
                 }
                 if (!d) {
@@ -96368,12 +96756,12 @@ var PropertyEditor = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
             }
             else {
-                if (e.ad != c.value) {
-                    if (typeof e.ad === 'number' || typeof e.ad === 'number') {
-                        c.value = e.ad.toString();
+                if (e.af != c.value) {
+                    if (typeof e.af === 'number' || typeof e.af === 'number') {
+                        c.value = e.af.toString();
                     }
                     else {
-                        c.value = e.ad;
+                        c.value = e.af;
                     }
                 }
             }
@@ -96417,25 +96805,25 @@ var PropertyEditor = /** @class */ /*@__PURE__*/ (function (_super) {
         var c = a;
         var d = c.c4;
         this.an = true;
-        d.ad = c.value;
-        d.am();
+        d.af = c.value;
+        d.ao();
         this.an = false;
         this.dv(d);
     };
     PropertyEditor.prototype.dj = function (a, b) {
         var c = a;
-        var d = c.bd;
+        var d = c.bf;
         this.an = true;
-        if (d.n == 1) {
+        if (d.p == 1) {
             var e = 0;
-            var f = tryParseNumber(c.cj, e);
+            var f = tryParseNumber(c.cm, e);
             e = f.p1;
-            d.ad = e;
+            d.af = e;
         }
         else {
-            d.ad = c.cj;
+            d.af = c.cm;
         }
-        d.am();
+        d.ao();
         this.an = false;
         this.dv(d);
     };
@@ -96443,7 +96831,7 @@ var PropertyEditor = /** @class */ /*@__PURE__*/ (function (_super) {
         var c = a;
         var d = c.ez;
         this.an = true;
-        d.an();
+        d.ap();
         this.an = false;
         this.dv(d);
     };
@@ -96470,9 +96858,9 @@ var PropertyEditor = /** @class */ /*@__PURE__*/ (function (_super) {
             d = d.ae;
         }
         for (var e = 0; e < d.count; e++) {
-            var f = d._inner[e].al;
+            var f = d._inner[e].an;
             if (this.as(f, a)) {
-                d._inner[e].ap(a, b, c);
+                d._inner[e].ar(a, b, c);
             }
         }
         if (this.ap) {
@@ -96549,22 +96937,22 @@ var PropertyEditor = /** @class */ /*@__PURE__*/ (function (_super) {
     PropertyEditor.prototype.c4 = function (a, b, c, d) {
         for (var e = 0; e < a.count; e++) {
             var f = a._inner[e];
-            if (f.n == 20) {
+            if (f.p == 20) {
                 continue;
             }
             if (f.i != null) {
                 for (var g = 0; g < f.i.count; g++) {
                     var h = f.i._inner[g];
-                    var i = b + f.al + "[" + g + "]";
+                    var i = b + f.an + "[" + g + "]";
                     this.c4(h.a, i, c, h.b);
                 }
             }
             else if (f.g != null) {
-                var j = b + f.al;
+                var j = b + f.an;
                 this.c4(f.g.a, j, c, f.g.b);
             }
             else {
-                c.h(b + f.al, f.ad, d);
+                c.h(b + f.an, f.af, d);
             }
         }
     };
@@ -96598,7 +96986,7 @@ var PropertyEditor = /** @class */ /*@__PURE__*/ (function (_super) {
                 c.t = true;
             }
             var e = _this.s(a, b.cellInfo.et, b.cellInfo.g4);
-            var f = e.ad;
+            var f = e.af;
             if (f == null) {
                 f = false;
             }
@@ -96634,8 +97022,8 @@ var PropertyEditor = /** @class */ /*@__PURE__*/ (function (_super) {
         var c = a;
         var d = c.a5;
         this.an = true;
-        d.ad = c.checked;
-        d.am();
+        d.af = c.checked;
+        d.ao();
         this.an = false;
         this.dv(d);
     };
@@ -96648,7 +97036,7 @@ var PropertyEditor = /** @class */ /*@__PURE__*/ (function (_super) {
             d = this.actualProperties._inner[b.rowNumber];
         }
         var e = this.s(c, b.rowNumber, d);
-        var f = e != null ? e.n : 0;
+        var f = e != null ? e.p : 0;
         b.styleKey = "editortype_" + enumGetBox(PropertyEditorValueType_$type, f);
     };
     PropertyEditor.prototype.dk = function (a, b) {