igniteui-webcomponents-data-grids 6.0.0-beta.0 → 6.0.1-beta.1

package/esm2015/lib/GridExternalWrapper.js

@@ -35,7 +35,7 @@ export let GridExternalWrapper = /*@__PURE__*/ (() => {
                 let column_ = TypeRegistrar.create("IgxTextColumnComponent");
                 let b = (column_._implementation);
                 let c = this.renderer.getExternal(b.header, this.renderer.rootWrapper, this.a);
-                b.lo = a;
+                b.lp = a;
                 return b;
             }
             return null;
@@ -45,7 +45,7 @@ export let GridExternalWrapper = /*@__PURE__*/ (() => {
                 let column_ = TypeRegistrar.create("IgxNumericColumnComponent");
                 let b = (column_._implementation);
                 let c = this.renderer.getExternal(b.header, this.renderer.rootWrapper, this.a);
-                b.lo = a;
+                b.lp = a;
                 return b;
             }
             return null;
@@ -55,7 +55,7 @@ export let GridExternalWrapper = /*@__PURE__*/ (() => {
                 let column_ = TypeRegistrar.create("IgxDateTimeColumnComponent");
                 let b = (column_._implementation);
                 let c = this.renderer.getExternal(b.header, this.renderer.rootWrapper, this.a);
-                b.lo = a;
+                b.lp = a;
                 return b;
             }
             return null;
@@ -65,7 +65,7 @@ export let GridExternalWrapper = /*@__PURE__*/ (() => {
                 let column_ = TypeRegistrar.create("IgxImageColumnComponent");
                 let b = (column_._implementation);
                 let c = this.renderer.getExternal(b.header, this.renderer.rootWrapper, this.a);
-                b.lo = a;
+                b.lp = a;
                 return b;
             }
             return null;
@@ -75,7 +75,7 @@ export let GridExternalWrapper = /*@__PURE__*/ (() => {
                 let column_ = TypeRegistrar.create("IgxTemplateColumnComponent");
                 let b = (column_._implementation);
                 let c = this.renderer.getExternal(b.header, this.renderer.rootWrapper, this.a);
-                b.lo = a;
+                b.lp = a;
                 return b;
             }
             return null;
@@ -85,7 +85,7 @@ export let GridExternalWrapper = /*@__PURE__*/ (() => {
                 let column_ = TypeRegistrar.create("IgxComboBoxColumnComponent");
                 let b = (column_._implementation);
                 let c = this.renderer.getExternal(b.header, this.renderer.rootWrapper, this.a);
-                b.lo = a;
+                b.lp = a;
                 return b;
             }
             return null;

package/esm2015/lib/GridFilterDialogView_combined.js

@@ -9,6 +9,7 @@ import { Path } from "igniteui-webcomponents-core";
 import { KeyFrameAnimationFactory } from "igniteui-webcomponents-core";
 import { AnimationKeyFrameEffect } from "igniteui-webcomponents-core";
 import { AnimationKeyFrameEffectTiming } from "igniteui-webcomponents-core";
+import { NativeUI } from "igniteui-webcomponents-core";
 import { NativeUIComponent } from "igniteui-webcomponents-core";
 import { CellContentHorizontalAlignment_$type } from "./CellContentHorizontalAlignment";
 import { intDivide, isNaN_ } from "igniteui-webcomponents-core";
@@ -30,7 +31,6 @@ import { ColumnComparisonFilterCondition } from "./ColumnComparisonFilterConditi
 import { ColumnComparisonConditionOperatorType_$type } from "./ColumnComparisonConditionOperatorType";
 import { Geometry } from "igniteui-webcomponents-core";
 import { GridStyleRepository } from "./GridStyleRepository";
-import { NativeUI } from "igniteui-webcomponents-core";
 import { FilterDialogRenderCompletedEventArgs } from "./FilterDialogRenderCompletedEventArgs";
 import { ToolActionIconMenuInfo } from "igniteui-webcomponents-core";
 import { SvgIconRegistry } from "igniteui-webcomponents-core";
@@ -92,6 +92,7 @@ export let GridFilterDialogView = /*@__PURE__*/ (() => {
             this.m.rootWrapper.addClass("ig-filter-icon");
             this.m.rootWrapper.setStyleProperty("cursor", "pointer");
             this.q = this.m.rootWrapper;
+            NativeUI.y(this.q, 0);
             let e = this.h;
             let f = Math.round(d.rootWrapper.width());
             let g = Math.round(d.rootWrapper.height());
@@ -401,7 +402,7 @@ export let GridFilterDialog = /*@__PURE__*/ (() => {
             }
         }
         get ac() {
-            return this.v.bx;
+            return this.v != null ? this.v.bx : false;
         }
         bj(a, b, c) {
             this.bm(a, b, c);
@@ -500,7 +501,7 @@ export let GridFilterDialog = /*@__PURE__*/ (() => {
                 if (this.n.grid != null) {
                     this.n.grid.va();
                 }
-                this.n.mx();
+                this.n.mz();
             }
             if (this.dialogOpening != null) {
                 let c = new GridFilterDialogOpeningEventArgs();
@@ -734,7 +735,7 @@ export let GridFilterDialog = /*@__PURE__*/ (() => {
         }
         br() {
             this.y = false;
-            if (NativeUI.g(this.s.q) == 1) {
+            if (this.s.q == null || NativeUI.g(this.s.q) == 1) {
                 return;
             }
             if (this.ab) {
@@ -754,6 +755,9 @@ export let GridFilterDialog = /*@__PURE__*/ (() => {
         bb() {
             this.y = true;
             if (!this.ac) {
+                if (this.s.q == null || NativeUI.g(this.s.q) == 0) {
+                    return;
+                }
                 if (this.ab) {
                     this.a9();
                     if (this.w.playbackRate < 0) {
@@ -805,6 +809,7 @@ export let GridFilterDialog = /*@__PURE__*/ (() => {
             a.iconName = "DotDotDot";
             a.iconViewBoxWidth = 24;
             a.iconViewBoxHeight = 24;
+            a.iconStrokeWidth = 0;
             a.paddingBottom = 0;
             a.paddingTop = 0;
             a.paddingRight = 0;

package/esm2015/lib/GridSortIndicatorView_combined.js

@@ -17,6 +17,7 @@ import { CanvasViewRenderer } from "igniteui-webcomponents-core";
 import { GridStyleRepository } from "./GridStyleRepository";
 import { truncate, isNaN_ } from "igniteui-webcomponents-core";
 import { ColumnSortDirection_$type } from "./ColumnSortDirection";
+import { NativeUI } from "igniteui-webcomponents-core";
 import { EasingFunctions } from "igniteui-webcomponents-core";
 import { PathFigure } from "igniteui-webcomponents-core";
 import { LineSegment } from "igniteui-webcomponents-core";
@@ -95,12 +96,12 @@ export let GridSortIndicatorView = /*@__PURE__*/ (() => {
             }
             this.c.l(0, 0, this.k, this.j);
             this.c.aa();
-            this.c.ab(this.a.v(), this.a.v());
+            this.c.ab(this.a.x(), this.a.x());
             for (let c = 0; c < this.d.count; c++) {
                 this.c.k(this.d._inner[c].j);
                 let d = this.y();
-                if (this.a.a0 != null) {
-                    d = this.a.a0;
+                if (this.a.a3 != null) {
+                    d = this.a.a3;
                 }
                 this.d._inner[c]._stroke = d;
                 this.c.t(this.d._inner[c]);
@@ -109,19 +110,19 @@ export let GridSortIndicatorView = /*@__PURE__*/ (() => {
             if (this.c.d && this.g != 1) {
                 this.c.z();
             }
-            this.a.at();
+            this.a.aw();
         }
         u() {
             this.t();
         }
         n() {
-            this.a.an(this.k, this.j, this.d);
+            this.a.aq(this.k, this.j, this.d);
         }
         v() {
             if (this.d.count != 1) {
                 return;
             }
-            this.d._inner[0]._opacity = this.a.r;
+            this.d._inner[0]._opacity = this.a.t;
             let a = { $type: Point_$type, x: this.k / 2, y: this.j / 2 };
             let b = new TransformGroup();
             b.j.add(((() => {
@@ -132,7 +133,7 @@ export let GridSortIndicatorView = /*@__PURE__*/ (() => {
             })()));
             b.j.add(((() => {
                 let $ret = new RotateTransform();
-                $ret.j = this.a.q;
+                $ret.j = this.a.s;
                 return $ret;
             })()));
             b.j.add(((() => {
@@ -144,23 +145,23 @@ export let GridSortIndicatorView = /*@__PURE__*/ (() => {
             this.d._inner[0].j = b;
         }
         o() {
-            this.a.ao(this.k, this.j, this.d);
+            this.a.ar(this.k, this.j, this.d);
         }
         w() {
             if (this.d.count != 4) {
                 return;
             }
-            this.d._inner[0]._opacity = this.a.r;
-            this.d._inner[1]._opacity = this.a.r;
-            this.d._inner[2]._opacity = this.a.x;
-            this.d._inner[3]._opacity = this.a.x;
+            this.d._inner[0]._opacity = this.a.t;
+            this.d._inner[1]._opacity = this.a.t;
+            this.d._inner[2]._opacity = this.a.z;
+            this.d._inner[3]._opacity = this.a.z;
         }
         p() {
-            this.a.ap(this.k, this.j, this.d);
+            this.a.as(this.k, this.j, this.d);
         }
         x() {
-            this.d._inner[0]._opacity = this.a.r;
-            this.d._inner[1]._opacity = this.a.x;
+            this.d._inner[0]._opacity = this.a.t;
+            this.d._inner[1]._opacity = this.a.z;
         }
         r(a) {
             if (a == null) {
@@ -169,7 +170,7 @@ export let GridSortIndicatorView = /*@__PURE__*/ (() => {
                 this.c = null;
                 return;
             }
-            this.g = (isNaN_(this.a.w) ? this.a.p : this.a.w);
+            this.g = (isNaN_(this.a.y) ? this.a.r : this.a.y);
             let b = a;
             this.l = b;
             this.a.j.u(this.l);
@@ -195,26 +196,26 @@ export let GridSortIndicatorView = /*@__PURE__*/ (() => {
             this.m = h;
             let i = this.l.get2DCanvasContext(this.m);
             this.c = new RenderingContext(new CanvasViewRenderer(), i);
-            if (isNaN_(this.a.w)) {
-                this.a.p = window.devicePixelRatio;
-                this.g = this.a.p;
+            if (isNaN_(this.a.y)) {
+                this.a.r = window.devicePixelRatio;
+                this.g = this.a.r;
             }
             this.t();
         }
         s(a, b) {
-            if (isNaN_(this.a.w)) {
-                this.a.p = window.devicePixelRatio;
-                this.g = this.a.p;
+            if (isNaN_(this.a.y)) {
+                this.a.r = window.devicePixelRatio;
+                this.g = this.a.r;
             }
             this.k = a;
             this.j = b;
             this.t();
         }
         q() {
-            if (isNaN_(this.a.w)) {
-                this.a.p = window.devicePixelRatio;
-                if (this.g != this.a.p) {
-                    this.g = this.a.p;
+            if (isNaN_(this.a.y)) {
+                this.a.r = window.devicePixelRatio;
+                if (this.g != this.a.r) {
+                    this.g = this.a.r;
                     this.t();
                 }
             }
@@ -231,11 +232,11 @@ export let GridSortIndicatorView = /*@__PURE__*/ (() => {
  */
 export let GridSortIndicator = /*@__PURE__*/ (() => {
     class GridSortIndicator extends Base {
-        get ac() {
-            return this.ab;
+        get ae() {
+            return this.ad;
         }
-        set ac(a) {
-            this.ab = a;
+        set ae(a) {
+            this.ad = a;
         }
         get b() {
             return this.a;
@@ -244,27 +245,27 @@ export let GridSortIndicator = /*@__PURE__*/ (() => {
             let b = this.a;
             this.a = a;
             if (b != this.a) {
-                this.as("SortDirection", enumGetBox(ColumnSortDirection_$type, b), enumGetBox(ColumnSortDirection_$type, this.a));
+                this.av("SortDirection", enumGetBox(ColumnSortDirection_$type, b), enumGetBox(ColumnSortDirection_$type, this.a));
             }
         }
-        get a0() {
-            return this.az;
+        get a3() {
+            return this.a2;
         }
-        set a0(a) {
-            let b = this.az;
-            this.az = a;
-            if (b != this.az) {
-                this.as("IconColor", b, this.az);
+        set a3(a) {
+            let b = this.a2;
+            this.a2 = a;
+            if (b != this.a2) {
+                this.av("IconColor", b, this.a2);
             }
         }
-        get l() {
+        get m() {
             return this.k;
         }
-        set l(a) {
+        set m(a) {
             let b = this.k;
             this.k = a;
             if (b != this.k) {
-                this.as("IsAnimationEnabled", b, this.k);
+                this.av("IsAnimationEnabled", b, this.k);
             }
         }
         get i() {
@@ -273,21 +274,21 @@ export let GridSortIndicator = /*@__PURE__*/ (() => {
         get j() {
             return this.h;
         }
-        get w() {
+        get y() {
+            return this.q;
+        }
+        set y(a) {
+            let b = this.q;
+            this.q = a;
+            this.av("PixelScalingRatio", b, this.q);
+        }
+        get r() {
             return this.o;
         }
-        set w(a) {
+        set r(a) {
             let b = this.o;
             this.o = a;
-            this.as("PixelScalingRatio", b, this.o);
-        }
-        get p() {
-            return this.m;
-        }
-        set p(a) {
-            let b = this.m;
-            this.m = a;
-            this.as("ActualPixelScalingRatio", b, this.m);
+            this.av("ActualPixelScalingRatio", b, this.o);
         }
         get f() {
             return this.e;
@@ -296,29 +297,39 @@ export let GridSortIndicator = /*@__PURE__*/ (() => {
             let b = this.e;
             this.e = a;
             if (b != this.e) {
-                this.as("SortIndicatorStyle", enumGetBox(SortIndicatorStyle_$type, b), enumGetBox(SortIndicatorStyle_$type, this.e));
+                this.av("SortIndicatorStyle", enumGetBox(SortIndicatorStyle_$type, b), enumGetBox(SortIndicatorStyle_$type, this.e));
             }
         }
-        as(a, b, c) {
-            this.aw(a, b, c);
+        get n() {
+            return this.l;
+        }
+        set n(a) {
+            let b = this.l;
+            this.l = a;
+            if (b != this.l) {
+                this.av("IsHitTestVisible", b, this.l);
+            }
+        }
+        av(a, b, c) {
+            this.az(a, b, c);
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new PropertyChangedEventArgs(a));
             }
         }
-        get r() {
-            return this.n;
+        get t() {
+            return this.p;
         }
-        set r(a) {
-            let b = this.n;
-            this.n = a;
+        set t(a) {
+            let b = this.p;
+            this.p = a;
             if (b != a) {
-                this.as("CurrentOpacity", b, a);
+                this.av("CurrentOpacity", b, a);
             }
         }
-        aw(a, b, c) {
+        az(a, b, c) {
             switch (a) {
                 case "PixelScalingRatio":
-                    this.p = this.w;
+                    this.r = this.y;
                     break;
                 case "ActualPixelScalingRatio":
                     this.c.u();
@@ -329,98 +340,102 @@ export let GridSortIndicator = /*@__PURE__*/ (() => {
                 case "SortIndicatorStyle":
                     switch (this.f) {
                         case 0:
-                            this.au(this.b, false);
+                            this.ax(this.b, false);
                             break;
                         case 1:
                         case 2:
-                            this.av(this.b, false);
+                            this.ay(this.b, false);
                             break;
                     }
                     break;
                 case "SortDirection":
                     switch (this.f) {
                         case 0:
-                            this.au(EnumUtil.getEnumValue(ColumnSortDirection_$type, c), this.l);
+                            this.ax(EnumUtil.getEnumValue(ColumnSortDirection_$type, c), this.m);
                             break;
                         case 1:
                         case 2:
-                            this.av(EnumUtil.getEnumValue(ColumnSortDirection_$type, c), this.l);
+                            this.ay(EnumUtil.getEnumValue(ColumnSortDirection_$type, c), this.m);
                             break;
                     }
                     break;
+                case "IsHitTestVisible":
+                    NativeUI.u(this.c.m, this.n);
+                    break;
             }
         }
         constructor() {
             super();
-            this.ab = null;
+            this.ad = null;
             this.a = 0;
-            this.az = null;
+            this.a2 = null;
             this.k = true;
             this.propertyChanged = null;
             this.g = null;
             this.h = null;
-            this.o = NaN;
-            this.m = 1;
+            this.q = NaN;
+            this.o = 1;
             this.e = 0;
-            this.n = 0;
-            this.q = 0;
-            this.x = 0;
-            this.t = 0;
+            this.l = false;
+            this.p = 0;
             this.s = 0;
             this.z = 0;
-            this.y = 0;
+            this.v = 0;
             this.u = 0;
+            this.ab = 0;
             this.aa = 0;
+            this.w = 0;
+            this.ac = 0;
             this.c = null;
             this.renderCompleted = null;
-            this.r = 0;
-            this.x = 0.5;
-            this.q = 180;
+            this.t = 0;
+            this.z = 0.5;
+            this.s = 180;
             this.c = new GridSortIndicatorView(this);
             this.g = new DoubleAnimator(0, 1, 400);
             this.h = new DoubleAnimator(0, 1, 400);
             this.g.b = EasingFunctions.cubicEase;
             this.h.b = EasingFunctions.cubicEase;
             let a = this.g;
-            a.propertyChanged = delegateCombine(a.propertyChanged, runOn(this, this.al));
+            a.propertyChanged = delegateCombine(a.propertyChanged, runOn(this, this.ao));
             let b = this.h;
-            b.propertyChanged = delegateCombine(b.propertyChanged, runOn(this, this.am));
+            b.propertyChanged = delegateCombine(b.propertyChanged, runOn(this, this.ap));
         }
-        am(a, b) {
+        ap(a, b) {
             switch (this.f) {
                 case 0:
-                    this.r = this.t + this.h.o * (this.z - this.t);
+                    this.t = this.v + this.h.o * (this.ab - this.v);
                     break;
                 case 1:
                 case 2:
-                    this.r = this.t + this.h.o * (this.z - this.t);
-                    this.x = this.u + this.h.o * (this.aa - this.u);
+                    this.t = this.v + this.h.o * (this.ab - this.v);
+                    this.z = this.w + this.h.o * (this.ac - this.w);
                     break;
             }
             this.c.u();
         }
-        al(a, b) {
-            this.q = this.s + this.g.o * (this.y - this.s);
+        ao(a, b) {
+            this.s = this.u + this.g.o * (this.aa - this.u);
             this.c.u();
         }
-        au(a, b) {
-            this.t = this.r;
-            this.s = this.q;
-            if (this.l || this.g.f() || this.h.f()) {
+        ax(a, b) {
+            this.v = this.t;
+            this.u = this.s;
+            if (this.m || this.g.f() || this.h.f()) {
                 this.g.w();
                 this.h.w();
             }
             if (a == 0) {
-                this.z = 0;
-                this.y = 180;
+                this.ab = 0;
+                this.aa = 180;
             }
             else {
-                this.z = 1;
+                this.ab = 1;
                 if (a == 1) {
-                    this.y = 180;
+                    this.aa = 180;
                 }
                 else {
-                    this.y = 0;
+                    this.aa = 0;
                 }
             }
             if (b) {
@@ -428,41 +443,41 @@ export let GridSortIndicator = /*@__PURE__*/ (() => {
                 this.h.v();
             }
             else {
-                this.q = this.y;
-                this.r = this.z;
+                this.s = this.aa;
+                this.t = this.ab;
                 this.c.u();
             }
         }
-        av(a, b) {
-            this.t = this.r;
-            this.u = this.x;
-            if (this.l || this.h.f()) {
+        ay(a, b) {
+            this.v = this.t;
+            this.w = this.z;
+            if (this.m || this.h.f()) {
                 this.h.w();
             }
             switch (a) {
                 case 0:
-                    this.z = 0.4;
-                    this.aa = 0.4;
+                    this.ab = 0.4;
+                    this.ac = 0.4;
                     break;
                 case 1:
-                    this.z = 1;
-                    this.aa = 0.2;
+                    this.ab = 1;
+                    this.ac = 0.2;
                     break;
                 case 2:
-                    this.z = 0.2;
-                    this.aa = 1;
+                    this.ab = 0.2;
+                    this.ac = 1;
                     break;
             }
             if (b) {
                 this.h.v();
             }
             else {
-                this.r = this.z;
-                this.x = this.aa;
+                this.t = this.ab;
+                this.z = this.ac;
                 this.c.u();
             }
         }
-        v() {
+        x() {
             switch (this.f) {
                 case 0: return 1;
                 case 1: return 0.71;
@@ -470,23 +485,24 @@ export let GridSortIndicator = /*@__PURE__*/ (() => {
             }
             return 1;
         }
-        ax(a) {
+        a0(a) {
             this.c.r(a);
+            NativeUI.u(this.c.m, this.n);
         }
-        ay(a) {
+        a1(a) {
             this.j.u(a);
             this.i.u(a);
         }
-        ad() {
+        af() {
             return this.c.m.getNativeElement();
         }
-        ar(a, b) {
+        au(a, b) {
             this.c.s(a, b);
         }
-        aq() {
+        at() {
             this.c.q();
         }
-        an(a, b, c) {
+        aq(a, b, c) {
             let d = Math.min(a, b);
             let e = { $type: Point_$type, x: a / 2, y: b / 2 };
             let f = d * 0.5;
@@ -516,7 +532,7 @@ export let GridSortIndicator = /*@__PURE__*/ (() => {
             p.am = 2;
             c.add(p);
         }
-        ao(a, b, c) {
+        ar(a, b, c) {
             let d = Geometry.a("M3.792172, 7.800278 L7.983785, 3.635676 L12.148387, 7.800278L12.148387, 7.800278");
             let e = Geometry.a("M7.97027972,4.10930186 L7.97027972,13.8116223 L7.97027972,4.10930186 Z");
             let f = Geometry.a("M11.851613, 16.199722 L16.043224, 20.364325  L20.207829, 16.199722");
@@ -554,7 +570,7 @@ export let GridSortIndicator = /*@__PURE__*/ (() => {
                 return $ret;
             })()));
         }
-        ap(a, b, c) {
+        as(a, b, c) {
             let d = { $type: Point_$type, x: a / 2, y: b / 2 };
             let e = { $type: Point_$type, x: d.x - 3.5, y: d.y - 1.5 };
             let f = { $type: Point_$type, x: d.x - 3.5, y: d.y + 1.5 };
@@ -577,7 +593,7 @@ export let GridSortIndicator = /*@__PURE__*/ (() => {
                 return $ret;
             })()));
         }
-        at() {
+        aw() {
             if (this.renderCompleted != null) {
                 this.renderCompleted(this, new SortIndicatorRenderCompletedEventArgs());
             }