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

package/esm2015/lib/ShapeSeriesBase_combined.js

@@ -294,7 +294,7 @@ export let ShapeSeriesBase = /*@__PURE__*/ (() => {
                 let m = GeometryUtil.d(a, d, l);
                 if (m < e) {
                     e = m;
-                    let n = GeometryUtil.h(a, d, l);
+                    let 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);
                 }
@@ -302,7 +302,7 @@ export let ShapeSeriesBase = /*@__PURE__*/ (() => {
             if (g) {
                 let o = b._inner[h - 1];
                 let p = b._inner[h];
-                let q = GeometryUtil.h(a, o, p);
+                let 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/esm2015/lib/StraightNumericAxisBase_combined.js

@@ -92,7 +92,7 @@ export let StraightNumericAxisBase = /*@__PURE__*/ (() => {
             this.ns();
         }
         ns() {
-            this.nm.bk();
+            this.nm.bn();
         }
         hw(a, b, c, d) {
             if (this.nn) {
@@ -160,12 +160,12 @@ export let StraightNumericAxisBaseView = /*@__PURE__*/ (() => {
     class StraightNumericAxisBaseView extends NumericAxisBaseView {
         constructor(a) {
             super(a);
-            this.bj = null;
-            this.bj = a;
+            this.bm = null;
+            this.bm = a;
         }
-        bk() {
-            this.bj.ni.x(this.bj.lw);
-            this.bj.ni.y(this.bj.lx);
+        bn() {
+            this.bm.ni.x(this.bm.lw);
+            this.bm.ni.y(this.bm.lx);
         }
     }
     StraightNumericAxisBaseView.$t = /*@__PURE__*/ markType(StraightNumericAxisBaseView, 'StraightNumericAxisBaseView', NumericAxisBaseView.$);

package/esm2015/lib/TimeAxisBase.js

@@ -555,10 +555,10 @@ export let TimeAxisBase = /*@__PURE__*/ (() => {
         }
         h9(a) {
             super.h9(a);
-            let b = this.a5.a1();
-            let c = this.a5.a4();
-            let d = this.a5.a2();
-            let e = this.a5.a3();
+            let b = this.a5.a4();
+            let c = this.a5.a7();
+            let d = this.a5.a5();
+            let e = this.a5.a6();
             let f = this.a5.e();
             let g = this.a5.f();
             let h = this.a5.g();
@@ -580,7 +580,7 @@ export let TimeAxisBase = /*@__PURE__*/ (() => {
                 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/esm2015/lib/TimeXAxis.js

@@ -749,13 +749,13 @@ export let TimeXAxis = /*@__PURE__*/ (() => {
                 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;
                 let k = truncate(Math.ceil(e.right));
                 let l = truncate(Math.floor(e.left));
-                let m = this.a5.a4();
+                let m = this.a5.a7();
                 let n = this.a5.f();
-                let o = this.a5.a2();
+                let o = this.a5.a5();
                 this.ni();
                 let p = new List$1(Date_$type, 1, this.n2());
                 let q = new List$1(Number_$type, 0);

package/esm2015/lib/TreemapView_combined.js

@@ -79,14 +79,14 @@ export let TreemapView = /*@__PURE__*/ (() => {
             this.a3 = null;
             this.h = ((() => {
                 let $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 = ((() => {
                 let $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;
@@ -98,14 +98,14 @@ export let TreemapView = /*@__PURE__*/ (() => {
             })());
             this.e = ((() => {
                 let $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 = ((() => {
                 let $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/esm2015/lib/XamFunnelView_combined.js

@@ -1978,19 +1978,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 +2015,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 +2037,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 +2084,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 +2096,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 +2106,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 +2116,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 +2125,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 +2133,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 +2144,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 +2152,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 +2160,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 +2181,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 +2217,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 +2232,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 +2322,7 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
             }
             return false;
         }
-        dw(a) {
+        dx(a) {
             let b = a;
             if (this.sliceClicked != null) {
                 let c = new FunnelSliceClickedEventArgs();
@@ -2334,7 +2334,7 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
                 this.sliceClicked(this, c);
             }
         }
-        dx(a) {
+        dy(a) {
             let b = a;
             switch (b.c) {
                 case 1:
@@ -2378,11 +2378,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 +2406,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 +2468,7 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
             c.bj = true;
             c.df();
         }
-        dy(a) {
+        dz(a) {
             let b = this.av();
             if (b == null) {
                 return;
@@ -2513,7 +2516,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 +2525,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 +2546,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 +2553,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 +2618,9 @@ export let XamFunnelConnector = /*@__PURE__*/ (() => {
                 this.d.i = null;
             }
         }
+        i() {
+            this.b.df();
+        }
     }
     XamFunnelConnector.$t = /*@__PURE__*/ markType(XamFunnelConnector, 'XamFunnelConnector');
     return XamFunnelConnector;

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