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

package/esm2015/lib/XamFunnelView_combined.js

@@ -1790,18 +1790,19 @@ export let XamFunnelController = /*@__PURE__*/ (() => {
                 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);
             }
         }
-        db(a) {
+        db(a, b) {
             if (this.am != null && a >= 0 && a < this.am.a.count) {
-                let b = new SliceMouseMessage();
-                b.e = a;
-                b.item = this.am.a.item(a);
-                b.c = 2;
-                b.h = this.dz;
-                this.x.i(b);
+                let 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);
             }
         }
         c9(a) {
@@ -1810,7 +1811,7 @@ export let XamFunnelController = /*@__PURE__*/ (() => {
                 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);
             }
         }
@@ -1828,7 +1829,7 @@ export let XamFunnelController = /*@__PURE__*/ (() => {
             }
             else {
                 if (this.b9 != -1) {
-                    this.db(this.b9);
+                    this.db(this.b9, b.c);
                 }
             }
             if (this.ba) {
@@ -1978,19 +1979,19 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
             this.bz = null;
             this.bm = NaN;
             this.bl = 1;
-            this.eq = null;
             this.er = null;
+            this.es = null;
             this.bl = 1;
             this.bm = NaN;
             let 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 = (b, c) => 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 = ((() => {
@@ -2015,16 +2016,16 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
         set ar(a) {
             this.aq = a;
         }
-        du() {
-            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();
-        }
         dv() {
+            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();
+        }
+        dw() {
             let a = new PropertyChangedMessage();
             a.g = "ItemProvider";
             a.e = null;
@@ -2037,26 +2038,26 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
         set at(a) {
             let b = this.as;
             this.as = a;
-            this.dq(b, this.as);
+            this.dr(b, this.as);
         }
-        dq(a, b) {
+        dr(a, b) {
             if (a != null) {
                 let 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) {
                 let d = typeCast(MessageChannel.$, b.b("ModelUpdateMessages"));
                 if (d != null) {
-                    d.e(runOn(this, this.df));
+                    d.e(runOn(this, this.dg));
                 }
                 let e = typeCast(MessageChannel.$, b.b("ConfigurationMessages"));
                 this.ap.f(e);
             }
         }
-        df(a) {
+        dg(a) {
             this.ar.c(a);
         }
         db(a, b, c, d) {
@@ -2084,9 +2085,9 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
                     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);
         }
         get a7() {
@@ -2096,7 +2097,7 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
             if (this.a2 != a) {
                 let b = this.a2;
                 this.a2 = a;
-                this.dp("ValueColumn", b, this.a2);
+                this.dq("ValueColumn", b, this.a2);
             }
         }
         get a3() {
@@ -2106,7 +2107,7 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
             if (this.a0 != a) {
                 let b = this.a0;
                 this.a0 = a;
-                this.dp("InnerLabelColumn", b, this.a3);
+                this.dq("InnerLabelColumn", b, this.a3);
             }
         }
         get a4() {
@@ -2116,7 +2117,7 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
             if (this.a1 != a) {
                 let b = this.a1;
                 this.a1 = a;
-                this.dp("OuterLabelColumn", b, this.a4);
+                this.dq("OuterLabelColumn", b, this.a4);
             }
         }
         get bw() {
@@ -2125,7 +2126,7 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
         set bw(a) {
             let b = this.bu;
             this.bu = a;
-            this.dp("FormatInnerLabel", b, a);
+            this.dq("FormatInnerLabel", b, a);
         }
         get bx() {
             return this.bv;
@@ -2133,7 +2134,7 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
         set bx(a) {
             let b = this.bv;
             this.bv = a;
-            this.dp("FormatOuterLabel", b, a);
+            this.dq("FormatOuterLabel", b, a);
         }
         get bj() {
             return this.bk;
@@ -2144,7 +2145,7 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
         set cz(a) {
             let b = this.b2;
             this.b2 = a;
-            this.dp("TextStyle", b, a);
+            this.dq("TextStyle", b, a);
         }
         get cr() {
             return this.b1;
@@ -2152,7 +2153,7 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
         set cr(a) {
             let b = this.b1;
             this.b1 = a;
-            this.dp("OuterLabelTextStyle", b, a);
+            this.dq("OuterLabelTextStyle", b, a);
         }
         onDetachedFromUI() {
             this.ax.e.az();
@@ -2160,7 +2161,7 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
         onAttachedToUI() {
             this.ax.e.ax(this);
         }
-        dp(a, b, c) {
+        dq(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;
             }
@@ -2181,7 +2182,7 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
             })()));
         }
         a9(a, b, c) {
-            if (a == XamFunnelChart.$$p[2] || a == XamFunnelChart.$$p[16]) {
+            if (a == XamFunnelChart.$$p[2] || a == XamFunnelChart.$$p[17]) {
                 this.ap.i(((() => {
                     let $ret = new PropertyChangedMessage();
                     $ret.g = a;
@@ -2217,11 +2218,11 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
                     let 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;
@@ -2232,7 +2233,7 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
         a6(a, b) {
             return a.registerColumnObject(b, null, false);
         }
-        dd(a, b, c) {
+        de(a, b, c) {
             if (this.az == null) {
                 let d = typeCast(FastItemsSource.$, b);
                 if (d != null) {
@@ -2322,7 +2323,7 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
             }
             return false;
         }
-        dw(a) {
+        dx(a) {
             let b = a;
             if (this.sliceClicked != null) {
                 let c = new FunnelSliceClickedEventArgs();
@@ -2334,7 +2335,7 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
                 this.sliceClicked(this, c);
             }
         }
-        dx(a) {
+        dy(a) {
             let b = a;
             switch (b.c) {
                 case 1:
@@ -2342,7 +2343,7 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
                         if (this.sliceEnter != null) {
                             let 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);
                             }
@@ -2355,7 +2356,7 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
                         if (this.sliceLeave != null) {
                             let 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);
                             }
@@ -2368,7 +2369,8 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
                         if (this.sliceHover != null) {
                             let 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);
                             }
@@ -2378,11 +2380,11 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
                     }
             }
         }
-        dt(a) {
+        du(a) {
         }
-        ds(a, b) {
+        dt(a, b) {
         }
-        de(a, b, c, d) {
+        df(a, b, c, d) {
             let e = new List$1(Base.$, 0);
             for (let f of fromEnum(a)) {
                 if (!d.containsKey(f)) {
@@ -2406,28 +2408,31 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
         get count() {
             return this.az != null ? this.az.count : 0;
         }
+        dd() {
+            this.ax.i();
+        }
         provideContainer(a) {
             let b = this.bz;
             this.bz = a;
-            this.dp("Container", b, this.bz);
+            this.dq("Container", b, this.bz);
         }
         notifyResized() {
             this.ax.g();
             this.ap.i(new ContainerSizeChangedMessage());
         }
-        dl(source_, a, b, c) {
-            this.dh(source_, new NotifyCollectionChangedEventArgs(2, 2, c, b, a));
+        dm(source_, a, b, c) {
+            this.di(source_, new NotifyCollectionChangedEventArgs(2, 2, c, b, a));
         }
-        dg(source_) {
-            this.dh(source_, new NotifyCollectionChangedEventArgs(0, 4));
-        }
-        di(source_, a, b) {
-            this.dh(source_, new NotifyCollectionChangedEventArgs(1, 0, b, a));
+        dh(source_) {
+            this.di(source_, new NotifyCollectionChangedEventArgs(0, 4));
         }
         dj(source_, a, b) {
-            this.dh(source_, new NotifyCollectionChangedEventArgs(1, 1, b, a));
+            this.di(source_, new NotifyCollectionChangedEventArgs(1, 0, b, a));
+        }
+        dk(source_, a, b) {
+            this.di(source_, new NotifyCollectionChangedEventArgs(1, 1, b, a));
         }
-        dh(s_, a) {
+        di(s_, a) {
             if (s_.dataView && s_.dataSource) {
                 s_ = s_.dataView();
             }
@@ -2465,7 +2470,7 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
             c.bj = true;
             c.df();
         }
-        dy(a) {
+        dz(a) {
             let b = this.av();
             if (b == null) {
                 return;
@@ -2513,7 +2518,7 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
             }
             let b = this.bm;
             this.bm = a;
-            this.dp("PixelScalingRatio", b, this.bm);
+            this.dq("PixelScalingRatio", b, this.bm);
         }
         get bn() {
             return this.bl;
@@ -2522,7 +2527,7 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
             let b = this.bl;
             this.bl = a;
             if (this.bl != b) {
-                this.dp("ActualPixelScalingRatio", b, this.bl);
+                this.dq("ActualPixelScalingRatio", b, this.bl);
             }
         }
         get container() {
@@ -2543,16 +2548,6 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
         get hasMarkers() {
             return false;
         }
-        get es() {
-            return this.eq;
-        }
-        set es(a) {
-            let b = this.es;
-            if (a != b) {
-                this.eq = a;
-                this.dp("OuterLabelTextColor", b, this.es);
-            }
-        }
         get et() {
             return this.er;
         }
@@ -2560,12 +2555,22 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
             let b = this.et;
             if (a != b) {
                 this.er = a;
-                this.dp("LabelTextColor", b, this.et);
+                this.dq("OuterLabelTextColor", b, this.et);
+            }
+        }
+        get eu() {
+            return this.es;
+        }
+        set eu(a) {
+            let b = this.eu;
+            if (a != b) {
+                this.es = a;
+                this.dq("LabelTextColor", b, this.eu);
             }
         }
     }
     XamFunnelChart.$t = /*@__PURE__*/ markType(XamFunnelChart, 'XamFunnelChart', Control.$, [IItemProvider_$type, ILegendOwner_$type, ILegendTemplateProvider_$type, ILegendSeries_$type]);
-    XamFunnelChart.$$p = /*@__PURE__*/ 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, /*@__PURE__*/ enumGetBox(FunnelSliceDisplay_$type, 0)], 'InnerLabelMemberPath:cd:d4', [2, null], 'InnerLabelVisibility:ey:d5', [Visibility_$type, /*@__PURE__*/ 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, /*@__PURE__*/ enumGetBox(OuterLabelAlignment_$type, 0)], 'OuterLabelMemberPath:co:ed', [2, null], 'OuterLabelVisibility:ez:ee', [Visibility_$type, /*@__PURE__*/ 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 = /*@__PURE__*/ 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, /*@__PURE__*/ enumGetBox(FunnelSliceDisplay_$type, 0)], 'InnerLabelMemberPath:cd:d5', [2, null], 'InnerLabelVisibility:ez:d6', [Visibility_$type, /*@__PURE__*/ 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, /*@__PURE__*/ enumGetBox(OuterLabelAlignment_$type, 0)], 'OuterLabelMemberPath:co:ee', [2, null], 'OuterLabelVisibility:e0:ef', [Visibility_$type, /*@__PURE__*/ 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;
 })();
 /**
@@ -2615,6 +2620,9 @@ export let XamFunnelConnector = /*@__PURE__*/ (() => {
                 this.d.i = null;
             }
         }
+        i() {
+            this.b.df();
+        }
     }
     XamFunnelConnector.$t = /*@__PURE__*/ markType(XamFunnelConnector, 'XamFunnelConnector');
     return XamFunnelConnector;

package/esm2015/lib/XamPieChart_combined.js

@@ -15,13 +15,13 @@ export let XamPieChart = /*@__PURE__*/ (() => {
         a3() {
             return new XamPieChartView(this);
         }
-        gn(a) {
-            super.gn(a);
-            this.je = a;
+        go(a) {
+            super.go(a);
+            this.jf = a;
         }
         constructor() {
             super();
-            this.je = null;
+            this.jf = null;
             this.ab = XamPieChart.$;
         }
     }

package/esm2015/lib/ZoomSliderView_combined.js

@@ -313,8 +313,8 @@ export let ZoomSliderView = /*@__PURE__*/ (() => {
         n() {
             return ((() => {
                 let $ret = new FontInfo();
-                $ret.n = "Verdana";
-                $ret.d = 10;
+                $ret.p = "Verdana";
+                $ret.e = 10;
                 return $ret;
             })());
         }

package/esm2015/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/esm2015/lib/igc-axis-collection.js

@@ -38,7 +38,12 @@ export class IgcAxisCollection extends IgCollection {
             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/esm2015/lib/igc-callout-annotation-collection.js

@@ -38,7 +38,12 @@ export class IgcCalloutAnnotationCollection extends IgCollection {
             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/esm2015/lib/igc-category-angle-axis-component.js

@@ -1,7 +1,8 @@
 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.
@@ -75,11 +76,21 @@ export let IgcCategoryAngleAxisComponent = /*@__PURE__*/ (() => {
         * Indicates the angle in degress that the chart's 0th angle should be offset.
         */
         get startAngleOffset() {
-            return this.i.m2;
+            return this.i.m4;
         }
         set startAngleOffset(v) {
-            this.i.m2 = +v;
-            this._a("startAngleOffset", this.i.m2);
+            this.i.m4 = +v;
+            this._a("startAngleOffset", this.i.m4);
+        }
+        /**
+         * Indicates the mode axis labels will operate in.
+        */
+        get labelMode() {
+            return this.i.mg;
+        }
+        set labelMode(v) {
+            this.i.mg = ensureEnum(AxisAngleLabelMode_$type, v);
+            this._a("labelMode", enumToString(AxisAngleLabelMode_$type, this.i.mg));
         }
         /**
          * Gets or sets the frequency of displayed labels.
@@ -89,11 +100,11 @@ export let IgcCategoryAngleAxisComponent = /*@__PURE__*/ (() => {
         * For example, an interval of 2 will display every other label.
         */
         get interval() {
-            return this.i.mz;
+            return this.i.m1;
         }
         set interval(v) {
-            this.i.mz = +v;
-            this._a("interval", this.i.mz);
+            this.i.m1 = +v;
+            this._a("interval", this.i.m1);
         }
         /**
          * Gets the effective value for the current Interval.
@@ -101,11 +112,11 @@ export let IgcCategoryAngleAxisComponent = /*@__PURE__*/ (() => {
         * Gets the effective value for the current Interval.
         */
         get actualInterval() {
-            return this.i.mt;
+            return this.i.mv;
         }
         set actualInterval(v) {
-            this.i.mt = +v;
-            this._a("actualInterval", this.i.mt);
+            this.i.mv = +v;
+            this._a("actualInterval", this.i.mv);
         }
         /**
          * Gets or sets the frequency of displayed minor lines.
@@ -114,11 +125,11 @@ export let IgcCategoryAngleAxisComponent = /*@__PURE__*/ (() => {
         * 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 minorInterval() {
-            return this.i.m0;
+            return this.i.m2;
         }
         set minorInterval(v) {
-            this.i.m0 = +v;
-            this._a("minorInterval", this.i.m0);
+            this.i.m2 = +v;
+            this._a("minorInterval", this.i.m2);
         }
         /**
          * Gets the effective value for the current MinorInterval.
@@ -126,11 +137,11 @@ export let IgcCategoryAngleAxisComponent = /*@__PURE__*/ (() => {
         * Get the effective value for the current minorInterval.
         */
         get actualMinorInterval() {
-            return this.i.mu;
+            return this.i.mw;
         }
         set actualMinorInterval(v) {
-            this.i.mu = +v;
-            this._a("actualMinorInterval", this.i.mu);
+            this.i.mw = +v;
+            this._a("actualMinorInterval", this.i.mw);
         }
         /**
          * Gets the scaled angle in radians from the raw axis value.
@@ -161,7 +172,7 @@ export let IgcCategoryAngleAxisComponent = /*@__PURE__*/ (() => {
             this._actualIntervalChange = ev;
             this._actualIntervalChange_wrapped = (o, e) => {
                 let ext = this.actualInterval;
-                if (e.propertyName == 'Mt') {
+                if (e.propertyName == 'Mv') {
                     if (this.beforeActualIntervalChange) {
                         this.beforeActualIntervalChange(this, ext);
                     }

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

@@ -166,6 +166,10 @@ export let IgcDataLegendComponent = /*@__PURE__*/ (() => {
             }
             initializePropertiesFromCss(container, component, genericPrefix + "-", new Set(), false, additionalPrefixes);
         }
+        destroy() {
+            this.i.destroy();
+            this._wrapper.destroy();
+        }
         //private desiredSizeChanged(width: number, height: number) {
         //    //this.style.minWidth = width + "px";
         //    //this.style.minHeight = height + "px";

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

@@ -130,7 +130,7 @@ export let IgcFinancialSeriesComponent = /*@__PURE__*/ (() => {
         * Use `YAxis` property to set the effective y-axis for the current FinancialSeries object.
         */
         get yAxis() {
-            const r = this.i.uw;
+            const r = this.i.ut;
             if (r == null) {
                 return null;
             }
@@ -146,7 +146,7 @@ export let IgcFinancialSeriesComponent = /*@__PURE__*/ (() => {
         set yAxis(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;
         }
         /**
         * Gets or sets the name to use to resolve yAxis from markup.