igniteui-webcomponents-charts 5.1.1 → 5.2.0

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

@@ -105407,6 +105407,27 @@
     GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
     */
 
+    /*
+    THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+    https://www.infragistics.com/legal/license/igultimate-la
+    https://www.infragistics.com/legal/license/igultimate-eula
+    GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
+    */
+    /**
+     * @hidden
+     */
+    var AxisStrokeSettings = /** @class */ /*@__PURE__*/ (function (_super) {
+        tslib.__extends(AxisStrokeSettings, _super);
+        function AxisStrokeSettings() {
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            _this.b = null;
+            _this.a = 0;
+            return _this;
+        }
+        AxisStrokeSettings.$t = igniteuiWebcomponentsCore.markType(AxisStrokeSettings, 'AxisStrokeSettings');
+        return AxisStrokeSettings;
+    }(igniteuiWebcomponentsCore.Base));
+
     /*
     THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
     https://www.infragistics.com/legal/license/igultimate-la
@@ -105421,11 +105442,11 @@
         function DataChartToolbarProvider() {
             var _this = _super !== null && _super.apply(this, arguments) || this;
             _this._container = null;
-            _this.j = null;
-            _this.h = null;
-            _this.f = null;
-            _this.p = null;
-            _this.q = new igniteuiWebcomponentsCore.FastIterationDictionary$2(Axis.$, igniteuiWebcomponentsCore.Brush.$, 0);
+            _this.k = null;
+            _this.i = null;
+            _this.g = null;
+            _this.q = null;
+            _this.r = new igniteuiWebcomponentsCore.FastIterationDictionary$2(Axis.$, AxisStrokeSettings.$, 0);
             return _this;
         }
         Object.defineProperty(DataChartToolbarProvider.prototype, "container", {
@@ -105438,7 +105459,7 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataChartToolbarProvider.prototype, "k", {
+        Object.defineProperty(DataChartToolbarProvider.prototype, "l", {
             get: function () {
                 if (igniteuiWebcomponentsCore.TypeRegistrar.isRegistered("HorizontalAnchoredCategorySeriesProxy")) {
                     return igniteuiWebcomponentsCore.TypeRegistrar.create("HorizontalAnchoredCategorySeriesProxy");
@@ -105450,14 +105471,14 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataChartToolbarProvider.prototype, "t", {
+        Object.defineProperty(DataChartToolbarProvider.prototype, "v", {
             get: function () {
                 return (igniteuiWebcomponentsCore.TypeRegistrar.isRegistered("HorizontalAnchoredCategorySeriesProxy"));
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataChartToolbarProvider.prototype, "i", {
+        Object.defineProperty(DataChartToolbarProvider.prototype, "j", {
             get: function () {
                 if (igniteuiWebcomponentsCore.TypeRegistrar.isRegistered("FinancialPriceSeriesProxy")) {
                     return igniteuiWebcomponentsCore.TypeRegistrar.create("FinancialPriceSeriesProxy");
@@ -105469,30 +105490,30 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataChartToolbarProvider.prototype, "s", {
+        Object.defineProperty(DataChartToolbarProvider.prototype, "u", {
             get: function () {
                 return (igniteuiWebcomponentsCore.TypeRegistrar.isRegistered("HorizontalAnchoredCategorySeriesProxy"));
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataChartToolbarProvider.prototype, "g", {
+        Object.defineProperty(DataChartToolbarProvider.prototype, "h", {
             get: function () {
-                if (this.f == null) {
+                if (this.g == null) {
                     if (igniteuiWebcomponentsCore.TypeRegistrar.isRegistered("AnnotationLayerProxy")) {
-                        this.f = igniteuiWebcomponentsCore.TypeRegistrar.create("AnnotationLayerProxy");
-                        this.f.container = this.container;
+                        this.g = igniteuiWebcomponentsCore.TypeRegistrar.create("AnnotationLayerProxy");
+                        this.g.container = this.container;
                     }
                     else {
                         throw new igniteuiWebcomponentsCore.BaseError(1, "annotation layer module is not loaded, but is required.");
                     }
                 }
-                return this.f;
+                return this.g;
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataChartToolbarProvider.prototype, "r", {
+        Object.defineProperty(DataChartToolbarProvider.prototype, "t", {
             get: function () {
                 return (igniteuiWebcomponentsCore.TypeRegistrar.isRegistered("AnnotationLayerProxy"));
             },
@@ -105618,29 +105639,29 @@
                     return $ret;
                 })()), v];
             for (var x = 0; x < w.length; x++) {
-                this.a7(a, w[x]);
+                this.a9(a, w[x]);
             }
             return w;
         };
-        DataChartToolbarProvider.prototype.a7 = function (a, b) {
+        DataChartToolbarProvider.prototype.a9 = function (a, b) {
             var e_1, _a, e_2, _b, e_3, _c, e_4, _d;
             if (b.actions != null && b.actions.length > 0) {
                 for (var c = 0; c < b.actions.length; c++) {
-                    this.a7(a, b.actions[c]);
+                    this.a9(a, b.actions[c]);
                 }
             }
             switch (b.name) {
                 case "ShowValueLabels":
                     {
                         var d = b;
-                        var e = this.l(a);
+                        var e = this.m(a);
                         d.isChecked = e != null && e._visibility == 0;
                     }
                     break;
                 case "ShowLastValueLabel":
                     {
                         var f = b;
-                        var g = this.n(a);
+                        var g = this.o(a);
                         f.isChecked = g != null && g._visibility == 0;
                     }
                     break;
@@ -105651,13 +105672,13 @@
                             for (var _e = tslib.__values(igniteuiWebcomponentsCore.fromEnum(a.series)), _f = _e.next(); !_f.done; _f = _e.next()) {
                                 var i = _f.value;
                                 if (i.ey) {
-                                    if (this.t && this.k.matchesType(i)) {
-                                        h.isChecked = this.k.getTrendLineType(i) == 1;
+                                    if (this.v && this.l.matchesType(i)) {
+                                        h.isChecked = this.l.getTrendLineType(i) == 1;
                                     }
                                 }
                                 else if (i.e9) {
-                                    if (this.s && this.i.matchesType(i)) {
-                                        h.isChecked = this.i.getTrendLineType(i) == 1;
+                                    if (this.u && this.j.matchesType(i)) {
+                                        h.isChecked = this.j.getTrendLineType(i) == 1;
                                     }
                                 }
                             }
@@ -105684,13 +105705,13 @@
                             for (var _g = tslib.__values(igniteuiWebcomponentsCore.fromEnum(a.series)), _h = _g.next(); !_h.done; _h = _g.next()) {
                                 var k = _h.value;
                                 if (k.ey) {
-                                    if (this.t && this.k.matchesType(k)) {
-                                        j.isChecked = this.k.getTrendLineType(k) == 7;
+                                    if (this.v && this.l.matchesType(k)) {
+                                        j.isChecked = this.l.getTrendLineType(k) == 7;
                                     }
                                 }
                                 else if (k.e9) {
-                                    if (this.s && this.i.matchesType(k)) {
-                                        j.isChecked = this.i.getTrendLineType(k) == 7;
+                                    if (this.u && this.j.matchesType(k)) {
+                                        j.isChecked = this.j.getTrendLineType(k) == 7;
                                     }
                                 }
                             }
@@ -105717,13 +105738,13 @@
                             for (var _j = tslib.__values(igniteuiWebcomponentsCore.fromEnum(a.series)), _k = _j.next(); !_k.done; _k = _j.next()) {
                                 var m = _k.value;
                                 if (m.ey) {
-                                    if (this.t && this.k.matchesType(m)) {
-                                        l.isChecked = this.k.getTrendLineType(m) == 6;
+                                    if (this.v && this.l.matchesType(m)) {
+                                        l.isChecked = this.l.getTrendLineType(m) == 6;
                                     }
                                 }
                                 else if (m.e9) {
-                                    if (this.s && this.i.matchesType(m)) {
-                                        l.isChecked = this.i.getTrendLineType(m) == 6;
+                                    if (this.u && this.j.matchesType(m)) {
+                                        l.isChecked = this.j.getTrendLineType(m) == 6;
                                     }
                                 }
                             }
@@ -105752,12 +105773,12 @@
                             for (var _l = tslib.__values(igniteuiWebcomponentsCore.fromEnum(a.series)), _m = _l.next(); !_m.done; _m = _l.next()) {
                                 var q = _m.value;
                                 if (q.ey) {
-                                    if (this.t && this.k.matchesType(q) && this.k.getTrendLineType(q) == 0) {
+                                    if (this.v && this.l.matchesType(q) && this.l.getTrendLineType(q) == 0) {
                                         o = o + 1;
                                     }
                                 }
                                 else if (q.e9) {
-                                    if (this.s && this.i.matchesType(q) && this.i.getTrendLineType(q) == 0) {
+                                    if (this.u && this.j.matchesType(q) && this.j.getTrendLineType(q) == 0) {
                                         o = o + 1;
                                     }
                                 }
@@ -105785,36 +105806,42 @@
                 case "MinValue":
                     {
                         var r = b;
-                        var s = this.o(a, 4);
+                        var s = this.p(a, 4);
                         r.isChecked = s != null && s._visibility == 0;
                     }
                     break;
                 case "MaxValue":
                     {
                         var t = b;
-                        var u = this.o(a, 5);
+                        var u = this.p(a, 5);
                         t.isChecked = u != null && u._visibility == 0;
                     }
                     break;
                 case "Average":
                     {
                         var v = b;
-                        var w = this.o(a, 6);
+                        var w = this.p(a, 6);
                         v.isChecked = w != null && w._visibility == 0;
                     }
                     break;
                 case "ShowCrosshairs":
                     {
                         var x = b;
-                        var y = this.m(a);
+                        var y = this.n(a);
                         x.isChecked = y != null && y._visibility == 0;
                     }
                     break;
-                case "SeriesAvg":
+                case "ShowGridlines":
                     {
                         var z = b;
-                        var aa = this.o(a, 3);
-                        z.isChecked = aa != null && aa._visibility == 0;
+                        z.isChecked = this.s(a);
+                    }
+                    break;
+                case "SeriesAvg":
+                    {
+                        var aa = b;
+                        var ab = this.p(a, 3);
+                        aa.isChecked = ab != null && ab._visibility == 0;
                     }
                     break;
             }
@@ -105950,12 +105977,12 @@
             e.iconCollectionName = "ChartToolbarIcons";
             return [b, c, d, e];
         };
-        DataChartToolbarProvider.prototype.l = function (a) {
+        DataChartToolbarProvider.prototype.m = function (a) {
             var e_5, _a;
             try {
                 for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(a.series)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var b = _c.value;
-                    if (this.g.isCalloutLayer(b) && this.g.getIsAutoCalloutBehaviorEnabled(b)) {
+                    if (this.h.isCalloutLayer(b) && this.h.getIsAutoCalloutBehaviorEnabled(b)) {
                         return b;
                     }
                 }
@@ -105975,12 +106002,12 @@
             }
             return null;
         };
-        DataChartToolbarProvider.prototype.n = function (a) {
+        DataChartToolbarProvider.prototype.o = function (a) {
             var e_6, _a;
             try {
                 for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(a.series)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var b = _c.value;
-                    if (this.g.isFinalValueLayer(b)) {
+                    if (this.h.isFinalValueLayer(b)) {
                         return b;
                     }
                 }
@@ -106000,12 +106027,12 @@
             }
             return null;
         };
-        DataChartToolbarProvider.prototype.o = function (a, b) {
+        DataChartToolbarProvider.prototype.p = function (a, b) {
             var e_7, _a;
             try {
                 for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(a.series)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var c = _c.value;
-                    if (this.g.isValueLayer(c) && this.g.getValueMode(c) == b) {
+                    if (this.h.isValueLayer(c) && this.h.getValueMode(c) == b) {
                         return c;
                     }
                 }
@@ -106025,12 +106052,12 @@
             }
             return null;
         };
-        DataChartToolbarProvider.prototype.m = function (a) {
+        DataChartToolbarProvider.prototype.n = function (a) {
             var e_8, _a;
             try {
                 for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(a.series)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var b = _c.value;
-                    if (this.g.isCrosshairLayer(b)) {
+                    if (this.h.isCrosshairLayer(b)) {
                         return b;
                     }
                 }
@@ -106050,60 +106077,72 @@
             }
             return null;
         };
+        DataChartToolbarProvider.prototype.s = function (a) {
+            var b = igniteuiWebcomponentsCore.typeCast(XamDataChart.$, a);
+            if (b != null) {
+                for (var c = 0; c < b.axes.count; c++) {
+                    var d = b.axes._inner[c];
+                    if (d.jw != null && !igniteuiWebcomponentsCore.BrushUtilCore.a(d.jw) && d.et != 0) {
+                        return true;
+                    }
+                }
+            }
+            return false;
+        };
         DataChartToolbarProvider.prototype.onToolCommandExecuting = function (a, b) {
             switch (b.commandId) {
                 case "ZoomReset":
-                    this.bo(a, b);
+                    this.bq(a, b);
                     break;
                 case "ZoomIn":
-                    this.bm(a, b);
+                    this.bo(a, b);
                     break;
                 case "ZoomOut":
-                    this.bn(a, b);
+                    this.bp(a, b);
                     break;
                 case "ShowCrosshairs":
-                    this.ba(a, b);
+                    this.bc(a, b);
                     break;
                 case "ShowGridlines":
-                    this.bc(a, b);
+                    this.be(a, b);
                     break;
                 case "MaxValue":
-                    this.bg(a, b);
+                    this.bi(a, b);
                     break;
                 case "MinValue":
-                    this.bh(a, b);
+                    this.bj(a, b);
                     break;
                 case "Average":
-                    this.a8(a, b);
+                    this.ba(a, b);
                     break;
                 case "Exponential":
-                    this.bb(a, b);
+                    this.bd(a, b);
                     break;
                 case "Linear":
-                    this.be(a, b);
+                    this.bg(a, b);
                     break;
                 case "Logarithmic":
-                    this.bf(a, b);
+                    this.bh(a, b);
                     break;
                 case "NoTrends":
-                    this.bi(a, b);
+                    this.bk(a, b);
                     break;
                 case "SeriesAvg":
-                    this.bj(a, b);
+                    this.bl(a, b);
                     break;
                 case "ShowValueLabels":
-                    this.bl(a, b);
+                    this.bn(a, b);
                     break;
                 case "ShowLastValueLabel":
-                    this.bk(a, b);
+                    this.bm(a, b);
                     break;
                 case "CopyAsImage":
-                    this.a9(a, b);
+                    this.bb(a, b);
                     return 2;
             }
             return 0;
         };
-        DataChartToolbarProvider.prototype.u = function (a, b) {
+        DataChartToolbarProvider.prototype.w = function (a, b) {
             if (a.commandId == b) {
                 var e = a.argumentsList;
                 for (var d = 0; d < e.length; d++) {
@@ -106115,15 +106154,15 @@
             }
             return false;
         };
-        DataChartToolbarProvider.prototype.ba = function (a, b) {
+        DataChartToolbarProvider.prototype.bc = function (a, b) {
             var _this = this;
-            var c = this.m(a);
-            if (this.v(a, c)) {
+            var c = this.n(a);
+            if (this.x(a, c)) {
                 return;
             }
-            this.bp(a, b, "ShowCrosshairs", 0, function () {
-                var d = _this.g.createCrosshairLayer();
-                _this.g.setCrosshairOnAxesEnabled(d, true);
+            this.br(a, b, "ShowCrosshairs", 0, function () {
+                var d = _this.h.createCrosshairLayer();
+                _this.h.setCrosshairOnAxesEnabled(d, true);
                 var e = new AutomaticSeriesRequest();
                 e.a = 0;
                 e.e = true;
@@ -106131,57 +106170,70 @@
                 return e;
             });
         };
-        DataChartToolbarProvider.prototype.bc = function (a, b) {
-            var c = this.u(b, "ShowGridlines");
+        DataChartToolbarProvider.prototype.f = function (a, b) {
+            var c = new AxisStrokeSettings();
+            c.b = a.jz == null || igniteuiWebcomponentsCore.BrushUtilCore.a(a.jz) ? b : a.jz;
+            c.a = igniteuiWebcomponentsCore.isNaN_(a.et) || a.et == 0 ? igniteuiWebcomponentsCore.DeviceUtils.g(1) : a.et;
+            this.r.item(a, c);
+            return c;
+        };
+        DataChartToolbarProvider.prototype.be = function (a, b) {
+            var c = this.w(b, "ShowGridlines");
             if (!c) {
-                for (var d = 0; d < this.q.o.count; d++) {
-                    var e = this.q.o._inner[d];
-                    if (e.jw != null) {
-                        e.jz = igniteuiWebcomponentsCore.BrushUtil.h(0, 0, 0, 0);
+                var d = igniteuiWebcomponentsCore.typeCast(XamDataChart.$, a);
+                if (d != null) {
+                    for (var e = 0; e < d.axes.count; e++) {
+                        var f = d.axes._inner[e];
+                        if (!this.r.d(f)) {
+                            this.f(f, d.aaq);
+                        }
+                        f.et = 0;
                     }
                 }
             }
             else {
-                var f = igniteuiWebcomponentsCore.typeCast(XamDataChart.$, a);
-                if (f != null) {
-                    for (var g = 0; g < f.axes.count; g++) {
-                        var h = f.axes._inner[g];
-                        if (this.q.d(h)) {
-                            h.jz = this.q.item(h);
-                        }
-                        else {
-                            if (h.cb) {
-                                if (h.jz == null) {
-                                    h.jz = f.aaq;
-                                    this.q.s(h, f.aaq);
-                                }
-                                else {
-                                    this.q.s(h, h.jz);
-                                }
+                var g = igniteuiWebcomponentsCore.typeCast(XamDataChart.$, a);
+                if (g != null) {
+                    for (var h = 0; h < g.axes.count; h++) {
+                        var i = g.axes._inner[h];
+                        var j = true;
+                        if (this.r.d(i)) {
+                            if (this.r.item(i).b != i.jz || i.et != 0) {
+                                j = true;
                             }
+                            else {
+                                i.jz = this.r.item(i).b;
+                                i.et = this.r.item(i).a;
+                                j = false;
+                            }
+                        }
+                        if (j) {
+                            var k = this.f(i, g.aaq);
+                            i.jz = k.b;
+                            i.et = k.a;
                         }
                     }
                 }
             }
         };
-        DataChartToolbarProvider.prototype.bb = function (a, b) {
+        DataChartToolbarProvider.prototype.bd = function (a, b) {
             var e_9, _a;
-            if (!this.t) {
+            if (!this.v) {
                 return;
             }
-            var c = this.u(b, "Exponential");
+            var c = this.w(b, "Exponential");
             if (c) {
                 try {
                     for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(a.series)), _c = _b.next(); !_c.done; _c = _b.next()) {
                         var d = _c.value;
                         if (d.ey) {
-                            if (this.t && this.k.matchesType(d)) {
-                                this.k.setTrendLineType(d, 7);
+                            if (this.v && this.l.matchesType(d)) {
+                                this.l.setTrendLineType(d, 7);
                             }
                         }
                         else if (d.e9) {
-                            if (this.s && this.i.matchesType(d)) {
-                                this.i.setTrendLineType(d, 7);
+                            if (this.u && this.j.matchesType(d)) {
+                                this.j.setTrendLineType(d, 7);
                             }
                         }
                     }
@@ -106201,24 +106253,24 @@
                 }
             }
         };
-        DataChartToolbarProvider.prototype.be = function (a, b) {
+        DataChartToolbarProvider.prototype.bg = function (a, b) {
             var e_10, _a;
-            if (!this.t) {
+            if (!this.v) {
                 return;
             }
-            var c = this.u(b, "Linear");
+            var c = this.w(b, "Linear");
             if (c) {
                 try {
                     for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(a.series)), _c = _b.next(); !_c.done; _c = _b.next()) {
                         var d = _c.value;
                         if (d.ey) {
-                            if (this.t && this.k.matchesType(d)) {
-                                this.k.setTrendLineType(d, 1);
+                            if (this.v && this.l.matchesType(d)) {
+                                this.l.setTrendLineType(d, 1);
                             }
                         }
                         else if (d.e9) {
-                            if (this.s && this.i.matchesType(d)) {
-                                this.i.setTrendLineType(d, 1);
+                            if (this.u && this.j.matchesType(d)) {
+                                this.j.setTrendLineType(d, 1);
                             }
                         }
                     }
@@ -106238,21 +106290,21 @@
                 }
             }
         };
-        DataChartToolbarProvider.prototype.bf = function (a, b) {
+        DataChartToolbarProvider.prototype.bh = function (a, b) {
             var e_11, _a;
-            var c = this.u(b, "Logarithmic");
+            var c = this.w(b, "Logarithmic");
             if (c) {
                 try {
                     for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(a.series)), _c = _b.next(); !_c.done; _c = _b.next()) {
                         var d = _c.value;
                         if (d.ey) {
-                            if (this.t && this.k.matchesType(d)) {
-                                this.k.setTrendLineType(d, 6);
+                            if (this.v && this.l.matchesType(d)) {
+                                this.l.setTrendLineType(d, 6);
                             }
                         }
                         else if (d.e9) {
-                            if (this.s && this.i.matchesType(d)) {
-                                this.i.setTrendLineType(d, 6);
+                            if (this.u && this.j.matchesType(d)) {
+                                this.j.setTrendLineType(d, 6);
                             }
                         }
                     }
@@ -106272,21 +106324,21 @@
                 }
             }
         };
-        DataChartToolbarProvider.prototype.bi = function (a, b) {
+        DataChartToolbarProvider.prototype.bk = function (a, b) {
             var e_12, _a;
-            var c = this.u(b, "NoTrends");
+            var c = this.w(b, "NoTrends");
             if (c) {
                 try {
                     for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(a.series)), _c = _b.next(); !_c.done; _c = _b.next()) {
                         var d = _c.value;
                         if (d.ey) {
-                            if (this.t && this.k.matchesType(d)) {
-                                this.k.setTrendLineType(d, 0);
+                            if (this.v && this.l.matchesType(d)) {
+                                this.l.setTrendLineType(d, 0);
                             }
                         }
                         else if (d.e9) {
-                            if (this.s && this.i.matchesType(d)) {
-                                this.i.setTrendLineType(d, 0);
+                            if (this.u && this.j.matchesType(d)) {
+                                this.j.setTrendLineType(d, 0);
                             }
                         }
                     }
@@ -106306,11 +106358,11 @@
                 }
             }
         };
-        DataChartToolbarProvider.prototype.bp = function (a, b, c, d, e) {
-            var f = this.u(b, c);
+        DataChartToolbarProvider.prototype.br = function (a, b, c, d, e) {
+            var f = this.w(b, c);
             var g = a.ao(a);
             if (f && !g.e(d)) {
-                if (this.r && e != null) {
+                if (this.t && e != null) {
                     g.b.add(e());
                 }
             }
@@ -106318,20 +106370,20 @@
                 g.l(d);
             }
         };
-        DataChartToolbarProvider.prototype.bg = function (a, b) {
+        DataChartToolbarProvider.prototype.bi = function (a, b) {
             var _this = this;
-            var c = this.o(a, 5);
-            if (c != null && this.g.getValueMode(c) == 5 && this.v(a, c)) {
-                return;
-            }
-            this.bp(a, b, "MaxValue", 1, function () {
-                var d = _this.g.createValueLayer();
-                _this.g.setValueMode(d, 5);
-                _this.g.setValueAxisAnnotationEnabled(d, true);
-                _this.g.setBrush(d, igniteuiWebcomponentsCore.BrushUtil.h(255, 99, 208, 0));
-                _this.g.setUseLegend(d, true);
-                _this.g.setTitle(d, "Maximum");
-                _this.g.setLegendItemBadgeShape(d, 2);
+            var c = this.p(a, 5);
+            if (c != null && this.h.getValueMode(c) == 5 && this.x(a, c)) {
+                return;
+            }
+            this.br(a, b, "MaxValue", 1, function () {
+                var d = _this.h.createValueLayer();
+                _this.h.setValueMode(d, 5);
+                _this.h.setValueAxisAnnotationEnabled(d, true);
+                _this.h.setBrush(d, igniteuiWebcomponentsCore.BrushUtil.h(255, 99, 208, 0));
+                _this.h.setUseLegend(d, true);
+                _this.h.setTitle(d, "Maximum");
+                _this.h.setLegendItemBadgeShape(d, 2);
                 var e = new AutomaticSeriesRequest();
                 e.a = 1;
                 e.e = true;
@@ -106339,20 +106391,20 @@
                 return e;
             });
         };
-        DataChartToolbarProvider.prototype.bh = function (a, b) {
+        DataChartToolbarProvider.prototype.bj = function (a, b) {
             var _this = this;
-            var c = this.o(a, 4);
-            if (c != null && this.v(a, c)) {
-                return;
-            }
-            this.bp(a, b, "MinValue", 2, function () {
-                var d = _this.g.createValueLayer();
-                _this.g.setValueMode(d, 4);
-                _this.g.setValueAxisAnnotationEnabled(d, true);
-                _this.g.setBrush(d, igniteuiWebcomponentsCore.BrushUtil.h(255, 246, 93, 80));
-                _this.g.setUseLegend(d, true);
-                _this.g.setTitle(d, "Minimum");
-                _this.g.setLegendItemBadgeShape(d, 2);
+            var c = this.p(a, 4);
+            if (c != null && this.x(a, c)) {
+                return;
+            }
+            this.br(a, b, "MinValue", 2, function () {
+                var d = _this.h.createValueLayer();
+                _this.h.setValueMode(d, 4);
+                _this.h.setValueAxisAnnotationEnabled(d, true);
+                _this.h.setBrush(d, igniteuiWebcomponentsCore.BrushUtil.h(255, 246, 93, 80));
+                _this.h.setUseLegend(d, true);
+                _this.h.setTitle(d, "Minimum");
+                _this.h.setLegendItemBadgeShape(d, 2);
                 var e = new AutomaticSeriesRequest();
                 e.a = 2;
                 e.e = true;
@@ -106360,20 +106412,20 @@
                 return e;
             });
         };
-        DataChartToolbarProvider.prototype.a8 = function (a, b) {
+        DataChartToolbarProvider.prototype.ba = function (a, b) {
             var _this = this;
-            var c = this.o(a, 6);
-            if (c != null && this.v(a, c)) {
-                return;
-            }
-            this.bp(a, b, "Average", 3, function () {
-                var d = _this.g.createValueLayer();
-                _this.g.setValueMode(d, 6);
-                _this.g.setValueAxisAnnotationEnabled(d, true);
-                _this.g.setBrush(d, igniteuiWebcomponentsCore.BrushUtil.h(255, 248, 173, 118));
-                _this.g.setUseLegend(d, true);
-                _this.g.setTitle(d, "Average");
-                _this.g.setLegendItemBadgeShape(d, 2);
+            var c = this.p(a, 6);
+            if (c != null && this.x(a, c)) {
+                return;
+            }
+            this.br(a, b, "Average", 3, function () {
+                var d = _this.h.createValueLayer();
+                _this.h.setValueMode(d, 6);
+                _this.h.setValueAxisAnnotationEnabled(d, true);
+                _this.h.setBrush(d, igniteuiWebcomponentsCore.BrushUtil.h(255, 248, 173, 118));
+                _this.h.setUseLegend(d, true);
+                _this.h.setTitle(d, "Average");
+                _this.h.setLegendItemBadgeShape(d, 2);
                 var e = new AutomaticSeriesRequest();
                 e.a = 3;
                 e.e = true;
@@ -106381,14 +106433,14 @@
                 return e;
             });
         };
-        DataChartToolbarProvider.prototype.bj = function (a, b) {
+        DataChartToolbarProvider.prototype.bl = function (a, b) {
             var c = a.ao(a);
-            var d = this.o(a, 3);
+            var d = this.p(a, 3);
             if (d != null) {
                 c.l(4);
                 return;
             }
-            if (!this.r) {
+            if (!this.t) {
                 return;
             }
             var e = a.series.count;
@@ -106397,17 +106449,17 @@
                 if (g.es) {
                     continue;
                 }
-                var h = this.g.createValueLayer();
-                this.g.setValueMode(h, 3);
-                this.g.setValueAxisAnnotationEnabled(h, true);
-                this.g.setUseLegend(h, a.f2);
+                var h = this.h.createValueLayer();
+                this.h.setValueMode(h, 3);
+                this.h.setValueAxisAnnotationEnabled(h, true);
+                this.h.setUseLegend(h, a.f2);
                 if (g.title != null && typeof g.title === 'string') {
                     var i = g.title;
-                    this.g.setTitle(h, i + " Avg");
+                    this.h.setTitle(h, i + " Avg");
                 }
-                this.g.setLegendItemBadgeShape(h, 2);
-                this.g.setTargetSeries(h, g);
-                this.g.setBrush(h, g.u9);
+                this.h.setLegendItemBadgeShape(h, 2);
+                this.h.setTargetSeries(h, g);
+                this.h.setBrush(h, g.u9);
                 var j = new AutomaticSeriesRequest();
                 j.a = 4;
                 j.e = true;
@@ -106415,7 +106467,7 @@
                 c.b.add(j);
             }
         };
-        DataChartToolbarProvider.prototype.v = function (a, b) {
+        DataChartToolbarProvider.prototype.x = function (a, b) {
             var e_13, _a;
             if (b != null) {
                 var c = false;
@@ -106459,22 +106511,22 @@
             }
             return false;
         };
-        DataChartToolbarProvider.prototype.bl = function (a, b) {
+        DataChartToolbarProvider.prototype.bn = function (a, b) {
             var _this = this;
-            var c = this.l(a);
-            if (this.v(a, c)) {
+            var c = this.m(a);
+            if (this.x(a, c)) {
                 return;
             }
-            this.bp(a, b, "ShowValueLabels", 5, function () {
+            this.br(a, b, "ShowValueLabels", 5, function () {
                 var e_14, _a;
                 try {
                     for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(a.series)), _c = _b.next(); !_c.done; _c = _b.next()) {
                         var d = _c.value;
                         if (d.ey) {
-                            if (_this.t && _this.k.matchesType(d)) {
-                                var e = _this.k.getMarkerType(d);
+                            if (_this.v && _this.l.matchesType(d)) {
+                                var e = _this.l.getMarkerType(d);
                                 if (e == 1) {
-                                    _this.k.setMarkerType(d, 13);
+                                    _this.l.setMarkerType(d, 13);
                                 }
                             }
                         }
@@ -106493,8 +106545,8 @@
                             throw e_14.error;
                     }
                 }
-                var f = _this.g.createCalloutLayer();
-                _this.g.setIsAutoCalloutBehaviorEnabled(f, true);
+                var f = _this.h.createCalloutLayer();
+                _this.h.setIsAutoCalloutBehaviorEnabled(f, true);
                 var g = new AutomaticSeriesRequest();
                 g.a = 5;
                 g.e = true;
@@ -106502,13 +106554,13 @@
                 return g;
             });
         };
-        DataChartToolbarProvider.prototype.bk = function (a, b) {
+        DataChartToolbarProvider.prototype.bm = function (a, b) {
             var _this = this;
-            var c = this.n(a);
-            if (this.v(a, c)) {
+            var c = this.o(a);
+            if (this.x(a, c)) {
                 return;
             }
-            this.bp(a, b, "ShowLastValueLabel", 6, function () {
+            this.br(a, b, "ShowLastValueLabel", 6, function () {
                 var e_15, _a;
                 try {
                     for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(a.series)), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -106537,7 +106589,7 @@
                             throw e_15.error;
                     }
                 }
-                var h = _this.g.createFinalValueLayer();
+                var h = _this.h.createFinalValueLayer();
                 var i = new AutomaticSeriesRequest();
                 i.a = 6;
                 i.e = true;
@@ -106545,35 +106597,35 @@
                 return i;
             });
         };
-        DataChartToolbarProvider.prototype.a9 = function (a, b) {
-            this.p = b;
+        DataChartToolbarProvider.prototype.bb = function (a, b) {
+            this.q = b;
             var c = new igniteuiWebcomponentsCore.CaptureImageSettings();
             c.b = true;
             c.a = 0;
-            a.imageCaptured = igniteuiWebcomponentsCore.delegateCombine(a.imageCaptured, igniteuiWebcomponentsCore.runOn(this, this.bd));
+            a.imageCaptured = igniteuiWebcomponentsCore.delegateCombine(a.imageCaptured, igniteuiWebcomponentsCore.runOn(this, this.bf));
             a.nb(c);
             a.al.q();
         };
-        DataChartToolbarProvider.prototype.bd = function (a, b) {
-            this.p.argumentsList = [((function () {
+        DataChartToolbarProvider.prototype.bf = function (a, b) {
+            this.q.argumentsList = [((function () {
                     var $ret = new igniteuiWebcomponentsCore.ToolCommandArgument();
                     $ret.argumentName = "Image";
                     $ret.value = b.base64Data;
                     return $ret;
                 })())];
             var c = a;
-            c.imageCaptured = igniteuiWebcomponentsCore.delegateRemove(c.imageCaptured, igniteuiWebcomponentsCore.runOn(this, this.bd));
+            c.imageCaptured = igniteuiWebcomponentsCore.delegateRemove(c.imageCaptured, igniteuiWebcomponentsCore.runOn(this, this.bf));
             if (c.commandCompleted != null) {
-                c.commandCompleted(this.p);
+                c.commandCompleted(this.q);
             }
         };
-        DataChartToolbarProvider.prototype.bm = function (a, b) {
+        DataChartToolbarProvider.prototype.bo = function (a, b) {
             a.rz(0.05);
         };
-        DataChartToolbarProvider.prototype.bn = function (a, b) {
+        DataChartToolbarProvider.prototype.bp = function (a, b) {
             a.r0(0.05);
         };
-        DataChartToolbarProvider.prototype.bo = function (a, b) {
+        DataChartToolbarProvider.prototype.bq = function (a, b) {
             a.q8();
         };
         DataChartToolbarProvider.$t = igniteuiWebcomponentsCore.markType(DataChartToolbarProvider, 'DataChartToolbarProvider', igniteuiWebcomponentsCore.Base.$, [IDataChartToolbarProvider_$type]);
@@ -181063,6 +181115,50 @@
         return SliceMouseMessage;
     }(ModelUpdateMessage));
 
+    /*
+    THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+    https://www.infragistics.com/legal/license/igultimate-la
+    https://www.infragistics.com/legal/license/igultimate-eula
+    GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
+    */
+    /**
+     * @hidden
+     */
+    var FunnelChartSelectedItemsCollection = /** @class */ /*@__PURE__*/ (function (_super) {
+        tslib.__extends(FunnelChartSelectedItemsCollection, _super);
+        function FunnelChartSelectedItemsCollection() {
+            var _this = _super.call(this, igniteuiWebcomponentsCore.Base.$, 0) || this;
+            _this.af = false;
+            return _this;
+        }
+        Object.defineProperty(FunnelChartSelectedItemsCollection.prototype, "ae", {
+            get: function () {
+                return this;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        FunnelChartSelectedItemsCollection.prototype.ag = function (a) {
+            this.collectionChanged = igniteuiWebcomponentsCore.delegateCombine(this.collectionChanged, a);
+        };
+        FunnelChartSelectedItemsCollection.prototype.u = function (a) {
+            var b = this._inner[a];
+            if (a == 0) {
+                this._inner.shift();
+            }
+            else {
+                this._inner.splice(a, 1);
+            }
+            this.ad(new igniteuiWebcomponentsCore.PropertyChangedEventArgs("Count"));
+            this.ad(new igniteuiWebcomponentsCore.PropertyChangedEventArgs("Item[]"));
+            if (!this.af) {
+                this.ac(new igniteuiWebcomponentsCore.NotifyCollectionChangedEventArgs(1, 1, b, a));
+            }
+        };
+        FunnelChartSelectedItemsCollection.$t = igniteuiWebcomponentsCore.markType(FunnelChartSelectedItemsCollection, 'FunnelChartSelectedItemsCollection', igniteuiWebcomponentsCore.ObservableCollection$1.$.specialize(igniteuiWebcomponentsCore.Base.$));
+        return FunnelChartSelectedItemsCollection;
+    }(igniteuiWebcomponentsCore.ObservableCollection$1));
+
     /*
     THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
     https://www.infragistics.com/legal/license/igultimate-la
@@ -181127,6 +181223,61 @@
         return FunnelLegendTemplates;
     }(igniteuiWebcomponentsCore.Base));
 
+    /*
+    THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+    https://www.infragistics.com/legal/license/igultimate-la
+    https://www.infragistics.com/legal/license/igultimate-eula
+    GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
+    */
+    /**
+     * @hidden
+     */
+    var FunnelChartSelectedItemsChangedEventArgs = /** @class */ /*@__PURE__*/ (function (_super) {
+        tslib.__extends(FunnelChartSelectedItemsChangedEventArgs, _super);
+        function FunnelChartSelectedItemsChangedEventArgs(a, b, c) {
+            var _this = _super.call(this) || this;
+            _this._oldItems = null;
+            _this._newItems = null;
+            _this._currentItems = null;
+            _this.oldItems = a;
+            _this.newItems = b;
+            _this.currentItems = c;
+            return _this;
+        }
+        Object.defineProperty(FunnelChartSelectedItemsChangedEventArgs.prototype, "oldItems", {
+            get: function () {
+                return this._oldItems;
+            },
+            set: function (a) {
+                this._oldItems = a;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(FunnelChartSelectedItemsChangedEventArgs.prototype, "newItems", {
+            get: function () {
+                return this._newItems;
+            },
+            set: function (a) {
+                this._newItems = a;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(FunnelChartSelectedItemsChangedEventArgs.prototype, "currentItems", {
+            get: function () {
+                return this._currentItems;
+            },
+            set: function (a) {
+                this._currentItems = a;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        FunnelChartSelectedItemsChangedEventArgs.$t = igniteuiWebcomponentsCore.markType(FunnelChartSelectedItemsChangedEventArgs, 'FunnelChartSelectedItemsChangedEventArgs', igniteuiWebcomponentsCore.EventArgs.$);
+        return FunnelChartSelectedItemsChangedEventArgs;
+    }(igniteuiWebcomponentsCore.EventArgs));
+
     /*
     THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
     https://www.infragistics.com/legal/license/igultimate-la
@@ -181890,13 +182041,13 @@
             this.f.i(d);
         };
         XamFunnelView.prototype.av = function (a) {
-            var b = a.b3;
-            var c = a.bx;
+            var b = a.b4;
+            var c = a.by;
             if (!igniteuiWebcomponentsCore.isNaN_(b) && b != 0) {
                 return;
             }
             if (window.devicePixelRatio != undefined && window.devicePixelRatio != c) {
-                a.bx = window.devicePixelRatio;
+                a.by = window.devicePixelRatio;
             }
         };
         XamFunnelView.prototype.aw = function (a) {
@@ -183714,47 +183865,47 @@
         tslib.__extends(XamFunnelChart, _super);
         function XamFunnelChart() {
             var _this = _super.call(this) || this;
-            _this.aq = null;
+            _this.at = null;
+            _this.av = null;
             _this.as = null;
-            _this.ap = null;
-            _this.ax = null;
-            _this.b4 = null;
-            _this.a7 = null;
+            _this.a0 = null;
             _this.b5 = null;
-            _this.a4 = null;
-            _this.bt = 0.5;
-            _this.a1 = 1;
-            _this.a5 = null;
-            _this.a6 = null;
+            _this.ba = null;
             _this.b6 = null;
+            _this.a7 = null;
+            _this.bu = 0.5;
+            _this.a4 = 1;
+            _this.a8 = null;
+            _this.a9 = null;
             _this.b7 = null;
-            _this.bs = new igniteuiWebcomponentsCore.ObservableCollection$1(igniteuiWebcomponentsCore.Base.$, 0);
-            _this.bo = new igniteuiWebcomponentsCore.Dictionary$2(igniteuiWebcomponentsCore.Base.$, igniteuiWebcomponentsCore.Base.$, 0);
+            _this.b8 = null;
+            _this.ak = new FunnelChartSelectedItemsCollection();
+            _this.br = new igniteuiWebcomponentsCore.Dictionary$2(igniteuiWebcomponentsCore.Base.$, igniteuiWebcomponentsCore.Base.$, 0);
+            _this.selectedItemsChanged = null;
+            _this.cf = null;
             _this.ce = null;
-            _this.cd = null;
             _this.sliceClicked = null;
             _this.sliceEnter = null;
             _this.sliceLeave = null;
             _this.sliceHover = null;
-            _this.cb = null;
-            _this.bv = NaN;
-            _this.bu = 1;
-            _this.fl = null;
-            _this.fm = null;
-            _this.bu = 1;
-            _this.bv = NaN;
-            var a = _this.bs;
-            a.collectionChanged = igniteuiWebcomponentsCore.delegateCombine(a.collectionChanged, igniteuiWebcomponentsCore.runOn(_this, _this.eg));
-            _this.ar = new MessageHandler();
-            _this.ar.b(SliceClickedMessage.$, igniteuiWebcomponentsCore.runOn(_this, _this.ek));
-            _this.ar.b(SliceMouseMessage.$, igniteuiWebcomponentsCore.runOn(_this, _this.el));
-            _this.ar.b(SelectedItemsChangedMessage.$, igniteuiWebcomponentsCore.runOn(_this, _this.eh));
-            _this.ap = new MessageChannel();
-            _this.b4 = function (b, c) { return _this.dx(c.action, c.position, c.count, c.propertyName); };
-            _this.b5 = function (b, c) { return _this.d2(c.action, c.position, c.count, c.propertyName); };
-            _this.ei();
+            _this.cc = null;
+            _this.bw = NaN;
+            _this.bv = 1;
+            _this.fn = null;
+            _this.fo = null;
+            _this.bv = 1;
+            _this.bw = NaN;
+            _this.ak.ag(igniteuiWebcomponentsCore.runOn(_this, _this.ei));
+            _this.au = new MessageHandler();
+            _this.au.b(SliceClickedMessage.$, igniteuiWebcomponentsCore.runOn(_this, _this.em));
+            _this.au.b(SliceMouseMessage.$, igniteuiWebcomponentsCore.runOn(_this, _this.en));
+            _this.au.b(SelectedItemsChangedMessage.$, igniteuiWebcomponentsCore.runOn(_this, _this.ej));
+            _this.as = new MessageChannel();
+            _this.b5 = function (a, b) { return _this.dy(b.action, b.position, b.count, b.propertyName); };
+            _this.b6 = function (a, b) { return _this.d3(b.action, b.position, b.count, b.propertyName); };
+            _this.ek();
             _this.ab = XamFunnelChart.$;
-            _this.ax = new XamFunnelConnector(new XamFunnelView(), _this);
+            _this.a0 = new XamFunnelConnector(new XamFunnelView(), _this);
             _this.legendItemTemplate = ((function () {
                 var $ret = new igniteuiWebcomponentsCore.DataTemplate();
                 $ret.render = FunnelLegendTemplates.e;
@@ -183779,65 +183930,65 @@
         XamFunnelChart.prototype.destroy = function () {
             this.provideContainer(null);
         };
-        Object.defineProperty(XamFunnelChart.prototype, "ar", {
+        Object.defineProperty(XamFunnelChart.prototype, "au", {
             get: function () {
-                return this.aq;
+                return this.at;
             },
             set: function (a) {
-                this.aq = a;
+                this.at = a;
             },
             enumerable: false,
             configurable: true
         });
-        XamFunnelChart.prototype.ei = function () {
-            this.ed(XamFunnelChart.$$p[1], 0, this.by);
-            this.ed(XamFunnelChart.$$p[10], igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, this.ft), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, this.ft));
-            this.ed(XamFunnelChart.$$p[17], igniteuiWebcomponentsCore.enumGetBox(OuterLabelAlignment_$type, this.au), igniteuiWebcomponentsCore.enumGetBox(OuterLabelAlignment_$type, this.au));
-            this.ed(XamFunnelChart.$$p[4], igniteuiWebcomponentsCore.enumGetBox(FunnelSliceDisplay_$type, this.ak), igniteuiWebcomponentsCore.enumGetBox(FunnelSliceDisplay_$type, this.ak));
-            this.ed(XamFunnelChart.$$p[26], this.fq, this.fq);
-            this.ed(XamFunnelChart.$$p[16], this.fp, this.fp);
-            this.ej();
+        XamFunnelChart.prototype.ek = function () {
+            this.ee(XamFunnelChart.$$p[1], 0, this.bz);
+            this.ee(XamFunnelChart.$$p[10], igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, this.fv), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, this.fv));
+            this.ee(XamFunnelChart.$$p[17], igniteuiWebcomponentsCore.enumGetBox(OuterLabelAlignment_$type, this.ax), igniteuiWebcomponentsCore.enumGetBox(OuterLabelAlignment_$type, this.ax));
+            this.ee(XamFunnelChart.$$p[4], igniteuiWebcomponentsCore.enumGetBox(FunnelSliceDisplay_$type, this.an), igniteuiWebcomponentsCore.enumGetBox(FunnelSliceDisplay_$type, this.an));
+            this.ee(XamFunnelChart.$$p[26], this.fs, this.fs);
+            this.ee(XamFunnelChart.$$p[16], this.fr, this.fr);
+            this.el();
         };
-        XamFunnelChart.prototype.ej = function () {
+        XamFunnelChart.prototype.el = function () {
             var a = new PropertyChangedMessage();
             a.g = "ItemProvider";
             a.e = null;
             a.d = this;
-            this.ap.i(a);
+            this.as.i(a);
         };
-        Object.defineProperty(XamFunnelChart.prototype, "at", {
+        Object.defineProperty(XamFunnelChart.prototype, "aw", {
             get: function () {
-                return this.as;
+                return this.av;
             },
             set: function (a) {
-                var b = this.as;
-                this.as = a;
-                this.ee(b, this.as);
+                var b = this.av;
+                this.av = a;
+                this.eg(b, this.av);
             },
             enumerable: false,
             configurable: true
         });
-        XamFunnelChart.prototype.ee = function (a, b) {
+        XamFunnelChart.prototype.eg = function (a, b) {
             if (a != null) {
                 var c = igniteuiWebcomponentsCore.typeCast(MessageChannel.$, a.b("ModelUpdateMessages"));
                 if (c != null) {
-                    c.h(igniteuiWebcomponentsCore.runOn(this, this.d4));
+                    c.h(igniteuiWebcomponentsCore.runOn(this, this.d5));
                 }
-                this.ap.g();
+                this.as.g();
             }
             if (b != null) {
                 var d = igniteuiWebcomponentsCore.typeCast(MessageChannel.$, b.b("ModelUpdateMessages"));
                 if (d != null) {
-                    d.e(igniteuiWebcomponentsCore.runOn(this, this.d4));
+                    d.e(igniteuiWebcomponentsCore.runOn(this, this.d5));
                 }
                 var e = igniteuiWebcomponentsCore.typeCast(MessageChannel.$, b.b("ConfigurationMessages"));
-                this.ap.f(e);
+                this.as.f(e);
             }
         };
-        XamFunnelChart.prototype.d4 = function (a) {
-            this.ar.c(a);
+        XamFunnelChart.prototype.d5 = function (a) {
+            this.au.c(a);
         };
-        XamFunnelChart.prototype.dx = function (a, b, c, d) {
+        XamFunnelChart.prototype.dy = function (a, b, c, d) {
             var e = ((function () {
                 var $ret = new DataUpdatedMessage();
                 $ret.g = b;
@@ -183862,26 +184013,26 @@
                     e.c = 4;
                     break;
             }
-            this.ed("ValueColumn", this.bd, this.bd);
-            this.ed("InnerLabelColumn", this.a9, this.a9);
-            this.ed("OuterLabelColumn", this.ba, this.ba);
-            this.ap.i(e);
+            this.ee("ValueColumn", this.bg, this.bg);
+            this.ee("InnerLabelColumn", this.bc, this.bc);
+            this.ee("OuterLabelColumn", this.bd, this.bd);
+            this.as.i(e);
         };
-        Object.defineProperty(XamFunnelChart.prototype, "bd", {
+        Object.defineProperty(XamFunnelChart.prototype, "bg", {
             get: function () {
-                return this.a7;
+                return this.ba;
             },
             set: function (a) {
-                if (this.a7 != a) {
-                    var b = this.a7;
-                    this.a7 = a;
-                    this.ed("ValueColumn", b, this.a7);
+                if (this.ba != a) {
+                    var b = this.ba;
+                    this.ba = a;
+                    this.ee("ValueColumn", b, this.ba);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        XamFunnelChart.prototype.d2 = function (a, b, c, d) {
+        XamFunnelChart.prototype.d3 = function (a, b, c, d) {
             var e = ((function () {
                 var $ret = new DataUpdatedMessage();
                 $ret.g = b;
@@ -183906,185 +184057,190 @@
                     e.c = 4;
                     break;
             }
-            this.ed("HighlightValueColumn", this.a8, this.a8);
-            this.ap.i(e);
+            this.ee("HighlightValueColumn", this.bb, this.bb);
+            this.as.i(e);
         };
-        Object.defineProperty(XamFunnelChart.prototype, "a8", {
+        Object.defineProperty(XamFunnelChart.prototype, "bb", {
             get: function () {
-                return this.a4;
+                return this.a7;
             },
             set: function (a) {
-                if (this.a4 != a) {
-                    var b = this.a4;
-                    this.a4 = a;
-                    this.en();
-                    this.ed("HighlightValueColumn", b, this.a4);
+                if (this.a7 != a) {
+                    var b = this.a7;
+                    this.a7 = a;
+                    this.ep();
+                    this.ee("HighlightValueColumn", b, this.a7);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(XamFunnelChart.prototype, "bw", {
+        Object.defineProperty(XamFunnelChart.prototype, "bx", {
             get: function () {
-                return this.bt;
+                return this.bu;
             },
             set: function (a) {
-                var b = this.bt;
-                this.bt = a;
-                if (b != this.bt) {
-                    this.ed("ActualHighlightValueOpacity", b, a);
+                var b = this.bu;
+                this.bu = a;
+                if (b != this.bu) {
+                    this.ee("ActualHighlightValueOpacity", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        XamFunnelChart.prototype.eo = function () {
-            this.bw = igniteuiWebcomponentsCore.isNaN_(this.b0) ? 0.5 : Math.max(0, Math.min(this.b0, 1));
+        XamFunnelChart.prototype.eq = function () {
+            this.bx = igniteuiWebcomponentsCore.isNaN_(this.b1) ? 0.5 : Math.max(0, Math.min(this.b1, 1));
         };
-        Object.defineProperty(XamFunnelChart.prototype, "a2", {
+        Object.defineProperty(XamFunnelChart.prototype, "a5", {
             get: function () {
-                return this.a1;
+                return this.a4;
             },
             set: function (a) {
-                this.a1 = a;
+                this.a4 = a;
             },
             enumerable: false,
             configurable: true
         });
-        XamFunnelChart.prototype.en = function () {
-            var a = this.a2;
-            if (this.a3 != 1) {
-                if (this.a8 == null || this.bd == null || this.a8.count != this.bd.count) {
-                    this.a2 = 1;
+        XamFunnelChart.prototype.ep = function () {
+            var a = this.a5;
+            if (this.a6 != 1) {
+                if (this.bb == null || this.bg == null || this.bb.count != this.bg.count) {
+                    this.a5 = 1;
                 }
                 else {
-                    this.a2 = 2;
+                    this.a5 = 2;
                 }
             }
             else {
-                this.a2 = 1;
+                this.a5 = 1;
             }
-            if (this.a2 != a) {
-                this.ed("ActualHighlightValueDisplayMode", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.HighlightedValueDisplayMode_$type, a), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.HighlightedValueDisplayMode_$type, this.a2));
+            if (this.a5 != a) {
+                this.ee("ActualHighlightValueDisplayMode", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.HighlightedValueDisplayMode_$type, a), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.HighlightedValueDisplayMode_$type, this.a5));
             }
         };
-        Object.defineProperty(XamFunnelChart.prototype, "a3", {
+        Object.defineProperty(XamFunnelChart.prototype, "a6", {
             get: function () {
-                return igniteuiWebcomponentsCore.EnumUtil.getEnumValue(igniteuiWebcomponentsCore.HighlightedValueDisplayMode_$type, this.c(XamFunnelChart.ex));
+                return igniteuiWebcomponentsCore.EnumUtil.getEnumValue(igniteuiWebcomponentsCore.HighlightedValueDisplayMode_$type, this.c(XamFunnelChart.ez));
             },
             set: function (a) {
-                this.h(XamFunnelChart.ex, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.HighlightedValueDisplayMode_$type, a));
-                this.en();
+                this.h(XamFunnelChart.ez, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.HighlightedValueDisplayMode_$type, a));
+                this.ep();
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(XamFunnelChart.prototype, "a9", {
+        Object.defineProperty(XamFunnelChart.prototype, "bc", {
             get: function () {
-                return this.a5;
+                return this.a8;
             },
             set: function (a) {
-                if (this.a5 != a) {
-                    var b = this.a5;
-                    this.a5 = a;
-                    this.ed("InnerLabelColumn", b, this.a9);
+                if (this.a8 != a) {
+                    var b = this.a8;
+                    this.a8 = a;
+                    this.ee("InnerLabelColumn", b, this.bc);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(XamFunnelChart.prototype, "ba", {
+        Object.defineProperty(XamFunnelChart.prototype, "bd", {
             get: function () {
-                return this.a6;
+                return this.a9;
             },
             set: function (a) {
-                if (this.a6 != a) {
-                    var b = this.a6;
-                    this.a6 = a;
-                    this.ed("OuterLabelColumn", b, this.ba);
+                if (this.a9 != a) {
+                    var b = this.a9;
+                    this.a9 = a;
+                    this.ee("OuterLabelColumn", b, this.bd);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(XamFunnelChart.prototype, "b8", {
+        Object.defineProperty(XamFunnelChart.prototype, "b9", {
             get: function () {
-                return this.b6;
+                return this.b7;
             },
             set: function (a) {
-                var b = this.b6;
-                this.b6 = a;
-                this.ed("FormatInnerLabel", b, a);
+                var b = this.b7;
+                this.b7 = a;
+                this.ee("FormatInnerLabel", b, a);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(XamFunnelChart.prototype, "b9", {
+        Object.defineProperty(XamFunnelChart.prototype, "ca", {
             get: function () {
-                return this.b7;
+                return this.b8;
             },
             set: function (a) {
-                var b = this.b7;
-                this.b7 = a;
-                this.ed("FormatOuterLabel", b, a);
+                var b = this.b8;
+                this.b8 = a;
+                this.ee("FormatOuterLabel", b, a);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(XamFunnelChart.prototype, "br", {
+        Object.defineProperty(XamFunnelChart.prototype, "selectedItems", {
             get: function () {
-                return this.bs;
+                return this.ak;
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(XamFunnelChart.prototype, "dk", {
+        XamFunnelChart.prototype.ef = function (a, b) {
+            if (this.selectedItemsChanged != null) {
+                this.selectedItemsChanged(a, b);
+            }
+        };
+        Object.defineProperty(XamFunnelChart.prototype, "dl", {
             get: function () {
-                return this.ce;
+                return this.cf;
             },
             set: function (a) {
-                var b = this.ce;
-                this.ce = a;
-                this.ed("TextStyle", b, a);
+                var b = this.cf;
+                this.cf = a;
+                this.ee("TextStyle", b, a);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(XamFunnelChart.prototype, "dc", {
+        Object.defineProperty(XamFunnelChart.prototype, "dd", {
             get: function () {
-                return this.cd;
+                return this.ce;
             },
             set: function (a) {
-                var b = this.cd;
-                this.cd = a;
-                this.ed("OuterLabelTextStyle", b, a);
+                var b = this.ce;
+                this.ce = a;
+                this.ee("OuterLabelTextStyle", b, a);
             },
             enumerable: false,
             configurable: true
         });
         XamFunnelChart.prototype.onDetachedFromUI = function () {
-            this.ax.e.az();
+            this.a0.e.az();
         };
         XamFunnelChart.prototype.onAttachedToUI = function () {
-            this.ax.e.ax(this);
+            this.a0.e.ax(this);
         };
-        XamFunnelChart.prototype.ed = function (a, b, c) {
-            if (this.bh(a, b, c) || this.bg(a, b, c) || this.bf(a, b, c) || this.bj(a, b, c) || this.bi(a, b, c)) {
+        XamFunnelChart.prototype.ee = function (a, b, c) {
+            if (this.bk(a, b, c) || this.bj(a, b, c) || this.bi(a, b, c) || this.bm(a, b, c) || this.bl(a, b, c)) {
                 return;
             }
             if (a == "PixelScalingRatio") {
-                if (igniteuiWebcomponentsCore.isNaN_(igniteuiWebcomponentsCore.DeviceUtils.a(this.b3))) {
-                    this.bx = 1;
+                if (igniteuiWebcomponentsCore.isNaN_(igniteuiWebcomponentsCore.DeviceUtils.a(this.b4))) {
+                    this.by = 1;
                 }
                 else {
-                    this.bx = igniteuiWebcomponentsCore.DeviceUtils.a(this.b3);
+                    this.by = igniteuiWebcomponentsCore.DeviceUtils.a(this.b4);
                 }
             }
             if (a == XamFunnelChart.$$p[6]) {
-                this.eo();
+                this.eq();
                 return;
             }
-            this.ap.i(((function () {
+            this.as.i(((function () {
                 var $ret = new PropertyChangedMessage();
                 $ret.g = a;
                 $ret.e = b;
@@ -184092,9 +184248,9 @@
                 return $ret;
             })()));
         };
-        XamFunnelChart.prototype.bf = function (a, b, c) {
+        XamFunnelChart.prototype.bi = function (a, b, c) {
             if (a == XamFunnelChart.$$p[2] || a == XamFunnelChart.$$p[21]) {
-                this.ap.i(((function () {
+                this.as.i(((function () {
                     var $ret = new PropertyChangedMessage();
                     $ret.g = a;
                     $ret.e = b == null ? null : b;
@@ -184105,24 +184261,24 @@
             }
             return false;
         };
-        XamFunnelChart.prototype.bh = function (a, b, c) {
+        XamFunnelChart.prototype.bk = function (a, b, c) {
             var _this = this;
             if (a == XamFunnelChart.$$p[12]) {
                 if (b != null) {
-                    this.az = null;
-                    if (this.a0 != null && this.highlightedItemsSource == null) {
-                        this.a0 = null;
+                    this.a2 = null;
+                    if (this.a3 != null && this.highlightedItemsSource == null) {
+                        this.a3 = null;
                     }
                 }
                 if (c != null) {
-                    this.br.clear();
-                    this.az = ((function () {
+                    this.selectedItems.clear();
+                    this.a2 = ((function () {
                         var $ret = new igniteuiWebcomponentsCore.FastItemsSource();
                         $ret.e = _this.itemsSource;
                         return $ret;
                     })());
                     if (this.highlightedItemsSource == null) {
-                        this.a0 = ((function () {
+                        this.a3 = ((function () {
                             var $ret = new igniteuiWebcomponentsCore.FastItemsSource();
                             $ret.e = _this.itemsSource;
                             return $ret;
@@ -184134,169 +184290,169 @@
             else if (a == XamFunnelChart.$$p[3]) {
                 if (b != null) {
                     var d = b;
-                    d.event = igniteuiWebcomponentsCore.delegateRemove(d.event, this.b4);
+                    d.event = igniteuiWebcomponentsCore.delegateRemove(d.event, this.b5);
                 }
                 if (c != null) {
                     var e = c;
-                    e.event = igniteuiWebcomponentsCore.delegateCombine(e.event, this.b4);
+                    e.event = igniteuiWebcomponentsCore.delegateCombine(e.event, this.b5);
                 }
-                this.d1(a, b, c);
+                this.d2(a, b, c);
                 return true;
             }
             else if (a == XamFunnelChart.$$p[30] || a == XamFunnelChart.$$p[9] || a == XamFunnelChart.$$p[18]) {
-                this.d1(a, b, c);
+                this.d2(a, b, c);
                 return false;
             }
             return false;
         };
-        XamFunnelChart.prototype.bg = function (a, b, c) {
+        XamFunnelChart.prototype.bj = function (a, b, c) {
             var _this = this;
             if (a == XamFunnelChart.$$p[7]) {
                 if (b != null) {
-                    this.a0 = null;
+                    this.a3 = null;
                 }
                 if (c != null) {
-                    this.br.clear();
-                    this.a0 = ((function () {
+                    this.selectedItems.clear();
+                    this.a3 = ((function () {
                         var $ret = new igniteuiWebcomponentsCore.FastItemsSource();
                         $ret.e = _this.highlightedItemsSource;
                         return $ret;
                     })());
                 }
                 else if (this.itemsSource != null) {
-                    this.br.clear();
-                    this.a0 = ((function () {
+                    this.selectedItems.clear();
+                    this.a3 = ((function () {
                         var $ret = new igniteuiWebcomponentsCore.FastItemsSource();
                         $ret.e = _this.itemsSource;
                         return $ret;
                     })());
                 }
-                this.en();
+                this.ep();
                 return true;
             }
             else if (a == XamFunnelChart.$$p[5]) {
                 if (b != null) {
                     var d = b;
-                    d.event = igniteuiWebcomponentsCore.delegateRemove(d.event, this.b5);
+                    d.event = igniteuiWebcomponentsCore.delegateRemove(d.event, this.b6);
                 }
                 if (c != null) {
                     var e = c;
-                    e.event = igniteuiWebcomponentsCore.delegateCombine(e.event, this.b5);
+                    e.event = igniteuiWebcomponentsCore.delegateCombine(e.event, this.b6);
                 }
-                this.d0(a, b, c);
+                this.d1(a, b, c);
                 return true;
             }
             else if (a == XamFunnelChart.$$p[8]) {
-                this.d0(a, b, c);
+                this.d1(a, b, c);
                 return false;
             }
             return false;
         };
-        XamFunnelChart.prototype.bb = function (a, b) {
+        XamFunnelChart.prototype.be = function (a, b) {
             return a.registerColumn(b, null, false);
         };
-        XamFunnelChart.prototype.bc = function (a, b) {
+        XamFunnelChart.prototype.bf = function (a, b) {
             return a.registerColumnObject(b, null, false);
         };
-        XamFunnelChart.prototype.d1 = function (a, b, c) {
-            if (this.az == null) {
+        XamFunnelChart.prototype.d2 = function (a, b, c) {
+            if (this.a2 == null) {
                 var d = igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.FastItemsSource.$, b);
                 if (d != null) {
-                    if (this.bd != null) {
-                        d.deregisterColumn(this.bd);
+                    if (this.bg != null) {
+                        d.deregisterColumn(this.bg);
                     }
-                    if (this.a9 != null) {
-                        d.deregisterColumn(this.a9);
+                    if (this.bc != null) {
+                        d.deregisterColumn(this.bc);
                     }
-                    if (this.ba != null) {
-                        d.deregisterColumn(this.ba);
+                    if (this.bd != null) {
+                        d.deregisterColumn(this.bd);
                     }
+                    this.bg = null;
+                    this.bc = null;
                     this.bd = null;
-                    this.a9 = null;
-                    this.ba = null;
                 }
                 return;
             }
             if (b != null && typeof b === 'string') {
                 switch (a) {
                     case XamFunnelChart.$$p[30]:
-                        this.az.deregisterColumn(this.bd);
-                        this.bd = null;
+                        this.a2.deregisterColumn(this.bg);
+                        this.bg = null;
                         break;
                     case XamFunnelChart.$$p[9]:
-                        this.az.deregisterColumn(this.a9);
-                        this.a9 = null;
+                        this.a2.deregisterColumn(this.bc);
+                        this.bc = null;
                         break;
                     case XamFunnelChart.$$p[18]:
-                        this.az.deregisterColumn(this.ba);
-                        this.ba = null;
+                        this.a2.deregisterColumn(this.bd);
+                        this.bd = null;
                         break;
                 }
             }
             if (c != null && igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.FastItemsSource.$, c) !== null) {
-                if (this.dv != null) {
-                    this.bd = this.bb(c, this.dv);
+                if (this.dw != null) {
+                    this.bg = this.be(c, this.dw);
                 }
-                if (this.cy != null) {
-                    this.a9 = this.bc(c, this.cy);
+                if (this.cz != null) {
+                    this.bc = this.bf(c, this.cz);
                 }
-                if (this.c9 != null) {
-                    this.ba = this.bc(c, this.c9);
+                if (this.da != null) {
+                    this.bd = this.bf(c, this.da);
                 }
             }
             if (c != null && typeof c === 'string') {
                 switch (a) {
                     case XamFunnelChart.$$p[30]:
-                        this.bd = this.bb(this.az, this.dv);
+                        this.bg = this.be(this.a2, this.dw);
                         break;
                     case XamFunnelChart.$$p[9]:
-                        this.a9 = this.bc(this.az, this.cy);
+                        this.bc = this.bf(this.a2, this.cz);
                         break;
                     case XamFunnelChart.$$p[18]:
-                        this.ba = this.bc(this.az, this.c9);
+                        this.bd = this.bf(this.a2, this.da);
                         break;
                 }
             }
         };
-        XamFunnelChart.prototype.d0 = function (a, b, c) {
-            if (this.a0 == null) {
+        XamFunnelChart.prototype.d1 = function (a, b, c) {
+            if (this.a3 == null) {
                 var d = igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.FastItemsSource.$, b);
                 if (d != null) {
-                    if (this.a8 != null) {
-                        d.deregisterColumn(this.a8);
+                    if (this.bb != null) {
+                        d.deregisterColumn(this.bb);
                     }
-                    this.a8 = null;
+                    this.bb = null;
                 }
-                this.en();
+                this.ep();
                 return;
             }
             if (b != null && typeof b === 'string') {
                 switch (a) {
                     case XamFunnelChart.$$p[8]:
-                        this.a0.deregisterColumn(this.a8);
-                        this.a8 = null;
+                        this.a3.deregisterColumn(this.bb);
+                        this.bb = null;
                         break;
                 }
             }
             if (c != null && igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.FastItemsSource.$, c) !== null) {
-                if (this.cr != null) {
-                    this.a8 = this.bb(c, this.cr);
+                if (this.cs != null) {
+                    this.bb = this.be(c, this.cs);
                 }
             }
             if (c != null && typeof c === 'string') {
                 switch (a) {
                     case XamFunnelChart.$$p[8]:
-                        this.a8 = this.bb(this.a0, this.cr);
+                        this.bb = this.be(this.a3, this.cs);
                         break;
                 }
             }
-            this.en();
+            this.ep();
         };
-        XamFunnelChart.prototype.bj = function (a, b, c) {
+        XamFunnelChart.prototype.bm = function (a, b, c) {
             if (a == XamFunnelChart.$$p[10] || a == XamFunnelChart.$$p[19]) {
                 var d_1 = igniteuiWebcomponentsCore.EnumUtil.getEnumValue(igniteuiWebcomponentsCore.Visibility_$type, b) == 0;
                 var e_7 = igniteuiWebcomponentsCore.EnumUtil.getEnumValue(igniteuiWebcomponentsCore.Visibility_$type, c) == 0;
-                this.ap.i(((function () {
+                this.as.i(((function () {
                     var $ret = new PropertyChangedMessage();
                     $ret.g = a;
                     $ret.d = e_7;
@@ -184307,7 +184463,7 @@
             }
             return false;
         };
-        XamFunnelChart.prototype.bi = function (a, b, c) {
+        XamFunnelChart.prototype.bl = function (a, b, c) {
             if (a == XamFunnelChart.$$p[24]) {
                 var d = new PropertyChangedMessage();
                 d.g = a;
@@ -184317,24 +184473,24 @@
                 if (c != null) {
                     d.d = c;
                 }
-                this.ap.i(d);
+                this.as.i(d);
                 return true;
             }
             return false;
         };
-        XamFunnelChart.prototype.ek = function (a) {
+        XamFunnelChart.prototype.em = function (a) {
             var b = a;
             if (this.sliceClicked != null) {
                 var c = new FunnelSliceClickedEventArgs();
                 c.index = b.c;
                 c.bounds = b.f;
-                if (this.az.count > b.c && b.c >= 0) {
-                    c.item = this.az.item(b.c);
+                if (this.a2.count > b.c && b.c >= 0) {
+                    c.item = this.a2.item(b.c);
                 }
                 this.sliceClicked(this, c);
             }
         };
-        XamFunnelChart.prototype.el = function (a) {
+        XamFunnelChart.prototype.en = function (a) {
             var b = a;
             switch (b.c) {
                 case 1:
@@ -184343,8 +184499,8 @@
                             var c = new FunnelSliceEventArgs();
                             c.index = b.e;
                             c.bounds = b.i;
-                            if (this.az.count > b.e && b.e >= 0) {
-                                c.item = this.az.item(b.e);
+                            if (this.a2.count > b.e && b.e >= 0) {
+                                c.item = this.a2.item(b.e);
                             }
                             this.sliceEnter(this, c);
                         }
@@ -184356,8 +184512,8 @@
                             var d = new FunnelSliceEventArgs();
                             d.index = b.e;
                             d.bounds = b.i;
-                            if (this.az.count > b.e && b.e >= 0) {
-                                d.item = this.az.item(b.e);
+                            if (this.a2.count > b.e && b.e >= 0) {
+                                d.item = this.a2.item(b.e);
                             }
                             this.sliceLeave(this, d);
                         }
@@ -184370,8 +184526,8 @@
                             e.index = b.e;
                             e.bounds = b.i;
                             e.position = b.h;
-                            if (this.az.count > b.e && b.e >= 0) {
-                                e.item = this.az.item(b.e);
+                            if (this.a2.count > b.e && b.e >= 0) {
+                                e.item = this.a2.item(b.e);
                             }
                             this.sliceHover(this, e);
                         }
@@ -184379,12 +184535,72 @@
                     }
             }
         };
-        XamFunnelChart.prototype.eh = function (a) {
+        XamFunnelChart.prototype.ej = function (a) {
+            var b = a;
+            var c = this.a2;
+            var d = new igniteuiWebcomponentsCore.Dictionary$2(igniteuiWebcomponentsCore.Base.$, igniteuiWebcomponentsCore.Base.$, 0);
+            var e = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Base.$, 0);
+            var h = b.c;
+            for (var g = 0; g < h.length; g++) {
+                var f = h[g];
+                if (f >= 0 && f < c.count) {
+                    var i = c.item(f);
+                    e.add1(i);
+                    if (!d.containsKey(i)) {
+                        d.addItem(i, i);
+                    }
+                }
+            }
+            this.d4(this.ak.ae, this.br, e, d);
         };
-        XamFunnelChart.prototype.eg = function (a, b) {
+        XamFunnelChart.prototype.ei = function (a, b) {
+            var e_8, _a;
+            var c = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Number_$type, 0);
+            try {
+                for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.ak.ae)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var d = _c.value;
+                    var e = this.a2.indexOf(d);
+                    if (e >= 0 && !c.contains(e)) {
+                        c.add(e);
+                    }
+                }
+            }
+            catch (e_8_1) {
+                e_8 = { error: e_8_1 };
+            }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return))
+                        _a.call(_b);
+                }
+                finally {
+                    if (e_8)
+                        throw e_8.error;
+                }
+            }
+            var f = new UserSelectedItemsChangedMessage();
+            f.c = c.toArray();
+            this.as.i(f);
+            if (b.action == 4 && b.newItems == null && b.oldItems == null) {
+                return;
+            }
+            var g = new FunnelChartSelectedItemsCollection();
+            if (b.oldItems != null) {
+                for (var h = 0; h < b.oldItems.count; h++) {
+                    g.add1(b.oldItems.item(h));
+                }
+            }
+            var i = new FunnelChartSelectedItemsCollection();
+            if (b.newItems != null) {
+                for (var j = 0; j < b.newItems.count; j++) {
+                    i.add1(b.newItems.item(j));
+                }
+            }
+            var k = this.selectedItems;
+            this.ef(this, new FunnelChartSelectedItemsChangedEventArgs(g, i, k));
         };
-        XamFunnelChart.prototype.d3 = function (a, b, c, d) {
-            var e_8, _a, e_9, _b, e_10, _c;
+        XamFunnelChart.prototype.d4 = function (a, b, c, d) {
+            var e_9, _a, e_10, _b, e_11, _c;
             var e = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Base.$, 0);
             try {
                 for (var _d = tslib.__values(igniteuiWebcomponentsCore.fromEnum(a)), _e = _d.next(); !_e.done; _e = _d.next()) {
@@ -184394,8 +184610,8 @@
                     }
                 }
             }
-            catch (e_8_1) {
-                e_8 = { error: e_8_1 };
+            catch (e_9_1) {
+                e_9 = { error: e_9_1 };
             }
             finally {
                 try {
@@ -184403,8 +184619,8 @@
                         _a.call(_d);
                 }
                 finally {
-                    if (e_8)
-                        throw e_8.error;
+                    if (e_9)
+                        throw e_9.error;
                 }
             }
             try {
@@ -184414,8 +184630,8 @@
                     b.removeItem(g);
                 }
             }
-            catch (e_9_1) {
-                e_9 = { error: e_9_1 };
+            catch (e_10_1) {
+                e_10 = { error: e_10_1 };
             }
             finally {
                 try {
@@ -184423,8 +184639,8 @@
                         _b.call(_f);
                 }
                 finally {
-                    if (e_9)
-                        throw e_9.error;
+                    if (e_10)
+                        throw e_10.error;
                 }
             }
             try {
@@ -184436,8 +184652,8 @@
                     }
                 }
             }
-            catch (e_10_1) {
-                e_10 = { error: e_10_1 };
+            catch (e_11_1) {
+                e_11 = { error: e_11_1 };
             }
             finally {
                 try {
@@ -184445,76 +184661,76 @@
                         _c.call(_h);
                 }
                 finally {
-                    if (e_10)
-                        throw e_10.error;
+                    if (e_11)
+                        throw e_11.error;
                 }
             }
         };
         XamFunnelChart.prototype.getItem = function (a) {
-            return this.az.item(a);
+            return this.a2.item(a);
         };
         Object.defineProperty(XamFunnelChart.prototype, "count", {
             get: function () {
-                return this.az != null ? this.az.count : 0;
+                return this.a2 != null ? this.a2.count : 0;
             },
             enumerable: false,
             configurable: true
         });
-        XamFunnelChart.prototype.dz = function () {
-            this.ax.i();
+        XamFunnelChart.prototype.d0 = function () {
+            this.a0.i();
         };
         XamFunnelChart.prototype.provideContainer = function (a) {
-            var b = this.cb;
-            this.cb = a;
-            this.ed("Container", b, this.cb);
+            var b = this.cc;
+            this.cc = a;
+            this.ee("Container", b, this.cc);
         };
         XamFunnelChart.prototype.notifyResized = function () {
-            this.ax.g();
-            this.ap.i(new ContainerSizeChangedMessage());
-        };
-        XamFunnelChart.prototype.ea = function (source_, a, b, c) {
-            this.d6(source_, new igniteuiWebcomponentsCore.NotifyCollectionChangedEventArgs(2, 2, c, b, a));
+            this.a0.g();
+            this.as.i(new ContainerSizeChangedMessage());
         };
-        XamFunnelChart.prototype.d5 = function (source_) {
-            this.d6(source_, new igniteuiWebcomponentsCore.NotifyCollectionChangedEventArgs(0, 4));
+        XamFunnelChart.prototype.eb = function (source_, a, b, c) {
+            this.d7(source_, new igniteuiWebcomponentsCore.NotifyCollectionChangedEventArgs(2, 2, c, b, a));
         };
-        XamFunnelChart.prototype.d7 = function (source_, a, b) {
-            this.d6(source_, new igniteuiWebcomponentsCore.NotifyCollectionChangedEventArgs(1, 0, b, a));
+        XamFunnelChart.prototype.d6 = function (source_) {
+            this.d7(source_, new igniteuiWebcomponentsCore.NotifyCollectionChangedEventArgs(0, 4));
         };
         XamFunnelChart.prototype.d8 = function (source_, a, b) {
-            this.d6(source_, new igniteuiWebcomponentsCore.NotifyCollectionChangedEventArgs(1, 1, b, a));
+            this.d7(source_, new igniteuiWebcomponentsCore.NotifyCollectionChangedEventArgs(1, 0, b, a));
+        };
+        XamFunnelChart.prototype.d9 = function (source_, a, b) {
+            this.d7(source_, new igniteuiWebcomponentsCore.NotifyCollectionChangedEventArgs(1, 1, b, a));
         };
-        XamFunnelChart.prototype.d6 = function (s_, a) {
+        XamFunnelChart.prototype.d7 = function (s_, a) {
             if (s_.dataView && s_.dataSource) {
                 s_ = s_.dataView();
             }
             ;
             if (s_ == this.itemsSource) {
-                var b = this.az;
+                var b = this.a2;
                 if (b != null) {
                     b.handleCollectionChanged(a);
                 }
             }
         };
-        XamFunnelChart.prototype.ay = function () {
-            var a = this.ax;
+        XamFunnelChart.prototype.a1 = function () {
+            var a = this.a0;
             return a == null ? null : a.c;
         };
-        XamFunnelChart.prototype.av = function () {
-            var a = this.ay();
+        XamFunnelChart.prototype.ay = function () {
+            var a = this.a1();
             return a == null ? null : a.ai;
         };
         Object.defineProperty(XamFunnelChart.prototype, "ag", {
             get: function () {
-                var a = this.av();
+                var a = this.ay();
                 return a == null ? null : a.a();
             },
             set: function (a) {
-                var b = this.av();
+                var b = this.ay();
                 if (b == null) {
                     return;
                 }
-                var c = this.ay();
+                var c = this.a1();
                 b.f();
                 var d = a == null ? 0 : a.length;
                 while (d-- > 0) {
@@ -184526,12 +184742,12 @@
             enumerable: false,
             configurable: true
         });
-        XamFunnelChart.prototype.em = function (a) {
-            var b = this.av();
+        XamFunnelChart.prototype.eo = function (a) {
+            var b = this.ay();
             if (b == null) {
                 return;
             }
-            var c = this.ay();
+            var c = this.a1();
             var d = c.ao.a.item(a);
             if (d != null) {
                 c.ai.k(a, d);
@@ -184539,9 +184755,9 @@
                 c.dj();
             }
         };
-        XamFunnelChart.prototype.aw = function () {
+        XamFunnelChart.prototype.az = function () {
             var a = new FunnelChartVisualData();
-            var b = this.ax.c.ag;
+            var b = this.a0.c.ag;
             if (b != null) {
                 for (var c = 0; c < b.count; c++) {
                     var d = b._inner[c].d();
@@ -184549,14 +184765,14 @@
                 }
             }
             a.opacity = this._opacity;
-            a.isInverted = this.bk;
-            a.selectedItems = this.br;
+            a.isInverted = this.bn;
+            a.selectedItems = this.selectedItems.ae;
             a.name = this.name;
-            a.viewport = new igniteuiWebcomponentsCore.RectData(0, 0, this.ax.c.b8, this.ax.c.b7);
+            a.viewport = new igniteuiWebcomponentsCore.RectData(0, 0, this.a0.c.b8, this.a0.c.b7);
             return a;
         };
-        XamFunnelChart.prototype.cl = function () {
-            var a = this.aw();
+        XamFunnelChart.prototype.cm = function () {
+            var a = this.az();
             a.scaleByViewport();
             return a.serialize();
         };
@@ -184565,30 +184781,30 @@
         };
         XamFunnelChart.prototype.forSubItems = function (a) {
         };
-        Object.defineProperty(XamFunnelChart.prototype, "b3", {
+        Object.defineProperty(XamFunnelChart.prototype, "b4", {
             get: function () {
-                return this.bv;
+                return this.bw;
             },
             set: function (a) {
                 if (igniteuiWebcomponentsCore.isNaN_(a) || a == 0) {
                     return;
                 }
-                var b = this.bv;
-                this.bv = a;
-                this.ed("PixelScalingRatio", b, this.bv);
+                var b = this.bw;
+                this.bw = a;
+                this.ee("PixelScalingRatio", b, this.bw);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(XamFunnelChart.prototype, "bx", {
+        Object.defineProperty(XamFunnelChart.prototype, "by", {
             get: function () {
-                return this.bu;
+                return this.bv;
             },
             set: function (a) {
-                var b = this.bu;
-                this.bu = a;
-                if (this.bu != b) {
-                    this.ed("ActualPixelScalingRatio", b, this.bu);
+                var b = this.bv;
+                this.bv = a;
+                if (this.bv != b) {
+                    this.ee("ActualPixelScalingRatio", b, this.bv);
                 }
             },
             enumerable: false,
@@ -184636,37 +184852,37 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(XamFunnelChart.prototype, "fn", {
+        Object.defineProperty(XamFunnelChart.prototype, "fp", {
             get: function () {
-                return this.fl;
+                return this.fn;
             },
             set: function (a) {
-                var b = this.fn;
+                var b = this.fp;
                 if (a != b) {
-                    this.fl = a;
-                    this.ed("OuterLabelTextColor", b, this.fn);
+                    this.fn = a;
+                    this.ee("OuterLabelTextColor", b, this.fp);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(XamFunnelChart.prototype, "fo", {
+        Object.defineProperty(XamFunnelChart.prototype, "fq", {
             get: function () {
-                return this.fm;
+                return this.fo;
             },
             set: function (a) {
-                var b = this.fo;
+                var b = this.fq;
                 if (a != b) {
-                    this.fm = a;
-                    this.ed("LabelTextColor", b, this.fo);
+                    this.fo = a;
+                    this.ee("LabelTextColor", b, this.fq);
                 }
             },
             enumerable: false,
             configurable: true
         });
         XamFunnelChart.$t = igniteuiWebcomponentsCore.markType(XamFunnelChart, 'XamFunnelChart', igniteuiWebcomponentsCore.Control.$, [IItemProvider_$type, igniteuiWebcomponentsCore.ILegendOwner_$type, igniteuiWebcomponentsCore.ILegendTemplateProvider_$type, igniteuiWebcomponentsCore.ILegendSeries_$type]);
-        XamFunnelChart.ex = igniteuiWebcomponentsCore.DependencyProperty.i("HighlightValueDisplayMode", igniteuiWebcomponentsCore.HighlightedValueDisplayMode_$type, XamFunnelChart.$, new igniteuiWebcomponentsCore.PropertyMetadata(2, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.HighlightedValueDisplayMode_$type, 0), function (a, b) { return a.ed("HighlightValueDisplayMode", b.oldValue, b.newValue); }));
-        XamFunnelChart.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, XamFunnelChart, 'ed', ['AllowSliceSelection:be:ep', [0, false], 'BottomEdgeWidth:by:eq', [1, 0.35], 'Brushes:ah:er', [igniteuiWebcomponentsCore.BrushCollection.$, null], 'FastItemsSource:az:es', [igniteuiWebcomponentsCore.FastItemsSource.$], 'FunnelSliceDisplay:ak:et', [FunnelSliceDisplay_$type, igniteuiWebcomponentsCore.enumGetBox(FunnelSliceDisplay_$type, 0)], 'HighlightFastItemsSource:a0:ew', [igniteuiWebcomponentsCore.FastItemsSource.$], 'HighlightValueOpacity:b0:ey', [1, 0.5], 'HighlightedItemsSource::eu', [igniteuiWebcomponentsCore.IEnumerable_$type, null], 'HighlightedValueMemberPath:cr:ev', [2, null], 'InnerLabelMemberPath:cy:ez', [2, null], 'InnerLabelVisibility:ft:e0', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 0)], 'IsInverted:bk:e1', [0, false], 'ItemsSource::e2', [igniteuiWebcomponentsCore.IEnumerable_$type, null], 'LegendItemBadgeTemplate::e3', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'LegendItemTemplate::e4', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'Legend::e5', [igniteuiWebcomponentsCore.IChartLegend_$type, null], 'LowerBezierControlPoint:fp:e6', [igniteuiWebcomponentsCore.Point_$type, { $type: igniteuiWebcomponentsCore.Point_$type, x: 0.5, y: 1 }], 'OuterLabelAlignment:au:e7', [OuterLabelAlignment_$type, igniteuiWebcomponentsCore.enumGetBox(OuterLabelAlignment_$type, 0)], 'OuterLabelMemberPath:c9:e8', [2, null], 'OuterLabelVisibility:fu:e9', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 1)], 'OutlineThickness:b1:fb', [1, -1], 'Outlines:ai:fa', [igniteuiWebcomponentsCore.BrushCollection.$, null], 'SelectedSliceStyle:fr:fc', [igniteuiWebcomponentsCore.Style.$, null], 'ToolTip:cc:fd', [4, null], 'TransitionDuration:ca:fe', [1, 0], 'UnselectedSliceStyle:fs:ff', [igniteuiWebcomponentsCore.Style.$, null], 'UpperBezierControlPoint:fq:fg', [igniteuiWebcomponentsCore.Point_$type, { $type: igniteuiWebcomponentsCore.Point_$type, x: 0.5, y: 0 }], 'UseBezierCurve:bl:fh', [0, false], 'UseOuterLabelsForLegend:bm:fi', [0, false], 'UseUnselectedStyle:bn:fj', [0, false], 'ValueMemberPath:dv:fk', [2, null]]);
+        XamFunnelChart.ez = igniteuiWebcomponentsCore.DependencyProperty.i("HighlightValueDisplayMode", igniteuiWebcomponentsCore.HighlightedValueDisplayMode_$type, XamFunnelChart.$, new igniteuiWebcomponentsCore.PropertyMetadata(2, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.HighlightedValueDisplayMode_$type, 0), function (a, b) { return a.ee("HighlightValueDisplayMode", b.oldValue, b.newValue); }));
+        XamFunnelChart.$$p = igniteuiWebcomponentsCore.markDep(igniteuiWebcomponentsCore.DependencyProperty, igniteuiWebcomponentsCore.PropertyMetadata, XamFunnelChart, 'ee', ['AllowSliceSelection:bh:er', [0, false], 'BottomEdgeWidth:bz:es', [1, 0.35], 'Brushes:ah:et', [igniteuiWebcomponentsCore.BrushCollection.$, null], 'FastItemsSource:a2:eu', [igniteuiWebcomponentsCore.FastItemsSource.$], 'FunnelSliceDisplay:an:ev', [FunnelSliceDisplay_$type, igniteuiWebcomponentsCore.enumGetBox(FunnelSliceDisplay_$type, 0)], 'HighlightFastItemsSource:a3:ey', [igniteuiWebcomponentsCore.FastItemsSource.$], 'HighlightValueOpacity:b1:e0', [1, 0.5], 'HighlightedItemsSource::ew', [igniteuiWebcomponentsCore.IEnumerable_$type, null], 'HighlightedValueMemberPath:cs:ex', [2, null], 'InnerLabelMemberPath:cz:e1', [2, null], 'InnerLabelVisibility:fv:e2', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 0)], 'IsInverted:bn:e3', [0, false], 'ItemsSource::e4', [igniteuiWebcomponentsCore.IEnumerable_$type, null], 'LegendItemBadgeTemplate::e5', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'LegendItemTemplate::e6', [igniteuiWebcomponentsCore.DataTemplate.$, null], 'Legend::e7', [igniteuiWebcomponentsCore.IChartLegend_$type, null], 'LowerBezierControlPoint:fr:e8', [igniteuiWebcomponentsCore.Point_$type, { $type: igniteuiWebcomponentsCore.Point_$type, x: 0.5, y: 1 }], 'OuterLabelAlignment:ax:e9', [OuterLabelAlignment_$type, igniteuiWebcomponentsCore.enumGetBox(OuterLabelAlignment_$type, 0)], 'OuterLabelMemberPath:da:fa', [2, null], 'OuterLabelVisibility:fw:fb', [igniteuiWebcomponentsCore.Visibility_$type, igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.Visibility_$type, 1)], 'OutlineThickness:b2:fd', [1, -1], 'Outlines:ai:fc', [igniteuiWebcomponentsCore.BrushCollection.$, null], 'SelectedSliceStyle:ft:fe', [igniteuiWebcomponentsCore.Style.$, null], 'ToolTip:cd:ff', [4, null], 'TransitionDuration:cb:fg', [1, 0], 'UnselectedSliceStyle:fu:fh', [igniteuiWebcomponentsCore.Style.$, null], 'UpperBezierControlPoint:fs:fi', [igniteuiWebcomponentsCore.Point_$type, { $type: igniteuiWebcomponentsCore.Point_$type, x: 0.5, y: 0 }], 'UseBezierCurve:bo:fj', [0, false], 'UseOuterLabelsForLegend:bp:fk', [0, false], 'UseUnselectedStyle:bq:fl', [0, false], 'ValueMemberPath:dw:fm', [2, null]]);
         return XamFunnelChart;
     }(igniteuiWebcomponentsCore.Control));
     /**
@@ -184691,7 +184907,7 @@
             a.i = c;
             _this.b = d;
             _this.d = a;
-            b.at = c;
+            b.aw = c;
             _this.a = b;
             c.c("Model", _this.a);
             return _this;
@@ -184906,6 +185122,177 @@
         return IgcFunnelSliceEventArgs;
     }());
 
+    var IgcFunnelChartSelectedItemsCollection = /** @class */ /*@__PURE__*/ (function (_super) {
+        tslib.__extends(IgcFunnelChartSelectedItemsCollection, _super);
+        function IgcFunnelChartSelectedItemsCollection(list) {
+            var _this = _super.call(this) || this;
+            if (list) {
+                for (var i = 0; i < list.length; i++) {
+                    _this.add(list[i]);
+                }
+            }
+            return _this;
+        }
+        IgcFunnelChartSelectedItemsCollection.prototype._createInnerColl = function () {
+            var coll = new igniteuiWebcomponentsCore.SyncableObservableCollection$2(igniteuiWebcomponentsCore.Base.$type, igniteuiWebcomponentsCore.Base.$type, 0);
+            coll.compare = function (ext, int) {
+                var comp = ext;
+                if (comp.equals) {
+                    return comp.equals(int);
+                }
+                return comp === int;
+            };
+            coll.createTo = function (ext) {
+                return ext;
+            };
+            coll.createFrom = function (int) {
+                return int;
+            };
+            return coll;
+        };
+        return IgcFunnelChartSelectedItemsCollection;
+    }(igniteuiWebcomponentsCore.IgCollection));
+
+    /**
+     * Provides data for the SelectedItemsChanged event.
+    */
+    var IgcFunnelChartSelectedItemsChangedEventArgs = /** @class */ /*@__PURE__*/ (function () {
+        function IgcFunnelChartSelectedItemsChangedEventArgs() {
+            this._oldItems = null;
+            this._newItems = null;
+            this._currentItems = null;
+        }
+        Object.defineProperty(IgcFunnelChartSelectedItemsChangedEventArgs.prototype, "i", {
+            /**
+             * @hidden
+             */
+            get: function () {
+                return this._implementation;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        IgcFunnelChartSelectedItemsChangedEventArgs.prototype.onImplementationCreated = function () {
+        };
+        IgcFunnelChartSelectedItemsChangedEventArgs.prototype._provideImplementation = function (i) {
+            this._implementation = i;
+            this._implementation.externalObject = this;
+            this.onImplementationCreated();
+            if (this._initializeAdapters) {
+                this._initializeAdapters();
+            }
+        };
+        Object.defineProperty(IgcFunnelChartSelectedItemsChangedEventArgs.prototype, "oldItems", {
+            /**
+             * A list of the previously selected items.
+            */
+            get: function () {
+                if (this._oldItems === null) {
+                    var coll = new IgcFunnelChartSelectedItemsCollection();
+                    var innerColl = this.i.oldItems;
+                    if (!innerColl) {
+                        innerColl = new FunnelChartSelectedItemsCollection();
+                    }
+                    this._oldItems = coll._fromInner(innerColl);
+                    this.i.oldItems = innerColl;
+                }
+                return this._oldItems;
+            },
+            set: function (v) {
+                if (this._oldItems !== null) {
+                    this._oldItems._setSyncTarget(null);
+                    this._oldItems = null;
+                }
+                var coll = new IgcFunnelChartSelectedItemsCollection();
+                this._oldItems = coll._fromOuter(v);
+                var syncColl = new igniteuiWebcomponentsCore.SyncableObservableCollection$1(igniteuiWebcomponentsCore.Base.$type);
+                var innerColl = this.i.oldItems;
+                if (!innerColl) {
+                    innerColl = new FunnelChartSelectedItemsCollection();
+                }
+                syncColl._inner = innerColl;
+                syncColl.clear();
+                this._oldItems._setSyncTarget(syncColl);
+                this.i.oldItems = innerColl;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(IgcFunnelChartSelectedItemsChangedEventArgs.prototype, "newItems", {
+            /**
+             * A list of the items being selected.
+            */
+            get: function () {
+                if (this._newItems === null) {
+                    var coll = new IgcFunnelChartSelectedItemsCollection();
+                    var innerColl = this.i.newItems;
+                    if (!innerColl) {
+                        innerColl = new FunnelChartSelectedItemsCollection();
+                    }
+                    this._newItems = coll._fromInner(innerColl);
+                    this.i.newItems = innerColl;
+                }
+                return this._newItems;
+            },
+            set: function (v) {
+                if (this._newItems !== null) {
+                    this._newItems._setSyncTarget(null);
+                    this._newItems = null;
+                }
+                var coll = new IgcFunnelChartSelectedItemsCollection();
+                this._newItems = coll._fromOuter(v);
+                var syncColl = new igniteuiWebcomponentsCore.SyncableObservableCollection$1(igniteuiWebcomponentsCore.Base.$type);
+                var innerColl = this.i.newItems;
+                if (!innerColl) {
+                    innerColl = new FunnelChartSelectedItemsCollection();
+                }
+                syncColl._inner = innerColl;
+                syncColl.clear();
+                this._newItems._setSyncTarget(syncColl);
+                this.i.newItems = innerColl;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(IgcFunnelChartSelectedItemsChangedEventArgs.prototype, "currentItems", {
+            /**
+             * A list of the current items selected.
+            */
+            get: function () {
+                if (this._currentItems === null) {
+                    var coll = new IgcFunnelChartSelectedItemsCollection();
+                    var innerColl = this.i.currentItems;
+                    if (!innerColl) {
+                        innerColl = new FunnelChartSelectedItemsCollection();
+                    }
+                    this._currentItems = coll._fromInner(innerColl);
+                    this.i.currentItems = innerColl;
+                }
+                return this._currentItems;
+            },
+            set: function (v) {
+                if (this._currentItems !== null) {
+                    this._currentItems._setSyncTarget(null);
+                    this._currentItems = null;
+                }
+                var coll = new IgcFunnelChartSelectedItemsCollection();
+                this._currentItems = coll._fromOuter(v);
+                var syncColl = new igniteuiWebcomponentsCore.SyncableObservableCollection$1(igniteuiWebcomponentsCore.Base.$type);
+                var innerColl = this.i.currentItems;
+                if (!innerColl) {
+                    innerColl = new FunnelChartSelectedItemsCollection();
+                }
+                syncColl._inner = innerColl;
+                syncColl.clear();
+                this._currentItems._setSyncTarget(syncColl);
+                this.i.currentItems = innerColl;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return IgcFunnelChartSelectedItemsChangedEventArgs;
+    }());
+
     var IgcFunnelChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         tslib.__extends(IgcFunnelChartComponent, _super);
         function IgcFunnelChartComponent() {
@@ -184916,11 +185303,14 @@
             _this._attached = false;
             _this._queuedSetAttributes = [];
             _this._updatingFromAttribute = false;
+            _this._selectedItems = null;
             _this.__p = null;
             _this._hasUserValues = new Set();
             _this._stylingContainer = null;
             _this._stylingParent = null;
             _this._inStyling = false;
+            _this._selectedItemsChanged = null;
+            _this._selectedItemsChanged_wrapped = null;
             _this._sliceClicked = null;
             _this._sliceClicked_wrapped = null;
             _this._sliceEnter = null;
@@ -185146,10 +185536,10 @@
          * Gets or sets the value member path for the funnel chart.
         */
             get: function () {
-                return this.i.dv;
+                return this.i.dw;
             },
             set: function (v) {
-                this.i.dv = v;
+                this.i.dw = v;
             },
             enumerable: false,
             configurable: true
@@ -185159,10 +185549,10 @@
              * Gets or sets the highlighted value member path for the funnel chart.
             */
             get: function () {
-                return this.i.cr;
+                return this.i.cs;
             },
             set: function (v) {
-                this.i.cr = v;
+                this.i.cs = v;
             },
             enumerable: false,
             configurable: true
@@ -185172,11 +185562,11 @@
              * Gets the actual opacity of the primary needle while highlighting
             */
             get: function () {
-                return this.i.bw;
+                return this.i.bx;
             },
             set: function (v) {
-                this.i.bw = +v;
-                this._a("actualHighlightValueOpacity", this.i.bw);
+                this.i.bx = +v;
+                this._a("actualHighlightValueOpacity", this.i.bx);
             },
             enumerable: false,
             configurable: true
@@ -185186,11 +185576,11 @@
              * Gets or sets the opacity while highlighting
             */
             get: function () {
-                return this.i.b0;
+                return this.i.b1;
             },
             set: function (v) {
-                this.i.b0 = +v;
-                this._a("highlightValueOpacity", this.i.b0);
+                this.i.b1 = +v;
+                this._a("highlightValueOpacity", this.i.b1);
             },
             enumerable: false,
             configurable: true
@@ -185200,11 +185590,11 @@
              * Gets whether and how to display the highlighted value.
             */
             get: function () {
-                return this.i.a2;
+                return this.i.a5;
             },
             set: function (v) {
-                this.i.a2 = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.HighlightedValueDisplayMode_$type, v);
-                this._a("actualHighlightValueDisplayMode", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.HighlightedValueDisplayMode_$type, this.i.a2));
+                this.i.a5 = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.HighlightedValueDisplayMode_$type, v);
+                this._a("actualHighlightValueDisplayMode", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.HighlightedValueDisplayMode_$type, this.i.a5));
             },
             enumerable: false,
             configurable: true
@@ -185214,11 +185604,11 @@
              * Gets or sets whether and how to display the highlighted value.
             */
             get: function () {
-                return this.i.a3;
+                return this.i.a6;
             },
             set: function (v) {
-                this.i.a3 = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.HighlightedValueDisplayMode_$type, v);
-                this._a("highlightValueDisplayMode", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.HighlightedValueDisplayMode_$type, this.i.a3));
+                this.i.a6 = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.HighlightedValueDisplayMode_$type, v);
+                this._a("highlightValueDisplayMode", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.HighlightedValueDisplayMode_$type, this.i.a6));
             },
             enumerable: false,
             configurable: true
@@ -185256,11 +185646,11 @@
              * Gets or sets the percentage (from near 0 to 1) of space the bottom edge of the funnel should take.
             */
             get: function () {
-                return this.i.by;
+                return this.i.bz;
             },
             set: function (v) {
-                this.i.by = +v;
-                this._a("bottomEdgeWidth", this.i.by);
+                this.i.bz = +v;
+                this._a("bottomEdgeWidth", this.i.bz);
             },
             enumerable: false,
             configurable: true
@@ -185270,10 +185660,10 @@
              * Gets or sets the InnerLabel mapping property for the current series object.
             */
             get: function () {
-                return this.i.cy;
+                return this.i.cz;
             },
             set: function (v) {
-                this.i.cy = v;
+                this.i.cz = v;
             },
             enumerable: false,
             configurable: true
@@ -185283,10 +185673,10 @@
              * Gets or sets the OuterLabel mapping property for the current series object.
             */
             get: function () {
-                return this.i.c9;
+                return this.i.da;
             },
             set: function (v) {
-                this.i.c9 = v;
+                this.i.da = v;
             },
             enumerable: false,
             configurable: true
@@ -185296,11 +185686,11 @@
              * Gets or sets whether the inner labels are visible.
             */
             get: function () {
-                return this.i.ft;
+                return this.i.fv;
             },
             set: function (v) {
-                this.i.ft = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
-                this._a("innerLabelVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.ft));
+                this.i.fv = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
+                this._a("innerLabelVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.fv));
             },
             enumerable: false,
             configurable: true
@@ -185310,11 +185700,11 @@
              * Gets or sets whether the outer labels are visible.
             */
             get: function () {
-                return this.i.fu;
+                return this.i.fw;
             },
             set: function (v) {
-                this.i.fu = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
-                this._a("outerLabelVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.fu));
+                this.i.fw = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.Visibility_$type, v);
+                this._a("outerLabelVisibility", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.Visibility_$type, this.i.fw));
             },
             enumerable: false,
             configurable: true
@@ -185324,11 +185714,11 @@
              * Gets or sets which side of the chart the outer labels should appear.
             */
             get: function () {
-                return this.i.au;
+                return this.i.ax;
             },
             set: function (v) {
-                this.i.au = igniteuiWebcomponentsCore.ensureEnum(OuterLabelAlignment_$type, v);
-                this._a("outerLabelAlignment", igniteuiWebcomponentsCore.enumToString(OuterLabelAlignment_$type, this.i.au));
+                this.i.ax = igniteuiWebcomponentsCore.ensureEnum(OuterLabelAlignment_$type, v);
+                this._a("outerLabelAlignment", igniteuiWebcomponentsCore.enumToString(OuterLabelAlignment_$type, this.i.ax));
             },
             enumerable: false,
             configurable: true
@@ -185338,11 +185728,11 @@
              * Gets or sets how the heights of the funnel slices should be configured.
             */
             get: function () {
-                return this.i.ak;
+                return this.i.an;
             },
             set: function (v) {
-                this.i.ak = igniteuiWebcomponentsCore.ensureEnum(FunnelSliceDisplay_$type, v);
-                this._a("funnelSliceDisplay", igniteuiWebcomponentsCore.enumToString(FunnelSliceDisplay_$type, this.i.ak));
+                this.i.an = igniteuiWebcomponentsCore.ensureEnum(FunnelSliceDisplay_$type, v);
+                this._a("funnelSliceDisplay", igniteuiWebcomponentsCore.enumToString(FunnelSliceDisplay_$type, this.i.an));
             },
             enumerable: false,
             configurable: true
@@ -185352,10 +185742,10 @@
              * Gets or sets the formatter function for inner labels. Function should return string and it takes 3 parameters: 1st-value of item to format, 2nd-index of item within data, 3rd-reference to the funnel chart.
             */
             get: function () {
-                return this.i.b8;
+                return this.i.b9;
             },
             set: function (v) {
-                this.i.b8 = v;
+                this.i.b9 = v;
             },
             enumerable: false,
             configurable: true
@@ -185365,10 +185755,10 @@
              * Gets or sets the formatter function for outer labels. Function should return string and it takes 3 parameters: 1st-value of item to format, 2nd-index of item within data, 3rd-reference to the funnel chart.
             */
             get: function () {
-                return this.i.b9;
+                return this.i.ca;
             },
             set: function (v) {
-                this.i.b9 = v;
+                this.i.ca = v;
             },
             enumerable: false,
             configurable: true
@@ -185378,11 +185768,11 @@
              * Gets or sets how long the animations should take to run.
             */
             get: function () {
-                return this.i.ca;
+                return this.i.cb;
             },
             set: function (v) {
-                this.i.ca = +v;
-                this._a("transitionDuration", this.i.ca);
+                this.i.cb = +v;
+                this._a("transitionDuration", this.i.cb);
             },
             enumerable: false,
             configurable: true
@@ -185392,11 +185782,11 @@
              * Gets or sets if the funnel should be rendered inverted.
             */
             get: function () {
-                return this.i.bk;
+                return this.i.bn;
             },
             set: function (v) {
-                this.i.bk = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("isInverted", this.i.bk);
+                this.i.bn = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("isInverted", this.i.bn);
             },
             enumerable: false,
             configurable: true
@@ -185406,11 +185796,11 @@
              * Gets or sets whether to use a Bezier curve to define the funnel.
             */
             get: function () {
-                return this.i.bl;
+                return this.i.bo;
             },
             set: function (v) {
-                this.i.bl = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("useBezierCurve", this.i.bl);
+                this.i.bo = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("useBezierCurve", this.i.bo);
             },
             enumerable: false,
             configurable: true
@@ -185420,11 +185810,11 @@
              * Gets or sets whether to allow slices to be selected.
             */
             get: function () {
-                return this.i.be;
+                return this.i.bh;
             },
             set: function (v) {
-                this.i.be = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("allowSliceSelection", this.i.be);
+                this.i.bh = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("allowSliceSelection", this.i.bh);
             },
             enumerable: false,
             configurable: true
@@ -185434,11 +185824,11 @@
              * Gets or sets whether to use the unselected style on unselected slices.
             */
             get: function () {
-                return this.i.bn;
+                return this.i.bq;
             },
             set: function (v) {
-                this.i.bn = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("useUnselectedStyle", this.i.bn);
+                this.i.bq = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("useUnselectedStyle", this.i.bq);
             },
             enumerable: false,
             configurable: true
@@ -185448,11 +185838,11 @@
              * Gets or sets the fill brush.
             */
             get: function () {
-                return this.i.fr ? this.i.fr.fill : null;
+                return this.i.ft ? this.i.ft.fill : null;
             },
             set: function (v) {
                 this.ensureSelectedSliceStyle();
-                this.i.fr.fill = v;
+                this.i.ft.fill = v;
             },
             enumerable: false,
             configurable: true
@@ -185462,11 +185852,11 @@
              * Gets or sets the stroke brush.
             */
             get: function () {
-                return this.i.fr ? this.i.fr.stroke : null;
+                return this.i.ft ? this.i.ft.stroke : null;
             },
             set: function (v) {
                 this.ensureSelectedSliceStyle();
-                this.i.fr.stroke = v;
+                this.i.ft.stroke = v;
             },
             enumerable: false,
             configurable: true
@@ -185476,12 +185866,12 @@
              * Gets or sets the stroke thickness.
             */
             get: function () {
-                return this.i.fr ? this.i.fr.strokeThickness : NaN;
+                return this.i.ft ? this.i.ft.strokeThickness : NaN;
             },
             set: function (v) {
                 this.ensureSelectedSliceStyle();
-                this.i.fr.strokeThickness = +v;
-                this._a("selectedSliceStrokeThickness", this.i.fr.strokeThickness);
+                this.i.ft.strokeThickness = +v;
+                this._a("selectedSliceStrokeThickness", this.i.ft.strokeThickness);
             },
             enumerable: false,
             configurable: true
@@ -185491,32 +185881,32 @@
              * Gets or sets the opacity.
             */
             get: function () {
-                return this.i.fr ? this.i.fr.opacity : NaN;
+                return this.i.ft ? this.i.ft.opacity : NaN;
             },
             set: function (v) {
                 this.ensureSelectedSliceStyle();
-                this.i.fr.opacity = +v;
-                this._a("selectedSliceOpacity", this.i.fr.opacity);
+                this.i.ft.opacity = +v;
+                this._a("selectedSliceOpacity", this.i.ft.opacity);
             },
             enumerable: false,
             configurable: true
         });
         IgcFunnelChartComponent.prototype.ensureSelectedSliceStyle = function () {
-            if (this.i.fr) {
+            if (this.i.ft) {
                 return;
             }
-            this.i.fr = new igniteuiWebcomponentsCore.Style();
+            this.i.ft = new igniteuiWebcomponentsCore.Style();
         };
         Object.defineProperty(IgcFunnelChartComponent.prototype, "unselectedSliceFill", {
             /**
              * Gets or sets the fill brush.
             */
             get: function () {
-                return this.i.fs ? this.i.fs.fill : null;
+                return this.i.fu ? this.i.fu.fill : null;
             },
             set: function (v) {
                 this.ensureUnselectedSliceStyle();
-                this.i.fs.fill = v;
+                this.i.fu.fill = v;
             },
             enumerable: false,
             configurable: true
@@ -185526,11 +185916,11 @@
              * Gets or sets the stroke brush.
             */
             get: function () {
-                return this.i.fs ? this.i.fs.stroke : null;
+                return this.i.fu ? this.i.fu.stroke : null;
             },
             set: function (v) {
                 this.ensureUnselectedSliceStyle();
-                this.i.fs.stroke = v;
+                this.i.fu.stroke = v;
             },
             enumerable: false,
             configurable: true
@@ -185540,12 +185930,12 @@
              * Gets or sets the stroke thickness.
             */
             get: function () {
-                return this.i.fs ? this.i.fs.strokeThickness : NaN;
+                return this.i.fu ? this.i.fu.strokeThickness : NaN;
             },
             set: function (v) {
                 this.ensureUnselectedSliceStyle();
-                this.i.fs.strokeThickness = +v;
-                this._a("unselectedSliceStrokeThickness", this.i.fs.strokeThickness);
+                this.i.fu.strokeThickness = +v;
+                this._a("unselectedSliceStrokeThickness", this.i.fu.strokeThickness);
             },
             enumerable: false,
             configurable: true
@@ -185555,22 +185945,56 @@
              * Gets or sets the opacity.
             */
             get: function () {
-                return this.i.fs ? this.i.fs.opacity : NaN;
+                return this.i.fu ? this.i.fu.opacity : NaN;
             },
             set: function (v) {
                 this.ensureUnselectedSliceStyle();
-                this.i.fs.opacity = +v;
-                this._a("unselectedSliceOpacity", this.i.fs.opacity);
+                this.i.fu.opacity = +v;
+                this._a("unselectedSliceOpacity", this.i.fu.opacity);
             },
             enumerable: false,
             configurable: true
         });
         IgcFunnelChartComponent.prototype.ensureUnselectedSliceStyle = function () {
-            if (this.i.fs) {
+            if (this.i.fu) {
                 return;
             }
-            this.i.fs = new igniteuiWebcomponentsCore.Style();
+            this.i.fu = new igniteuiWebcomponentsCore.Style();
         };
+        Object.defineProperty(IgcFunnelChartComponent.prototype, "selectedItems", {
+            /**
+             * Represents the current selected items.
+            */
+            get: function () {
+                if (this._selectedItems === null) {
+                    var coll = new IgcFunnelChartSelectedItemsCollection();
+                    var innerColl = this.i.selectedItems;
+                    if (!innerColl) {
+                        innerColl = new FunnelChartSelectedItemsCollection();
+                    }
+                    this._selectedItems = coll._fromInner(innerColl);
+                }
+                return this._selectedItems;
+            },
+            set: function (v) {
+                if (this._selectedItems !== null) {
+                    this._selectedItems._setSyncTarget(null);
+                    this._selectedItems = null;
+                }
+                var coll = new IgcFunnelChartSelectedItemsCollection();
+                this._selectedItems = coll._fromOuter(v);
+                var syncColl = new igniteuiWebcomponentsCore.SyncableObservableCollection$1(igniteuiWebcomponentsCore.Base.$type);
+                var innerColl = this.i.selectedItems;
+                if (!innerColl) {
+                    innerColl = new FunnelChartSelectedItemsCollection();
+                }
+                syncColl._inner = innerColl;
+                syncColl.clear();
+                this._selectedItems._setSyncTarget(syncColl);
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(IgcFunnelChartComponent.prototype, "legendItemBadgeTemplate", {
             /**
              * Gets or sets the LegendItemBadgeTemplate to use for the legend items.
@@ -185589,11 +186013,11 @@
              * Gets or sets whether to use the outer labels to identify the legend items.
             */
             get: function () {
-                return this.i.bm;
+                return this.i.bp;
             },
             set: function (v) {
-                this.i.bm = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("useOuterLabelsForLegend", this.i.bm);
+                this.i.bp = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("useOuterLabelsForLegend", this.i.bp);
             },
             enumerable: false,
             configurable: true
@@ -185603,10 +186027,10 @@
              * Gets or sets the text style for inner labels
             */
             get: function () {
-                return this.i.dk;
+                return this.i.dl;
             },
             set: function (v) {
-                this.i.dk = v;
+                this.i.dl = v;
             },
             enumerable: false,
             configurable: true
@@ -185616,10 +186040,10 @@
              * Gets or sets the text style for outer labels
             */
             get: function () {
-                return this.i.dc;
+                return this.i.dd;
             },
             set: function (v) {
-                this.i.dc = v;
+                this.i.dd = v;
             },
             enumerable: false,
             configurable: true
@@ -185629,11 +186053,11 @@
              * Gets or sets the thickness of outline around slices.
             */
             get: function () {
-                return this.i.b1;
+                return this.i.b2;
             },
             set: function (v) {
-                this.i.b1 = +v;
-                this._a("outlineThickness", this.i.b1);
+                this.i.b2 = +v;
+                this._a("outlineThickness", this.i.b2);
             },
             enumerable: false,
             configurable: true
@@ -185645,11 +186069,11 @@
              * to appear blurry.
             */
             get: function () {
-                return this.i.b3;
+                return this.i.b4;
             },
             set: function (v) {
-                this.i.b3 = +v;
-                this._a("pixelScalingRatio", this.i.b3);
+                this.i.b4 = +v;
+                this._a("pixelScalingRatio", this.i.b4);
             },
             enumerable: false,
             configurable: true
@@ -185659,11 +186083,11 @@
              * Gets or sets the brush used for the outer labels.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.fn);
+                return igniteuiWebcomponentsCore.brushToString(this.i.fp);
             },
             set: function (v) {
-                this.i.fn = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("outerLabelTextColor", igniteuiWebcomponentsCore.brushToString(this.i.fn));
+                this.i.fp = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("outerLabelTextColor", igniteuiWebcomponentsCore.brushToString(this.i.fp));
             },
             enumerable: false,
             configurable: true
@@ -185673,11 +186097,11 @@
              * Gets or sets the brush used for the inner labels.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.fo);
+                return igniteuiWebcomponentsCore.brushToString(this.i.fq);
             },
             set: function (v) {
-                this.i.fo = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("textColor", igniteuiWebcomponentsCore.brushToString(this.i.fo));
+                this.i.fq = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("textColor", igniteuiWebcomponentsCore.brushToString(this.i.fq));
             },
             enumerable: false,
             configurable: true
@@ -185754,7 +186178,7 @@
 
     */
         IgcFunnelChartComponent.prototype.flush = function () {
-            this.i.dz();
+            this.i.d0();
         };
         /**
          * Provides container for funnel chart
@@ -185771,7 +186195,7 @@
             this.i.notifyResized();
         };
         IgcFunnelChartComponent.prototype.notifySetItem = function (source_, index, oldItem, newItem) {
-            this.i.ea(source_, index, oldItem, newItem);
+            this.i.eb(source_, index, oldItem, newItem);
         };
         /**
          * Manually notifies the chart's data source that the data it has bound to has been cleared and needs to be re-examined.
@@ -185779,29 +186203,60 @@
         
         */
         IgcFunnelChartComponent.prototype.notifyClearItems = function (source_) {
-            this.i.d5(source_);
+            this.i.d6(source_);
         };
         IgcFunnelChartComponent.prototype.notifyInsertItem = function (source_, index, newItem) {
-            this.i.d7(source_, index, newItem);
+            this.i.d8(source_, index, newItem);
         };
         IgcFunnelChartComponent.prototype.notifyRemoveItem = function (source_, index, oldItem) {
-            this.i.d8(source_, index, oldItem);
+            this.i.d9(source_, index, oldItem);
         };
         /**
          * Toggle selection of item at index.
         
         */
         IgcFunnelChartComponent.prototype.toggleSelection = function (index) {
-            this.i.em(index);
+            this.i.eo(index);
         };
         /**
          * Exports and serializes the chart visuals.
         
         */
         IgcFunnelChartComponent.prototype.exportSerializedVisualData = function () {
-            var iv = this.i.cl();
+            var iv = this.i.cm();
             return (iv);
         };
+        Object.defineProperty(IgcFunnelChartComponent.prototype, "selectedItemsChanged", {
+            /**
+             * Raised when the SelectedItems collection has changed.
+            */
+            get: function () {
+                return this._selectedItemsChanged;
+            },
+            set: function (ev) {
+                var _this = this;
+                if (this._selectedItemsChanged_wrapped !== null) {
+                    this.i.selectedItemsChanged = igniteuiWebcomponentsCore.delegateRemove(this.i.selectedItemsChanged, this._selectedItemsChanged_wrapped);
+                    this._selectedItemsChanged_wrapped = null;
+                    this._selectedItemsChanged = null;
+                }
+                this._selectedItemsChanged = ev;
+                this._selectedItemsChanged_wrapped = function (o, e) {
+                    var outerArgs = new IgcFunnelChartSelectedItemsChangedEventArgs();
+                    outerArgs._provideImplementation(e);
+                    if (_this.beforeSelectedItemsChanged) {
+                        _this.beforeSelectedItemsChanged(_this, outerArgs);
+                    }
+                    if (_this._selectedItemsChanged) {
+                        _this._selectedItemsChanged(_this, outerArgs);
+                    }
+                };
+                this.i.selectedItemsChanged = igniteuiWebcomponentsCore.delegateCombine(this.i.selectedItemsChanged, this._selectedItemsChanged_wrapped);
+                ;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(IgcFunnelChartComponent.prototype, "sliceClicked", {
             /**
              * Event which is raised when a slice is clicked.
@@ -191732,6 +192187,51 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(IgcSeriesViewerComponent.prototype, "previewPathStroke", {
+            /**
+             * Gets or sets the brush used as the border for the current SeriesViewer object's preview path.
+             * Null is treated as auto.
+            */
+            get: function () {
+                return igniteuiWebcomponentsCore.brushToString(this.i.vn);
+            },
+            set: function (v) {
+                this.i.vn = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("previewPathStroke", igniteuiWebcomponentsCore.brushToString(this.i.vn));
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(IgcSeriesViewerComponent.prototype, "previewPathFill", {
+            /**
+             * Gets or sets the brush used as the fill for the current SeriesViewer object's preview path.
+             * Null is treated as auto.
+            */
+            get: function () {
+                return igniteuiWebcomponentsCore.brushToString(this.i.vm);
+            },
+            set: function (v) {
+                this.i.vm = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("previewPathFill", igniteuiWebcomponentsCore.brushToString(this.i.vm));
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(IgcSeriesViewerComponent.prototype, "previewPathOpacity", {
+            /**
+             * Gets or sets the opacity used as for the fill for the current SeriesViewer object's preview path.
+             * Null is treated as auto.
+            */
+            get: function () {
+                return this.i.h4;
+            },
+            set: function (v) {
+                this.i.h4 = +v;
+                this._a("previewPathOpacity", this.i.h4);
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(IgcSeriesViewerComponent.prototype, "isDetached", {
             get: function () {
                 return this.i.isDetached;
@@ -258060,6 +258560,7 @@
     exports.AxisRenderMessage_Spark = AxisRenderMessage_Spark;
     exports.AxisRendererBase = AxisRendererBase;
     exports.AxisRenderingParametersBase = AxisRenderingParametersBase;
+    exports.AxisStrokeSettings = AxisStrokeSettings;
     exports.AxisTitlePosition = AxisTitlePosition;
     exports.AxisTitlePosition_$type = AxisTitlePosition_$type;
     exports.AxisView = AxisView;
@@ -258408,6 +258909,8 @@
     exports.FrameRenderCompleteMessage = FrameRenderCompleteMessage;
     exports.FullStochasticOscillatorIndicator = FullStochasticOscillatorIndicator;
     exports.FullStochasticOscillatorIndicatorStrategy = FullStochasticOscillatorIndicatorStrategy;
+    exports.FunnelChartSelectedItemsChangedEventArgs = FunnelChartSelectedItemsChangedEventArgs;
+    exports.FunnelChartSelectedItemsCollection = FunnelChartSelectedItemsCollection;
     exports.FunnelChartVisualData = FunnelChartVisualData;
     exports.FunnelDataContext = FunnelDataContext;
     exports.FunnelFrame = FunnelFrame;
@@ -258720,6 +259223,8 @@
     exports.IgcFunnelChartComponent = IgcFunnelChartComponent;
     exports.IgcFunnelChartCoreModule = IgcFunnelChartCoreModule;
     exports.IgcFunnelChartModule = IgcFunnelChartModule;
+    exports.IgcFunnelChartSelectedItemsChangedEventArgs = IgcFunnelChartSelectedItemsChangedEventArgs;
+    exports.IgcFunnelChartSelectedItemsCollection = IgcFunnelChartSelectedItemsCollection;
     exports.IgcFunnelDataContext = IgcFunnelDataContext;
     exports.IgcFunnelSliceClickedEventArgs = IgcFunnelSliceClickedEventArgs;
     exports.IgcFunnelSliceDataContext = IgcFunnelSliceDataContext;