igniteui-webcomponents-charts 7.1.0-beta.0 → 7.1.0-beta.2

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

@@ -98494,7 +98494,7 @@
         });
         Object.defineProperty(IgcMarkerSeriesComponent.prototype, "markerSize", {
             /**
-             * Gets or sets the absolute size in pixels of the data point markers. Set to NaN to use the template's default size.
+             * Gets or sets the size in device-independent pixels (dp) of the data point markers. Set to NaN to use the template's default size.
             */
             get: function () {
                 return this.i.x6;
@@ -289011,7 +289011,12 @@
         HorizontalAxisView.prototype.y = function (a) {
             this.w = a.j;
             this.m = a.b;
-            this.l = this.k.o("ui-sparkline-axis-x");
+            if (this.j.aw() != null) {
+                this.l = this.j.aw();
+            }
+            else {
+                this.l = this.k.o("ui-sparkline-axis-x");
+            }
             if (this.l == null) {
                 this.l = igniteuiWebcomponentsCore.FontUtil.getFont(a.h);
             }
@@ -289019,7 +289024,7 @@
                 this.m.ah(this.l);
             }
             this.s = igniteuiWebcomponentsCore.FontUtil.getCurrentFontHeight(a.h, this.l);
-            if (this.j != null && this.j.fm != 1) {
+            if (this.j != null && this.j.ft != 1) {
                 a.d = a.d - this.s;
                 a.e = this.t();
             }
@@ -289038,6 +289043,9 @@
                 return;
             }
             b.l(0, 0, this.v, this.u);
+            if (this.l == null) {
+                this.l = this.j.aw();
+            }
             if (this.l != null) {
                 b.ah(this.l);
             }
@@ -289046,21 +289054,21 @@
                 b.ad(this.q, this.q);
             }
             var c = this.t(), d = c / 2;
-            var e = this.j.av == null || this.j.av.count == 0;
+            var e = this.j.ay == null || this.j.ay.count == 0;
             if (e) {
                 this.u = 0;
             }
-            var f = e ? null : this.x(this.j.av.item(0));
+            var f = e ? null : this.x(this.j.ay.item(0));
             var g = f == null ? "" : f.toString();
             this.ag = new igniteuiWebcomponentsCore.TextBlock();
             this.ag.al = g;
             this.ag.n = 2;
             this.af = new igniteuiWebcomponentsCore.TextBlock();
-            var h = e ? null : this.x(this.j.av.item(this.j.av.count - 1));
+            var h = e ? null : this.x(this.j.ay.item(this.j.ay.count - 1));
             this.af.al = g = h == null ? "" : h.toString();
             this.af.o = this.ag.o = c;
             this.af.n = this.v - b.g(g) - 4;
-            var i = this.j.fb;
+            var i = this.j.fh;
             var j = i == null ? null : i._fill;
             var k = new igniteuiWebcomponentsCore.Color();
             var l = true;
@@ -289075,6 +289083,9 @@
             else {
                 i.color = k;
             }
+            if (this.j.fo != null) {
+                i = this.j.fo;
+            }
             this.ag.ao = this.af.ao = i;
             b.y(this.ag);
             b.y(this.af);
@@ -289103,13 +289114,13 @@
             if (this.j.ai != null) {
                 a = this.j.ai.i(dataItem_);
             }
-            if (this.j.ax()) {
-                a = this.j.c1(dataItem_);
+            if (this.j.a0()) {
+                a = this.j.c4(dataItem_);
             }
             if (a != null) {
                 return a;
             }
-            var label_ = this.j.br;
+            var label_ = this.j.bu;
             return (typeof dataItem_ != 'undefined') ? dataItem_ : '';
             ;
         };
@@ -289121,9 +289132,21 @@
             }
             var b = this.l;
             if (this.ag != null) {
+                if (this.l != null) {
+                    this.l = this.k.p(this.l.fontString);
+                }
+                else {
+                    this.l = this.j.aw();
+                }
                 a.minLabel = igniteuiWebcomponentsCore.AppearanceHelper.c(this.ag, this.l);
             }
             if (this.af != null) {
+                if (this.l != null) {
+                    this.l = this.k.p(this.l.fontString);
+                }
+                else {
+                    this.l = this.j.aw();
+                }
                 a.maxLabel = igniteuiWebcomponentsCore.AppearanceHelper.c(this.af, this.l);
             }
             return a;
@@ -289254,7 +289277,12 @@
         VerticalAxisView.prototype.ae = function (a) {
             this.aa = a.k;
             this.m = a.c;
-            this.l = this.k.o("ui-sparkline-axis-y");
+            if (this.j.aw() != null) {
+                this.l = this.j.aw();
+            }
+            else {
+                this.l = this.k.o("ui-sparkline-axis-y");
+            }
             if (this.l == null) {
                 this.l = igniteuiWebcomponentsCore.FontUtil.getFont(a.h);
             }
@@ -289262,7 +289290,7 @@
                 this.m.ah(this.l);
             }
             this.t = igniteuiWebcomponentsCore.FontUtil.getCurrentFontHeight(a.h, this.l);
-            if (this.j != null && this.j.ft != 1) {
+            if (this.j != null && this.j.f0 != 1) {
                 this.o(false);
                 a.g = a.g - this.v;
                 a.f = this.x();
@@ -289288,6 +289316,9 @@
             if (a) {
                 b.l(0, 0, this.z, this.y);
             }
+            if (this.j.aw() != null) {
+                this.l = this.j.aw();
+            }
             var c = false;
             if (b != null && this.l != null) {
                 b.ah(this.l);
@@ -289295,9 +289326,9 @@
             if (!a) {
                 this.al = new igniteuiWebcomponentsCore.TextBlock();
                 this.ak = new igniteuiWebcomponentsCore.TextBlock();
-                var d = this.ab(this.j.a4);
+                var d = this.ab(this.j.a7);
                 this.al.al = this.ad = d == null ? "" : d.toString();
-                var e = this.ab(this.j.a3);
+                var e = this.ab(this.j.a6);
                 this.ak.al = this.ac = e == null ? "" : e.toString();
                 if (b != null) {
                     this.w = b.g(this.ad) + 3;
@@ -289327,7 +289358,7 @@
                     b.ac();
                     b.ad(this.r, this.r);
                 }
-                var g = this.j.fj;
+                var g = this.j.fq;
                 var h = 1;
                 var i = g == null ? null : g._fill;
                 var j = this.b()[3];
@@ -289354,6 +289385,9 @@
                 else {
                     g.color = k;
                 }
+                if (this.j.fo != null) {
+                    g = this.j.fo;
+                }
                 this.al.ao = this.ak.ao = g;
                 b.y(this.al);
                 b.y(this.ak);
@@ -289384,13 +289418,13 @@
             if (this.j.aj != null) {
                 a = this.j.aj.i(dataItem_);
             }
-            if (this.j.ax()) {
-                a = this.j.c1(dataItem_);
+            if (this.j.a0()) {
+                a = this.j.c4(dataItem_);
             }
             if (a != null) {
                 return a;
             }
-            var label_ = this.j.bt;
+            var label_ = this.j.bw;
             return (typeof dataItem_ != 'undefined') ? dataItem_ : '';
             ;
         };
@@ -289401,9 +289435,21 @@
                 a.axisLine.appearance.isVisible = this.aa.width() > 0;
             }
             if (this.al != null) {
+                if (this.l != null) {
+                    this.l = this.k.p(this.l.fontString);
+                }
+                else {
+                    this.l = this.j.aw();
+                }
                 a.minLabel = igniteuiWebcomponentsCore.AppearanceHelper.c(this.al, this.l);
             }
             if (this.ak != null) {
+                if (this.l != null) {
+                    this.l = this.k.p(this.l.fontString);
+                }
+                else {
+                    this.l = this.j.aw();
+                }
                 a.maxLabel = igniteuiWebcomponentsCore.AppearanceHelper.c(this.ak, this.l);
             }
             return a;
@@ -289421,73 +289467,73 @@
         tslib.__extends(XamSparklineView, _super);
         function XamSparklineView() {
             var _this = _super.call(this) || this;
+            _this.bo = null;
             _this.bn = null;
-            _this.bm = null;
-            _this.ae = null;
             _this.af = null;
             _this.ag = null;
             _this.ah = null;
-            _this.p = null;
+            _this.ai = null;
             _this.q = null;
             _this.r = null;
+            _this.s = null;
             _this.n = null;
-            _this.u = false;
+            _this.v = false;
             _this.b = new Array(6);
-            _this.y = -1;
-            _this.bw = new igniteuiWebcomponentsCore.Path();
-            _this.bu = new igniteuiWebcomponentsCore.Path();
+            _this.z = -1;
             _this.bx = new igniteuiWebcomponentsCore.Path();
             _this.bv = new igniteuiWebcomponentsCore.Path();
-            _this.bs = new igniteuiWebcomponentsCore.Path();
+            _this.by = new igniteuiWebcomponentsCore.Path();
+            _this.bw = new igniteuiWebcomponentsCore.Path();
             _this.bt = new igniteuiWebcomponentsCore.Path();
-            _this.br = new igniteuiWebcomponentsCore.Path();
-            _this.bp = new igniteuiWebcomponentsCore.Path();
-            _this.bo = new igniteuiWebcomponentsCore.Path();
+            _this.bu = new igniteuiWebcomponentsCore.Path();
+            _this.bs = new igniteuiWebcomponentsCore.Path();
             _this.bq = new igniteuiWebcomponentsCore.Path();
+            _this.bp = new igniteuiWebcomponentsCore.Path();
+            _this.br = new igniteuiWebcomponentsCore.Path();
             _this.j = null;
             _this.f = null;
             _this.g = null;
-            _this.v = new igniteuiWebcomponentsCore.Dictionary$2(igniteuiWebcomponentsCore.Type.$, igniteuiWebcomponentsCore.Delegate_$type, 0);
+            _this.w = new igniteuiWebcomponentsCore.Dictionary$2(igniteuiWebcomponentsCore.Type.$, igniteuiWebcomponentsCore.Delegate_$type, 0);
             _this.l = null;
-            _this.s = false;
-            _this.ai = null;
+            _this.t = false;
+            _this.aj = null;
             _this.e = null;
             _this.d = null;
             _this.c = null;
-            _this.t = false;
-            _this.x = 1;
-            _this.bs._visibility = 1;
+            _this.u = false;
+            _this.y = 1;
             _this.bt._visibility = 1;
-            _this.br._visibility = 1;
-            _this.bp._visibility = 1;
-            _this.bo._visibility = 1;
+            _this.bu._visibility = 1;
+            _this.bs._visibility = 1;
             _this.bq._visibility = 1;
-            _this.bv._visibility = 1;
-            var a = _this.w;
-            a.item(ClearMessage_Spark.$, function (b) { return _this.aj(igniteuiWebcomponentsCore.typeCast(ClearMessage_Spark.$, b)); });
-            a.item(PolygonMessage_Spark.$, function (b) { return _this.bc(igniteuiWebcomponentsCore.typeCast(PolygonMessage_Spark.$, b)); });
-            a.item(ColumnMessage_Spark.$, function (b) { return _this.a5(igniteuiWebcomponentsCore.typeCast(ColumnMessage_Spark.$, b)); });
-            a.item(WinLossColumnMessage_Spark.$, function (b) { return _this.bj(igniteuiWebcomponentsCore.typeCast(WinLossColumnMessage_Spark.$, b)); });
-            a.item(MarkerMessage_Spark.$, function (b) { return _this.a8(igniteuiWebcomponentsCore.typeCast(MarkerMessage_Spark.$, b)); });
-            a.item(NormalRangeMessage_Spark.$, function (b) { return _this.bd(igniteuiWebcomponentsCore.typeCast(NormalRangeMessage_Spark.$, b)); });
-            a.item(TrendLineMessage_Spark.$, function (b) { return _this.bg(igniteuiWebcomponentsCore.typeCast(TrendLineMessage_Spark.$, b)); });
-            a.item(TooltipMessage_Spark.$, function (b) { return _this.be(igniteuiWebcomponentsCore.typeCast(TooltipMessage_Spark.$, b)); });
-            a.item(ToooltipTemplateMessage_Spark.$, function (b) { return _this.bf(igniteuiWebcomponentsCore.typeCast(ToooltipTemplateMessage_Spark.$, b)); });
-            a.item(ContainerMessage_Spark.$, function (b) { return _this.ak(igniteuiWebcomponentsCore.typeCast(ContainerMessage_Spark.$, b)); });
-            a.item(PixelRatioMessage_Spark.$, function (b) { return _this.aw(igniteuiWebcomponentsCore.typeCast(PixelRatioMessage_Spark.$, b)); });
-            a.item(BrushChangedMessage_Spark.$, function (b) { return _this.a3(igniteuiWebcomponentsCore.typeCast(BrushChangedMessage_Spark.$, b)); });
-            a.item(ContainerResizedMessage_Spark.$, function (b) { return _this.at(); });
-            a.item(VisibilityMessage_Spark.$, function (b) { return _this.bi(igniteuiWebcomponentsCore.typeCast(VisibilityMessage_Spark.$, b)); });
-            a.item(NumberChangedMessage_Spark.$, function (b) { return _this.bb(igniteuiWebcomponentsCore.typeCast(NumberChangedMessage_Spark.$, b)); });
-            a.item(ContainerSizeChangedMessage_Spark.$, function (b) { return _this.at(); });
+            _this.bp._visibility = 1;
+            _this.br._visibility = 1;
+            _this.bw._visibility = 1;
+            var a = _this.x;
+            a.item(ClearMessage_Spark.$, function (b) { return _this.ak(igniteuiWebcomponentsCore.typeCast(ClearMessage_Spark.$, b)); });
+            a.item(PolygonMessage_Spark.$, function (b) { return _this.bd(igniteuiWebcomponentsCore.typeCast(PolygonMessage_Spark.$, b)); });
+            a.item(ColumnMessage_Spark.$, function (b) { return _this.a6(igniteuiWebcomponentsCore.typeCast(ColumnMessage_Spark.$, b)); });
+            a.item(WinLossColumnMessage_Spark.$, function (b) { return _this.bk(igniteuiWebcomponentsCore.typeCast(WinLossColumnMessage_Spark.$, b)); });
+            a.item(MarkerMessage_Spark.$, function (b) { return _this.a9(igniteuiWebcomponentsCore.typeCast(MarkerMessage_Spark.$, b)); });
+            a.item(NormalRangeMessage_Spark.$, function (b) { return _this.be(igniteuiWebcomponentsCore.typeCast(NormalRangeMessage_Spark.$, b)); });
+            a.item(TrendLineMessage_Spark.$, function (b) { return _this.bh(igniteuiWebcomponentsCore.typeCast(TrendLineMessage_Spark.$, b)); });
+            a.item(TooltipMessage_Spark.$, function (b) { return _this.bf(igniteuiWebcomponentsCore.typeCast(TooltipMessage_Spark.$, b)); });
+            a.item(ToooltipTemplateMessage_Spark.$, function (b) { return _this.bg(igniteuiWebcomponentsCore.typeCast(ToooltipTemplateMessage_Spark.$, b)); });
+            a.item(ContainerMessage_Spark.$, function (b) { return _this.al(igniteuiWebcomponentsCore.typeCast(ContainerMessage_Spark.$, b)); });
+            a.item(PixelRatioMessage_Spark.$, function (b) { return _this.ax(igniteuiWebcomponentsCore.typeCast(PixelRatioMessage_Spark.$, b)); });
+            a.item(BrushChangedMessage_Spark.$, function (b) { return _this.a4(igniteuiWebcomponentsCore.typeCast(BrushChangedMessage_Spark.$, b)); });
+            a.item(ContainerResizedMessage_Spark.$, function (b) { return _this.au(); });
+            a.item(VisibilityMessage_Spark.$, function (b) { return _this.bj(igniteuiWebcomponentsCore.typeCast(VisibilityMessage_Spark.$, b)); });
+            a.item(NumberChangedMessage_Spark.$, function (b) { return _this.bc(igniteuiWebcomponentsCore.typeCast(NumberChangedMessage_Spark.$, b)); });
+            a.item(ContainerSizeChangedMessage_Spark.$, function (b) { return _this.au(); });
             _this.d = new igniteuiWebcomponentsCore.CanvasRenderScheduler();
             _this.c = new igniteuiWebcomponentsCore.CanvasRenderScheduler();
             _this.d.o(_this);
             _this.c.o(_this);
             return _this;
         }
-        XamSparklineView.prototype.aw = function (a) {
-            this.x = a.b;
+        XamSparklineView.prototype.ax = function (a) {
+            this.y = a.b;
         };
         Object.defineProperty(XamSparklineView.prototype, "k", {
             get: function () {
@@ -289496,7 +289542,7 @@
             set: function (a) {
                 var b = this.j;
                 this.j = a;
-                this.av(b, this.j);
+                this.aw(b, this.j);
                 this.l = null;
             },
             enumerable: false,
@@ -289522,35 +289568,35 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(XamSparklineView.prototype, "w", {
+        Object.defineProperty(XamSparklineView.prototype, "x", {
             get: function () {
-                return this.v;
+                return this.w;
             },
             set: function (a) {
-                this.v = a;
+                this.w = a;
             },
             enumerable: false,
             configurable: true
         });
-        XamSparklineView.prototype.av = function (a, b) {
+        XamSparklineView.prototype.aw = function (a, b) {
             if (a != null) {
-                this.i.detachTarget(igniteuiWebcomponentsCore.runOn(this, this.ar));
+                this.i.detachTarget(igniteuiWebcomponentsCore.runOn(this, this.as));
                 this.h = null;
             }
             if (b != null) {
                 this.i = b.getService("RenderingMessages");
                 this.h = b.getService("InteractionMessages");
-                this.i.attachTarget(igniteuiWebcomponentsCore.runOn(this, this.ar));
-                this.a2(this.h);
+                this.i.attachTarget(igniteuiWebcomponentsCore.runOn(this, this.as));
+                this.a3(this.h);
             }
         };
-        XamSparklineView.prototype.a2 = function (a) {
+        XamSparklineView.prototype.a3 = function (a) {
             this.h = a;
         };
-        XamSparklineView.prototype.ar = function (a) {
+        XamSparklineView.prototype.as = function (a) {
             var _this = this;
             var b;
-            if (((function () { var c = _this.w.tryGetValue(igniteuiWebcomponentsCore.getInstanceType(a), b); b = c.p1; return c.ret; })())) {
+            if (((function () { var c = _this.x.tryGetValue(igniteuiWebcomponentsCore.getInstanceType(a), b); b = c.p1; return c.ret; })())) {
                 b(a);
             }
         };
@@ -289564,62 +289610,62 @@
             enumerable: false,
             configurable: true
         });
-        XamSparklineView.prototype.a1 = function (a, b, c) {
+        XamSparklineView.prototype.a2 = function (a, b, c) {
             var d = new MouseMoveMessage_Spark();
             d.position = a;
             this.h.sendMessage(d);
         };
-        XamSparklineView.prototype.a0 = function (a) {
+        XamSparklineView.prototype.a1 = function (a) {
             var b = new MouseLeaveMessage_Spark();
             this.h.sendMessage(b);
         };
-        XamSparklineView.prototype.a3 = function (a) {
-            this.a4(a.b, a.c, null, -1, -1);
+        XamSparklineView.prototype.a4 = function (a) {
+            this.a5(a.b, a.c, null, -1, -1);
         };
-        XamSparklineView.prototype.a4 = function (a, b, c, d, e) {
+        XamSparklineView.prototype.a5 = function (a, b, c, d, e) {
             var f = null;
             var g = true, h = true;
             switch (a) {
                 case "sparkpath":
                 case XamSparkline.$$p[0]:
-                    f = this.bw;
+                    f = this.bx;
                     break;
                 case "negativesparkpath":
                 case XamSparkline.$$p[29]:
-                    f = this.bu;
+                    f = this.bv;
                     break;
                 case "markers":
                 case XamSparkline.$$p[24]:
-                    f = this.bs;
+                    f = this.bt;
                     break;
                 case "firstmarker":
                 case XamSparkline.$$p[3]:
-                    f = this.bo;
+                    f = this.bp;
                     break;
                 case "lastmarker":
                 case XamSparkline.$$p[17]:
-                    f = this.bq;
+                    f = this.br;
                     break;
                 case "highmarker":
                 case XamSparkline.$$p[7]:
-                    f = this.bp;
+                    f = this.bq;
                     break;
                 case "lowmarker":
                 case XamSparkline.$$p[21]:
-                    f = this.br;
+                    f = this.bs;
                     break;
                 case "negativemarkers":
                 case XamSparkline.$$p[30]:
-                    f = this.bt;
+                    f = this.bu;
                     break;
                 case "trendline":
                 case XamSparkline.$$p[38]:
-                    f = this.bx;
+                    f = this.by;
                     h = false;
                     break;
                 case "range":
                 case XamSparkline.$$p[33]:
-                    f = this.bv;
+                    f = this.bw;
                     g = false;
                     break;
             }
@@ -289644,138 +289690,138 @@
             if (e > 0 && (c == null || f.ad <= 0)) {
                 f.ad = e;
             }
-            this.aq();
+            this.ar();
         };
-        XamSparklineView.prototype.bi = function (a) {
+        XamSparklineView.prototype.bj = function (a) {
             switch (a.b) {
                 case XamSparkline.$$p[26]:
-                    this.bs._visibility = a.c;
+                    this.bt._visibility = a.c;
                     break;
                 case XamSparkline.$$p[5]:
-                    this.bo._visibility = a.c;
+                    this.bp._visibility = a.c;
                     break;
                 case XamSparkline.$$p[19]:
-                    this.bq._visibility = a.c;
+                    this.br._visibility = a.c;
                     break;
                 case XamSparkline.$$p[9]:
-                    this.bp._visibility = a.c;
+                    this.bq._visibility = a.c;
                     break;
                 case XamSparkline.$$p[23]:
-                    this.br._visibility = a.c;
+                    this.bs._visibility = a.c;
                     break;
                 case XamSparkline.$$p[32]:
-                    this.bt._visibility = a.c;
+                    this.bu._visibility = a.c;
                     break;
                 case XamSparkline.$$p[36]:
-                    this.bv._visibility = a.c;
+                    this.bw._visibility = a.c;
                     break;
                 case XamSparkline.$$p[37]:
-                    this.u = a.c == 0;
+                    this.v = a.c == 0;
                     break;
             }
-            this.aq();
+            this.ar();
         };
-        XamSparklineView.prototype.bb = function (a) {
+        XamSparklineView.prototype.bc = function (a) {
             var b = a.b;
             if (b <= 0) {
                 return;
             }
             switch (a.c) {
                 case XamSparkline.$$p[20]:
-                    this.bw.ad = this.bu.ad = b;
+                    this.bx.ad = this.bv.ad = b;
                     break;
                 case XamSparkline.$$p[40]:
-                    this.bx.ad = b;
+                    this.by.ad = b;
                     break;
             }
-            this.aq();
+            this.ar();
         };
-        XamSparklineView.prototype.ak = function (a) {
+        XamSparklineView.prototype.al = function (a) {
             if (a.b == null) {
                 if (this.n != null) {
                     this.n.ax();
                     var b = this.n;
-                    b.onMouseLeave = igniteuiWebcomponentsCore.delegateRemove(b.onMouseLeave, igniteuiWebcomponentsCore.runOn(this, this.a0));
+                    b.onMouseLeave = igniteuiWebcomponentsCore.delegateRemove(b.onMouseLeave, igniteuiWebcomponentsCore.runOn(this, this.a1));
                     var c = this.n;
-                    c.onMouseOver = igniteuiWebcomponentsCore.delegateRemove(c.onMouseOver, igniteuiWebcomponentsCore.runOn(this, this.a1));
+                    c.onMouseOver = igniteuiWebcomponentsCore.delegateRemove(c.onMouseOver, igniteuiWebcomponentsCore.runOn(this, this.a2));
                     this.n = null;
                 }
-                this.ae = null;
                 this.af = null;
                 this.ag = null;
                 this.ah = null;
-                this.p = this.q = this.r = null;
+                this.ai = null;
+                this.q = this.r = this.s = null;
                 this.d.m(null);
                 return;
             }
             var d = a.b;
             this.d.m(d);
-            this.ae = d;
-            this.ae.rootWrapper.setStyleProperty("position", "relative");
-            this.af = this.ae.createElement("canvas");
-            this.af.setStyleProperty("position", "absolute");
-            this.ag = this.ae.createElement("canvas");
+            this.af = d;
+            this.af.rootWrapper.setStyleProperty("position", "relative");
+            this.ag = this.af.createElement("canvas");
             this.ag.setStyleProperty("position", "absolute");
-            this.ah = this.ae.createElement("canvas");
+            this.ah = this.af.createElement("canvas");
             this.ah.setStyleProperty("position", "absolute");
-            this.ae.append(this.af);
-            this.ae.append(this.ag);
-            this.ae.append(this.ah);
-            this.p = new igniteuiWebcomponentsCore.RenderingContext(new igniteuiWebcomponentsCore.CanvasViewRenderer(), this.ae.get2DCanvasContext(this.af));
-            this.q = new igniteuiWebcomponentsCore.RenderingContext(new igniteuiWebcomponentsCore.CanvasViewRenderer(), this.ae.get2DCanvasContext(this.ag));
-            this.r = new igniteuiWebcomponentsCore.RenderingContext(new igniteuiWebcomponentsCore.CanvasViewRenderer(), this.ae.get2DCanvasContext(this.ah));
-            this.n = new igniteuiWebcomponentsCore.CanvasGestureDOMEventProxy(this.af, this.ae, false);
+            this.ai = this.af.createElement("canvas");
+            this.ai.setStyleProperty("position", "absolute");
+            this.af.append(this.ag);
+            this.af.append(this.ah);
+            this.af.append(this.ai);
+            this.q = new igniteuiWebcomponentsCore.RenderingContext(new igniteuiWebcomponentsCore.CanvasViewRenderer(), this.af.get2DCanvasContext(this.ag));
+            this.r = new igniteuiWebcomponentsCore.RenderingContext(new igniteuiWebcomponentsCore.CanvasViewRenderer(), this.af.get2DCanvasContext(this.ah));
+            this.s = new igniteuiWebcomponentsCore.RenderingContext(new igniteuiWebcomponentsCore.CanvasViewRenderer(), this.af.get2DCanvasContext(this.ai));
+            this.n = new igniteuiWebcomponentsCore.CanvasGestureDOMEventProxy(this.ag, this.af, false);
             var e = this.n;
-            e.onMouseLeave = igniteuiWebcomponentsCore.delegateCombine(e.onMouseLeave, igniteuiWebcomponentsCore.runOn(this, this.a0));
+            e.onMouseLeave = igniteuiWebcomponentsCore.delegateCombine(e.onMouseLeave, igniteuiWebcomponentsCore.runOn(this, this.a1));
             var f = this.n;
-            f.onMouseOver = igniteuiWebcomponentsCore.delegateCombine(f.onMouseOver, igniteuiWebcomponentsCore.runOn(this, this.a1));
+            f.onMouseOver = igniteuiWebcomponentsCore.delegateCombine(f.onMouseOver, igniteuiWebcomponentsCore.runOn(this, this.a2));
             this.n.ar = function (g) { return false; };
-            this.ao();
-            this.at();
+            this.ap();
+            this.au();
         };
-        XamSparklineView.prototype.ao = function () {
+        XamSparklineView.prototype.ap = function () {
             var a = ["sparkpath", "negativesparkpath", "trendline", "markers", "firstmarker", "lastmarker", "highmarker", "lowmarker", "negativemarkers", "range"];
             var b = ["#8bdc5c", "#ee5879", "#565656", "#8b5bb1", "#f8a15f", "#ee5879", "#6db1ff", "#f7d262", "#ee5879", "#66666666"];
             for (var c = 0; c < 10; c++) {
                 var d = a[c];
                 var e = ["background-color", "opacity", "border-top-width"];
                 this.a("ui-sparkline-" + d, e);
-                var f = XamSparklineView.ad(e[2], (c < 3) ? (c < 2 ? 2 : 1.5) : -1);
+                var f = XamSparklineView.ae(e[2], (c < 3) ? (c < 2 ? 2 : 1.5) : -1);
                 if (c > 2 && c < 9) {
                     this.b[c - 3] = f;
                 }
-                this.a4(d, null, (e[0] == null) ? b[c] : e[0], XamSparklineView.ad(e[1], -1), c < 3 ? f : -1);
+                this.a5(d, null, (e[0] == null) ? b[c] : e[0], XamSparklineView.ae(e[1], -1), c < 3 ? f : -1);
             }
         };
-        XamSparklineView.ad = function (v_, a) {
+        XamSparklineView.ae = function (v_, a) {
             var d_ = (v_ == null || v_.length < 1) ? null : parseFloat(v_);
             return (d_ == null || d_.toString() == "NaN") ? a : d_;
         };
         XamSparklineView.prototype.a = function (a, b) {
-            this.ae.startCSSQuery();
+            this.af.startCSSQuery();
             for (var c = 0; c < b.length; c++) {
-                b[c] = this.ae.getCssDefaultPropertyValue(a, b[c]);
+                b[c] = this.af.getCssDefaultPropertyValue(a, b[c]);
             }
-            this.ae.endCSSQuery();
+            this.af.endCSSQuery();
             return b;
         };
-        XamSparklineView.prototype.at = function () {
-            if (this.ae == null || this.s) {
+        XamSparklineView.prototype.au = function () {
+            if (this.af == null || this.t) {
                 return;
             }
-            this.s = true;
-            this.ap(this.m.q);
-            var a = this.ae.rootWrapper.width(), b = this.ae.rootWrapper.height();
+            this.t = true;
+            this.aq(this.m.q);
+            var a = this.af.rootWrapper.width(), b = this.af.rootWrapper.height();
             var c, d, e;
-            c = this.af;
-            d = this.ag;
-            e = this.ah;
+            c = this.ag;
+            d = this.ah;
+            e = this.ai;
             var f = new ContainerResizedMessage_Spark();
             f.g = a;
             f.d = b;
-            f.b = this.q;
-            f.h = this.ae;
-            f.c = this.r;
+            f.b = this.r;
+            f.h = this.af;
+            f.c = this.s;
             f.f = 0;
             f.e = 0;
             f.j = d;
@@ -289786,139 +289832,139 @@
             var k = i, l = a - i, m = j, n = b - j;
             c.setStyleProperty("width", k.toString() + "px");
             c.setStyleProperty("height", m.toString() + "px");
-            c.setAttribute("width", (k * this.x).toString());
-            c.setAttribute("height", (m * this.x).toString());
+            c.setAttribute("width", (k * this.y).toString());
+            c.setAttribute("height", (m * this.y).toString());
             c.setStyleProperty("marginLeft", l + "px");
             k = (i + h);
-            this.az(d, k, n, k * this.x, n * this.x);
+            this.a0(d, k, n, k * this.y, n * this.y);
             d.setStyleProperty("marginTop", m + "px");
             d.setStyleProperty("marginLeft", (a - i - h).toString() + "px");
-            this.az(e, l, m, l * this.x, m * this.x);
-            this.bn = new igniteuiWebcomponentsCore.Rect(0, 0, 0, i, j);
+            this.a0(e, l, m, l * this.y, m * this.y);
+            this.bo = new igniteuiWebcomponentsCore.Rect(0, 0, 0, i, j);
             if (this.n != null) {
-                this.n.bo = this.bn;
+                this.n.bo = this.bo;
             }
-            this.bh();
+            this.bi();
             var o = new ViewportChangedMessage_Spark();
-            o.newLeft = this.bn.left;
-            o.newTop = this.bn.top;
-            o.newHeight = this.bn.height;
-            o.newWidth = this.bn.width;
+            o.newLeft = this.bo.left;
+            o.newTop = this.bo.top;
+            o.newHeight = this.bo.height;
+            o.newWidth = this.bo.width;
             this.i.sendMessage(o);
-            this.s = false;
+            this.t = false;
         };
-        XamSparklineView.prototype.al = function (a) {
+        XamSparklineView.prototype.am = function (a) {
             if (a) {
-                this.y = -1;
+                this.z = -1;
             }
-            else if (this.y < 0) {
-                this.bh();
+            else if (this.z < 0) {
+                this.bi();
             }
         };
-        XamSparklineView.prototype.bh = function () {
-            var a = this.bn.left;
-            var b = this.bn.width;
-            var c = this.bn.height;
-            var d = this.ab(true);
+        XamSparklineView.prototype.bi = function () {
+            var a = this.bo.left;
+            var b = this.bo.width;
+            var c = this.bo.height;
+            var d = this.ac(true);
             var e = new igniteuiWebcomponentsCore.Rect(0, a + d, d, b - d * 2, c - d * 2);
             var f = new ViewportChangedMessage_Spark();
             f.newLeft = e.left;
             f.newTop = e.top;
             f.newHeight = e.height;
             f.newWidth = e.width;
-            this.bm = e;
+            this.bn = e;
             this.h.sendMessage(f);
         };
-        XamSparklineView.prototype.aj = function (a) {
-            if (igniteuiWebcomponentsCore.Rect.l_op_Equality(this.bn, null)) {
+        XamSparklineView.prototype.ak = function (a) {
+            if (igniteuiWebcomponentsCore.Rect.l_op_Equality(this.bo, null)) {
                 return;
             }
             switch (a.b) {
                 case 2:
-                    this.bs.an = null;
-                    this.bo.an = null;
-                    this.bq.an = null;
+                    this.bt.an = null;
                     this.bp.an = null;
                     this.br.an = null;
-                    this.bt.an = null;
+                    this.bq.an = null;
+                    this.bs.an = null;
+                    this.bu.an = null;
                     break;
                 case 8:
-                    this.bv.an = null;
+                    this.bw.an = null;
                     break;
                 case 1:
-                    this.bw.an = null;
-                    this.bu.an = null;
+                    this.bx.an = null;
+                    this.bv.an = null;
                     break;
                 case 4:
-                    this.am(null);
+                    this.an(null);
                     break;
                 case 16:
-                    this.bx.an = null;
+                    this.by.an = null;
                     break;
             }
             if (a.c) {
-                this.at();
+                this.au();
             }
         };
-        XamSparklineView.prototype.ab = function (a) {
+        XamSparklineView.prototype.ac = function (a) {
             if (a) {
-                this.y = -1;
+                this.z = -1;
             }
-            var b = this.y;
+            var b = this.z;
             if (b >= 0) {
                 return b;
             }
             b = 0;
             var c = this.m.q;
-            if (c.fp == 0) {
-                b = this.ac(b, c.bd, 0);
+            if (c.fw == 0) {
+                b = this.ad(b, c.bg, 0);
             }
-            if (c.fk == 0) {
-                b = this.ac(b, c.a6, 1);
+            if (c.fr == 0) {
+                b = this.ad(b, c.a9, 1);
             }
-            if (c.fn == 0) {
-                b = this.ac(b, c.a8, 2);
+            if (c.fu == 0) {
+                b = this.ad(b, c.bb, 2);
             }
-            if (c.fl == 0) {
-                b = this.ac(b, c.a7, 3);
+            if (c.fs == 0) {
+                b = this.ad(b, c.ba, 3);
             }
-            if (c.fo == 0) {
-                b = this.ac(b, c.bc, 4);
+            if (c.fv == 0) {
+                b = this.ad(b, c.bf, 4);
             }
-            if (c.fq == 0) {
-                b = this.ac(b, c.bi, 5);
+            if (c.fx == 0) {
+                b = this.ad(b, c.bl, 5);
             }
-            this.y = b;
+            this.z = b;
             return b;
         };
-        XamSparklineView.prototype.ac = function (a, b, c) {
+        XamSparklineView.prototype.ad = function (a, b, c) {
             if (b >= 0) {
                 return b > a ? b : a;
             }
             return this.b[c] > a ? this.b[c] : a;
         };
-        XamSparklineView.prototype.a8 = function (a) {
-            this.a9(this.bs, a.e, a.k, 0);
-            this.a9(this.bt, a.f, a.l, 5);
-            this.a9(this.br, a.d, a.j, 4);
-            this.a9(this.bp, a.c, a.h, 3);
-            this.ba(this.bo, a.m, a.g, 1);
-            this.ba(this.bq, a.n, a.i, 2);
-            this.aq();
+        XamSparklineView.prototype.a9 = function (a) {
+            this.ba(this.bt, a.e, a.k, 0);
+            this.ba(this.bu, a.f, a.l, 5);
+            this.ba(this.bs, a.d, a.j, 4);
+            this.ba(this.bq, a.c, a.h, 3);
+            this.bb(this.bp, a.m, a.g, 1);
+            this.bb(this.br, a.n, a.i, 2);
+            this.ar();
         };
-        XamSparklineView.prototype.ba = function (a, b, c, d) {
+        XamSparklineView.prototype.bb = function (a, b, c, d) {
             var e = ((function () {
                 var $ret = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Point_$type, 0);
                 $ret.add(b);
                 return $ret;
             })());
-            this.a9(a, e, c, d);
+            this.ba(a, e, c, d);
         };
-        XamSparklineView.prototype.a9 = function (a, b, c, d) {
+        XamSparklineView.prototype.ba = function (a, b, c, d) {
             if (c < 0) {
                 c = this.b[d];
             }
-            a.an = this.bl(b, c < 0.1 ? igniteuiWebcomponentsCore.DeviceUtils.g(3) : c);
+            a.an = this.bm(b, c < 0.1 ? igniteuiWebcomponentsCore.DeviceUtils.g(3) : c);
             if (this.m.q.aq != 3) {
                 var e = new igniteuiWebcomponentsCore.TranslateTransform();
                 e.j = this.m.o.d;
@@ -289928,12 +289974,12 @@
                 a.j = null;
             }
         };
-        XamSparklineView.prototype.bl = function (a, b) {
+        XamSparklineView.prototype.bm = function (a, b) {
             var e_1, _a;
             var c = new igniteuiWebcomponentsCore.GeometryGroup();
             c.c = 1;
-            var d = this.bn.right;
-            var e = this.bn.bottom;
+            var d = this.bo.right;
+            var e = this.bo.bottom;
             try {
                 for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(a)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var f = _c.value;
@@ -289965,7 +290011,7 @@
             }
             return c;
         };
-        XamSparklineView.prototype.bc = function (a) {
+        XamSparklineView.prototype.bd = function (a) {
             var e_2, _a;
             var b = new igniteuiWebcomponentsCore.PathGeometry();
             var c = this.m.q.aq == 1;
@@ -290000,10 +290046,10 @@
                         throw e_2.error;
                 }
             }
-            this.bw.an = b;
-            this.aq();
+            this.bx.an = b;
+            this.ar();
         };
-        XamSparklineView.prototype.bk = function (a, b) {
+        XamSparklineView.prototype.bl = function (a, b) {
             var e_3, _a;
             var c = igniteuiWebcomponentsCore.typeCast(WinLossColumnMessage_Spark.$, b);
             var d = igniteuiWebcomponentsCore.typeCast(ColumnMessage_Spark.$, b);
@@ -290038,34 +290084,34 @@
             }
             return e;
         };
-        XamSparklineView.prototype.a5 = function (a) {
-            this.a6(this.bw, a.d, a);
-            this.a6(this.bu, a.g, a);
-            this.aq();
+        XamSparklineView.prototype.a6 = function (a) {
+            this.a7(this.bx, a.d, a);
+            this.a7(this.bv, a.g, a);
+            this.ar();
         };
-        XamSparklineView.prototype.a7 = function (a, b, c) {
+        XamSparklineView.prototype.a8 = function (a, b, c) {
             var d = ((function () {
                 var $ret = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Point_$type, 0);
                 $ret.add(b);
                 return $ret;
             })());
-            this.a6(a, d, c);
+            this.a7(a, d, c);
         };
-        XamSparklineView.prototype.a6 = function (a, b, c) {
-            a.an = this.bk(b, c);
+        XamSparklineView.prototype.a7 = function (a, b, c) {
+            a.an = this.bl(b, c);
         };
-        XamSparklineView.prototype.bj = function (a) {
-            this.a6(this.bw, a.d, a);
-            this.a6(this.bu, a.g, a);
-            this.aq();
+        XamSparklineView.prototype.bk = function (a) {
+            this.a7(this.bx, a.d, a);
+            this.a7(this.bv, a.g, a);
+            this.ar();
         };
-        XamSparklineView.prototype.bd = function (a) {
+        XamSparklineView.prototype.be = function (a) {
             var b = new igniteuiWebcomponentsCore.RectangleGeometry();
             b.e = new igniteuiWebcomponentsCore.Rect(0, a.k, a.l, a.j, a.i);
-            this.bv.an = b;
-            this.aq();
+            this.bw.an = b;
+            this.ar();
         };
-        XamSparklineView.prototype.bg = function (a) {
+        XamSparklineView.prototype.bh = function (a) {
             if (a.points.length == 0) {
                 return;
             }
@@ -290080,49 +290126,49 @@
                 c._segments.add(f);
             }
             b.c.add(c);
-            this.bx.an = b;
-            this.aq();
+            this.by.an = b;
+            this.ar();
         };
-        XamSparklineView.prototype.bf = function (a) {
-            this.ai = a.template;
+        XamSparklineView.prototype.bg = function (a) {
+            this.aj = a.template;
         };
-        XamSparklineView.prototype.be = function (a) {
-            if (!this.u) {
-                this.am(null);
+        XamSparklineView.prototype.bf = function (a) {
+            if (!this.v) {
+                this.an(null);
                 return;
             }
             var b = igniteuiWebcomponentsCore.truncate(Math.round(a.xOffset - 10));
             var c = igniteuiWebcomponentsCore.truncate(Math.round(a.yOffset - 10));
-            b = igniteuiWebcomponentsCore.truncate(Math.round(b * this.x));
-            c = igniteuiWebcomponentsCore.truncate(Math.round(c * this.x));
-            var d = this.p.a(b, c);
+            b = igniteuiWebcomponentsCore.truncate(Math.round(b * this.y));
+            c = igniteuiWebcomponentsCore.truncate(Math.round(c * this.y));
+            var d = this.q.a(b, c);
             if (d[3] > 0) {
-                this.am(a);
+                this.an(a);
             }
             else {
-                this.am(null);
+                this.an(null);
             }
         };
-        XamSparklineView.prototype.am = function (a) {
+        XamSparklineView.prototype.an = function (a) {
             var x_ = 0, y_ = 0;
-            var v_ = null, t_ = null, i_ = this.ae;
+            var v_ = null, t_ = null, i_ = this.af;
             {
                 if (a != null) {
-                    t_ = this.ai;
+                    t_ = this.aj;
                     x_ = a.xOffset + 6;
                     y_ = a.yOffset + 6;
                     var b = a.context;
                     var f_ = b.first, l_ = b.last, o_ = b.low, h_ = b.high;
                     v_ = { First: f_, Last: l_, Low: o_, High: h_ };
                 }
-                var ren_ = this.ae;
+                var ren_ = this.af;
                 if (this.e == null) {
                     this.e = new igniteuiWebcomponentsCore.DataContext();
                 }
                 var dc_ = this.e;
                 dc_.item = v_;
                 dc_.series = this;
-                var tt_ = this.ai;
+                var tt_ = this.aj;
                 if (tt_ != null) {
                     if (v_ != null) {
                         tt_.updateToolTip(dc_);
@@ -290136,24 +290182,24 @@
         };
         Object.defineProperty(XamSparklineView.prototype, "isDirty", {
             get: function () {
-                return this.t;
+                return this.u;
             },
             set: function (a) {
-                this.t = a;
+                this.u = a;
             },
             enumerable: false,
             configurable: true
         });
-        XamSparklineView.prototype.aq = function () {
+        XamSparklineView.prototype.ar = function () {
             if (!this.isDirty) {
                 this.isDirty = true;
-                this.d.r(this.p, null);
-                this.c.r(this.q, this.r);
+                this.d.r(this.q, null);
+                this.c.r(this.r, this.s);
             }
         };
         XamSparklineView.prototype.undirty = function (a) {
-            this.t = false;
-            this.ax();
+            this.u = false;
+            this.ay();
         };
         Object.defineProperty(XamSparklineView.prototype, "index", {
             get: function () {
@@ -290162,28 +290208,28 @@
             enumerable: false,
             configurable: true
         });
-        XamSparklineView.prototype.ay = function (a, b) {
+        XamSparklineView.prototype.az = function (a, b) {
             b.t(a);
         };
-        XamSparklineView.prototype.ax = function () {
-            var a = this.p;
+        XamSparklineView.prototype.ay = function () {
+            var a = this.q;
             if (a != null && a.d) {
-                if (this.x != 1) {
+                if (this.y != 1) {
                     a.ac();
-                    a.ad(this.x, this.x);
+                    a.ad(this.y, this.y);
                 }
-                a.l(this.bn.left, this.bn.top, this.bn.width, this.bn.height);
-                a.t(this.bw);
-                a.t(this.bu);
-                this.ay(this.bs, a);
-                this.ay(this.bt, a);
-                this.ay(this.bp, a);
-                this.ay(this.br, a);
-                this.ay(this.bo, a);
-                this.ay(this.bq, a);
-                a.t(this.bv);
+                a.l(this.bo.left, this.bo.top, this.bo.width, this.bo.height);
                 a.t(this.bx);
-                if (this.x != 1) {
+                a.t(this.bv);
+                this.az(this.bt, a);
+                this.az(this.bu, a);
+                this.az(this.bq, a);
+                this.az(this.bs, a);
+                this.az(this.bp, a);
+                this.az(this.br, a);
+                a.t(this.bw);
+                a.t(this.by);
+                if (this.y != 1) {
                     a.ab();
                 }
             }
@@ -290194,19 +290240,19 @@
         };
         XamSparklineView.prototype.postRender = function () {
         };
-        XamSparklineView.prototype.an = function (a) {
-            a.viewport = new igniteuiWebcomponentsCore.RectData(this.bn.left, this.bn.top, this.bn.width, this.bn.height);
-            a.marginViewport = new igniteuiWebcomponentsCore.RectData(this.bm.left, this.bm.top, this.bm.width, this.bm.height);
-            a.sparkPath = new igniteuiWebcomponentsCore.PathVisualData(1, "SparkPath", this.bw);
-            a.negativeSparkPath = new igniteuiWebcomponentsCore.PathVisualData(1, "NegativeSparkPath", this.bu);
-            a.trendLinePath = new igniteuiWebcomponentsCore.PathVisualData(1, "TrendLinePath", this.bx);
-            a.rangePath = new igniteuiWebcomponentsCore.PathVisualData(1, "RangePath", this.bv);
-            a.markersPath = new igniteuiWebcomponentsCore.PathVisualData(1, "MarkersPath", this.bs);
-            a.negativeMarkersPath = new igniteuiWebcomponentsCore.PathVisualData(1, "NegativeMarkersPath", this.bt);
-            a.lowMarkersPath = new igniteuiWebcomponentsCore.PathVisualData(1, "LowMarkersPath", this.br);
-            a.highMarkersPath = new igniteuiWebcomponentsCore.PathVisualData(1, "HighMarkersPath", this.bp);
-            a.firstMarkerPath = new igniteuiWebcomponentsCore.PathVisualData(1, "FirstMarkerPath", this.bo);
-            a.lastMarkerPath = new igniteuiWebcomponentsCore.PathVisualData(1, "LastMarkerPath", this.bq);
+        XamSparklineView.prototype.ao = function (a) {
+            a.viewport = new igniteuiWebcomponentsCore.RectData(this.bo.left, this.bo.top, this.bo.width, this.bo.height);
+            a.marginViewport = new igniteuiWebcomponentsCore.RectData(this.bn.left, this.bn.top, this.bn.width, this.bn.height);
+            a.sparkPath = new igniteuiWebcomponentsCore.PathVisualData(1, "SparkPath", this.bx);
+            a.negativeSparkPath = new igniteuiWebcomponentsCore.PathVisualData(1, "NegativeSparkPath", this.bv);
+            a.trendLinePath = new igniteuiWebcomponentsCore.PathVisualData(1, "TrendLinePath", this.by);
+            a.rangePath = new igniteuiWebcomponentsCore.PathVisualData(1, "RangePath", this.bw);
+            a.markersPath = new igniteuiWebcomponentsCore.PathVisualData(1, "MarkersPath", this.bt);
+            a.negativeMarkersPath = new igniteuiWebcomponentsCore.PathVisualData(1, "NegativeMarkersPath", this.bu);
+            a.lowMarkersPath = new igniteuiWebcomponentsCore.PathVisualData(1, "LowMarkersPath", this.bs);
+            a.highMarkersPath = new igniteuiWebcomponentsCore.PathVisualData(1, "HighMarkersPath", this.bq);
+            a.firstMarkerPath = new igniteuiWebcomponentsCore.PathVisualData(1, "FirstMarkerPath", this.bp);
+            a.lastMarkerPath = new igniteuiWebcomponentsCore.PathVisualData(1, "LastMarkerPath", this.br);
         };
         XamSparklineView.prototype.preRender = function () {
         };
@@ -290214,30 +290260,33 @@
             return true;
         };
         XamSparklineView.prototype.o = function (a) {
-            return igniteuiWebcomponentsCore.FontUtil.getFontForClass(this.ae, a);
+            return igniteuiWebcomponentsCore.FontUtil.getFontForClass(this.af, a);
+        };
+        XamSparklineView.prototype.p = function (a) {
+            return igniteuiWebcomponentsCore.FontUtil.toFontInfo(this.af, a);
         };
-        XamSparklineView.prototype.az = function (a, b, c, d, e) {
+        XamSparklineView.prototype.a0 = function (a, b, c, d, e) {
             a.setStyleProperty("width", b + "px");
             a.setStyleProperty("height", c + "px");
             a.setAttribute("width", d.toString());
             a.setAttribute("height", e.toString());
         };
-        XamSparklineView.prototype.ap = function (a) {
-            var b = igniteuiWebcomponentsCore.CanvasScalingHelpers.b(this.ae);
-            a.a5 = igniteuiWebcomponentsCore.CanvasScalingHelpers.a(a.bl, a.a5, b);
+        XamSparklineView.prototype.aq = function (a) {
+            var b = igniteuiWebcomponentsCore.CanvasScalingHelpers.b(this.af);
+            a.a8 = igniteuiWebcomponentsCore.CanvasScalingHelpers.a(a.bo, a.a8, b);
             if (this.n != null) {
                 igniteuiWebcomponentsCore.CanvasScalingHelpers.h(this.n, b);
             }
         };
-        XamSparklineView.prototype.au = function () {
+        XamSparklineView.prototype.av = function () {
             if (this.n != null) {
-                this.n.bk(this.af, "");
+                this.n.bk(this.ag, "");
             }
         };
-        XamSparklineView.prototype.as = function () {
-            this.ap(this.l.q);
+        XamSparklineView.prototype.at = function () {
+            this.aq(this.l.q);
             if (this.n != null) {
-                this.n.av(this.af, "");
+                this.n.av(this.ag, "");
             }
         };
         XamSparklineView.$t = igniteuiWebcomponentsCore.markType(XamSparklineView, 'XamSparklineView', igniteuiWebcomponentsCore.Base.$, [igniteuiWebcomponentsCore.ISchedulableRender_$type]);
@@ -290258,7 +290307,7 @@
         SparkFramePreparer.prototype.e = function (a) {
             var e_4, _a;
             var _this = this;
-            this.b.r.al(false);
+            this.b.r.am(false);
             a.g.clear();
             a.l.clear();
             a.j.clear();
@@ -290283,7 +290332,7 @@
             var n = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Number_$type, 0);
             var o = this.b.q.ar;
             var p = this.b.q.aq;
-            var q = this.b.q.bq;
+            var q = this.b.q.bt;
             var r = o != 0 && q >= 1;
             var s = null;
             var t = null;
@@ -290417,8 +290466,8 @@
             }
             var ai = this.b.t.minimum;
             var aj = this.b.t.maximum;
-            var ak = this.b.q.a4;
-            var al = this.b.q.a3;
+            var ak = this.b.q.a7;
+            var al = this.b.q.a6;
             this.c = h - (m - ak) / (al - ak) * g;
             if (this.c < 0) {
                 this.c = 0;
@@ -290542,7 +290591,7 @@
             _this.d = igniteuiWebcomponentsCore.typeCast(XamSparkline.$, a);
             _this.a = _this.d.ak;
             _this.c = _this.d.at;
-            b.ap(_this.d);
+            b.aq(_this.d);
             var c = new ServiceProvider_Spark();
             c.addService("ConfigurationMessages", new MessageChannel_Spark());
             c.addService("RenderingMessages", new MessageChannel_Spark());
@@ -290623,14 +290672,14 @@
         });
         Object.defineProperty(SparklineController.prototype, "ad", {
             get: function () {
-                return this.q != null ? this.q.c9 : null;
+                return this.q != null ? this.q.de : null;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(SparklineController.prototype, "ac", {
             get: function () {
-                return this.q != null ? this.q.ce : null;
+                return this.q != null ? this.q.ch : null;
             },
             enumerable: false,
             configurable: true
@@ -290655,13 +290704,13 @@
             return c;
         };
         SparklineController.prototype.z = function (a) {
-            var b = ((a - this.q.a4) / (this.q.a3 - this.q.a4));
+            var b = ((a - this.q.a7) / (this.q.a6 - this.q.a7));
             b = (1 - b);
             b = this.a3.top + (b) * this.a3.height;
             return b;
         };
         SparklineController.prototype.w = function () {
-            return !this.a3.isEmpty && this.a3.width > 0 && this.a3.height > 0 && this.q != null && this.q.a4 != this.q.a3;
+            return !this.a3.isEmpty && this.a3.width > 0 && this.a3.height > 0 && this.q != null && this.q.a7 != this.q.a6;
         };
         SparklineController.prototype.v = function (a) {
             if (a.oldValue != a.newValue) {
@@ -290686,40 +290735,40 @@
         SparklineController.prototype.ay = function () {
             if (this.q != null) {
                 if (this.t == null) {
-                    this.q.a4 = this.q.a3 = NaN;
+                    this.q.a7 = this.q.a6 = NaN;
                 }
                 else {
-                    if (igniteuiWebcomponentsCore.isNaN_(this.q.bh)) {
-                        this.q.a4 = this.t.minimum;
+                    if (igniteuiWebcomponentsCore.isNaN_(this.q.bk)) {
+                        this.q.a7 = this.t.minimum;
                     }
                     else {
-                        this.q.a4 = this.q.bh;
+                        this.q.a7 = this.q.bk;
                     }
-                    if (igniteuiWebcomponentsCore.isNaN_(this.q.bg)) {
-                        this.q.a3 = this.t.maximum;
+                    if (igniteuiWebcomponentsCore.isNaN_(this.q.bj)) {
+                        this.q.a6 = this.t.maximum;
                     }
                     else {
-                        this.q.a3 = this.q.bg;
+                        this.q.a6 = this.q.bj;
                     }
-                    if (this.q.a4 == this.q.a3) {
-                        if (!igniteuiWebcomponentsCore.isNaN_(this.q.bg) && igniteuiWebcomponentsCore.isNaN_(this.q.bh)) {
-                            this.q.a4 = this.q.a3 - 1;
+                    if (this.q.a7 == this.q.a6) {
+                        if (!igniteuiWebcomponentsCore.isNaN_(this.q.bj) && igniteuiWebcomponentsCore.isNaN_(this.q.bk)) {
+                            this.q.a7 = this.q.a6 - 1;
                         }
-                        else if (igniteuiWebcomponentsCore.isNaN_(this.q.bg) && !igniteuiWebcomponentsCore.isNaN_(this.q.bh)) {
-                            this.q.a3 = this.q.a4 + 1;
+                        else if (igniteuiWebcomponentsCore.isNaN_(this.q.bj) && !igniteuiWebcomponentsCore.isNaN_(this.q.bk)) {
+                            this.q.a6 = this.q.a7 + 1;
                         }
                         else {
-                            if (Math.floor(this.q.a4) < this.q.a4) {
-                                this.q.a4 = Math.floor(this.q.a4);
+                            if (Math.floor(this.q.a7) < this.q.a7) {
+                                this.q.a7 = Math.floor(this.q.a7);
                             }
                             else {
-                                this.q.a4 = Math.floor(this.q.a4) - 1;
+                                this.q.a7 = Math.floor(this.q.a7) - 1;
                             }
-                            if (Math.ceil(this.q.a3) > this.q.a3) {
-                                this.q.a3 = Math.ceil(this.q.a3);
+                            if (Math.ceil(this.q.a6) > this.q.a6) {
+                                this.q.a6 = Math.ceil(this.q.a6);
                             }
                             else {
-                                this.q.a3 = Math.ceil(this.q.a3) + 1;
+                                this.q.a6 = Math.ceil(this.q.a6) + 1;
                             }
                         }
                     }
@@ -290739,10 +290788,10 @@
             if (this.u != null) {
                 this.u.deregisterColumn(this.s);
                 this.s = this.u.registerColumnObject(this.ac, null, false);
-                this.q.av = this.s;
+                this.q.ay = this.s;
             }
             else {
-                this.q.av = this.s = null;
+                this.q.ay = this.s = null;
             }
         };
         SparklineController.prototype.au = function () {
@@ -290868,7 +290917,7 @@
                     c.c = igniteuiWebcomponentsCore.EnumUtil.getEnumValue(igniteuiWebcomponentsCore.Visibility_$type, a.newValue);
                     c.b = a.propertyName;
                     this.m.sendMessage(c);
-                    this.r.al(true);
+                    this.r.am(true);
                     break;
                 case XamSparkline.$$p[25]:
                 case XamSparkline.$$p[4]:
@@ -290876,7 +290925,7 @@
                 case XamSparkline.$$p[8]:
                 case XamSparkline.$$p[22]:
                 case XamSparkline.$$p[31]:
-                    this.r.al(true);
+                    this.r.am(true);
                     break;
                 case XamSparkline.$$p[20]:
                 case XamSparkline.$$p[40]:
@@ -290885,6 +290934,8 @@
                     d.c = a.propertyName;
                     this.m.sendMessage(d);
                     break;
+                case "TextStyle":
+                case "TextColor":
                 case XamSparkline.$$p[10]:
                 case XamSparkline.$$p[44]:
                 case XamSparkline.$$p[12]:
@@ -290905,9 +290956,9 @@
                     break;
                 case XamSparkline.$$p[13]:
                 case XamSparkline.$$p[14]:
-                    if (this.q.ca != null) {
+                    if (this.q.cd != null) {
                         this.q.ai = new igniteuiWebcomponentsCore.BindingFormatter();
-                        this.q.ai.j = this.q.ca;
+                        this.q.ai.j = this.q.cd;
                         this.q.ai.d = this.q.ag;
                     }
                     else {
@@ -290917,9 +290968,9 @@
                     break;
                 case XamSparkline.$$p[47]:
                 case XamSparkline.$$p[48]:
-                    if (this.q.df != null) {
+                    if (this.q.dk != null) {
                         this.q.aj = new igniteuiWebcomponentsCore.BindingFormatter();
-                        this.q.aj.j = this.q.df;
+                        this.q.aj.j = this.q.dk;
                         this.q.aj.d = this.q.ah;
                     }
                     else {
@@ -290996,12 +291047,12 @@
             }
             var a = new NormalRangeMessage_Spark();
             a.k = this.a3.left;
-            a.l = Math.max(this.a3.top, Math.min(this.a3.bottom, this.z(this.q.bj)));
+            a.l = Math.max(this.a3.top, Math.min(this.a3.bottom, this.z(this.q.bm)));
             a.j = this.a3.width;
-            var b = Math.max(this.a3.top, Math.min(this.a3.bottom, this.z(this.q.bk)));
+            var b = Math.max(this.a3.top, Math.min(this.a3.bottom, this.z(this.q.bn)));
             a.i = Math.abs(b - a.l);
             a.l = Math.min(a.l, b);
-            a.d = this.q.aw;
+            a.d = this.q.az;
             this.m.sendMessage(a);
             var c = new TrendLineMessage_Spark();
             c.points = this.n.l.toArray();
@@ -291199,12 +291250,12 @@
             a.c = this.n.h;
             a.m = this.n.m;
             a.n = this.n.n;
-            a.k = this.q.bd;
-            a.g = this.q.a6;
-            a.i = this.q.a8;
-            a.h = this.q.a7;
-            a.j = this.q.bc;
-            a.l = this.q.bi;
+            a.k = this.q.bg;
+            a.g = this.q.a9;
+            a.i = this.q.bb;
+            a.h = this.q.ba;
+            a.j = this.q.bf;
+            a.l = this.q.bl;
             this.m.sendMessage(a);
         };
         SparklineController.prototype.getFastItemsSource = function (a) {
@@ -291242,13 +291293,15 @@
             _this.aj = null;
             _this.an = null;
             _this.al = new MessageChannel_Spark();
-            _this.a0 = NaN;
-            _this.az = NaN;
-            _this.av = null;
+            _this.a3 = NaN;
+            _this.a2 = NaN;
+            _this.ay = null;
             _this.ak = null;
             _this.at = null;
-            _this.a2 = NaN;
-            _this.a1 = 1;
+            _this.a5 = NaN;
+            _this.a4 = 1;
+            _this.av = null;
+            _this.fd = null;
             _this.ab = XamSparkline.$;
             _this.at = new VerticalAxisView(_this);
             _this.ak = new HorizontalAxisView(_this);
@@ -291257,20 +291310,20 @@
         }
         Object.defineProperty(XamSparkline.prototype, "toolTip", {
             get: function () {
-                return this.c(XamSparkline.ev);
+                return this.c(XamSparkline.e0);
             },
             set: function (a) {
-                this.h(XamSparkline.ev, a);
-                this.fs = a == null || a.toString().length == 0 ? 1 : 0;
+                this.h(XamSparkline.e0, a);
+                this.fz = a == null || a.toString().length == 0 ? 1 : 0;
             },
             enumerable: false,
             configurable: true
         });
-        XamSparkline.prototype.ax = function () {
-            return this.bp != null;
+        XamSparkline.prototype.a0 = function () {
+            return this.bs != null;
         };
-        XamSparkline.prototype.c1 = function (a) {
-            return this.bp(a);
+        XamSparkline.prototype.c4 = function (a) {
+            return this.bs(a);
         };
         Object.defineProperty(XamSparkline.prototype, "ao", {
             get: function () {
@@ -291279,7 +291332,7 @@
             set: function (a) {
                 var b = this.an;
                 this.an = a;
-                this.ds(b, this.an);
+                this.dx(b, this.an);
             },
             enumerable: false,
             configurable: true
@@ -291294,27 +291347,27 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(XamSparkline.prototype, "a4", {
+        Object.defineProperty(XamSparkline.prototype, "a7", {
             get: function () {
-                return this.a0;
+                return this.a3;
             },
             set: function (a) {
-                this.a0 = a;
+                this.a3 = a;
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(XamSparkline.prototype, "a3", {
+        Object.defineProperty(XamSparkline.prototype, "a6", {
             get: function () {
-                return this.az;
+                return this.a2;
             },
             set: function (a) {
-                this.az = a;
+                this.a2 = a;
             },
             enumerable: false,
             configurable: true
         });
-        XamSparkline.prototype.ds = function (a, b) {
+        XamSparkline.prototype.dx = function (a, b) {
             if (a != null) {
                 this.am.detachFromNext();
             }
@@ -291323,15 +291376,15 @@
             }
         };
         XamSparkline.prototype.onDetachedFromUI = function () {
-            this.ap.e.au();
+            this.ap.e.av();
         };
         XamSparkline.prototype.onAttachedToUI = function () {
-            this.ap.e.as();
+            this.ap.e.at();
         };
-        XamSparkline.prototype.dr = function (a, b, c) {
+        XamSparkline.prototype.dw = function (a, b, c) {
             if (a == "PixelScalingRatio") {
-                if (!igniteuiWebcomponentsCore.isNaN_(igniteuiWebcomponentsCore.DeviceUtils.a(this.bl))) {
-                    this.a5 = igniteuiWebcomponentsCore.DeviceUtils.a(this.bl);
+                if (!igniteuiWebcomponentsCore.isNaN_(igniteuiWebcomponentsCore.DeviceUtils.a(this.bo))) {
+                    this.a8 = igniteuiWebcomponentsCore.DeviceUtils.a(this.bo);
                 }
             }
             this.am.sendMessage(((function () {
@@ -291361,7 +291414,7 @@
         XamSparkline.prototype.notifyResized = function () {
             this.am.sendMessage(new ContainerSizeChangedMessage_Spark());
         };
-        XamSparkline.prototype.dn = function (source_, a, b, c) {
+        XamSparkline.prototype.dt = function (source_, a, b, c) {
             if (source_.dataView && source_.dataSource) {
                 source_ = source_.dataView();
             }
@@ -291378,7 +291431,7 @@
                 return $ret;
             })()));
         };
-        XamSparkline.prototype.dj = function (source_) {
+        XamSparkline.prototype.dp = function (source_) {
             if (source_.dataView && source_.dataSource) {
                 source_ = source_.dataView();
             }
@@ -291392,7 +291445,7 @@
                 return $ret;
             })()));
         };
-        XamSparkline.prototype.dk = function (source_, a, b) {
+        XamSparkline.prototype.dq = function (source_, a, b) {
             if (source_.dataView && source_.dataSource) {
                 source_ = source_.dataView();
             }
@@ -291408,7 +291461,7 @@
                 return $ret;
             })()));
         };
-        XamSparkline.prototype.dl = function (source_, a, b) {
+        XamSparkline.prototype.dr = function (source_, a, b) {
             if (source_.dataView && source_.dataSource) {
                 source_ = source_.dataView();
             }
@@ -291429,49 +291482,80 @@
             a.name = "SparklineVisualData";
             a.horizontalAxis = this.ak.i();
             a.verticalAxis = this.at.i();
-            this.ap.e.an(a);
+            this.ap.e.ao(a);
             return a;
         };
-        XamSparkline.prototype.by = function () {
+        XamSparkline.prototype.b1 = function () {
             var a = this.au();
             a.scaleByViewport();
             return a.serialize();
         };
-        Object.defineProperty(XamSparkline.prototype, "bl", {
+        Object.defineProperty(XamSparkline.prototype, "bo", {
             get: function () {
-                return this.a2;
+                return this.a5;
             },
             set: function (a) {
-                var b = this.a2;
-                this.a2 = a;
-                this.dr("PixelScalingRatio", b, this.a2);
-                if (this.a2 != b) {
-                    this.dr("PixelScalingRatio", b, this.a2);
+                var b = this.a5;
+                this.a5 = a;
+                this.dw("PixelScalingRatio", b, this.a5);
+                if (this.a5 != b) {
+                    this.dw("PixelScalingRatio", b, this.a5);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(XamSparkline.prototype, "a5", {
+        Object.defineProperty(XamSparkline.prototype, "a8", {
             get: function () {
-                return this.a1;
+                return this.a4;
             },
             set: function (a) {
-                var b = this.a1;
-                this.a1 = a;
-                if (this.a1 != b) {
-                    this.dr("ActualPixelScalingRatio", b, this.a1);
+                var b = this.a4;
+                this.a4 = a;
+                if (this.a4 != b) {
+                    this.dw("ActualPixelScalingRatio", b, this.a4);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(XamSparkline.prototype, "ax", {
+            get: function () {
+                return this.av;
+            },
+            set: function (a) {
+                var b = this.ax;
+                if (a != b) {
+                    this.av = a;
+                    this.dw("TextStyle", b, this.ax);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        XamSparkline.prototype.aw = function () {
+            return this.ax;
+        };
+        Object.defineProperty(XamSparkline.prototype, "fo", {
+            get: function () {
+                return this.fd;
+            },
+            set: function (a) {
+                var b = this.fo;
+                if (a != b) {
+                    this.fd = a;
+                    this.dw("TextColor", b, this.fo);
                 }
             },
             enumerable: false,
             configurable: true
         });
         XamSparkline.$t = igniteuiWebcomponentsCore.markType(XamSparkline, 'XamSparkline', igniteuiWebcomponentsCore.Control.$);
-        XamSparkline.bf = -1;
-        XamSparkline.bb = -1;
-        XamSparkline.ev = igniteuiWebcomponentsCore.DependencyProperty.i("ToolTip", igniteuiWebcomponentsCore.Base.$, XamSparkline.$, new igniteuiWebcomponentsCore.PropertyMetadata(2, null, function (a, b) { return (igniteuiWebcomponentsCore.typeCast(XamSparkline.$, a)).dr("ToolTip", b.oldValue, b.newValue); }));
-        XamSparkline.bo = -1;
-        XamSparkline.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, XamSparkline, 'dr', ['Brush:e8:du', [igniteuiWebcomponentsCore.Brush.$, null], 'DisplayNormalRangeInFront:aw:dv', [0, true], 'DisplayType:aq:dw', [SparklineDisplayType_$type, igniteuiWebcomponentsCore.enumGetBox(SparklineDisplayType_$type, 0)], 'FirstMarkerBrush:e9:dx', [igniteuiWebcomponentsCore.Brush.$, null], 'FirstMarkerSize:a6:dy', [1, XamSparkline.bf], 'FirstMarkerVisibility:fk:dz', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 1)], 'FormatLabel:bp:d0', [igniteuiWebcomponentsCore.Delegate_$type], 'HighMarkerBrush:fa:d1', [igniteuiWebcomponentsCore.Brush.$, null], 'HighMarkerSize:a7:d2', [1, XamSparkline.bf], 'HighMarkerVisibility:fl:d3', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 1)], 'HorizontalAxisBrush:fb:d4', [igniteuiWebcomponentsCore.Brush.$, null], 'HorizontalAxisLabel:br:d5', [4, "{0}"], 'HorizontalAxisVisibility:fm:d6', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 1)], 'HorizontalLabelFormat:ca:d7', [2, null], 'HorizontalLabelFormatSpecifiers:ag:d8', [igniteuiWebcomponentsCore.Array_$type, null], 'ItemsSource::d9', [igniteuiWebcomponentsCore.IEnumerable_$type, null], 'LabelMemberPath:ce:ea', [2, null], 'LastMarkerBrush:fc:eb', [igniteuiWebcomponentsCore.Brush.$, null], 'LastMarkerSize:a8:ec', [1, XamSparkline.bf], 'LastMarkerVisibility:fn:ed', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 1)], 'LineThickness:a9:ee', [1, XamSparkline.bb], 'LowMarkerBrush:fd:ef', [igniteuiWebcomponentsCore.Brush.$, null], 'LowMarkerSize:bc:eg', [1, XamSparkline.bf], 'LowMarkerVisibility:fo:eh', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 1)], 'MarkerBrush:fe:ei', [igniteuiWebcomponentsCore.Brush.$, null], 'MarkerSize:bd:ej', [1, XamSparkline.bf], 'MarkerVisibility:fp:ek', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 1)], 'Maximum:bg:el', [1, NaN], 'Minimum:bh:em', [1, NaN], 'NegativeBrush:ff:en', [igniteuiWebcomponentsCore.Brush.$, null], 'NegativeMarkerBrush:fg:eo', [igniteuiWebcomponentsCore.Brush.$, null], 'NegativeMarkerSize:bi:ep', [1, XamSparkline.bf], 'NegativeMarkerVisibility:fq:eq', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 1)], 'NormalRangeFill:fh:er', [igniteuiWebcomponentsCore.Brush.$, null], 'NormalRangeMaximum:bj:es', [1, 0], 'NormalRangeMinimum:bk:et', [1, 0], 'NormalRangeVisibility:fr:eu', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 1)], 'ToolTipVisibility:fs:ew', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 1)], 'TrendLineBrush:fi:ex', [igniteuiWebcomponentsCore.Brush.$, null], 'TrendLinePeriod:bq:ey', [1, 7], 'TrendLineThickness:bm:ez', [1, XamSparkline.bo], 'TrendLineType:ar:e0', [igniteuiWebcomponentsCore.TrendLineType_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.TrendLineType_$type, 0)], 'UnknownValuePlotting:as:e1', [igniteuiWebcomponentsCore.UnknownValuePlotting_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.UnknownValuePlotting_$type, 1)], 'ValueMemberPath:c9:e2', [2, null], 'VerticalAxisBrush:fj:e3', [igniteuiWebcomponentsCore.Brush.$, null], 'VerticalAxisLabel:bt:e4', [4, "{0:n}"], 'VerticalAxisVisibility:ft:e5', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 1)], 'VerticalLabelFormat:df:e6', [2, null], 'VerticalLabelFormatSpecifiers:ah:e7', [igniteuiWebcomponentsCore.Array_$type, null]]);
+        XamSparkline.bi = -1;
+        XamSparkline.be = -1;
+        XamSparkline.e0 = igniteuiWebcomponentsCore.DependencyProperty.i("ToolTip", igniteuiWebcomponentsCore.Base.$, XamSparkline.$, new igniteuiWebcomponentsCore.PropertyMetadata(2, null, function (a, b) { return (igniteuiWebcomponentsCore.typeCast(XamSparkline.$, a)).dw("ToolTip", b.oldValue, b.newValue); }));
+        XamSparkline.br = -1;
+        XamSparkline.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, XamSparkline, 'dw', ['Brush:fe:dz', [igniteuiWebcomponentsCore.Brush.$, null], 'DisplayNormalRangeInFront:az:d0', [0, true], 'DisplayType:aq:d1', [SparklineDisplayType_$type, igniteuiWebcomponentsCore.enumGetBox(SparklineDisplayType_$type, 0)], 'FirstMarkerBrush:ff:d2', [igniteuiWebcomponentsCore.Brush.$, null], 'FirstMarkerSize:a9:d3', [1, XamSparkline.bi], 'FirstMarkerVisibility:fr:d4', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 1)], 'FormatLabel:bs:d5', [igniteuiWebcomponentsCore.Delegate_$type], 'HighMarkerBrush:fg:d6', [igniteuiWebcomponentsCore.Brush.$, null], 'HighMarkerSize:ba:d7', [1, XamSparkline.bi], 'HighMarkerVisibility:fs:d8', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 1)], 'HorizontalAxisBrush:fh:d9', [igniteuiWebcomponentsCore.Brush.$, null], 'HorizontalAxisLabel:bu:ea', [4, "{0}"], 'HorizontalAxisVisibility:ft:eb', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 1)], 'HorizontalLabelFormat:cd:ec', [2, null], 'HorizontalLabelFormatSpecifiers:ag:ed', [igniteuiWebcomponentsCore.Array_$type, null], 'ItemsSource::ee', [igniteuiWebcomponentsCore.IEnumerable_$type, null], 'LabelMemberPath:ch:ef', [2, null], 'LastMarkerBrush:fi:eg', [igniteuiWebcomponentsCore.Brush.$, null], 'LastMarkerSize:bb:eh', [1, XamSparkline.bi], 'LastMarkerVisibility:fu:ei', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 1)], 'LineThickness:bc:ej', [1, XamSparkline.be], 'LowMarkerBrush:fj:ek', [igniteuiWebcomponentsCore.Brush.$, null], 'LowMarkerSize:bf:el', [1, XamSparkline.bi], 'LowMarkerVisibility:fv:em', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 1)], 'MarkerBrush:fk:en', [igniteuiWebcomponentsCore.Brush.$, null], 'MarkerSize:bg:eo', [1, XamSparkline.bi], 'MarkerVisibility:fw:ep', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 1)], 'Maximum:bj:eq', [1, NaN], 'Minimum:bk:er', [1, NaN], 'NegativeBrush:fl:es', [igniteuiWebcomponentsCore.Brush.$, null], 'NegativeMarkerBrush:fm:et', [igniteuiWebcomponentsCore.Brush.$, null], 'NegativeMarkerSize:bl:eu', [1, XamSparkline.bi], 'NegativeMarkerVisibility:fx:ev', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 1)], 'NormalRangeFill:fn:ew', [igniteuiWebcomponentsCore.Brush.$, null], 'NormalRangeMaximum:bm:ex', [1, 0], 'NormalRangeMinimum:bn:ey', [1, 0], 'NormalRangeVisibility:fy:ez', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 1)], 'ToolTipVisibility:fz:e1', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 1)], 'TrendLineBrush:fp:e2', [igniteuiWebcomponentsCore.Brush.$, null], 'TrendLinePeriod:bt:e3', [1, 7], 'TrendLineThickness:bp:e4', [1, XamSparkline.br], 'TrendLineType:ar:e5', [igniteuiWebcomponentsCore.TrendLineType_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.TrendLineType_$type, 0)], 'UnknownValuePlotting:as:e6', [igniteuiWebcomponentsCore.UnknownValuePlotting_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.UnknownValuePlotting_$type, 1)], 'ValueMemberPath:de:e7', [2, null], 'VerticalAxisBrush:fq:e8', [igniteuiWebcomponentsCore.Brush.$, null], 'VerticalAxisLabel:bw:e9', [4, "{0:n}"], 'VerticalAxisVisibility:f0:fa', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 1)], 'VerticalLabelFormat:dk:fb', [2, null], 'VerticalLabelFormatSpecifiers:ah:fc', [igniteuiWebcomponentsCore.Array_$type, null]]);
         return XamSparkline;
     }(igniteuiWebcomponentsCore.Control));
 
@@ -291858,11 +291942,11 @@
          * Gets or sets the sparkline brush.
         */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.e8);
+                return igniteuiWebcomponentsCore.brushToString(this.i.fe);
             },
             set: function (v) {
-                this.i.e8 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("brush", igniteuiWebcomponentsCore.brushToString(this.i.e8));
+                this.i.fe = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("brush", igniteuiWebcomponentsCore.brushToString(this.i.fe));
             },
             enumerable: false,
             configurable: true
@@ -291872,11 +291956,11 @@
              * Gets or sets the negative brush of the sparkline.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.ff);
+                return igniteuiWebcomponentsCore.brushToString(this.i.fl);
             },
             set: function (v) {
-                this.i.ff = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("negativeBrush", igniteuiWebcomponentsCore.brushToString(this.i.ff));
+                this.i.fl = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("negativeBrush", igniteuiWebcomponentsCore.brushToString(this.i.fl));
             },
             enumerable: false,
             configurable: true
@@ -291886,11 +291970,11 @@
              * Gets or sets the marker brush of the sparkline.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.fe);
+                return igniteuiWebcomponentsCore.brushToString(this.i.fk);
             },
             set: function (v) {
-                this.i.fe = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("markerBrush", igniteuiWebcomponentsCore.brushToString(this.i.fe));
+                this.i.fk = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("markerBrush", igniteuiWebcomponentsCore.brushToString(this.i.fk));
             },
             enumerable: false,
             configurable: true
@@ -291900,11 +291984,11 @@
              * Gets or sets the negative marker brush of the sparkline.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.fg);
+                return igniteuiWebcomponentsCore.brushToString(this.i.fm);
             },
             set: function (v) {
-                this.i.fg = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("negativeMarkerBrush", igniteuiWebcomponentsCore.brushToString(this.i.fg));
+                this.i.fm = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("negativeMarkerBrush", igniteuiWebcomponentsCore.brushToString(this.i.fm));
             },
             enumerable: false,
             configurable: true
@@ -291914,11 +291998,11 @@
              * Gets or sets the first marker brush of the sparkline.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.e9);
+                return igniteuiWebcomponentsCore.brushToString(this.i.ff);
             },
             set: function (v) {
-                this.i.e9 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("firstMarkerBrush", igniteuiWebcomponentsCore.brushToString(this.i.e9));
+                this.i.ff = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("firstMarkerBrush", igniteuiWebcomponentsCore.brushToString(this.i.ff));
             },
             enumerable: false,
             configurable: true
@@ -291928,11 +292012,11 @@
              * Gets or sets the last marker brush of the sparkline.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.fc);
+                return igniteuiWebcomponentsCore.brushToString(this.i.fi);
             },
             set: function (v) {
-                this.i.fc = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("lastMarkerBrush", igniteuiWebcomponentsCore.brushToString(this.i.fc));
+                this.i.fi = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("lastMarkerBrush", igniteuiWebcomponentsCore.brushToString(this.i.fi));
             },
             enumerable: false,
             configurable: true
@@ -291942,11 +292026,11 @@
              * Gets or sets the high marker brush of the sparkline.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.fa);
+                return igniteuiWebcomponentsCore.brushToString(this.i.fg);
             },
             set: function (v) {
-                this.i.fa = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("highMarkerBrush", igniteuiWebcomponentsCore.brushToString(this.i.fa));
+                this.i.fg = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("highMarkerBrush", igniteuiWebcomponentsCore.brushToString(this.i.fg));
             },
             enumerable: false,
             configurable: true
@@ -291956,11 +292040,11 @@
              * Gets or sets the low marker brush of the sparkline.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.fd);
+                return igniteuiWebcomponentsCore.brushToString(this.i.fj);
             },
             set: function (v) {
-                this.i.fd = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("lowMarkerBrush", igniteuiWebcomponentsCore.brushToString(this.i.fd));
+                this.i.fj = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("lowMarkerBrush", igniteuiWebcomponentsCore.brushToString(this.i.fj));
             },
             enumerable: false,
             configurable: true
@@ -291970,11 +292054,11 @@
              * Gets or sets the trendline brush of the sparkline.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.fi);
+                return igniteuiWebcomponentsCore.brushToString(this.i.fp);
             },
             set: function (v) {
-                this.i.fi = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("trendLineBrush", igniteuiWebcomponentsCore.brushToString(this.i.fi));
+                this.i.fp = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("trendLineBrush", igniteuiWebcomponentsCore.brushToString(this.i.fp));
             },
             enumerable: false,
             configurable: true
@@ -291984,11 +292068,11 @@
              * Gets or sets the horizontal axis line brush of the sparkline.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.fb);
+                return igniteuiWebcomponentsCore.brushToString(this.i.fh);
             },
             set: function (v) {
-                this.i.fb = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("horizontalAxisBrush", igniteuiWebcomponentsCore.brushToString(this.i.fb));
+                this.i.fh = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("horizontalAxisBrush", igniteuiWebcomponentsCore.brushToString(this.i.fh));
             },
             enumerable: false,
             configurable: true
@@ -291998,11 +292082,11 @@
              * Gets or sets the vertical axis line brush of the sparkline.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.fj);
+                return igniteuiWebcomponentsCore.brushToString(this.i.fq);
             },
             set: function (v) {
-                this.i.fj = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("verticalAxisBrush", igniteuiWebcomponentsCore.brushToString(this.i.fj));
+                this.i.fq = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("verticalAxisBrush", igniteuiWebcomponentsCore.brushToString(this.i.fq));
             },
             enumerable: false,
             configurable: true
@@ -292012,11 +292096,11 @@
              * Gets or sets the normal range brush of the sparkline.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.fh);
+                return igniteuiWebcomponentsCore.brushToString(this.i.fn);
             },
             set: function (v) {
-                this.i.fh = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("normalRangeFill", igniteuiWebcomponentsCore.brushToString(this.i.fh));
+                this.i.fn = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("normalRangeFill", igniteuiWebcomponentsCore.brushToString(this.i.fn));
             },
             enumerable: false,
             configurable: true
@@ -292026,11 +292110,11 @@
              * Gets or sets the display state of the horizontal axis.
             */
             get: function () {
-                return this.i.fm;
+                return this.i.ft;
             },
             set: function (v) {
-                this.i.fm = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
-                this._a("horizontalAxisVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.fm));
+                this.i.ft = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
+                this._a("horizontalAxisVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.ft));
             },
             enumerable: false,
             configurable: true
@@ -292040,11 +292124,11 @@
              * Gets or sets the display state of the vertical axis.
             */
             get: function () {
-                return this.i.ft;
+                return this.i.f0;
             },
             set: function (v) {
-                this.i.ft = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
-                this._a("verticalAxisVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.ft));
+                this.i.f0 = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
+                this._a("verticalAxisVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.f0));
             },
             enumerable: false,
             configurable: true
@@ -292054,11 +292138,11 @@
              * Gets or sets the marker visibility of the sparkline.
             */
             get: function () {
-                return this.i.fp;
+                return this.i.fw;
             },
             set: function (v) {
-                this.i.fp = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
-                this._a("markerVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.fp));
+                this.i.fw = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
+                this._a("markerVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.fw));
             },
             enumerable: false,
             configurable: true
@@ -292068,11 +292152,11 @@
              * Gets or sets the negative marker visibility of the sparkline.
             */
             get: function () {
-                return this.i.fq;
+                return this.i.fx;
             },
             set: function (v) {
-                this.i.fq = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
-                this._a("negativeMarkerVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.fq));
+                this.i.fx = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
+                this._a("negativeMarkerVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.fx));
             },
             enumerable: false,
             configurable: true
@@ -292082,11 +292166,11 @@
              * Gets or sets the first marker visibility of the sparkline.
             */
             get: function () {
-                return this.i.fk;
+                return this.i.fr;
             },
             set: function (v) {
-                this.i.fk = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
-                this._a("firstMarkerVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.fk));
+                this.i.fr = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
+                this._a("firstMarkerVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.fr));
             },
             enumerable: false,
             configurable: true
@@ -292096,11 +292180,11 @@
              * Gets or sets the last marker visibility of the sparkline.
             */
             get: function () {
-                return this.i.fn;
+                return this.i.fu;
             },
             set: function (v) {
-                this.i.fn = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
-                this._a("lastMarkerVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.fn));
+                this.i.fu = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
+                this._a("lastMarkerVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.fu));
             },
             enumerable: false,
             configurable: true
@@ -292110,11 +292194,11 @@
              * Gets or sets the low marker visibility of the sparkline.
             */
             get: function () {
-                return this.i.fo;
+                return this.i.fv;
             },
             set: function (v) {
-                this.i.fo = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
-                this._a("lowMarkerVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.fo));
+                this.i.fv = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
+                this._a("lowMarkerVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.fv));
             },
             enumerable: false,
             configurable: true
@@ -292124,11 +292208,11 @@
              * Gets or sets the high marker visibility of the sparkline.
             */
             get: function () {
-                return this.i.fl;
+                return this.i.fs;
             },
             set: function (v) {
-                this.i.fl = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
-                this._a("highMarkerVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.fl));
+                this.i.fs = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
+                this._a("highMarkerVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.fs));
             },
             enumerable: false,
             configurable: true
@@ -292138,11 +292222,11 @@
              * Gets or sets the normal range visibility of the sparkline.
             */
             get: function () {
-                return this.i.fr;
+                return this.i.fy;
             },
             set: function (v) {
-                this.i.fr = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
-                this._a("normalRangeVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.fr));
+                this.i.fy = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
+                this._a("normalRangeVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.fy));
             },
             enumerable: false,
             configurable: true
@@ -292152,11 +292236,11 @@
              * Gets or sets the position of the normal range on the sparkline.
             */
             get: function () {
-                return this.i.aw;
+                return this.i.az;
             },
             set: function (v) {
-                this.i.aw = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("displayNormalRangeInFront", this.i.aw);
+                this.i.az = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("displayNormalRangeInFront", this.i.az);
             },
             enumerable: false,
             configurable: true
@@ -292166,11 +292250,11 @@
              * Gets or sets the marker size of the sparkline.
             */
             get: function () {
-                return this.i.bd;
+                return this.i.bg;
             },
             set: function (v) {
-                this.i.bd = +v;
-                this._a("markerSize", this.i.bd);
+                this.i.bg = +v;
+                this._a("markerSize", this.i.bg);
             },
             enumerable: false,
             configurable: true
@@ -292180,11 +292264,11 @@
              * Gets or sets the first marker size of the sparkline.
             */
             get: function () {
-                return this.i.a6;
+                return this.i.a9;
             },
             set: function (v) {
-                this.i.a6 = +v;
-                this._a("firstMarkerSize", this.i.a6);
+                this.i.a9 = +v;
+                this._a("firstMarkerSize", this.i.a9);
             },
             enumerable: false,
             configurable: true
@@ -292194,11 +292278,11 @@
              * Gets or sets the last marker size of the sparkline.
             */
             get: function () {
-                return this.i.a8;
+                return this.i.bb;
             },
             set: function (v) {
-                this.i.a8 = +v;
-                this._a("lastMarkerSize", this.i.a8);
+                this.i.bb = +v;
+                this._a("lastMarkerSize", this.i.bb);
             },
             enumerable: false,
             configurable: true
@@ -292208,11 +292292,11 @@
              * Gets or sets the high marker size of the sparkline.
             */
             get: function () {
-                return this.i.a7;
+                return this.i.ba;
             },
             set: function (v) {
-                this.i.a7 = +v;
-                this._a("highMarkerSize", this.i.a7);
+                this.i.ba = +v;
+                this._a("highMarkerSize", this.i.ba);
             },
             enumerable: false,
             configurable: true
@@ -292222,11 +292306,11 @@
              * Gets or sets the low marker size of the sparkline.
             */
             get: function () {
-                return this.i.bc;
+                return this.i.bf;
             },
             set: function (v) {
-                this.i.bc = +v;
-                this._a("lowMarkerSize", this.i.bc);
+                this.i.bf = +v;
+                this._a("lowMarkerSize", this.i.bf);
             },
             enumerable: false,
             configurable: true
@@ -292236,11 +292320,11 @@
              * Gets or sets the negative marker size of the sparkline.
             */
             get: function () {
-                return this.i.bi;
+                return this.i.bl;
             },
             set: function (v) {
-                this.i.bi = +v;
-                this._a("negativeMarkerSize", this.i.bi);
+                this.i.bl = +v;
+                this._a("negativeMarkerSize", this.i.bl);
             },
             enumerable: false,
             configurable: true
@@ -292250,11 +292334,11 @@
              * Gets or sets the line thickness of the sparkline.
             */
             get: function () {
-                return this.i.a9;
+                return this.i.bc;
             },
             set: function (v) {
-                this.i.a9 = +v;
-                this._a("lineThickness", this.i.a9);
+                this.i.bc = +v;
+                this._a("lineThickness", this.i.bc);
             },
             enumerable: false,
             configurable: true
@@ -292264,11 +292348,11 @@
              * Gets or sets the minimum value of the y axis.
             */
             get: function () {
-                return this.i.bh;
+                return this.i.bk;
             },
             set: function (v) {
-                this.i.bh = +v;
-                this._a("minimum", this.i.bh);
+                this.i.bk = +v;
+                this._a("minimum", this.i.bk);
             },
             enumerable: false,
             configurable: true
@@ -292278,11 +292362,11 @@
              * Gets or sets the maximum value of the y axis.
             */
             get: function () {
-                return this.i.bg;
+                return this.i.bj;
             },
             set: function (v) {
-                this.i.bg = +v;
-                this._a("maximum", this.i.bg);
+                this.i.bj = +v;
+                this._a("maximum", this.i.bj);
             },
             enumerable: false,
             configurable: true
@@ -292292,10 +292376,10 @@
              * Gets or sets the string path to the value column.
             */
             get: function () {
-                return this.i.c9;
+                return this.i.de;
             },
             set: function (v) {
-                this.i.c9 = v;
+                this.i.de = v;
             },
             enumerable: false,
             configurable: true
@@ -292305,10 +292389,10 @@
              * String identifier of a column or property name to get labels from on each item in the data source.  These labels will be retrieved from the first and last item, and displayed by the horizontal axis.
             */
             get: function () {
-                return this.i.ce;
+                return this.i.ch;
             },
             set: function (v) {
-                this.i.ce = v;
+                this.i.ch = v;
             },
             enumerable: false,
             configurable: true
@@ -292332,11 +292416,11 @@
              * Gets or sets the trendline period used by the sparkline.
             */
             get: function () {
-                return this.i.bq;
+                return this.i.bt;
             },
             set: function (v) {
-                this.i.bq = +v;
-                this._a("trendLinePeriod", this.i.bq);
+                this.i.bt = +v;
+                this._a("trendLinePeriod", this.i.bt);
             },
             enumerable: false,
             configurable: true
@@ -292346,11 +292430,11 @@
              * Gets or sets the thickness of the sparkline's trendline.
             */
             get: function () {
-                return this.i.bm;
+                return this.i.bp;
             },
             set: function (v) {
-                this.i.bm = +v;
-                this._a("trendLineThickness", this.i.bm);
+                this.i.bp = +v;
+                this._a("trendLineThickness", this.i.bp);
             },
             enumerable: false,
             configurable: true
@@ -292360,11 +292444,11 @@
              * Gets or sets the minimum value of the normal range.
             */
             get: function () {
-                return this.i.bk;
+                return this.i.bn;
             },
             set: function (v) {
-                this.i.bk = +v;
-                this._a("normalRangeMinimum", this.i.bk);
+                this.i.bn = +v;
+                this._a("normalRangeMinimum", this.i.bn);
             },
             enumerable: false,
             configurable: true
@@ -292374,11 +292458,11 @@
              * Gets or sets the maximum value of the normal range.
             */
             get: function () {
-                return this.i.bj;
+                return this.i.bm;
             },
             set: function (v) {
-                this.i.bj = +v;
-                this._a("normalRangeMaximum", this.i.bj);
+                this.i.bm = +v;
+                this._a("normalRangeMaximum", this.i.bm);
             },
             enumerable: false,
             configurable: true
@@ -292417,10 +292501,10 @@
              * This can be set to a formatted string, such as "{0:n}", or it can be set to a DataTemplate.
             */
             get: function () {
-                return this.i.bt;
+                return this.i.bw;
             },
             set: function (v) {
-                this.i.bt = v;
+                this.i.bw = v;
             },
             enumerable: false,
             configurable: true
@@ -292431,10 +292515,10 @@
              * This can be set to a formatted string, such as "{0}", or it can be set to a DataTemplate.
             */
             get: function () {
-                return this.i.br;
+                return this.i.bu;
             },
             set: function (v) {
-                this.i.br = v;
+                this.i.bu = v;
             },
             enumerable: false,
             configurable: true
@@ -292444,10 +292528,10 @@
              * Sets or gets a function which takes an object that produces a formatted label for displaying in the chart.
             */
             get: function () {
-                return this.i.bp;
+                return this.i.bs;
             },
             set: function (v) {
-                this.i.bp = v;
+                this.i.bs = v;
             },
             enumerable: false,
             configurable: true
@@ -292457,10 +292541,10 @@
              * Gets or sets the label composite format used when creating label values.
             */
             get: function () {
-                return this.i.ca;
+                return this.i.cd;
             },
             set: function (v) {
-                this.i.ca = v;
+                this.i.cd = v;
             },
             enumerable: false,
             configurable: true
@@ -292487,10 +292571,10 @@
              * Gets or sets the label composite format used when creating label values.
             */
             get: function () {
-                return this.i.df;
+                return this.i.dk;
             },
             set: function (v) {
-                this.i.df = v;
+                this.i.dk = v;
             },
             enumerable: false,
             configurable: true
@@ -292519,11 +292603,11 @@
              * to appear blurry.
             */
             get: function () {
-                return this.i.bl;
+                return this.i.bo;
             },
             set: function (v) {
-                this.i.bl = +v;
-                this._a("pixelScalingRatio", this.i.bl);
+                this.i.bo = +v;
+                this._a("pixelScalingRatio", this.i.bo);
             },
             enumerable: false,
             configurable: true
@@ -292535,11 +292619,44 @@
              * to appear blurry.
             */
             get: function () {
-                return this.i.a5;
+                return this.i.a8;
             },
             set: function (v) {
-                this.i.a5 = +v;
-                this._a("actualPixelScalingRatio", this.i.a5);
+                this.i.a8 = +v;
+                this._a("actualPixelScalingRatio", this.i.a8);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(IgcSparklineComponent.prototype, "textStyle", {
+            /**
+             * Gets or sets CSS font property for labels on X-axis
+            */
+            get: function () {
+                if (this.i.ax == null) {
+                    return null;
+                }
+                return this.i.ax.fontString;
+            },
+            set: function (v) {
+                var fi = new igniteuiWebcomponentsCore.FontInfo();
+                fi.fontString = v;
+                this.i.ax = fi;
+                this._a("textStyle", this.i.ax != null ? this.i.ax.fontString : "");
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(IgcSparklineComponent.prototype, "textColor", {
+            /**
+             * Gets or sets the text color for the axis labels.
+            */
+            get: function () {
+                return igniteuiWebcomponentsCore.brushToString(this.i.fo);
+            },
+            set: function (v) {
+                this.i.fo = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("textColor", igniteuiWebcomponentsCore.brushToString(this.i.fo));
             },
             enumerable: false,
             configurable: true
@@ -292631,7 +292748,7 @@
             this.i.notifyResized();
         };
         IgcSparklineComponent.prototype.notifySetItem = function (source_, index, oldItem, newItem) {
-            this.i.dn(source_, index, oldItem, newItem);
+            this.i.dt(source_, index, oldItem, newItem);
         };
         /**
          * Used to manually notify the IgxSparklineComponent that the data source has reset or cleared its items.  Invoking this method is only necessary if that datasource is not observable.
@@ -292639,13 +292756,13 @@
         * @param source_  * The data source which was cleared or reset.
         */
         IgcSparklineComponent.prototype.notifyClearItems = function (source_) {
-            this.i.dj(source_);
+            this.i.dp(source_);
         };
         IgcSparklineComponent.prototype.notifyInsertItem = function (source_, index, newItem) {
-            this.i.dk(source_, index, newItem);
+            this.i.dq(source_, index, newItem);
         };
         IgcSparklineComponent.prototype.notifyRemoveItem = function (source_, index, oldItem) {
-            this.i.dl(source_, index, oldItem);
+            this.i.dr(source_, index, oldItem);
         };
         /**
          * Returns the sparkline visuals expressed as a SparklineVisualData object.
@@ -292660,7 +292777,7 @@
         
         */
         IgcSparklineComponent.prototype.exportSerializedVisualData = function () {
-            var iv = this.i.by();
+            var iv = this.i.b1();
             return (iv);
         };
         IgcSparklineComponent._observedAttributesIgcSparklineComponent = null;