igniteui-webcomponents-data-grids 7.0.1 → 7.1.0-alpha.1

package/fesm2015/igniteui-webcomponents-data-grids.js

@@ -5,7 +5,7 @@
     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, truncate, DeviceUtils, BrushUtil, FontInfo, CSSColorUtil, Thickness, CornerRadius, Dictionary$2, StringBuilder, stringIsNullOrEmpty, isNaN_, stringEndsWith, dateMinValue, DataSourceSchemaPropertyType_$type, DataSourceSummaryOperand_$type, EventArgs, CountSummaryCalculator, AverageSummaryCalculator, SumSummaryCalculator, MaxSummaryCalculator, MinSummaryCalculator, BindingFormatter, stringEmpty, delegateRemove, runOn, delegateCombine, SyncableObservableCollection$2, SummaryDescription, List$1, IDataSourceUpdateNotifier_$type, SortDescription, stringContains, stringReplace, String_$type, tryParseNumber, PropertyChangedEventArgs, INotifyPropertyChanged_$type, ObservableCollection$1, NotifyCollectionChangedEventArgs, Delegate_$type, Number_$type, fromEnum, RectData, JsonDictionaryItem, toNullable, ListSortDirection_$type, nullableNotEquals, nullableConcat, unwrapNullable, typeGetValue, typeCast, Date_$type, FilterExpressionParsingHelper, Boolean_$type, Brush, EnumUtil, FilterFactory, tryParseInt32_1, CultureInfo, stringStartsWith, dateGetMonth, dateTryParse, stringFormat, AppearanceHelper, Rect, FontUtil, HashSet$1, BaseControlTheme_$type, Enum, SRProvider, stringIsNullOrWhiteSpace, PagedDataSource, IDataSource_$type, VirtualDataSource, LocalDataSource, DataSourceLocalDataProvider, createGuid, Point_$type, intDivide, dateNow, timeSpanTotalSeconds, FilterExpressionCollection, SortGroupParser, SummaryParser, fromEn, ControlDisplayDensity_$type, ArgumentException, BaseGenericDataSource, IEditableDataSource_$type, DataSourceSectionHeaderDisplayMode_$type, DataSourceSummaryScope_$type, DataSourceRootSummariesChangedEventArgs, InvalidOperationException, stringRemove, NotSupportedException, Convert, JsonDictionaryObject, JsonDictionaryArray, JsonDictionaryValue, JsonDictionaryParser, FunctionFilterExpression, OperationFilterExpression, LiteralFilterExpression, PropertyReferenceFilterExpression, ScrollbarStyle_$type, SvgIconRegistry, Guid, PropertyUpdatedEventArgs, FilterExpressionEnvironment, PlatformAPIHelper, BrushCollectionUtil, FastIterationDictionary$2, DataSourceSpecialRow, IToolbarContextAccessor_$type, IToolbarTarget_$type, Stack$1, IList$1_$type, DefaultSectionInformation, getInstanceType, Array_$type, ICommandAvailabilityListener_$type, ICommandStateChangedListener_$type, ToolActionIconMenuInfo, ToolActionGroupHeaderInfo, ToolContextBindingInfo, ToolActionInfo, ToolActionIconButtonInfo, ToolActionButtonPairInfo, ToolActionLabelInfo, ToolActionCheckboxInfo, ToolActionCheckboxListInfo, ToolActionSubPanelInfo, ToolActionButtonInfo, nullableEquals, StringComparer, Color, isDigit, dateParse, EasingFunctions, DataSourceRowType_$type, timeSpanFromMilliseconds, timeSpanTotalMilliseconds, ensureBool, ensureEnum, brushToString, stringToBrush, arrayFindByName, IgcHTMLElement, TypeRegistrar, NamePatcher, toSpinal, getAllPropertyNames, fromSpinal, RegisterElementHelper, initializePropertiesFromCss, enumToString, fromBrushCollection, toBrushCollection, brushCollectionToString, IgCollection, CollectionAdapter, NotifyCollectionChangedAction, IgcPropertyUpdatedEventArgs, IgcProvideCalculatorEventArgs, SyncableObservableCollection$1, NativeUICheckboxListKeysClearedEventArgs, NativeUICheckboxListIndexTypeChangedEventArgs, NativeUICheckboxListChangeEventArgs, NativeUICheckboxListIndexType_$type, INativeUICheckboxListBridge_$type, NativeUIComponent, NativeUICheckboxList, INativeUIElementFactory_$type, MouseButton_$type, CanvasViewRenderer, RenderingContext, stringFormat1, ITickProvider_$type, Rectangle, Line, TextBlock, TestRandomness, DefaultRandomnessSource, PointUtil, Random, Path, TransformGroup, TranslateTransform, RotateTransform, NativeUI, DoubleAnimator, PathFigure, LineSegment, PathGeometry, Geometry, Popup, BaseDOMEventProxy, KeyFrameAnimationFactory, AnimationKeyFrameEffect, ElevationHelper, AnimationKeyFrameEffectTiming, AnimationKeyFrameProperty, CanvasGestureDOMEventProxy, IgcFilterExpressionCollection, IScrollerKeyboardListener_$type, DomWrapper_$type, PortalManager, WebComponentRenderer, Scroller, WebComponentWrapper, fromRect, IgcDataSourceRootSummariesChangedEventArgs, IgcLocalDataSourceModule, IgcNumberFormatSpecifierModule, IgcDateTimeFormatSpecifierModule, DataContext, IDataLegendTarget_$type, Size, DataSeriesPropertyType_$type, FastReflectionHelper, isPositiveInfinity, ComponentSizeHelpers, toSize, fromSize, IgcTemplateContentModule, SizeData, IgcKeyEventArgs, IExecutionContext_$type, Localization, stringSplit } from 'igniteui-webcomponents-core';
+import { markEnum, Base, enumGetBox, markType, Type, truncate, DeviceUtils, BrushUtil, FontInfo, CSSColorUtil, Thickness, CornerRadius, Dictionary$2, StringBuilder, stringIsNullOrEmpty, isNaN_, stringEndsWith, dateMinValue, DataSourceSchemaPropertyType_$type, DataSourceSummaryOperand_$type, EventArgs, CountSummaryCalculator, AverageSummaryCalculator, SumSummaryCalculator, MaxSummaryCalculator, MinSummaryCalculator, BindingFormatter, stringEmpty, delegateRemove, runOn, delegateCombine, SyncableObservableCollection$2, SummaryDescription, List$1, IDataSourceUpdateNotifier_$type, SortDescription, stringContains, stringReplace, String_$type, tryParseNumber, PropertyChangedEventArgs, INotifyPropertyChanged_$type, ObservableCollection$1, NotifyCollectionChangedEventArgs, Delegate_$type, Number_$type, fromEnum, RectData, JsonDictionaryItem, toNullable, ListSortDirection_$type, nullableNotEquals, nullableConcat, unwrapNullable, typeGetValue, typeCast, Date_$type, FilterExpressionParsingHelper, Boolean_$type, Brush, EnumUtil, FilterFactory, tryParseInt32_1, CultureInfo, stringStartsWith, dateGetMonth, dateTryParse, stringFormat, AppearanceHelper, Rect, FontUtil, HashSet$1, BaseControlTheme_$type, Enum, SRProvider, stringIsNullOrWhiteSpace, PagedDataSource, IDataSource_$type, VirtualDataSource, LocalDataSource, DataSourceLocalDataProvider, createGuid, Point_$type, intDivide, dateNow, timeSpanTotalSeconds, FilterExpressionCollection, SortGroupParser, SummaryParser, fromEn, ControlDisplayDensity_$type, ArgumentException, BaseGenericDataSource, IEditableDataSource_$type, DataSourceSectionHeaderDisplayMode_$type, DataSourceSummaryScope_$type, DataSourceRootSummariesChangedEventArgs, InvalidOperationException, stringRemove, NotSupportedException, Convert, JsonDictionaryObject, JsonDictionaryArray, JsonDictionaryValue, JsonDictionaryParser, FunctionFilterExpression, OperationFilterExpression, LiteralFilterExpression, PropertyReferenceFilterExpression, ScrollbarStyle_$type, SvgIconRegistry, Guid, PropertyUpdatedEventArgs, FilterExpressionEnvironment, PlatformAPIHelper, BrushCollectionUtil, FastIterationDictionary$2, DataSourceSpecialRow, IToolbarContextAccessor_$type, IToolbarTarget_$type, Stack$1, IList$1_$type, DefaultSectionInformation, getInstanceType, Array_$type, ICommandAvailabilityListener_$type, ICommandStateChangedListener_$type, ToolActionIconMenuInfo, ToolActionGroupHeaderInfo, ToolContextBindingInfo, ToolActionInfo, ToolActionIconButtonInfo, ToolActionButtonPairInfo, ToolActionLabelInfo, ToolActionCheckboxInfo, ToolActionCheckboxListInfo, ToolActionSubPanelInfo, ToolActionButtonInfo, nullableEquals, StringComparer, Color, isDigit, dateParse, EasingFunctions, DataSourceRowType_$type, timeSpanFromMilliseconds, timeSpanTotalMilliseconds, ensureBool, ensureEnum, brushToString, stringToBrush, arrayFindByName, IgcHTMLElement, TypeRegistrar, NamePatcher, toSpinal, getAllPropertyNames, fromSpinal, RegisterElementHelper, initializePropertiesFromCss, enumToString, fromBrushCollection, toBrushCollection, brushCollectionToString, IgCollection, CollectionAdapter, NotifyCollectionChangedAction, IgcPropertyUpdatedEventArgs, IgcProvideCalculatorEventArgs, SyncableObservableCollection$1, NativeUICheckboxListKeysClearedEventArgs, NativeUICheckboxListIndexTypeChangedEventArgs, NativeUICheckboxListChangeEventArgs, NativeUICheckboxListIndexType_$type, INativeUICheckboxListBridge_$type, NativeUIComponent, NativeUICheckboxList, INativeUIElementFactory_$type, MouseButton_$type, CanvasViewRenderer, RenderingContext, stringFormat1, ITickProvider_$type, Rectangle, Line, TextBlock, TestRandomness, DefaultRandomnessSource, PointUtil, Random, Path, TransformGroup, TranslateTransform, RotateTransform, NativeUI, DoubleAnimator, PathFigure, LineSegment, PathGeometry, Geometry, Popup, BaseDOMEventProxy, KeyFrameAnimationFactory, AnimationKeyFrameEffect, ElevationHelper, AnimationKeyFrameEffectTiming, AnimationKeyFrameProperty, CanvasGestureDOMEventProxy, IgcFilterExpressionCollection, IScrollerKeyboardListener_$type, DomWrapper_$type, moveFocusNext, moveFocusPrevious, PortalManager, WebComponentRenderer, Scroller, WebComponentWrapper, fromRect, IgcDataSourceRootSummariesChangedEventArgs, IgcLocalDataSourceModule, IgcNumberFormatSpecifierModule, IgcDateTimeFormatSpecifierModule, DataContext, IDataLegendTarget_$type, Size, DataSeriesPropertyType_$type, FastReflectionHelper, isPositiveInfinity, ComponentSizeHelpers, toSize, fromSize, IgcTemplateContentModule, SizeData, IgcKeyEventArgs, IExecutionContext_$type, Localization, stringSplit } from 'igniteui-webcomponents-core';
 import { XButton, XIcon, XComponentBridge, NativeUIXInputsFactory, XInputGroup, XInput, XDatePicker, IconVisualModelExport, XCheckbox, XLabel, XPrefix, InputGroupDisplayType_$type, CheckboxListVisualModelExport, IgcXCheckboxModule, IgcXInputGroupModule, IgcXButtonModule, XButtonGroup, XSuffix, ThemeResolver, IgcInputChangeEventArgs, ElevationHelper as ElevationHelper$1, IgcXIconModule } from 'igniteui-webcomponents-inputs';
 import { GridColumnProviderOnAttachingOverrideEventArgs, ToolActionCollection, LayoutSelectedKeysCollection, LayoutPrimaryKeyValue, ToolActionCheckboxListIndexType_$type, NativeUILayoutFactory, IgcToolbarModule, PropertyEditorPropertyDescriptionCollection, PropertyEditorPropertyDescription, PropertyEditorDataSource, PropertyEditorValueType_$type, PropertyEditorTreeTransformer, IgcPropertyEditorPropertyDescriptionCollection, IgcPropertyEditorPropertyDescriptionComponent, IgcPropertyEditorPropertyDescriptionModule } from 'igniteui-webcomponents-layouts';
 
