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

package/esm5/lib/ColumnGroupingView_combined.js

@@ -106,7 +106,7 @@ export 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;

package/esm5/lib/ComparisonOperatorSelectorView_combined.js

@@ -163,7 +163,7 @@ export var ComparisonOperatorSelectorView = /** @class */ /*@__PURE__*/ (functio
     };
     ComparisonOperatorSelectorView.prototype.onDocumentKeyDown = function (a) {
         var b = a;
-        if (BaseDOMEventProxy.c1(b) == 8) {
+        if (BaseDOMEventProxy.c4(b) == 8) {
             this.a.d8();
         }
     };

package/esm5/lib/DataGridScrollerKeyboardListener.js

@@ -46,7 +46,7 @@ export var DataGridScrollerKeyboardListener = /** @class */ /*@__PURE__*/ (funct
         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);
@@ -63,6 +63,9 @@ export var DataGridScrollerKeyboardListener = /** @class */ /*@__PURE__*/ (funct
     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));

package/esm5/lib/DataGridToolbarView_combined.js

@@ -285,7 +285,7 @@ export 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();
         }
     };

package/esm5/lib/DraggerView.js

@@ -42,8 +42,8 @@ export 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;
         }
@@ -51,23 +51,23 @@ export 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) {
@@ -84,7 +84,7 @@ export 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;
     };
@@ -95,7 +95,7 @@ export 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) {

package/esm5/lib/GridExternalWrapper.js

@@ -155,6 +155,12 @@ export 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));

package/esm5/lib/GridFilterDialogView_combined.js

@@ -110,7 +110,7 @@ export 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;
@@ -203,7 +203,7 @@ export 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_) {
@@ -585,7 +585,7 @@ export 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
@@ -619,41 +619,41 @@ export 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;
         }
@@ -681,38 +681,39 @@ export 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) {
@@ -1023,8 +1024,8 @@ export 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;
             }
         }
     };

package/esm5/lib/NativeUIComboFactory.js

@@ -29,7 +29,7 @@ export 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 () {

package/esm5/lib/NativeUIGridFactory.js

@@ -31,7 +31,7 @@ export 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 () {
@@ -68,7 +68,7 @@ export 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);

package/esm5/lib/SectionHeaderCell.js

@@ -16,6 +16,12 @@ export 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");
@@ -31,6 +37,12 @@ export 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;
     };

package/esm5/lib/SummaryCell.js

@@ -69,6 +69,15 @@ export 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;
     };

package/esm5/lib/TemplateCell.js

@@ -49,7 +49,7 @@ export 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();
             }

package/esm5/lib/igc-data-grid-component.js

@@ -27,7 +27,7 @@ import { IgcGridSortDescriptionsChangedEventArgs } from './igc-grid-sort-descrip
 import { IgcGridGroupDescriptionsChangedEventArgs } from './igc-grid-group-descriptions-changed-event-args';
 import { IgcGridSummaryDescriptionsChangedEventArgs } from './igc-grid-summary-descriptions-changed-event-args';
 import { DataGrid } from "./DataGrid";
-import { ensureEnum, ensureBool, CollectionAdapter, getAllPropertyNames, enumToString, fromSpinal, toSpinal, brushToString, stringToBrush, initializePropertiesFromCss, NamePatcher } from "igniteui-webcomponents-core";
+import { ensureEnum, ensureBool, CollectionAdapter, getAllPropertyNames, enumToString, fromSpinal, toSpinal, brushToString, stringToBrush, initializePropertiesFromCss, NamePatcher, moveFocusNext, moveFocusPrevious } from "igniteui-webcomponents-core";
 import { Thickness } from "igniteui-webcomponents-core";
 import { WebComponentRenderer, WebComponentWrapper, PortalManager } from "igniteui-webcomponents-core";
 import { DataGridColumn } from './DataGridColumn';
@@ -469,6 +469,12 @@ export 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();