npm - igniteui-webcomponents-data-grids - Versions diffs - 7.0.1 → 7.1.0-alpha.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (41) hide show

package/bundles/igniteui-webcomponents-data-grids.umd.js +767 -690
package/bundles/igniteui-webcomponents-data-grids.umd.min.js +1 -1
package/esm2015/lib/CheckboxListView_combined.js +2 -2
package/esm2015/lib/ColumnFilterCondition_combined.js +680 -640
package/esm2015/lib/ColumnGroupingView_combined.js +1 -1
package/esm2015/lib/ComparisonOperatorSelectorView_combined.js +1 -1
package/esm2015/lib/DataGridScrollerKeyboardListener.js +4 -1
package/esm2015/lib/DataGridToolbarView_combined.js +1 -1
package/esm2015/lib/DraggerView.js +8 -8
package/esm2015/lib/GridExternalWrapper.js +6 -0
package/esm2015/lib/GridFilterDialogView_combined.js +36 -35
package/esm2015/lib/NativeUIComboFactory.js +1 -1
package/esm2015/lib/NativeUIGridFactory.js +2 -2
package/esm2015/lib/SectionHeaderCell.js +12 -0
package/esm2015/lib/SummaryCell.js +9 -0
package/esm2015/lib/TemplateCell.js +1 -1
package/esm2015/lib/igc-data-grid-component.js +7 -1
package/esm5/lib/CheckboxListView_combined.js +2 -2
package/esm5/lib/ColumnFilterCondition_combined.js +677 -637
package/esm5/lib/ColumnGroupingView_combined.js +1 -1
package/esm5/lib/ComparisonOperatorSelectorView_combined.js +1 -1
package/esm5/lib/DataGridScrollerKeyboardListener.js +4 -1
package/esm5/lib/DataGridToolbarView_combined.js +1 -1
package/esm5/lib/DraggerView.js +8 -8
package/esm5/lib/GridExternalWrapper.js +6 -0
package/esm5/lib/GridFilterDialogView_combined.js +36 -35
package/esm5/lib/NativeUIComboFactory.js +1 -1
package/esm5/lib/NativeUIGridFactory.js +2 -2
package/esm5/lib/SectionHeaderCell.js +12 -0
package/esm5/lib/SummaryCell.js +9 -0
package/esm5/lib/TemplateCell.js +1 -1
package/esm5/lib/igc-data-grid-component.js +7 -1
package/fesm2015/igniteui-webcomponents-data-grids.js +769 -692
package/fesm5/igniteui-webcomponents-data-grids.js +768 -691
package/lib/ColumnFilterCondition_combined.d.ts +117 -114
package/lib/DataGridScrollerKeyboardListener.d.ts +1 -0
package/lib/GridExternalWrapper.d.ts +2 -0
package/lib/SectionHeaderCell.d.ts +2 -0
package/lib/SummaryCell.d.ts +2 -0
package/lib/igc-data-grid-component.d.ts +2 -0
package/package.json +4 -4

package/fesm5/igniteui-webcomponents-data-grids.js CHANGED Viewed

@@ -6,7 +6,7 @@
   */
 import { __extends, __values, __generator } from 'tslib';
-import { markEnum, enumGetBox, markType, Base, 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, NotifyCollectionChangedEventArgs, ObservableCollection$1, Delegate_$type, Number_$type, fromEnum, RectData, toNullable, ListSortDirection_$type, nullableNotEquals, nullableConcat, unwrapNullable, JsonDictionaryItem, 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, PagedDataSource, SRProvider, stringIsNullOrWhiteSpace, IDataSource_$type, VirtualDataSource, LocalDataSource, DataSourceLocalDataProvider, createGuid, FilterExpressionCollection, SortGroupParser, SummaryParser, Point_$type, intDivide, dateNow, timeSpanTotalSeconds, 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, NamePatcher, TypeRegistrar, toSpinal, getAllPropertyNames, fromSpinal, RegisterElementHelper, initializePropertiesFromCss, IgcHTMLElement, 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, DoubleAnimator, NativeUI, 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, enumGetBox, markType, Base, 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, NotifyCollectionChangedEventArgs, ObservableCollection$1, Delegate_$type, Number_$type, fromEnum, RectData, toNullable, ListSortDirection_$type, nullableNotEquals, nullableConcat, unwrapNullable, JsonDictionaryItem, 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, PagedDataSource, SRProvider, stringIsNullOrWhiteSpace, IDataSource_$type, VirtualDataSource, LocalDataSource, DataSourceLocalDataProvider, createGuid, FilterExpressionCollection, SortGroupParser, SummaryParser, Point_$type, intDivide, dateNow, timeSpanTotalSeconds, 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, NamePatcher, TypeRegistrar, toSpinal, getAllPropertyNames, fromSpinal, RegisterElementHelper, initializePropertiesFromCss, IgcHTMLElement, 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, DoubleAnimator, NativeUI, PathFigure, LineSegment, PathGeometry, Geometry, Popup, BaseDOMEventProxy, KeyFrameAnimationFactory, AnimationKeyFrameEffect, ElevationHelper, AnimationKeyFrameEffectTiming, AnimationKeyFrameProperty, CanvasGestureDOMEventProxy, IgcFilterExpressionCollection, IScrollerKeyboardListener_$type, DomWrapper_$type, PortalManager, WebComponentRenderer, Scroller, moveFocusNext, moveFocusPrevious, 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, PropertyEditorPropertyDescription, PropertyEditorPropertyDescriptionCollection, PropertyEditorDataSource, PropertyEditorValueType_$type, PropertyEditorTreeTransformer, IgcPropertyEditorPropertyDescriptionCollection, IgcPropertyEditorPropertyDescriptionComponent, IgcPropertyEditorPropertyDescriptionModule } from 'igniteui-webcomponents-layouts';
@@ -8927,12 +8927,12 @@ var DefaultCellActionManager = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     DefaultCellActionManager.prototype.previewMouseDownCell = function (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);
         }
     };
     DefaultCellActionManager.prototype.previewMouseUpCell = function (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);
         }
     };
     DefaultCellActionManager.prototype.mouseDownCell = function (a, b) {
@@ -8957,7 +8957,7 @@ var DefaultCellActionManager = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     DefaultCellActionManager.prototype.mouseIsOver = function (a, b) {
         if (this.b != null && this.a != null) {
-            this.b.xi(this.a, a, b);
+            this.b.xj(this.a, a, b);
         }
     };
     DefaultCellActionManager.prototype.doubleClicked = function (a) {
@@ -9090,7 +9090,7 @@ var DefaultCellActionManager = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DefaultCellActionManager.prototype, "mousePosition", {
         get: function () {
-            return this.b.acg;
+            return this.b.ach;
         },
         enumerable: false,
         configurable: true
@@ -14887,7 +14887,7 @@ var DataSourceNotificationBridge = /** @class */ /*@__PURE__*/ (function (_super
         }
     };
     DataSourceNotificationBridge.prototype.notifySetItem = function (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);
         }
@@ -14899,13 +14899,13 @@ var DataSourceNotificationBridge = /** @class */ /*@__PURE__*/ (function (_super
         }
     };
     DataSourceNotificationBridge.prototype.notifyInsertItem = function (a, b) {
-        this.b.xf(a, b);
+        this.b.xg(a, b);
         if (this.a != null) {
             this.a.notifyInsertItem(a, b);
         }
     };
     DataSourceNotificationBridge.prototype.notifyRemoveItem = function (a, b) {
-        this.b.xm(a, b);
+        this.b.xn(a, b);
         if (this.a != null) {
             this.a.notifyRemoveItem(a, b);
         }
@@ -15175,11 +15175,9 @@ var EditingManager = /** @class */ /*@__PURE__*/ (function (_super) {
         configurable: true
     });
     EditingManager.prototype.y = function (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);
             }
         }
     };
@@ -15266,7 +15264,7 @@ var EditingManager = /** @class */ /*@__PURE__*/ (function (_super) {
     EditingManager.prototype.x = function () {
     };
     EditingManager.prototype.z = function () {
-        this.g.ye();
+        this.g.yf();
     };
     EditingManager.prototype.h = function (a, b) {
         if (a.is != 0) {
@@ -15347,11 +15345,11 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         _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;
@@ -15455,7 +15453,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         _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;
@@ -15472,71 +15470,71 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         _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;
@@ -15659,13 +15657,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         _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();
@@ -15681,10 +15679,10 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         _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));
         var a = _this.ay.j;
         a.collectionChanged = delegateCombine(a.collectionChanged, runOn(_this, _this.um));
@@ -15696,19 +15694,19 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         _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));
         var 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);
@@ -15830,7 +15828,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var 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));
             }
         },
         enumerable: false,
@@ -15963,15 +15961,15 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             })()));
         }
     };
-    DataGrid.prototype.xr = function (a, b) {
+    DataGrid.prototype.xs = function (a, b) {
         this.vn(a);
     };
     DataGrid.prototype.xe = function (a) {
         if (a.w == 2) {
-            this.zn(a.l.x);
+            this.zo(a.l.x);
         }
     };
-    DataGrid.prototype.zn = function (a) {
+    DataGrid.prototype.zo = function (a) {
         if (this.ck.j) {
             if (!this.je(true)) {
                 return;
@@ -16060,7 +16058,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
                     var 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) {
@@ -16070,20 +16068,20 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
                                 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);
             }
@@ -16099,12 +16097,12 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             })()));
         }
     };
-    DataGrid.prototype.ya = function (a, b) {
+    DataGrid.prototype.yb = function (a, b) {
         var c = false;
         for (var d = 0; d < this.selectedCellRanges.count; d++) {
             var 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;
             }
@@ -16121,7 +16119,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var 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));
             }
         },
         enumerable: false,
@@ -16135,7 +16133,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var 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));
             }
         },
         enumerable: false,
@@ -16149,7 +16147,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.h8;
             this.h8 = a;
             if (b != this.h8) {
-                this.xl("IsRowHoverEnabled", b, this.h8);
+                this.xm("IsRowHoverEnabled", b, this.h8);
             }
         },
         enumerable: false,
