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

package/esm2015/lib/ColumnGroupingView_combined.js

@@ -73,7 +73,7 @@ let ColumnGroupingView = /*@__PURE__*/ (() => {
             }
             this.n = a;
             this.d = new CanvasGestureDOMEventProxy(this.o.rootWrapper, this.o, true);
-            this.d.c9 = true;
+            this.d.dc = true;
             let b = this.d;
             b.onMouseDown = delegateCombine(b.onMouseDown, runOn(this, this.z));
             let c = this.d;

package/esm2015/lib/ComparisonOperatorSelectorView_combined.js

@@ -157,7 +157,7 @@ let ComparisonOperatorSelectorView = /*@__PURE__*/ (() => {
         }
         onDocumentKeyDown(a) {
             let b = a;
-            if (BaseDOMEventProxy.c1(b) == 8) {
+            if (BaseDOMEventProxy.c4(b) == 8) {
                 this.a.d8();
             }
         }

package/esm2015/lib/DataGridScrollerKeyboardListener.js

@@ -41,7 +41,7 @@ let DataGridScrollerKeyboardListener = /*@__PURE__*/ (() => {
             return this.a.k1(a, b);
         }
         onWheel() {
-            this.a.x4();
+            this.a.x5();
         }
         onEnter(a, b) {
             return this.a.kq(a, b);
@@ -58,6 +58,9 @@ let DataGridScrollerKeyboardListener = /*@__PURE__*/ (() => {
         onKeyDown(a, b, c) {
             return this.a.ku(a, b, c);
         }
+        onGotFocus(a, b) {
+            this.a.xf(a, b);
+        }
     }
     DataGridScrollerKeyboardListener.$t = /*@__PURE__*/ markType(DataGridScrollerKeyboardListener, 'DataGridScrollerKeyboardListener', Base.$, [IScrollerKeyboardListener_$type]);
     return DataGridScrollerKeyboardListener;

package/esm2015/lib/DataGridToolbarView_combined.js

@@ -280,7 +280,7 @@ let DataGridToolbarView = /*@__PURE__*/ (() => {
             a.stopPropagation();
         }
         q(a) {
-            if (BaseDOMEventProxy.c1(a) == 8) {
+            if (BaseDOMEventProxy.c4(a) == 8) {
                 this.a.av();
             }
         }

package/esm2015/lib/DraggerView.js

@@ -33,8 +33,8 @@ let DraggerView = /*@__PURE__*/ (() => {
                     this.c = null;
                 }
                 if (this.a != null) {
-                    this.a.ap = null;
-                    this.a.aw();
+                    this.a.aq = null;
+                    this.a.ax();
                 }
                 return;
             }
@@ -42,23 +42,23 @@ let DraggerView = /*@__PURE__*/ (() => {
             let b = Math.round(this.c.rootWrapper.width());
             let c = Math.round(this.c.rootWrapper.height());
             this.a = new CanvasGestureDOMEventProxy(this.c.rootWrapper, this.c, true);
-            this.a.c9 = true;
+            this.a.dc = true;
             let d = this.a;
             d.onMouseOver = delegateCombine(d.onMouseOver, runOn(this, this.e));
             let e = this.a;
             e.onMouseUp = delegateCombine(e.onMouseUp, runOn(this, this.f));
-            this.a.ap = runOn(this, this.b);
+            this.a.aq = runOn(this, this.b);
             this.model.viewportWidth = b;
             this.model.viewportHeight = c;
         }
         onDetachedFromUI() {
             if (this.a != null && this.c != null) {
-                this.a.bi(this.c.rootWrapper, "");
+                this.a.bk(this.c.rootWrapper, "");
             }
         }
         onAttachedToUI() {
             if (this.a != null) {
-                this.a.au(this.c.rootWrapper, "");
+                this.a.av(this.c.rootWrapper, "");
             }
         }
         b(a) {
@@ -75,7 +75,7 @@ let DraggerView = /*@__PURE__*/ (() => {
         releaseMouse() {
         }
         transformPoint(a, b) {
-            let c = BaseDOMEventProxy.c5(this.c.rootWrapper);
+            let c = BaseDOMEventProxy.c8(this.c.rootWrapper);
             let d = { $type: Point_$type, x: a - c.x, y: b - c.y };
             return d;
         }
@@ -86,7 +86,7 @@ let DraggerView = /*@__PURE__*/ (() => {
             this.model.onMouseUp(a.x, a.y);
         }
         onViewportSizeChanged(a, b) {
-            this.a.bm = new Rect(0, 0, 0, a, b);
+            this.a.bo = new Rect(0, 0, 0, a, b);
         }
         addCloneCellToDom() {
             if (this.c != null) {

package/esm2015/lib/GridExternalWrapper.js

@@ -146,6 +146,12 @@ let GridExternalWrapper = /*@__PURE__*/ (() => {
             let grid_ = this.a;
             grid_._ensureColumnsAreManual();
         }
+        moveFocusPrevious() {
+            this.a._moveFocusPrevious();
+        }
+        moveFocusNext() {
+            this.a._moveFocusNext();
+        }
     }
     GridExternalWrapper.$t = /*@__PURE__*/ markType(GridExternalWrapper, 'GridExternalWrapper', Base.$, [IExternalGrid_$type]);
     return GridExternalWrapper;

package/esm2015/lib/GridFilterDialogView_combined.js

@@ -105,7 +105,7 @@ let GridFilterDialogView = /*@__PURE__*/ (() => {
         }
         r(a) {
             let b = a;
-            this.m.append(b.an);
+            this.m.append(b.ao);
         }
         p() {
             return this.m;
@@ -196,7 +196,7 @@ let GridFilterDialogPanel = /*@__PURE__*/ (() => {
             a.stopPropagation();
         }
         onDocumentKeyDown(a) {
-            if (BaseDOMEventProxy.c1(a) == 8) {
+            if (BaseDOMEventProxy.c4(a) == 8) {
             }
         }
         onDocumentMouseClick(e_) {
@@ -464,7 +464,7 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
             }
         }
         get ae() {
-            return this.v != null ? this.v.bx : false;
+            return this.v != null ? this.v.by : false;
         }
         bt(a, b, c) {
             this.bw(a, b, c);
@@ -495,41 +495,41 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
                     break;
                 case "ColumnOptionsBackground":
                     if (this.v != null) {
-                        this.v.cg = this.cd;
-                        this.v.ck = this.cd;
+                        this.v.ch = this.cd;
+                        this.v.cl = this.cd;
                     }
                     break;
                 case "ColumnOptionsTextColor":
                     if (this.v != null) {
-                        this.v.ci = this.ch;
                         this.v.cj = this.ch;
-                        this.v.b8 = this.ch;
-                        this.v.cc = this.ch;
+                        this.v.ck = this.ch;
+                        this.v.b9 = this.ch;
                         this.v.cd = this.ch;
                         this.v.ce = this.ch;
+                        this.v.cf = this.ch;
                     }
                     break;
                 case "ColumnOptionsSeparatorColor":
                     if (this.v != null) {
-                        this.v.cf = this.cg;
+                        this.v.cg = this.cg;
                     }
                     break;
                 case "ColumnOptionsGroupHeaderBackground":
                     if (this.v != null) {
-                        this.v.b9 = this.ce;
+                        this.v.ca = this.ce;
                     }
                     break;
                 case "ColumnOptionsGroupHeaderTextColor":
                     if (this.v != null) {
-                        this.v.cb = this.cf;
+                        this.v.cc = this.cf;
                     }
                     break;
                 case "ColumnOptionsAccentColor":
                     if (this.v != null) {
-                        this.v.b4 = this.cc;
-                        this.v.b6 = this.cc;
+                        this.v.b5 = this.cc;
                         this.v.b7 = this.cc;
-                        this.v.cl = this.cc;
+                        this.v.b8 = this.cc;
+                        this.v.cm = this.cc;
                     }
                     break;
             }
@@ -594,38 +594,39 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
             this.z = true;
         }
         bq() {
-            NativeUIComponent.au(this.s.p(), 18, (a) => {
+            NativeUIComponent.av(this.s.p(), 18, (a) => {
                 let b = a;
                 this.v = b;
-                this.v.b0 = 16;
-                this.v.b5 = BrushUtil.l(0, 0, 0, 0);
-                this.v.bq = runOn(this, this.bg);
-                this.v.bo = runOn(this, this.bf);
-                this.v.by = false;
+                this.v.b1 = 16;
+                this.v.b6 = BrushUtil.l(0, 0, 0, 0);
+                this.v.v = false;
+                this.v.br = runOn(this, this.bg);
+                this.v.bp = runOn(this, this.bf);
+                this.v.bz = false;
                 this.s.r(this.v);
                 this.v.c = this.x;
-                this.v.cg = this.cd;
-                this.v.ck = this.cd;
-                this.v.ci = this.ch;
-                this.v.cb = this.cf;
+                this.v.ch = this.cd;
+                this.v.cl = this.cd;
                 this.v.cj = this.ch;
-                this.v.b8 = this.ch;
-                this.v.cc = this.ch;
+                this.v.cc = this.cf;
+                this.v.ck = this.ch;
+                this.v.b9 = this.ch;
                 this.v.cd = this.ch;
                 this.v.ce = this.ch;
-                this.v.cf = this.cg;
-                this.v.b9 = this.ce;
-                this.v.b4 = this.cc;
-                this.v.b6 = this.cc;
+                this.v.cf = this.ch;
+                this.v.cg = this.cg;
+                this.v.ca = this.ce;
+                this.v.b5 = this.cc;
                 this.v.b7 = this.cc;
-                this.v.cl = this.cc;
-                this.v.b1 = this;
+                this.v.b8 = this.cc;
+                this.v.cm = this.cc;
+                this.v.b2 = this;
             });
         }
         bg(a, b) {
             if (this.z) {
                 this.z = false;
-                this.v.b1 = this.n;
+                this.v.b2 = this.n;
             }
             if (this.n != null) {
                 if (this.n.grid != null) {
@@ -925,8 +926,8 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
         }
         bk() {
             if (this.v != null) {
-                if (this.n != null && this.v.b1 != this.n) {
-                    this.v.b1 = this.n;
+                if (this.n != null && this.v.b2 != this.n) {
+                    this.v.b2 = this.n;
                 }
             }
         }

package/esm2015/lib/NativeUIComboFactory.js

@@ -20,7 +20,7 @@ let NativeUIComboFactory = /*@__PURE__*/ (() => {
             return NativeUIComboFactory.a;
         }
         static register() {
-            NativeUIComponent.as(NativeUIComboFactory.instance);
+            NativeUIComponent.at(NativeUIComboFactory.instance);
         }
         get flavor() {
             return this.c;

package/esm2015/lib/NativeUIGridFactory.js

@@ -22,7 +22,7 @@ let NativeUIGridFactory = /*@__PURE__*/ (() => {
             return NativeUIGridFactory.a;
         }
         static register() {
-            NativeUIComponent.as(NativeUIGridFactory.instance);
+            NativeUIComponent.at(NativeUIGridFactory.instance);
         }
         get flavor() {
             return this.c;
@@ -55,7 +55,7 @@ let NativeUIGridFactory = /*@__PURE__*/ (() => {
                 let f = (comp_.i);
                 let g = new CheckboxListBridge(f);
                 let h = new NativeUICheckboxList();
-                h.an = d;
+                h.ao = d;
                 h.d = g;
                 b(h);
             }, false);

package/esm2015/lib/SectionHeaderCell.js

@@ -15,6 +15,12 @@ let SectionHeaderCell = /*@__PURE__*/ (() => {
             super(a);
             this.dw = null;
             this.dw = a.createElement("span");
+            this.dw.setRawStyleProperty("display", "inline-block");
+            this.dw.setRawStyleProperty("line-height", "normal");
+            this.dw.setRawStyleProperty("vertical-align", "middle");
+            this.dw.setRawStyleProperty("overflow", "hidden");
+            this.dw.setRawStyleProperty("white-space", "nowrap");
+            this.dw.setRawStyleProperty("text-overflow", "ellipsis");
             this.ar.setRawStyleProperty("text-align", "left");
             this.ar.setRawStyleProperty("vertical-align", "middle");
             this.ar.setRawStyleProperty("overflow", "hidden");
@@ -22,6 +28,12 @@ let SectionHeaderCell = /*@__PURE__*/ (() => {
             this.ar.setRawStyleProperty("text-overflow", "ellipsis");
             this.ar.append(this.dw);
         }
+        c0(a, b) {
+            super.c0(a, b);
+            if (a == this.dw) {
+                this.dw.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
+            }
+        }
         get_ae() {
             return true;
         }

package/esm2015/lib/SummaryCell.js

@@ -28,6 +28,15 @@ let SummaryCell = /*@__PURE__*/ (() => {
                 this.d1 = c;
             }
         }
+        c0(a, b) {
+            super.c0(a, b);
+            if (a == this.dw) {
+                this.dw.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
+            }
+            else if (a == this.dx) {
+                this.dx.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
+            }
+        }
         constructor(a) {
             super(a);
             this.dw = null;

package/esm2015/lib/TemplateCell.js

@@ -40,7 +40,7 @@ let TemplateCell = /*@__PURE__*/ (() => {
         dy(a) {
             let b = this.dw.element.getNativeElement();
             if (b.contains(document.activeElement) && document.activeElement.nodeName == "INPUT") {
-                let c = BaseDOMEventProxy.c1(a);
+                let c = BaseDOMEventProxy.c4(a);
                 if (c == 14 || c == 16) {
                     a.stopPropagation();
                 }

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

@@ -26,7 +26,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';
@@ -210,6 +210,12 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
                 this._scroller.scrollbarBrush = color;
             }
         }
+        _moveFocusNext() {
+            moveFocusNext(this, true);
+        }
+        _moveFocusPrevious() {
+            moveFocusPrevious(this);
+        }
         createImplementation() {
             //let test = Grid;
             return new DataGrid();

package/esm5/lib/CheckboxListView_combined.js

@@ -1681,7 +1681,7 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             case "CheckboxCornerRadius":
                 this.view.af();
                 if (this.g != null) {
-                    this.g.x9();
+                    this.g.ya();
                 }
                 break;
             case "CheckboxAlignedRight":
@@ -1691,7 +1691,7 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "DataLegendTarget":
                 if (this.g != null) {
-                    this.g.x9();
+                    this.g.ya();
                 }
                 break;
         }