@@ -7805,12 +7805,12 @@ let DefaultCellActionManager = /*@__PURE__*/ (() => {
         }
         previewMouseDownCell(a, b, c) {
             if (this.b != null && this.a != null) {
-                this.b.xj(this.a, a, b, c);
+                this.b.xk(this.a, a, b, c);
             }
         }
         previewMouseUpCell(a, b, c) {
             if (this.b != null && this.a != null) {
-                this.b.xk(this.a, a, b, c);
+                this.b.xl(this.a, a, b, c);
             }
         }
         mouseDownCell(a, b) {
@@ -7835,7 +7835,7 @@ let DefaultCellActionManager = /*@__PURE__*/ (() => {
         }
         mouseIsOver(a, b) {
             if (this.b != null && this.a != null) {
-                this.b.xi(this.a, a, b);
+                this.b.xj(this.a, a, b);
             }
         }
         doubleClicked(a) {
@@ -7919,7 +7919,7 @@ let DefaultCellActionManager = /*@__PURE__*/ (() => {
             return this.b.ap != null;
         }
         get mousePosition() {
-            return this.b.acg;
+            return this.b.ach;
         }
         get isGridDragging() {
             if (this.b != null && this.b.dragger != null) {
@@ -12832,7 +12832,7 @@ let DataSourceNotificationBridge = /*@__PURE__*/ (() => {
             }
         }
         notifySetItem(a, b, c) {
-            this.b.x1(a, b, c);
+            this.b.x2(a, b, c);
             if (this.a != null) {
                 this.a.notifySetItem(a, b, c);
             }
@@ -12844,13 +12844,13 @@ let DataSourceNotificationBridge = /*@__PURE__*/ (() => {
             }
         }
         notifyInsertItem(a, b) {
-            this.b.xf(a, b);
+            this.b.xg(a, b);
             if (this.a != null) {
                 this.a.notifyInsertItem(a, b);
             }
         }
         notifyRemoveItem(a, b) {
-            this.b.xm(a, b);
+            this.b.xn(a, b);
             if (this.a != null) {
                 this.a.notifyRemoveItem(a, b);
             }
@@ -13082,11 +13082,9 @@ let EditingManager = /*@__PURE__*/ (() => {
             c.definitionPropertyUpdated = delegateCombine(c.definitionPropertyUpdated, runOn(this, this.y));
         }
         y(a, b) {
-            if (this.r != -1 && this.q != -1) {
-                if (b.animationType != 10) {
-                    if (this.c != null) {
-                        this.g.c6.r(this.g, this.c, b.propertyName, b.animationType, b.oldValue, b.newValue, 9);
-                    }
+            if (b.animationType != 10) {
+                if (this.c != null) {
+                    this.g.c6.r(this.g, this.c, b.propertyName, b.animationType, b.oldValue, b.newValue, 9);
                 }
             }
         }
@@ -13173,7 +13171,7 @@ let EditingManager = /*@__PURE__*/ (() => {
         x() {
         }
         z() {
-            this.g.ye();
+            this.g.yf();
         }
         h(a, b) {
             if (a.is != 0) {
@@ -13284,7 +13282,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.gp;
             this.gp = a;
             if (b != this.gp) {
-                this.xl("Theme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.gp));
+                this.xm("Theme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.gp));
             }
         }
         wp(a) {
@@ -13409,15 +13407,15 @@ let DataGrid = /*@__PURE__*/ (() => {
                 })()));
             }
         }
-        xr(a, b) {
+        xs(a, b) {
             this.vn(a);
         }
         xe(a) {
             if (a.w == 2) {
-                this.zn(a.l.x);
+                this.zo(a.l.x);
             }
         }
-        zn(a) {
+        zo(a) {
             if (this.ck.j) {
                 if (!this.je(true)) {
                     return;
@@ -13504,7 +13502,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                         let g = this.model.b9._inner[a.l.a5].n;
                         if (this.selectionBehavior == 1) {
                             if (b) {
-                                this.ya(a.l.x, g);
+                                this.yb(a.l.x, g);
                             }
                             else {
                                 if (c && this.au != null) {
@@ -13514,20 +13512,20 @@ let DataGrid = /*@__PURE__*/ (() => {
                                     this.uo(Math.min(this.au.k, h), Math.max(this.au.k, h), Math.min(this.au.l, i), Math.max(this.au.l, i));
                                 }
                                 else {
-                                    this.ym();
+                                    this.yn();
                                     this.uo(g, g, a.l.x, a.l.x);
                                 }
                             }
                         }
                         else if (this.selectionBehavior == 0) {
-                            this.ya(a.l.x, g);
+                            this.yb(a.l.x, g);
                         }
                     }
                 }
                 else {
                     this.f6.z(a, c, b, this.selectionBehavior == 0);
                 }
-                this.x0();
+                this.x1();
                 if (this.activationMode == 1) {
                     this.ae.aa(a);
                 }
@@ -13543,12 +13541,12 @@ let DataGrid = /*@__PURE__*/ (() => {
                 })()));
             }
         }
-        ya(a, b) {
+        yb(a, b) {
             let c = false;
             for (let d = 0; d < this.selectedCellRanges.count; d++) {
                 let e = this.selectedCellRanges._inner[d];
                 if (e.k == b && e.i == b && e.l == a && e.j == a) {
-                    this.yn(this.selectedCellRanges._inner[d]);
+                    this.yo(this.selectedCellRanges._inner[d]);
                     c = true;
                     break;
                 }
@@ -13564,7 +13562,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.bs;
             this.bs = a;
             if (b != this.bs) {
-                this.xl("ColumnResizingMode", enumGetBox(ColumnResizingMode_$type, b), enumGetBox(ColumnResizingMode_$type, this.bs));
+                this.xm("ColumnResizingMode", enumGetBox(ColumnResizingMode_$type, b), enumGetBox(ColumnResizingMode_$type, this.bs));
             }
         }
         get columnMovingMode() {
@@ -13574,7 +13572,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.be;
             this.be = a;
             if (b != this.be) {
-                this.xl("ColumnMovingMode", enumGetBox(ColumnMovingMode_$type, b), enumGetBox(ColumnMovingMode_$type, this.be));
+                this.xm("ColumnMovingMode", enumGetBox(ColumnMovingMode_$type, b), enumGetBox(ColumnMovingMode_$type, this.be));
             }
         }
         get isRowHoverEnabled() {
@@ -13584,52 +13582,52 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.h8;
             this.h8 = a;
             if (b != this.h8) {
-                this.xl("IsRowHoverEnabled", b, this.h8);
+                this.xm("IsRowHoverEnabled", b, this.h8);
             }
         }
         get rowHoverBackground() {
-            return this.aap;
+            return this.aaq;
         }
         set rowHoverBackground(a) {
-            let b = this.aap;
-            this.aap = a;
-            if (b != this.aap) {
-                this.xl("RowHoverBackground", b, this.aap);
+            let b = this.aaq;
+            this.aaq = a;
+            if (b != this.aaq) {
+                this.xm("RowHoverBackground", b, this.aaq);
             }
         }
         get rowHoverTextColor() {
-            return this.aaq;
+            return this.aar;
         }
         set rowHoverTextColor(a) {
-            let b = this.aaq;
-            this.aaq = a;
-            if (b != this.aaq) {
-                this.xl("RowHoverTextColor", b, this.aaq);
+            let b = this.aar;
+            this.aar = a;
+            if (b != this.aar) {
+                this.xm("RowHoverTextColor", b, this.aar);
             }
         }
         get editRowBorder() {
-            return this.aah;
+            return this.aai;
         }
         set editRowBorder(a) {
-            let b = this.aah;
-            this.aah = a;
-            if (b != this.aah) {
-                this.xl("EditRowBorder", b, this.aah);
+            let b = this.aai;
+            this.aai = a;
+            if (b != this.aai) {
+                this.xm("EditRowBorder", b, this.aai);
             }
         }
         get editRowBorderWidth() {
-            return this.acm;
+            return this.acn;
         }
         set editRowBorderWidth(a) {
-            let b = this.acm;
-            this.acm = a;
-            if (b != this.acm) {
-                this.xl("EditRowBorderWidth", b, this.acm);
+            let b = this.acn;
+            this.acn = a;
+            if (b != this.acn) {
+                this.xm("EditRowBorderWidth", b, this.acn);
             }
         }
         wf(a, b, c) {
             this.ap = a.l.ab();
-            this.acg = { $type: Point_$type, x: b, y: c };
+            this.ach = { $type: Point_$type, x: b, y: c };
             this.hx = a.bo && a.bp;
             if (this.dragger != null && this.columnResizingMode != 2 && this.ap.h) {
                 let d = this.az.j._inner[a.l.a5];
@@ -13668,10 +13666,10 @@ let DataGrid = /*@__PURE__*/ (() => {
                 this.e2.f(-1);
             }
         }
-        xj(a, b, c, d) {
-        }
         xk(a, b, c, d) {
         }
+        xl(a, b, c, d) {
+        }
         get oj() {
             return this.na;
         }
@@ -13703,7 +13701,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 }
             }
         }
-        xi(a, b, c) {
+        xj(a, b, c) {
             if (this.dragger == null || !this.dragger.isDragActive) {
                 if (a.l.h && this.columnResizingMode != 2) {
                     let d = this.az.j._inner[a.l.a5];
@@ -13740,7 +13738,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             }
             else if (this.selectionMode == 5 && this.mouseDragSelectionEnabled && a.aj && !a.a0) {
                 if (!d) {
-                    this.ym();
+                    this.yn();
                 }
                 this.no = a.x;
                 this.nn = this.model.b9._inner[a.a5].n;
@@ -13826,13 +13824,13 @@ let DataGrid = /*@__PURE__*/ (() => {
                 }
             }
             else if (this.dragger.dragType == 3) {
-                this.x0();
+                this.x1();
                 if (this.deferEventForRowDragSelection) {
                     this.va();
                 }
             }
             else if (this.dragger.dragType == 0) {
-                this.x0();
+                this.x1();
             }
         }
         w6(a, b) {
@@ -13974,29 +13972,29 @@ let DataGrid = /*@__PURE__*/ (() => {
         xa(a) {
             if (a || !this.i5(this.l9 + this.model.actualVisibleRegion.x, this.ma + this.model.actualVisibleRegion.y)) {
                 let b = this.l9 + this.model.actualVisibleRegion.x;
-                let c = this.aci(b, this.l8, this.l9, this.ma);
+                let c = this.acj(b, this.l8, this.l9, this.ma);
                 let d = this.av(c, this.no, this.nn, this.iu);
-                this.y4(d);
+                this.y5(d);
             }
         }
-        y4(a) {
+        y5(a) {
             if (this.at == null) {
                 this.at = a;
                 this.un(this.at);
             }
             else {
-                this.zs(a);
+                this.zt(a);
             }
         }
         xb(a, b) {
             if (a || !this.i5(this.l9 + this.model.actualVisibleRegion.x, this.ma + this.model.actualVisibleRegion.y)) {
                 let c = this.l9 + this.model.actualVisibleRegion.x;
-                let d = this.aci(c, this.l8, this.l9, this.ma);
+                let d = this.acj(c, this.l8, this.l9, this.ma);
                 let e = this.av(d, this.no, 0, this.iu);
-                this.y9(e.l, e.j);
+                this.za(e.l, e.j);
             }
         }
-        y9(a, b) {
+        za(a, b) {
             for (let c = a; c <= b; c++) {
                 if (this.lt.contains(c)) {
                     continue;
@@ -14033,7 +14031,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 }
             }
         }
-        aci(a, b, c, d) {
+        acj(a, b, c, d) {
             c += this.model.actualVisibleRegion.x;
             d += this.model.actualVisibleRegion.y;
             return new Rect(0, Math.min(a, c), Math.min(b, d), Math.abs(c - a), Math.abs(d - b));
@@ -14179,7 +14177,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             }
             this.hb.requestFrame(this.ni);
         }
-        zs(a) {
+        zt(a) {
             if (a.k != this.at.k || a.i != this.at.i || a.l != this.at.l || a.j != this.at.j) {
                 this.at.k = a.k;
                 this.at.i = a.i;
@@ -14222,11 +14220,11 @@ let DataGrid = /*@__PURE__*/ (() => {
             this.be = 0;
             this.e2 = null;
             this.h8 = true;
-            this.aap = null;
             this.aaq = null;
-            this.aah = null;
-            this.acm = new Thickness(0, 1);
-            this.acg = null;
+            this.aar = null;
+            this.aai = null;
+            this.acn = new Thickness(0, 1);
+            this.ach = null;
             this.as = null;
             this.ap = null;
             this.hx = false;
@@ -14330,7 +14328,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             this.bb = 1;
             this.a8 = 1;
             this.a0 = 1;
-            this.acn = new Thickness(1, 0, 0, 0, 0);
+            this.aco = new Thickness(1, 0, 0, 0, 0);
             this.ch = 5;
             this.c2 = 1;
             this.el = 1;
@@ -14347,71 +14345,71 @@ let DataGrid = /*@__PURE__*/ (() => {
             this.hy = false;
             this.h3 = true;
             this.h4 = true;
-            this.z5 = null;
-            this.aax = null;
-            this.aa0 = null;
-            this.aa4 = null;
+            this.z6 = null;
+            this.aay = null;
+            this.aa1 = null;
+            this.aa5 = null;
             this.mf = NaN;
             this.gu = null;
             this.mb = NaN;
-            this.aag = null;
-            this.aaz = null;
+            this.aah = null;
+            this.aa0 = null;
+            this.aap = null;
             this.aao = null;
-            this.aan = null;
             this.dh = null;
             this.dg = null;
-            this.z4 = null;
-            this.z6 = null;
-            this.aal = null;
+            this.z5 = null;
+            this.z7 = null;
+            this.aam = null;
             this.f7 = 0;
             this.gt = null;
-            this.aaw = null;
-            this.aay = null;
+            this.aax = null;
+            this.aaz = null;
             this.gw = null;
             this.gx = null;
             this.gz = null;
-            this.aa3 = null;
+            this.aa4 = null;
             this.gy = null;
             this.g0 = null;
-            this.aa7 = null;
-            this.aa1 = null;
-            this.aa5 = null;
+            this.aa8 = null;
             this.aa2 = null;
             this.aa6 = null;
+            this.aa3 = null;
+            this.aa7 = null;
             this.nd = truncate(DeviceUtils.g(2));
             this.m8 = truncate(DeviceUtils.g(1));
-            this.aak = null;
-            this.aai = null;
-            this.aam = null;
-            this.gv = null;
-            this.aar = null;
+            this.aal = null;
             this.aaj = null;
-            this.aau = null;
+            this.aan = null;
+            this.gv = null;
             this.aas = null;
+            this.aak = null;
+            this.aav = null;
             this.aat = null;
+            this.aau = null;
             this.m4 = truncate(DeviceUtils.g(4));
             this.l5 = 1;
             this.m2 = truncate(DeviceUtils.g(2));
             this.l4 = 1;
-            this.aaf = null;
-            this.z7 = null;
+            this.aag = null;
+            this.z8 = null;
             this.ip = false;
             this.bi = 0;
-            this.aac = null;
+            this.aad = null;
             this.bk = 0;
-            this.z1 = null;
-            this.z3 = null;
-            this.acl = GridStyleRepository.u;
-            this.acj = GridStyleRepository.u;
-            this.ack = new Thickness(0, NaN);
+            this.z2 = null;
+            this.z4 = null;
+            this.acm = GridStyleRepository.u;
+            this.ack = GridStyleRepository.u;
+            this.acl = new Thickness(0, NaN);
             this.ih = false;
-            this.zv = GridStyleRepository.p;
-            this.zu = new CornerRadius(0, NaN);
-            this.zt = GridStyleRepository.p;
+            this.zw = GridStyleRepository.p;
+            this.zv = new CornerRadius(0, NaN);
+            this.zu = GridStyleRepository.p;
             this.ht = true;
             this.iv = false;
-            this.z0 = null;
-            this.z2 = null;
+            this.z1 = null;
+            this.z3 = null;
             this.g9 = new DefaultPlatformPixelConverter();
             this.e3 = null;
             this.fr = null;
@@ -14534,13 +14532,13 @@ let DataGrid = /*@__PURE__*/ (() => {
             this.pb = null;
             this.pc = null;
             this.gn = 1;
-            this.aav = null;
-            this.z9 = null;
-            this.aae = null;
-            this.aad = null;
+            this.aaw = null;
             this.aaa = null;
+            this.aaf = null;
+            this.aae = null;
             this.aab = null;
-            this.z8 = null;
+            this.aac = null;
+            this.z9 = null;
             this.hh = false;
             this.hl = false;
             this.sectionHeader = new SectionHeader();
@@ -14556,10 +14554,10 @@ let DataGrid = /*@__PURE__*/ (() => {
             this.cq = new EditRowDefinition();
             this.cz = new FilterRowDefinition();
             this.cz.grid = this;
-            this.ack = this.acl;
-            this.zu = this.zv;
-            this.z1 = GridStyleRepository.s(this.theme, 28);
-            this.z0 = GridStyleRepository.s(this.theme, 29);
+            this.acl = this.acm;
+            this.zv = this.zw;
+            this.z2 = GridStyleRepository.s(this.theme, 28);
+            this.z1 = GridStyleRepository.s(this.theme, 29);
             this.ay = new ColumnController(this.dm, this.autoGenerateColumns, runOn(this, this.vz));
             let a = this.ay.j;
             a.collectionChanged = delegateCombine(a.collectionChanged, runOn(this, this.um));
@@ -14571,19 +14569,19 @@ let DataGrid = /*@__PURE__*/ (() => {
             this.j6 = this.k7();
             this.f6 = new SelectionManager(this, this.c6);
             this.ae = new ActivationManager(this, this.c6);
-            this.ed.ag(runOn(this, this.y7));
-            this.ei.an(runOn(this, this.y8));
-            this.d9.an(runOn(this, this.y6));
+            this.ed.ag(runOn(this, this.y8));
+            this.ei.an(runOn(this, this.y9));
+            this.d9.an(runOn(this, this.y7));
             let b = this.d6;
-            b.collectionChanged = delegateCombine(b.collectionChanged, runOn(this, this.y5));
-            this.ec.ag(runOn(this, this.x6));
-            this.eh.an(runOn(this, this.x7));
+            b.collectionChanged = delegateCombine(b.collectionChanged, runOn(this, this.y6));
+            this.ec.ag(runOn(this, this.x7));
+            this.eh.an(runOn(this, this.x8));
             this.b3 = new ColumnSortDescriptionCollection();
             this.a3 = new ColumnGroupDescriptionCollection();
             this.b8 = new ColumnSummaryDescriptionCollection();
-            this.b3.m(runOn(this, this.ze));
+            this.b3.m(runOn(this, this.zf));
             this.a3.m(runOn(this, this.vh));
-            this.b8.m(runOn(this, this.zg));
+            this.b8.m(runOn(this, this.zh));
             this.u = new FilterExpressionCollection();
             this.u.n(runOn(this, this.ve));
             this.ga = new SortManager(this);
@@ -14613,26 +14611,26 @@ let DataGrid = /*@__PURE__*/ (() => {
             this.ab = new SortGroupParser();
             this.ac = new SummaryParser();
         }
-        yu(a) {
+        yv(a) {
             if (this.actualDataSource != null && this.actualDataSource.actualSchema != null) {
                 a.m = this.actualDataSource.resolveSchemaPropertyType(a.f);
                 a.o = true;
             }
         }
-        yv(a) {
+        yw(a) {
             if (this.actualDataSource != null && this.actualDataSource.actualSchema != null) {
                 a.g = this.actualDataSource.resolveSchemaPropertyType(a.ah);
                 a.s = true;
             }
         }
-        zg(a, b) {
+        zh(a, b) {
             switch (b.action) {
                 case 0:
                     if (b.newItems != null) {
                         for (let c = 0; c < b.newItems.count; c++) {
                             let d = b.newItems.item(c);
                             if (!d.s) {
-                                this.yv(d);
+                                this.yw(d);
                             }
                         }
                     }
@@ -14653,7 +14651,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                         for (let c = 0; c < b.newItems.count; c++) {
                             let d = b.newItems.item(c);
                             if (!d.o) {
-                                this.yu(d);
+                                this.yv(d);
                             }
                         }
                     }
@@ -14696,7 +14694,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 })()));
             }
         }
-        ze(a, b) {
+        zf(a, b) {
             this.j7 = true;
             try {
                 switch (b.action) {
@@ -14704,7 +14702,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                         if (b.newItems != null) {
                             for (let c = 0; c < b.newItems.count; c++) {
                                 let d = b.newItems.item(c);
-                                this.zm(d.f, this.b6(d.c));
+                                this.zn(d.f, this.b6(d.c));
                             }
                         }
                         break;
@@ -14712,7 +14710,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                         if (b.oldItems != null) {
                             for (let e = 0; e < b.oldItems.count; e++) {
                                 let f = b.oldItems.item(e);
-                                this.zm(f.f, 0);
+                                this.zn(f.f, 0);
                             }
                         }
                         break;
@@ -14720,13 +14718,13 @@ let DataGrid = /*@__PURE__*/ (() => {
                         if (b.oldItems != null) {
                             for (let g = 0; g < b.oldItems.count; g++) {
                                 let h = b.oldItems.item(g);
-                                this.zm(h.f, 0);
+                                this.zn(h.f, 0);
                             }
                         }
                         if (b.newItems != null) {
                             for (let i = 0; i < b.newItems.count; i++) {
                                 let j = b.newItems.item(i);
-                                this.zm(j.f, this.b6(j.c));
+                                this.zn(j.f, this.b6(j.c));
                             }
                         }
                         break;
@@ -14748,7 +14746,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 this.j7 = false;
             }
         }
-        zm(a, b) {
+        zn(a, b) {
             for (let c = 0; c < this.columns.count; c++) {
                 if (this.columns._inner[c].mr == a) {
                     this.columns._inner[c].hu = b;
@@ -14762,7 +14760,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             }
             return 0;
         }
-        y7(a, b) {
+        y8(a, b) {
             this.io = true;
             if (!this.ji && this.actualDataSource != null) {
                 if (!this.iy) {
@@ -14834,7 +14832,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 }
             }
         }
-        y8(a, b) {
+        y9(a, b) {
             if (!this.ji && this.actualDataSource != null) {
                 if (!this.iy) {
                     this.iy = true;
@@ -14907,7 +14905,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 }
             }
         }
-        y6(a, b) {
+        y7(a, b) {
             this.io = true;
             switch (b.action) {
                 case 0:
@@ -14948,7 +14946,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 }
             }
         }
-        y5(a, b) {
+        y6(a, b) {
             this.io = true;
             this.i0 = true;
             this.f6.a0();
@@ -14963,7 +14961,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 }
             }
         }
-        x6(a, b) {
+        x7(a, b) {
             if (!this.jh && this.actualDataSource != null) {
                 if (!this.ix) {
                     this.ix = true;
@@ -15014,7 +15012,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 }
             }
         }
-        x7(a, b) {
+        x8(a, b) {
             if (!this.jh && this.actualDataSource != null) {
                 if (!this.ix) {
                     this.ix = true;
@@ -15147,7 +15145,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             }
             this.f3.grid = this;
             if (b != this.f3) {
-                this.xl("SectionHeader", b, this.f3);
+                this.xm("SectionHeader", b, this.f3);
             }
         }
         get f2() {
@@ -15167,7 +15165,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             }
             this.gd.grid = this;
             if (b != this.gd) {
-                this.xl("SummaryRowRoot", b, this.gd);
+                this.xm("SummaryRowRoot", b, this.gd);
             }
         }
         get summaryRowSection() {
@@ -15181,7 +15179,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             }
             this.gf.grid = this;
             if (b != this.gf) {
-                this.xl("SummaryRowSection", b, this.gf);
+                this.xm("SummaryRowSection", b, this.gf);
             }
         }
         get rowSeparator() {
@@ -15191,7 +15189,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.fy;
             this.fy = a;
             if (b != this.fy) {
-                this.xl("RowSeparator", b, this.fy);
+                this.xm("RowSeparator", b, this.fy);
             }
         }
         get headerRowSeparator() {
@@ -15201,7 +15199,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.ey;
             this.ey = a;
             if (b != this.ey) {
-                this.xl("HeaderRowSeparator", b, this.ey);
+                this.xm("HeaderRowSeparator", b, this.ey);
             }
         }
         get headerSeparator() {
@@ -15211,7 +15209,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.e0;
             this.e0 = a;
             if (b != this.e0) {
-                this.xl("HeaderSeparator", b, this.e0);
+                this.xm("HeaderSeparator", b, this.e0);
             }
         }
         get columnResizingSeparator() {
@@ -15221,7 +15219,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.bu;
             this.bu = a;
             if (b != this.bu) {
-                this.xl("ColumnResizingSeparator", b, this.bu);
+                this.xm("ColumnResizingSeparator", b, this.bu);
             }
         }
         get columnMovingSeparator() {
@@ -15231,7 +15229,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.bg;
             this.bg = a;
             if (b != this.bg) {
-                this.xl("ColumnMovingSeparator", b, this.bg);
+                this.xm("ColumnMovingSeparator", b, this.bg);
             }
         }
         get pinnedAreaSeparator() {
@@ -15241,7 +15239,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.fm;
             this.fm = a;
             if (b != this.fm) {
-                this.xl("PinnedAreaSeparator", b, this.fm);
+                this.xm("PinnedAreaSeparator", b, this.fm);
             }
         }
         get autoGenerateDesiredProperties() {
@@ -15251,7 +15249,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.b;
             this.b = a;
             if (b != this.b) {
-                this.xl("AutoGenerateDesiredColumns", b, this.b);
+                this.xm("AutoGenerateDesiredColumns", b, this.b);
             }
         }
         get dataSourceDesiredProperties() {
@@ -15261,7 +15259,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.c;
             this.c = a;
             if (b != this.c) {
-                this.xl("DataSourceDesiredProperties", b, this.c);
+                this.xm("DataSourceDesiredProperties", b, this.c);
             }
         }
         get gk() {
@@ -15295,7 +15293,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.gr;
             this.gr = a;
             if (b != this.gr) {
-                this.xl("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.gr));
+                this.xm("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.gr));
             }
         }
         get actualRowHeight() {
@@ -15305,7 +15303,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.m1;
             this.m1 = a;
             if (b != this.m1) {
-                this.xl("ActualRowHeight", b, this.m1);
+                this.xm("ActualRowHeight", b, this.m1);
             }
         }
         get rowHeight() {
@@ -15315,7 +15313,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.nf;
             this.nf = a;
             if (b != this.nf) {
-                this.xl("RowHeight", b, this.nf);
+                this.xm("RowHeight", b, this.nf);
             }
         }
         get defaultColumnWidth() {
@@ -15325,7 +15323,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.cb;
             this.cb = a;
             if (b != this.cb) {
-                this.xl("DefaultColumnWidth", b, this.cb);
+                this.xm("DefaultColumnWidth", b, this.cb);
             }
         }
         get defaultColumnMinWidth() {
@@ -15335,7 +15333,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.l6;
             this.l6 = a;
             if (b != this.l6) {
-                this.xl("DefaultColumnMinWidth", b, this.l6);
+                this.xm("DefaultColumnMinWidth", b, this.l6);
             }
         }
         get actualHeaderHeight() {
@@ -15345,7 +15343,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.m0;
             this.m0 = a;
             if (b != this.m0) {
-                this.xl("ActualHeaderHeight", b, this.m0);
+                this.xm("ActualHeaderHeight", b, this.m0);
             }
         }
         get headerHeight() {
@@ -15355,7 +15353,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.m7;
             this.m7 = a;
             if (b != this.m7) {
-                this.xl("HeaderHeight", b, this.m7);
+                this.xm("HeaderHeight", b, this.m7);
             }
         }
         get sectionHeaderHeight() {
@@ -15365,7 +15363,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.nk;
             this.nk = a;
             if (b != this.nk) {
-                this.xl("SectionHeaderHeight", b, this.nk);
+                this.xm("SectionHeaderHeight", b, this.nk);
             }
         }
         get itemsSource() {
@@ -15375,7 +15373,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.ov;
             this.ov = a;
             if (b != this.ov) {
-                this.xl("ItemsSource", b, this.ov);
+                this.xm("ItemsSource", b, this.ov);
             }
         }
         get sectionFooterHeight() {
@@ -15385,7 +15383,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.nj;
             this.nj = a;
             if (b != this.nj) {
-                this.xl("SectionFooterHeight", b, this.nj);
+                this.xm("SectionFooterHeight", b, this.nj);
             }
         }
         get rowSpacingHeight() {
@@ -15395,7 +15393,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.nh;
             this.nh = a;
             if (b != this.nh) {
-                this.xl("RowSpacingHeight", b, this.nh);
+                this.xm("RowSpacingHeight", b, this.nh);
             }
         }
         get columnSpacingWidth() {
@@ -15405,7 +15403,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.m5;
             this.m5 = a;
             if (b != this.m5) {
-                this.xl("ColumnSpacingWidth", b, this.m5);
+                this.xm("ColumnSpacingWidth", b, this.m5);
             }
         }
         get headerClickAction() {
@@ -15415,7 +15413,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.ew;
             this.ew = a;
             if (b != this.ew) {
-                this.xl("HeaderClickAction", enumGetBox(HeaderClickAction_$type, b), enumGetBox(HeaderClickAction_$type, this.ew));
+                this.xm("HeaderClickAction", enumGetBox(HeaderClickAction_$type, b), enumGetBox(HeaderClickAction_$type, this.ew));
                 if ((this.ew == 0 || this.ew == 2) && (b == 1 || b == 3)) {
                     this.ga.h();
                 }
@@ -15428,7 +15426,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.cn;
             this.cn = a;
             if (b != this.cn) {
-                this.xl("EditMode", enumGetBox(EditModeType_$type, b), enumGetBox(EditModeType_$type, this.cn));
+                this.xm("EditMode", enumGetBox(EditModeType_$type, b), enumGetBox(EditModeType_$type, this.cn));
             }
         }
         get editModeClickAction() {
@@ -15438,7 +15436,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.cl;
             this.cl = a;
             if (b != this.cl) {
-                this.xl("EditModeClickAction", enumGetBox(EditModeClickAction_$type, b), enumGetBox(EditModeClickAction_$type, this.cl));
+                this.xm("EditModeClickAction", enumGetBox(EditModeClickAction_$type, b), enumGetBox(EditModeClickAction_$type, this.cl));
             }
         }
         get editOnKeyPress() {
@@ -15448,7 +15446,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.hn;
             this.hn = a;
             if (b != this.hn) {
-                this.xl("EditOnKeyPress", b, this.hn);
+                this.xm("EditOnKeyPress", b, this.hn);
             }
         }
         get autoGenerateColumns() {
@@ -15458,7 +15456,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.hj;
             this.hj = a;
             if (b != this.hj) {
-                this.xl("AutoGenerateColumns", b, this.hj);
+                this.xm("AutoGenerateColumns", b, this.hj);
             }
         }
         get rowSeparatorHeight() {
@@ -15468,7 +15466,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.ng;
             this.ng = a;
             if (b != this.ng) {
-                this.xl("RowSeparatorHeight", b, this.ng);
+                this.xm("RowSeparatorHeight", b, this.ng);
             }
         }
         get isPlaceholderRenderingEnabled() {
@@ -15478,7 +15476,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.h7;
             this.h7 = a;
             if (b != this.h7) {
-                this.xl("IsPlaceholderRenderingEnabled", b, this.h7);
+                this.xm("IsPlaceholderRenderingEnabled", b, this.h7);
             }
         }
         jn(a) {
@@ -15496,7 +15494,7 @@ let DataGrid = /*@__PURE__*/ (() => {
         set columnAddingAnimationMode(a) {
             let b = this.bw;
             this.bw = a;
-            this.xl("ColumnAddingAnimationMode", enumGetBox(ColumnShowingAnimationMode_$type, b), enumGetBox(ColumnShowingAnimationMode_$type, this.bw));
+            this.xm("ColumnAddingAnimationMode", enumGetBox(ColumnShowingAnimationMode_$type, b), enumGetBox(ColumnShowingAnimationMode_$type, this.bw));
         }
         get jv() {
             return this.bn != 1 && this.jo;
@@ -15507,7 +15505,7 @@ let DataGrid = /*@__PURE__*/ (() => {
         set columnPropertyUpdatingAnimationMode(a) {
             let b = this.bn;
             this.bn = a;
-            this.xl("ColumnPropertyUpdatingAnimationMode", enumGetBox(ColumnPropertyUpdatingAnimationMode_$type, b), enumGetBox(ColumnPropertyUpdatingAnimationMode_$type, this.bn));
+            this.xm("ColumnPropertyUpdatingAnimationMode", enumGetBox(ColumnPropertyUpdatingAnimationMode_$type, b), enumGetBox(ColumnPropertyUpdatingAnimationMode_$type, this.bn));
         }
         get jo() {
             return this.renderingEngine.initialRefreshFinished;
@@ -15521,7 +15519,7 @@ let DataGrid = /*@__PURE__*/ (() => {
         set cellDataLoadedAnimationMode(a) {
             let b = this.ah;
             this.ah = a;
-            this.xl("CellDataLoadedAnimationMode", enumGetBox(CellDataLoadedAnimationMode_$type, b), enumGetBox(CellDataLoadedAnimationMode_$type, this.ah));
+            this.xm("CellDataLoadedAnimationMode", enumGetBox(CellDataLoadedAnimationMode_$type, b), enumGetBox(CellDataLoadedAnimationMode_$type, this.ah));
         }
         get kh() {
             return this.fw != 1;
@@ -15532,7 +15530,7 @@ let DataGrid = /*@__PURE__*/ (() => {
         set rowSelectionAnimationMode(a) {
             let b = this.fw;
             this.fw = a;
-            this.xl("RowSelectionAnimationMode", enumGetBox(RowSelectionAnimationMode_$type, b), enumGetBox(RowSelectionAnimationMode_$type, this.fw));
+            this.xm("RowSelectionAnimationMode", enumGetBox(RowSelectionAnimationMode_$type, b), enumGetBox(RowSelectionAnimationMode_$type, this.fw));
         }
         get kf() {
             return this.ft != 1;
@@ -15544,7 +15542,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.ft;
             this.ft = a;
             if (b != this.ft) {
-                this.xl("RowHoverAnimationMode", enumGetBox(RowHoverAnimationMode_$type, b), enumGetBox(RowHoverAnimationMode_$type, this.ft));
+                this.xm("RowHoverAnimationMode", enumGetBox(RowHoverAnimationMode_$type, b), enumGetBox(RowHoverAnimationMode_$type, this.ft));
             }
         }
         get jl() {
@@ -15556,7 +15554,7 @@ let DataGrid = /*@__PURE__*/ (() => {
         set cellSelectionAnimationMode(a) {
             let b = this.aw;
             this.aw = a;
-            this.xl("CellSelectionAnimationMode", enumGetBox(CellSelectionAnimationMode_$type, b), enumGetBox(CellSelectionAnimationMode_$type, this.aw));
+            this.xm("CellSelectionAnimationMode", enumGetBox(CellSelectionAnimationMode_$type, b), enumGetBox(CellSelectionAnimationMode_$type, this.aw));
         }
         get columnAnimationSettings() {
             return this.dk;
@@ -15565,7 +15563,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.dk;
             this.dk = a;
             if (b != this.dk) {
-                this.xl("ColumnAnimationSettings", b, this.dk);
+                this.xm("ColumnAnimationSettings", b, this.dk);
             }
         }
         get animationSettings() {
@@ -15575,7 +15573,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.c7;
             this.c7 = a;
             if (b != this.c7) {
-                this.xl("AnimationSettings", b, this.c7);
+                this.xm("AnimationSettings", b, this.c7);
             }
         }
         jw(a) {
@@ -15593,7 +15591,7 @@ let DataGrid = /*@__PURE__*/ (() => {
         set columnResizingAnimationMode(a) {
             let b = this.bp;
             this.bp = a;
-            this.xl("ColumnResizingAnimationMode", enumGetBox(ColumnResizingAnimationMode_$type, b), enumGetBox(ColumnResizingAnimationMode_$type, this.bp));
+            this.xm("ColumnResizingAnimationMode", enumGetBox(ColumnResizingAnimationMode_$type, b), enumGetBox(ColumnResizingAnimationMode_$type, this.bp));
         }
         jx(a) {
             return this.b1(a) != 1 && this.jo;
@@ -15610,7 +15608,7 @@ let DataGrid = /*@__PURE__*/ (() => {
         set columnShowingAnimationMode(a) {
             let b = this.bx;
             this.bx = a;
-            this.xl("ColumnShowingAnimationMode", enumGetBox(ColumnShowingAnimationMode_$type, b), enumGetBox(ColumnShowingAnimationMode_$type, this.bx));
+            this.xm("ColumnShowingAnimationMode", enumGetBox(ColumnShowingAnimationMode_$type, b), enumGetBox(ColumnShowingAnimationMode_$type, this.bx));
         }
         jr(a) {
             return this.bd(a) != 1 && this.jo && !this.li;
@@ -15627,7 +15625,7 @@ let DataGrid = /*@__PURE__*/ (() => {
         set columnMovingAnimationMode(a) {
             let b = this.bb;
             this.bb = a;
-            this.xl("ColumnMovingAnimationMode", enumGetBox(ColumnMovingAnimationMode_$type, b), enumGetBox(ColumnMovingAnimationMode_$type, this.bb));
+            this.xm("ColumnMovingAnimationMode", enumGetBox(ColumnMovingAnimationMode_$type, b), enumGetBox(ColumnMovingAnimationMode_$type, this.bb));
         }
         jq(a) {
             return this.ba(a) != 1 && this.jo;
@@ -15644,7 +15642,7 @@ let DataGrid = /*@__PURE__*/ (() => {
         set columnHidingAnimationMode(a) {
             let b = this.a8;
             this.a8 = a;
-            this.xl("ColumnHidingAnimationMode", enumGetBox(ColumnHidingAnimationMode_$type, b), enumGetBox(ColumnHidingAnimationMode_$type, this.a8));
+            this.xm("ColumnHidingAnimationMode", enumGetBox(ColumnHidingAnimationMode_$type, b), enumGetBox(ColumnHidingAnimationMode_$type, this.a8));
         }
         jp(a) {
             return this.a2(a) != 1 && this.jo;
@@ -15661,16 +15659,16 @@ let DataGrid = /*@__PURE__*/ (() => {
         set columnExchangingAnimationMode(a) {
             let b = this.a0;
             this.a0 = a;
-            this.xl("ColumnExchangingAnimationMode", enumGetBox(ColumnExchangingAnimationMode_$type, b), enumGetBox(ColumnExchangingAnimationMode_$type, this.a0));
+            this.xm("ColumnExchangingAnimationMode", enumGetBox(ColumnExchangingAnimationMode_$type, b), enumGetBox(ColumnExchangingAnimationMode_$type, this.a0));
         }
         get inset() {
-            return this.acn;
+            return this.aco;
         }
         set inset(a) {
-            let b = this.acn;
-            this.acn = a;
-            if (b != this.acn) {
-                this.xl("Inset", b, this.acn);
+            let b = this.aco;
+            this.aco = a;
+            if (b != this.aco) {
+                this.xm("Inset", b, this.aco);
             }
         }
         get selectionMode() {
@@ -15680,7 +15678,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.ch;
             this.ch = a;
             if (b != this.ch) {
-                this.xl("SelectionMode", enumGetBox(DataGridSelectionMode_$type, b), enumGetBox(DataGridSelectionMode_$type, this.ch));
+                this.xm("SelectionMode", enumGetBox(DataGridSelectionMode_$type, b), enumGetBox(DataGridSelectionMode_$type, this.ch));
             }
         }
         get activationMode() {
@@ -15690,7 +15688,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.c2;
             this.c2 = a;
             if (b != this.c2) {
-                this.xl("ActivationMode", enumGetBox(GridActivationMode_$type, b), enumGetBox(GridActivationMode_$type, this.c2));
+                this.xm("ActivationMode", enumGetBox(GridActivationMode_$type, b), enumGetBox(GridActivationMode_$type, this.c2));
             }
         }
         get selectionBehavior() {
@@ -15700,7 +15698,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.el;
             this.el = a;
             if (b != this.el) {
-                this.xl("SelectionBehavior", enumGetBox(GridSelectionBehavior_$type, b), enumGetBox(GridSelectionBehavior_$type, this.el));
+                this.xm("SelectionBehavior", enumGetBox(GridSelectionBehavior_$type, b), enumGetBox(GridSelectionBehavior_$type, this.el));
             }
         }
         get mouseDragSelectionEnabled() {
@@ -15739,7 +15737,7 @@ let DataGrid = /*@__PURE__*/ (() => {
         get pinnedKeys() {
             return this.eh;
         }
-        zi(a, b) {
+        zj(a, b) {
             if (this.actualDataSource == null) {
                 return;
             }
@@ -15771,7 +15769,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.hu;
             this.hu = a;
             if (b != this.hu) {
-                this.xl("IsColumnOptionsEnabled", b, this.hu);
+                this.xm("IsColumnOptionsEnabled", b, this.hu);
             }
         }
         get isGroupByAreaVisible() {
@@ -15781,7 +15779,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.hy;
             this.hy = a;
             if (b != this.hy) {
-                this.xl("IsGroupByAreaVisible", b, this.hy);
+                this.xm("IsGroupByAreaVisible", b, this.hy);
             }
         }
         get isGroupRowSticky() {
@@ -15791,7 +15789,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.h3;
             this.h3 = a;
             if (b != this.h3) {
-                this.xl("IsGroupRowSticky", b, this.h3);
+                this.xm("IsGroupRowSticky", b, this.h3);
             }
         }
         get isHeaderSeparatorVisible() {
@@ -15801,47 +15799,47 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.h4;
             this.h4 = a;
             if (b != this.h4) {
-                this.xl("IsHeaderSeparatorVisible", b, this.h4);
+                this.xm("IsHeaderSeparatorVisible", b, this.h4);
             }
         }
         get cellSelectedBackground() {
-            return this.z5;
+            return this.z6;
         }
         set cellSelectedBackground(a) {
-            let b = this.z5;
-            this.z5 = a;
-            if (b != this.z5) {
-                this.xl("CellSelectedBackground", b, this.z5);
+            let b = this.z6;
+            this.z6 = a;
+            if (b != this.z6) {
+                this.xm("CellSelectedBackground", b, this.z6);
             }
         }
         get sectionHeaderSelectedBackground() {
-            return this.aax;
+            return this.aay;
         }
         set sectionHeaderSelectedBackground(a) {
-            let b = this.aax;
-            this.aax = a;
-            if (b != this.aax) {
-                this.xl("SectionHeaderSelectedBackground", b, this.aax);
+            let b = this.aay;
+            this.aay = a;
+            if (b != this.aay) {
+                this.xm("SectionHeaderSelectedBackground", b, this.aay);
             }
         }
         get summaryRootBackground() {
-            return this.aa0;
+            return this.aa1;
         }
         set summaryRootBackground(a) {
-            let b = this.aa0;
-            this.aa0 = a;
-            if (b != this.aa0) {
-                this.xl("SummaryRootBackground", b, this.aa0);
+            let b = this.aa1;
+            this.aa1 = a;
+            if (b != this.aa1) {
+                this.xm("SummaryRootBackground", b, this.aa1);
             }
         }
         get summarySectionBackground() {
-            return this.aa4;
+            return this.aa5;
         }
         set summarySectionBackground(a) {
-            let b = this.aa4;
-            this.aa4 = a;
-            if (b != this.aa4) {
-                this.xl("SummarySectionBackground", b, this.aa4);
+            let b = this.aa5;
+            this.aa5 = a;
+            if (b != this.aa5) {
+                this.xm("SummarySectionBackground", b, this.aa5);
             }
         }
         get pinnedRowOpacity() {
@@ -15851,7 +15849,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.mf;
             this.mf = a;
             if (b != this.mf) {
-                this.xl("PinnedRowOpacity", b, this.mf);
+                this.xm("PinnedRowOpacity", b, this.mf);
             }
         }
         get editTextStyle() {
@@ -15861,7 +15859,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.gu;
             this.gu = a;
             if (b != this.gu) {
-                this.xl("EditTextStyle", b, this.gu);
+                this.xm("EditTextStyle", b, this.gu);
             }
         }
         get editOpacity() {
@@ -15871,47 +15869,47 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.mb;
             this.mb = a;
             if (b != this.mb) {
-                this.xl("EditOpacity", b, this.mb);
+                this.xm("EditOpacity", b, this.mb);
             }
         }
         get deletedTextColor() {
-            return this.aag;
+            return this.aah;
         }
         set deletedTextColor(a) {
-            let b = this.aag;
-            this.aag = a;
-            if (b != this.aag) {
-                this.xl("DeletedTextColor", b, this.aag);
+            let b = this.aah;
+            this.aah = a;
+            if (b != this.aah) {
+                this.xm("DeletedTextColor", b, this.aah);
             }
         }
         get stickyRowBackground() {
-            return this.aaz;
+            return this.aa0;
         }
         set stickyRowBackground(a) {
-            let b = this.aaz;
-            this.aaz = a;
-            if (b != this.aaz) {
-                this.xl("StickyRowBackground", b, this.aaz);
+            let b = this.aa0;
+            this.aa0 = a;
+            if (b != this.aa0) {
+                this.xm("StickyRowBackground", b, this.aa0);
             }
         }
         get pinnedRowBackground() {
-            return this.aao;
+            return this.aap;
         }
         set pinnedRowBackground(a) {
-            let b = this.aao;
-            this.aao = a;
-            if (b != this.aao) {
-                this.xl("PinnedRowBackground", b, this.aao);
+            let b = this.aap;
+            this.aap = a;
+            if (b != this.aap) {
+                this.xm("PinnedRowBackground", b, this.aap);
             }
         }
         get lastStickyRowBackground() {
-            return this.aan;
+            return this.aao;
         }
         set lastStickyRowBackground(a) {
-            let b = this.aan;
-            this.aan = a;
-            if (b != this.aan) {
-                this.xl("LastStickyRowBackground", b, this.aan);
+            let b = this.aao;
+            this.aao = a;
+            if (b != this.aao) {
+                this.xm("LastStickyRowBackground", b, this.aao);
             }
         }
         get activeCell() {
@@ -15921,37 +15919,37 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.dg;
             this.dg = a;
             if (b != this.dg) {
-                this.xl("ActiveCell", b, this.dg);
+                this.xm("ActiveCell", b, this.dg);
             }
         }
         get cellBackground() {
-            return this.z4;
+            return this.z5;
         }
         set cellBackground(a) {
-            let b = this.z4;
-            this.z4 = a;
-            if (b != this.z4) {
-                this.xl("CellBackground", b, this.z4);
+            let b = this.z5;
+            this.z5 = a;
+            if (b != this.z5) {
+                this.xm("CellBackground", b, this.z5);
             }
         }
         get cellTextColor() {
-            return this.z6;
+            return this.z7;
         }
         set cellTextColor(a) {
-            let b = this.z6;
-            this.z6 = a;
-            if (b != this.z6) {
-                this.xl("CellTextColor", b, this.z6);
+            let b = this.z7;
+            this.z7 = a;
+            if (b != this.z7) {
+                this.xm("CellTextColor", b, this.z7);
             }
         }
         get headerSortIndicatorColor() {
-            return this.aal;
+            return this.aam;
         }
         set headerSortIndicatorColor(a) {
-            let b = this.aal;
-            this.aal = a;
-            if (b != this.aal) {
-                this.xl("HeaderSortIndicatorColor", b, this.aal);
+            let b = this.aam;
+            this.aam = a;
+            if (b != this.aam) {
+                this.xm("HeaderSortIndicatorColor", b, this.aam);
             }
         }
         get headerSortIndicatorStyle() {
@@ -15961,7 +15959,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.f7;
             this.f7 = a;
             if (b != this.f7) {
-                this.xl("HeaderSortIndicatorStyle", enumGetBox(SortIndicatorStyle_$type, b), enumGetBox(SortIndicatorStyle_$type, this.f7));
+                this.xm("HeaderSortIndicatorStyle", enumGetBox(SortIndicatorStyle_$type, b), enumGetBox(SortIndicatorStyle_$type, this.f7));
             }
         }
         get cellTextStyle() {
@@ -15971,27 +15969,27 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.gt;
             this.gt = a;
             if (b != this.gt) {
-                this.xl("CellTextStyle", b, this.gt);
+                this.xm("CellTextStyle", b, this.gt);
             }
         }
         get sectionHeaderBackground() {
-            return this.aaw;
+            return this.aax;
         }
         set sectionHeaderBackground(a) {
-            let b = this.aaw;
-            this.aaw = a;
-            if (b != this.aaw) {
-                this.xl("SectionHeaderBackground", b, this.aaw);
+            let b = this.aax;
+            this.aax = a;
+            if (b != this.aax) {
+                this.xm("SectionHeaderBackground", b, this.aax);
             }
         }
         get sectionHeaderTextColor() {
-            return this.aay;
+            return this.aaz;
         }
         set sectionHeaderTextColor(a) {
-            let b = this.aay;
-            this.aay = a;
-            if (b != this.aay) {
-                this.xl("SectionHeaderTextColor", b, this.aay);
+            let b = this.aaz;
+            this.aaz = a;
+            if (b != this.aaz) {
+                this.xm("SectionHeaderTextColor", b, this.aaz);
             }
         }
         get sectionHeaderTextStyle() {
@@ -16001,7 +15999,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.gw;
             this.gw = a;
             if (b != this.gw) {
-                this.xl("SectionHeaderTextStyle", b, this.gw);
+                this.xm("SectionHeaderTextStyle", b, this.gw);
             }
         }
         get summaryRootLabelTextStyle() {
@@ -16011,7 +16009,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.gx;
             this.gx = a;
             if (b != this.gx) {
-                this.xl("SummaryRootLabelTextStyle", b, this.gx);
+                this.xm("SummaryRootLabelTextStyle", b, this.gx);
             }
         }
         get summarySectionLabelTextStyle() {
@@ -16021,17 +16019,17 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.gz;
             this.gz = a;
             if (b != this.gz) {
-                this.xl("SummarySectionLabelTextStyle", b, this.gz);
+                this.xm("SummarySectionLabelTextStyle", b, this.gz);
             }
         }
         get summaryRootValueTextColor() {
-            return this.aa3;
+            return this.aa4;
         }
         set summaryRootValueTextColor(a) {
-            let b = this.aa3;
-            this.aa3 = a;
-            if (b != this.aa3) {
-                this.xl("SummaryRootValueTextColor", b, this.aa3);
+            let b = this.aa4;
+            this.aa4 = a;
+            if (b != this.aa4) {
+                this.xm("SummaryRootValueTextColor", b, this.aa4);
             }
         }
         get summaryRootValueTextStyle() {
@@ -16041,7 +16039,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.gy;
             this.gy = a;
             if (b != this.gy) {
-                this.xl("SummaryRootValueTextStyle", b, this.gy);
+                this.xm("SummaryRootValueTextStyle", b, this.gy);
             }
         }
         get summarySectionValueTextStyle() {
@@ -16051,57 +16049,57 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.g0;
             this.g0 = a;
             if (b != this.g0) {
-                this.xl("SummarySectionValueTextStyle", b, this.g0);
+                this.xm("SummarySectionValueTextStyle", b, this.g0);
             }
         }
         get summarySectionValueTextColor() {
-            return this.aa7;
+            return this.aa8;
         }
         set summarySectionValueTextColor(a) {
-            let b = this.aa7;
-            this.aa7 = a;
-            if (b != this.aa7) {
-                this.xl("SummarySectionValueTextColor", b, this.aa7);
+            let b = this.aa8;
+            this.aa8 = a;
+            if (b != this.aa8) {
+                this.xm("SummarySectionValueTextColor", b, this.aa8);
             }
         }
         get summaryRootLabelTextColor() {
-            return this.aa1;
+            return this.aa2;
         }
         set summaryRootLabelTextColor(a) {
-            let b = this.aa1;
-            this.aa1 = a;
-            if (b != this.aa1) {
-                this.xl("SummaryRootLabelTextColor", b, this.aa1);
+            let b = this.aa2;
+            this.aa2 = a;
+            if (b != this.aa2) {
+                this.xm("SummaryRootLabelTextColor", b, this.aa2);
             }
         }
         get summarySectionLabelTextColor() {
-            return this.aa5;
+            return this.aa6;
         }
         set summarySectionLabelTextColor(a) {
-            let b = this.aa5;
-            this.aa5 = a;
-            if (b != this.aa5) {
-                this.xl("SummarySectionLabelTextColor", b, this.aa5);
+            let b = this.aa6;
+            this.aa6 = a;
+            if (b != this.aa6) {
+                this.xm("SummarySectionLabelTextColor", b, this.aa6);
             }
         }
         get summaryRootSelectedBackground() {
-            return this.aa2;
+            return this.aa3;
         }
         set summaryRootSelectedBackground(a) {
-            let b = this.aa2;
-            this.aa2 = a;
-            if (b != this.aa2) {
-                this.xl("SummaryRootSelectedBackground", b, this.aa2);
+            let b = this.aa3;
+            this.aa3 = a;
+            if (b != this.aa3) {
+                this.xm("SummaryRootSelectedBackground", b, this.aa3);
             }
         }
         get summarySectionSelectedBackground() {
-            return this.aa6;
+            return this.aa7;
         }
         set summarySectionSelectedBackground(a) {
-            let b = this.aa6;
-            this.aa6 = a;
-            if (b != this.aa6) {
-                this.xl("SummarySectionSelectedBackground", b, this.aa6);
+            let b = this.aa7;
+            this.aa7 = a;
+            if (b != this.aa7) {
+                this.xm("SummarySectionSelectedBackground", b, this.aa7);
             }
         }
         get pinnedAreaSeparatorWidth() {
@@ -16111,7 +16109,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.nd;
             this.nd = a;
             if (b != this.nd) {
-                this.xl("PinnedAreaSeparatorWidth", b, this.nd);
+                this.xm("PinnedAreaSeparatorWidth", b, this.nd);
             }
         }
         get headerSeparatorWidth() {
@@ -16121,7 +16119,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.m8;
             this.m8 = a;
             if (b != this.m8) {
-                this.xl("HeaderSeparatorWidth", b, this.m8);
+                this.xm("HeaderSeparatorWidth", b, this.m8);
             }
         }
         ns(a) {
@@ -16133,33 +16131,33 @@ let DataGrid = /*@__PURE__*/ (() => {
             return intDivide(c, 2);
         }
         get headerSeparatorBackground() {
-            return this.aak;
+            return this.aal;
         }
         set headerSeparatorBackground(a) {
-            let b = this.aak;
-            this.aak = a;
-            if (b != this.aak) {
-                this.xl("HeaderSeparatorBackground", b, this.aak);
+            let b = this.aal;
+            this.aal = a;
+            if (b != this.aal) {
+                this.xm("HeaderSeparatorBackground", b, this.aal);
             }
         }
         get headerBackground() {
-            return this.aai;
+            return this.aaj;
         }
         set headerBackground(a) {
-            let b = this.aai;
-            this.aai = a;
-            if (b != this.aai) {
-                this.xl("HeaderBackground", b, this.aai);
+            let b = this.aaj;
+            this.aaj = a;
+            if (b != this.aaj) {
+                this.xm("HeaderBackground", b, this.aaj);
             }
         }
         get headerTextColor() {
-            return this.aam;
+            return this.aan;
         }
         set headerTextColor(a) {
-            let b = this.aam;
-            this.aam = a;
-            if (b != this.aam) {
-                this.xl("HeaderTextColor", b, this.aam);
+            let b = this.aan;
+            this.aan = a;
+            if (b != this.aan) {
+                this.xm("HeaderTextColor", b, this.aan);
             }
         }
         get headerTextStyle() {
@@ -16169,57 +16167,57 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.gv;
             this.gv = a;
             if (b != this.gv) {
-                this.xl("HeaderTextStyle", b, this.gv);
+                this.xm("HeaderTextStyle", b, this.gv);
             }
         }
         get rowSeparatorBackground() {
-            return this.aar;
+            return this.aas;
         }
         set rowSeparatorBackground(a) {
-            let b = this.aar;
-            this.aar = a;
-            if (b != this.aar) {
-                this.xl("RowSeparatorBackground", b, this.aar);
+            let b = this.aas;
+            this.aas = a;
+            if (b != this.aas) {
+                this.xm("RowSeparatorBackground", b, this.aas);
             }
         }
         get headerRowSeparatorBackground() {
-            return this.aaj;
+            return this.aak;
         }
         set headerRowSeparatorBackground(a) {
-            let b = this.aaj;
-            this.aaj = a;
-            if (b != this.aaj) {
-                this.xl("HeaderRowSeparatorBackground", b, this.aaj);
+            let b = this.aak;
+            this.aak = a;
+            if (b != this.aak) {
+                this.xm("HeaderRowSeparatorBackground", b, this.aak);
             }
         }
         get rowSeparatorStickyRowBackground() {
-            return this.aau;
+            return this.aav;
         }
         set rowSeparatorStickyRowBackground(a) {
-            let b = this.aau;
-            this.aau = a;
-            if (b != this.aau) {
-                this.xl("RowSeparatorStickyRowBackground", b, this.aau);
+            let b = this.aav;
+            this.aav = a;
+            if (b != this.aav) {
+                this.xm("RowSeparatorStickyRowBackground", b, this.aav);
             }
         }
         get rowSeparatorLastStickyRowBackground() {
-            return this.aas;
+            return this.aat;
         }
         set rowSeparatorLastStickyRowBackground(a) {
-            let b = this.aas;
-            this.aas = a;
-            if (b != this.aas) {
-                this.xl("RowSeparatorLastStickyRowBackground", b, this.aas);
+            let b = this.aat;
+            this.aat = a;
+            if (b != this.aat) {
+                this.xm("RowSeparatorLastStickyRowBackground", b, this.aat);
             }
         }
         get rowSeparatorPinnedRowBackground() {
-            return this.aat;
+            return this.aau;
         }
         set rowSeparatorPinnedRowBackground(a) {
-            let b = this.aat;
-            this.aat = a;
-            if (b != this.aat) {
-                this.xl("RowSeparatorPinnedRowBackground", b, this.aat);
+            let b = this.aau;
+            this.aau = a;
+            if (b != this.aau) {
+                this.xm("RowSeparatorPinnedRowBackground", b, this.aau);
             }
         }
         get columnResizingSeparatorWidth() {
@@ -16229,7 +16227,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.m4;
             this.m4 = a;
             if (b != this.m4) {
-                this.xl("ColumnResizingSeparatorWidth", b, this.m4);
+                this.xm("ColumnResizingSeparatorWidth", b, this.m4);
             }
         }
         get columnResizingSeparatorOpacity() {
@@ -16239,7 +16237,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.l5;
             this.l5 = a;
             if (b != this.l5) {
-                this.xl("ColumnResizingSeparatorOpacity", b, this.l5);
+                this.xm("ColumnResizingSeparatorOpacity", b, this.l5);
             }
         }
         get columnMovingSeparatorWidth() {
@@ -16249,7 +16247,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.m2;
             this.m2 = a;
             if (b != this.m2) {
-                this.xl("ColumnMovingSeparatorWidth", b, this.m2);
+                this.xm("ColumnMovingSeparatorWidth", b, this.m2);
             }
         }
         get columnMovingSeparatorOpacity() {
@@ -16259,27 +16257,27 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.l4;
             this.l4 = a;
             if (b != this.l4) {
-                this.xl("ColumnMovingSeparatorOpacity", b, this.l4);
+                this.xm("ColumnMovingSeparatorOpacity", b, this.l4);
             }
         }
         get columnResizingSeparatorBackground() {
-            return this.aaf;
+            return this.aag;
         }
         set columnResizingSeparatorBackground(a) {
-            let b = this.aaf;
-            this.aaf = a;
-            if (b != this.aaf) {
-                this.xl("ColumnResizingSeparatorBackground", b, this.aaf);
+            let b = this.aag;
+            this.aag = a;
+            if (b != this.aag) {
+                this.xm("ColumnResizingSeparatorBackground", b, this.aag);
             }
         }
         get columnMovingSeparatorBackground() {
-            return this.z7;
+            return this.z8;
         }
         set columnMovingSeparatorBackground(a) {
-            let b = this.z7;
-            this.z7 = a;
-            if (b != this.z7) {
-                this.xl("ColumnMovingSeparatorBackground", b, this.z7);
+            let b = this.z8;
+            this.z8 = a;
+            if (b != this.z8) {
+                this.xm("ColumnMovingSeparatorBackground", b, this.z8);
             }
         }
         get shiftSectionContent() {
@@ -16289,7 +16287,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.ip;
             this.ip = a;
             if (b != this.ip) {
-                this.xl("ShiftSectionContent", b, this.ip);
+                this.xm("ShiftSectionContent", b, this.ip);
             }
         }
         get columnOptionsIconAlignment() {
@@ -16299,17 +16297,17 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.bi;
             this.bi = a;
             if (b != this.bi) {
-                this.xl("ColumnOptionsIconAlignment", enumGetBox(ColumnOptionsIconAlignment_$type, b), enumGetBox(ColumnOptionsIconAlignment_$type, this.bi));
+                this.xm("ColumnOptionsIconAlignment", enumGetBox(ColumnOptionsIconAlignment_$type, b), enumGetBox(ColumnOptionsIconAlignment_$type, this.bi));
             }
         }
         get columnOptionsIconColor() {
-            return this.aac;
+            return this.aad;
         }
         set columnOptionsIconColor(a) {
-            let b = this.aac;
-            this.aac = a;
-            if (b != this.aac) {
-                this.xl("ColumnOptionsIconColor", b, this.aac);
+            let b = this.aad;
+            this.aad = a;
+            if (b != this.aad) {
+                this.xm("ColumnOptionsIconColor", b, this.aad);
             }
         }
         get columnOptionsIconBehavior() {
@@ -16319,57 +16317,57 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.bk;
             this.bk = a;
             if (b != this.bk) {
-                this.xl("ColumnOptionsIconBehavior", enumGetBox(ColumnOptionsIconBehavior_$type, b), enumGetBox(ColumnOptionsIconBehavior_$type, this.bk));
+                this.xm("ColumnOptionsIconBehavior", enumGetBox(ColumnOptionsIconBehavior_$type, b), enumGetBox(ColumnOptionsIconBehavior_$type, this.bk));
             }
         }
         get actualBorder() {
-            return this.z1;
+            return this.z2;
         }
         set actualBorder(a) {
-            let b = this.z1;
-            this.z1 = a;
-            if (b != this.z1) {
-                this.xl("ActualBorder", b, this.z1);
+            let b = this.z2;
+            this.z2 = a;
+            if (b != this.z2) {
+                this.xm("ActualBorder", b, this.z2);
             }
         }
         get border() {
-            return this.z3;
+            return this.z4;
         }
         set border(a) {
-            let b = this.z3;
-            this.z3 = a;
-            if (b != this.z3) {
-                this.xl("Border", b, this.z3);
+            let b = this.z4;
+            this.z4 = a;
+            if (b != this.z4) {
+                this.xm("Border", b, this.z4);
             }
         }
-        get acr() {
-            return this.acl;
+        get acs() {
+            return this.acm;
         }
-        set acr(a) {
-            let b = this.acl;
-            this.acl = a;
-            if (b != this.acl) {
-                this.xl("DefaultBorderWidth", b, this.acl);
+        set acs(a) {
+            let b = this.acm;
+            this.acm = a;
+            if (b != this.acm) {
+                this.xm("DefaultBorderWidth", b, this.acm);
             }
         }
         get actualBorderWidth() {
-            return this.acj;
+            return this.ack;
         }
         set actualBorderWidth(a) {
-            let b = this.acj;
-            this.acj = a;
-            if (b != this.acj) {
-                this.xl("ActualBorderWidth", b, this.acj);
+            let b = this.ack;
+            this.ack = a;
+            if (b != this.ack) {
+                this.xm("ActualBorderWidth", b, this.ack);
             }
         }
         get borderWidth() {
-            return this.ack;
+            return this.acl;
         }
         set borderWidth(a) {
-            let b = this.ack;
-            this.ack = a;
-            if (b != this.ack) {
-                this.xl("BorderWidth", b, this.ack);
+            let b = this.acl;
+            this.acl = a;
+            if (b != this.acl) {
+                this.xm("BorderWidth", b, this.acl);
             }
         }
         get notifyOnAllSelectionChanges() {
@@ -16379,37 +16377,37 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.ih;
             this.ih = a;
             if (b != this.ih) {
-                this.xl("NotifyOnAllSelectionChanges", b, this.ih);
+                this.xm("NotifyOnAllSelectionChanges", b, this.ih);
             }
         }
-        get zz() {
+        get z0() {
+            return this.zw;
+        }
+        set z0(a) {
+            let b = this.zw;
+            this.zw = a;
+            if (b != this.zw) {
+                this.xm("DefaultCornerRadius", b, this.zw);
+            }
+        }
+        get cornerRadius() {
             return this.zv;
         }
-        set zz(a) {
+        set cornerRadius(a) {
             let b = this.zv;
             this.zv = a;
             if (b != this.zv) {
-                this.xl("DefaultCornerRadius", b, this.zv);
+                this.xm("CornerRadius", b, this.zv);
             }
         }
-        get cornerRadius() {
+        get actualCornerRadius() {
             return this.zu;
         }
-        set cornerRadius(a) {
+        set actualCornerRadius(a) {
             let b = this.zu;
             this.zu = a;
             if (b != this.zu) {
-                this.xl("CornerRadius", b, this.zu);
-            }
-        }
-        get actualCornerRadius() {
-            return this.zt;
-        }
-        set actualCornerRadius(a) {
-            let b = this.zt;
-            this.zt = a;
-            if (b != this.zt) {
-                this.xl("ActualCornerRadius", b, this.zt);
+                this.xm("ActualCornerRadius", b, this.zu);
             }
         }
         get isActiveCellStyleEnabled() {
@@ -16419,7 +16417,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.ht;
             this.ht = a;
             if (this.ht != b) {
-                this.xl("IsActiveCellStyleEnabled", b, this.ht);
+                this.xm("IsActiveCellStyleEnabled", b, this.ht);
             }
         }
         get stopPropagation() {
@@ -16429,27 +16427,27 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.iv;
             this.iv = a;
             if (b != this.iv) {
-                this.xl("StopPropagation", b, this.iv);
+                this.xm("StopPropagation", b, this.iv);
             }
         }
         get actualBackground() {
-            return this.z0;
+            return this.z1;
         }
         set actualBackground(a) {
-            let b = this.z0;
-            this.z0 = a;
-            if (b != this.z0) {
-                this.xl("ActualBackground", b, this.z0);
+            let b = this.z1;
+            this.z1 = a;
+            if (b != this.z1) {
+                this.xm("ActualBackground", b, this.z1);
             }
         }
         get background() {
-            return this.z2;
+            return this.z3;
         }
         set background(a) {
-            let b = this.z2;
-            this.z2 = a;
-            if (b != this.z2) {
-                this.xl("Background", b, this.z2);
+            let b = this.z3;
+            this.z3 = a;
+            if (b != this.z3) {
+                this.xm("Background", b, this.z3);
             }
         }
         get platformPixelConverter() {
@@ -16463,9 +16461,9 @@ let DataGrid = /*@__PURE__*/ (() => {
         }
         set renderingEngine(a) {
             this.e3 = a;
-            this.xn(this.e3);
+            this.xo(this.e3);
         }
-        xn(a) {
+        xo(a) {
             if (a != null) {
                 a.refresh(this.model, false);
             }
@@ -16605,7 +16603,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             this.gh = a;
             this.iw = true;
             if (b != this.gh) {
-                this.xl("SummaryScope", enumGetBox(SummaryScope_$type, b), enumGetBox(SummaryScope_$type, this.gh));
+                this.xm("SummaryScope", enumGetBox(SummaryScope_$type, b), enumGetBox(SummaryScope_$type, this.gh));
             }
         }
         get isGroupCollapsable() {
@@ -16616,7 +16614,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             this.hz = a;
             this.h0 = true;
             if (b != this.hz) {
-                this.xl("IsGroupCollapsable", b, this.hz);
+                this.xm("IsGroupCollapsable", b, this.hz);
             }
         }
         get groupHeaderDisplayMode() {
@@ -16627,7 +16625,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             this.es = a;
             this.ho = true;
             if (b != this.es) {
-                this.xl("GroupHeaderDisplayMode", enumGetBox(GroupHeaderDisplayMode_$type, b), enumGetBox(GroupHeaderDisplayMode_$type, this.es));
+                this.xm("GroupHeaderDisplayMode", enumGetBox(GroupHeaderDisplayMode_$type, b), enumGetBox(GroupHeaderDisplayMode_$type, this.es));
             }
         }
         get isGroupExpandedDefault() {
@@ -16638,7 +16636,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             this.h1 = a;
             this.h2 = true;
             if (b != this.h1) {
-                this.xl("IsGroupExpandedDefault", b, this.h1);
+                this.xm("IsGroupExpandedDefault", b, this.h1);
             }
         }
         get groupSummaryDisplayMode() {
@@ -16649,7 +16647,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             this.eu = a;
             this.hp = true;
             if (b != this.eu) {
-                this.xl("GroupSummaryDisplayMode", enumGetBox(GroupSummaryDisplayMode_$type, b), enumGetBox(GroupSummaryDisplayMode_$type, this.eu));
+                this.xm("GroupSummaryDisplayMode", enumGetBox(GroupSummaryDisplayMode_$type, b), enumGetBox(GroupSummaryDisplayMode_$type, this.eu));
             }
         }
         get autoAcceptEdits() {
@@ -16658,18 +16656,18 @@ let DataGrid = /*@__PURE__*/ (() => {
         set autoAcceptEdits(a) {
             this.hi = a;
         }
-        xl(a, b, c) {
+        xm(a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new PropertyChangedEventArgs(a));
             }
-            this.x8(a, b, c);
+            this.x9(a, b, c);
             if (this.postPropertyChanged != null) {
                 this.postPropertyChanged(this, new PropertyChangedEventArgs(a));
             }
         }
-        yt() {
+        yu() {
         }
-        yd() {
+        ye() {
             if (this.l2 == 0) {
                 return;
             }
@@ -16685,7 +16683,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             this.renderingEngine.invalidateVisibility(() => this.gk.t(this));
             this.renderingEngine.refresh(this.model, false);
         }
-        ye() {
+        yf() {
             if (this.hs) {
                 this.vg();
             }
@@ -16702,7 +16700,7 @@ let DataGrid = /*@__PURE__*/ (() => {
         vg() {
             if (this.hs) {
                 this.hs = false;
-                this.yd();
+                this.ye();
                 this.invalidateVisibleRows();
             }
         }
@@ -16733,7 +16731,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.x;
             this.x = a;
             if (this.x != b) {
-                this.xl("ActualDataSource", b, this.x);
+                this.xm("ActualDataSource", b, this.x);
             }
         }
         get primaryKey() {
@@ -16743,7 +16741,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.d;
             this.d = a;
             if (this.d != b) {
-                this.xl("PrimaryKey", b, this.d);
+                this.xm("PrimaryKey", b, this.d);
             }
         }
         get actualPrimaryKey() {
@@ -16753,7 +16751,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.a;
             this.a = a;
             if (this.a != b) {
-                this.xl("ActualPrimaryKey", b, this.a);
+                this.xm("ActualPrimaryKey", b, this.a);
             }
         }
         get i1() {
@@ -16762,7 +16760,7 @@ let DataGrid = /*@__PURE__*/ (() => {
         set i1(a) {
             this.he = a;
         }
-        x8(a, b, c) {
+        x9(a, b, c) {
             if (a == "ItemsSource") {
                 if (this.x != null) {
                     let d = this.x;
@@ -16845,7 +16843,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                     this.actualPrimaryKey = this.n();
                     if (this.x.actualSchema != null) {
                         if (this.renderingEngine != null) {
-                            this.x9();
+                            this.ya();
                         }
                         this.delayedExecutionManager.executeIn(() => this.w4(), 0);
                         this.e7.setDataSource(this.x);
@@ -16854,8 +16852,8 @@ let DataGrid = /*@__PURE__*/ (() => {
                     this.jh = true;
                     this.iy = true;
                     this.ix = true;
-                    this.zi(this.selectedItems, this.selectedKeys);
-                    this.zi(this.pinnedItems, this.pinnedKeys);
+                    this.zj(this.selectedItems, this.selectedKeys);
+                    this.zj(this.pinnedItems, this.pinnedKeys);
                     this.f6.a2();
                     this.ji = false;
                     this.jh = false;
@@ -16893,7 +16891,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                                 break;
                         }
                     }
-                    this.zk();
+                    this.zl();
                 }
             }
             if (a == "AutoGenerateColumns") {
@@ -16995,11 +16993,11 @@ let DataGrid = /*@__PURE__*/ (() => {
                 let p = b;
                 let q = c;
                 if (p != null) {
-                    p.definitionPropertyUpdated = delegateRemove(p.definitionPropertyUpdated, runOn(this, this.yx));
+                    p.definitionPropertyUpdated = delegateRemove(p.definitionPropertyUpdated, runOn(this, this.yy));
                     p.grid = null;
                 }
                 if (q != null) {
-                    q.definitionPropertyUpdated = delegateCombine(q.definitionPropertyUpdated, runOn(this, this.yx));
+                    q.definitionPropertyUpdated = delegateCombine(q.definitionPropertyUpdated, runOn(this, this.yy));
                     q.grid = this;
                 }
                 if (this.k8()) {
@@ -17075,27 +17073,27 @@ let DataGrid = /*@__PURE__*/ (() => {
             if (a == "ActualRowHeight" || a == "ActualHeaderHeight" || a == "RowSeparatorHeight" || a == "IsGroupRowSticky" || a == "IsHeaderSeparatorVisible" || a == "ShiftSectionContent" || a == "PinnedAreaSeparatorWidth" || a == "MergedCellMode" || a == "MergedCellEvaluationCriteria") {
                 this.j6 = this.k7();
                 if (this.k8()) {
-                    this.yd();
+                    this.ye();
                 }
             }
             if (a == "DefaultColumnWidth" || a == "DefaultColumnMinWidth" || a == "Inset" || a == "HeaderSeparatorWidth") {
                 if (this.model != null && this.model.b9 != null && this.model.b9.count > 0) {
-                    this.yd();
+                    this.ye();
                 }
             }
             if (a == "SectionHeader") {
                 if (b != null) {
                     let z = typeCast(SectionHeader.$, b);
-                    z.sectionHeaderPropertyUpdating = delegateRemove(z.sectionHeaderPropertyUpdating, runOn(this, this.xu));
+                    z.sectionHeaderPropertyUpdating = delegateRemove(z.sectionHeaderPropertyUpdating, runOn(this, this.xv));
                     z.grid = null;
                 }
                 if (this.sectionHeader != null) {
                     let aa = this.sectionHeader;
-                    aa.sectionHeaderPropertyUpdating = delegateCombine(aa.sectionHeaderPropertyUpdating, runOn(this, this.xu));
+                    aa.sectionHeaderPropertyUpdating = delegateCombine(aa.sectionHeaderPropertyUpdating, runOn(this, this.xv));
                     this.sectionHeader.grid = this;
                 }
                 this.model.b5 = true;
-                this.yd();
+                this.ye();
             }
             if (a == "PinnedAreaSeparator") {
                 if (b != null) {
@@ -17105,7 +17103,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 if (this.pinnedAreaSeparator != null) {
                     this.pinnedAreaSeparator.grid = this;
                 }
-                this.yd();
+                this.ye();
             }
             if (a == "ActiveCell") {
                 this.dh = typeCast(GridCellPosition.$, b);
@@ -17191,7 +17189,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                             break;
                     }
                 }
-                this.yd();
+                this.ye();
             }
             if (a == "Density" || a == "RowHeight") {
                 this.w5();
@@ -17202,10 +17200,10 @@ let DataGrid = /*@__PURE__*/ (() => {
                 this.externalGrid.setScrollerVerticalTrackInset(this.actualHeaderHeight + this.rowSeparatorHeight + af);
             }
             if (a == "DefaultBorderWidth" || a == "BorderWidth") {
-                this.actualBorderWidth = this.acq(this.borderWidth, this.acr);
+                this.actualBorderWidth = this.acr(this.borderWidth, this.acs);
             }
             if (a == "DefaultCornerRadius" || a == "CornerRadius") {
-                this.actualCornerRadius = this.zx(this.cornerRadius, this.zz);
+                this.actualCornerRadius = this.zy(this.cornerRadius, this.z0);
             }
             if (a == "Border" || a == "Theme") {
                 this.actualBorder = this.border != null ? this.border : GridStyleRepository.s(this.theme, 28);
@@ -17217,10 +17215,10 @@ let DataGrid = /*@__PURE__*/ (() => {
                 this.syncBorder();
             }
             if (a == "EditMode") {
-                this.zk();
+                this.zl();
             }
             if (a == "FilterUIType") {
-                this.yd();
+                this.ye();
                 let ag = this.j0() ? this.actualRowHeight + this.rowSeparatorHeight : 0;
                 this.externalGrid.setScrollerVerticalTrackInset(this.actualHeaderHeight + this.rowSeparatorHeight + ag);
             }
@@ -17234,7 +17232,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 this.externalGrid.setBackground(this.actualBackground);
             }
         }
-        zk() {
+        zl() {
             if (this.z != null) {
                 if (this.editMode == 2 || this.editMode == 3) {
                     this.z.isBatchingEnabled = true;
@@ -17244,10 +17242,10 @@ let DataGrid = /*@__PURE__*/ (() => {
                 }
             }
         }
-        zx(a, b) {
+        zy(a, b) {
             return new CornerRadius(1, !isNaN_(a.d) ? a.d : b.d, !isNaN_(a.e) ? a.e : b.e, !isNaN_(a.c) ? a.c : b.c, !isNaN_(a.b) ? a.b : b.b);
         }
-        acq(a, b) {
+        acr(a, b) {
             return new Thickness(1, !isNaN_(a.left) ? a.left : b.left, !isNaN_(a.top) ? a.top : b.top, !isNaN_(a.right) ? a.right : b.right, !isNaN_(a.bottom) ? a.bottom : b.bottom);
         }
         syncBorder() {
@@ -17327,16 +17325,16 @@ let DataGrid = /*@__PURE__*/ (() => {
             }
             this.c6.r(this, null, b.propertyName, b.animationType, b.oldValue, b.newValue, 8);
         }
-        yx(a, b) {
-            this.yy(b.propertyName, b.animationType, b.oldValue, b.newValue, false);
+        yy(a, b) {
+            this.yz(b.propertyName, b.animationType, b.oldValue, b.newValue, false);
         }
         vi(a, b) {
-            this.yy(b.propertyName, b.animationType, b.oldValue, b.newValue, true);
+            this.yz(b.propertyName, b.animationType, b.oldValue, b.newValue, true);
         }
         vj(a, b) {
             this.vk(b.propertyName, b.animationType, b.oldValue, b.newValue);
         }
-        yy(a, b, c, d, e) {
+        yz(a, b, c, d, e) {
             if (b == 10) {
                 return;
             }
@@ -17361,7 +17359,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             this.w4();
         }
         u4(a, b) {
-            this.xo();
+            this.xp();
         }
         rg(a) {
             let b = "";
@@ -17375,7 +17373,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             b += EnumUtil.getName(DataSourceSummaryOperand_$type, a.operand);
             return b;
         }
-        xo() {
+        xp() {
             this.vc();
             if (this.summaryDescriptions.j.count > 0 && this.rootSummariesChanged != null) {
                 this.rootSummariesChanged(this, new DataSourceRootSummariesChangedEventArgs());
@@ -17414,19 +17412,19 @@ let DataGrid = /*@__PURE__*/ (() => {
         w4() {
             this.e7.setDataSource(this.x);
             this.az.d = this.x.actualSchema;
-            this.zl();
+            this.zm();
             this.vc();
             for (let a = 0; a < this.groupDescriptions.j.count; a++) {
-                this.yu(this.groupDescriptions.j.item(a));
+                this.yv(this.groupDescriptions.j.item(a));
             }
             for (let b = 0; b < this.summaryDescriptions.j.count; b++) {
-                this.yv(this.summaryDescriptions.j.item(b));
+                this.yw(this.summaryDescriptions.j.item(b));
             }
             if (this.hs) {
                 this.vg();
             }
             else {
-                this.yd();
+                this.ye();
                 this.invalidateVisibleRows();
             }
         }
@@ -17444,7 +17442,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             this.ml = a;
             this.mk = b;
             this.fp.y(a, b);
-            this.yd();
+            this.ye();
             if (this.sizeChanged != null) {
                 this.sizeChanged(this, ((() => {
                     let $ret = new GridSizeChangedEventArgs();
@@ -17472,7 +17470,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             if (f.x != this.model.actualVisibleRegion.x || f.y != this.model.actualVisibleRegion.y || f.width != this.model.actualVisibleRegion.width || f.height != this.model.actualVisibleRegion.height) {
                 let g = this.model.actualVisibleRegion;
                 this.model.actualVisibleRegion = f;
-                this.ye();
+                this.yf();
                 if (this.viewportChanged != null) {
                     this.viewportChanged(this, ((() => {
                         let $ret = new GridViewportChangedEventArgs();
@@ -17495,14 +17493,14 @@ let DataGrid = /*@__PURE__*/ (() => {
         get columns() {
             return this.dm;
         }
-        xh(a, b, c) {
+        xi(a, b, c) {
             let d = this.cj(a.l);
             a.a2 = true;
             d.en(a, this, b, c);
             a.a2 = false;
             d.ep(a, this, b, c);
         }
-        xg(a, b, c, d) {
+        xh(a, b, c, d) {
             let e = this.cj(a.l);
             if (!Base.equalsStatic(d, a.k8)) {
                 a.k8 = d;
@@ -17561,7 +17559,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 this.externalGrid.removeExternalColumn(b.externalObject);
                 this.wp(a);
             }
-            this.yd();
+            this.ye();
             if (this.jp(a)) {
                 let f = this.model.h(b.lb).a;
                 b.hw = 2;
@@ -17613,7 +17611,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                     this.w0();
                     break;
             }
-            this.yd();
+            this.ye();
             if (!this.ig) {
                 this.ig = true;
                 this.delayedExecutionManager.executeIn(() => {
@@ -17637,7 +17635,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             b.columnCellsPropertyUpdating = delegateRemove(b.columnCellsPropertyUpdating, runOn(this, this.ux));
             b.columnHeaderCellsPropertyUpdating = delegateRemove(b.columnHeaderCellsPropertyUpdating, runOn(this, this.u0));
             this.gc.v(this.d2, a, b, this.model);
-            this.yd();
+            this.ye();
             b.hw = 0;
             this.f6.ag(a, b);
         }
@@ -17653,11 +17651,11 @@ let DataGrid = /*@__PURE__*/ (() => {
             if (this.jn(b) && !b.j1 && b.hw != 3) {
                 let c = b.hw;
                 b.hw = 1;
-                this.yd();
+                this.ye();
                 this.c6.ar(this, this.columnAnimationSettings, this.model.h(b.lb), true, c);
             }
             else {
-                this.yd();
+                this.ye();
             }
             for (let d = 0; d < this.sortDescriptions.j.count; d++) {
                 if (b.mr == this.sortDescriptions.j.item(d).f) {
@@ -17677,7 +17675,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 }
             }
             if (b == "Width" || b == "MinWidth" || b == "Pinned") {
-                this.yd();
+                this.ye();
                 this.uv();
                 if (b == "Width") {
                     this.w1(a, d, e);
@@ -17735,7 +17733,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             }
             this.c6.s(this, f, b, c, d, e, false, false, false, false);
         }
-        xu(a, b, c, d, e) {
+        xv(a, b, c, d, e) {
             if (c == 10) {
                 return;
             }
@@ -17957,7 +17955,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             if (!this.jr(c) && d != 3) {
                 c.hw = 5;
             }
-            this.yd();
+            this.ye();
             if (this.jr(c)) {
                 c.hw = 6;
                 this.c6.al(this, this.columnAnimationSettings, this.model.h(c.lb), d);
@@ -17969,14 +17967,14 @@ let DataGrid = /*@__PURE__*/ (() => {
             switch (b.propertyName) {
                 case "Filter":
                 case "FilterExpression":
-                    this.zl();
+                    this.zm();
                     break;
                 case "IsHidden":
                     if (c.j1) {
                         if (this.jq(c)) {
                             let d = c.hw;
                             c.hw = 2;
-                            this.yd();
+                            this.ye();
                             this.c6.ak(this, this.columnAnimationSettings, this.model.h(c.lb), false, d);
                         }
                         else {
@@ -17985,21 +17983,21 @@ let DataGrid = /*@__PURE__*/ (() => {
                                 this.externalGrid.ensureColumnsAreManual();
                                 this.externalGrid.removeExternalColumn(c.externalObject);
                             }
-                            this.yd();
+                            this.ye();
                         }
                     }
                     else {
                         if (this.jx(c)) {
                             let e = c.hw;
                             c.hw = 1;
-                            this.yd();
+                            this.ye();
                             this.c6.ar(this, this.columnAnimationSettings, this.model.h(c.lb), false, e);
                         }
                         else {
                             c.hw = 5;
                             this.c6.ai(this, this.model.h(c.lb));
                             this.dx.ab();
-                            this.yd();
+                            this.ye();
                         }
                     }
                     if (this.columnHiddenChanged != null) {
@@ -18013,12 +18011,12 @@ let DataGrid = /*@__PURE__*/ (() => {
                     break;
                 case "MergedCellMode":
                     if (this.k8()) {
-                        this.yd();
+                        this.ye();
                     }
                     break;
             }
         }
-        zl() {
+        zm() {
             if (this.actualDataSource == null) {
                 return;
             }
@@ -18317,7 +18315,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             this.nb = f;
             this.viewportManager.moveViewportTo(f, e);
         }
-        y0(a) {
+        y1(a) {
             let b = truncate(a);
             if (b < 0) {
                 b = 0;
@@ -18378,10 +18376,10 @@ let DataGrid = /*@__PURE__*/ (() => {
             }
             this.c6.z(this, a, b, false);
             if (this.e8.getRowCount() != this.model.c5()) {
-                this.yd();
+                this.ye();
             }
             else {
-                this.ye();
+                this.yf();
             }
             this.uv();
         }
@@ -18401,7 +18399,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 if (b < 0) {
                     b = 0;
                 }
-                this.y0(b);
+                this.y1(b);
             }
         }
         n0(a) {
@@ -18424,7 +18422,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let a = this.gc.b(this.model.actualVisibleRegion.bottom - this.model.df, this.model);
             return this.gc.i(this.model, a);
         }
-        x3() {
+        x4() {
             let a = this.getFirstVisibleIndex();
             let b = this.getLastVisibleIndex();
             this.e8.firstVisibleIndexRequested = a;
@@ -18459,12 +18457,12 @@ let DataGrid = /*@__PURE__*/ (() => {
         va() {
             if (this.hf) {
                 this.ji = true;
-                this.zq(this.lp, this.lq, this.lr, this.ls);
+                this.zr(this.lp, this.lq, this.lr, this.ls);
                 this.ji = false;
             }
             this.hf = false;
         }
-        xs(a, b) {
+        xt(a, b) {
             if (a == null) {
                 let c = this.selectedKeys.ae.indexOf(b);
                 if (c > -1 && this.selectedItems.ae.count > 0) {
@@ -18487,7 +18485,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             }
             this.ji = false;
         }
-        xt(a, b) {
+        xu(a, b) {
             if (a == null) {
                 let c = this.selectedKeys.ae.indexOf(b);
                 if (c > -1 && this.selectedItems.ae.count > 0) {
@@ -18499,20 +18497,20 @@ let DataGrid = /*@__PURE__*/ (() => {
             }
             this.ji = true;
             if (!this.hf) {
-                this.yr(a, b, true);
+                this.ys(a, b, true);
             }
             else {
                 this.lr.add1(a);
                 this.ls.add(b);
                 if (this.hg) {
-                    this.yr(a, b, false);
+                    this.ys(a, b, false);
                 }
             }
             this.ji = false;
         }
-        xz(a, b, c) {
+        x0(a, b, c) {
             this.ji = true;
-            this.zp(a, b, c);
+            this.zq(a, b, c);
             this.ji = false;
         }
         v6(a, b, c) {
@@ -18628,7 +18626,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 }
                 let i = Math.min(this.nm, e);
                 let j = Math.max(this.nm, e);
-                this.y9(i, j);
+                this.za(i, j);
             }
             else if (this.selectionMode == 5 && a) {
                 if (this.nm == -1) {
@@ -18642,7 +18640,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 k.k = Math.min(this.nl, this.model.b9._inner[f].n);
                 k.j = Math.max(this.nm, e);
                 k.i = Math.max(this.nl, this.model.b9._inner[f].n);
-                this.y4(k);
+                this.y5(k);
             }
             else {
                 this.nm = -1;
@@ -18651,7 +18649,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 this.lt.clear();
                 this.lu.clear();
             }
-            this.x0();
+            this.x1();
             return true;
         }
         kp(a, b) {
@@ -18797,7 +18795,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             else if (b >= this.n8()) {
                 b = this.gc.j(b, this.model);
                 if (this.model.b9._inner[b].d == 0) {
-                    this.y0(b);
+                    this.y1(b);
                 }
             }
             if (!d) {
@@ -18900,8 +18898,8 @@ let DataGrid = /*@__PURE__*/ (() => {
                 j.j = Math.max(this.nm, e);
                 j.i = Math.max(this.nl, h);
                 this.io = false;
-                this.y4(j);
-                this.x0();
+                this.y5(j);
+                this.x1();
             }
             else {
                 this.nl = -1;
@@ -19013,8 +19011,8 @@ let DataGrid = /*@__PURE__*/ (() => {
                 j.j = Math.max(this.nm, e);
                 j.i = Math.max(this.nl, h);
                 this.io = false;
-                this.y4(j);
-                this.x0();
+                this.y5(j);
+                this.x1();
             }
             else {
                 this.nl = -1;
@@ -19022,9 +19020,47 @@ let DataGrid = /*@__PURE__*/ (() => {
             }
             return true;
         }
+        xf(a, b) {
+            if (!b) {
+                return;
+            }
+            if (this.activationMode == 0) {
+                return;
+            }
+            if (this.activeCell != null) {
+                return;
+            }
+            if (this.e8 == null || this.e8.getRowCount() == 0 || this.actualColumns.count == 0) {
+                return;
+            }
+            let c;
+            let d;
+            if (a) {
+                c = this.e8.getRowCount() - 1;
+                d = this.n6(true);
+            }
+            else {
+                c = 0;
+                d = this.n1(true);
+            }
+            let e = this.actualColumns._inner[d];
+            this.activeCell = ((() => {
+                let $ret = new GridCellPosition();
+                $ret.b = c;
+                $ret.d = e.mw();
+                return $ret;
+            })());
+            this.us(c, this.model.b9._inner[d].n, false);
+        }
         k0(a, b) {
             if (this.activationMode == 0 || this.activeCell == null) {
-                return false;
+                if (a) {
+                    this.externalGrid.moveFocusPrevious();
+                }
+                else {
+                    this.externalGrid.moveFocusNext();
+                }
+                return true;
             }
             let c = this.ae.s();
             let d = this.model.b9._inner[c].n;
@@ -19062,7 +19098,9 @@ let DataGrid = /*@__PURE__*/ (() => {
                             p = this.actualColumns._inner[o];
                         }
                         else {
-                            return false;
+                            this.activeCell = null;
+                            this.externalGrid.moveFocusPrevious();
+                            return true;
                         }
                     }
                     d = this.model.b9._inner[o].n;
@@ -19095,7 +19133,9 @@ let DataGrid = /*@__PURE__*/ (() => {
                             l = j != 1 && j != 2 && j != 4 && j != 5;
                         }
                         else {
-                            return false;
+                            this.activeCell = null;
+                            this.externalGrid.moveFocusNext();
+                            return true;
                         }
                     }
                     d = this.model.b9._inner[s].n;
@@ -19136,7 +19176,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             }
             return true;
         }
-        x4() {
+        x5() {
         }
         k1(a, b) {
             if (this.ck.j) {
@@ -19188,7 +19228,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 }
                 let i = Math.min(this.nm, e);
                 let j = Math.max(this.nm, e);
-                this.y9(i, j);
+                this.za(i, j);
             }
             else if (this.selectionMode == 5 && a) {
                 if (this.nm == -1) {
@@ -19202,7 +19242,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 k.k = Math.min(this.nl, this.model.b9._inner[f].n);
                 k.j = Math.max(this.nm, e);
                 k.i = Math.max(this.nl, this.model.b9._inner[f].n);
-                this.y4(k);
+                this.y5(k);
             }
             else {
                 this.nm = -1;
@@ -19211,7 +19251,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 this.lt.clear();
                 this.lu.clear();
             }
-            this.x0();
+            this.x1();
             return true;
         }
         kq(a, b) {
@@ -19240,7 +19280,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 if (this.activationMode != 0 && this.activeCell != null) {
                     let c = this.e8.getRowType(this.activeCell.b);
                     if (c == 1) {
-                        this.zn(this.activeCell.b);
+                        this.zo(this.activeCell.b);
                     }
                     else if (this.jy() && this.enterBehavior == 1 && (c == 0 || c == 3)) {
                         let d = this.ae.s();
@@ -19391,7 +19431,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let f = this.ck.o;
             let g = this.ck.s;
             if (b) {
-                this.xq(f, g);
+                this.xr(f, g);
             }
             this.wc(e, f, g);
             return true;
@@ -19420,7 +19460,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.ck.o;
             let c = this.ck.s;
             this.ck.w();
-            this.xp(b, c);
+            this.xq(b, c);
             if (a) {
                 if (this.autoAcceptEdits) {
                     if (this.canCommit) {
@@ -19468,13 +19508,13 @@ let DataGrid = /*@__PURE__*/ (() => {
             }
             this.ji = false;
         }
-        x0() {
+        x1() {
             if (this.io && this.selectionChanged != null) {
                 this.selectionChanged(this, new GridSelectionChangedEventArgs());
                 this.io = false;
             }
         }
-        zq(a, b, c, d) {
+        zr(a, b, c, d) {
             if (a.count == 0 && b.count == 0 && c.count == 0 && d.count == 0) {
                 return;
             }
@@ -19504,8 +19544,8 @@ let DataGrid = /*@__PURE__*/ (() => {
                 }
             }
             this.notifyOnAllSelectionChanges = e;
-            this.xv(c, a);
-            this.xy(d, b);
+            this.xw(c, a);
+            this.xz(d, b);
         }
         up(a, b) {
             let c = this.notifyOnAllSelectionChanges;
@@ -19516,8 +19556,8 @@ let DataGrid = /*@__PURE__*/ (() => {
                 this.io = true;
             }
             this.notifyOnAllSelectionChanges = c;
-            this.xv(null, a);
-            this.xy(null, b);
+            this.xw(null, a);
+            this.xz(null, b);
         }
         uq(a, b, c) {
             let d = this.notifyOnAllSelectionChanges;
@@ -19528,11 +19568,11 @@ let DataGrid = /*@__PURE__*/ (() => {
             }
             this.notifyOnAllSelectionChanges = d;
             if (c) {
-                this.xw(null, a);
-                this.xx(null, b);
+                this.xx(null, a);
+                this.xy(null, b);
             }
         }
-        zp(a, b, c) {
+        zq(a, b, c) {
             let d = this.notifyOnAllSelectionChanges;
             this.notifyOnAllSelectionChanges = false;
             let e = this.selectedItems.ae._inner[a];
@@ -19540,9 +19580,9 @@ let DataGrid = /*@__PURE__*/ (() => {
                 this.selectedItems.ae._inner[a] = b;
             }
             this.notifyOnAllSelectionChanges = d;
-            this.xw(b, b);
+            this.xx(b, b);
         }
-        yq(a, b) {
+        yr(a, b) {
             let c = this.notifyOnAllSelectionChanges;
             this.notifyOnAllSelectionChanges = false;
             if (!this.iy) {
@@ -19552,10 +19592,10 @@ let DataGrid = /*@__PURE__*/ (() => {
                 }
             }
             this.notifyOnAllSelectionChanges = c;
-            this.xv(a, null);
-            this.xy(b, null);
+            this.xw(a, null);
+            this.xz(b, null);
         }
-        yr(a, b, c) {
+        ys(a, b, c) {
             let d = this.notifyOnAllSelectionChanges;
             this.notifyOnAllSelectionChanges = false;
             if (!this.iy) {
@@ -19564,11 +19604,11 @@ let DataGrid = /*@__PURE__*/ (() => {
             }
             this.notifyOnAllSelectionChanges = d;
             if (c) {
-                this.xw(a, null);
-                this.xx(b, null);
+                this.xx(a, null);
+                this.xy(b, null);
             }
         }
-        xw(a, b) {
+        xx(a, b) {
             if (!this.lk && this.selectedItemsChanged != null) {
                 let c = new GridSelectedItemsChangedEventArgs();
                 c.currentItems = this.selectedItems;
@@ -19585,7 +19625,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 this.selectedItemsChanged(this, c);
             }
         }
-        xx(a, b) {
+        xy(a, b) {
             if (!this.lk && this.selectedKeysChanged != null) {
                 let c = new GridSelectedKeysChangedEventArgs();
                 c.currentKeys = this.selectedKeys;
@@ -19602,7 +19642,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 this.selectedKeysChanged(this, c);
             }
         }
-        xv(a, b) {
+        xw(a, b) {
             if (!this.lk && this.selectedItemsChanged != null) {
                 let c = new GridSelectedItemsChangedEventArgs();
                 c.currentItems = this.selectedItems;
@@ -19617,7 +19657,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 this.selectedItemsChanged(this, c);
             }
         }
-        xy(a, b) {
+        xz(a, b) {
             if (!this.lk && this.selectedKeysChanged != null) {
                 let c = new GridSelectedKeysChangedEventArgs();
                 c.currentKeys = this.selectedKeys;
@@ -19656,7 +19696,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 this.selectedCellRangesChanged(this, b);
             }
         }
-        yn(a) {
+        yo(a) {
             if (this.selectedCellRanges.contains(a)) {
                 this.selectedCellRanges.remove(a);
                 if (this.selectedCellRangesChanged != null) {
@@ -19671,7 +19711,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 }
             }
         }
-        ym() {
+        yn() {
             if (this.selectedCellRanges.count > 0) {
                 let a = new GridSelectedCellRangesCollection();
                 for (let b = 0; b < this.selectedCellRanges.count; b++) {
@@ -19700,7 +19740,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 }
             }
         }
-        x1(a, b, c) {
+        x2(a, b, c) {
             this.vn(a);
             if (b != c) {
                 this.f6.aj(a);
@@ -19716,18 +19756,18 @@ let DataGrid = /*@__PURE__*/ (() => {
                 this.m6 = -1;
             }
             this.f6.ad();
-            this.xo();
-            this.yd();
+            this.xp();
+            this.ye();
             this.invalidateVisibleRows();
         }
-        yw(a, b) {
+        yx(a, b) {
             let c = this.lv(a, b);
             for (let d = 0; d < c.count; d++) {
                 let e = c._inner[d];
-                this.yl(e);
+                this.ym(e);
             }
         }
-        ys(a, b) {
+        yt(a, b) {
             let c = this.lv(a, b);
             for (let d = 0; d < c.count; d++) {
                 let e = c._inner[d];
@@ -19784,7 +19824,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             }
             return false;
         }
-        yl(a) {
+        ym(a) {
             let b = a.ah + "@@@" + EnumUtil.getName(DataSourceSummaryOperand_$type, a.i);
             if (!this.ln.containsKey(b)) {
                 this.ln.item(b, 0);
@@ -19861,7 +19901,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             }
             this.c6.z(this, a, b, true);
             this.model.b5 = true;
-            this.ye();
+            this.yf();
         }
         n3() {
             return this.gc.o(this.model.actualVisibleRegion.left + this.model.cz, this, this.model);
@@ -19874,7 +19914,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let d = this.gc.i(this.model, b);
             this.vo(c, d);
         }
-        x9() {
+        ya() {
             if (!this.hs) {
                 this.hs = true;
                 this.gk.ah();
@@ -19884,14 +19924,14 @@ let DataGrid = /*@__PURE__*/ (() => {
                 }
             }
         }
-        xf(a, b) {
+        xg(a, b) {
             let c = this.e8.getRowPathForRow(a);
             this.dx.ae(c);
             this.f6.ah(this.gc.i(this.model, c));
             this.ae.ai(this.gc.i(this.model, c));
-            this.x9();
+            this.ya();
         }
-        xm(a, b) {
+        xn(a, b) {
             let c = this.e8.getRowPathForRow(a);
             this.dx.af(c);
             this.f6.ai(this.gc.i(this.model, c), b);
@@ -19924,16 +19964,16 @@ let DataGrid = /*@__PURE__*/ (() => {
                     }
                 }
             }
-            this.x9();
+            this.ya();
         }
         setActiveResponsiveState(a) {
             for (let b = 0; b < this.fp.g.count; b++) {
                 if (this.fp.g._inner[b].n == a) {
-                    this.zb(this.fp.g._inner[b]);
+                    this.zc(this.fp.g._inner[b]);
                 }
             }
         }
-        zb(a) {
+        zc(a) {
             this.fp.x(a);
         }
         notifySetItem(a, b, c) {
@@ -20042,7 +20082,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.il;
             this.il = a;
             if (b != this.il) {
-                this.xl("ReactsToSortChanges", b, this.il);
+                this.xm("ReactsToSortChanges", b, this.il);
             }
         }
         get reactsToGroupChanges() {
@@ -20052,7 +20092,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.ik;
             this.ik = a;
             if (b != this.ik) {
-                this.xl("ReactsToGroupChanges", b, this.ik);
+                this.xm("ReactsToGroupChanges", b, this.ik);
             }
         }
         get reactsToFilterChanges() {
@@ -20062,7 +20102,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.ij;
             this.ij = a;
             if (b != this.ij) {
-                this.xl("ReactsToFilterChanges", b, this.ij);
+                this.xm("ReactsToFilterChanges", b, this.ij);
             }
         }
         aa(a) {
@@ -20132,12 +20172,12 @@ let DataGrid = /*@__PURE__*/ (() => {
                         let n = this.z.isPendingTransaction(k);
                         if (n && this.autoAcceptEdits) {
                             this.acceptEdit(k);
-                            this.zr(f, j, h);
+                            this.zs(f, j, h);
                         }
                     }
                     else {
                         this.acceptEdit(k);
-                        this.zr(f, j, h);
+                        this.zs(f, j, h);
                     }
                     this.ii = false;
                 }
@@ -20153,7 +20193,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             }
             return true;
         }
-        zr(a, b, c) {
+        zs(a, b, c) {
             if (this.actualPrimaryKey != null) {
                 let d = false;
                 let e = -1;
@@ -20247,7 +20287,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 })()));
             }
         }
-        xq(a, b) {
+        xr(a, b) {
             if (this.rowEditStarted != null) {
                 this.rowEditStarted(this, ((() => {
                     let $ret = new GridRowEditStartedEventArgs();
@@ -20257,7 +20297,7 @@ let DataGrid = /*@__PURE__*/ (() => {
                 })()));
             }
         }
-        xp(a, b) {
+        xq(a, b) {
             if (this.rowEditEnded != null) {
                 this.rowEditEnded(this, ((() => {
                     let $ret = new GridRowEditEndedEventArgs();
@@ -20401,7 +20441,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.ct;
             this.ct = a;
             if (b != this.ct) {
-                this.xl("EnterBehavior", enumGetBox(EnterKeyBehaviors_$type, b), enumGetBox(EnterKeyBehaviors_$type, this.ct));
+                this.xm("EnterBehavior", enumGetBox(EnterKeyBehaviors_$type, b), enumGetBox(EnterKeyBehaviors_$type, this.ct));
             }
         }
         get enterBehaviorAfterEdit() {
@@ -20411,7 +20451,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.cr;
             this.cr = a;
             if (b != this.cr) {
-                this.xl("EnterBehaviorAfterEdit", enumGetBox(EnterKeyBehaviorAfterEdit_$type, b), enumGetBox(EnterKeyBehaviorAfterEdit_$type, this.cr));
+                this.xm("EnterBehaviorAfterEdit", enumGetBox(EnterKeyBehaviorAfterEdit_$type, b), enumGetBox(EnterKeyBehaviorAfterEdit_$type, this.cr));
             }
         }
         selectAllRows() {
@@ -20435,8 +20475,8 @@ let DataGrid = /*@__PURE__*/ (() => {
                     this.f6.a2();
                     this.lk = false;
                     this.ji = false;
-                    this.xv(a, null);
-                    this.xy(b, null);
+                    this.xw(a, null);
+                    this.xz(b, null);
                     this.f6.as(-1);
                 }
             }
@@ -20506,7 +20546,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.hw;
             this.hw = a;
             if (b != this.hw) {
-                this.xl("IsColumnOptionsSummariesEnabled", b, this.hw);
+                this.xm("IsColumnOptionsSummariesEnabled", b, this.hw);
             }
         }
         get isColumnOptionsGroupingEnabled() {
@@ -20516,7 +20556,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.hv;
             this.hv = a;
             if (b != this.hv) {
-                this.xl("IsColumnOptionsGroupingEnabled", b, this.hv);
+                this.xm("IsColumnOptionsGroupingEnabled", b, this.hv);
             }
         }
         get mergedCellMode() {
@@ -20526,7 +20566,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.fj;
             this.fj = a;
             if (b != this.fj) {
-                this.xl("MergedCellMode", enumGetBox(MergedCellMode_$type, b), enumGetBox(MergedCellMode_$type, this.fj));
+                this.xm("MergedCellMode", enumGetBox(MergedCellMode_$type, b), enumGetBox(MergedCellMode_$type, this.fj));
             }
         }
         get mergedCellEvaluationCriteria() {
@@ -20536,7 +20576,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.fh;
             this.fh = a;
             if (b != this.fh) {
-                this.xl("MergedCellEvaluationCriteria", enumGetBox(MergedCellEvaluationCriteria_$type, b), enumGetBox(MergedCellEvaluationCriteria_$type, this.fh));
+                this.xm("MergedCellEvaluationCriteria", enumGetBox(MergedCellEvaluationCriteria_$type, b), enumGetBox(MergedCellEvaluationCriteria_$type, this.fh));
             }
         }
         get mergedCellVerticalAlignment() {
@@ -20546,7 +20586,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.af;
             this.af = a;
             if (this.af != b) {
-                this.xl("MergedCellVerticalAlignment", enumGetBox(CellContentVerticalAlignment_$type, b), enumGetBox(CellContentVerticalAlignment_$type, this.af));
+                this.xm("MergedCellVerticalAlignment", enumGetBox(CellContentVerticalAlignment_$type, b), enumGetBox(CellContentVerticalAlignment_$type, this.af));
             }
         }
         saveLayout() {
@@ -21007,7 +21047,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.c0;
             this.c0 = a;
             if (b != this.c0) {
-                this.xl("FilterUIType", enumGetBox(FilterUIType_$type, b), enumGetBox(FilterUIType_$type, this.c0));
+                this.xm("FilterUIType", enumGetBox(FilterUIType_$type, b), enumGetBox(FilterUIType_$type, this.c0));
             }
         }
         get filterLogicalOperator() {
@@ -21017,7 +21057,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.cx;
             this.cx = a;
             if (b != this.cx) {
-                this.xl("FilterLogicalOperator", enumGetBox(FilterLogicalOperator_$type, b), enumGetBox(FilterLogicalOperator_$type, this.cx));
+                this.xm("FilterLogicalOperator", enumGetBox(FilterLogicalOperator_$type, b), enumGetBox(FilterLogicalOperator_$type, this.cx));
             }
         }
         get filterComparisonType() {
@@ -21027,7 +21067,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.cv;
             this.cv = a;
             if (b != this.cv) {
-                this.xl("FilterComparisonType", enumGetBox(FilterComparisonType_$type, b), enumGetBox(FilterComparisonType_$type, this.cv));
+                this.xm("FilterComparisonType", enumGetBox(FilterComparisonType_$type, b), enumGetBox(FilterComparisonType_$type, this.cv));
             }
         }
         j0() {
@@ -21047,7 +21087,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.hk;
             this.hk = a;
             if (b != this.hk) {
-                this.xl("ClearSelectionOnEscape", b, this.hk);
+                this.xm("ClearSelectionOnEscape", b, this.hk);
             }
         }
         w2(a, b, c) {
@@ -21080,7 +21120,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.h6;
             this.h6 = a;
             if (b != this.h6) {
-                this.xl("IsPagerVisible", b, this.h6);
+                this.xm("IsPagerVisible", b, this.h6);
             }
         }
         get pageSize() {
@@ -21090,7 +21130,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.m9;
             this.m9 = a;
             if (b != this.m9) {
-                this.xl("PageSize", b, this.m9);
+                this.xm("PageSize", b, this.m9);
             }
         }
         get isToolbarVisible() {
@@ -21100,7 +21140,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.ib;
             this.ib = a;
             if (b != this.ib) {
-                this.xl("IsToolbarVisible", b, this.ib);
+                this.xm("IsToolbarVisible", b, this.ib);
             }
         }
         get isToolbarColumnChooserVisible() {
@@ -21110,7 +21150,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.h9;
             this.h9 = a;
             if (b != this.h9) {
-                this.xl("IsToolbarColumnChooserVisible", b, this.h9);
+                this.xm("IsToolbarColumnChooserVisible", b, this.h9);
             }
         }
         get isToolbarColumnPinningVisible() {
@@ -21120,7 +21160,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.ia;
             this.ia = a;
             if (b != this.ia) {
-                this.xl("IsToolbarColumnPinningVisible", b, this.ia);
+                this.xm("IsToolbarColumnPinningVisible", b, this.ia);
             }
         }
         get toolbarTitle() {
@@ -21130,7 +21170,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.pd;
             this.pd = a;
             if (b != this.pd) {
-                this.xl("ToolbarTitle", b, this.pd);
+                this.xm("ToolbarTitle", b, this.pd);
             }
         }
         get toolbarColumnChooserText() {
@@ -21140,7 +21180,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.o9;
             this.o9 = a;
             if (b != this.o9) {
-                this.xl("ToolbarColumnChooserText", b, this.o9);
+                this.xm("ToolbarColumnChooserText", b, this.o9);
             }
         }
         get toolbarColumnChooserTitle() {
@@ -21150,7 +21190,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.pa;
             this.pa = a;
             if (b != this.pa) {
-                this.xl("ToolbarColumnChooserTitle", b, this.pa);
+                this.xm("ToolbarColumnChooserTitle", b, this.pa);
             }
         }
         get toolbarColumnPinningText() {
@@ -21160,7 +21200,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.pb;
             this.pb = a;
             if (b != this.pb) {
-                this.xl("ToolbarColumnPinningText", b, this.pb);
+                this.xm("ToolbarColumnPinningText", b, this.pb);
             }
         }
         get toolbarColumnPinningTitle() {
@@ -21170,7 +21210,7 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.pc;
             this.pc = a;
             if (b != this.pc) {
-                this.xl("ToolbarColumnPinningTitle", b, this.pc);
+                this.xm("ToolbarColumnPinningTitle", b, this.pc);
             }
         }
         get scrollbarStyle() {
@@ -21180,77 +21220,77 @@ let DataGrid = /*@__PURE__*/ (() => {
             let b = this.gn;
             this.gn = a;
             if (b != this.gn) {
-                this.xl("ScrollbarStyle", enumGetBox(ScrollbarStyle_$type, b), enumGetBox(ScrollbarStyle_$type, this.gn));
+                this.xm("ScrollbarStyle", enumGetBox(ScrollbarStyle_$type, b), enumGetBox(ScrollbarStyle_$type, this.gn));
             }
         }
         get scrollbarBackground() {
-            return this.aav;
+            return this.aaw;
         }
         set scrollbarBackground(a) {
-            let b = this.aav;
-            this.aav = a;
-            if (b != this.aav) {
-                this.xl("ScrollbarBackground", b, this.aav);
+            let b = this.aaw;
+            this.aaw = a;
+            if (b != this.aaw) {
+                this.xm("ScrollbarBackground", b, this.aaw);
             }
         }
         get columnOptionsBackground() {
-            return this.z9;
+            return this.aaa;
         }
         set columnOptionsBackground(a) {
-            let b = this.z9;
-            this.z9 = a;
-            if (b != this.z9) {
-                this.xl("ColumnOptionsBackground", b, this.z9);
+            let b = this.aaa;
+            this.aaa = a;
+            if (b != this.aaa) {
+                this.xm("ColumnOptionsBackground", b, this.aaa);
             }
         }
         get columnOptionsTextColor() {
-            return this.aae;
+            return this.aaf;
         }
         set columnOptionsTextColor(a) {
-            let b = this.aae;
-            this.aae = a;
-            if (b != this.aae) {
-                this.xl("ColumnOptionsTextColor", b, this.aae);
+            let b = this.aaf;
+            this.aaf = a;
+            if (b != this.aaf) {
+                this.xm("ColumnOptionsTextColor", b, this.aaf);
             }
         }
         get columnOptionsSeparatorColor() {
-            return this.aad;
+            return this.aae;
         }
         set columnOptionsSeparatorColor(a) {
-            let b = this.aad;
-            this.aad = a;
-            if (b != this.aad) {
-                this.xl("ColumnOptionsSeparatorColor", b, this.aad);
+            let b = this.aae;
+            this.aae = a;
+            if (b != this.aae) {
+                this.xm("ColumnOptionsSeparatorColor", b, this.aae);
             }
         }
         get columnOptionsGroupHeaderBackground() {
-            return this.aaa;
+            return this.aab;
         }
         set columnOptionsGroupHeaderBackground(a) {
-            let b = this.aaa;
-            this.aaa = a;
-            if (b != this.aaa) {
-                this.xl("ColumnOptionsGroupHeaderBackground", b, this.aaa);
+            let b = this.aab;
+            this.aab = a;
+            if (b != this.aab) {
+                this.xm("ColumnOptionsGroupHeaderBackground", b, this.aab);
             }
         }
         get columnOptionsGroupHeaderTextColor() {
-            return this.aab;
+            return this.aac;
         }
         set columnOptionsGroupHeaderTextColor(a) {
-            let b = this.aab;
-            this.aab = a;
-            if (b != this.aab) {
-                this.xl("ColumnOptionsGroupHeaderTextColor", b, this.aab);
+            let b = this.aac;
+            this.aac = a;
+            if (b != this.aac) {
+                this.xm("ColumnOptionsGroupHeaderTextColor", b, this.aac);
             }
         }
         get columnOptionsAccentColor() {
-            return this.z8;
+            return this.z9;
         }
         set columnOptionsAccentColor(a) {
-            let b = this.z8;
-            this.z8 = a;
-            if (b != this.z8) {
-                this.xl("ColumnOptionsAccentColor", b, this.z8);
+            let b = this.z9;
+            this.z9 = a;
+            if (b != this.z9) {
+                this.xm("ColumnOptionsAccentColor", b, this.z9);
             }
         }
         get allowCopyOperation() {
@@ -21598,7 +21638,7 @@ let GridAnimationManager = /*@__PURE__*/ (() => {
                 i.hw = 5;
                 c.a = 5;
                 a.model.b2 = false;
-                a.yd();
+                a.ye();
                 a.wz(i);
                 this.w(f);
             });
@@ -21906,7 +21946,7 @@ let GridAnimationManager = /*@__PURE__*/ (() => {
                     f.hw = 5;
                     c.a = 5;
                     a.model.b2 = false;
-                    a.yd();
+                    a.ye();
                     if (this.k.containsKey(c.o)) {
                         let s = this.k.item(c.o);
                         if (s.count == 0) {
@@ -21937,7 +21977,7 @@ let GridAnimationManager = /*@__PURE__*/ (() => {
                     b.a = 3;
                     a.columns.remove(g);
                     a.model.b2 = false;
-                    a.yd();
+                    a.ye();
                 });
                 n.effectsCanceled = delegateCombine(n.effectsCanceled, (o, p) => a.model.b2 = false);
                 let o = a.model.h(b.o);
@@ -22392,7 +22432,7 @@ let GridAnimationManager = /*@__PURE__*/ (() => {
                     a.model.dk(n._inner[o]);
                 }
                 h.hw = 5;
-                a.yd();
+                a.ye();
                 a.wv(h);
                 this.w(e);
             });
@@ -22646,7 +22686,7 @@ let GridAnimationManager = /*@__PURE__*/ (() => {
                     a.externalGrid.removeExternalColumn(i.externalObject);
                 }
                 a.model.b2 = false;
-                a.yd();
+                a.ye();
                 a.wr(i);
                 this.w(f);
             });
@@ -23200,7 +23240,7 @@ let GridAnimationManager = /*@__PURE__*/ (() => {
                         if (l.bq(n)) {
                             let o = a.e8.resolveValueForPath(a, l.l);
                             let p = a.rh(l.l, a, o, m);
-                            a.xg(l, o, a.e8.resolveRow(m), p);
+                            a.xh(l, o, a.e8.resolveRow(m), p);
                         }
                     }
                     return l.kx;
@@ -23243,7 +23283,7 @@ let GridAnimationManager = /*@__PURE__*/ (() => {
                 k.g = 0;
                 k.h = 0;
                 k.j = 0;
-                a.yd();
+                a.ye();
                 return k.g;
             };
             a.dx.u(b, h);
@@ -23320,7 +23360,7 @@ let GridAnimationManager = /*@__PURE__*/ (() => {
                         }
                         if (p.bq(a.e8.getRowType(p.l.x))) {
                             let t = a.rh(p.l, a, r, q);
-                            a.xg(p, r, a.e8.resolveRow(q), t);
+                            a.xh(p, r, a.e8.resolveRow(q), t);
                         }
                         if (s) {
                             p.c7 = 1;
@@ -23328,7 +23368,7 @@ let GridAnimationManager = /*@__PURE__*/ (() => {
                     }
                     else if (p.l.am) {
                         let u = a.rh(p.l, a, null, -1);
-                        a.xg(p, null, null, u);
+                        a.xh(p, null, null, u);
                     }
                     return p.c7;
                 };
@@ -23396,7 +23436,7 @@ let GridAnimationManager = /*@__PURE__*/ (() => {
                     }
                     if (o.bq(a.e8.getRowType(o.l.x))) {
                         let s = a.rh(o.l, a, q, p);
-                        a.xg(o, q, a.e8.resolveRow(p), s);
+                        a.xh(o, q, a.e8.resolveRow(p), s);
                     }
                     if (r) {
                         o.c7 = 1;
@@ -23404,7 +23444,7 @@ let GridAnimationManager = /*@__PURE__*/ (() => {
                 }
                 else if (o.l.am) {
                     let t = a.rh(o.l, a, null, -1);
-                    a.xg(o, null, null, t);
+                    a.xh(o, null, null, t);
                 }
                 return o.c7;
             };
@@ -24404,7 +24444,7 @@ let DefinitionBase = /*@__PURE__*/ (() => {
                 }
             }
             if (c) {
-                this.grid.x9();
+                this.grid.ya();
             }
         }
         fe() {
@@ -26525,7 +26565,7 @@ let DataGridColumn = /*@__PURE__*/ (() => {
         e2(a) {
             super.e2(a);
             if (this.grid != null) {
-                this.grid.ys(a, this);
+                this.grid.yt(a, this);
             }
         }
         ct() {
@@ -29014,7 +29054,7 @@ let SelectionManager = /*@__PURE__*/ (() => {
                 if (f >= 0) {
                     if (this.a.selectedItems.ae._inner[f] == null) {
                         let g = this.a.e8.resolveValueForRow(a.l);
-                        this.a.xz(f, g, c);
+                        this.a.x0(f, g, c);
                     }
                 }
             }
@@ -29221,7 +29261,7 @@ let SelectionManager = /*@__PURE__*/ (() => {
                 }
             }
             if (d) {
-                this.a.xs(c, a);
+                this.a.xt(c, a);
             }
         }
         az(a, b, c, d) {
@@ -29241,7 +29281,7 @@ let SelectionManager = /*@__PURE__*/ (() => {
                 }
             }
             if (d) {
-                this.a.xt(c, a);
+                this.a.xu(c, a);
             }
         }
         ay(a, b, c) {
@@ -34033,7 +34073,7 @@ let SectionHeader = /*@__PURE__*/ (() => {
                         }
                     }
                     if (!o.o) {
-                        b.yu(o);
+                        b.yv(o);
                     }
                     if (k > 0) {
                         g += ", ";
@@ -36470,7 +36510,7 @@ let GridLayerController = /*@__PURE__*/ (() => {
                 j.a6 = p;
                 j.be = q;
                 j.ge = b.n5(j.l);
-                b.xh(j, k, b.e8.resolveRow(m));
+                b.xi(j, k, b.e8.resolveRow(m));
                 if (l) {
                     j.c7 = 1;
                 }
@@ -36663,7 +36703,7 @@ let VisibilityEngine = /*@__PURE__*/ (() => {
             b.db = f.m;
             b.c9 = f.l;
             b.dc = f.n;
-            a.x3();
+            a.x4();
             this.d = f.b;
             this.c = f.a;
             let j = a.d2;
@@ -48073,7 +48113,7 @@ let NativeUIGridFactory = /*@__PURE__*/ (() => {
             return NativeUIGridFactory.a;
         }
         static register() {
-            NativeUIComponent.as(NativeUIGridFactory.instance);
+            NativeUIComponent.at(NativeUIGridFactory.instance);
         }
         get flavor() {
             return this.c;
@@ -48106,7 +48146,7 @@ let NativeUIGridFactory = /*@__PURE__*/ (() => {
                 let f = (comp_.i);
                 let g = new CheckboxListBridge(f);
                 let h = new NativeUICheckboxList();
-                h.an = d;
+                h.ao = d;
                 h.d = g;
                 b(h);
             }, false);
@@ -50353,6 +50393,12 @@ let GridExternalWrapper = /*@__PURE__*/ (() => {
             let grid_ = this.a;
             grid_._ensureColumnsAreManual();
         }
+        moveFocusPrevious() {
+            this.a._moveFocusPrevious();
+        }
+        moveFocusNext() {
+            this.a._moveFocusNext();
+        }
     }
     GridExternalWrapper.$t = /*@__PURE__*/ markType(GridExternalWrapper, 'GridExternalWrapper', Base.$, [IExternalGrid_$type]);
     return GridExternalWrapper;
@@ -56007,7 +56053,7 @@ let ComparisonOperatorSelectorView = /*@__PURE__*/ (() => {
         }
         onDocumentKeyDown(a) {
             let b = a;
-            if (BaseDOMEventProxy.c1(b) == 8) {
+            if (BaseDOMEventProxy.c4(b) == 8) {
                 this.a.d8();
             }
         }
@@ -57976,7 +58022,7 @@ let GridFilterDialogView = /*@__PURE__*/ (() => {
         }
         r(a) {
             let b = a;
-            this.m.append(b.an);
+            this.m.append(b.ao);
         }
         p() {
             return this.m;
@@ -58066,7 +58112,7 @@ let GridFilterDialogPanel = /*@__PURE__*/ (() => {
             a.stopPropagation();
         }
         onDocumentKeyDown(a) {
-            if (BaseDOMEventProxy.c1(a) == 8) {
+            if (BaseDOMEventProxy.c4(a) == 8) {
             }
         }
         onDocumentMouseClick(e_) {
@@ -58333,7 +58379,7 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
             }
         }
         get ae() {
-            return this.v != null ? this.v.bx : false;
+            return this.v != null ? this.v.by : false;
         }
         bt(a, b, c) {
             this.bw(a, b, c);
@@ -58364,41 +58410,41 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
                     break;
                 case "ColumnOptionsBackground":
                     if (this.v != null) {
-                        this.v.cg = this.cd;
-                        this.v.ck = this.cd;
+                        this.v.ch = this.cd;
+                        this.v.cl = this.cd;
                     }
                     break;
                 case "ColumnOptionsTextColor":
                     if (this.v != null) {
-                        this.v.ci = this.ch;
                         this.v.cj = this.ch;
-                        this.v.b8 = this.ch;
-                        this.v.cc = this.ch;
+                        this.v.ck = this.ch;
+                        this.v.b9 = this.ch;
                         this.v.cd = this.ch;
                         this.v.ce = this.ch;
+                        this.v.cf = this.ch;
                     }
                     break;
                 case "ColumnOptionsSeparatorColor":
                     if (this.v != null) {
-                        this.v.cf = this.cg;
+                        this.v.cg = this.cg;
                     }
                     break;
                 case "ColumnOptionsGroupHeaderBackground":
                     if (this.v != null) {
-                        this.v.b9 = this.ce;
+                        this.v.ca = this.ce;
                     }
                     break;
                 case "ColumnOptionsGroupHeaderTextColor":
                     if (this.v != null) {
-                        this.v.cb = this.cf;
+                        this.v.cc = this.cf;
                     }
                     break;
                 case "ColumnOptionsAccentColor":
                     if (this.v != null) {
-                        this.v.b4 = this.cc;
-                        this.v.b6 = this.cc;
+                        this.v.b5 = this.cc;
                         this.v.b7 = this.cc;
-                        this.v.cl = this.cc;
+                        this.v.b8 = this.cc;
+                        this.v.cm = this.cc;
                     }
                     break;
             }
@@ -58463,38 +58509,39 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
             this.z = true;
         }
         bq() {
-            NativeUIComponent.au(this.s.p(), 18, (a) => {
+            NativeUIComponent.av(this.s.p(), 18, (a) => {
                 let b = a;
                 this.v = b;
-                this.v.b0 = 16;
-                this.v.b5 = BrushUtil.l(0, 0, 0, 0);
-                this.v.bq = runOn(this, this.bg);
-                this.v.bo = runOn(this, this.bf);
-                this.v.by = false;
+                this.v.b1 = 16;
+                this.v.b6 = BrushUtil.l(0, 0, 0, 0);
+                this.v.v = false;
+                this.v.br = runOn(this, this.bg);
+                this.v.bp = runOn(this, this.bf);
+                this.v.bz = false;
                 this.s.r(this.v);
                 this.v.c = this.x;
-                this.v.cg = this.cd;
-                this.v.ck = this.cd;
-                this.v.ci = this.ch;
-                this.v.cb = this.cf;
+                this.v.ch = this.cd;
+                this.v.cl = this.cd;
                 this.v.cj = this.ch;
-                this.v.b8 = this.ch;
-                this.v.cc = this.ch;
+                this.v.cc = this.cf;
+                this.v.ck = this.ch;
+                this.v.b9 = this.ch;
                 this.v.cd = this.ch;
                 this.v.ce = this.ch;
-                this.v.cf = this.cg;
-                this.v.b9 = this.ce;
-                this.v.b4 = this.cc;
-                this.v.b6 = this.cc;
+                this.v.cf = this.ch;
+                this.v.cg = this.cg;
+                this.v.ca = this.ce;
+                this.v.b5 = this.cc;
                 this.v.b7 = this.cc;
-                this.v.cl = this.cc;
-                this.v.b1 = this;
+                this.v.b8 = this.cc;
+                this.v.cm = this.cc;
+                this.v.b2 = this;
             });
         }
         bg(a, b) {
             if (this.z) {
                 this.z = false;
-                this.v.b1 = this.n;
+                this.v.b2 = this.n;
             }
             if (this.n != null) {
                 if (this.n.grid != null) {
@@ -58794,8 +58841,8 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
         }
         bk() {
             if (this.v != null) {
-                if (this.n != null && this.v.b1 != this.n) {
-                    this.v.b1 = this.n;
+                if (this.n != null && this.v.b2 != this.n) {
+                    this.v.b2 = this.n;
                 }
             }
         }
@@ -59871,7 +59918,7 @@ let TemplateCell = /*@__PURE__*/ (() => {
         dy(a) {
             let b = this.dw.element.getNativeElement();
             if (b.contains(document.activeElement) && document.activeElement.nodeName == "INPUT") {
-                let c = BaseDOMEventProxy.c1(a);
+                let c = BaseDOMEventProxy.c4(a);
                 if (c == 14 || c == 16) {
                     a.stopPropagation();
                 }
@@ -59987,6 +60034,12 @@ let SectionHeaderCell = /*@__PURE__*/ (() => {
             super(a);
             this.dw = null;
             this.dw = a.createElement("span");
+            this.dw.setRawStyleProperty("display", "inline-block");
+            this.dw.setRawStyleProperty("line-height", "normal");
+            this.dw.setRawStyleProperty("vertical-align", "middle");
+            this.dw.setRawStyleProperty("overflow", "hidden");
+            this.dw.setRawStyleProperty("white-space", "nowrap");
+            this.dw.setRawStyleProperty("text-overflow", "ellipsis");
             this.ar.setRawStyleProperty("text-align", "left");
             this.ar.setRawStyleProperty("vertical-align", "middle");
             this.ar.setRawStyleProperty("overflow", "hidden");
@@ -59994,6 +60047,12 @@ let SectionHeaderCell = /*@__PURE__*/ (() => {
             this.ar.setRawStyleProperty("text-overflow", "ellipsis");
             this.ar.append(this.dw);
         }
+        c0(a, b) {
+            super.c0(a, b);
+            if (a == this.dw) {
+                this.dw.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
+            }
+        }
         get_ae() {
             return true;
         }
@@ -60175,6 +60234,15 @@ let SummaryCell = /*@__PURE__*/ (() => {
                 this.d1 = c;
             }
         }
+        c0(a, b) {
+            super.c0(a, b);
+            if (a == this.dw) {
+                this.dw.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
+            }
+            else if (a == this.dx) {
+                this.dx.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
+            }
+        }
         constructor(a) {
             super(a);
             this.dw = null;
@@ -60537,8 +60605,8 @@ let DraggerView = /*@__PURE__*/ (() => {
                     this.c = null;
                 }
                 if (this.a != null) {
-                    this.a.ap = null;
-                    this.a.aw();
+                    this.a.aq = null;
+                    this.a.ax();
                 }
                 return;
             }
@@ -60546,23 +60614,23 @@ let DraggerView = /*@__PURE__*/ (() => {
             let b = Math.round(this.c.rootWrapper.width());
             let c = Math.round(this.c.rootWrapper.height());
             this.a = new CanvasGestureDOMEventProxy(this.c.rootWrapper, this.c, true);
-            this.a.c9 = true;
+            this.a.dc = true;
             let d = this.a;
             d.onMouseOver = delegateCombine(d.onMouseOver, runOn(this, this.e));
             let e = this.a;
             e.onMouseUp = delegateCombine(e.onMouseUp, runOn(this, this.f));
-            this.a.ap = runOn(this, this.b);
+            this.a.aq = runOn(this, this.b);
             this.model.viewportWidth = b;
             this.model.viewportHeight = c;
         }
         onDetachedFromUI() {
             if (this.a != null && this.c != null) {
-                this.a.bi(this.c.rootWrapper, "");
+                this.a.bk(this.c.rootWrapper, "");
             }
         }
         onAttachedToUI() {
             if (this.a != null) {
-                this.a.au(this.c.rootWrapper, "");
+                this.a.av(this.c.rootWrapper, "");
             }
         }
         b(a) {
@@ -60579,7 +60647,7 @@ let DraggerView = /*@__PURE__*/ (() => {
         releaseMouse() {
         }
         transformPoint(a, b) {
-            let c = BaseDOMEventProxy.c5(this.c.rootWrapper);
+            let c = BaseDOMEventProxy.c8(this.c.rootWrapper);
             let d = { $type: Point_$type, x: a - c.x, y: b - c.y };
             return d;
         }
@@ -60590,7 +60658,7 @@ let DraggerView = /*@__PURE__*/ (() => {
             this.model.onMouseUp(a.x, a.y);
         }
         onViewportSizeChanged(a, b) {
-            this.a.bm = new Rect(0, 0, 0, a, b);
+            this.a.bo = new Rect(0, 0, 0, a, b);
         }
         addCloneCellToDom() {
             if (this.c != null) {
@@ -61802,7 +61870,7 @@ let DataGridScrollerKeyboardListener = /*@__PURE__*/ (() => {
             return this.a.k1(a, b);
         }
         onWheel() {
-            this.a.x4();
+            this.a.x5();
         }
         onEnter(a, b) {
             return this.a.kq(a, b);
@@ -61819,6 +61887,9 @@ let DataGridScrollerKeyboardListener = /*@__PURE__*/ (() => {
         onKeyDown(a, b, c) {
             return this.a.ku(a, b, c);
         }
+        onGotFocus(a, b) {
+            this.a.xf(a, b);
+        }
     }
     DataGridScrollerKeyboardListener.$t = /*@__PURE__*/ markType(DataGridScrollerKeyboardListener, 'DataGridScrollerKeyboardListener', Base.$, [IScrollerKeyboardListener_$type]);
     return DataGridScrollerKeyboardListener;
@@ -63192,7 +63263,7 @@ let ColumnGroupingView = /*@__PURE__*/ (() => {
             }
             this.n = a;
             this.d = new CanvasGestureDOMEventProxy(this.o.rootWrapper, this.o, true);
-            this.d.c9 = true;
+            this.d.dc = true;
             let b = this.d;
             b.onMouseDown = delegateCombine(b.onMouseDown, runOn(this, this.z));
             let c = this.d;
@@ -64316,6 +64387,12 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
                 this._scroller.scrollbarBrush = color;
             }
         }
+        _moveFocusNext() {
+            moveFocusNext(this, true);
+        }
+        _moveFocusPrevious() {
+            moveFocusPrevious(this);
+        }
         createImplementation() {
             //let test = Grid;
             return new DataGrid();
@@ -71140,7 +71217,7 @@ let CheckboxList = /*@__PURE__*/ (() => {
                 case "CheckboxCornerRadius":
                     this.view.af();
                     if (this.g != null) {
-                        this.g.x9();
+                        this.g.ya();
                     }
                     break;
                 case "CheckboxAlignedRight":
@@ -71150,7 +71227,7 @@ let CheckboxList = /*@__PURE__*/ (() => {
                     break;
                 case "DataLegendTarget":
                     if (this.g != null) {
-                        this.g.x9();
+                        this.g.ya();
                     }
                     break;
             }
@@ -87220,7 +87297,7 @@ let DataGridToolbarView = /*@__PURE__*/ (() => {
             a.stopPropagation();
         }
         q(a) {
-            if (BaseDOMEventProxy.c1(a) == 8) {
+            if (BaseDOMEventProxy.c4(a) == 8) {
                 this.a.av();
             }
         }
@@ -92834,7 +92911,7 @@ let NativeUIComboFactory = /*@__PURE__*/ (() => {
             return NativeUIComboFactory.a;
         }
         static register() {
-            NativeUIComponent.as(NativeUIComboFactory.instance);
+            NativeUIComponent.at(NativeUIComboFactory.instance);
         }
         get flavor() {
             return this.c;