@@ -16157,13 +16155,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "rowHoverBackground", {
         get: function () {
-            return this.aap;
+            return this.aaq;
         },
         set: function (a) {
-            var b = this.aap;
-            this.aap = a;
-            if (b != this.aap) {
-                this.xl("RowHoverBackground", b, this.aap);
+            var b = this.aaq;
+            this.aaq = a;
+            if (b != this.aaq) {
+                this.xm("RowHoverBackground", b, this.aaq);
             }
         },
         enumerable: false,
@@ -16171,13 +16169,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "rowHoverTextColor", {
         get: function () {
-            return this.aaq;
+            return this.aar;
         },
         set: function (a) {
-            var b = this.aaq;
-            this.aaq = a;
-            if (b != this.aaq) {
-                this.xl("RowHoverTextColor", b, this.aaq);
+            var b = this.aar;
+            this.aar = a;
+            if (b != this.aar) {
+                this.xm("RowHoverTextColor", b, this.aar);
             }
         },
         enumerable: false,
@@ -16185,13 +16183,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "editRowBorder", {
         get: function () {
-            return this.aah;
+            return this.aai;
         },
         set: function (a) {
-            var b = this.aah;
-            this.aah = a;
-            if (b != this.aah) {
-                this.xl("EditRowBorder", b, this.aah);
+            var b = this.aai;
+            this.aai = a;
+            if (b != this.aai) {
+                this.xm("EditRowBorder", b, this.aai);
             }
         },
         enumerable: false,
@@ -16199,13 +16197,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "editRowBorderWidth", {
         get: function () {
-            return this.acm;
+            return this.acn;
         },
         set: function (a) {
-            var b = this.acm;
-            this.acm = a;
-            if (b != this.acm) {
-                this.xl("EditRowBorderWidth", b, this.acm);
+            var b = this.acn;
+            this.acn = a;
+            if (b != this.acn) {
+                this.xm("EditRowBorderWidth", b, this.acn);
             }
         },
         enumerable: false,
@@ -16213,7 +16211,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     DataGrid.prototype.wf = function (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) {
             var d = this.az.j._inner[a.l.a5];
@@ -16252,10 +16250,10 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             this.e2.f(-1);
         }
     };
-    DataGrid.prototype.xj = function (a, b, c, d) {
-    };
     DataGrid.prototype.xk = function (a, b, c, d) {
     };
+    DataGrid.prototype.xl = function (a, b, c, d) {
+    };
     Object.defineProperty(DataGrid.prototype, "oj", {
         get: function () {
             return this.na;
@@ -16291,7 +16289,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    DataGrid.prototype.xi = function (a, b, c) {
+    DataGrid.prototype.xj = function (a, b, c) {
         if (this.dragger == null || !this.dragger.isDragActive) {
             if (a.l.h && this.columnResizingMode != 2) {
                 var d = this.az.j._inner[a.l.a5];
@@ -16328,7 +16326,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         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;
@@ -16414,13 +16412,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
         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();
         }
     };
     DataGrid.prototype.w6 = function (a, b) {
@@ -16568,29 +16566,29 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     DataGrid.prototype.xa = function (a) {
         if (a || !this.i5(this.l9 + this.model.actualVisibleRegion.x, this.ma + this.model.actualVisibleRegion.y)) {
             var b = this.l9 + this.model.actualVisibleRegion.x;
-            var c = this.aci(b, this.l8, this.l9, this.ma);
+            var c = this.acj(b, this.l8, this.l9, this.ma);
             var d = this.av(c, this.no, this.nn, this.iu);
-            this.y4(d);
+            this.y5(d);
         }
     };
-    DataGrid.prototype.y4 = function (a) {
+    DataGrid.prototype.y5 = function (a) {
         if (this.at == null) {
             this.at = a;
             this.un(this.at);
         }
         else {
-            this.zs(a);
+            this.zt(a);
         }
     };
     DataGrid.prototype.xb = function (a, b) {
         if (a || !this.i5(this.l9 + this.model.actualVisibleRegion.x, this.ma + this.model.actualVisibleRegion.y)) {
             var c = this.l9 + this.model.actualVisibleRegion.x;
-            var d = this.aci(c, this.l8, this.l9, this.ma);
+            var d = this.acj(c, this.l8, this.l9, this.ma);
             var e = this.av(d, this.no, 0, this.iu);
-            this.y9(e.l, e.j);
+            this.za(e.l, e.j);
         }
     };
-    DataGrid.prototype.y9 = function (a, b) {
+    DataGrid.prototype.za = function (a, b) {
         for (var c = a; c <= b; c++) {
             if (this.lt.contains(c)) {
                 continue;
@@ -16627,7 +16625,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    DataGrid.prototype.aci = function (a, b, c, d) {
+    DataGrid.prototype.acj = function (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));
@@ -16773,7 +16771,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.hb.requestFrame(this.ni);
     };
-    DataGrid.prototype.zs = function (a) {
+    DataGrid.prototype.zt = function (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;
@@ -16786,19 +16784,19 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             this.vx(this.at);
         }
     };
-    DataGrid.prototype.yu = function (a) {
+    DataGrid.prototype.yv = function (a) {
         if (this.actualDataSource != null && this.actualDataSource.actualSchema != null) {
             a.m = this.actualDataSource.resolveSchemaPropertyType(a.f);
             a.o = true;
         }
     };
-    DataGrid.prototype.yv = function (a) {
+    DataGrid.prototype.yw = function (a) {
         if (this.actualDataSource != null && this.actualDataSource.actualSchema != null) {
             a.g = this.actualDataSource.resolveSchemaPropertyType(a.ah);
             a.s = true;
         }
     };
-    DataGrid.prototype.zg = function (a, b) {
+    DataGrid.prototype.zh = function (a, b) {
         var _this = this;
         switch (b.action) {
             case 0:
@@ -16806,7 +16804,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
                     for (var c = 0; c < b.newItems.count; c++) {
                         var d = b.newItems.item(c);
                         if (!d.s) {
-                            this.yv(d);
+                            this.yw(d);
                         }
                     }
                 }
@@ -16828,7 +16826,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
                     for (var c = 0; c < b.newItems.count; c++) {
                         var d = b.newItems.item(c);
                         if (!d.o) {
-                            this.yu(d);
+                            this.yv(d);
                         }
                     }
                 }
@@ -16872,7 +16870,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             })()));
         }
     };
-    DataGrid.prototype.ze = function (a, b) {
+    DataGrid.prototype.zf = function (a, b) {
         var e_1, _a;
         var _this = this;
         this.j7 = true;
@@ -16882,7 +16880,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
                     if (b.newItems != null) {
                         for (var c = 0; c < b.newItems.count; c++) {
                             var d = b.newItems.item(c);
-                            this.zm(d.f, this.b6(d.c));
+                            this.zn(d.f, this.b6(d.c));
                         }
                     }
                     break;
@@ -16890,7 +16888,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
                     if (b.oldItems != null) {
                         for (var e = 0; e < b.oldItems.count; e++) {
                             var f = b.oldItems.item(e);
-                            this.zm(f.f, 0);
+                            this.zn(f.f, 0);
                         }
                     }
                     break;
@@ -16898,13 +16896,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
                     if (b.oldItems != null) {
                         for (var g = 0; g < b.oldItems.count; g++) {
                             var h = b.oldItems.item(g);
-                            this.zm(h.f, 0);
+                            this.zn(h.f, 0);
                         }
                     }
                     if (b.newItems != null) {
                         for (var i = 0; i < b.newItems.count; i++) {
                             var j = b.newItems.item(i);
-                            this.zm(j.f, this.b6(j.c));
+                            this.zn(j.f, this.b6(j.c));
                         }
                     }
                     break;
@@ -16942,7 +16940,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             this.j7 = false;
         }
     };
-    DataGrid.prototype.zm = function (a, b) {
+    DataGrid.prototype.zn = function (a, b) {
         for (var c = 0; c < this.columns.count; c++) {
             if (this.columns._inner[c].mr == a) {
                 this.columns._inner[c].hu = b;
@@ -16956,7 +16954,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return 0;
     };
-    DataGrid.prototype.y7 = function (a, b) {
+    DataGrid.prototype.y8 = function (a, b) {
         var e_2, _a, e_3, _b, e_4, _c;
         var _this = this;
         this.io = true;
@@ -17078,7 +17076,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    DataGrid.prototype.y8 = function (a, b) {
+    DataGrid.prototype.y9 = function (a, b) {
         var e_5, _a, e_6, _b, e_7, _c;
         var _this = this;
         if (!this.ji && this.actualDataSource != null) {
@@ -17201,7 +17199,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    DataGrid.prototype.y6 = function (a, b) {
+    DataGrid.prototype.y7 = function (a, b) {
         var e_8, _a, e_9, _b;
         var _this = this;
         this.io = true;
@@ -17276,7 +17274,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    DataGrid.prototype.y5 = function (a, b) {
+    DataGrid.prototype.y6 = function (a, b) {
         var _this = this;
         this.io = true;
         this.i0 = true;
@@ -17292,7 +17290,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    DataGrid.prototype.x6 = function (a, b) {
+    DataGrid.prototype.x7 = function (a, b) {
         var e_10, _a;
         if (!this.jh && this.actualDataSource != null) {
             if (!this.ix) {
@@ -17360,7 +17358,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    DataGrid.prototype.x7 = function (a, b) {
+    DataGrid.prototype.x8 = function (a, b) {
         var e_11, _a;
         if (!this.jh && this.actualDataSource != null) {
             if (!this.ix) {
@@ -17559,7 +17557,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             this.f3.grid = this;
             if (b != this.f3) {
-                this.xl("SectionHeader", b, this.f3);
+                this.xm("SectionHeader", b, this.f3);
             }
         },
         enumerable: false,
@@ -17587,7 +17585,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             this.gd.grid = this;
             if (b != this.gd) {
-                this.xl("SummaryRowRoot", b, this.gd);
+                this.xm("SummaryRowRoot", b, this.gd);
             }
         },
         enumerable: false,
@@ -17605,7 +17603,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             this.gf.grid = this;
             if (b != this.gf) {
-                this.xl("SummaryRowSection", b, this.gf);
+                this.xm("SummaryRowSection", b, this.gf);
             }
         },
         enumerable: false,
@@ -17619,7 +17617,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.fy;
             this.fy = a;
             if (b != this.fy) {
-                this.xl("RowSeparator", b, this.fy);
+                this.xm("RowSeparator", b, this.fy);
             }
         },
         enumerable: false,
@@ -17633,7 +17631,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ey;
             this.ey = a;
             if (b != this.ey) {
-                this.xl("HeaderRowSeparator", b, this.ey);
+                this.xm("HeaderRowSeparator", b, this.ey);
             }
         },
         enumerable: false,
@@ -17647,7 +17645,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.e0;
             this.e0 = a;
             if (b != this.e0) {
-                this.xl("HeaderSeparator", b, this.e0);
+                this.xm("HeaderSeparator", b, this.e0);
             }
         },
         enumerable: false,
@@ -17661,7 +17659,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.bu;
             this.bu = a;
             if (b != this.bu) {
-                this.xl("ColumnResizingSeparator", b, this.bu);
+                this.xm("ColumnResizingSeparator", b, this.bu);
             }
         },
         enumerable: false,
@@ -17675,7 +17673,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.bg;
             this.bg = a;
             if (b != this.bg) {
-                this.xl("ColumnMovingSeparator", b, this.bg);
+                this.xm("ColumnMovingSeparator", b, this.bg);
             }
         },
         enumerable: false,
@@ -17689,7 +17687,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.fm;
             this.fm = a;
             if (b != this.fm) {
-                this.xl("PinnedAreaSeparator", b, this.fm);
+                this.xm("PinnedAreaSeparator", b, this.fm);
             }
         },
         enumerable: false,
@@ -17703,7 +17701,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.b;
             this.b = a;
             if (b != this.b) {
-                this.xl("AutoGenerateDesiredColumns", b, this.b);
+                this.xm("AutoGenerateDesiredColumns", b, this.b);
             }
         },
         enumerable: false,
@@ -17717,7 +17715,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.c;
             this.c = a;
             if (b != this.c) {
-                this.xl("DataSourceDesiredProperties", b, this.c);
+                this.xm("DataSourceDesiredProperties", b, this.c);
             }
         },
         enumerable: false,
@@ -17771,7 +17769,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var 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));
             }
         },
         enumerable: false,
@@ -17785,7 +17783,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.m1;
             this.m1 = a;
             if (b != this.m1) {
-                this.xl("ActualRowHeight", b, this.m1);
+                this.xm("ActualRowHeight", b, this.m1);
             }
         },
         enumerable: false,
@@ -17799,7 +17797,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.nf;
             this.nf = a;
             if (b != this.nf) {
-                this.xl("RowHeight", b, this.nf);
+                this.xm("RowHeight", b, this.nf);
             }
         },
         enumerable: false,
@@ -17813,7 +17811,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.cb;
             this.cb = a;
             if (b != this.cb) {
-                this.xl("DefaultColumnWidth", b, this.cb);
+                this.xm("DefaultColumnWidth", b, this.cb);
             }
         },
         enumerable: false,
@@ -17827,7 +17825,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.l6;
             this.l6 = a;
             if (b != this.l6) {
-                this.xl("DefaultColumnMinWidth", b, this.l6);
+                this.xm("DefaultColumnMinWidth", b, this.l6);
             }
         },
         enumerable: false,
@@ -17841,7 +17839,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.m0;
             this.m0 = a;
             if (b != this.m0) {
-                this.xl("ActualHeaderHeight", b, this.m0);
+                this.xm("ActualHeaderHeight", b, this.m0);
             }
         },
         enumerable: false,
@@ -17855,7 +17853,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.m7;
             this.m7 = a;
             if (b != this.m7) {
-                this.xl("HeaderHeight", b, this.m7);
+                this.xm("HeaderHeight", b, this.m7);
             }
         },
         enumerable: false,
@@ -17869,7 +17867,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.nk;
             this.nk = a;
             if (b != this.nk) {
-                this.xl("SectionHeaderHeight", b, this.nk);
+                this.xm("SectionHeaderHeight", b, this.nk);
             }
         },
         enumerable: false,
@@ -17883,7 +17881,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ov;
             this.ov = a;
             if (b != this.ov) {
-                this.xl("ItemsSource", b, this.ov);
+                this.xm("ItemsSource", b, this.ov);
             }
         },
         enumerable: false,
@@ -17897,7 +17895,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.nj;
             this.nj = a;
             if (b != this.nj) {
-                this.xl("SectionFooterHeight", b, this.nj);
+                this.xm("SectionFooterHeight", b, this.nj);
             }
         },
         enumerable: false,
@@ -17911,7 +17909,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.nh;
             this.nh = a;
             if (b != this.nh) {
-                this.xl("RowSpacingHeight", b, this.nh);
+                this.xm("RowSpacingHeight", b, this.nh);
             }
         },
         enumerable: false,
@@ -17925,7 +17923,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.m5;
             this.m5 = a;
             if (b != this.m5) {
-                this.xl("ColumnSpacingWidth", b, this.m5);
+                this.xm("ColumnSpacingWidth", b, this.m5);
             }
         },
         enumerable: false,
@@ -17939,7 +17937,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var 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();
                 }
@@ -17956,7 +17954,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var 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));
             }
         },
         enumerable: false,
@@ -17970,7 +17968,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var 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));
             }
         },
         enumerable: false,
@@ -17984,7 +17982,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.hn;
             this.hn = a;
             if (b != this.hn) {
-                this.xl("EditOnKeyPress", b, this.hn);
+                this.xm("EditOnKeyPress", b, this.hn);
             }
         },
         enumerable: false,
@@ -17998,7 +17996,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.hj;
             this.hj = a;
             if (b != this.hj) {
-                this.xl("AutoGenerateColumns", b, this.hj);
+                this.xm("AutoGenerateColumns", b, this.hj);
             }
         },
         enumerable: false,
@@ -18012,7 +18010,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ng;
             this.ng = a;
             if (b != this.ng) {
-                this.xl("RowSeparatorHeight", b, this.ng);
+                this.xm("RowSeparatorHeight", b, this.ng);
             }
         },
         enumerable: false,
@@ -18026,7 +18024,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.h7;
             this.h7 = a;
             if (b != this.h7) {
-                this.xl("IsPlaceholderRenderingEnabled", b, this.h7);
+                this.xm("IsPlaceholderRenderingEnabled", b, this.h7);
             }
         },
         enumerable: false,
