igniteui-webcomponents-charts 5.1.1 → 5.2.0

package/esm2015/lib/XamFunnelView_combined.js

@@ -4,7 +4,7 @@ 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.
 */
-import { Base, Point_$type, typeCast, runOn, delegateCombine, fromEnum, markType, EnumUtil, String_$type, delegateRemove, IEnumerable_$type, enumGetBox, markDep } from "igniteui-webcomponents-core";
+import { Base, Point_$type, typeCast, runOn, delegateCombine, fromEnum, markType, EnumUtil, String_$type, delegateRemove, IEnumerable_$type, enumGetBox, Number_$type, markDep } from "igniteui-webcomponents-core";
 import { IOuterLabelWidthDecider_$type } from "./IOuterLabelWidthDecider";
 import { IFunnelLabelSizeDecider_$type } from "./IFunnelLabelSizeDecider";
 import { ServiceProvider } from "./ServiceProvider";
@@ -65,7 +65,6 @@ import { IntColumn } from "./IntColumn";
 import { PointList } from "./PointList";
 import { Convert } from "igniteui-webcomponents-core";
 import { HighlightedValueDisplayMode_$type } from "igniteui-webcomponents-core";
-import { ObservableCollection$1 } from "igniteui-webcomponents-core";
 import { ILegendSeries_$type } from "igniteui-webcomponents-core";
 import { UIElement } from "igniteui-webcomponents-core";
 import { ContentControl } from "igniteui-webcomponents-core";
@@ -78,8 +77,10 @@ import { ILegendOwner_$type } from "igniteui-webcomponents-core";
 import { ILegendTemplateProvider_$type } from "igniteui-webcomponents-core";
 import { DependencyProperty } from "igniteui-webcomponents-core";
 import { FastItemsSource } from "igniteui-webcomponents-core";
+import { FunnelChartSelectedItemsCollection } from "./FunnelChartSelectedItemsCollection";
 import { Dictionary$2 } from "igniteui-webcomponents-core";
 import { FunnelLegendTemplates } from "./FunnelLegendTemplates";
+import { FunnelChartSelectedItemsChangedEventArgs } from "./FunnelChartSelectedItemsChangedEventArgs";
 import { DeviceUtils } from "igniteui-webcomponents-core";
 import { FunnelSliceClickedEventArgs } from "./FunnelSliceClickedEventArgs";
 import { FunnelSliceEventArgs } from "./FunnelSliceEventArgs";
