igniteui-webcomponents-charts 5.5.0-beta.0 → 6.0.0-beta.0

package/bundles/igniteui-webcomponents-charts.umd.js

@@ -1384,16 +1384,16 @@
             return _super !== null && _super.apply(this, arguments) || this;
         }
         AxisDefaults.$t = igniteuiWebcomponentsCore.markType(AxisDefaults, 'AxisDefaults');
-        AxisDefaults.a = igniteuiWebcomponentsCore.DeviceUtils.g(1);
-        AxisDefaults.c = igniteuiWebcomponentsCore.DeviceUtils.g(1);
-        AxisDefaults.b = igniteuiWebcomponentsCore.DeviceUtils.g(1);
-        AxisDefaults.e = igniteuiWebcomponentsCore.DeviceUtils.g(1);
-        AxisDefaults.d = igniteuiWebcomponentsCore.DeviceUtils.g(0);
-        AxisDefaults.f = igniteuiWebcomponentsCore.DeviceUtils.g(8);
-        AxisDefaults.g = igniteuiWebcomponentsCore.BrushUtil.j(255, 158, 158, 158);
-        AxisDefaults.i = null;
-        AxisDefaults.h = igniteuiWebcomponentsCore.BrushUtil.j(255, 196, 196, 196);
-        AxisDefaults.j = igniteuiWebcomponentsCore.BrushUtil.j(255, 158, 158, 158);
+        AxisDefaults.axis_LineStroke = igniteuiWebcomponentsCore.DeviceUtils.g(1);
+        AxisDefaults.axis_MinorStroke = igniteuiWebcomponentsCore.DeviceUtils.g(1);
+        AxisDefaults.axis_MajorStroke = igniteuiWebcomponentsCore.DeviceUtils.g(1);
+        AxisDefaults.axis_TickStroke = igniteuiWebcomponentsCore.DeviceUtils.g(1);
+        AxisDefaults.axis_TickLength = igniteuiWebcomponentsCore.DeviceUtils.g(0);
+        AxisDefaults.categoryAxis_TickLength = igniteuiWebcomponentsCore.DeviceUtils.g(8);
+        AxisDefaults.axis_LineBrush = igniteuiWebcomponentsCore.BrushUtil.j(255, 158, 158, 158);
+        AxisDefaults.axis_MinorBrush = null;
+        AxisDefaults.axis_MajorBrush = igniteuiWebcomponentsCore.BrushUtil.j(255, 196, 196, 196);
+        AxisDefaults.axis_TickBrush = igniteuiWebcomponentsCore.BrushUtil.j(255, 158, 158, 158);
         return AxisDefaults;
     }(igniteuiWebcomponentsCore.Base));
 
@@ -10538,7 +10538,7 @@
                 a.i._fill = ac;
             }
             else {
-                a.i = AxisDefaults.g;
+                a.i = AxisDefaults.axis_LineBrush;
             }
             a.k = new igniteuiWebcomponentsCore.Brush();
             a.k._fill = this.ae.getCssDefaultPropertyValue("", "color");
@@ -28449,12 +28449,12 @@
                 $ret.ab = false;
                 return $ret;
             })());
-            this.a.j3 = AxisDefaults.j;
-            this.a.fj = AxisDefaults.d;
-            this.a.fk = AxisDefaults.e;
-            this.a.et = AxisDefaults.b;
-            this.a.ew = AxisDefaults.c;
-            this.a.fi = AxisDefaults.a;
+            this.a.j3 = AxisDefaults.axis_TickBrush;
+            this.a.fj = AxisDefaults.axis_TickLength;
+            this.a.fk = AxisDefaults.axis_TickStroke;
+            this.a.et = AxisDefaults.axis_MajorStroke;
+            this.a.ew = AxisDefaults.axis_MinorStroke;
+            this.a.fi = AxisDefaults.axis_LineStroke;
         };
         AxisView.prototype.an = function (a) {
         };
@@ -29308,8 +29308,8 @@
                 this.p.h4 = g[3];
             }
             this.fn.aa7 = f.i;
-            this.fn.aa5 = AxisDefaults.h;
-            this.fn.aa6 = AxisDefaults.i;
+            this.fn.aa5 = AxisDefaults.axis_MajorBrush;
+            this.fn.aa6 = AxisDefaults.axis_MinorBrush;
             this.fn.xr = e;
             this.fv = a;
             this.fu = b;
@@ -32782,15 +32782,15 @@
             if (!c || b) {
                 return;
             }