@@ -18048,7 +18046,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         set: function (a) {
             var 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));
         },
         enumerable: false,
         configurable: true
@@ -18067,7 +18065,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         set: function (a) {
             var 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));
         },
         enumerable: false,
         configurable: true
@@ -18093,7 +18091,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         set: function (a) {
             var 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));
         },
         enumerable: false,
         configurable: true
@@ -18112,7 +18110,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         set: function (a) {
             var 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));
         },
         enumerable: false,
         configurable: true
@@ -18132,7 +18130,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var 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));
             }
         },
         enumerable: false,
@@ -18152,7 +18150,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         set: function (a) {
             var 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));
         },
         enumerable: false,
         configurable: true
@@ -18165,7 +18163,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.dk;
             this.dk = a;
             if (b != this.dk) {
-                this.xl("ColumnAnimationSettings", b, this.dk);
+                this.xm("ColumnAnimationSettings", b, this.dk);
             }
         },
         enumerable: false,
@@ -18179,7 +18177,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.c7;
             this.c7 = a;
             if (b != this.c7) {
-                this.xl("AnimationSettings", b, this.c7);
+                this.xm("AnimationSettings", b, this.c7);
             }
         },
         enumerable: false,
@@ -18201,7 +18199,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         set: function (a) {
             var 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));
         },
         enumerable: false,
         configurable: true
@@ -18222,7 +18220,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         set: function (a) {
             var 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));
         },
         enumerable: false,
         configurable: true
@@ -18243,7 +18241,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         set: function (a) {
             var 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));
         },
         enumerable: false,
         configurable: true
@@ -18264,7 +18262,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         set: function (a) {
             var 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));
         },
         enumerable: false,
         configurable: true
@@ -18285,20 +18283,20 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         set: function (a) {
             var 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));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(DataGrid.prototype, "inset", {
         get: function () {
-            return this.acn;
+            return this.aco;
         },
         set: function (a) {
-            var b = this.acn;
-            this.acn = a;
-            if (b != this.acn) {
-                this.xl("Inset", b, this.acn);
+            var b = this.aco;
+            this.aco = a;
+            if (b != this.aco) {
+                this.xm("Inset", b, this.aco);
             }
         },
         enumerable: false,
@@ -18312,7 +18310,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var 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));
             }
         },
         enumerable: false,
@@ -18326,7 +18324,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var 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));
             }
         },
         enumerable: false,
@@ -18340,7 +18338,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var 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));
             }
         },
         enumerable: false,
@@ -18418,7 +18416,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    DataGrid.prototype.zi = function (a, b) {
+    DataGrid.prototype.zj = function (a, b) {
         var e_12, _a, e_13, _b, e_14, _c;
         if (this.actualDataSource == null) {
             return;
@@ -18500,7 +18498,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.hu;
             this.hu = a;
             if (b != this.hu) {
-                this.xl("IsColumnOptionsEnabled", b, this.hu);
+                this.xm("IsColumnOptionsEnabled", b, this.hu);
             }
         },
         enumerable: false,
@@ -18514,7 +18512,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.hy;
             this.hy = a;
             if (b != this.hy) {
-                this.xl("IsGroupByAreaVisible", b, this.hy);
+                this.xm("IsGroupByAreaVisible", b, this.hy);
             }
         },
         enumerable: false,
@@ -18528,7 +18526,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.h3;
             this.h3 = a;
             if (b != this.h3) {
-                this.xl("IsGroupRowSticky", b, this.h3);
+                this.xm("IsGroupRowSticky", b, this.h3);
             }
         },
         enumerable: false,
@@ -18542,7 +18540,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.h4;
             this.h4 = a;
             if (b != this.h4) {
-                this.xl("IsHeaderSeparatorVisible", b, this.h4);
+                this.xm("IsHeaderSeparatorVisible", b, this.h4);
             }
         },
         enumerable: false,
