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

package/esm5/lib/XamFunnelView_combined.js

@@ -2103,18 +2103,19 @@ var XamFunnelController = /** @class */ /*@__PURE__*/ (function (_super) {
             b.e = a;
             b.item = this.am.a.item(a);
             b.c = 0;
-            b.h = this.dz;
+            b.i = this.dz;
             this.x.i(b);
         }
     };
-    XamFunnelController.prototype.db = function (a) {
+    XamFunnelController.prototype.db = function (a, b) {
         if (this.am != null && a >= 0 && a < this.am.a.count) {
-            var b = new SliceMouseMessage();
-            b.e = a;
-            b.item = this.am.a.item(a);
-            b.c = 2;
-            b.h = this.dz;
-            this.x.i(b);
+            var c = new SliceMouseMessage();
+            c.e = a;
+            c.item = this.am.a.item(a);
+            c.c = 2;
+            c.i = this.dz;
+            c.h = b;
+            this.x.i(c);
         }
     };
     XamFunnelController.prototype.c9 = function (a) {
@@ -2123,7 +2124,7 @@ var XamFunnelController = /** @class */ /*@__PURE__*/ (function (_super) {
             b.e = a;
             b.item = this.am.a.item(a);
             b.c = 1;
-            b.h = this.dz;
+            b.i = this.dz;
             this.x.i(b);
         }
     };
@@ -2141,7 +2142,7 @@ var XamFunnelController = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         else {
             if (this.b9 != -1) {
-                this.db(this.b9);
+                this.db(this.b9, b.c);
             }
         }
         if (this.ba) {
@@ -2291,19 +2292,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 +2334,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 +2357,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 +2407,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 +2420,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 +2434,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 +2448,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 +2461,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 +2473,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 +2492,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 +2504,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 +2515,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 +2536,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 +2573,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 +2588,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 +2678,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 +2690,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:
@@ -2697,7 +2698,7 @@ var XamFunnelChart = /** @class */ /*@__PURE__*/ (function (_super) {
                     if (this.sliceEnter != null) {
                         var c = new FunnelSliceEventArgs();
                         c.index = b.e;
-                        c.bounds = b.h;
+                        c.bounds = b.i;
                         if (this.az.count > b.e && b.e >= 0) {
                             c.item = this.az.item(b.e);
                         }
@@ -2710,7 +2711,7 @@ var XamFunnelChart = /** @class */ /*@__PURE__*/ (function (_super) {
                     if (this.sliceLeave != null) {
                         var d = new FunnelSliceEventArgs();
                         d.index = b.e;
-                        d.bounds = b.h;
+                        d.bounds = b.i;
                         if (this.az.count > b.e && b.e >= 0) {
                             d.item = this.az.item(b.e);
                         }
@@ -2723,7 +2724,8 @@ var XamFunnelChart = /** @class */ /*@__PURE__*/ (function (_super) {
                     if (this.sliceHover != null) {
                         var e = new FunnelSliceEventArgs();
                         e.index = b.e;
-                        e.bounds = b.h;
+                        e.bounds = b.i;
+                        e.position = b.h;
                         if (this.az.count > b.e && b.e >= 0) {
                             e.item = this.az.item(b.e);
                         }
@@ -2733,11 +2735,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 +2816,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.dg = function (source_) {
-        this.dh(source_, new NotifyCollectionChangedEventArgs(0, 4));
+    XamFunnelChart.prototype.dm = function (source_, a, b, c) {
+        this.di(source_, new NotifyCollectionChangedEventArgs(2, 2, c, b, a));
     };
-    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.dh = function (s_, a) {
+    XamFunnelChart.prototype.dk = function (source_, a, b) {
+        this.di(source_, new NotifyCollectionChangedEventArgs(1, 1, b, a));
+    };
+    XamFunnelChart.prototype.di = function (s_, a) {
         if (s_.dataView && s_.dataSource) {
             s_ = s_.dataView();
         }
@@ -2877,7 +2882,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 +2931,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 +2944,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 +2992,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 +3081,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/XamPieChart_combined.js

@@ -15,16 +15,16 @@ var XamPieChart = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(XamPieChart, _super);
     function XamPieChart() {
         var _this = _super.call(this) || this;
-        _this.je = null;
+        _this.jf = null;
         _this.ab = XamPieChart.$;
         return _this;
     }
     XamPieChart.prototype.a3 = function () {
         return new XamPieChartView(this);
     };
-    XamPieChart.prototype.gn = function (a) {
-        _super.prototype.gn.call(this, a);
-        this.je = a;
+    XamPieChart.prototype.go = function (a) {
+        _super.prototype.go.call(this, a);
+        this.jf = a;
     };
     XamPieChart.$t = markType(XamPieChart, 'XamPieChart', PieChartBase.$);
     return XamPieChart;

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-assigning-series-style-event-args-base.js

@@ -1,4 +1,4 @@
-import { IgcHighlightingInfo } from "./igc-highlighting-info";
+import { IgcHighlightingInfo } from "igniteui-webcomponents-core";
 import { TypeRegistrar } from "igniteui-webcomponents-core";
 import { brushToString, stringToBrush, ensureBool } from "igniteui-webcomponents-core";
 /**

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";

package/esm5/lib/igc-financial-series-component.js

@@ -165,7 +165,7 @@ var IgcFinancialSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super)
         * Use `YAxis` property to set the effective y-axis for the current FinancialSeries object.
         */
         get: function () {
-            var r = this.i.uw;
+            var r = this.i.ut;
             if (r == null) {
                 return null;
             }
@@ -181,7 +181,7 @@ var IgcFinancialSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super)
         set: function (v) {
             if (v != null && this._stylingContainer && v._styling)
                 v._styling(this._stylingContainer, this, this);
-            v == null ? this.i.uw = null : this.i.uw = v.i;
+            v == null ? this.i.ut = null : this.i.ut = v.i;
         },
         enumerable: false,
         configurable: true