igniteui-webcomponents-charts 4.7.1 → 4.7.2-beta.0

package/esm5/lib/ShapeSeriesBase_combined.js

@@ -304,7 +304,7 @@ var ShapeSeriesBase = /** @class */ /*@__PURE__*/ (function (_super) {
             var m = GeometryUtil.d(a, d, l);
             if (m < e) {
                 e = m;
-                var n = GeometryUtil.h(a, d, l);
+                var n = GeometryUtil.i(a, d, l);
                 f = { $type: Point_$type, x: d.x + (l.x - d.x) * n, y: d.y + (l.y - d.y) * n };
                 return new Tuple$2(Number_$type, Point_$type, e, f);
             }
@@ -312,7 +312,7 @@ var ShapeSeriesBase = /** @class */ /*@__PURE__*/ (function (_super) {
         if (g) {
             var o = b._inner[h - 1];
             var p = b._inner[h];
-            var q = GeometryUtil.h(a, o, p);
+            var q = GeometryUtil.i(a, o, p);
             f = { $type: Point_$type, x: o.x + (p.x - o.x) * q, y: o.y + (p.y - o.y) * q };
         }
         return new Tuple$2(Number_$type, Point_$type, e, f);

package/esm5/lib/StraightNumericAxisBase_combined.js

@@ -102,7 +102,7 @@ var StraightNumericAxisBase = /** @class */ /*@__PURE__*/ (function (_super) {
         this.ns();
     };
     StraightNumericAxisBase.prototype.ns = function () {
-        this.nm.bk();
+        this.nm.bn();
     };
     StraightNumericAxisBase.prototype.hw = function (a, b, c, d) {
         if (this.nn) {
@@ -170,13 +170,13 @@ var StraightNumericAxisBaseView = /** @class */ /*@__PURE__*/ (function (_super)
     __extends(StraightNumericAxisBaseView, _super);
     function StraightNumericAxisBaseView(a) {
         var _this = _super.call(this, a) || this;
-        _this.bj = null;
-        _this.bj = a;
+        _this.bm = null;
+        _this.bm = a;
         return _this;
     }
-    StraightNumericAxisBaseView.prototype.bk = function () {
-        this.bj.ni.x(this.bj.lw);
-        this.bj.ni.y(this.bj.lx);
+    StraightNumericAxisBaseView.prototype.bn = function () {
+        this.bm.ni.x(this.bm.lw);
+        this.bm.ni.y(this.bm.lx);
     };
     StraightNumericAxisBaseView.$t = markType(StraightNumericAxisBaseView, 'StraightNumericAxisBaseView', NumericAxisBaseView.$);
     return StraightNumericAxisBaseView;

package/esm5/lib/TimeAxisBase.js

@@ -602,10 +602,10 @@ var TimeAxisBase = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     TimeAxisBase.prototype.h9 = function (a) {
         _super.prototype.h9.call(this, a);
-        var b = this.a5.a1();
-        var c = this.a5.a4();
-        var d = this.a5.a2();
-        var e = this.a5.a3();
+        var b = this.a5.a4();
+        var c = this.a5.a7();
+        var d = this.a5.a5();
+        var e = this.a5.a6();
         var f = this.a5.e();
         var g = this.a5.f();
         var h = this.a5.g();
@@ -627,7 +627,7 @@ var TimeAxisBase = /** @class */ /*@__PURE__*/ (function (_super) {
             this.bq.count = 0;
             this.bp.count = 0;
         }
-        if (this.br.count == 0) {
+        if (this.br.count == 0 && this.a5.l()) {
             this.aw.ab.clear();
         }
         if (this.az != null) {

package/esm5/lib/TimeXAxis.js

@@ -899,13 +899,13 @@ var TimeXAxis = /** @class */ /*@__PURE__*/ (function (_super) {
             if (isNaN_(g)) {
                 g = 0;
             }
-            this.hq(this.a5.a1(), g, c, this.a5.e(), true);
+            this.hq(this.a5.a4(), g, c, this.a5.e(), true);
             this.aw.bg = h;
             var k = truncate(Math.ceil(e.right));
             var l = truncate(Math.floor(e.left));
-            var m = this.a5.a4();
+            var m = this.a5.a7();
             var n = this.a5.f();
-            var o = this.a5.a2();
+            var o = this.a5.a5();
             this.ni();
             var p = new List$1(Date_$type, 1, this.n2());
             var q = new List$1(Number_$type, 0);

package/esm5/lib/TreemapView_combined.js

@@ -80,14 +80,14 @@ var TreemapView = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.a3 = null;
         _this.h = ((function () {
             var $ret = new FontInfo();
-            $ret.n = FontDefaults.treemapFontFamily;
-            $ret.d = DeviceUtils.f(FontDefaults.treemapFontSize);
+            $ret.p = FontDefaults.treemapFontFamily;
+            $ret.e = DeviceUtils.f(FontDefaults.treemapFontSize);
             return $ret;
         })());
         _this.g = ((function () {
             var $ret = new FontInfo();
-            $ret.n = FontDefaults.treemapFontFamily;
-            $ret.d = DeviceUtils.f(FontDefaults.treemapFontSize);
+            $ret.p = FontDefaults.treemapFontFamily;
+            $ret.e = DeviceUtils.f(FontDefaults.treemapFontSize);
             return $ret;
         })());
         _this.q = null;
@@ -99,14 +99,14 @@ var TreemapView = /** @class */ /*@__PURE__*/ (function (_super) {
         })());
         _this.e = ((function () {
             var $ret = new FontInfo();
-            $ret.n = FontDefaults.treemapFontFamily;
-            $ret.d = DeviceUtils.f(FontDefaults.treemapFontSize);
+            $ret.p = FontDefaults.treemapFontFamily;
+            $ret.e = DeviceUtils.f(FontDefaults.treemapFontSize);
             return $ret;
         })());
         _this.d = ((function () {
             var $ret = new FontInfo();
-            $ret.n = FontDefaults.treemapHeaderFontFamily;
-            $ret.d = DeviceUtils.f(FontDefaults.treemapHeaderFontSize);
+            $ret.p = FontDefaults.treemapHeaderFontFamily;
+            $ret.e = DeviceUtils.f(FontDefaults.treemapHeaderFontSize);
             return $ret;
         })());
         _this.n = true;

package/esm5/lib/XamFunnelView_combined.js

@@ -2291,19 +2291,19 @@ var XamFunnelChart = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.bz = null;
         _this.bm = NaN;
         _this.bl = 1;
-        _this.eq = null;
         _this.er = null;
+        _this.es = null;
         _this.bl = 1;
         _this.bm = NaN;
         var a = _this.bk;
-        a.collectionChanged = delegateCombine(a.collectionChanged, runOn(_this, _this.ds));
+        a.collectionChanged = delegateCombine(a.collectionChanged, runOn(_this, _this.dt));
         _this.ar = new MessageHandler();
-        _this.ar.b(SliceClickedMessage.$, runOn(_this, _this.dw));
-        _this.ar.b(SliceMouseMessage.$, runOn(_this, _this.dx));
-        _this.ar.b(SelectedItemsChangedMessage.$, runOn(_this, _this.dt));
+        _this.ar.b(SliceClickedMessage.$, runOn(_this, _this.dx));
+        _this.ar.b(SliceMouseMessage.$, runOn(_this, _this.dy));
+        _this.ar.b(SelectedItemsChangedMessage.$, runOn(_this, _this.du));
         _this.ap = new MessageChannel();
         _this.bt = function (b, c) { return _this.db(c.action, c.position, c.count, c.propertyName); };
-        _this.du();
+        _this.dv();
         _this.ab = XamFunnelChart.$;
         _this.ax = new XamFunnelConnector(new XamFunnelView(), _this);
         _this.legendItemTemplate = ((function () {
@@ -2333,16 +2333,16 @@ var XamFunnelChart = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    XamFunnelChart.prototype.du = function () {
-        this.dp(XamFunnelChart.$$p[1], 0, this.bo);
-        this.dp(XamFunnelChart.$$p[6], enumGetBox(Visibility_$type, this.ey), enumGetBox(Visibility_$type, this.ey));
-        this.dp(XamFunnelChart.$$p[13], enumGetBox(OuterLabelAlignment_$type, this.au), enumGetBox(OuterLabelAlignment_$type, this.au));
-        this.dp(XamFunnelChart.$$p[4], enumGetBox(FunnelSliceDisplay_$type, this.ak), enumGetBox(FunnelSliceDisplay_$type, this.ak));
-        this.dp(XamFunnelChart.$$p[22], this.ev, this.ev);
-        this.dp(XamFunnelChart.$$p[12], this.eu, this.eu);
-        this.dv();
-    };
     XamFunnelChart.prototype.dv = function () {
+        this.dq(XamFunnelChart.$$p[1], 0, this.bo);
+        this.dq(XamFunnelChart.$$p[6], enumGetBox(Visibility_$type, this.ez), enumGetBox(Visibility_$type, this.ez));
+        this.dq(XamFunnelChart.$$p[13], enumGetBox(OuterLabelAlignment_$type, this.au), enumGetBox(OuterLabelAlignment_$type, this.au));
+        this.dq(XamFunnelChart.$$p[4], enumGetBox(FunnelSliceDisplay_$type, this.ak), enumGetBox(FunnelSliceDisplay_$type, this.ak));
+        this.dq(XamFunnelChart.$$p[22], this.ew, this.ew);
+        this.dq(XamFunnelChart.$$p[12], this.ev, this.ev);
+        this.dw();
+    };
+    XamFunnelChart.prototype.dw = function () {
         var a = new PropertyChangedMessage();
         a.g = "ItemProvider";
         a.e = null;
@@ -2356,29 +2356,29 @@ var XamFunnelChart = /** @class */ /*@__PURE__*/ (function (_super) {
         set: function (a) {
             var b = this.as;
             this.as = a;
-            this.dq(b, this.as);
+            this.dr(b, this.as);
         },
         enumerable: false,
         configurable: true
     });
-    XamFunnelChart.prototype.dq = function (a, b) {
+    XamFunnelChart.prototype.dr = function (a, b) {
         if (a != null) {
             var c = typeCast(MessageChannel.$, a.b("ModelUpdateMessages"));
             if (c != null) {
-                c.h(runOn(this, this.df));
+                c.h(runOn(this, this.dg));
             }
             this.ap.g();
         }
         if (b != null) {
             var d = typeCast(MessageChannel.$, b.b("ModelUpdateMessages"));
             if (d != null) {
-                d.e(runOn(this, this.df));
+                d.e(runOn(this, this.dg));
             }
             var e = typeCast(MessageChannel.$, b.b("ConfigurationMessages"));
             this.ap.f(e);
         }
     };
-    XamFunnelChart.prototype.df = function (a) {
+    XamFunnelChart.prototype.dg = function (a) {
         this.ar.c(a);
     };
     XamFunnelChart.prototype.db = function (a, b, c, d) {
@@ -2406,9 +2406,9 @@ var XamFunnelChart = /** @class */ /*@__PURE__*/ (function (_super) {
                 e.c = 4;
                 break;
         }
-        this.dp("ValueColumn", this.a7, this.a7);
-        this.dp("InnerLabelColumn", this.a3, this.a3);
-        this.dp("OuterLabelColumn", this.a4, this.a4);
+        this.dq("ValueColumn", this.a7, this.a7);
+        this.dq("InnerLabelColumn", this.a3, this.a3);
+        this.dq("OuterLabelColumn", this.a4, this.a4);
         this.ap.i(e);
     };
     Object.defineProperty(XamFunnelChart.prototype, "a7", {
@@ -2419,7 +2419,7 @@ var XamFunnelChart = /** @class */ /*@__PURE__*/ (function (_super) {
             if (this.a2 != a) {
                 var b = this.a2;
                 this.a2 = a;
-                this.dp("ValueColumn", b, this.a2);
+                this.dq("ValueColumn", b, this.a2);
             }
         },
         enumerable: false,
@@ -2433,7 +2433,7 @@ var XamFunnelChart = /** @class */ /*@__PURE__*/ (function (_super) {
             if (this.a0 != a) {
                 var b = this.a0;
                 this.a0 = a;
-                this.dp("InnerLabelColumn", b, this.a3);
+                this.dq("InnerLabelColumn", b, this.a3);
             }
         },
         enumerable: false,
@@ -2447,7 +2447,7 @@ var XamFunnelChart = /** @class */ /*@__PURE__*/ (function (_super) {
             if (this.a1 != a) {
                 var b = this.a1;
                 this.a1 = a;
-                this.dp("OuterLabelColumn", b, this.a4);
+                this.dq("OuterLabelColumn", b, this.a4);
             }
         },
         enumerable: false,
@@ -2460,7 +2460,7 @@ var XamFunnelChart = /** @class */ /*@__PURE__*/ (function (_super) {
         set: function (a) {
             var b = this.bu;
             this.bu = a;
-            this.dp("FormatInnerLabel", b, a);
+            this.dq("FormatInnerLabel", b, a);
         },
         enumerable: false,
         configurable: true
@@ -2472,7 +2472,7 @@ var XamFunnelChart = /** @class */ /*@__PURE__*/ (function (_super) {
         set: function (a) {
             var b = this.bv;
             this.bv = a;
-            this.dp("FormatOuterLabel", b, a);
+            this.dq("FormatOuterLabel", b, a);
         },
         enumerable: false,
         configurable: true
@@ -2491,7 +2491,7 @@ var XamFunnelChart = /** @class */ /*@__PURE__*/ (function (_super) {
         set: function (a) {
             var b = this.b2;
             this.b2 = a;
-            this.dp("TextStyle", b, a);
+            this.dq("TextStyle", b, a);
         },
         enumerable: false,
         configurable: true
@@ -2503,7 +2503,7 @@ var XamFunnelChart = /** @class */ /*@__PURE__*/ (function (_super) {
         set: function (a) {
             var b = this.b1;
             this.b1 = a;
-            this.dp("OuterLabelTextStyle", b, a);
+            this.dq("OuterLabelTextStyle", b, a);
         },
         enumerable: false,
         configurable: true
@@ -2514,7 +2514,7 @@ var XamFunnelChart = /** @class */ /*@__PURE__*/ (function (_super) {
     XamFunnelChart.prototype.onAttachedToUI = function () {
         this.ax.e.ax(this);
     };
-    XamFunnelChart.prototype.dp = function (a, b, c) {
+    XamFunnelChart.prototype.dq = function (a, b, c) {
         if (this.ba(a, b, c) || this.a9(a, b, c) || this.bc(a, b, c) || this.bb(a, b, c)) {
             return;
         }
@@ -2535,7 +2535,7 @@ var XamFunnelChart = /** @class */ /*@__PURE__*/ (function (_super) {
         })()));
     };
     XamFunnelChart.prototype.a9 = function (a, b, c) {
-        if (a == XamFunnelChart.$$p[2] || a == XamFunnelChart.$$p[16]) {
+        if (a == XamFunnelChart.$$p[2] || a == XamFunnelChart.$$p[17]) {
             this.ap.i(((function () {
                 var $ret = new PropertyChangedMessage();
                 $ret.g = a;
@@ -2572,11 +2572,11 @@ var XamFunnelChart = /** @class */ /*@__PURE__*/ (function (_super) {
                 var e = c;
                 e.event = delegateCombine(e.event, this.bt);
             }
-            this.dd(a, b, c);
+            this.de(a, b, c);
             return true;
         }
         else if (a == XamFunnelChart.$$p[26] || a == XamFunnelChart.$$p[5] || a == XamFunnelChart.$$p[14]) {
-            this.dd(a, b, c);
+            this.de(a, b, c);
             return false;
         }
         return false;
@@ -2587,7 +2587,7 @@ var XamFunnelChart = /** @class */ /*@__PURE__*/ (function (_super) {
     XamFunnelChart.prototype.a6 = function (a, b) {
         return a.registerColumnObject(b, null, false);
     };
-    XamFunnelChart.prototype.dd = function (a, b, c) {
+    XamFunnelChart.prototype.de = function (a, b, c) {
         if (this.az == null) {
             var d = typeCast(FastItemsSource.$, b);
             if (d != null) {
@@ -2677,7 +2677,7 @@ var XamFunnelChart = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return false;
     };
-    XamFunnelChart.prototype.dw = function (a) {
+    XamFunnelChart.prototype.dx = function (a) {
         var b = a;
         if (this.sliceClicked != null) {
             var c = new FunnelSliceClickedEventArgs();
@@ -2689,7 +2689,7 @@ var XamFunnelChart = /** @class */ /*@__PURE__*/ (function (_super) {
             this.sliceClicked(this, c);
         }
     };
-    XamFunnelChart.prototype.dx = function (a) {
+    XamFunnelChart.prototype.dy = function (a) {
         var b = a;
         switch (b.c) {
             case 1:
@@ -2733,11 +2733,11 @@ var XamFunnelChart = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
         }
     };
-    XamFunnelChart.prototype.dt = function (a) {
+    XamFunnelChart.prototype.du = function (a) {
     };
-    XamFunnelChart.prototype.ds = function (a, b) {
+    XamFunnelChart.prototype.dt = function (a, b) {
     };
-    XamFunnelChart.prototype.de = function (a, b, c, d) {
+    XamFunnelChart.prototype.df = function (a, b, c, d) {
         var e_8, _a, e_9, _b, e_10, _c;
         var e = new List$1(Base.$, 0);
         try {
@@ -2814,28 +2814,31 @@ var XamFunnelChart = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    XamFunnelChart.prototype.dd = function () {
+        this.ax.i();
+    };
     XamFunnelChart.prototype.provideContainer = function (a) {
         var b = this.bz;
         this.bz = a;
-        this.dp("Container", b, this.bz);
+        this.dq("Container", b, this.bz);
     };
     XamFunnelChart.prototype.notifyResized = function () {
         this.ax.g();
         this.ap.i(new ContainerSizeChangedMessage());
     };
-    XamFunnelChart.prototype.dl = function (source_, a, b, c) {
-        this.dh(source_, new NotifyCollectionChangedEventArgs(2, 2, c, b, a));
+    XamFunnelChart.prototype.dm = function (source_, a, b, c) {
+        this.di(source_, new NotifyCollectionChangedEventArgs(2, 2, c, b, a));
     };
-    XamFunnelChart.prototype.dg = function (source_) {
-        this.dh(source_, new NotifyCollectionChangedEventArgs(0, 4));
-    };
-    XamFunnelChart.prototype.di = function (source_, a, b) {
-        this.dh(source_, new NotifyCollectionChangedEventArgs(1, 0, b, a));
+    XamFunnelChart.prototype.dh = function (source_) {
+        this.di(source_, new NotifyCollectionChangedEventArgs(0, 4));
     };
     XamFunnelChart.prototype.dj = function (source_, a, b) {
-        this.dh(source_, new NotifyCollectionChangedEventArgs(1, 1, b, a));
+        this.di(source_, new NotifyCollectionChangedEventArgs(1, 0, b, a));
+    };
+    XamFunnelChart.prototype.dk = function (source_, a, b) {
+        this.di(source_, new NotifyCollectionChangedEventArgs(1, 1, b, a));
     };
-    XamFunnelChart.prototype.dh = function (s_, a) {
+    XamFunnelChart.prototype.di = function (s_, a) {
         if (s_.dataView && s_.dataSource) {
             s_ = s_.dataView();
         }
@@ -2877,7 +2880,7 @@ var XamFunnelChart = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    XamFunnelChart.prototype.dy = function (a) {
+    XamFunnelChart.prototype.dz = function (a) {
         var b = this.av();
         if (b == null) {
             return;
@@ -2926,7 +2929,7 @@ var XamFunnelChart = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             var b = this.bm;
             this.bm = a;
-            this.dp("PixelScalingRatio", b, this.bm);
+            this.dq("PixelScalingRatio", b, this.bm);
         },
         enumerable: false,
         configurable: true
@@ -2939,7 +2942,7 @@ var XamFunnelChart = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.bl;
             this.bl = a;
             if (this.bl != b) {
-                this.dp("ActualPixelScalingRatio", b, this.bl);
+                this.dq("ActualPixelScalingRatio", b, this.bl);
             }
         },
         enumerable: false,
@@ -2987,36 +2990,36 @@ var XamFunnelChart = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XamFunnelChart.prototype, "es", {
+    Object.defineProperty(XamFunnelChart.prototype, "et", {
         get: function () {
-            return this.eq;
+            return this.er;
         },
         set: function (a) {
-            var b = this.es;
+            var b = this.et;
             if (a != b) {
-                this.eq = a;
-                this.dp("OuterLabelTextColor", b, this.es);
+                this.er = a;
+                this.dq("OuterLabelTextColor", b, this.et);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XamFunnelChart.prototype, "et", {
+    Object.defineProperty(XamFunnelChart.prototype, "eu", {
         get: function () {
-            return this.er;
+            return this.es;
         },
         set: function (a) {
-            var b = this.et;
+            var b = this.eu;
             if (a != b) {
-                this.er = a;
-                this.dp("LabelTextColor", b, this.et);
+                this.es = a;
+                this.dq("LabelTextColor", b, this.eu);
             }
         },
         enumerable: false,
         configurable: true
     });
     XamFunnelChart.$t = markType(XamFunnelChart, 'XamFunnelChart', Control.$, [IItemProvider_$type, ILegendOwner_$type, ILegendTemplateProvider_$type, ILegendSeries_$type]);
-    XamFunnelChart.$$p = markDep(DependencyProperty, PropertyMetadata, XamFunnelChart, 'dp', ['AllowSliceSelection:a8:dz', [0, false], 'BottomEdgeWidth:bo:d0', [1, 0.35], 'Brushes:ah:d1', [BrushCollection.$, null], 'FastItemsSource:az:d2', [FastItemsSource.$], 'FunnelSliceDisplay:ak:d3', [FunnelSliceDisplay_$type, enumGetBox(FunnelSliceDisplay_$type, 0)], 'InnerLabelMemberPath:cd:d4', [2, null], 'InnerLabelVisibility:ey:d5', [Visibility_$type, enumGetBox(Visibility_$type, 0)], 'IsInverted:bd:d6', [0, false], 'ItemsSource::d7', [IEnumerable_$type, null], 'LegendItemBadgeTemplate::d8', [DataTemplate.$, null], 'LegendItemTemplate::d9', [DataTemplate.$, null], 'Legend::ea', [IChartLegend_$type, null], 'LowerBezierControlPoint:eu:eb', [Point_$type, { $type: Point_$type, x: 0.5, y: 1 }], 'OuterLabelAlignment:au:ec', [OuterLabelAlignment_$type, enumGetBox(OuterLabelAlignment_$type, 0)], 'OuterLabelMemberPath:co:ed', [2, null], 'OuterLabelVisibility:ez:ee', [Visibility_$type, enumGetBox(Visibility_$type, 1)], 'Outlines:ai:ef', [BrushCollection.$, null], 'OutlineThickness:bq:eg', [1, -1], 'SelectedSliceStyle:ew:eh', [Style.$, null], 'ToolTip:b0:ei', [4, null], 'TransitionDuration:by:ej', [1, 0], 'UnselectedSliceStyle:ex:ek', [Style.$, null], 'UpperBezierControlPoint:ev:el', [Point_$type, { $type: Point_$type, x: 0.5, y: 0 }], 'UseBezierCurve:be:em', [0, false], 'UseOuterLabelsForLegend:bf:en', [0, false], 'UseUnselectedStyle:bg:eo', [0, false], 'ValueMemberPath:c9:ep', [2, null]]);
+    XamFunnelChart.$$p = markDep(DependencyProperty, PropertyMetadata, XamFunnelChart, 'dq', ['AllowSliceSelection:a8:d0', [0, false], 'BottomEdgeWidth:bo:d1', [1, 0.35], 'Brushes:ah:d2', [BrushCollection.$, null], 'FastItemsSource:az:d3', [FastItemsSource.$], 'FunnelSliceDisplay:ak:d4', [FunnelSliceDisplay_$type, enumGetBox(FunnelSliceDisplay_$type, 0)], 'InnerLabelMemberPath:cd:d5', [2, null], 'InnerLabelVisibility:ez:d6', [Visibility_$type, enumGetBox(Visibility_$type, 0)], 'IsInverted:bd:d7', [0, false], 'ItemsSource::d8', [IEnumerable_$type, null], 'LegendItemBadgeTemplate::d9', [DataTemplate.$, null], 'LegendItemTemplate::ea', [DataTemplate.$, null], 'Legend::eb', [IChartLegend_$type, null], 'LowerBezierControlPoint:ev:ec', [Point_$type, { $type: Point_$type, x: 0.5, y: 1 }], 'OuterLabelAlignment:au:ed', [OuterLabelAlignment_$type, enumGetBox(OuterLabelAlignment_$type, 0)], 'OuterLabelMemberPath:co:ee', [2, null], 'OuterLabelVisibility:e0:ef', [Visibility_$type, enumGetBox(Visibility_$type, 1)], 'OutlineThickness:bq:eh', [1, -1], 'Outlines:ai:eg', [BrushCollection.$, null], 'SelectedSliceStyle:ex:ei', [Style.$, null], 'ToolTip:b0:ej', [4, null], 'TransitionDuration:by:ek', [1, 0], 'UnselectedSliceStyle:ey:el', [Style.$, null], 'UpperBezierControlPoint:ew:em', [Point_$type, { $type: Point_$type, x: 0.5, y: 0 }], 'UseBezierCurve:be:en', [0, false], 'UseOuterLabelsForLegend:bf:eo', [0, false], 'UseUnselectedStyle:bg:ep', [0, false], 'ValueMemberPath:c9:eq', [2, null]]);
     return XamFunnelChart;
 }(Control));
 export { XamFunnelChart };
@@ -3076,6 +3079,9 @@ var XamFunnelConnector = /** @class */ /*@__PURE__*/ (function (_super) {
             this.d.i = null;
         }
     };
+    XamFunnelConnector.prototype.i = function () {
+        this.b.df();
+    };
     XamFunnelConnector.$t = markType(XamFunnelConnector, 'XamFunnelConnector');
     return XamFunnelConnector;
 }(Base));

package/esm5/lib/ZoomSliderView_combined.js

@@ -316,8 +316,8 @@ var ZoomSliderView = /** @class */ /*@__PURE__*/ (function (_super) {
     ZoomSliderView.prototype.n = function () {
         return ((function () {
             var $ret = new FontInfo();
-            $ret.n = "Verdana";
-            $ret.d = 10;
+            $ret.p = "Verdana";
+            $ret.e = 10;
             return $ret;
         })());
     };

package/esm5/lib/igc-axis-collection.js

@@ -41,7 +41,12 @@ var IgcAxisCollection = /** @class */ /*@__PURE__*/ (function (_super) {
             if (!ext) {
                 ext = IgcAxisComponent._createFromInternal(int);
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;

package/esm5/lib/igc-callout-annotation-collection.js

@@ -41,7 +41,12 @@ var IgcCalloutAnnotationCollection = /** @class */ /*@__PURE__*/ (function (_sup
             if (!ext) {
                 ext = new IgcCalloutAnnotation();
                 if (ext) {
-                    ext._implementation = int;
+                    if (!int.$type && ext._implementation.setNativeElement) {
+                        ext._implementation.setNativeElement(int);
+                    }
+                    else {
+                        ext._implementation = int;
+                    }
                 }
             }
             return ext;

package/esm5/lib/igc-category-angle-axis-component.js

@@ -1,8 +1,9 @@
 import { __extends } from "tslib";
 import { delegateCombine, delegateRemove } from "igniteui-webcomponents-core";
+import { AxisAngleLabelMode_$type } from "./AxisAngleLabelMode";
 import { IgcCategoryAxisBaseComponent } from "./igc-category-axis-base-component";
 import { CategoryAngleAxis } from "./CategoryAngleAxis";
-import { getAllPropertyNames, toSpinal } from "igniteui-webcomponents-core";
+import { getAllPropertyNames, toSpinal, ensureEnum, enumToString } from "igniteui-webcomponents-core";
 import { RegisterElementHelper } from "igniteui-webcomponents-core";
 /**
  * Represents a IgxDataChartComponent category angle axis. Useful for displaying radial categories.
@@ -90,11 +91,25 @@ var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function (_supe
         * Indicates the angle in degress that the chart's 0th angle should be offset.
         */
         get: function () {
-            return this.i.m2;
+            return this.i.m4;
         },
         set: function (v) {
-            this.i.m2 = +v;
-            this._a("startAngleOffset", this.i.m2);
+            this.i.m4 = +v;
+            this._a("startAngleOffset", this.i.m4);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcCategoryAngleAxisComponent.prototype, "labelMode", {
+        /**
+         * Indicates the mode axis labels will operate in.
+        */
+        get: function () {
+            return this.i.mg;
+        },
+        set: function (v) {
+            this.i.mg = ensureEnum(AxisAngleLabelMode_$type, v);
+            this._a("labelMode", enumToString(AxisAngleLabelMode_$type, this.i.mg));
         },
         enumerable: false,
         configurable: true
@@ -108,11 +123,11 @@ var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function (_supe
         * For example, an interval of 2 will display every other label.
         */
         get: function () {
-            return this.i.mz;
+            return this.i.m1;
         },
         set: function (v) {
-            this.i.mz = +v;
-            this._a("interval", this.i.mz);
+            this.i.m1 = +v;
+            this._a("interval", this.i.m1);
         },
         enumerable: false,
         configurable: true
@@ -124,11 +139,11 @@ var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function (_supe
         * Gets the effective value for the current Interval.
         */
         get: function () {
-            return this.i.mt;
+            return this.i.mv;
         },
         set: function (v) {
-            this.i.mt = +v;
-            this._a("actualInterval", this.i.mt);
+            this.i.mv = +v;
+            this._a("actualInterval", this.i.mv);
         },
         enumerable: false,
         configurable: true
@@ -141,11 +156,11 @@ var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function (_supe
         * Gets or sets the frequency of displayed minor lines. The set value is a factor that determines how the minor lines will be displayed.
         */
         get: function () {
-            return this.i.m0;
+            return this.i.m2;
         },
         set: function (v) {
-            this.i.m0 = +v;
-            this._a("minorInterval", this.i.m0);
+            this.i.m2 = +v;
+            this._a("minorInterval", this.i.m2);
         },
         enumerable: false,
         configurable: true
@@ -157,11 +172,11 @@ var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function (_supe
         * Get the effective value for the current minorInterval.
         */
         get: function () {
-            return this.i.mu;
+            return this.i.mw;
         },
         set: function (v) {
-            this.i.mu = +v;
-            this._a("actualMinorInterval", this.i.mu);
+            this.i.mw = +v;
+            this._a("actualMinorInterval", this.i.mw);
         },
         enumerable: false,
         configurable: true
@@ -197,7 +212,7 @@ var IgcCategoryAngleAxisComponent = /** @class */ /*@__PURE__*/ (function (_supe
             this._actualIntervalChange = ev;
             this._actualIntervalChange_wrapped = function (o, e) {
                 var ext = _this.actualInterval;
-                if (e.propertyName == 'Mt') {
+                if (e.propertyName == 'Mv') {
                     if (_this.beforeActualIntervalChange) {
                         _this.beforeActualIntervalChange(_this, ext);
                     }

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

@@ -180,6 +180,10 @@ var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         initializePropertiesFromCss(container, component, genericPrefix + "-", new Set(), false, additionalPrefixes);
     };
+    IgcDataLegendComponent.prototype.destroy = function () {
+        this.i.destroy();
+        this._wrapper.destroy();
+    };
     Object.defineProperty(IgcDataLegendComponent.prototype, "target", {
         //private desiredSizeChanged(width: number, height: number) {
         //    //this.style.minWidth = width + "px";