@@ -525,13 +526,13 @@ export let XamFunnelView = /*@__PURE__*/ (() => {
             this.as();
         }
         av(a) {
-            let b = a.b3;
-            let c = a.bx;
+            let b = a.b4;
+            let c = a.by;
             if (!isNaN_(b) && b != 0) {
                 return;
             }
             if (window.devicePixelRatio != undefined && window.devicePixelRatio != c) {
-                a.bx = window.devicePixelRatio;
+                a.by = window.devicePixelRatio;
             }
         }
         aw(a) {
@@ -2032,47 +2033,47 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
     class XamFunnelChart extends Control {
         constructor() {
             super();
-            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 ObservableCollection$1(Base.$, 0);
-            this.bo = new Dictionary$2(Base.$, Base.$, 0);
+            this.b8 = null;
+            this.ak = new FunnelChartSelectedItemsCollection();
+            this.br = new Dictionary$2(Base.$, 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;
-            let a = this.bs;
-            a.collectionChanged = delegateCombine(a.collectionChanged, runOn(this, this.eg));
-            this.ar = new MessageHandler();
-            this.ar.b(SliceClickedMessage.$, runOn(this, this.ek));
-            this.ar.b(SliceMouseMessage.$, runOn(this, this.el));
-            this.ar.b(SelectedItemsChangedMessage.$, runOn(this, this.eh));
-            this.ap = new MessageChannel();
-            this.b4 = (b, c) => this.dx(c.action, c.position, c.count, c.propertyName);
-            this.b5 = (b, c) => 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(runOn(this, this.ei));
+            this.au = new MessageHandler();
+            this.au.b(SliceClickedMessage.$, runOn(this, this.em));
+            this.au.b(SliceMouseMessage.$, runOn(this, this.en));
+            this.au.b(SelectedItemsChangedMessage.$, runOn(this, this.ej));
+            this.as = new MessageChannel();
+            this.b5 = (a, b) => this.dy(b.action, b.position, b.count, b.propertyName);
+            this.b6 = (a, b) => 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 = ((() => {
                 let $ret = new DataTemplate();
                 $ret.render = FunnelLegendTemplates.e;
@@ -2092,57 +2093,57 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
         destroy() {
             this.provideContainer(null);
         }
-        get ar() {
-            return this.aq;
-        }
-        set ar(a) {
-            this.aq = a;
-        }
-        ei() {
-            this.ed(XamFunnelChart.$$p[1], 0, this.by);
-            this.ed(XamFunnelChart.$$p[10], enumGetBox(Visibility_$type, this.ft), enumGetBox(Visibility_$type, this.ft));
-            this.ed(XamFunnelChart.$$p[17], enumGetBox(OuterLabelAlignment_$type, this.au), enumGetBox(OuterLabelAlignment_$type, this.au));
-            this.ed(XamFunnelChart.$$p[4], enumGetBox(FunnelSliceDisplay_$type, this.ak), 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();
+        get au() {
+            return this.at;
         }
-        ej() {
+        set au(a) {
+            this.at = a;
+        }
+        ek() {
+            this.ee(XamFunnelChart.$$p[1], 0, this.bz);
+            this.ee(XamFunnelChart.$$p[10], enumGetBox(Visibility_$type, this.fv), enumGetBox(Visibility_$type, this.fv));
+            this.ee(XamFunnelChart.$$p[17], enumGetBox(OuterLabelAlignment_$type, this.ax), enumGetBox(OuterLabelAlignment_$type, this.ax));
+            this.ee(XamFunnelChart.$$p[4], enumGetBox(FunnelSliceDisplay_$type, this.an), 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();
+        }
+        el() {
             let a = new PropertyChangedMessage();
             a.g = "ItemProvider";
             a.e = null;
             a.d = this;
-            this.ap.i(a);
+            this.as.i(a);
         }
-        get at() {
-            return this.as;
+        get aw() {
+            return this.av;
         }
-        set at(a) {
-            let b = this.as;
-            this.as = a;
-            this.ee(b, this.as);
+        set aw(a) {
+            let b = this.av;
+            this.av = a;
+            this.eg(b, this.av);
         }
-        ee(a, b) {
+        eg(a, b) {
             if (a != null) {
                 let c = typeCast(MessageChannel.$, a.b("ModelUpdateMessages"));
                 if (c != null) {
-                    c.h(runOn(this, this.d4));
+                    c.h(runOn(this, this.d5));
                 }
-                this.ap.g();
+                this.as.g();
             }
             if (b != null) {
                 let d = typeCast(MessageChannel.$, b.b("ModelUpdateMessages"));
                 if (d != null) {
-                    d.e(runOn(this, this.d4));
+                    d.e(runOn(this, this.d5));
                 }
                 let e = typeCast(MessageChannel.$, b.b("ConfigurationMessages"));
-                this.ap.f(e);
+                this.as.f(e);
             }
         }
-        d4(a) {
-            this.ar.c(a);
+        d5(a) {
+            this.au.c(a);
         }
-        dx(a, b, c, d) {
+        dy(a, b, c, d) {
             let e = ((() => {
                 let $ret = new DataUpdatedMessage();
                 $ret.g = b;
@@ -2167,22 +2168,22 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
                     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);
         }
-        get bd() {
-            return this.a7;
+        get bg() {
+            return this.ba;
         }
-        set bd(a) {
-            if (this.a7 != a) {
-                let b = this.a7;
-                this.a7 = a;
-                this.ed("ValueColumn", b, this.a7);
+        set bg(a) {
+            if (this.ba != a) {
+                let b = this.ba;
+                this.ba = a;
+                this.ee("ValueColumn", b, this.ba);
             }
         }
-        d2(a, b, c, d) {
+        d3(a, b, c, d) {
             let e = ((() => {
                 let $ret = new DataUpdatedMessage();
                 $ret.g = b;
@@ -2207,141 +2208,146 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
                     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);
         }
-        get a8() {
-            return this.a4;
+        get bb() {
+            return this.a7;
         }
-        set a8(a) {
-            if (this.a4 != a) {
-                let b = this.a4;
-                this.a4 = a;
-                this.en();
-                this.ed("HighlightValueColumn", b, this.a4);
+        set bb(a) {
+            if (this.a7 != a) {
+                let b = this.a7;
+                this.a7 = a;
+                this.ep();
+                this.ee("HighlightValueColumn", b, this.a7);
             }
         }
-        get bw() {
-            return this.bt;
+        get bx() {
+            return this.bu;
         }
-        set bw(a) {
-            let b = this.bt;
-            this.bt = a;
-            if (b != this.bt) {
-                this.ed("ActualHighlightValueOpacity", b, a);
+        set bx(a) {
+            let b = this.bu;
+            this.bu = a;
+            if (b != this.bu) {
+                this.ee("ActualHighlightValueOpacity", b, a);
             }
         }
-        eo() {
-            this.bw = isNaN_(this.b0) ? 0.5 : Math.max(0, Math.min(this.b0, 1));
+        eq() {
+            this.bx = isNaN_(this.b1) ? 0.5 : Math.max(0, Math.min(this.b1, 1));
         }
-        get a2() {
-            return this.a1;
+        get a5() {
+            return this.a4;
         }
-        set a2(a) {
-            this.a1 = a;
+        set a5(a) {
+            this.a4 = a;
         }
-        en() {
-            let a = this.a2;
-            if (this.a3 != 1) {
-                if (this.a8 == null || this.bd == null || this.a8.count != this.bd.count) {
-                    this.a2 = 1;
+        ep() {
+            let 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", enumGetBox(HighlightedValueDisplayMode_$type, a), enumGetBox(HighlightedValueDisplayMode_$type, this.a2));
+            if (this.a5 != a) {
+                this.ee("ActualHighlightValueDisplayMode", enumGetBox(HighlightedValueDisplayMode_$type, a), enumGetBox(HighlightedValueDisplayMode_$type, this.a5));
             }
         }
-        get a3() {
-            return EnumUtil.getEnumValue(HighlightedValueDisplayMode_$type, this.c(XamFunnelChart.ex));
+        get a6() {
+            return EnumUtil.getEnumValue(HighlightedValueDisplayMode_$type, this.c(XamFunnelChart.ez));
         }
-        set a3(a) {
-            this.h(XamFunnelChart.ex, enumGetBox(HighlightedValueDisplayMode_$type, a));
-            this.en();
+        set a6(a) {
+            this.h(XamFunnelChart.ez, enumGetBox(HighlightedValueDisplayMode_$type, a));
+            this.ep();
         }
-        get a9() {
-            return this.a5;
+        get bc() {
+            return this.a8;
         }
-        set a9(a) {
-            if (this.a5 != a) {
-                let b = this.a5;
-                this.a5 = a;
-                this.ed("InnerLabelColumn", b, this.a9);
+        set bc(a) {
+            if (this.a8 != a) {
+                let b = this.a8;
+                this.a8 = a;
+                this.ee("InnerLabelColumn", b, this.bc);
             }
         }
-        get ba() {
-            return this.a6;
+        get bd() {
+            return this.a9;
         }
-        set ba(a) {
-            if (this.a6 != a) {
-                let b = this.a6;
-                this.a6 = a;
-                this.ed("OuterLabelColumn", b, this.ba);
+        set bd(a) {
+            if (this.a9 != a) {
+                let b = this.a9;
+                this.a9 = a;
+                this.ee("OuterLabelColumn", b, this.bd);
             }
         }
-        get b8() {
-            return this.b6;
-        }
-        set b8(a) {
-            let b = this.b6;
-            this.b6 = a;
-            this.ed("FormatInnerLabel", b, a);
-        }
         get b9() {
             return this.b7;
         }
         set b9(a) {
             let b = this.b7;
             this.b7 = a;
-            this.ed("FormatOuterLabel", b, a);
+            this.ee("FormatInnerLabel", b, a);
         }
-        get br() {
-            return this.bs;
+        get ca() {
+            return this.b8;
+        }
+        set ca(a) {
+            let b = this.b8;
+            this.b8 = a;
+            this.ee("FormatOuterLabel", b, a);
+        }
+        get selectedItems() {
+            return this.ak;
+        }
+        ef(a, b) {
+            if (this.selectedItemsChanged != null) {
+                this.selectedItemsChanged(a, b);
+            }
+        }
+        get dl() {
+            return this.cf;
         }
-        get dk() {
+        set dl(a) {
+            let b = this.cf;
+            this.cf = a;
+            this.ee("TextStyle", b, a);
+        }
+        get dd() {
             return this.ce;
         }
-        set dk(a) {
+        set dd(a) {
             let b = this.ce;
             this.ce = a;
-            this.ed("TextStyle", b, a);
-        }
-        get dc() {
-            return this.cd;
-        }
-        set dc(a) {
-            let b = this.cd;
-            this.cd = a;
-            this.ed("OuterLabelTextStyle", b, a);
+            this.ee("OuterLabelTextStyle", b, a);
         }
         onDetachedFromUI() {
-            this.ax.e.az();
+            this.a0.e.az();
         }
         onAttachedToUI() {
-            this.ax.e.ax(this);
+            this.a0.e.ax(this);
         }
-        ed(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)) {
+        ee(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 (isNaN_(DeviceUtils.a(this.b3))) {
-                    this.bx = 1;
+                if (isNaN_(DeviceUtils.a(this.b4))) {
+                    this.by = 1;
                 }
                 else {
-                    this.bx = DeviceUtils.a(this.b3);
+                    this.by = DeviceUtils.a(this.b4);
                 }
             }
             if (a == XamFunnelChart.$$p[6]) {
-                this.eo();
+                this.eq();
                 return;
             }
-            this.ap.i(((() => {
+            this.as.i(((() => {
                 let $ret = new PropertyChangedMessage();
                 $ret.g = a;
                 $ret.e = b;
@@ -2349,9 +2355,9 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
                 return $ret;
             })()));
         }
-        bf(a, b, c) {
+        bi(a, b, c) {
             if (a == XamFunnelChart.$$p[2] || a == XamFunnelChart.$$p[21]) {
-                this.ap.i(((() => {
+                this.as.i(((() => {
                     let $ret = new PropertyChangedMessage();
                     $ret.g = a;
                     $ret.e = b == null ? null : b;
@@ -2362,23 +2368,23 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
             }
             return false;
         }
-        bh(a, b, c) {
+        bk(a, b, c) {
             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 = ((() => {
+                    this.selectedItems.clear();
+                    this.a2 = ((() => {
                         let $ret = new FastItemsSource();
                         $ret.e = this.itemsSource;
                         return $ret;
                     })());
                     if (this.highlightedItemsSource == null) {
-                        this.a0 = ((() => {
+                        this.a3 = ((() => {
                             let $ret = new FastItemsSource();
                             $ret.e = this.itemsSource;
                             return $ret;
@@ -2390,168 +2396,168 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
             else if (a == XamFunnelChart.$$p[3]) {
                 if (b != null) {
                     let d = b;
-                    d.event = delegateRemove(d.event, this.b4);
+                    d.event = delegateRemove(d.event, this.b5);
                 }
                 if (c != null) {
                     let e = c;
-                    e.event = delegateCombine(e.event, this.b4);
+                    e.event = 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;
         }
-        bg(a, b, c) {
+        bj(a, b, c) {
             if (a == XamFunnelChart.$$p[7]) {
                 if (b != null) {
-                    this.a0 = null;
+                    this.a3 = null;
                 }
                 if (c != null) {
-                    this.br.clear();
-                    this.a0 = ((() => {
+                    this.selectedItems.clear();
+                    this.a3 = ((() => {
                         let $ret = new FastItemsSource();
                         $ret.e = this.highlightedItemsSource;
                         return $ret;
                     })());
                 }
                 else if (this.itemsSource != null) {
-                    this.br.clear();
-                    this.a0 = ((() => {
+                    this.selectedItems.clear();
+                    this.a3 = ((() => {
                         let $ret = new FastItemsSource();
                         $ret.e = this.itemsSource;
                         return $ret;
                     })());
                 }
-                this.en();
+                this.ep();
                 return true;
             }
             else if (a == XamFunnelChart.$$p[5]) {
                 if (b != null) {
                     let d = b;
-                    d.event = delegateRemove(d.event, this.b5);
+                    d.event = delegateRemove(d.event, this.b6);
                 }
                 if (c != null) {
                     let e = c;
-                    e.event = delegateCombine(e.event, this.b5);
+                    e.event = 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;
         }
-        bb(a, b) {
+        be(a, b) {
             return a.registerColumn(b, null, false);
         }
-        bc(a, b) {
+        bf(a, b) {
             return a.registerColumnObject(b, null, false);
         }
-        d1(a, b, c) {
-            if (this.az == null) {
+        d2(a, b, c) {
+            if (this.a2 == null) {
                 let d = typeCast(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 && typeCast(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;
                 }
             }
         }
-        d0(a, b, c) {
-            if (this.a0 == null) {
+        d1(a, b, c) {
+            if (this.a3 == null) {
                 let d = typeCast(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 && typeCast(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();
         }
-        bj(a, b, c) {
+        bm(a, b, c) {
             if (a == XamFunnelChart.$$p[10] || a == XamFunnelChart.$$p[19]) {
                 let d = EnumUtil.getEnumValue(Visibility_$type, b) == 0;
                 let e = EnumUtil.getEnumValue(Visibility_$type, c) == 0;
-                this.ap.i(((() => {
+                this.as.i(((() => {
                     let $ret = new PropertyChangedMessage();
                     $ret.g = a;
                     $ret.d = e;
@@ -2562,7 +2568,7 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
             }
             return false;
         }
-        bi(a, b, c) {
+        bl(a, b, c) {
             if (a == XamFunnelChart.$$p[24]) {
                 let d = new PropertyChangedMessage();
                 d.g = a;
@@ -2572,24 +2578,24 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
                 if (c != null) {
                     d.d = c;
                 }
-                this.ap.i(d);
+                this.as.i(d);
                 return true;
             }
             return false;
         }
-        ek(a) {
+        em(a) {
             let b = a;
             if (this.sliceClicked != null) {
                 let 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);
             }
         }
-        el(a) {
+        en(a) {
             let b = a;
             switch (b.c) {
                 case 1:
@@ -2598,8 +2604,8 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
                             let 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);
                         }
@@ -2611,8 +2617,8 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
                             let 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);
                         }
@@ -2625,8 +2631,8 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
                             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);
                         }
@@ -2634,11 +2640,54 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
                     }
             }
         }
-        eh(a) {
+        ej(a) {
+            let b = a;
+            let c = this.a2;
+            let d = new Dictionary$2(Base.$, Base.$, 0);
+            let e = new List$1(Base.$, 0);
+            let h = b.c;
+            for (let g = 0; g < h.length; g++) {
+                let f = h[g];
+                if (f >= 0 && f < c.count) {
+                    let i = c.item(f);
+                    e.add1(i);
+                    if (!d.containsKey(i)) {
+                        d.addItem(i, i);
+                    }
+                }
+            }
+            this.d4(this.ak.ae, this.br, e, d);
         }
-        eg(a, b) {
+        ei(a, b) {
+            let c = new List$1(Number_$type, 0);
+            for (let d of fromEnum(this.ak.ae)) {
+                let e = this.a2.indexOf(d);
+                if (e >= 0 && !c.contains(e)) {
+                    c.add(e);
+                }
+            }
+            let f = new UserSelectedItemsChangedMessage();
+            f.c = c.toArray();
+            this.as.i(f);
+            if (b.action == 4 && b.newItems == null && b.oldItems == null) {
+                return;
+            }
+            let g = new FunnelChartSelectedItemsCollection();
+            if (b.oldItems != null) {
+                for (let h = 0; h < b.oldItems.count; h++) {
+                    g.add1(b.oldItems.item(h));
+                }
+            }
+            let i = new FunnelChartSelectedItemsCollection();
+            if (b.newItems != null) {
+                for (let j = 0; j < b.newItems.count; j++) {
+                    i.add1(b.newItems.item(j));
+                }
+            }
+            let k = this.selectedItems;
+            this.ef(this, new FunnelChartSelectedItemsChangedEventArgs(g, i, k));
         }
-        d3(a, b, c, d) {
+        d4(a, b, c, d) {
             let e = new List$1(Base.$, 0);
             for (let f of fromEnum(a)) {
                 if (!d.containsKey(f)) {
@@ -2657,65 +2706,65 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
             }
         }
         getItem(a) {
-            return this.az.item(a);
+            return this.a2.item(a);
         }
         get count() {
-            return this.az != null ? this.az.count : 0;
+            return this.a2 != null ? this.a2.count : 0;
         }
-        dz() {
-            this.ax.i();
+        d0() {
+            this.a0.i();
         }
         provideContainer(a) {
-            let b = this.cb;
-            this.cb = a;
-            this.ed("Container", b, this.cb);
+            let b = this.cc;
+            this.cc = a;
+            this.ee("Container", b, this.cc);
         }
         notifyResized() {
-            this.ax.g();
-            this.ap.i(new ContainerSizeChangedMessage());
+            this.a0.g();
+            this.as.i(new ContainerSizeChangedMessage());
         }
-        ea(source_, a, b, c) {
-            this.d6(source_, new NotifyCollectionChangedEventArgs(2, 2, c, b, a));
+        eb(source_, a, b, c) {
+            this.d7(source_, new NotifyCollectionChangedEventArgs(2, 2, c, b, a));
         }
-        d5(source_) {
-            this.d6(source_, new NotifyCollectionChangedEventArgs(0, 4));
-        }
-        d7(source_, a, b) {
-            this.d6(source_, new NotifyCollectionChangedEventArgs(1, 0, b, a));
+        d6(source_) {
+            this.d7(source_, new NotifyCollectionChangedEventArgs(0, 4));
         }
         d8(source_, a, b) {
-            this.d6(source_, new NotifyCollectionChangedEventArgs(1, 1, b, a));
+            this.d7(source_, new NotifyCollectionChangedEventArgs(1, 0, b, a));
+        }
+        d9(source_, a, b) {
+            this.d7(source_, new NotifyCollectionChangedEventArgs(1, 1, b, a));
         }
-        d6(s_, a) {
+        d7(s_, a) {
             if (s_.dataView && s_.dataSource) {
                 s_ = s_.dataView();
             }
             ;
             if (s_ == this.itemsSource) {
-                let b = this.az;
+                let b = this.a2;
                 if (b != null) {
                     b.handleCollectionChanged(a);
                 }
             }
         }
-        ay() {
-            let a = this.ax;
+        a1() {
+            let a = this.a0;
             return a == null ? null : a.c;
         }
-        av() {
-            let a = this.ay();
+        ay() {
+            let a = this.a1();
             return a == null ? null : a.ai;
         }
         get ag() {
-            let a = this.av();
+            let a = this.ay();
             return a == null ? null : a.a();
         }
         set ag(a) {
-            let b = this.av();
+            let b = this.ay();
             if (b == null) {
                 return;
             }
-            let c = this.ay();
+            let c = this.a1();
             b.f();
             let d = a == null ? 0 : a.length;
             while (d-- > 0) {
@@ -2724,12 +2773,12 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
             c.bl = true;
             c.dj();
         }
-        em(a) {
-            let b = this.av();
+        eo(a) {
+            let b = this.ay();
             if (b == null) {
                 return;
             }
-            let c = this.ay();
+            let c = this.a1();
             let d = c.ao.a.item(a);
             if (d != null) {
                 c.ai.k(a, d);
@@ -2737,9 +2786,9 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
                 c.dj();
             }
         }
-        aw() {
+        az() {
             let a = new FunnelChartVisualData();
-            let b = this.ax.c.ag;
+            let b = this.a0.c.ag;
             if (b != null) {
                 for (let c = 0; c < b.count; c++) {
                     let d = b._inner[c].d();
@@ -2747,14 +2796,14 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
                 }
             }
             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 RectData(0, 0, this.ax.c.b8, this.ax.c.b7);
+            a.viewport = new RectData(0, 0, this.a0.c.b8, this.a0.c.b7);
             return a;
         }
-        cl() {
-            let a = this.aw();
+        cm() {
+            let a = this.az();
             a.scaleByViewport();
             return a.serialize();
         }
@@ -2763,25 +2812,25 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
         }
         forSubItems(a) {
         }
-        get b3() {
-            return this.bv;
+        get b4() {
+            return this.bw;
         }
-        set b3(a) {
+        set b4(a) {
             if (isNaN_(a) || a == 0) {
                 return;
             }
-            let b = this.bv;
-            this.bv = a;
-            this.ed("PixelScalingRatio", b, this.bv);
+            let b = this.bw;
+            this.bw = a;
+            this.ee("PixelScalingRatio", b, this.bw);
         }
-        get bx() {
-            return this.bu;
+        get by() {
+            return this.bv;
         }
-        set bx(a) {
-            let b = this.bu;
-            this.bu = a;
-            if (this.bu != b) {
-                this.ed("ActualPixelScalingRatio", b, this.bu);
+        set by(a) {
+            let b = this.bv;
+            this.bv = a;
+            if (this.bv != b) {
+                this.ee("ActualPixelScalingRatio", b, this.bv);
             }
         }
         get container() {
@@ -2802,30 +2851,30 @@ export let XamFunnelChart = /*@__PURE__*/ (() => {
         get hasMarkers() {
             return false;
         }
-        get fn() {
-            return this.fl;
+        get fp() {
+            return this.fn;
         }
-        set fn(a) {
-            let b = this.fn;
+        set fp(a) {
+            let b = this.fp;
             if (a != b) {
-                this.fl = a;
-                this.ed("OuterLabelTextColor", b, this.fn);
+                this.fn = a;
+                this.ee("OuterLabelTextColor", b, this.fp);
             }
         }
-        get fo() {
-            return this.fm;
+        get fq() {
+            return this.fo;
         }
-        set fo(a) {
-            let b = this.fo;
+        set fq(a) {
+            let b = this.fq;
             if (a != b) {
-                this.fm = a;
-                this.ed("LabelTextColor", b, this.fo);
+                this.fo = a;
+                this.ee("LabelTextColor", b, this.fq);
             }
         }
     }
     XamFunnelChart.$t = /*@__PURE__*/ markType(XamFunnelChart, 'XamFunnelChart', Control.$, [IItemProvider_$type, ILegendOwner_$type, ILegendTemplateProvider_$type, ILegendSeries_$type]);
-    XamFunnelChart.ex = /*@__PURE__*/ DependencyProperty.i("HighlightValueDisplayMode", HighlightedValueDisplayMode_$type, XamFunnelChart.$, /*@__PURE__*/ new PropertyMetadata(2, /*@__PURE__*/ enumGetBox(HighlightedValueDisplayMode_$type, 0), (a, b) => a.ed("HighlightValueDisplayMode", b.oldValue, b.newValue)));
-    XamFunnelChart.$$p = /*@__PURE__*/ markDep(DependencyProperty, PropertyMetadata, XamFunnelChart, 'ed', ['AllowSliceSelection:be:ep', [0, false], 'BottomEdgeWidth:by:eq', [1, 0.35], 'Brushes:ah:er', [BrushCollection.$, null], 'FastItemsSource:az:es', [FastItemsSource.$], 'FunnelSliceDisplay:ak:et', [FunnelSliceDisplay_$type, /*@__PURE__*/ enumGetBox(FunnelSliceDisplay_$type, 0)], 'HighlightFastItemsSource:a0:ew', [FastItemsSource.$], 'HighlightValueOpacity:b0:ey', [1, 0.5], 'HighlightedItemsSource::eu', [IEnumerable_$type, null], 'HighlightedValueMemberPath:cr:ev', [2, null], 'InnerLabelMemberPath:cy:ez', [2, null], 'InnerLabelVisibility:ft:e0', [Visibility_$type, /*@__PURE__*/ enumGetBox(Visibility_$type, 0)], 'IsInverted:bk:e1', [0, false], 'ItemsSource::e2', [IEnumerable_$type, null], 'LegendItemBadgeTemplate::e3', [DataTemplate.$, null], 'LegendItemTemplate::e4', [DataTemplate.$, null], 'Legend::e5', [IChartLegend_$type, null], 'LowerBezierControlPoint:fp:e6', [Point_$type, { $type: Point_$type, x: 0.5, y: 1 }], 'OuterLabelAlignment:au:e7', [OuterLabelAlignment_$type, /*@__PURE__*/ enumGetBox(OuterLabelAlignment_$type, 0)], 'OuterLabelMemberPath:c9:e8', [2, null], 'OuterLabelVisibility:fu:e9', [Visibility_$type, /*@__PURE__*/ enumGetBox(Visibility_$type, 1)], 'OutlineThickness:b1:fb', [1, -1], 'Outlines:ai:fa', [BrushCollection.$, null], 'SelectedSliceStyle:fr:fc', [Style.$, null], 'ToolTip:cc:fd', [4, null], 'TransitionDuration:ca:fe', [1, 0], 'UnselectedSliceStyle:fs:ff', [Style.$, null], 'UpperBezierControlPoint:fq:fg', [Point_$type, { $type: 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 = /*@__PURE__*/ DependencyProperty.i("HighlightValueDisplayMode", HighlightedValueDisplayMode_$type, XamFunnelChart.$, /*@__PURE__*/ new PropertyMetadata(2, /*@__PURE__*/ enumGetBox(HighlightedValueDisplayMode_$type, 0), (a, b) => a.ee("HighlightValueDisplayMode", b.oldValue, b.newValue)));
+    XamFunnelChart.$$p = /*@__PURE__*/ markDep(DependencyProperty, PropertyMetadata, XamFunnelChart, 'ee', ['AllowSliceSelection:bh:er', [0, false], 'BottomEdgeWidth:bz:es', [1, 0.35], 'Brushes:ah:et', [BrushCollection.$, null], 'FastItemsSource:a2:eu', [FastItemsSource.$], 'FunnelSliceDisplay:an:ev', [FunnelSliceDisplay_$type, /*@__PURE__*/ enumGetBox(FunnelSliceDisplay_$type, 0)], 'HighlightFastItemsSource:a3:ey', [FastItemsSource.$], 'HighlightValueOpacity:b1:e0', [1, 0.5], 'HighlightedItemsSource::ew', [IEnumerable_$type, null], 'HighlightedValueMemberPath:cs:ex', [2, null], 'InnerLabelMemberPath:cz:e1', [2, null], 'InnerLabelVisibility:fv:e2', [Visibility_$type, /*@__PURE__*/ enumGetBox(Visibility_$type, 0)], 'IsInverted:bn:e3', [0, false], 'ItemsSource::e4', [IEnumerable_$type, null], 'LegendItemBadgeTemplate::e5', [DataTemplate.$, null], 'LegendItemTemplate::e6', [DataTemplate.$, null], 'Legend::e7', [IChartLegend_$type, null], 'LowerBezierControlPoint:fr:e8', [Point_$type, { $type: Point_$type, x: 0.5, y: 1 }], 'OuterLabelAlignment:ax:e9', [OuterLabelAlignment_$type, /*@__PURE__*/ enumGetBox(OuterLabelAlignment_$type, 0)], 'OuterLabelMemberPath:da:fa', [2, null], 'OuterLabelVisibility:fw:fb', [Visibility_$type, /*@__PURE__*/ enumGetBox(Visibility_$type, 1)], 'OutlineThickness:b2:fd', [1, -1], 'Outlines:ai:fc', [BrushCollection.$, null], 'SelectedSliceStyle:ft:fe', [Style.$, null], 'ToolTip:cd:ff', [4, null], 'TransitionDuration:cb:fg', [1, 0], 'UnselectedSliceStyle:fu:fh', [Style.$, null], 'UpperBezierControlPoint:fs:fi', [Point_$type, { $type: 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;
 })();
 /**
@@ -2859,7 +2908,7 @@ export let XamFunnelConnector = /*@__PURE__*/ (() => {
             a.i = c;
             this.b = d;
             this.d = a;
-            b.at = c;
+            b.aw = c;
             this.a = b;
             c.c("Model", this.a);
         }