igniteui-webcomponents-grids 4.0.3 → 4.2.2

package/fesm2015/igniteui-webcomponents-grids.js

@@ -5,9 +5,9 @@
     GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
   */
   
-import { markEnum, Base, enumGetBox, markType, 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, ObservableCollection$1, NotifyCollectionChangedEventArgs, Dictionary$2, Number_$type, fromEnum, RectData, JsonDictionaryItem, toNullable, ListSortDirection_$type, nullableNotEquals, nullableConcat, unwrapNullable, 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, IgcHTMLElement, NamePatcher, TypeRegistrar, toSpinal, initializePropertiesFromCss, getAllPropertyNames, fromSpinal, enumToString, 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, Base, enumGetBox, markType, 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, ObservableCollection$1, NotifyCollectionChangedEventArgs, Dictionary$2, Number_$type, fromEnum, RectData, JsonDictionaryItem, toNullable, ListSortDirection_$type, nullableNotEquals, nullableConcat, unwrapNullable, 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, IgcHTMLElement, NamePatcher, TypeRegistrar, toSpinal, initializePropertiesFromCss, getAllPropertyNames, fromSpinal, enumToString, 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, PropertyEditorPropertyDescriptionCollection, PropertyEditorPropertyDescription, PropertyEditorDataSource, PropertyEditorValueType_$type, PropertyEditorTreeTransformer, IgcPropertyEditorPropertyDescriptionCollection, IgcPropertyEditorPropertyDescriptionComponent, IgcPropertyEditorPropertyDescriptionModule } from 'igniteui-webcomponents-layouts';
+import { PropertyEditorPropertyDescriptionCollection, PropertyEditorPropertyDescription, PropertyEditorDataSource, PropertyEditorValueType_$type, PropertyEditorTreeTransformer, IgcPropertyEditorPropertyDescriptionCollection, IgcPropertyEditorPropertyDescriptionComponent, IgcPropertyEditorPropertyDescriptionModule } from 'igniteui-webcomponents-layouts';
 
 /*
 THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
@@ -11152,7 +11152,7 @@ let Pager = /*@__PURE__*/ (() => {
                     }
                     let c = this.b.getItemAtIndex(b);
                     this.ac.add1(c);
-                    if (this.b.isVirtual && c != null) {
+                    if (c != null) {
                         this.d.d7 = true;
                     }
                 }
@@ -39765,11 +39765,13 @@ class IgcGridCustomFilterRequestedEventArgs {
         }
         if (!r.externalObject) {
             let 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;
         }
@@ -40165,11 +40167,13 @@ let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
             }
             if (!r.externalObject) {
                 let 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;
             }
@@ -40188,11 +40192,13 @@ let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
             }
             if (!r.externalObject) {
                 let 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;
             }
@@ -42079,11 +42085,13 @@ class IgcGridSortDescriptionsChangedEventArgs {
         }
         if (!r.externalObject) {
             let 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;
         }
@@ -42239,11 +42247,13 @@ class IgcGridGroupDescriptionsChangedEventArgs {
         }
         if (!r.externalObject) {
             let 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;
         }
@@ -42396,11 +42406,13 @@ class IgcGridSummaryDescriptionsChangedEventArgs {
         }
         if (!r.externalObject) {
             let 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;
         }
@@ -42726,13 +42738,13 @@ let DataGridCellLayoutPanel = /*@__PURE__*/ (() => {
                     af.s.modelUpdated(af);
                     if (ai && y.b) {
                         let 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));
                         }
                         let ar = af.s.nativeCell;
                         ar.b3(aq, y.c, y.d, af.cl, af.cm, z);
-                        aq.y();
+                        aq.z();
                     }
                     af.jv();
                     if (m) {
@@ -42747,7 +42759,7 @@ let DataGridCellLayoutPanel = /*@__PURE__*/ (() => {
             }
             this.m = false;
             if (y.a != null && this.q != 1) {
-                y.a.y();
+                y.a.z();
             }
             this.an();
         }
@@ -42928,7 +42940,7 @@ let DataGridCellLayoutPanel = /*@__PURE__*/ (() => {
                 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);
             }
         }