@@ -18550,13 +18548,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "cellSelectedBackground", {
         get: function () {
-            return this.z5;
+            return this.z6;
         },
         set: function (a) {
-            var b = this.z5;
-            this.z5 = a;
-            if (b != this.z5) {
-                this.xl("CellSelectedBackground", b, this.z5);
+            var b = this.z6;
+            this.z6 = a;
+            if (b != this.z6) {
+                this.xm("CellSelectedBackground", b, this.z6);
             }
         },
         enumerable: false,
@@ -18564,13 +18562,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "sectionHeaderSelectedBackground", {
         get: function () {
-            return this.aax;
+            return this.aay;
         },
         set: function (a) {
-            var b = this.aax;
-            this.aax = a;
-            if (b != this.aax) {
-                this.xl("SectionHeaderSelectedBackground", b, this.aax);
+            var b = this.aay;
+            this.aay = a;
+            if (b != this.aay) {
+                this.xm("SectionHeaderSelectedBackground", b, this.aay);
             }
         },
         enumerable: false,
@@ -18578,13 +18576,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "summaryRootBackground", {
         get: function () {
-            return this.aa0;
+            return this.aa1;
         },
         set: function (a) {
-            var b = this.aa0;
-            this.aa0 = a;
-            if (b != this.aa0) {
-                this.xl("SummaryRootBackground", b, this.aa0);
+            var b = this.aa1;
+            this.aa1 = a;
+            if (b != this.aa1) {
+                this.xm("SummaryRootBackground", b, this.aa1);
             }
         },
         enumerable: false,
@@ -18592,13 +18590,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "summarySectionBackground", {
         get: function () {
-            return this.aa4;
+            return this.aa5;
         },
         set: function (a) {
-            var b = this.aa4;
-            this.aa4 = a;
-            if (b != this.aa4) {
-                this.xl("SummarySectionBackground", b, this.aa4);
+            var b = this.aa5;
+            this.aa5 = a;
+            if (b != this.aa5) {
+                this.xm("SummarySectionBackground", b, this.aa5);
             }
         },
         enumerable: false,
@@ -18612,7 +18610,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.mf;
             this.mf = a;
             if (b != this.mf) {
-                this.xl("PinnedRowOpacity", b, this.mf);
+                this.xm("PinnedRowOpacity", b, this.mf);
             }
         },
         enumerable: false,
@@ -18626,7 +18624,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.gu;
             this.gu = a;
             if (b != this.gu) {
-                this.xl("EditTextStyle", b, this.gu);
+                this.xm("EditTextStyle", b, this.gu);
             }
         },
         enumerable: false,
@@ -18640,7 +18638,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.mb;
             this.mb = a;
             if (b != this.mb) {
-                this.xl("EditOpacity", b, this.mb);
+                this.xm("EditOpacity", b, this.mb);
             }
         },
         enumerable: false,
@@ -18648,13 +18646,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "deletedTextColor", {
         get: function () {
-            return this.aag;
+            return this.aah;
         },
         set: function (a) {
-            var b = this.aag;
-            this.aag = a;
-            if (b != this.aag) {
-                this.xl("DeletedTextColor", b, this.aag);
+            var b = this.aah;
+            this.aah = a;
+            if (b != this.aah) {
+                this.xm("DeletedTextColor", b, this.aah);
             }
         },
         enumerable: false,
@@ -18662,13 +18660,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "stickyRowBackground", {
         get: function () {
-            return this.aaz;
+            return this.aa0;
         },
         set: function (a) {
-            var b = this.aaz;
-            this.aaz = a;
-            if (b != this.aaz) {
-                this.xl("StickyRowBackground", b, this.aaz);
+            var b = this.aa0;
+            this.aa0 = a;
+            if (b != this.aa0) {
+                this.xm("StickyRowBackground", b, this.aa0);
             }
         },
         enumerable: false,
@@ -18676,13 +18674,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "pinnedRowBackground", {
         get: function () {
-            return this.aao;
+            return this.aap;
         },
         set: function (a) {
-            var b = this.aao;
-            this.aao = a;
-            if (b != this.aao) {
-                this.xl("PinnedRowBackground", b, this.aao);
+            var b = this.aap;
+            this.aap = a;
+            if (b != this.aap) {
+                this.xm("PinnedRowBackground", b, this.aap);
             }
         },
         enumerable: false,
@@ -18690,13 +18688,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "lastStickyRowBackground", {
         get: function () {
-            return this.aan;
+            return this.aao;
         },
         set: function (a) {
-            var b = this.aan;
-            this.aan = a;
-            if (b != this.aan) {
-                this.xl("LastStickyRowBackground", b, this.aan);
+            var b = this.aao;
+            this.aao = a;
+            if (b != this.aao) {
+                this.xm("LastStickyRowBackground", b, this.aao);
             }
         },
         enumerable: false,
@@ -18710,7 +18708,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.dg;
             this.dg = a;
             if (b != this.dg) {
-                this.xl("ActiveCell", b, this.dg);
+                this.xm("ActiveCell", b, this.dg);
             }
         },
         enumerable: false,
@@ -18718,13 +18716,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "cellBackground", {
         get: function () {
-            return this.z4;
+            return this.z5;
         },
         set: function (a) {
-            var b = this.z4;
-            this.z4 = a;
-            if (b != this.z4) {
-                this.xl("CellBackground", b, this.z4);
+            var b = this.z5;
+            this.z5 = a;
+            if (b != this.z5) {
+                this.xm("CellBackground", b, this.z5);
             }
         },
         enumerable: false,
@@ -18732,13 +18730,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "cellTextColor", {
         get: function () {
-            return this.z6;
+            return this.z7;
         },
         set: function (a) {
-            var b = this.z6;
-            this.z6 = a;
-            if (b != this.z6) {
-                this.xl("CellTextColor", b, this.z6);
+            var b = this.z7;
+            this.z7 = a;
+            if (b != this.z7) {
+                this.xm("CellTextColor", b, this.z7);
             }
         },
         enumerable: false,
@@ -18746,13 +18744,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "headerSortIndicatorColor", {
         get: function () {
-            return this.aal;
+            return this.aam;
         },
         set: function (a) {
-            var b = this.aal;
-            this.aal = a;
-            if (b != this.aal) {
-                this.xl("HeaderSortIndicatorColor", b, this.aal);
+            var b = this.aam;
+            this.aam = a;
+            if (b != this.aam) {
+                this.xm("HeaderSortIndicatorColor", b, this.aam);
             }
         },
         enumerable: false,
@@ -18766,7 +18764,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var 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));
             }
         },
         enumerable: false,
@@ -18780,7 +18778,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.gt;
             this.gt = a;
             if (b != this.gt) {
-                this.xl("CellTextStyle", b, this.gt);
+                this.xm("CellTextStyle", b, this.gt);
             }
         },
         enumerable: false,
@@ -18788,13 +18786,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "sectionHeaderBackground", {
         get: function () {
-            return this.aaw;
+            return this.aax;
         },
         set: function (a) {
-            var b = this.aaw;
-            this.aaw = a;
-            if (b != this.aaw) {
-                this.xl("SectionHeaderBackground", b, this.aaw);
+            var b = this.aax;
+            this.aax = a;
+            if (b != this.aax) {
+                this.xm("SectionHeaderBackground", b, this.aax);
             }
         },
         enumerable: false,
@@ -18802,13 +18800,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "sectionHeaderTextColor", {
         get: function () {
-            return this.aay;
+            return this.aaz;
         },
         set: function (a) {
-            var b = this.aay;
-            this.aay = a;
-            if (b != this.aay) {
-                this.xl("SectionHeaderTextColor", b, this.aay);
+            var b = this.aaz;
+            this.aaz = a;
+            if (b != this.aaz) {
+                this.xm("SectionHeaderTextColor", b, this.aaz);
             }
         },
         enumerable: false,
@@ -18822,7 +18820,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.gw;
             this.gw = a;
             if (b != this.gw) {
-                this.xl("SectionHeaderTextStyle", b, this.gw);
+                this.xm("SectionHeaderTextStyle", b, this.gw);
             }
         },
         enumerable: false,
@@ -18836,7 +18834,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.gx;
             this.gx = a;
             if (b != this.gx) {
-                this.xl("SummaryRootLabelTextStyle", b, this.gx);
+                this.xm("SummaryRootLabelTextStyle", b, this.gx);
             }
         },
         enumerable: false,
@@ -18850,7 +18848,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.gz;
             this.gz = a;
             if (b != this.gz) {
-                this.xl("SummarySectionLabelTextStyle", b, this.gz);
+                this.xm("SummarySectionLabelTextStyle", b, this.gz);
             }
         },
         enumerable: false,
@@ -18858,13 +18856,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "summaryRootValueTextColor", {
         get: function () {
-            return this.aa3;
+            return this.aa4;
         },
         set: function (a) {
-            var b = this.aa3;
-            this.aa3 = a;
-            if (b != this.aa3) {
-                this.xl("SummaryRootValueTextColor", b, this.aa3);
+            var b = this.aa4;
+            this.aa4 = a;
+            if (b != this.aa4) {
+                this.xm("SummaryRootValueTextColor", b, this.aa4);
             }
         },
         enumerable: false,
@@ -18878,7 +18876,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.gy;
             this.gy = a;
             if (b != this.gy) {
-                this.xl("SummaryRootValueTextStyle", b, this.gy);
+                this.xm("SummaryRootValueTextStyle", b, this.gy);
             }
         },
         enumerable: false,
@@ -18892,7 +18890,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.g0;
             this.g0 = a;
             if (b != this.g0) {
-                this.xl("SummarySectionValueTextStyle", b, this.g0);
+                this.xm("SummarySectionValueTextStyle", b, this.g0);
             }
         },
         enumerable: false,
@@ -18900,13 +18898,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "summarySectionValueTextColor", {
         get: function () {
-            return this.aa7;
+            return this.aa8;
         },
         set: function (a) {
-            var b = this.aa7;
-            this.aa7 = a;
-            if (b != this.aa7) {
-                this.xl("SummarySectionValueTextColor", b, this.aa7);
+            var b = this.aa8;
+            this.aa8 = a;
+            if (b != this.aa8) {
+                this.xm("SummarySectionValueTextColor", b, this.aa8);
             }
         },
         enumerable: false,
@@ -18914,13 +18912,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "summaryRootLabelTextColor", {
         get: function () {
-            return this.aa1;
+            return this.aa2;
         },
         set: function (a) {
-            var b = this.aa1;
-            this.aa1 = a;
-            if (b != this.aa1) {
-                this.xl("SummaryRootLabelTextColor", b, this.aa1);
+            var b = this.aa2;
+            this.aa2 = a;
+            if (b != this.aa2) {
+                this.xm("SummaryRootLabelTextColor", b, this.aa2);
             }
         },
         enumerable: false,
@@ -18928,13 +18926,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "summarySectionLabelTextColor", {
         get: function () {
-            return this.aa5;
+            return this.aa6;
         },
         set: function (a) {
-            var b = this.aa5;
-            this.aa5 = a;
-            if (b != this.aa5) {
-                this.xl("SummarySectionLabelTextColor", b, this.aa5);
+            var b = this.aa6;
+            this.aa6 = a;
+            if (b != this.aa6) {
+                this.xm("SummarySectionLabelTextColor", b, this.aa6);
             }
         },
         enumerable: false,
@@ -18942,13 +18940,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "summaryRootSelectedBackground", {
         get: function () {
-            return this.aa2;
+            return this.aa3;
         },
         set: function (a) {
-            var b = this.aa2;
-            this.aa2 = a;
-            if (b != this.aa2) {
-                this.xl("SummaryRootSelectedBackground", b, this.aa2);
+            var b = this.aa3;
+            this.aa3 = a;
+            if (b != this.aa3) {
+                this.xm("SummaryRootSelectedBackground", b, this.aa3);
             }
         },
         enumerable: false,
@@ -18956,13 +18954,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "summarySectionSelectedBackground", {
         get: function () {
-            return this.aa6;
+            return this.aa7;
         },
         set: function (a) {
-            var b = this.aa6;
-            this.aa6 = a;
-            if (b != this.aa6) {
-                this.xl("SummarySectionSelectedBackground", b, this.aa6);
+            var b = this.aa7;
+            this.aa7 = a;
+            if (b != this.aa7) {
+                this.xm("SummarySectionSelectedBackground", b, this.aa7);
             }
         },
         enumerable: false,
@@ -18976,7 +18974,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.nd;
             this.nd = a;
             if (b != this.nd) {
-                this.xl("PinnedAreaSeparatorWidth", b, this.nd);
+                this.xm("PinnedAreaSeparatorWidth", b, this.nd);
             }
         },
         enumerable: false,
@@ -18990,7 +18988,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.m8;
             this.m8 = a;
             if (b != this.m8) {
-                this.xl("HeaderSeparatorWidth", b, this.m8);
+                this.xm("HeaderSeparatorWidth", b, this.m8);
             }
         },
         enumerable: false,
@@ -19006,13 +19004,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     Object.defineProperty(DataGrid.prototype, "headerSeparatorBackground", {
         get: function () {
-            return this.aak;
+            return this.aal;
         },
         set: function (a) {
-            var b = this.aak;
-            this.aak = a;
-            if (b != this.aak) {
-                this.xl("HeaderSeparatorBackground", b, this.aak);
+            var b = this.aal;
+            this.aal = a;
+            if (b != this.aal) {
+                this.xm("HeaderSeparatorBackground", b, this.aal);
             }
         },
         enumerable: false,
@@ -19020,13 +19018,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "headerBackground", {
         get: function () {
-            return this.aai;
+            return this.aaj;
         },
         set: function (a) {
-            var b = this.aai;
-            this.aai = a;
-            if (b != this.aai) {
-                this.xl("HeaderBackground", b, this.aai);
+            var b = this.aaj;
+            this.aaj = a;
+            if (b != this.aaj) {
+                this.xm("HeaderBackground", b, this.aaj);
             }
         },
         enumerable: false,
@@ -19034,13 +19032,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "headerTextColor", {
         get: function () {
-            return this.aam;
+            return this.aan;
         },
         set: function (a) {
-            var b = this.aam;
-            this.aam = a;
-            if (b != this.aam) {
-                this.xl("HeaderTextColor", b, this.aam);
+            var b = this.aan;
+            this.aan = a;
+            if (b != this.aan) {
+                this.xm("HeaderTextColor", b, this.aan);
             }
         },
         enumerable: false,
@@ -19054,7 +19052,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.gv;
             this.gv = a;
             if (b != this.gv) {
-                this.xl("HeaderTextStyle", b, this.gv);
+                this.xm("HeaderTextStyle", b, this.gv);
             }
         },
         enumerable: false,
@@ -19062,13 +19060,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "rowSeparatorBackground", {
         get: function () {
-            return this.aar;
+            return this.aas;
         },
         set: function (a) {
-            var b = this.aar;
-            this.aar = a;
-            if (b != this.aar) {
-                this.xl("RowSeparatorBackground", b, this.aar);
+            var b = this.aas;
+            this.aas = a;
+            if (b != this.aas) {
+                this.xm("RowSeparatorBackground", b, this.aas);
             }
         },
         enumerable: false,
@@ -19076,13 +19074,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "headerRowSeparatorBackground", {
         get: function () {
-            return this.aaj;
+            return this.aak;
         },
         set: function (a) {
-            var b = this.aaj;
-            this.aaj = a;
-            if (b != this.aaj) {
-                this.xl("HeaderRowSeparatorBackground", b, this.aaj);
+            var b = this.aak;
+            this.aak = a;
+            if (b != this.aak) {
+                this.xm("HeaderRowSeparatorBackground", b, this.aak);
             }
         },
         enumerable: false,
@@ -19090,13 +19088,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "rowSeparatorStickyRowBackground", {
         get: function () {
-            return this.aau;
+            return this.aav;
         },
         set: function (a) {
-            var b = this.aau;
-            this.aau = a;
-            if (b != this.aau) {
-                this.xl("RowSeparatorStickyRowBackground", b, this.aau);
+            var b = this.aav;
+            this.aav = a;
+            if (b != this.aav) {
+                this.xm("RowSeparatorStickyRowBackground", b, this.aav);
             }
         },
         enumerable: false,
@@ -19104,13 +19102,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "rowSeparatorLastStickyRowBackground", {
         get: function () {
-            return this.aas;
+            return this.aat;
         },
         set: function (a) {
-            var b = this.aas;
-            this.aas = a;
-            if (b != this.aas) {
-                this.xl("RowSeparatorLastStickyRowBackground", b, this.aas);
+            var b = this.aat;
+            this.aat = a;
+            if (b != this.aat) {
+                this.xm("RowSeparatorLastStickyRowBackground", b, this.aat);
             }
         },
         enumerable: false,
@@ -19118,13 +19116,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "rowSeparatorPinnedRowBackground", {
         get: function () {
-            return this.aat;
+            return this.aau;
         },
         set: function (a) {
-            var b = this.aat;
-            this.aat = a;
-            if (b != this.aat) {
-                this.xl("RowSeparatorPinnedRowBackground", b, this.aat);
+            var b = this.aau;
+            this.aau = a;
+            if (b != this.aau) {
+                this.xm("RowSeparatorPinnedRowBackground", b, this.aau);
             }
         },
         enumerable: false,
@@ -19138,7 +19136,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.m4;
             this.m4 = a;
             if (b != this.m4) {
-                this.xl("ColumnResizingSeparatorWidth", b, this.m4);
+                this.xm("ColumnResizingSeparatorWidth", b, this.m4);
             }
         },
         enumerable: false,
@@ -19152,7 +19150,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.l5;
             this.l5 = a;
             if (b != this.l5) {
-                this.xl("ColumnResizingSeparatorOpacity", b, this.l5);
+                this.xm("ColumnResizingSeparatorOpacity", b, this.l5);
             }
         },
         enumerable: false,
@@ -19166,7 +19164,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.m2;
             this.m2 = a;
             if (b != this.m2) {
-                this.xl("ColumnMovingSeparatorWidth", b, this.m2);
+                this.xm("ColumnMovingSeparatorWidth", b, this.m2);
             }
         },
         enumerable: false,
@@ -19180,7 +19178,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.l4;
             this.l4 = a;
             if (b != this.l4) {
-                this.xl("ColumnMovingSeparatorOpacity", b, this.l4);
+                this.xm("ColumnMovingSeparatorOpacity", b, this.l4);
             }
         },
         enumerable: false,
@@ -19188,13 +19186,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "columnResizingSeparatorBackground", {
         get: function () {
-            return this.aaf;
+            return this.aag;
         },
         set: function (a) {
-            var b = this.aaf;
-            this.aaf = a;
-            if (b != this.aaf) {
-                this.xl("ColumnResizingSeparatorBackground", b, this.aaf);
+            var b = this.aag;
+            this.aag = a;
+            if (b != this.aag) {
+                this.xm("ColumnResizingSeparatorBackground", b, this.aag);
             }
         },
         enumerable: false,
@@ -19202,13 +19200,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "columnMovingSeparatorBackground", {
         get: function () {
-            return this.z7;
+            return this.z8;
         },
         set: function (a) {
-            var b = this.z7;
-            this.z7 = a;
-            if (b != this.z7) {
-                this.xl("ColumnMovingSeparatorBackground", b, this.z7);
+            var b = this.z8;
+            this.z8 = a;
+            if (b != this.z8) {
+                this.xm("ColumnMovingSeparatorBackground", b, this.z8);
             }
         },
         enumerable: false,
@@ -19222,7 +19220,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ip;
             this.ip = a;
             if (b != this.ip) {
-                this.xl("ShiftSectionContent", b, this.ip);
+                this.xm("ShiftSectionContent", b, this.ip);
             }
         },
         enumerable: false,
@@ -19236,7 +19234,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var 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));
             }
         },
         enumerable: false,
@@ -19244,13 +19242,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "columnOptionsIconColor", {
         get: function () {
-            return this.aac;
+            return this.aad;
         },
         set: function (a) {
-            var b = this.aac;
-            this.aac = a;
-            if (b != this.aac) {
-                this.xl("ColumnOptionsIconColor", b, this.aac);
+            var b = this.aad;
+            this.aad = a;
+            if (b != this.aad) {
+                this.xm("ColumnOptionsIconColor", b, this.aad);
             }
         },
         enumerable: false,
@@ -19264,7 +19262,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var 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));
             }
         },
         enumerable: false,
@@ -19272,13 +19270,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "actualBorder", {
         get: function () {
-            return this.z1;
+            return this.z2;
         },
         set: function (a) {
-            var b = this.z1;
-            this.z1 = a;
-            if (b != this.z1) {
-                this.xl("ActualBorder", b, this.z1);
+            var b = this.z2;
+            this.z2 = a;
+            if (b != this.z2) {
+                this.xm("ActualBorder", b, this.z2);
             }
         },
         enumerable: false,
@@ -19286,27 +19284,27 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "border", {
         get: function () {
-            return this.z3;
+            return this.z4;
         },
         set: function (a) {
-            var b = this.z3;
-            this.z3 = a;
-            if (b != this.z3) {
-                this.xl("Border", b, this.z3);
+            var b = this.z4;
+            this.z4 = a;
+            if (b != this.z4) {
+                this.xm("Border", b, this.z4);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(DataGrid.prototype, "acr", {
+    Object.defineProperty(DataGrid.prototype, "acs", {
         get: function () {
-            return this.acl;
+            return this.acm;
         },
         set: function (a) {
-            var b = this.acl;
-            this.acl = a;
-            if (b != this.acl) {
-                this.xl("DefaultBorderWidth", b, this.acl);
+            var b = this.acm;
+            this.acm = a;
+            if (b != this.acm) {
+                this.xm("DefaultBorderWidth", b, this.acm);
             }
         },
         enumerable: false,
@@ -19314,13 +19312,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "actualBorderWidth", {
         get: function () {
-            return this.acj;
+            return this.ack;
         },
         set: function (a) {
-            var b = this.acj;
-            this.acj = a;
-            if (b != this.acj) {
-                this.xl("ActualBorderWidth", b, this.acj);
+            var b = this.ack;
+            this.ack = a;
+            if (b != this.ack) {
+                this.xm("ActualBorderWidth", b, this.ack);
             }
         },
         enumerable: false,
@@ -19328,13 +19326,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "borderWidth", {
         get: function () {
-            return this.ack;
+            return this.acl;
         },
         set: function (a) {
-            var b = this.ack;
-            this.ack = a;
-            if (b != this.ack) {
-                this.xl("BorderWidth", b, this.ack);
+            var b = this.acl;
+            this.acl = a;
+            if (b != this.acl) {
+                this.xm("BorderWidth", b, this.acl);
             }
         },
         enumerable: false,
@@ -19348,21 +19346,21 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ih;
             this.ih = a;
             if (b != this.ih) {
-                this.xl("NotifyOnAllSelectionChanges", b, this.ih);
+                this.xm("NotifyOnAllSelectionChanges", b, this.ih);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(DataGrid.prototype, "zz", {
+    Object.defineProperty(DataGrid.prototype, "z0", {
         get: function () {
-            return this.zv;
+            return this.zw;
         },
         set: function (a) {
-            var b = this.zv;
-            this.zv = a;
-            if (b != this.zv) {
-                this.xl("DefaultCornerRadius", b, this.zv);
+            var b = this.zw;
+            this.zw = a;
+            if (b != this.zw) {
+                this.xm("DefaultCornerRadius", b, this.zw);
             }
         },
         enumerable: false,
@@ -19370,13 +19368,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "cornerRadius", {
         get: function () {
-            return this.zu;
+            return this.zv;
         },
         set: function (a) {
-            var b = this.zu;
-            this.zu = a;
-            if (b != this.zu) {
-                this.xl("CornerRadius", b, this.zu);
+            var b = this.zv;
+            this.zv = a;
+            if (b != this.zv) {
+                this.xm("CornerRadius", b, this.zv);
             }
         },
         enumerable: false,
@@ -19384,13 +19382,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "actualCornerRadius", {
         get: function () {
-            return this.zt;
+            return this.zu;
         },
         set: function (a) {
-            var b = this.zt;
-            this.zt = a;
-            if (b != this.zt) {
-                this.xl("ActualCornerRadius", b, this.zt);
+            var b = this.zu;
+            this.zu = a;
+            if (b != this.zu) {
+                this.xm("ActualCornerRadius", b, this.zu);
             }
         },
         enumerable: false,
@@ -19404,7 +19402,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ht;
             this.ht = a;
             if (this.ht != b) {
-                this.xl("IsActiveCellStyleEnabled", b, this.ht);
+                this.xm("IsActiveCellStyleEnabled", b, this.ht);
             }
         },
         enumerable: false,
@@ -19418,7 +19416,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.iv;
             this.iv = a;
             if (b != this.iv) {
-                this.xl("StopPropagation", b, this.iv);
+                this.xm("StopPropagation", b, this.iv);
             }
         },
         enumerable: false,
@@ -19426,13 +19424,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "actualBackground", {
         get: function () {
-            return this.z0;
+            return this.z1;
         },
         set: function (a) {
-            var b = this.z0;
-            this.z0 = a;
-            if (b != this.z0) {
-                this.xl("ActualBackground", b, this.z0);
+            var b = this.z1;
+            this.z1 = a;
+            if (b != this.z1) {
+                this.xm("ActualBackground", b, this.z1);
             }
         },
         enumerable: false,
@@ -19440,13 +19438,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "background", {
         get: function () {
-            return this.z2;
+            return this.z3;
         },
         set: function (a) {
-            var b = this.z2;
-            this.z2 = a;
-            if (b != this.z2) {
-                this.xl("Background", b, this.z2);
+            var b = this.z3;
+            this.z3 = a;
+            if (b != this.z3) {
+                this.xm("Background", b, this.z3);
             }
         },
         enumerable: false,
@@ -19468,12 +19466,12 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         },
         set: function (a) {
             this.e3 = a;
-            this.xn(this.e3);
+            this.xo(this.e3);
         },
         enumerable: false,
         configurable: true
     });
-    DataGrid.prototype.xn = function (a) {
+    DataGrid.prototype.xo = function (a) {
         if (a != null) {
             a.refresh(this.model, false);
         }
@@ -19671,7 +19669,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             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));
             }
         },
         enumerable: false,
@@ -19686,7 +19684,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             this.hz = a;
             this.h0 = true;
             if (b != this.hz) {
-                this.xl("IsGroupCollapsable", b, this.hz);
+                this.xm("IsGroupCollapsable", b, this.hz);
             }
         },
         enumerable: false,
@@ -19701,7 +19699,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             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));
             }
         },
         enumerable: false,
@@ -19716,7 +19714,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             this.h1 = a;
             this.h2 = true;
             if (b != this.h1) {
-                this.xl("IsGroupExpandedDefault", b, this.h1);
+                this.xm("IsGroupExpandedDefault", b, this.h1);
             }
         },
         enumerable: false,
@@ -19731,7 +19729,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             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));
             }
         },
         enumerable: false,
@@ -19747,18 +19745,18 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    DataGrid.prototype.xl = function (a, b, c) {
+    DataGrid.prototype.xm = function (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));
         }
     };
-    DataGrid.prototype.yt = function () {
+    DataGrid.prototype.yu = function () {
     };
-    DataGrid.prototype.yd = function () {
+    DataGrid.prototype.ye = function () {
         var _this = this;
         if (this.l2 == 0) {
             return;
@@ -19775,7 +19773,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         this.renderingEngine.invalidateVisibility(function () { return _this.gk.t(_this); });
         this.renderingEngine.refresh(this.model, false);
     };
-    DataGrid.prototype.ye = function () {
+    DataGrid.prototype.yf = function () {
         var _this = this;
         if (this.hs) {
             this.vg();
@@ -19793,7 +19791,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     DataGrid.prototype.vg = function () {
         if (this.hs) {
             this.hs = false;
-            this.yd();
+            this.ye();
             this.invalidateVisibleRows();
         }
     };
@@ -19830,7 +19828,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.x;
             this.x = a;
             if (this.x != b) {
-                this.xl("ActualDataSource", b, this.x);
+                this.xm("ActualDataSource", b, this.x);
             }
         },
         enumerable: false,
@@ -19844,7 +19842,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.d;
             this.d = a;
             if (this.d != b) {
-                this.xl("PrimaryKey", b, this.d);
+                this.xm("PrimaryKey", b, this.d);
             }
         },
         enumerable: false,
@@ -19858,7 +19856,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a;
             this.a = a;
             if (this.a != b) {
-                this.xl("ActualPrimaryKey", b, this.a);
+                this.xm("ActualPrimaryKey", b, this.a);
             }
         },
         enumerable: false,
@@ -19874,7 +19872,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    DataGrid.prototype.x8 = function (a, b, c) {
+    DataGrid.prototype.x9 = function (a, b, c) {
         var _this = this;
         if (a == "ItemsSource") {
             if (this.x != null) {
@@ -19958,7 +19956,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.actualPrimaryKey = this.n();
                 if (this.x.actualSchema != null) {
                     if (this.renderingEngine != null) {
-                        this.x9();
+                        this.ya();
                     }
                     this.delayedExecutionManager.executeIn(function () { return _this.w4(); }, 0);
                     this.e7.setDataSource(this.x);
@@ -19967,8 +19965,8 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
                 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;
@@ -20006,7 +20004,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
                             break;
                     }
                 }
-                this.zk();
+                this.zl();
             }
         }
         if (a == "AutoGenerateColumns") {
@@ -20108,11 +20106,11 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var p = b;
             var 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()) {
@@ -20188,27 +20186,27 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         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) {
                 var 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) {
                 var 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) {
@@ -20218,7 +20216,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             if (this.pinnedAreaSeparator != null) {
                 this.pinnedAreaSeparator.grid = this;
             }
-            this.yd();
+            this.ye();
         }
         if (a == "ActiveCell") {
             this.dh = typeCast(GridCellPosition.$, b);
@@ -20304,7 +20302,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
                         break;
                 }
             }
-            this.yd();
+            this.ye();
         }
         if (a == "Density" || a == "RowHeight") {
             this.w5();
@@ -20315,10 +20313,10 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             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);
@@ -20330,10 +20328,10 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             this.syncBorder();
         }
         if (a == "EditMode") {
-            this.zk();
+            this.zl();
         }
         if (a == "FilterUIType") {
-            this.yd();
+            this.ye();
             var ag = this.j0() ? this.actualRowHeight + this.rowSeparatorHeight : 0;
             this.externalGrid.setScrollerVerticalTrackInset(this.actualHeaderHeight + this.rowSeparatorHeight + ag);
         }
@@ -20347,7 +20345,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             this.externalGrid.setBackground(this.actualBackground);
         }
     };
-    DataGrid.prototype.zk = function () {
+    DataGrid.prototype.zl = function () {
         if (this.z != null) {
             if (this.editMode == 2 || this.editMode == 3) {
                 this.z.isBatchingEnabled = true;
@@ -20357,10 +20355,10 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    DataGrid.prototype.zx = function (a, b) {
+    DataGrid.prototype.zy = function (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);
     };
-    DataGrid.prototype.acq = function (a, b) {
+    DataGrid.prototype.acr = function (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);
     };
     DataGrid.prototype.syncBorder = function () {
@@ -20440,16 +20438,16 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.c6.r(this, null, b.propertyName, b.animationType, b.oldValue, b.newValue, 8);
     };
-    DataGrid.prototype.yx = function (a, b) {
-        this.yy(b.propertyName, b.animationType, b.oldValue, b.newValue, false);
+    DataGrid.prototype.yy = function (a, b) {
+        this.yz(b.propertyName, b.animationType, b.oldValue, b.newValue, false);
     };
     DataGrid.prototype.vi = function (a, b) {
-        this.yy(b.propertyName, b.animationType, b.oldValue, b.newValue, true);
+        this.yz(b.propertyName, b.animationType, b.oldValue, b.newValue, true);
     };
     DataGrid.prototype.vj = function (a, b) {
         this.vk(b.propertyName, b.animationType, b.oldValue, b.newValue);
     };
-    DataGrid.prototype.yy = function (a, b, c, d, e) {
+    DataGrid.prototype.yz = function (a, b, c, d, e) {
         if (b == 10) {
             return;
         }
@@ -20474,7 +20472,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         this.w4();
     };
     DataGrid.prototype.u4 = function (a, b) {
-        this.xo();
+        this.xp();
     };
     DataGrid.prototype.rg = function (a) {
         var b = "";
@@ -20488,7 +20486,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         b += EnumUtil.getName(DataSourceSummaryOperand_$type, a.operand);
         return b;
     };
-    DataGrid.prototype.xo = function () {
+    DataGrid.prototype.xp = function () {
         this.vc();
         if (this.summaryDescriptions.j.count > 0 && this.rootSummariesChanged != null) {
             this.rootSummariesChanged(this, new DataSourceRootSummariesChangedEventArgs());
@@ -20527,19 +20525,19 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     DataGrid.prototype.w4 = function () {
         this.e7.setDataSource(this.x);
         this.az.d = this.x.actualSchema;
-        this.zl();
+        this.zm();
         this.vc();
         for (var a = 0; a < this.groupDescriptions.j.count; a++) {
-            this.yu(this.groupDescriptions.j.item(a));
+            this.yv(this.groupDescriptions.j.item(a));
         }
         for (var 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();
         }
     };
@@ -20574,7 +20572,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         this.ml = a;
         this.mk = b;
         this.fp.y(a, b);
-        this.yd();
+        this.ye();
         if (this.sizeChanged != null) {
             this.sizeChanged(this, ((function () {
                 var $ret = new GridSizeChangedEventArgs();
@@ -20602,7 +20600,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         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) {
             var g_1 = this.model.actualVisibleRegion;
             this.model.actualVisibleRegion = f;
-            this.ye();
+            this.yf();
             if (this.viewportChanged != null) {
                 this.viewportChanged(this, ((function () {
                     var $ret = new GridViewportChangedEventArgs();
@@ -20633,14 +20631,14 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    DataGrid.prototype.xh = function (a, b, c) {
+    DataGrid.prototype.xi = function (a, b, c) {
         var d = this.cj(a.l);
         a.a2 = true;
         d.en(a, this, b, c);
         a.a2 = false;
         d.ep(a, this, b, c);
     };
-    DataGrid.prototype.xg = function (a, b, c, d) {
+    DataGrid.prototype.xh = function (a, b, c, d) {
         var e = this.cj(a.l);
         if (!Base.equalsStatic(d, a.k8)) {
             a.k8 = d;
@@ -20699,7 +20697,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             this.externalGrid.removeExternalColumn(b.externalObject);
             this.wp(a);
         }
-        this.yd();
+        this.ye();
         if (this.jp(a)) {
             var f = this.model.h(b.lb).a;
             b.hw = 2;
@@ -20752,7 +20750,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.w0();
                 break;
         }
-        this.yd();
+        this.ye();
         if (!this.ig) {
             this.ig = true;
             this.delayedExecutionManager.executeIn(function () {
@@ -20776,7 +20774,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         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);
     };
@@ -20792,11 +20790,11 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.jn(b) && !b.j1 && b.hw != 3) {
             var 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 (var d = 0; d < this.sortDescriptions.j.count; d++) {
             if (b.mr == this.sortDescriptions.j.item(d).f) {
@@ -20816,7 +20814,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
         if (b == "Width" || b == "MinWidth" || b == "Pinned") {
-            this.yd();
+            this.ye();
             this.uv();
             if (b == "Width") {
                 this.w1(a, d, e);
@@ -20874,7 +20872,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.c6.s(this, f, b, c, d, e, false, false, false, false);
     };
-    DataGrid.prototype.xu = function (a, b, c, d, e) {
+    DataGrid.prototype.xv = function (a, b, c, d, e) {
         if (c == 10) {
             return;
         }
@@ -21097,7 +21095,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         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);
@@ -21109,14 +21107,14 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         switch (b.propertyName) {
             case "Filter":
             case "FilterExpression":
-                this.zl();
+                this.zm();
                 break;
             case "IsHidden":
                 if (c.j1) {
                     if (this.jq(c)) {
                         var d = c.hw;
                         c.hw = 2;
-                        this.yd();
+                        this.ye();
                         this.c6.ak(this, this.columnAnimationSettings, this.model.h(c.lb), false, d);
                     }
                     else {
@@ -21125,21 +21123,21 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
                             this.externalGrid.ensureColumnsAreManual();
                             this.externalGrid.removeExternalColumn(c.externalObject);
                         }
-                        this.yd();
+                        this.ye();
                     }
                 }
                 else {
                     if (this.jx(c)) {
                         var 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) {
@@ -21153,12 +21151,12 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "MergedCellMode":
                 if (this.k8()) {
-                    this.yd();
+                    this.ye();
                 }
                 break;
         }
     };
-    DataGrid.prototype.zl = function () {
+    DataGrid.prototype.zm = function () {
         if (this.actualDataSource == null) {
             return;
         }
@@ -21491,7 +21489,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         this.nb = f;
         this.viewportManager.moveViewportTo(f, e);
     };
-    DataGrid.prototype.y0 = function (a) {
+    DataGrid.prototype.y1 = function (a) {
         var b = truncate(a);
         if (b < 0) {
             b = 0;
@@ -21552,10 +21550,10 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         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();
     };
@@ -21575,7 +21573,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             if (b < 0) {
                 b = 0;
             }
-            this.y0(b);
+            this.y1(b);
         }
     };
     DataGrid.prototype.n0 = function (a) {
@@ -21598,7 +21596,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         var a = this.gc.b(this.model.actualVisibleRegion.bottom - this.model.df, this.model);
         return this.gc.i(this.model, a);
     };
-    DataGrid.prototype.x3 = function () {
+    DataGrid.prototype.x4 = function () {
         var a = this.getFirstVisibleIndex();
         var b = this.getLastVisibleIndex();
         this.e8.firstVisibleIndexRequested = a;
@@ -21652,12 +21650,12 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     DataGrid.prototype.va = function () {
         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;
     };
-    DataGrid.prototype.xs = function (a, b) {
+    DataGrid.prototype.xt = function (a, b) {
         if (a == null) {
             var c = this.selectedKeys.ae.indexOf(b);
             if (c > -1 && this.selectedItems.ae.count > 0) {
@@ -21680,7 +21678,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.ji = false;
     };
-    DataGrid.prototype.xt = function (a, b) {
+    DataGrid.prototype.xu = function (a, b) {
         if (a == null) {
             var c = this.selectedKeys.ae.indexOf(b);
             if (c > -1 && this.selectedItems.ae.count > 0) {
@@ -21692,20 +21690,20 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         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;
     };
-    DataGrid.prototype.xz = function (a, b, c) {
+    DataGrid.prototype.x0 = function (a, b, c) {
         this.ji = true;
-        this.zp(a, b, c);
+        this.zq(a, b, c);
         this.ji = false;
     };
     DataGrid.prototype.v6 = function (a, b, c) {
@@ -21821,7 +21819,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             var i = Math.min(this.nm, e);
             var j = Math.max(this.nm, e);
-            this.y9(i, j);
+            this.za(i, j);
         }
         else if (this.selectionMode == 5 && a) {
             if (this.nm == -1) {
@@ -21835,7 +21833,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             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;
@@ -21844,7 +21842,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             this.lt.clear();
             this.lu.clear();
         }
-        this.x0();
+        this.x1();
         return true;
     };
     DataGrid.prototype.kp = function (a, b) {
@@ -22005,7 +22003,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         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) {
@@ -22108,8 +22106,8 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             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;
@@ -22221,8 +22219,8 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             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;
@@ -22230,9 +22228,47 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return true;
     };
+    DataGrid.prototype.xf = function (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;
+        }
+        var c;
+        var d;
+        if (a) {
+            c = this.e8.getRowCount() - 1;
+            d = this.n6(true);
+        }
+        else {
+            c = 0;
+            d = this.n1(true);
+        }
+        var e = this.actualColumns._inner[d];
+        this.activeCell = ((function () {
+            var $ret = new GridCellPosition();
+            $ret.b = c;
+            $ret.d = e.mw();
+            return $ret;
+        })());
+        this.us(c, this.model.b9._inner[d].n, false);
+    };
     DataGrid.prototype.k0 = function (a, b) {
         if (this.activationMode == 0 || this.activeCell == null) {
-            return false;
+            if (a) {
+                this.externalGrid.moveFocusPrevious();
+            }
+            else {
+                this.externalGrid.moveFocusNext();
+            }
+            return true;
         }
         var c = this.ae.s();
         var d = this.model.b9._inner[c].n;
@@ -22270,7 +22306,9 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
                         p = this.actualColumns._inner[o];
                     }
                     else {
-                        return false;
+                        this.activeCell = null;
+                        this.externalGrid.moveFocusPrevious();
+                        return true;
                     }
                 }
                 d = this.model.b9._inner[o].n;
@@ -22303,7 +22341,9 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
                         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;
@@ -22344,7 +22384,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return true;
     };
-    DataGrid.prototype.x4 = function () {
+    DataGrid.prototype.x5 = function () {
     };
     DataGrid.prototype.k1 = function (a, b) {
         if (this.ck.j) {
@@ -22396,7 +22436,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             var i = Math.min(this.nm, e);
             var j = Math.max(this.nm, e);
-            this.y9(i, j);
+            this.za(i, j);
         }
         else if (this.selectionMode == 5 && a) {
             if (this.nm == -1) {
@@ -22410,7 +22450,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             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;
@@ -22419,7 +22459,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             this.lt.clear();
             this.lu.clear();
         }
-        this.x0();
+        this.x1();
         return true;
     };
     DataGrid.prototype.kq = function (a, b) {
@@ -22448,7 +22488,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             if (this.activationMode != 0 && this.activeCell != null) {
                 var 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)) {
                     var d = this.ae.s();
@@ -22599,7 +22639,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         var f = this.ck.o;
         var g = this.ck.s;
         if (b) {
-            this.xq(f, g);
+            this.xr(f, g);
         }
         this.wc(e, f, g);
         return true;
@@ -22631,7 +22671,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         var b = this.ck.o;
         var c = this.ck.s;
         this.ck.w();
-        this.xp(b, c);
+        this.xq(b, c);
         if (a) {
             if (this.autoAcceptEdits) {
                 if (this.canCommit) {
@@ -22679,13 +22719,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.ji = false;
     };
-    DataGrid.prototype.x0 = function () {
+    DataGrid.prototype.x1 = function () {
         if (this.io && this.selectionChanged != null) {
             this.selectionChanged(this, new GridSelectionChangedEventArgs());
             this.io = false;
         }
     };
-    DataGrid.prototype.zq = function (a, b, c, d) {
+    DataGrid.prototype.zr = function (a, b, c, d) {
         if (a.count == 0 && b.count == 0 && c.count == 0 && d.count == 0) {
             return;
         }
@@ -22715,8 +22755,8 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
         this.notifyOnAllSelectionChanges = e;
-        this.xv(c, a);
-        this.xy(d, b);
+        this.xw(c, a);
+        this.xz(d, b);
     };
     DataGrid.prototype.up = function (a, b) {
         var c = this.notifyOnAllSelectionChanges;
@@ -22727,8 +22767,8 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             this.io = true;
         }
         this.notifyOnAllSelectionChanges = c;
-        this.xv(null, a);
-        this.xy(null, b);
+        this.xw(null, a);
+        this.xz(null, b);
     };
     DataGrid.prototype.uq = function (a, b, c) {
         var d = this.notifyOnAllSelectionChanges;
@@ -22739,11 +22779,11 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.notifyOnAllSelectionChanges = d;
         if (c) {
-            this.xw(null, a);
-            this.xx(null, b);
+            this.xx(null, a);
+            this.xy(null, b);
         }
     };
-    DataGrid.prototype.zp = function (a, b, c) {
+    DataGrid.prototype.zq = function (a, b, c) {
         var d = this.notifyOnAllSelectionChanges;
         this.notifyOnAllSelectionChanges = false;
         var e = this.selectedItems.ae._inner[a];
@@ -22751,9 +22791,9 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             this.selectedItems.ae._inner[a] = b;
         }
         this.notifyOnAllSelectionChanges = d;
-        this.xw(b, b);
+        this.xx(b, b);
     };
-    DataGrid.prototype.yq = function (a, b) {
+    DataGrid.prototype.yr = function (a, b) {
         var c = this.notifyOnAllSelectionChanges;
         this.notifyOnAllSelectionChanges = false;
         if (!this.iy) {
@@ -22763,10 +22803,10 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
         this.notifyOnAllSelectionChanges = c;
-        this.xv(a, null);
-        this.xy(b, null);
+        this.xw(a, null);
+        this.xz(b, null);
     };
-    DataGrid.prototype.yr = function (a, b, c) {
+    DataGrid.prototype.ys = function (a, b, c) {
         var d = this.notifyOnAllSelectionChanges;
         this.notifyOnAllSelectionChanges = false;
         if (!this.iy) {
@@ -22775,11 +22815,11 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.notifyOnAllSelectionChanges = d;
         if (c) {
-            this.xw(a, null);
-            this.xx(b, null);
+            this.xx(a, null);
+            this.xy(b, null);
         }
     };
-    DataGrid.prototype.xw = function (a, b) {
+    DataGrid.prototype.xx = function (a, b) {
         if (!this.lk && this.selectedItemsChanged != null) {
             var c = new GridSelectedItemsChangedEventArgs();
             c.currentItems = this.selectedItems;
@@ -22796,7 +22836,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             this.selectedItemsChanged(this, c);
         }
     };
-    DataGrid.prototype.xx = function (a, b) {
+    DataGrid.prototype.xy = function (a, b) {
         if (!this.lk && this.selectedKeysChanged != null) {
             var c = new GridSelectedKeysChangedEventArgs();
             c.currentKeys = this.selectedKeys;
@@ -22813,7 +22853,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             this.selectedKeysChanged(this, c);
         }
     };
-    DataGrid.prototype.xv = function (a, b) {
+    DataGrid.prototype.xw = function (a, b) {
         if (!this.lk && this.selectedItemsChanged != null) {
             var c = new GridSelectedItemsChangedEventArgs();
             c.currentItems = this.selectedItems;
@@ -22828,7 +22868,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             this.selectedItemsChanged(this, c);
         }
     };
-    DataGrid.prototype.xy = function (a, b) {
+    DataGrid.prototype.xz = function (a, b) {
         if (!this.lk && this.selectedKeysChanged != null) {
             var c = new GridSelectedKeysChangedEventArgs();
             c.currentKeys = this.selectedKeys;
@@ -22867,7 +22907,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             this.selectedCellRangesChanged(this, b);
         }
     };
-    DataGrid.prototype.yn = function (a) {
+    DataGrid.prototype.yo = function (a) {
         if (this.selectedCellRanges.contains(a)) {
             this.selectedCellRanges.remove(a);
             if (this.selectedCellRangesChanged != null) {
@@ -22882,7 +22922,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    DataGrid.prototype.ym = function () {
+    DataGrid.prototype.yn = function () {
         if (this.selectedCellRanges.count > 0) {
             var a = new GridSelectedCellRangesCollection();
             for (var b = 0; b < this.selectedCellRanges.count; b++) {
@@ -22911,7 +22951,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    DataGrid.prototype.x1 = function (a, b, c) {
+    DataGrid.prototype.x2 = function (a, b, c) {
         this.vn(a);
         if (b != c) {
             this.f6.aj(a);
@@ -22927,18 +22967,18 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             this.m6 = -1;
         }
         this.f6.ad();
-        this.xo();
-        this.yd();
+        this.xp();
+        this.ye();
         this.invalidateVisibleRows();
     };
-    DataGrid.prototype.yw = function (a, b) {
+    DataGrid.prototype.yx = function (a, b) {
         var c = this.lv(a, b);
         for (var d = 0; d < c.count; d++) {
             var e = c._inner[d];
-            this.yl(e);
+            this.ym(e);
         }
     };
-    DataGrid.prototype.ys = function (a, b) {
+    DataGrid.prototype.yt = function (a, b) {
         var c = this.lv(a, b);
         for (var d = 0; d < c.count; d++) {
             var e = c._inner[d];
@@ -22995,7 +23035,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return false;
     };
-    DataGrid.prototype.yl = function (a) {
+    DataGrid.prototype.ym = function (a) {
         var b = a.ah + "@@@" + EnumUtil.getName(DataSourceSummaryOperand_$type, a.i);
         if (!this.ln.containsKey(b)) {
             this.ln.item(b, 0);
@@ -23072,7 +23112,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.c6.z(this, a, b, true);
         this.model.b5 = true;
-        this.ye();
+        this.yf();
     };
     DataGrid.prototype.n3 = function () {
         return this.gc.o(this.model.actualVisibleRegion.left + this.model.cz, this, this.model);
@@ -23085,7 +23125,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         var d = this.gc.i(this.model, b);
         this.vo(c, d);
     };
-    DataGrid.prototype.x9 = function () {
+    DataGrid.prototype.ya = function () {
         var _this = this;
         if (!this.hs) {
             this.hs = true;
@@ -23096,14 +23136,14 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    DataGrid.prototype.xf = function (a, b) {
+    DataGrid.prototype.xg = function (a, b) {
         var 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();
     };
-    DataGrid.prototype.xm = function (a, b) {
+    DataGrid.prototype.xn = function (a, b) {
         var c = this.e8.getRowPathForRow(a);
         this.dx.af(c);
         this.f6.ai(this.gc.i(this.model, c), b);
@@ -23136,16 +23176,16 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
             }
         }
-        this.x9();
+        this.ya();
     };
     DataGrid.prototype.setActiveResponsiveState = function (a) {
         for (var 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]);
             }
         }
     };
-    DataGrid.prototype.zb = function (a) {
+    DataGrid.prototype.zc = function (a) {
         this.fp.x(a);
     };
     DataGrid.prototype.notifySetItem = function (a, b, c) {
@@ -23255,7 +23295,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.il;
             this.il = a;
             if (b != this.il) {
-                this.xl("ReactsToSortChanges", b, this.il);
+                this.xm("ReactsToSortChanges", b, this.il);
             }
         },
         enumerable: false,
@@ -23269,7 +23309,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ik;
             this.ik = a;
             if (b != this.ik) {
-                this.xl("ReactsToGroupChanges", b, this.ik);
+                this.xm("ReactsToGroupChanges", b, this.ik);
             }
         },
         enumerable: false,
@@ -23283,7 +23323,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ij;
             this.ij = a;
             if (b != this.ij) {
-                this.xl("ReactsToFilterChanges", b, this.ij);
+                this.xm("ReactsToFilterChanges", b, this.ij);
             }
         },
         enumerable: false,
@@ -23356,12 +23396,12 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
                     var n = this.z.isPendingTransaction(k_3);
                     if (n && this.autoAcceptEdits) {
                         this.acceptEdit(k_3);
-                        this.zr(f_2, j, h_1);
+                        this.zs(f_2, j, h_1);
                     }
                 }
                 else {
                     this.acceptEdit(k_3);
-                    this.zr(f_2, j, h_1);
+                    this.zs(f_2, j, h_1);
                 }
                 this.ii = false;
             }
@@ -23377,7 +23417,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return true;
     };
-    DataGrid.prototype.zr = function (a, b, c) {
+    DataGrid.prototype.zs = function (a, b, c) {
         if (this.actualPrimaryKey != null) {
             var d = false;
             var e = -1;
@@ -23471,7 +23511,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             })()));
         }
     };
-    DataGrid.prototype.xq = function (a, b) {
+    DataGrid.prototype.xr = function (a, b) {
         if (this.rowEditStarted != null) {
             this.rowEditStarted(this, ((function () {
                 var $ret = new GridRowEditStartedEventArgs();
@@ -23481,7 +23521,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             })()));
         }
     };
-    DataGrid.prototype.xp = function (a, b) {
+    DataGrid.prototype.xq = function (a, b) {
         if (this.rowEditEnded != null) {
             this.rowEditEnded(this, ((function () {
                 var $ret = new GridRowEditEndedEventArgs();
@@ -23638,7 +23678,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var 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));
             }
         },
         enumerable: false,
@@ -23652,7 +23692,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var 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));
             }
         },
         enumerable: false,
@@ -23679,8 +23719,8 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
                 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);
             }
         }
@@ -23755,7 +23795,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.hw;
             this.hw = a;
             if (b != this.hw) {
-                this.xl("IsColumnOptionsSummariesEnabled", b, this.hw);
+                this.xm("IsColumnOptionsSummariesEnabled", b, this.hw);
             }
         },
         enumerable: false,
@@ -23769,7 +23809,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.hv;
             this.hv = a;
             if (b != this.hv) {
-                this.xl("IsColumnOptionsGroupingEnabled", b, this.hv);
+                this.xm("IsColumnOptionsGroupingEnabled", b, this.hv);
             }
         },
         enumerable: false,
@@ -23783,7 +23823,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var 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));
             }
         },
         enumerable: false,
@@ -23797,7 +23837,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var 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));
             }
         },
         enumerable: false,
@@ -23811,7 +23851,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var 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));
             }
         },
         enumerable: false,
@@ -24276,7 +24316,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var 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));
             }
         },
         enumerable: false,
@@ -24290,7 +24330,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var 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));
             }
         },
         enumerable: false,
@@ -24304,7 +24344,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var 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));
             }
         },
         enumerable: false,
@@ -24332,7 +24372,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.hk;
             this.hk = a;
             if (b != this.hk) {
-                this.xl("ClearSelectionOnEscape", b, this.hk);
+                this.xm("ClearSelectionOnEscape", b, this.hk);
             }
         },
         enumerable: false,
@@ -24369,7 +24409,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.h6;
             this.h6 = a;
             if (b != this.h6) {
-                this.xl("IsPagerVisible", b, this.h6);
+                this.xm("IsPagerVisible", b, this.h6);
             }
         },
         enumerable: false,
@@ -24383,7 +24423,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.m9;
             this.m9 = a;
             if (b != this.m9) {
-                this.xl("PageSize", b, this.m9);
+                this.xm("PageSize", b, this.m9);
             }
         },
         enumerable: false,
@@ -24397,7 +24437,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ib;
             this.ib = a;
             if (b != this.ib) {
-                this.xl("IsToolbarVisible", b, this.ib);
+                this.xm("IsToolbarVisible", b, this.ib);
             }
         },
         enumerable: false,
@@ -24411,7 +24451,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.h9;
             this.h9 = a;
             if (b != this.h9) {
-                this.xl("IsToolbarColumnChooserVisible", b, this.h9);
+                this.xm("IsToolbarColumnChooserVisible", b, this.h9);
             }
         },
         enumerable: false,
@@ -24425,7 +24465,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ia;
             this.ia = a;
             if (b != this.ia) {
-                this.xl("IsToolbarColumnPinningVisible", b, this.ia);
+                this.xm("IsToolbarColumnPinningVisible", b, this.ia);
             }
         },
         enumerable: false,
@@ -24439,7 +24479,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.pd;
             this.pd = a;
             if (b != this.pd) {
-                this.xl("ToolbarTitle", b, this.pd);
+                this.xm("ToolbarTitle", b, this.pd);
             }
         },
         enumerable: false,
@@ -24453,7 +24493,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.o9;
             this.o9 = a;
             if (b != this.o9) {
-                this.xl("ToolbarColumnChooserText", b, this.o9);
+                this.xm("ToolbarColumnChooserText", b, this.o9);
             }
         },
         enumerable: false,
@@ -24467,7 +24507,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.pa;
             this.pa = a;
             if (b != this.pa) {
-                this.xl("ToolbarColumnChooserTitle", b, this.pa);
+                this.xm("ToolbarColumnChooserTitle", b, this.pa);
             }
         },
         enumerable: false,
@@ -24481,7 +24521,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.pb;
             this.pb = a;
             if (b != this.pb) {
-                this.xl("ToolbarColumnPinningText", b, this.pb);
+                this.xm("ToolbarColumnPinningText", b, this.pb);
             }
         },
         enumerable: false,
@@ -24495,7 +24535,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.pc;
             this.pc = a;
             if (b != this.pc) {
-                this.xl("ToolbarColumnPinningTitle", b, this.pc);
+                this.xm("ToolbarColumnPinningTitle", b, this.pc);
             }
         },
         enumerable: false,
@@ -24509,7 +24549,7 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
             var 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));
             }
         },
         enumerable: false,
@@ -24517,13 +24557,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "scrollbarBackground", {
         get: function () {
-            return this.aav;
+            return this.aaw;
         },
         set: function (a) {
-            var b = this.aav;
-            this.aav = a;
-            if (b != this.aav) {
-                this.xl("ScrollbarBackground", b, this.aav);
+            var b = this.aaw;
+            this.aaw = a;
+            if (b != this.aaw) {
+                this.xm("ScrollbarBackground", b, this.aaw);
             }
         },
         enumerable: false,
@@ -24531,13 +24571,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "columnOptionsBackground", {
         get: function () {
-            return this.z9;
+            return this.aaa;
         },
         set: function (a) {
-            var b = this.z9;
-            this.z9 = a;
-            if (b != this.z9) {
-                this.xl("ColumnOptionsBackground", b, this.z9);
+            var b = this.aaa;
+            this.aaa = a;
+            if (b != this.aaa) {
+                this.xm("ColumnOptionsBackground", b, this.aaa);
             }
         },
         enumerable: false,
@@ -24545,13 +24585,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "columnOptionsTextColor", {
         get: function () {
-            return this.aae;
+            return this.aaf;
         },
         set: function (a) {
-            var b = this.aae;
-            this.aae = a;
-            if (b != this.aae) {
-                this.xl("ColumnOptionsTextColor", b, this.aae);
+            var b = this.aaf;
+            this.aaf = a;
+            if (b != this.aaf) {
+                this.xm("ColumnOptionsTextColor", b, this.aaf);
             }
         },
         enumerable: false,
@@ -24559,13 +24599,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "columnOptionsSeparatorColor", {
         get: function () {
-            return this.aad;
+            return this.aae;
         },
         set: function (a) {
-            var b = this.aad;
-            this.aad = a;
-            if (b != this.aad) {
-                this.xl("ColumnOptionsSeparatorColor", b, this.aad);
+            var b = this.aae;
+            this.aae = a;
+            if (b != this.aae) {
+                this.xm("ColumnOptionsSeparatorColor", b, this.aae);
             }
         },
         enumerable: false,
@@ -24573,13 +24613,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "columnOptionsGroupHeaderBackground", {
         get: function () {
-            return this.aaa;
+            return this.aab;
         },
         set: function (a) {
-            var b = this.aaa;
-            this.aaa = a;
-            if (b != this.aaa) {
-                this.xl("ColumnOptionsGroupHeaderBackground", b, this.aaa);
+            var b = this.aab;
+            this.aab = a;
+            if (b != this.aab) {
+                this.xm("ColumnOptionsGroupHeaderBackground", b, this.aab);
             }
         },
         enumerable: false,
@@ -24587,13 +24627,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "columnOptionsGroupHeaderTextColor", {
         get: function () {
-            return this.aab;
+            return this.aac;
         },
         set: function (a) {
-            var b = this.aab;
-            this.aab = a;
-            if (b != this.aab) {
-                this.xl("ColumnOptionsGroupHeaderTextColor", b, this.aab);
+            var b = this.aac;
+            this.aac = a;
+            if (b != this.aac) {
+                this.xm("ColumnOptionsGroupHeaderTextColor", b, this.aac);
             }
         },
         enumerable: false,
@@ -24601,13 +24641,13 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(DataGrid.prototype, "columnOptionsAccentColor", {
         get: function () {
-            return this.z8;
+            return this.z9;
         },
         set: function (a) {
-            var b = this.z8;
-            this.z8 = a;
-            if (b != this.z8) {
-                this.xl("ColumnOptionsAccentColor", b, this.z8);
+            var b = this.z9;
+            this.z9 = a;
+            if (b != this.z9) {
+                this.xm("ColumnOptionsAccentColor", b, this.z9);
             }
         },
         enumerable: false,
@@ -25063,7 +25103,7 @@ var GridAnimationManager = /** @class */ /*@__PURE__*/ (function (_super) {
             i.hw = 5;
             c.a = 5;
             a.model.b2 = false;
-            a.yd();
+            a.ye();
             a.wz(i);
             _this.w(f);
         });
@@ -25373,7 +25413,7 @@ var GridAnimationManager = /** @class */ /*@__PURE__*/ (function (_super) {
                 f.hw = 5;
                 c.a = 5;
                 a.model.b2 = false;
-                a.yd();
+                a.ye();
                 if (_this.k.containsKey(c.o)) {
                     var s = _this.k.item(c.o);
                     if (s.count == 0) {
@@ -25404,7 +25444,7 @@ var GridAnimationManager = /** @class */ /*@__PURE__*/ (function (_super) {
                 b.a = 3;
                 a.columns.remove(g);
                 a.model.b2 = false;
-                a.yd();
+                a.ye();
             });
             n.effectsCanceled = delegateCombine(n.effectsCanceled, function (o, p) { return a.model.b2 = false; });
             var o = a.model.h(b.o);
@@ -25863,7 +25903,7 @@ var GridAnimationManager = /** @class */ /*@__PURE__*/ (function (_super) {
                 a.model.dk(n._inner[o_1]);
             }
             h.hw = 5;
-            a.yd();
+            a.ye();
             a.wv(h);
             _this.w(e);
         });
@@ -26118,7 +26158,7 @@ var GridAnimationManager = /** @class */ /*@__PURE__*/ (function (_super) {
                 a.externalGrid.removeExternalColumn(i.externalObject);
             }
             a.model.b2 = false;
-            a.yd();
+            a.ye();
             a.wr(i);
             _this.w(f);
         });
@@ -26675,7 +26715,7 @@ var GridAnimationManager = /** @class */ /*@__PURE__*/ (function (_super) {
                     if (l.bq(n)) {
                         var o = a.e8.resolveValueForPath(a, l.l);
                         var 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;
@@ -26719,7 +26759,7 @@ var GridAnimationManager = /** @class */ /*@__PURE__*/ (function (_super) {
             k.g = 0;
             k.h = 0;
             k.j = 0;
-            a.yd();
+            a.ye();
             return k.g;
         };
         a.dx.u(b, h);
@@ -26797,7 +26837,7 @@ var GridAnimationManager = /** @class */ /*@__PURE__*/ (function (_super) {
                     }
                     if (p.bq(a.e8.getRowType(p.l.x))) {
                         var 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;
@@ -26805,7 +26845,7 @@ var GridAnimationManager = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
                 else if (p.l.am) {
                     var u = a.rh(p.l, a, null, -1);
-                    a.xg(p, null, null, u);
+                    a.xh(p, null, null, u);
                 }
                 return p.c7;
             };
@@ -26874,7 +26914,7 @@ var GridAnimationManager = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
                 if (o.bq(a.e8.getRowType(o.l.x))) {
                     var 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;
@@ -26882,7 +26922,7 @@ var GridAnimationManager = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             else if (o.l.am) {
                 var t = a.rh(o.l, a, null, -1);
-                a.xg(o, null, null, t);
+                a.xh(o, null, null, t);
             }
             return o.c7;
         };
@@ -27999,7 +28039,7 @@ var DefinitionBase = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
         if (c) {
-            this.grid.x9();
+            this.grid.ya();
         }
     };
     DefinitionBase.prototype.fe = function () {
@@ -30415,7 +30455,7 @@ var DataGridColumn = /** @class */ /*@__PURE__*/ (function (_super) {
     DataGridColumn.prototype.e2 = function (a) {
         _super.prototype.e2.call(this, a);
         if (this.grid != null) {
-            this.grid.ys(a, this);
+            this.grid.yt(a, this);
         }
     };
     DataGridColumn.prototype.ct = function () {
@@ -33384,7 +33424,7 @@ var SelectionManager = /** @class */ /*@__PURE__*/ (function (_super) {
             if (f >= 0) {
                 if (this.a.selectedItems.ae._inner[f] == null) {
                     var g = this.a.e8.resolveValueForRow(a.l);
-                    this.a.xz(f, g, c);
+                    this.a.x0(f, g, c);
                 }
             }
         }
@@ -33591,7 +33631,7 @@ var SelectionManager = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
         if (d) {
-            this.a.xs(c, a);
+            this.a.xt(c, a);
         }
     };
     SelectionManager.prototype.az = function (a, b, c, d) {
@@ -33611,7 +33651,7 @@ var SelectionManager = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
         if (d) {
-            this.a.xt(c, a);
+            this.a.xu(c, a);
         }
     };
     SelectionManager.prototype.ay = function (a, b, c) {
@@ -38815,7 +38855,7 @@ var SectionHeader = /** @class */ /*@__PURE__*/ (function (_super) {
                     }
                 }
                 if (!o.o) {
-                    b.yu(o);
+                    b.yv(o);
                 }
                 if (k > 0) {
                     g += ", ";
@@ -41496,7 +41536,7 @@ var GridLayerController = /** @class */ /*@__PURE__*/ (function (_super) {
             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;
             }
@@ -41696,7 +41736,7 @@ var VisibilityEngine = /** @class */ /*@__PURE__*/ (function (_super) {
         b.db = f.m;
         b.c9 = f.l;
         b.dc = f.n;
-        a.x3();
+        a.x4();
         this.d = f.b;
         this.c = f.a;
         var j = a.d2;
@@ -55639,7 +55679,7 @@ var NativeUIGridFactory = /** @class */ /*@__PURE__*/ (function (_super) {
         configurable: true
     });
     NativeUIGridFactory.register = function () {
-        NativeUIComponent.as(NativeUIGridFactory.instance);
+        NativeUIComponent.at(NativeUIGridFactory.instance);
     };
     Object.defineProperty(NativeUIGridFactory.prototype, "flavor", {
         get: function () {
@@ -55676,7 +55716,7 @@ var NativeUIGridFactory = /** @class */ /*@__PURE__*/ (function (_super) {
             var f = (comp_.i);
             var g = new CheckboxListBridge(f);
             var h = new NativeUICheckboxList();
-            h.an = d;
+            h.ao = d;
             h.d = g;
             b(h);
         }, false);
@@ -58196,6 +58236,12 @@ var GridExternalWrapper = /** @class */ /*@__PURE__*/ (function (_super) {
         var grid_ = this.a;
         grid_._ensureColumnsAreManual();
     };
+    GridExternalWrapper.prototype.moveFocusPrevious = function () {
+        this.a._moveFocusPrevious();
+    };
+    GridExternalWrapper.prototype.moveFocusNext = function () {
+        this.a._moveFocusNext();
+    };
     GridExternalWrapper.$t = markType(GridExternalWrapper, 'GridExternalWrapper', Base.$, [IExternalGrid_$type]);
     return GridExternalWrapper;
 }(Base));
@@ -64530,7 +64576,7 @@ var ComparisonOperatorSelectorView = /** @class */ /*@__PURE__*/ (function (_sup
     };
     ComparisonOperatorSelectorView.prototype.onDocumentKeyDown = function (a) {
         var b = a;
-        if (BaseDOMEventProxy.c1(b) == 8) {
+        if (BaseDOMEventProxy.c4(b) == 8) {
             this.a.d8();
         }
     };
@@ -66824,7 +66870,7 @@ var GridFilterDialogView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     GridFilterDialogView.prototype.r = function (a) {
         var b = a;
-        this.m.append(b.an);
+        this.m.append(b.ao);
     };
     GridFilterDialogView.prototype.p = function () {
         return this.m;
@@ -66917,7 +66963,7 @@ var GridFilterDialogPanel = /** @class */ /*@__PURE__*/ (function (_super) {
         a.stopPropagation();
     };
     GridFilterDialogPanel.prototype.onDocumentKeyDown = function (a) {
-        if (BaseDOMEventProxy.c1(a) == 8) {
+        if (BaseDOMEventProxy.c4(a) == 8) {
         }
     };
     GridFilterDialogPanel.prototype.onDocumentMouseClick = function (e_) {
@@ -67299,7 +67345,7 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(GridFilterDialog.prototype, "ae", {
         get: function () {
-            return this.v != null ? this.v.bx : false;
+            return this.v != null ? this.v.by : false;
         },
         enumerable: false,
         configurable: true
@@ -67333,41 +67379,41 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
                 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;
         }
@@ -67395,38 +67441,39 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     GridFilterDialog.prototype.bq = function () {
         var _this = this;
-        NativeUIComponent.au(this.s.p(), 18, function (a) {
+        NativeUIComponent.av(this.s.p(), 18, function (a) {
             var 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;
         });
     };
     GridFilterDialog.prototype.bg = function (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) {
@@ -67737,8 +67784,8 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     GridFilterDialog.prototype.bk = function () {
         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;
             }
         }
     };
@@ -68896,7 +68943,7 @@ var TemplateCell = /** @class */ /*@__PURE__*/ (function (_super) {
     TemplateCell.prototype.dy = function (a) {
         var b = this.dw.element.getNativeElement();
         if (b.contains(document.activeElement) && document.activeElement.nodeName == "INPUT") {
-            var c = BaseDOMEventProxy.c1(a);
+            var c = BaseDOMEventProxy.c4(a);
             if (c == 14 || c == 16) {
                 a.stopPropagation();
             }
@@ -69032,6 +69079,12 @@ var SectionHeaderCell = /** @class */ /*@__PURE__*/ (function (_super) {
         var _this = _super.call(this, a) || this;
         _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");
@@ -69047,6 +69100,12 @@ var SectionHeaderCell = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    SectionHeaderCell.prototype.c0 = function (a, b) {
+        _super.prototype.c0.call(this, a, b);
+        if (a == this.dw) {
+            this.dw.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
+        }
+    };
     SectionHeaderCell.prototype.get_ae = function () {
         return true;
     };
@@ -69282,6 +69341,15 @@ var SummaryCell = /** @class */ /*@__PURE__*/ (function (_super) {
             this.d1 = c;
         }
     };
+    SummaryCell.prototype.c0 = function (a, b) {
+        _super.prototype.c0.call(this, 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");
+        }
+    };
     SummaryCell.prototype.get_ae = function () {
         return false;
     };
@@ -69643,8 +69711,8 @@ var DraggerView = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.c = null;
             }
             if (this.a != null) {
-                this.a.ap = null;
-                this.a.aw();
+                this.a.aq = null;
+                this.a.ax();
             }
             return;
         }
@@ -69652,23 +69720,23 @@ var DraggerView = /** @class */ /*@__PURE__*/ (function (_super) {
         var b = Math.round(this.c.rootWrapper.width());
         var 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;
         var d = this.a;
         d.onMouseOver = delegateCombine(d.onMouseOver, runOn(this, this.e));
         var 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;
     };
     DraggerView.prototype.onDetachedFromUI = function () {
         if (this.a != null && this.c != null) {
-            this.a.bi(this.c.rootWrapper, "");
+            this.a.bk(this.c.rootWrapper, "");
         }
     };
     DraggerView.prototype.onAttachedToUI = function () {
         if (this.a != null) {
-            this.a.au(this.c.rootWrapper, "");
+            this.a.av(this.c.rootWrapper, "");
         }
     };
     DraggerView.prototype.b = function (a) {
@@ -69685,7 +69753,7 @@ var DraggerView = /** @class */ /*@__PURE__*/ (function (_super) {
     DraggerView.prototype.releaseMouse = function () {
     };
     DraggerView.prototype.transformPoint = function (a, b) {
-        var c = BaseDOMEventProxy.c5(this.c.rootWrapper);
+        var c = BaseDOMEventProxy.c8(this.c.rootWrapper);
         var d = { $type: Point_$type, x: a - c.x, y: b - c.y };
         return d;
     };
@@ -69696,7 +69764,7 @@ var DraggerView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.model.onMouseUp(a.x, a.y);
     };
     DraggerView.prototype.onViewportSizeChanged = function (a, b) {
-        this.a.bm = new Rect(0, 0, 0, a, b);
+        this.a.bo = new Rect(0, 0, 0, a, b);
     };
     DraggerView.prototype.addCloneCellToDom = function () {
         if (this.c != null) {
@@ -71100,7 +71168,7 @@ var DataGridScrollerKeyboardListener = /** @class */ /*@__PURE__*/ (function (_s
         return this.a.k1(a, b);
     };
     DataGridScrollerKeyboardListener.prototype.onWheel = function () {
-        this.a.x4();
+        this.a.x5();
     };
     DataGridScrollerKeyboardListener.prototype.onEnter = function (a, b) {
         return this.a.kq(a, b);
@@ -71117,6 +71185,9 @@ var DataGridScrollerKeyboardListener = /** @class */ /*@__PURE__*/ (function (_s
     DataGridScrollerKeyboardListener.prototype.onKeyDown = function (a, b, c) {
         return this.a.ku(a, b, c);
     };
+    DataGridScrollerKeyboardListener.prototype.onGotFocus = function (a, b) {
+        this.a.xf(a, b);
+    };
     DataGridScrollerKeyboardListener.$t = markType(DataGridScrollerKeyboardListener, 'DataGridScrollerKeyboardListener', Base.$, [IScrollerKeyboardListener_$type]);
     return DataGridScrollerKeyboardListener;
 }(Base));
@@ -72723,7 +72794,7 @@ var ColumnGroupingView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.n = a;
         this.d = new CanvasGestureDOMEventProxy(this.o.rootWrapper, this.o, true);
-        this.d.c9 = true;
+        this.d.dc = true;
         var b = this.d;
         b.onMouseDown = delegateCombine(b.onMouseDown, runOn(this, this.z));
         var c = this.d;
@@ -74213,6 +74284,12 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this._scroller.scrollbarBrush = color;
         }
     };
+    IgcDataGridComponent.prototype._moveFocusNext = function () {
+        moveFocusNext(this, true);
+    };
+    IgcDataGridComponent.prototype._moveFocusPrevious = function () {
+        moveFocusPrevious(this);
+    };
     IgcDataGridComponent.prototype.createImplementation = function () {
         //let test = Grid;
         return new DataGrid();
@@ -82230,7 +82307,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             case "CheckboxCornerRadius":
                 this.view.af();
                 if (this.g != null) {
-                    this.g.x9();
+                    this.g.ya();
                 }
                 break;
             case "CheckboxAlignedRight":
@@ -82240,7 +82317,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "DataLegendTarget":
                 if (this.g != null) {
-                    this.g.x9();
+                    this.g.ya();
                 }
                 break;
         }
@@ -101364,7 +101441,7 @@ var DataGridToolbarView = /** @class */ /*@__PURE__*/ (function (_super) {
         a.stopPropagation();
     };
     DataGridToolbarView.prototype.q = function (a) {
-        if (BaseDOMEventProxy.c1(a) == 8) {
+        if (BaseDOMEventProxy.c4(a) == 8) {
             this.a.av();
         }
     };
@@ -108047,7 +108124,7 @@ var NativeUIComboFactory = /** @class */ /*@__PURE__*/ (function (_super) {
         configurable: true
     });
     NativeUIComboFactory.register = function () {
-        NativeUIComponent.as(NativeUIComboFactory.instance);
+        NativeUIComponent.at(NativeUIComboFactory.instance);
     };
     Object.defineProperty(NativeUIComboFactory.prototype, "flavor", {
         get: function () {