-            if (!OverlayTextUtil.n(a.ac)) {
+            if (!OverlayTextUtil.n(a.ad)) {
                 return;
             }
-            a.z = OverlayTextUtil.ak(a.textLocation, a.ac, a.textAngle, a.horizontalMargin, a.verticalMargin, a.horizontalPadding, a.verticalPadding, a.aa, !a.g);
-            if (!igniteuiWebcomponentsCore.Extensions.a(a.z)) {
+            a.aa = OverlayTextUtil.ak(a.textLocation, a.ad, a.textAngle, a.horizontalMargin, a.verticalMargin, a.horizontalPadding, a.verticalPadding, a.ab, !a.g);
+            if (!igniteuiWebcomponentsCore.Extensions.a(a.aa)) {
                 return;
             }
-            OverlayTextUtil.y(a.ab, a.background, a.borderStroke, a.borderThickness, a.borderRadius);
-            OverlayTextUtil.z(a.t, a.textColor);
+            OverlayTextUtil.y(a.ac, a.background, a.borderStroke, a.borderThickness, a.borderRadius);
+            OverlayTextUtil.z(a.u, a.textColor);
             OverlayTextUtil.x(a);
             OverlayTextUtil.w(a);
         };
@@ -32837,6 +32837,7 @@
             a.borderStroke = OverlayTextUtil.ag(a.borderStroke, Defaults.dataAnnotationOverlayBorderStroke);
             a.borderStroke = OverlayTextUtil.ah(a.borderStroke, a.borderShift, a.borderMode);
             a.textColor = OverlayTextUtil.af(a.background, a.textColor, a.textColorShift, a.textColorMode);
+            a.textEmpty = igniteuiWebcomponentsCore.stringIsNullOrEmpty(a.textContent);
             a.textAngle = OverlayTextUtil.r(a.textAngle, !a.f);
             a.borderRadius = OverlayTextUtil.t(a.borderRadius, Defaults.dataAnnotationOverlayBorderCorner);
             a.borderThickness = OverlayTextUtil.t(a.borderThickness, Defaults.dataAnnotationOverlayBorderThickness);
@@ -32864,40 +32865,40 @@
             return a;
         };
         OverlayTextUtil.w = function (a) {
-            if (!OverlayTextUtil.n(a.ac)) {
+            if (!OverlayTextUtil.n(a.ad)) {
                 return;
             }
-            if (!igniteuiWebcomponentsCore.Extensions.a(a.z)) {
+            if (!igniteuiWebcomponentsCore.Extensions.a(a.aa)) {
                 return;
             }
-            var b = new igniteuiWebcomponentsCore.Size(1, a.ac.width, a.ac.height);
+            var b = new igniteuiWebcomponentsCore.Size(1, a.ad.width, a.ad.height);
             b.width += a.horizontalPadding * 2;
             b.height += a.verticalPadding * 2;
             b.width += a.borderThickness * 2;
             b.height += a.borderThickness * 2;
             var c = igniteuiWebcomponentsCore.PointUtil.create();
-            c.x = a.z.x - a.horizontalPadding;
-            c.y = a.z.y - a.verticalPadding;
+            c.x = a.aa.x - a.horizontalPadding;
+            c.y = a.aa.y - a.verticalPadding;
             c.x -= a.borderThickness;
             c.y -= a.borderThickness;
-            a.ab.width = b.width;
-            a.ab.height = b.height;
-            OverlayTextUtil.aa(a.ab, c);
-            OverlayTextUtil.ab(a.ab, a.textAngle, b);
+            a.ac.width = b.width;
+            a.ac.height = b.height;
+            OverlayTextUtil.aa(a.ac, c);
+            OverlayTextUtil.ab(a.ac, a.textAngle, b);
         };
         OverlayTextUtil.x = function (a) {
             if (a == null) {
                 return;
             }
-            if (!OverlayTextUtil.n(a.ac)) {
+            if (!OverlayTextUtil.n(a.ad)) {
                 return;
             }
-            if (!igniteuiWebcomponentsCore.Extensions.a(a.z)) {
+            if (!igniteuiWebcomponentsCore.Extensions.a(a.aa)) {
                 return;
             }
-            OverlayTextUtil.aa(a.t, a.z);
-            OverlayTextUtil.ab(a.t, a.textAngle, a.ac);
-            a.t.al = a.textContent;
+            OverlayTextUtil.aa(a.u, a.aa);
+            OverlayTextUtil.ab(a.u, a.textAngle, a.ad);
+            a.u.al = a.textContent;
         };
         OverlayTextUtil.aa = function (a, b) {
             if (igniteuiWebcomponentsCore.Extensions.a(b)) {
@@ -33409,6 +33410,7 @@
             _this._textContent = null;
             _this._textAngle = 0;
             _this._textVisible = false;
+            _this._textEmpty = false;
             _this._textLocation = 0;
             _this._textColor = null;
             _this._background = null;
@@ -33578,6 +33580,16 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(OverlayTextUpdatingEventArgs.prototype, "textEmpty", {
+            get: function () {
+                return this._textEmpty;
+            },
+            set: function (a) {
+                this._textEmpty = a;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(OverlayTextUpdatingEventArgs.prototype, "textLocation", {
             get: function () {
                 return this._textLocation;
@@ -33676,13 +33688,14 @@
             _this._borderStroke = null;
             _this._shapeBrush = null;
             _this._shapeOutline = null;
-            _this.ab = null;
-            _this.t = null;
+            _this.ac = null;
+            _this.u = null;
             _this.f = null;
-            _this.z = null;
-            _this.ac = new igniteuiWebcomponentsCore.Size();
-            _this.g = false;
             _this.aa = null;
+            _this.ad = new igniteuiWebcomponentsCore.Size();
+            _this.h = false;
+            _this.g = false;
+            _this.ab = null;
             return _this;
         }
         Object.defineProperty(OverlayTextInfo.prototype, "horizontalMargin", {
@@ -33902,6 +33915,7 @@
             b.textVisible = a.textVisible;
             b.textContent = a.textContent;
             b.textColor = a.textColor;
+            b.h = a.textEmpty;
             b.background = a.background;
             b.horizontalMargin = a.horizontalMargin;
             b.verticalPadding = a.verticalPadding;
@@ -34087,6 +34101,7 @@
             this.aaa = [NaN, NaN];
             this.aaj = null;
             this.aak = null;
+            this.aao.cu();
             var f = this.aam();
             if (this.xn(this.aal)) {
                 var g = this.aal.aq(f);
@@ -34400,7 +34415,6 @@
             c.ag.add(b.x);
             var p = igniteuiWebcomponentsCore.isNaN_(b.x);
             var q = p ? b.y : b.x;
-            this.aao.cu();
             this.adg();
             var r = this.aaq;
             var s = OverlayTextUtil.o(r, this.aaw);
@@ -34438,28 +34452,29 @@
                 }
                 OverlayTextUtil.ad(v);
                 var w = OverlayTextInfo.d(v);
-                if (w.textVisible) {
-                    this.aao.cq.count = 1;
-                    this.aao.cp.count = 1;
+                if (w.textVisible && !w.h) {
+                    this.aao.cq.count += 1;
+                    this.aao.cp.count += 1;
+                    var x = this.aao.cq.count - 1;
                     w.f = r;
-                    w.ac = this.cw.cc(w.textContent, w.f);
-                    w.t = this.aao.cq.item(0);
-                    w.ab = this.aao.cp.item(0);
+                    w.ad = this.cw.cc(w.textContent, w.f);
+                    w.u = this.aao.cq.item(x);
+                    w.ac = this.aao.cp.item(x);
                     if (w.g) {
-                        var x = this.dc.v9({ $type: igniteuiWebcomponentsCore.Point_$type, x: 0, y: NaN });
-                        var y = this.dc.v9({ $type: igniteuiWebcomponentsCore.Point_$type, x: 1, y: NaN });
-                        var z = y.x - x.x;
-                        w.aa = new igniteuiWebcomponentsCore.Rect(0, x.x, q, z, 1);
+                        var y = this.dc.v9({ $type: igniteuiWebcomponentsCore.Point_$type, x: 0, y: NaN });
+                        var z = this.dc.v9({ $type: igniteuiWebcomponentsCore.Point_$type, x: 1, y: NaN });
+                        var aa = z.x - y.x;
+                        w.ab = new igniteuiWebcomponentsCore.Rect(0, y.x, q, aa, 1);
                     }
                     else {
-                        var aa = this.dc.v9({ $type: igniteuiWebcomponentsCore.Point_$type, x: NaN, y: 0 });
-                        var ab = this.dc.v9({ $type: igniteuiWebcomponentsCore.Point_$type, x: NaN, y: 1 });
-                        var ac = ab.y - aa.y;
-                        w.aa = new igniteuiWebcomponentsCore.Rect(0, q, aa.y, 1, ac);
+                        var ab = this.dc.v9({ $type: igniteuiWebcomponentsCore.Point_$type, x: NaN, y: 0 });
+                        var ac = this.dc.v9({ $type: igniteuiWebcomponentsCore.Point_$type, x: NaN, y: 1 });
+                        var ad = ac.y - ab.y;
+                        w.ab = new igniteuiWebcomponentsCore.Rect(0, q, ab.y, 1, ad);
                     }
                     OverlayTextUtil.ac(w);
-                    this.cw.av(w.t, w.f);
-                    this.cw.aw(w.t, w.f);
+                    this.cw.av(w.u, w.f);
+                    this.cw.aw(w.u, w.f);
                 }
             }
             if (this.aar) {
@@ -34657,6 +34672,7 @@
                                 break;
                         }
                     }
+                    this.ru(true);
                     break;
                 case ValueLayer.$$p[22]:
                 case ValueLayer.$$p[25]:
@@ -39318,7 +39334,7 @@
         }
         NumericYAxisView.prototype.al = function () {
             _super.prototype.al.call(this);
-            this.a.jz = AxisDefaults.h;
+            this.a.jz = AxisDefaults.axis_MajorBrush;
         };
         NumericYAxisView.$t = igniteuiWebcomponentsCore.markType(NumericYAxisView, 'NumericYAxisView', StraightNumericAxisBaseView.$);
         return NumericYAxisView;
@@ -40086,7 +40102,7 @@
         }
         CategoryXAxisView.prototype.al = function () {
             _super.prototype.al.call(this);
-            this.a.fj = AxisDefaults.f;
+            this.a.fj = AxisDefaults.categoryAxis_TickLength;
         };
         CategoryXAxisView.$t = igniteuiWebcomponentsCore.markType(CategoryXAxisView, 'CategoryXAxisView', CategoryAxisBaseView.$);
         return CategoryXAxisView;
@@ -40511,28 +40527,28 @@
                     }
                     OverlayTextUtil.ad(i);
                     var j = OverlayTextInfo.d(i);
-                    if (j.textVisible) {
+                    if (j.textVisible && !j.h) {
                         this.xb.ce.count = 1;
                         this.xb.cd.count = 1;
                         j.f = e;
-                        j.ac = this.cw.cc(j.textContent, j.f);
-                        j.t = this.xb.ce.item(0);
-                        j.ab = this.xb.cd.item(0);
+                        j.ad = this.cw.cc(j.textContent, j.f);
+                        j.u = this.xb.ce.item(0);
+                        j.ac = this.xb.cd.item(0);
                         if (j.g) {
                             var k = this.dc.v9({ $type: igniteuiWebcomponentsCore.Point_$type, x: 0, y: NaN });
                             var l = this.dc.v9({ $type: igniteuiWebcomponentsCore.Point_$type, x: 1, y: NaN });
                             var m = l.x - k.x;
-                            j.aa = new igniteuiWebcomponentsCore.Rect(0, k.x, a, m, 1);
+                            j.ab = new igniteuiWebcomponentsCore.Rect(0, k.x, a, m, 1);
                         }
                         else {
                             var n = this.dc.v9({ $type: igniteuiWebcomponentsCore.Point_$type, x: NaN, y: 0 });
                             var o = this.dc.v9({ $type: igniteuiWebcomponentsCore.Point_$type, x: NaN, y: 1 });
                             var p = o.y - n.y;
-                            j.aa = new igniteuiWebcomponentsCore.Rect(0, a, n.y, 1, p);
+                            j.ab = new igniteuiWebcomponentsCore.Rect(0, a, n.y, 1, p);
                         }
                         OverlayTextUtil.ac(j);
-                        this.cw.av(j.t, j.f);
-                        this.cw.aw(j.t, j.f);
+                        this.cw.av(j.u, j.f);
+                        this.cw.aw(j.u, j.f);
                     }
                 }
             }
@@ -40772,6 +40788,9 @@
             if (a == this) {
                 return false;
             }
+            if (a.dc != this.dc) {
+                return false;
+            }
             if (a.eu || a.isStacked) {
                 return false;
             }
@@ -52256,6 +52275,19 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(IgcOverlayTextUpdatingEventArgs.prototype, "textEmpty", {
+            /**
+             * Gets or sets visibility of the overlay text
+            */
+            get: function () {
+                return this.i.textEmpty;
+            },
+            set: function (v) {
+                this.i.textEmpty = igniteuiWebcomponentsCore.ensureBool(v);
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(IgcOverlayTextUpdatingEventArgs.prototype, "textLocation", {
             /**
              * Gets or sets location of the overlay text in relation to shape annotation
@@ -54668,32 +54700,36 @@
                 aj.verticalPadding = this.adc;
                 aj.verticalMargin = this.adb;
                 aj.horizontalPadding = this.ada;
-                if (this.stylingOverlayText != null) {
+                if (this.stylingOverlayText != null && k) {
                     this.stylingOverlayText(this, aj);
                 }
                 OverlayTextUtil.ad(aj);
-                if (k && !igniteuiWebcomponentsCore.stringIsNullOrEmpty(aj.textContent)) {
+                if (k && !aj.textEmpty && aj.textVisible) {
                     ah = this.cw.cc(aj.textContent, j);
                     ai = OverlayTextUtil.ak(aj.textLocation, ah, aj.textAngle, aj.horizontalMargin, aj.verticalMargin, aj.horizontalPadding, aj.verticalPadding, n.ac, i);
                 }
-                if (igniteuiWebcomponentsCore.Extensions.a(ai)) {
-                    b.aj.add(aj.borderThickness);
-                    b.ah.add(aj.borderStroke);
-                    b.ai.add(aj.borderRadius);
-                    b.ag.add(aj.background);
-                    b.ar.add(ah);
-                    b.am.add(j);
-                    b.ak.add(aj.textColor);
-                    b.af.add(aj.textAngle);
-                    b.al.add(aj.textContent);
-                    b.ao.add(aj.horizontalPadding);
-                    b.at.add(aj.verticalPadding);
-                    b.an.add(aj.horizontalMargin);
-                    b.as.add(aj.verticalMargin);
-                    b.au.add(aj.textVisible);
-                    b.ap.add(ai.x);
-                    b.aq.add(ai.y);
-                }
+                else {
+                    aj.textVisible = false;
+                }
+                if (!igniteuiWebcomponentsCore.Extensions.a(ai)) {
+                    aj.textVisible = false;
+                }
+                b.aj.add(aj.borderThickness);
+                b.ah.add(aj.borderStroke);
+                b.ai.add(aj.borderRadius);
+                b.ag.add(aj.background);
+                b.ar.add(ah);
+                b.am.add(j);
+                b.ak.add(aj.textColor);
+                b.af.add(aj.textAngle);
+                b.al.add(aj.textContent);
+                b.ao.add(aj.horizontalPadding);
+                b.at.add(aj.verticalPadding);
+                b.an.add(aj.horizontalMargin);
+                b.as.add(aj.verticalMargin);
+                b.au.add(aj.textVisible);
+                b.ap.add(ai.x);
+                b.aq.add(ai.y);
             }
         };
         DataAnnotationShapeLayer.prototype.aei = function () {
@@ -54886,7 +54922,15 @@
                     }
                 }
                 r.an = y;
-                if (d.al.count > 0) {
+                if (d.au._inner[q]) {
+                    this.acb.cq.item(q)._visibility = 0;
+                    this.acb.cp.item(q)._visibility = 0;
+                }
+                else {
+                    this.acb.cq.item(q)._visibility = 1;
+                    this.acb.cp.item(q)._visibility = 1;
+                }
+                if (d.au._inner[q]) {
                     var aa = new OverlayTextInfo();
                     aa.background = d.ag._inner[q];
                     aa.textColor = d.ak._inner[q];
@@ -54902,18 +54946,18 @@
                     aa.textVisible = d.au._inner[q];
                     aa.textContent = d.al._inner[q];
                     aa.f = d.am._inner[q];
-                    aa.ac = d.ar._inner[q];
-                    aa.t = this.acb.cq.item(q);
-                    aa.ab = this.acb.cp.item(q);
+                    aa.ad = d.ar._inner[q];
+                    aa.u = this.acb.cq.item(q);
+                    aa.ac = this.acb.cp.item(q);
                     var ab = d.ap._inner[q];
                     var ac = d.aq._inner[q];
-                    aa.z = { $type: igniteuiWebcomponentsCore.Point_$type, x: ab, y: ac };
-                    OverlayTextUtil.y(aa.ab, aa.background, aa.borderStroke, aa.borderThickness, aa.borderRadius);
-                    OverlayTextUtil.z(aa.t, aa.textColor);
+                    aa.aa = { $type: igniteuiWebcomponentsCore.Point_$type, x: ab, y: ac };
+                    OverlayTextUtil.y(aa.ac, aa.background, aa.borderStroke, aa.borderThickness, aa.borderRadius);
+                    OverlayTextUtil.z(aa.u, aa.textColor);
                     OverlayTextUtil.x(aa);
                     OverlayTextUtil.w(aa);
-                    this.cw.av(aa.t, aa.f);
-                    this.cw.aw(aa.t, aa.f);
+                    this.cw.av(aa.u, aa.f);
+                    this.cw.aw(aa.u, aa.f);
                 }
             }
             c.count = f;
@@ -55263,8 +55307,10 @@
                 }
                 for (var g = 0; g < this.cs.count; g++) {
                     var h = this.cs._inner[g];
-                    a.ad(h.dataContext);
-                    a.x(h);
+                    if (h._visibility == 0) {
+                        a.ad(h.dataContext);
+                        a.x(h);
+                    }
                 }
             }
         };
@@ -57639,6 +57685,18 @@
                 $ret.b = _this.agd;
                 return $ret;
             })()));
+            var c = this.aga;
+            if (c == 0) {
+                if (igniteuiWebcomponentsCore.stringIsNullOrEmpty(b.centerLabelX)) {
+                    c = 6;
+                }
+            }
+            var d = this.agb;
+            if (d == 0) {
+                if (igniteuiWebcomponentsCore.stringIsNullOrEmpty(b.centerLabelY)) {
+                    d = 6;
+                }
+            }
             b.b.add(((function () {
                 var $ret = new DataAnnotationInfo();
                 $ret.textColor = _this.af3;
@@ -57650,8 +57708,8 @@
                 $ret.dataLabelY = b.centerLabelY;
                 $ret.dataValueX = b.z.x;
                 $ret.dataValueY = b.z.y;
-                $ret.a = _this.aga;
-                $ret.b = _this.agb;
+                $ret.a = c;
+                $ret.b = d;
                 return $ret;
             })()));
         };
@@ -57844,6 +57902,18 @@
                 $ret.k = b.shapeStartY;
                 return $ret;
             })()));
+            var c = this.aga;
+            if (c == 0) {
+                if (igniteuiWebcomponentsCore.stringIsNullOrEmpty(b.centerLabelX)) {
+                    c = 6;
+                }
+            }
+            var d = this.agb;
+            if (d == 0) {
+                if (igniteuiWebcomponentsCore.stringIsNullOrEmpty(b.centerLabelY)) {
+                    d = 6;
+                }
+            }
             b.b.add(((function () {
                 var $ret = new DataAnnotationInfo();
                 $ret.textColor = _this.af3;
@@ -57855,8 +57925,8 @@
                 $ret.dataLabelY = b.centerLabelY;
                 $ret.dataValueX = b.shapeCenterX;
                 $ret.dataValueY = b.shapeCenterY;
-                $ret.a = _this.aga;
-                $ret.b = _this.agb;
+                $ret.a = c;
+                $ret.b = d;
                 return $ret;
             })()));
         };
@@ -58067,6 +58137,18 @@
                 $ret.b = _this.agd;
                 return $ret;
             })()));
+            var e = this.aga;
+            if (e == 0) {
+                if (igniteuiWebcomponentsCore.stringIsNullOrEmpty(b.centerLabelX)) {
+                    e = 6;
+                }
+            }
+            var f = this.agb;
+            if (f == 0) {
+                if (igniteuiWebcomponentsCore.stringIsNullOrEmpty(b.centerLabelY)) {
+                    f = 6;
+                }
+            }
             b.b.add(((function () {
                 var $ret = new DataAnnotationInfo();
                 $ret.textColor = _this.af3;
@@ -58078,8 +58160,8 @@
                 $ret.dataLabelY = b.centerLabelY;
                 $ret.dataValueX = b.z.x;
                 $ret.dataValueY = b.z.y;
-                $ret.a = _this.aga;
-                $ret.b = _this.agb;
+                $ret.a = e;
+                $ret.b = f;
                 return $ret;
             })()));
         };
@@ -59027,15 +59109,21 @@
         AxisAnnotationManager.prototype.onAddAnnotations = function (a) {
             var b = 0;
             for (var c = 0; c < a.ao.count; c++) {
-                b = this.a(a, a.ao._inner[c], b);
+                b = this.b(a, a.ao._inner[c], b);
             }
             for (var d = 0; d < a.an.count; d++) {
-                b = this.a(a, a.an._inner[d], b);
+                b = this.b(a, a.an._inner[d], b);
             }
             a.bp.count = b;
             a.bq.count = b;
         };
-        AxisAnnotationManager.prototype.a = function (a, b, c) {
+        AxisAnnotationManager.prototype.a = function (a) {
+            if (igniteuiWebcomponentsCore.isNaN_(a) || a < 0) {
+                return igniteuiWebcomponentsCore.DeviceUtils.g(3);
+            }
+            return a;
+        };
+        AxisAnnotationManager.prototype.b = function (a, b, c) {
             var d = NaN;
             d = b.value;
             var e = new LabelPosition(a.e6(d));
@@ -59068,8 +59156,8 @@
                 l.ao = b.textColor;
             }
             k._fill = b.background;
-            k.ap = b.backgroundCornerRadius;
-            k.aq = b.backgroundCornerRadius;
+            k.ap = this.a(b.backgroundCornerRadius);
+            k.aq = this.a(b.backgroundCornerRadius);
             k._stroke = b.outline;
             k.ad = b.strokeThickness;
             k.s = m;
@@ -59104,11 +59192,11 @@
                 }
             }
         };
-        AxisAnnotationManager.prototype.b = function (a, b) {
+        AxisAnnotationManager.prototype.c = function (a, b) {
             this.owner.cq = true;
             this.owner.ia();
         };
-        AxisAnnotationManager.prototype.c = function (a) {
+        AxisAnnotationManager.prototype.d = function (a) {
             if (a.oldItems != null) {
                 for (var b = 0; b < a.oldItems.count; b++) {
                     var c = a.oldItems.item(b);
@@ -59116,7 +59204,7 @@
                         continue;
                     }
                     var d = c;
-                    d.propertyChanged = igniteuiWebcomponentsCore.delegateRemove(d.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.b));
+                    d.propertyChanged = igniteuiWebcomponentsCore.delegateRemove(d.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.c));
                 }
             }
             if (a.newItems != null) {
@@ -59126,21 +59214,21 @@
                         continue;
                     }
                     var g = f;
-                    g.propertyChanged = igniteuiWebcomponentsCore.delegateCombine(g.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.b));
+                    g.propertyChanged = igniteuiWebcomponentsCore.delegateCombine(g.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.c));
                 }
             }
             this.owner.cq = true;
             this.owner.ia();
         };
         AxisAnnotationManager.prototype.onAnnotionsChanged = function (a, b, c) {
-            this.c(c);
+            this.d(c);
         };
         AxisAnnotationManager.prototype.onAnnotionsReset = function (a, b, c) {
             var e_1, _a;
             try {
                 for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(b)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var d = _c.value;
-                    d.propertyChanged = igniteuiWebcomponentsCore.delegateRemove(d.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.b));
+                    d.propertyChanged = igniteuiWebcomponentsCore.delegateRemove(d.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.c));
                 }
             }
             catch (e_1_1) {
@@ -59158,14 +59246,14 @@
             }
         };
         AxisAnnotationManager.prototype.onAutoAnnotionsChanged = function (a, b, c) {
-            this.c(c);
+            this.d(c);
         };
         AxisAnnotationManager.prototype.onAutoAnnotionsReset = function (a, b, c) {
             var e_2, _a;
             try {
                 for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(b)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var d = _c.value;
-                    d.propertyChanged = igniteuiWebcomponentsCore.delegateRemove(d.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.b));
+                    d.propertyChanged = igniteuiWebcomponentsCore.delegateRemove(d.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.c));
                 }
             }
             catch (e_2_1) {
@@ -96513,12 +96601,12 @@
             if (b != null && b.az != null) {
                 this.ag4 = b.az.textColor;
             }
-            this.ag2 = AxisDefaults.j;
-            this.ag9 = AxisDefaults.j;
-            this.agy = AxisDefaults.h;
-            this.ag5 = AxisDefaults.h;
-            this.ag1 = AxisDefaults.g;
-            this.ag8 = AxisDefaults.g;
+            this.ag2 = AxisDefaults.axis_TickBrush;
+            this.ag9 = AxisDefaults.axis_TickBrush;
+            this.agy = AxisDefaults.axis_MajorBrush;
+            this.ag5 = AxisDefaults.axis_MajorBrush;
+            this.ag1 = AxisDefaults.axis_LineBrush;
+            this.ag8 = AxisDefaults.axis_LineBrush;
         };
         XYChart.prototype.wh = function (a, b, c) {
             var _this = this;
@@ -98438,13 +98526,13 @@
                 this.ag4 = a.k;
             }
             this.acw = 0;
-            this.ag5 = AxisDefaults.h;
+            this.ag5 = AxisDefaults.axis_MajorBrush;
             this.ag8 = null;
-            this.ag1 = AxisDefaults.g;
+            this.ag1 = AxisDefaults.axis_LineBrush;
             this.agy = null;
-            this.acf = AxisDefaults.f;
-            this.ag2 = AxisDefaults.j;
-            this.acg = AxisDefaults.e;
+            this.acf = AxisDefaults.categoryAxis_TickLength;
+            this.ag2 = AxisDefaults.axis_TickBrush;
+            this.acg = AxisDefaults.axis_TickStroke;
             this.crosshairsAnnotationEnabled = true;
             this.gq = true;
             this.crosshairsDisplayMode = 0;
@@ -108712,6 +108800,8 @@
                     return this.createSeriesComponent('IgcDataToolTipLayerComponent');
                 case igniteuiWebcomponentsCore.DataSeriesType.ValueLayer:
                     return this.createSeriesComponent('IgcValueLayerComponent');
+                case igniteuiWebcomponentsCore.DataSeriesType.TrendLineLayer:
+                    return this.createSeriesComponent('IgcTrendLineLayerComponent');
                 default:
                     return this.createSeriesComponent('IgcColumnSeriesComponent');
             }
@@ -115716,6 +115806,11 @@
             IgcDataToolTipLayerModule.register();
             IgcValueLayerModule.register();
             IgcTrendLineLayerModule.register();
+            IgcDataAnnotationBandLayerModule.register();
+            IgcDataAnnotationLineLayerModule.register();
+            IgcDataAnnotationRectLayerModule.register();
+            IgcDataAnnotationSliceLayerModule.register();
+            IgcDataAnnotationStripLayerModule.register();
             igniteuiWebcomponentsCore.TypeRegistrar.register('FastItemObjectColumn', igniteuiWebcomponentsCore.FastItemObjectColumn.$type);
         };
         return IgcDataChartAnnotationModule;
@@ -117619,7 +117714,7 @@
                         }
                     }
                     if (d) {
-                        var e = this.a(c, "xaxis", AxisDefaults.h);
+                        var e = this.a(c, "xaxis", AxisDefaults.axis_MajorBrush);
                         c.agy = e.b;
                         c.acc = e.a;
                     }
@@ -117635,7 +117730,7 @@
                         }
                     }
                     if (d) {
-                        var f = this.a(c, "yaxis", AxisDefaults.h);
+                        var f = this.a(c, "yaxis", AxisDefaults.axis_MajorBrush);
                         c.ag5 = f.b;
                         c.act = f.a;
                     }
@@ -117645,11 +117740,11 @@
                 if (igniteuiWebcomponentsCore.typeCast(XYChart.$, a) !== null) {
                     var g = a;
                     if (!this.f.d("xaxis")) {
-                        this.a(g, "xaxis", AxisDefaults.h);
+                        this.a(g, "xaxis", AxisDefaults.axis_MajorBrush);
                     }
                     g.acc = 0;
                     if (!this.f.d("yaxis")) {
-                        this.a(g, "yaxis", AxisDefaults.h);
+                        this.a(g, "yaxis", AxisDefaults.axis_MajorBrush);
                     }
                     g.act = 0;
                 }
@@ -118336,12 +118431,12 @@
             if (b != null && b.az != null) {
                 this.ag4 = b.az.textColor;
             }
-            this.ag2 = AxisDefaults.j;
-            this.ag9 = AxisDefaults.j;
-            this.agy = AxisDefaults.h;
-            this.ag5 = AxisDefaults.h;
-            this.ag1 = AxisDefaults.g;
-            this.ag8 = AxisDefaults.g;
+            this.ag2 = AxisDefaults.axis_TickBrush;
+            this.ag9 = AxisDefaults.axis_TickBrush;
+            this.agy = AxisDefaults.axis_MajorBrush;
+            this.ag5 = AxisDefaults.axis_MajorBrush;
+            this.ag1 = AxisDefaults.axis_LineBrush;
+            this.ag8 = AxisDefaults.axis_LineBrush;
         };
         RadialBaseChart.prototype.wh = function (a, b, c) {
             var _this = this;
@@ -123176,8 +123271,8 @@
         }
         CategoryAngleAxisView.prototype.al = function () {
             _super.prototype.al.call(this);
-            this.a.jz = AxisDefaults.h;
-            this.a.j2 = AxisDefaults.g;
+            this.a.jz = AxisDefaults.axis_MajorBrush;
+            this.a.j2 = AxisDefaults.axis_LineBrush;
         };
         CategoryAngleAxisView.$t = igniteuiWebcomponentsCore.markType(CategoryAngleAxisView, 'CategoryAngleAxisView', CategoryAxisBaseView.$);
         return CategoryAngleAxisView;
@@ -123195,8 +123290,8 @@
         }
         NumericAngleAxisView.prototype.al = function () {
             _super.prototype.al.call(this);
-            this.a.jz = AxisDefaults.h;
-            this.a.j2 = AxisDefaults.g;
+            this.a.jz = AxisDefaults.axis_MajorBrush;
+            this.a.j2 = AxisDefaults.axis_LineBrush;
         };
         NumericAngleAxisView.$t = igniteuiWebcomponentsCore.markType(NumericAngleAxisView, 'NumericAngleAxisView', NumericAxisBaseView.$);
         return NumericAngleAxisView;
@@ -123214,8 +123309,8 @@
         }
         NumericRadiusAxisView.prototype.al = function () {
             _super.prototype.al.call(this);
-            this.a.jz = AxisDefaults.h;
-            this.a.j2 = AxisDefaults.g;
+            this.a.jz = AxisDefaults.axis_MajorBrush;
+            this.a.j2 = AxisDefaults.axis_LineBrush;
         };
         NumericRadiusAxisView.$t = igniteuiWebcomponentsCore.markType(NumericRadiusAxisView, 'NumericRadiusAxisView', NumericAxisBaseView.$);
         return NumericRadiusAxisView;
@@ -129127,7 +129222,7 @@
             this.agy = igniteuiWebcomponentsCore.BrushUtil.j(0, 0, 0, 0);
             this.acb = 0;
             this.ag2 = igniteuiWebcomponentsCore.BrushUtil.j(0, 0, 0, 0);
-            this.acc = AxisDefaults.e;
+            this.acc = AxisDefaults.axis_TickStroke;
             this.ahj = 1;
             this.ahk = 1;
             this.crosshairsDisplayMode = 1;
@@ -149341,7 +149436,7 @@
         }
         CategoryDateTimeXAxisView.prototype.al = function () {
             _super.prototype.al.call(this);
-            this.a.fj = AxisDefaults.f;
+            this.a.fj = AxisDefaults.categoryAxis_TickLength;
         };
         CategoryDateTimeXAxisView.prototype.s = function (a) {
             var b = this.q(igniteuiWebcomponentsCore.dateFromTicks(igniteuiWebcomponentsCore.truncate(a)));
@@ -182120,13 +182215,13 @@
             this.age = 0;
             this.acw = 0;
             this.ag8 = null;
-            this.ag1 = AxisDefaults.g;
-            this.acg = AxisDefaults.e;
-            this.acf = AxisDefaults.f;
-            this.ag2 = AxisDefaults.j;
+            this.ag1 = AxisDefaults.axis_LineBrush;
+            this.acg = AxisDefaults.axis_TickStroke;
+            this.acf = AxisDefaults.categoryAxis_TickLength;
+            this.ag2 = AxisDefaults.axis_TickBrush;
             this.agy = null;
-            this.aqz = AxisDefaults.h;
-            this.al5 = AxisDefaults.b;
+            this.aqz = AxisDefaults.axis_MajorBrush;
+            this.al5 = AxisDefaults.axis_MajorStroke;
             this.finalValueAnnotationsVisible = true;
             this.crosshairsAnnotationEnabled = true;
             this.gq = false;
@@ -187121,6 +187216,8 @@
                     return this.createSeriesComponent('IgcCalloutLayerComponent');
                 case igniteuiWebcomponentsCore.DataSeriesType.DataToolTipLayer:
                     return this.createSeriesComponent('IgcDataToolTipLayerComponent');
+                case igniteuiWebcomponentsCore.DataSeriesType.TrendLineLayer:
+                    return this.createSeriesComponent('IgcTrendLineLayerComponent');
                 default:
                     return this.createSeriesComponent('IgcColumnSeriesComponent');
             }
@@ -212414,7 +212511,7 @@
         }
         NumericXAxisView.prototype.al = function () {
             _super.prototype.al.call(this);
-            this.a.jz = AxisDefaults.h;
+            this.a.jz = AxisDefaults.axis_MajorBrush;
         };
         NumericXAxisView.$t = igniteuiWebcomponentsCore.markType(NumericXAxisView, 'NumericXAxisView', StraightNumericAxisBaseView.$);
         return NumericXAxisView;
@@ -231096,7 +231193,7 @@
         }
         CategoryYAxisView.prototype.al = function () {
             _super.prototype.al.call(this);
-            this.a.fj = AxisDefaults.f;
+            this.a.fj = AxisDefaults.categoryAxis_TickLength;
         };
         CategoryYAxisView.$t = igniteuiWebcomponentsCore.markType(CategoryYAxisView, 'CategoryYAxisView', CategoryAxisBaseView.$);
         return CategoryYAxisView;