@@ -43417,7 +43429,7 @@ let CanvasGridCellBase = /*@__PURE__*/ (() => {
             this.s = true;
         }
         get templateContext() {
-            return this.j.g();
+            return this.j.h();
         }
         get w() {
             return this.l;
@@ -43507,7 +43519,7 @@ let CanvasGridCellBase = /*@__PURE__*/ (() => {
                 return;
             }
             if (this.bz != 1) {
-                a.ad(this.bz);
+                a.ae(this.bz);
             }
             let j = this.j;
             if (!this.v) {
@@ -43523,17 +43535,17 @@ let CanvasGridCellBase = /*@__PURE__*/ (() => {
                 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();
                     let k = Math.round((d - b));
                     let l = Math.round((e - c));
-                    j.af(k, l);
+                    j.ag(k, l);
                 }
                 if (g) {
                     this.b8(j);
@@ -43542,24 +43554,24 @@ let CanvasGridCellBase = /*@__PURE__*/ (() => {
                     this.b9(j);
                 }
                 if (!this.v) {
-                    j.y();
+                    j.z();
                 }
                 if (f != 1) {
-                    j.y();
+                    j.z();
                 }
             }
             if (!i && this.v) {
                 let m = Math.round((d - b) * f);
                 let 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);
             }
         }
         bu() {
@@ -43567,13 +43579,13 @@ let CanvasGridCellBase = /*@__PURE__*/ (() => {
         }
         b8(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;
@@ -43582,7 +43594,7 @@ let CanvasGridCellBase = /*@__PURE__*/ (() => {
                     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;
@@ -43591,7 +43603,7 @@ let CanvasGridCellBase = /*@__PURE__*/ (() => {
                     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;
@@ -43600,7 +43612,7 @@ let CanvasGridCellBase = /*@__PURE__*/ (() => {
                     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));
@@ -43609,7 +43621,7 @@ let CanvasGridCellBase = /*@__PURE__*/ (() => {
                     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);
                 }
             }
         }
@@ -43630,7 +43642,7 @@ let CanvasGridCellBase = /*@__PURE__*/ (() => {
             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;
@@ -43638,7 +43650,7 @@ let CanvasGridCellBase = /*@__PURE__*/ (() => {
                     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);
                 }
             }
         }
@@ -43846,7 +43858,7 @@ let CanvasGridCellBase = /*@__PURE__*/ (() => {
             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);
             }
             let b;
             if (this.h != this.i || this.bt != this.i.g) {
@@ -43903,13 +43915,13 @@ let CanvasGridCellBase = /*@__PURE__*/ (() => {
             let f = e.length;
             let 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;
             }
-            let h = d.f(e);
+            let h = d.g(e);
             if (h <= c) {
                 a.al = b;
                 return h;
@@ -43917,14 +43929,14 @@ let CanvasGridCellBase = /*@__PURE__*/ (() => {
             let i = c / h;
             let j = truncate(Math.ceil(f * i));
             let k = e.substr(0, j) + g;
-            let l = d.f(k);
+            let 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;
                 }
@@ -43932,7 +43944,7 @@ let CanvasGridCellBase = /*@__PURE__*/ (() => {
             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;
@@ -44470,24 +44482,24 @@ let GridSortIndicatorView = /*@__PURE__*/ (() => {
                 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 (let c = 0; c < this.d.count; c++) {
-                this.c.j(this.d._inner[c].j);
+                this.c.k(this.d._inner[c].j);
                 let 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();
         }
@@ -45019,7 +45031,7 @@ let CanvasTextHeaderCell = /*@__PURE__*/ (() => {
             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);
         }
         get_ab() {
             return true;
@@ -45637,7 +45649,7 @@ let CanvasSummaryCell = /*@__PURE__*/ (() => {
             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);
             }
             let b = this.bl;
@@ -45658,7 +45670,7 @@ let CanvasSummaryCell = /*@__PURE__*/ (() => {
                 }
                 this.dk.n = this.db;
                 this.dk.o = this.dc;
-                a.w(this.dk);
+                a.x(this.dk);
             }
             super.b9(a);
         }
@@ -45852,23 +45864,23 @@ let GridExpansionIndicatorView = /*@__PURE__*/ (() => {
                 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 (let e = 0; e < this.c.count; e++) {
-                this.b.j(this.c._inner[e].j);
+                this.b.k(this.c._inner[e].j);
                 let 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();
             }
         }
     }
@@ -46954,7 +46966,7 @@ let TextEditorView = /*@__PURE__*/ (() => {
             let 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;
             let i = e.getExternal(this.v, h.rootWrapper, null);
             this.w.appendContentChild(g);
@@ -46962,7 +46974,7 @@ let TextEditorView = /*@__PURE__*/ (() => {
         }
         setFont(a) {
             if (this.v != null) {
-                this.v.ad = a;
+                this.v.af = a;
             }
         }
         attachEvents() {
@@ -47010,7 +47022,7 @@ let TextEditorView = /*@__PURE__*/ (() => {
             if (this.a.isEditRefocusDesired) {
                 let a = this.h.rootWrapper.getNativeElement();
                 if (a == document.activeElement || a.contains(document.activeElement)) {
-                    this.v.cm();
+                    this.v.cp();
                     this.focus();
                 }
             }
@@ -47018,8 +47030,8 @@ let TextEditorView = /*@__PURE__*/ (() => {
         r() {
             if (this.v != null) {
                 this.v.focus(true);
-                if (this.v.b3 != "date") {
-                    window.setTimeout(() => this.v.dg(), 0);
+                if (this.v.b6 != "date") {
+                    window.setTimeout(() => this.v.dj(), 0);
                 }
             }
         }
@@ -47027,14 +47039,14 @@ let TextEditorView = /*@__PURE__*/ (() => {
             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;
                 }
             }
         }
@@ -47069,13 +47081,13 @@ let TextEditorView = /*@__PURE__*/ (() => {
         }
         getEditorValue() {
             if (this.v != null) {
-                return this.v.cj;
+                return this.v.cm;
             }
             return null;
         }
         setEditorValue(a) {
             if (this.v != null) {
-                this.v.cj = a;
+                this.v.cm = a;
             }
         }
     }
@@ -47096,14 +47108,14 @@ let NumericEditorView = /*@__PURE__*/ (() => {
     class NumericEditorView extends TextEditorView {
         constructor(a, b, c) {
             super(a, b, c);
-            this.v.b3 = "number";
+            this.v.b6 = "number";
         }
         getEditorValue() {
-            if (this.v == null || this.v.cj == null) {
+            if (this.v == null || this.v.cm == null) {
                 return null;
             }
             let a = NaN;
-            let b = tryParseNumber(this.v.cj, a);
+            let b = tryParseNumber(this.v.cm, a);
             a = b.p1;
             return a;
         }
@@ -49375,7 +49387,7 @@ let FilterCell = /*@__PURE__*/ (() => {
         d3(a) {
             if (this.cw != null) {
                 this.cw.disabled = !a;
-                this.cw.x = a ? 1 : 0.3;
+                this.cw.z = a ? 1 : 0.3;
             }
         }
         dh(a) {
@@ -50386,13 +50398,13 @@ let GridFilterDialogView = /*@__PURE__*/ (() => {
             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();
         }
@@ -53232,11 +53244,13 @@ class IgcGridFilterExpressionsEventArgs {
         }
         if (!r.externalObject) {
             let 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;
         }
@@ -53926,11 +53940,13 @@ class IgcGridActiveCellChangedEventArgs {
         }
         if (!r.externalObject) {
             let 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;
         }
@@ -53949,11 +53965,13 @@ class IgcGridActiveCellChangedEventArgs {
         }
         if (!r.externalObject) {
             let 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;
         }
@@ -54604,11 +54622,13 @@ class IgcGridColumnWidthChangedEventArgs {
         }
         if (!r.externalObject) {
             let 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;
         }
@@ -54627,11 +54647,13 @@ class IgcGridColumnWidthChangedEventArgs {
         }
         if (!r.externalObject) {
             let 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;
         }
@@ -56261,7 +56283,7 @@ let ColumnGrouping = /*@__PURE__*/ (() => {
             }
             let j = this.d.j;
             for (let k = 0; k < j.count; k++) {
-                let l = this.q._inner[k].ac();
+                let l = this.q._inner[k].ae();
                 let m = this.d.b(j._inner[k]);
                 l.h = m[0] - d;
                 l.f = m[1] - e;
@@ -57749,11 +57771,13 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
             }
             if (!r.externalObject) {
                 let 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;
             }
@@ -58187,11 +58211,13 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
             }
             if (!r.externalObject) {
                 let 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;
             }
@@ -58833,11 +58859,13 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
             }
             if (!r.externalObject) {
                 let 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;
             }
@@ -58853,11 +58881,13 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
             }
             if (!r.externalObject) {
                 let 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;
             }
@@ -58873,11 +58903,13 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
             }
             if (!r.externalObject) {
                 let 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;
             }
@@ -58911,11 +58943,13 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
             }
             if (!r.externalObject) {
                 let 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;
             }
@@ -58931,11 +58965,13 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
             }
             if (!r.externalObject) {
                 let 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;
             }
@@ -58951,11 +58987,13 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
             }
             if (!r.externalObject) {
                 let 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;
             }
@@ -58971,11 +59009,13 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
             }
             if (!r.externalObject) {
                 let 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;
             }
@@ -61709,42 +61749,43 @@ let CheckboxListView = /*@__PURE__*/ (() => {
     class CheckboxListView extends Base {
         constructor() {
             super();
-            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;
         }
-        m() {
+        n() {
         }
-        l(a) {
+        m(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();
             let b = Math.round(a.rootWrapper.width());
             let 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");
         }
-        u() {
-            if (this.e != null) {
-                this.v(this.e);
+        v() {
+            if (this.f != null) {
+                this.w(this.f);
             }
         }
-        v(a) {
+        w(a) {
             let b = a.rootWrapper.getChildAt(0);
-            this.g = b;
+            this.h = b;
             this.b.r = new XInputGroup();
             let c = a.getSubRenderer(b);
             this.b.r.provideContainer(c);
@@ -61759,56 +61800,56 @@ let CheckboxListView = /*@__PURE__*/ (() => {
             let h = f.getExternal(g, f.rootWrapper, f.getExternal(this.b, null, null));
             let i = a.createElement("div");
             let j = a.getSubRenderer(i);
-            let k = new XIcon();
-            k.provideContainer(j);
-            k.fill = CheckboxList.c1;
-            k.svgPath = CheckboxList.bi;
-            let 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;
+            let 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);
-            let m = a.createElement("div");
-            m.setRawStyleProperty("flex-grow", "1");
-            let n = a.getSubRenderer(m);
+            let l = a.createElement("div");
+            l.setRawStyleProperty("flex-grow", "1");
+            let m = a.getSubRenderer(l);
             this.b.p = new XInput();
-            this.b.p.provideContainer(n);
-            this.b.p.b3 = "text";
-            let 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";
+            let 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();
         }
-        r() {
-            if (this.e != null) {
-                let a = this.e.rootWrapper.getChildAt(3);
+        s() {
+            if (this.f != null) {
+                let 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%");
                 }
             }
         }
-        n(a, b, c) {
+        o(a, b, c) {
             let d = null;
             if (a.getChildCount() == 0) {
                 d = new XCheckbox();
-                let e = this.e.getSubRenderer(a);
+                let e = this.f.getSubRenderer(a);
                 d.provideContainer(e);
-                let f = this.e.getExternal(d, e.rootWrapper, this.e.getExternal(this.b, null, null));
-                this.d.addItem(a, d);
+                let 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));
-                let g = this.e.createElement("div");
+                d.change = delegateCombine(d.change, runOn(this, this.k));
+                let g = this.f.createElement("div");
                 a.setStyleProperty("display", "flex");
                 a.setStyleProperty("height", "100%");
                 a.setStyleProperty("align-items", "center");
@@ -61826,7 +61867,7 @@ let CheckboxListView = /*@__PURE__*/ (() => {
                 a.append(g);
             }
             else {
-                d = this.d.item(a);
+                d = this.e.item(a);
             }
             if (d != null) {
                 let h = d.u;
@@ -61853,11 +61894,16 @@ let CheckboxListView = /*@__PURE__*/ (() => {
                 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;
             }
         }
-        x() {
-            if (this.d != null) {
-                for (let a of fromEnum(this.d)) {
+        z() {
+            if (this.e != null) {
+                for (let a of fromEnum(this.e)) {
                     let b = a.value;
                     b.i = this.b.y;
                 }
@@ -61866,109 +61912,109 @@ let CheckboxListView = /*@__PURE__*/ (() => {
                 this.a.i = this.b.y;
             }
         }
-        w() {
+        x() {
         }
-        j(a, b) {
+        k(a, b) {
             let c = a;
             let d = parseInt(c.a5.toString());
             let 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);
         }
-        k() {
+        l() {
         }
-        s(a, b) {
-            for (let c of fromEnum(this.d)) {
+        t(a, b) {
+            for (let c of fromEnum(this.e)) {
                 let d = c.value;
                 let e = parseInt(d.a5.toString());
                 if (e == a) {
                     d.checked = b;
-                    this.b.b5(e, b);
+                    this.b.ci(e, b);
                 }
             }
-            this.ac();
+            this.ag();
         }
-        t(a) {
-            for (let b of fromEnum(this.d)) {
+        u(a) {
+            for (let b of fromEnum(this.e)) {
                 let c = b.value;
                 c.checked = a;
             }
         }
-        p(a) {
-            this.i = a;
-            if (null != this.i) {
-                this.i.setStyleProperty("margin", "5px 0px 4px 0px");
+        q(a) {
+            this.j = a;
+            if (null != this.j) {
+                this.j.setStyleProperty("margin", "5px 0px 4px 0px");
             }
         }
-        ad() {
-            let a = this.e;
-            if (null == a || null == this.i) {
+        ah() {
+            let a = this.f;
+            if (null == a || null == this.j) {
                 return;
             }
             let b = a.createElement("div");
             let c = a.getSubRenderer(b);
             this.a = new XCheckbox();
             this.a.provideContainer(c);
-            let d = this.e.getExternal(this.a, c.rootWrapper, this.e.getExternal(this.b, null, null));
+            let 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();
             let 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;
         }
-        ab() {
-            if (null != this.h) {
-                this.h.setRawText(this.b.bk);
-                NativeUI.o(this.h, this.b.cv);
+        af() {
+            if (null != this.i) {
+                this.i.setRawText(this.b.bx);
+                NativeUI.o(this.i, this.b.dh);
             }
         }
-        ae() {
-            if (null != this.h) {
-                let a = this.b.aq ? "flex" : "none";
-                this.i.setStyleProperty("display", a);
+        ai() {
+            if (null != this.i) {
+                let a = this.b.as ? "flex" : "none";
+                this.j.setStyleProperty("display", a);
             }
         }
-        aa() {
-            if (this.g != null) {
-                this.g.setStyleProperty("display", this.b.ao ? "block" : "none");
+        ae() {
+            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");
             }
         }
-        ac(a = true) {
-            let b = this.c;
-            this.c = true;
+        ag(a = true) {
+            let b = this.d;
+            this.d = true;
             let c = this.a.u;
             this.a.u = a;
             try {
-                if (this.b.am) {
+                if (this.b.ao) {
                     this.a.indeterminate = true;
                     return;
                 }
@@ -61982,40 +62028,61 @@ let CheckboxListView = /*@__PURE__*/ (() => {
             }
             finally {
                 this.a.u = c;
-                this.c = b;
+                this.d = b;
             }
         }
-        q(a, b) {
-            if (this.c || b.isIndeterminate) {
+        r(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);
             }
         }
-        z() {
-            let a = this.e;
+        ad() {
+            let a = this.f;
             if (null == a) {
                 return;
             }
             let 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);
             }
         }
-        y(a) {
-            if (this.f != null) {
-                NativeUI.t(this.f, a);
+        ab() {
+            if (this.c != null) {
+                this.c.fill = this.b.du;
             }
         }
-        o(a) {
-            this.f = a;
+        ac() {
+            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");
+            }
+        }
+        y() {
+            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;
+        }
+        aa(a) {
+            if (this.g != null) {
+                NativeUI.t(this.g, a);
+            }
+        }
+        p(a) {
+            this.g = a;
         }
     }
     CheckboxListView.$t = /*@__PURE__*/ markType(CheckboxListView, 'CheckboxListView');
@@ -62033,45 +62100,55 @@ let CheckboxList = /*@__PURE__*/ (() => {
             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;
             let 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();
             let b = new CheckboxListView();
             b.b = this;
             this.m = b;
-            this.m.m();
+            this.m.n();
         }
         get r() {
             return this.q;
@@ -62091,12 +62168,12 @@ let CheckboxList = /*@__PURE__*/ (() => {
             }
             return this.h.actualDataSource;
         }
-        get af() {
-            if (this.ae == null) {
-                this.ae = new SRProvider(this.m.e);
-                this.ae.cb("DataGrid");
+        get ah() {
+            if (this.ag == null) {
+                this.ag = new SRProvider(this.m.f);
+                this.ag.cb("DataGrid");
             }
-            return this.ae;
+            return this.ag;
         }
         get g() {
             return this.f;
@@ -62108,54 +62185,54 @@ let CheckboxList = /*@__PURE__*/ (() => {
             let b = this.a;
             this.a = a;
             if (b != this.a) {
-                this.ca("PrimaryKey", b, this.a);
+                this.cn("PrimaryKey", b, this.a);
             }
         }
-        ce(a, b) {
-            if (this.e == null || this.e.actualSchema == null || this.ag) {
+        cr(a, b) {
+            if (this.e == null || this.e.actualSchema == null || this.ai) {
                 return;
             }
             switch (b.action) {
                 case 0:
                     for (let c = 0; c < b.newItems.count; c++) {
-                        this.b8(b.newItems.item(c));
+                        this.cl(b.newItems.item(c));
                     }
                     break;
                 case 1:
                     for (let d = 0; d < b.oldItems.count; d++) {
-                        this.b9(b.oldItems.item(d));
+                        this.cm(b.oldItems.item(d));
                     }
                     break;
                 case 2:
                     for (let e = 0; e < b.oldItems.count; e++) {
-                        this.b9(b.oldItems.item(e));
+                        this.cm(b.oldItems.item(e));
                     }
                     for (let 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 (let g = 0; g < this.g.ae.count; g++) {
-                        this.b8(this.g.ae._inner[g]);
+                        this.cl(this.g.ae._inner[g]);
                     }
                     break;
             }
         }
-        b8(a) {
+        cl(a) {
             let b = this.e.indexOfKey(a.value);
             if (b >= 0) {
-                this.m.s(b, this.l == 1);
+                this.m.t(b, this.l == 1);
             }
         }
-        b9(a) {
+        cm(a) {
             let b = this.e.indexOfKey(a.value);
             if (b >= 0) {
-                this.m.s(b, this.l == 0);
+                this.m.t(b, this.l == 0);
             }
         }
-        b5(a, b) {
-            if (this.checkedChanged != null && this.ah == false) {
+        ci(a, b) {
+            if (this.checkedChanged != null && this.aj == false) {
                 this.checkedChanged(this, ((() => {
                     let $ret = new CheckedChangedEventArgs();
                     $ret.b = a;
@@ -62165,32 +62242,32 @@ let CheckboxList = /*@__PURE__*/ (() => {
             }
         }
         notifySizeChanged() {
-            this.m.k();
+            this.m.l();
         }
         destroy() {
             if (this.h != null) {
                 let 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) {
                     let 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) {
                 let 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) {
                 let d = this.i;
-                d.cellUpdating = delegateRemove(d.cellUpdating, runOn(this, this.bv));
+                d.cellUpdating = delegateRemove(d.cellUpdating, runOn(this, this.b8));
             }
         }
         provideContainer(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;
@@ -62198,24 +62275,24 @@ let CheckboxList = /*@__PURE__*/ (() => {
                 this.h.c9 = 0;
                 this.h.cu = 0;
                 let 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);
         }
         provideSelectAllSection(a) {
-            this.m.p(a);
+            this.m.q(a);
         }
-        by(a, b) {
+        cb(a, b) {
             if (b.cellInfo.l.a5 == 0) {
                 return;
             }
@@ -62231,7 +62308,7 @@ let CheckboxList = /*@__PURE__*/ (() => {
                 this.g.add(d);
             }
         }
-        bv(a, b) {
+        b8(a, b) {
             let c = b.cellInfo.l.x;
             if (-1 == c) {
                 return;
@@ -62243,11 +62320,11 @@ let CheckboxList = /*@__PURE__*/ (() => {
                     d = true;
                 }
             }
-            this.m.n(b.content.element, c, d);
+            this.m.o(b.content.element, c, d);
         }
-        b6(a) {
-            if (this.ax != null) {
-                let b = this.d.property(this.ax).cast(enumGetBox(DataSourceSchemaPropertyType_$type, 0)).toLower();
+        cj(a) {
+            if (this.a0 != null) {
+                let b = this.d.property(this.a0).cast(enumGetBox(DataSourceSchemaPropertyType_$type, 0)).toLower();
                 let c = b.contains(a);
                 if (!this.h.u.k.contains(this.c)) {
                     this.c = c;
@@ -62260,43 +62337,43 @@ let CheckboxList = /*@__PURE__*/ (() => {
             }
         }
         get itemsSource() {
-            return this.av;
+            return this.ay;
         }
         set itemsSource(a) {
-            let b = this.av;
-            this.av = a;
-            if (b != this.av) {
-                this.ca("ItemsSource", b, this.av);
+            let b = this.ay;
+            this.ay = a;
+            if (b != this.ay) {
+                this.cn("ItemsSource", b, this.ay);
             }
         }
-        get a4() {
-            return this.ax;
+        get bc() {
+            return this.a0;
         }
-        set a4(a) {
-            let b = this.ax;
-            this.ax = a;
-            if (b != this.ax) {
-                this.ca("DataMemberPath", b, this.ax);
+        set bc(a) {
+            let b = this.a0;
+            this.a0 = a;
+            if (b != this.a0) {
+                this.cn("DataMemberPath", b, this.a0);
             }
         }
-        get bn() {
-            return this.az;
+        get b0() {
+            return this.a2;
         }
-        set bn(a) {
-            let b = this.az;
-            this.az = a;
-            if (b != this.az) {
-                this.ca("SelectedMemberPath", b, this.az);
+        set b0(a) {
+            let b = this.a2;
+            this.a2 = a;
+            if (b != this.a2) {
+                this.cn("SelectedMemberPath", b, this.a2);
             }
         }
-        get a8() {
-            return this.ay;
+        get bg() {
+            return this.a1;
         }
-        set a8(a) {
-            let b = this.ay;
-            this.ay = a;
-            if (b != this.ay) {
-                this.ca("FilterPlaceholderText", b, this.ay);
+        set bg(a) {
+            let b = this.a1;
+            this.a1 = a;
+            if (b != this.a1) {
+                this.cn("FilterPlaceholderText", b, this.a1);
             }
         }
         get t() {
@@ -62306,33 +62383,33 @@ let CheckboxList = /*@__PURE__*/ (() => {
             let 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));
             }
         }
-        get au() {
-            return this.ar;
+        get ax() {
+            return this.au;
         }
-        set au(a) {
-            let b = this.ar;
-            this.ar = a;
-            if (b != this.ar) {
-                this.ca("RowHeight", b, this.ar);
+        set ax(a) {
+            let b = this.au;
+            this.au = a;
+            if (b != this.au) {
+                this.cn("RowHeight", b, this.au);
             }
         }
-        get as() {
+        get av() {
             if (this.h != null) {
                 return this.h.nf;
             }
             return -1;
         }
-        get ad() {
+        get ae() {
             return this.ac;
         }
-        set ad(a) {
+        set ae(a) {
             let b = this.ac;
             this.ac = a;
             if (b != this.ac) {
-                this.ca("CellTextStyle", b, this.ac);
+                this.cn("CellTextStyle", b, this.ac);
             }
         }
         get l() {
@@ -62342,7 +62419,7 @@ let CheckboxList = /*@__PURE__*/ (() => {
             let 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));
             }
         }
         get y() {
@@ -62352,7 +62429,7 @@ let CheckboxList = /*@__PURE__*/ (() => {
             let 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));
             }
         }
         get aa() {
@@ -62362,7 +62439,107 @@ let CheckboxList = /*@__PURE__*/ (() => {
             let 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));
+            }
+        }
+        get du() {
+            return this.dd;
+        }
+        set du(a) {
+            let b = this.dd;
+            this.dd = a;
+            if (b != this.dd) {
+                this.cn("SearchIconColor", b, this.dd);
+            }
+        }
+        get ds() {
+            return this.db;
+        }
+        set ds(a) {
+            let b = this.db;
+            this.db = a;
+            if (b != this.db) {
+                this.cn("SearchBackgroundColor", b, this.db);
+            }
+        }
+        get dv() {
+            return this.de;
+        }
+        set dv(a) {
+            let b = this.de;
+            this.de = a;
+            if (b != this.de) {
+                this.cn("SearchTextColor", b, this.de);
+            }
+        }
+        get dt() {
+            return this.dc;
+        }
+        set dt(a) {
+            let b = this.dc;
+            this.dc = a;
+            if (b != this.dc) {
+                this.cn("SearchBorderColor", b, this.dc);
+            }
+        }
+        get af() {
+            return this.ad;
+        }
+        set af(a) {
+            let b = this.ad;
+            this.ad = a;
+            if (b != this.ad) {
+                this.cn("SearchTextStyle", b, this.ad);
+            }
+        }
+        get dl() {
+            return this.c7;
+        }
+        set dl(a) {
+            let b = this.c7;
+            this.c7 = a;
+            if (b != this.c7) {
+                this.cn("CheckboxTickColor", b, this.c7);
+            }
+        }
+        get dj() {
+            return this.c5;
+        }
+        set dj(a) {
+            let b = this.c5;
+            this.c5 = a;
+            if (b != this.c5) {
+                this.cn("CheckboxCheckedBackgroundColor", b, this.c5);
+            }
+        }
+        get dm() {
+            return this.c8;
+        }
+        set dm(a) {
+            let b = this.c8;
+            this.c8 = a;
+            if (b != this.c8) {
+                this.cn("CheckboxUncheckedBackgroundColor", b, this.c8);
+            }
+        }
+        get dk() {
+            return this.c6;
+        }
+        set dk(a) {
+            let b = this.c6;
+            this.c6 = a;
+            if (b != this.c6) {
+                this.cn("CheckboxCheckedBorderColor", b, this.c6);
+            }
+        }
+        get dn() {
+            return this.c9;
+        }
+        set dn(a) {
+            let b = this.c9;
+            this.c9 = a;
+            if (b != this.c9) {
+                this.cn("CheckboxUncheckedBorderColor", b, this.c9);
             }
         }
         get w() {
@@ -62372,26 +62549,26 @@ let CheckboxList = /*@__PURE__*/ (() => {
             let 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));
             }
         }
-        get cz() {
-            return this.cs;
+        get dr() {
+            return this.da;
         }
-        set cz(a) {
-            let b = this.cs;
-            this.cs = a;
-            if (b != this.cs) {
-                this.ca("ScrollbarBackground", b, this.cs);
+        set dr(a) {
+            let b = this.da;
+            this.da = a;
+            if (b != this.da) {
+                this.cn("ScrollbarBackground", b, this.da);
             }
         }
-        ca(a, b, c) {
+        cn(a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new PropertyChangedEventArgs(a));
             }
-            this.cf(a, b, c);
+            this.cs(a, b, c);
         }
-        cf(a, b, c) {
+        cs(a, b, c) {
             switch (a) {
                 case "ItemsSource":
                     if (this.h != null) {
@@ -62404,26 +62581,26 @@ let CheckboxList = /*@__PURE__*/ (() => {
                         }
                         if (this.h.actualDataSource != null) {
                             let 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) {
                             let 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;
@@ -62433,23 +62610,23 @@ let CheckboxList = /*@__PURE__*/ (() => {
                     }
                     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":
@@ -62459,32 +62636,33 @@ let CheckboxList = /*@__PURE__*/ (() => {
                     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":
                     let 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":
@@ -62494,44 +62672,69 @@ let CheckboxList = /*@__PURE__*/ (() => {
                     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;
             }
         }
-        cm() {
+        cz() {
             if (this.h != null) {
                 this.h.go = this.aa;
             }
             if (this.q != null) {
                 this.q.n = this.aa;
             }
-            this.m.w();
+            this.m.x();
         }
-        cn() {
+        c0() {
             if (this.q != null) {
                 this.q.j = this.y;
             }
-            this.m.x();
+            this.m.z();
         }
-        cb(a, b) {
-            this.ah = true;
-            this.bu();
+        co(a, b) {
+            this.aj = true;
+            this.b7();
             if (b.schema != null) {
-                this.cd();
+                this.cq();
                 for (let 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;
         }
-        cd() {
-            if (this.ab == null && this.az != null && this.az != "") {
-                this.ab = new FastReflectionHelper(false, this.az);
+        cq() {
+            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;
                 let a = this.h.actualDataSource.actualCount;
                 for (let b = 0; b < a; b++) {
                     let c = this.h.actualDataSource.getItemAtIndex(b);
@@ -62545,24 +62748,24 @@ let CheckboxList = /*@__PURE__*/ (() => {
                 }
             }
         }
-        co() {
+        c1() {
             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;
             }
             let 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";
             let b = new ColumnWidth();
             b.c = false;
@@ -62570,10 +62773,10 @@ let CheckboxList = /*@__PURE__*/ (() => {
             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;
-            let c = this.h.actualDataSource.resolveSchemaPropertyType(this.ax);
+            let c = this.h.actualDataSource.resolveSchemaPropertyType(this.a0);
             let d;
             switch (c) {
                 case 8:
@@ -62596,25 +62799,25 @@ let CheckboxList = /*@__PURE__*/ (() => {
                     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);
         }
         updateHrMargin(a) {
-            this.m.y(a);
+            this.m.aa(a);
         }
         provideHrElement(a) {
-            this.m.o(a);
+            this.m.p(a);
         }
-        b7() {
+        ck() {
             let a = this.p;
-            a.changing = delegateCombine(a.changing, runOn(this, this.bz));
+            a.changing = delegateCombine(a.changing, runOn(this, this.cc));
         }
-        bz(a, b) {
+        cc(a, b) {
             let c = b.value.toLowerCase();
-            this.b6(c);
+            this.cj(c);
         }
         j(a) {
             if (this.b == null) {
@@ -62628,55 +62831,55 @@ let CheckboxList = /*@__PURE__*/ (() => {
             }
             return new PrimaryKeyValue(b, c);
         }
-        cj(a) {
-            this.ag = true;
+        cw(a) {
+            this.ai = true;
             let b = this.e.getItemAtIndex(a);
             let c = this.j(b);
             this.g.remove(c);
-            this.ag = false;
+            this.ai = false;
         }
-        bs(a) {
-            this.ag = true;
+        b5(a) {
+            this.ai = true;
             let b = this.e.getItemAtIndex(a);
             let c = this.j(b);
             this.g.add(c);
-            this.ag = false;
+            this.ai = false;
         }
-        cl() {
+        cy() {
             this.l = 0;
             this.g.clear();
-            this.b0();
-            this.m.ac();
+            this.cd();
+            this.m.ag();
         }
-        bw() {
+        b9() {
             this.l = 1;
             this.g.clear();
-            this.b0();
-            this.m.ac();
+            this.cd();
+            this.m.ag();
         }
-        b3(a, b, c) {
+        cg(a, b, c) {
             if (this.h != null) {
                 this.h.u5(a, b, c);
             }
         }
-        b0() {
+        cd() {
             if (this.h != null) {
                 this.h.uz();
             }
         }
-        b1(a, b) {
+        ce(a, b) {
             if (this.h != null) {
                 this.h.u1(a, b);
             }
             ;
         }
-        b2(a, b) {
+        cf(a, b) {
             if (this.h != null) {
                 this.h.u2(a, b);
             }
             ;
         }
-        bt(a) {
+        b6(a) {
             let b = null;
             if (this.b == null || this.b.length == 0) {
                 b = new PrimaryKeyValue(null, a);
@@ -62691,7 +62894,7 @@ let CheckboxList = /*@__PURE__*/ (() => {
                 this.g.add(b);
             }
         }
-        ck(a) {
+        cx(a) {
             let b = null;
             if (this.b == null || this.b.length == 0) {
                 b = new PrimaryKeyValue(null, a);
@@ -62706,82 +62909,82 @@ let CheckboxList = /*@__PURE__*/ (() => {
                 this.g.remove(b);
             }
         }
-        get bk() {
-            return this.bj != null ? this.bj : !stringIsNullOrWhiteSpace(this.af.b1("Select_All")) ? this.af.b1("Select_All") : "(Select All)";
+        get bx() {
+            return this.bw != null ? this.bw : !stringIsNullOrWhiteSpace(this.ah.b1("Select_All")) ? this.ah.b1("Select_All") : "(Select All)";
         }
-        set bk(a) {
-            if (a == this.bj) {
+        set bx(a) {
+            if (a == this.bw) {
                 return;
             }
-            let b = this.bj;
-            this.bj = a;
-            this.ca("SelectAllCaption", b, this.bj);
+            let b = this.bw;
+            this.bw = a;
+            this.cn("SelectAllCaption", b, this.bw);
         }
-        get c0() {
-            return this.ct;
+        get dw() {
+            return this.df;
         }
-        set c0(a) {
-            let b = this.ct;
-            this.ct = a;
-            if (b != this.ct) {
-                this.ca("SelectAllCaptionTextColor", b, a);
+        set dw(a) {
+            let b = this.df;
+            this.df = a;
+            if (b != this.df) {
+                this.cn("SelectAllCaptionTextColor", b, a);
             }
         }
-        get cv() {
-            return this.cq;
+        get dh() {
+            return this.c3;
         }
-        set cv(a) {
-            let b = this.cq;
-            this.cq = a;
-            if (b != this.cq) {
-                this.ca("ActualSelectAllCaptionTextColor", b, a);
+        set dh(a) {
+            let b = this.c3;
+            this.c3 = a;
+            if (b != this.c3) {
+                this.cn("ActualSelectAllCaptionTextColor", b, a);
             }
         }
-        get am() {
-            if (-1 == this.at) {
+        get ao() {
+            if (-1 == this.aw) {
                 return false;
             }
             let a = this.g.count;
             if (0 == a) {
                 return false;
             }
-            if (a == this.at) {
+            if (a == this.aw) {
                 return false;
             }
             return true;
         }
-        get aq() {
-            return this.ap;
+        get as() {
+            return this.ar;
         }
-        set aq(a) {
-            if (a == this.ap) {
+        set as(a) {
+            if (a == this.ar) {
                 return;
             }
-            let b = this.ap;
-            this.ap = a;
-            this.ca("showSelectAll", b, this.ap);
+            let b = this.ar;
+            this.ar = a;
+            this.cn("showSelectAll", b, this.ar);
         }
-        get cw() {
-            return this.cr;
+        get di() {
+            return this.c4;
         }
-        set cw(a) {
-            let b = this.cr;
-            this.cr = a;
-            if (b != this.cr) {
-                this.ca("BackgroundColor", b, a);
+        set di(a) {
+            let b = this.c4;
+            this.c4 = a;
+            if (b != this.c4) {
+                this.cn("BackgroundColor", b, a);
             }
         }
-        get c2() {
-            return this.cu;
+        get dy() {
+            return this.dg;
         }
-        set c2(a) {
-            let b = this.cu;
-            this.cu = a;
-            if (b != this.cu) {
-                this.ca("TextColor", b, a);
+        set dy(a) {
+            let b = this.dg;
+            this.dg = a;
+            if (b != this.dg) {
+                this.cn("TextColor", b, a);
             }
         }
-        cc(a) {
+        cp(a) {
             if (this.selectAllCheckboxChanged != null) {
                 this.selectAllCheckboxChanged(this, ((() => {
                     let $ret = new SelectAllCheckboxChangedEventArgs();
@@ -62790,70 +62993,70 @@ let CheckboxList = /*@__PURE__*/ (() => {
                 })()));
             }
         }
-        aj() {
-            if (-1 == this.at) {
+        al() {
+            if (-1 == this.aw) {
                 return true;
             }
             let 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;
             }
         }
-        ai() {
-            if (-1 == this.at) {
+        ak() {
+            if (-1 == this.aw) {
                 return false;
             }
             let 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;
             }
         }
-        bu() {
+        b7() {
             let a = this.h.actualDataSource;
             if (null != a) {
                 if (null == a.actualSchema) {
-                    this.at = -1;
+                    this.aw = -1;
                     return;
                 }
                 let b = a.actualCount;
-                this.at = b;
+                this.aw = b;
             }
             else {
-                this.at = -1;
+                this.aw = -1;
             }
         }
-        get ao() {
-            return this.an;
+        get aq() {
+            return this.ap;
         }
-        set ao(a) {
-            if (a == this.an) {
+        set aq(a) {
+            if (a == this.ap) {
                 return;
             }
-            let b = this.an;
-            this.an = a;
-            this.ca("ShowFilter", b, this.an);
+            let b = this.ap;
+            this.ap = a;
+            this.cn("ShowFilter", b, this.ap);
         }
-        get al() {
-            return this.ak;
+        get an() {
+            return this.am;
         }
-        set al(a) {
-            if (a == this.ak) {
+        set an(a) {
+            if (a == this.am) {
                 return;
             }
-            let b = this.ak;
-            this.ak = a;
-            this.ca("IsRowHoverEnabled", b, this.ak);
+            let b = this.am;
+            this.am = a;
+            this.cn("IsRowHoverEnabled", b, this.am);
         }
     }
     CheckboxList.$t = /*@__PURE__*/ markType(CheckboxList, 'CheckboxList', Base.$, [INotifyPropertyChanged_$type]);
-    CheckboxList.c1 = /*@__PURE__*/ 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 = /*@__PURE__*/ BrushUtil.g(255, 248, 248, 248);
-    CheckboxList.cy = /*@__PURE__*/ BrushUtil.g(255, 24, 29, 31);
+    CheckboxList.dx = /*@__PURE__*/ 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 = /*@__PURE__*/ BrushUtil.g(255, 248, 248, 248);
+    CheckboxList.dq = /*@__PURE__*/ BrushUtil.g(255, 24, 29, 31);
     return CheckboxList;
 })();
 
@@ -63172,28 +63375,28 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or Sets the property name that contains the values.
         */
         get dataMemberPath() {
-            return this.i.a4;
+            return this.i.bc;
         }
         set dataMemberPath(v) {
-            this.i.a4 = v;
+            this.i.bc = v;
         }
         /**
          * Gets or Sets the property name that contains the values.
         */
         get selectedMemberPath() {
-            return this.i.bn;
+            return this.i.b0;
         }
         set selectedMemberPath(v) {
-            this.i.bn = v;
+            this.i.b0 = v;
         }
         /**
          * Gets or Sets the property name that contains the values.
         */
         get filterPlaceholderText() {
-            return this.i.a8;
+            return this.i.bg;
         }
         set filterPlaceholderText(v) {
-            this.i.a8 = v;
+            this.i.bg = v;
         }
         /**
          * Gets or Sets the property name that contains the values.
@@ -63209,29 +63412,29 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or Sets the property name that contains the values.
         */
         get rowHeight() {
-            return this.i.au;
+            return this.i.ax;
         }
         set rowHeight(v) {
-            this.i.au = +v;
-            this._a("rowHeight", this.i.au);
+            this.i.ax = +v;
+            this._a("rowHeight", this.i.ax);
         }
         get actualRowHeight() {
-            return this.i.as;
+            return this.i.av;
         }
         /**
          * Gets or Sets the property name that contains the values.
         */
         get cellTextStyle() {
-            if (this.i.ad == null) {
+            if (this.i.ae == null) {
                 return null;
             }
-            return this.i.ad.fontString;
+            return this.i.ae.fontString;
         }
         set cellTextStyle(v) {
             let 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 : "");
         }
         /**
          * Gets or Sets the property name that contains the values.
@@ -63263,6 +63466,111 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
             this.i.aa = ensureEnum(ControlDisplayDensity_$type, v);
             this._a("density", enumToString(ControlDisplayDensity_$type, this.i.aa));
         }
+        /**
+         * Gets or sets the search icon color.
+        */
+        get searchIconColor() {
+            return brushToString(this.i.du);
+        }
+        set searchIconColor(v) {
+            this.i.du = stringToBrush(v);
+            this._a("searchIconColor", brushToString(this.i.du));
+        }
+        /**
+         * Gets or sets the search background color.
+        */
+        get searchBackgroundColor() {
+            return brushToString(this.i.ds);
+        }
+        set searchBackgroundColor(v) {
+            this.i.ds = stringToBrush(v);
+            this._a("searchBackgroundColor", brushToString(this.i.ds));
+        }
+        /**
+         * Gets or sets the search text color.
+        */
+        get searchTextColor() {
+            return brushToString(this.i.dv);
+        }
+        set searchTextColor(v) {
+            this.i.dv = stringToBrush(v);
+            this._a("searchTextColor", brushToString(this.i.dv));
+        }
+        /**
+         * Gets or sets the search border color.
+        */
+        get searchBorderColor() {
+            return brushToString(this.i.dt);
+        }
+        set searchBorderColor(v) {
+            this.i.dt = stringToBrush(v);
+            this._a("searchBorderColor", brushToString(this.i.dt));
+        }
+        /**
+         * Gets or sets the text style.
+        */
+        get searchTextStyle() {
+            if (this.i.af == null) {
+                return null;
+            }
+            return this.i.af.fontString;
+        }
+        set searchTextStyle(v) {
+            let fi = new FontInfo();
+            fi.fontString = v;
+            this.i.af = fi;
+            this._a("searchTextStyle", this.i.af != null ? this.i.af.fontString : "");
+        }
+        /**
+         * Gets or sets the checkbox tick color.
+        */
+        get checkboxTickColor() {
+            return brushToString(this.i.dl);
+        }
+        set checkboxTickColor(v) {
+            this.i.dl = stringToBrush(v);
+            this._a("checkboxTickColor", brushToString(this.i.dl));
+        }
+        /**
+         * Gets or sets the checkbox background color when checked.
+        */
+        get checkboxCheckedBackgroundColor() {
+            return brushToString(this.i.dj);
+        }
+        set checkboxCheckedBackgroundColor(v) {
+            this.i.dj = stringToBrush(v);
+            this._a("checkboxCheckedBackgroundColor", brushToString(this.i.dj));
+        }
+        /**
+         * Gets or sets the checkbox background color when unchecked.
+        */
+        get checkboxUncheckedBackgroundColor() {
+            return brushToString(this.i.dm);
+        }
+        set checkboxUncheckedBackgroundColor(v) {
+            this.i.dm = stringToBrush(v);
+            this._a("checkboxUncheckedBackgroundColor", brushToString(this.i.dm));
+        }
+        /**
+         * Gets or sets the checkbox border color when checked.
+        */
+        get checkboxCheckedBorderColor() {
+            return brushToString(this.i.dk);
+        }
+        set checkboxCheckedBorderColor(v) {
+            this.i.dk = stringToBrush(v);
+            this._a("checkboxCheckedBorderColor", brushToString(this.i.dk));
+        }
+        /**
+         * Gets or sets the checkbox border color when unchecked.
+        */
+        get checkboxUncheckedBorderColor() {
+            return brushToString(this.i.dn);
+        }
+        set checkboxUncheckedBorderColor(v) {
+            this.i.dn = stringToBrush(v);
+            this._a("checkboxUncheckedBorderColor", brushToString(this.i.dn));
+        }
         /**
          * Gets or sets the style of scrollbar.
         */
@@ -63277,90 +63585,90 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the scrollbar background color.
         */
         get scrollbarBackground() {
-            return brushToString(this.i.cz);
+            return brushToString(this.i.dr);
         }
         set scrollbarBackground(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));
         }
         /**
          * Gets / sets the caption of the "Select All" checkbox.
         */
         get selectAllCaption() {
-            return this.i.bk;
+            return this.i.bx;
         }
         set selectAllCaption(v) {
-            this.i.bk = v;
+            this.i.bx = v;
         }
         /**
          * Gets or sets the color to use for the "Select All" label.
         */
         get selectAllCaptionTextColor() {
-            return brushToString(this.i.c0);
+            return brushToString(this.i.dw);
         }
         set selectAllCaptionTextColor(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));
         }
         /**
          * Gets or sets the color to use for the actual header selectAllCaption text.
         */
         get actualSelectAllCaptionTextColor() {
-            return brushToString(this.i.cv);
+            return brushToString(this.i.dh);
         }
         set actualSelectAllCaptionTextColor(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));
         }
         /**
          * Gets / sets whether the "Select all" checkbox is visible.
         */
         get showSelectAll() {
-            return this.i.aq;
+            return this.i.as;
         }
         set showSelectAll(v) {
-            this.i.aq = ensureBool(v);
-            this._a("showSelectAll", this.i.aq);
+            this.i.as = ensureBool(v);
+            this._a("showSelectAll", this.i.as);
         }
         /**
          * Gets or sets the color to use for the background of the component.
         */
         get backgroundColor() {
-            return brushToString(this.i.cw);
+            return brushToString(this.i.di);
         }
         set backgroundColor(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));
         }
         /**
          * Gets or sets the color to use for the text of the component.
         */
         get textColor() {
-            return brushToString(this.i.c2);
+            return brushToString(this.i.dy);
         }
         set textColor(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));
         }
         /**
          * Gets or sets whether the filter input is visible.
         */
         get showFilter() {
-            return this.i.ao;
+            return this.i.aq;
         }
         set showFilter(v) {
-            this.i.ao = ensureBool(v);
-            this._a("showFilter", this.i.ao);
+            this.i.aq = ensureBool(v);
+            this._a("showFilter", this.i.aq);
         }
         /**
          * Gets or sets whether row hover highlighting is enabled.
         */
         get isRowHoverEnabled() {
-            return this.i.al;
+            return this.i.an;
         }
         set isRowHoverEnabled(v) {
-            this.i.al = ensureBool(v);
-            this._a("isRowHoverEnabled", this.i.al);
+            this.i.an = ensureBool(v);
+            this._a("isRowHoverEnabled", this.i.an);
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -63431,17 +63739,17 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
     
     */
         selectAll() {
-            this.i.cl();
+            this.i.cy();
         }
         /**
          * Deselects all the items in the checkbox list.
         
         */
         deselectAll() {
-            this.i.bw();
+            this.i.b9();
         }
         notifySetItem(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.
@@ -63449,26 +63757,26 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
         
         */
         notifyClearItems() {
-            this.i.b0();
+            this.i.cd();
         }
         notifyInsertItem(index, newItem) {
-            this.i.b1(index, newItem);
+            this.i.ce(index, newItem);
         }
         notifyRemoveItem(index, oldItem) {
-            this.i.b2(index, oldItem);
+            this.i.cf(index, oldItem);
         }
         addKeyValue(value) {
-            this.i.bt(value);
+            this.i.b6(value);
         }
         removeKeyValue(value) {
-            this.i.ck(value);
+            this.i.cx(value);
         }
         /**
          * Returns true if no items are selected / checked; otherwise false.
         
         */
         isNothingSelected() {
-            let iv = this.i.aj();
+            let iv = this.i.al();
             return (iv);
         }
         /**
@@ -63476,7 +63784,7 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
         
         */
         isEverythingSelected() {
-            let iv = this.i.ai();
+            let iv = this.i.ak();
             return (iv);
         }
         /**
@@ -63842,7 +64150,7 @@ let ColumnChooser = /*@__PURE__*/ (() => {
                     break;
                 case "FilterPlaceholderText":
                     if (this.d != null) {
-                        this.d.a8 = this.s;
+                        this.d.bg = this.s;
                     }
                     break;
                 case "BaseTheme":
@@ -63853,7 +64161,7 @@ let ColumnChooser = /*@__PURE__*/ (() => {
                     break;
                 case "BackgroundColor":
                     if (this.d != null) {
-                        this.d.cw = this.aq;
+                        this.d.di = this.aq;
                     }
                     this.c.i();
                     break;
@@ -63882,7 +64190,7 @@ let ColumnChooser = /*@__PURE__*/ (() => {
             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;
                 let a;
                 let b = new ObservableCollection$1(ColumnChooserInfo.$, 0);
                 for (let c of fromEnum(this.a.actualColumns)) {
@@ -63896,16 +64204,16 @@ let ColumnChooser = /*@__PURE__*/ (() => {
                     b.add(a);
                 }
                 if (this.s != null) {
-                    this.d.a8 = this.s;
+                    this.d.bg = this.s;
                 }
                 this.d.itemsSource = b;
                 let e = "";
                 let 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;
             }
         }
         an(a) {
@@ -63914,7 +64222,7 @@ let ColumnChooser = /*@__PURE__*/ (() => {
             }
         }
         al() {
-            this.d.cl();
+            this.d.cy();
             if (this.a != null) {
                 for (let a of fromEnum(this.a.actualColumns)) {
                     this.m = true;
@@ -63923,7 +64231,7 @@ let ColumnChooser = /*@__PURE__*/ (() => {
             }
         }
         ae() {
-            this.d.bw();
+            this.d.b9();
             if (this.a != null) {
                 for (let a of fromEnum(this.a.actualColumns)) {
                     this.m = true;
@@ -64978,7 +65286,7 @@ let ColumnPinning = /*@__PURE__*/ (() => {
                     break;
                 case "FilterPlaceholderText":
                     if (this.d != null) {
-                        this.d.a8 = this.s;
+                        this.d.bg = this.s;
                     }
                     break;
                 case "BaseTheme":
@@ -64989,7 +65297,7 @@ let ColumnPinning = /*@__PURE__*/ (() => {
                     break;
                 case "BackgroundColor":
                     if (this.d != null) {
-                        this.d.cw = this.an;
+                        this.d.di = this.an;
                     }
                     this.c.g();
                     break;
@@ -65018,7 +65326,7 @@ let ColumnPinning = /*@__PURE__*/ (() => {
             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;
                 let a;
                 let b = new ObservableCollection$1(ColumnPinningInfo.$, 0);
                 for (let c of fromEnum(this.a.actualColumns)) {
@@ -65036,17 +65344,17 @@ let ColumnPinning = /*@__PURE__*/ (() => {
                     }
                     b.add(a);
                 }
-                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;
                 let e = "";
                 let f = "";
                 e = "columnName";
                 f = "isPinned";
-                this.d.bn = f;
-                this.d.a4 = e;
+                this.d.b0 = f;
+                this.d.bc = e;
             }
         }
         ae(a, b) {
@@ -69193,7 +69501,7 @@ let GridColumnFilterOptions = /*@__PURE__*/ (() => {
             this.bc("TextFilterCaption", b, this.cf);
         }
         cu() {
-            let a = this.bx.aj();
+            let a = this.bx.al();
             this.bw.al(!a);
             let b = this.b3();
             this.bw.am(b);
@@ -69311,7 +69619,7 @@ let GridColumnFilterOptions = /*@__PURE__*/ (() => {
                     }
                 }
                 this.bx.itemsSource = e;
-                this.bx.a4 = c;
+                this.bx.bc = c;
                 this.bx.b = [c];
                 e.shouldEmitSectionHeaders = true;
                 e.isSectionHeaderNormalRow = true;
@@ -69356,15 +69664,15 @@ let GridColumnFilterOptions = /*@__PURE__*/ (() => {
                 }
             }
             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;
             }
             let h = this.bx.g;
@@ -69406,9 +69714,9 @@ let GridColumnFilterOptions = /*@__PURE__*/ (() => {
         cw() {
             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));
             }
@@ -69710,8 +70018,8 @@ let SummaryChooserView = /*@__PURE__*/ (() => {
             this.e();
         }
         e() {
-            if (this.model.f.as > -1) {
-                let a = this.model.r.count * this.model.f.as;
+            if (this.model.f.av > -1) {
+                let a = this.model.r.count * this.model.f.av;
                 a += 4;
                 this.d.setStyleProperty("height", a + "px");
             }
@@ -69957,15 +70265,15 @@ let SummaryChooser = /*@__PURE__*/ (() => {
         a6() {
             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"];
             }
         }
@@ -70015,7 +70323,7 @@ let SummaryChooser = /*@__PURE__*/ (() => {
                 if (d.iD == a) {
                     d.isSelected = b;
                     if (this.e != null) {
-                        this.e.b3(c, d, d);
+                        this.e.cg(c, d, d);
                     }
                     break;
                 }
@@ -70027,7 +70335,7 @@ let SummaryChooser = /*@__PURE__*/ (() => {
             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();
         }
@@ -70037,7 +70345,7 @@ let SummaryChooser = /*@__PURE__*/ (() => {
                 if (c.iD == a) {
                     this.q.removeAt(b);
                     if (this.e != null) {
-                        this.e.b2(b, c);
+                        this.e.cf(b, c);
                     }
                     break;
                 }
@@ -70050,7 +70358,7 @@ let SummaryChooser = /*@__PURE__*/ (() => {
                 if (d.iD == a) {
                     d.label = b;
                     if (this.e != null) {
-                        this.e.b3(c, d, d);
+                        this.e.cg(c, d, d);
                     }
                     break;
                 }
@@ -70440,7 +70748,7 @@ let GridColumnSummaryOptions = /*@__PURE__*/ (() => {
             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);
             }
         }
@@ -72948,8 +73256,8 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             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;
             let h = this.j;
             h.changing = delegateCombine(h.changing, runOn(this, this.bi));
             let i = this.j;
@@ -73198,14 +73506,14 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 this.az();
                 let b = this.j;
                 b.focus();
-                let c = b.cj;
-                let d = null != c ? b.cj.length : 0;
-                b.di(d, d);
+                let c = b.cm;
+                let d = null != c ? b.cm.length : 0;
+                b.dl(d, d);
             }
         }
         by() {
             this.k.ah = true;
-            this.j.dg();
+            this.j.dj();
             let a = new GotFocusEventArgs();
             this.g.f1(a);
         }
@@ -73298,7 +73606,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             if (this.x && !stringIsNullOrEmpty(this.au) && b > 0) {
                 b--;
             }
-            this.j.di(b, c);
+            this.j.dl(b, c);
         }
         b8() {
             if (this.p) {
@@ -73327,7 +73635,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 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 {
@@ -73475,9 +73783,9 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 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;
@@ -73508,7 +73816,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             if (!this.v) {
                 if (null != this.j) {
                     let a = this.f.text;
-                    this.j.cj = a;
+                    this.j.cm = a;
                 }
             }
         }
@@ -73742,7 +74050,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
         }
         ce() {
             if (this.j != null) {
-                this.j.dg();
+                this.j.dj();
             }
         }
         ci(a) {
@@ -73772,7 +74080,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
         }
         ax(a) {
             this.d.ae.clear();
-            this.j.cj = "";
+            this.j.cm = "";
             this.g.text = "";
             this.g.value = null;
         }
@@ -73786,7 +74094,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             }
             if (null != this.j) {
                 this.j.focus();
-                this.j.dg();
+                this.j.dj();
             }
         }
         a7(a, b) {
@@ -73830,7 +74138,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
             this.b9(c);
         }
         bj(a, b) {
-            let c = this.j.cj;
+            let c = this.j.cm;
             this.b9(c);
         }
         bk(a, b) {
@@ -73851,7 +74159,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                     if (0 == e) {
                         break;
                     }
-                    let f = this.j.cj;
+                    let f = this.j.cm;
                     if (stringIsNullOrEmpty(f)) {
                         break;
                     }
@@ -73930,7 +74238,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
         }
         bm(a, b) {
             if (false == this.o()) {
-                this.j.dg();
+                this.j.dj();
                 b.handled = true;
             }
         }
@@ -83408,7 +83716,7 @@ let PropertyEditor = /*@__PURE__*/ (() => {
                     break;
                 case "FilterPlaceholderText":
                     if (this.n != null) {
-                        this.n.cb = this.b8;
+                        this.n.ce = this.b8;
                     }
                     break;
                 case "SearchInputType":
@@ -83448,11 +83756,11 @@ let PropertyEditor = /*@__PURE__*/ (() => {
             this.an = true;
             let b = false;
             for (let c of fromEnum(this.properties)) {
-                let d = c.al;
+                let d = c.an;
                 if (this.r != null) {
                     let e = this.r.e(d, false);
                     if (e != null) {
-                        if (c.p(e)) {
+                        if (c.r(e)) {
                             b = true;
                         }
                     }
@@ -83717,7 +84025,7 @@ let PropertyEditor = /*@__PURE__*/ (() => {
         ct(a, b) {
             let c = a;
             let 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);
         }
         dm(a, b) {
             let c = a;
@@ -83726,10 +84034,10 @@ let PropertyEditor = /*@__PURE__*/ (() => {
                 b.resolvedValue = null;
                 return;
             }
-            b.resolvedValue = d.aj != null ? d.aj : d.al;
+            b.resolvedValue = d.al != null ? d.al : d.an;
         }
         a9(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);
@@ -83830,12 +84138,12 @@ let PropertyEditor = /*@__PURE__*/ (() => {
             return this.m.i(this.cb(a)) + 17;
         }
         cb(a) {
-            return a.aj != null ? a.aj : a.al;
+            return a.al != null ? a.al : a.an;
         }
         cs(a, b) {
             let c = a;
             let d = this.s(c, b.cellInfo.et, b.cellInfo.g4);
-            let e = d != null ? d.n : 0;
+            let e = d != null ? d.p : 0;
             switch (e) {
                 case 10:
                     this.cu(c, b);
@@ -83930,8 +84238,8 @@ let PropertyEditor = /*@__PURE__*/ (() => {
                 }
                 let e = this.s(a, b.cellInfo.et, b.cellInfo.g4);
                 let 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));
                 }
@@ -83944,9 +84252,9 @@ let PropertyEditor = /*@__PURE__*/ (() => {
                 }
                 let e = this.s(a, b.cellInfo.et, b.cellInfo.g4);
                 c.ez = e;
-                let f = e.ad;
-                if (typeof e.ad === 'number' || typeof e.ad === 'number') {
-                    f = e.ad.toString();
+                let f = e.af;
+                if (typeof e.af === 'number' || typeof e.af === 'number') {
+                    f = e.af.toString();
                 }
                 this.m.ac(c, f);
                 if (d) {
@@ -83967,12 +84275,12 @@ let PropertyEditor = /*@__PURE__*/ (() => {
                     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) {
@@ -83980,12 +84288,12 @@ let PropertyEditor = /*@__PURE__*/ (() => {
                     }
                 }
                 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;
                         }
                     }
                 }
@@ -84026,25 +84334,25 @@ let PropertyEditor = /*@__PURE__*/ (() => {
             let c = a;
             let d = c.c4;
             this.an = true;
-            d.ad = c.value;
-            d.am();
+            d.af = c.value;
+            d.ao();
             this.an = false;
             this.dv(d);
         }
         dj(a, b) {
             let c = a;
-            let d = c.bd;
+            let d = c.bf;
             this.an = true;
-            if (d.n == 1) {
+            if (d.p == 1) {
                 let e = 0;
-                let f = tryParseNumber(c.cj, e);
+                let 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);
         }
@@ -84052,7 +84360,7 @@ let PropertyEditor = /*@__PURE__*/ (() => {
             let c = a;
             let d = c.ez;
             this.an = true;
-            d.an();
+            d.ap();
             this.an = false;
             this.dv(d);
         }
@@ -84078,9 +84386,9 @@ let PropertyEditor = /*@__PURE__*/ (() => {
                 d = d.ae;
             }
             for (let e = 0; e < d.count; e++) {
-                let f = d._inner[e].al;
+                let 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) {
@@ -84157,22 +84465,22 @@ let PropertyEditor = /*@__PURE__*/ (() => {
         c4(a, b, c, d) {
             for (let e = 0; e < a.count; e++) {
                 let f = a._inner[e];
-                if (f.n == 20) {
+                if (f.p == 20) {
                     continue;
                 }
                 if (f.i != null) {
                     for (let g = 0; g < f.i.count; g++) {
                         let h = f.i._inner[g];
-                        let i = b + f.al + "[" + g + "]";
+                        let i = b + f.an + "[" + g + "]";
                         this.c4(h.a, i, c, h.b);
                     }
                 }
                 else if (f.g != null) {
-                    let j = b + f.al;
+                    let 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);
                 }
             }
         }
@@ -84205,7 +84513,7 @@ let PropertyEditor = /*@__PURE__*/ (() => {
                     c.t = true;
                 }
                 let e = this.s(a, b.cellInfo.et, b.cellInfo.g4);
-                let f = e.ad;
+                let f = e.af;
                 if (f == null) {
                     f = false;
                 }
@@ -84241,8 +84549,8 @@ let PropertyEditor = /*@__PURE__*/ (() => {
             let c = a;
             let d = c.a5;
             this.an = true;
-            d.ad = c.checked;
-            d.am();
+            d.af = c.checked;
+            d.ao();
             this.an = false;
             this.dv(d);
         }
@@ -84255,7 +84563,7 @@ let PropertyEditor = /*@__PURE__*/ (() => {
                 d = this.actualProperties._inner[b.rowNumber];
             }
             let e = this.s(c, b.rowNumber, d);
-            let f = e != null ? e.n : 0;
+            let f = e != null ? e.p : 0;
             b.styleKey = "editortype_" + enumGetBox(PropertyEditorValueType_$type, f);
         }
         dk(a, b) {