@spteck/fluentui-react-charts 0.1.9 → 1.0.1

package/dist/fluentui-react-charts.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("chart.js"),r=require("react"),n=e(r),a=require("@fluentui/react-components"),o=e(require("chartjs-plugin-datalabels")),l=require("react-chartjs-2"),i=require("@emotion/css"),u=require("@juggle/resize-observer");function c(){return(c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}function s(e,t){return t||(t=e.slice(0)),e.raw=t,e}var f=function(e){var t=e.label,r=e.isVisible,o=e.color,l=e.style;return n.createElement(a.Tooltip,{content:t,relationship:"label"},n.createElement(a.Button,{ref:e.buttonRef,shape:"circular",size:"small",appearance:r?"primary":"outline",onClick:e.onClick,style:c({backgroundColor:r?o:"transparent",color:r?"#fff":a.tokens.colorNeutralForeground1,borderColor:o,borderWidth:1,width:"100px",padding:"4px 8px",textAlign:"center"},void 0===l?{}:l)},n.createElement(a.Caption1,{as:"span",style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",lineHeight:"1.25"}},t)))},d={xs:a.tokens.spacingHorizontalXS,s:a.tokens.spacingHorizontalS,m:a.tokens.spacingHorizontalM,l:a.tokens.spacingHorizontalL,xl:a.tokens.spacingHorizontalXL,xxl:a.tokens.spacingHorizontalXXL},m=n.memo((function(e){var t=e.direction,r=e.justifyContent,o=e.alignItems,l=e.gap,u=e.columnGap,s=e.rowGap,f=e.margin,m=e.padding,g=e.marginTop,p=e.marginBottom,b=e.marginLeft,h=e.marginRight,y=e.paddingTop,v=e.paddingBottom,S=e.paddingLeft,C=e.paddingRight,E=e.wrap,F=e.children,L=e.className,x=i.css(c({display:"flex",flexDirection:"horizontal"===(void 0===t?"vertical":t)?"row":"column",justifyContent:void 0===r?"flex-start":r,alignItems:void 0===o?"stretch":o,gap:l&&d[l]?d[l]:l,columnGap:u&&d[u]?d[u]:u,rowGap:s&&d[s]?d[s]:s,margin:f&&d[f]?d[f]:f,padding:m&&d[m]?d[m]:m,marginTop:g&&d[g]?d[g]:g,marginBottom:p&&d[p]?d[p]:p,marginLeft:b&&d[b]?d[b]:b,marginRight:h&&d[h]?d[h]:h,paddingTop:y&&d[y]?d[y]:y,paddingBottom:v&&d[v]?d[v]:v,paddingLeft:S&&d[S]?d[S]:S,paddingRight:C&&d[C]?d[C]:C,width:e.width,height:e.height,overflow:e.overflow,flexWrap:void 0!==E&&E?"wrap":"nowrap",backgroundColor:e.background},e.style));return n.createElement("div",{className:a.mergeClasses(L,x)},F)}));m.displayName="Stack";var g={wrapper:i.css({display:"flex",flexWrap:"nowrap",overflow:"hidden",justifyContent:"center",gap:10,padding:2,width:"100%",boxSizing:"border-box"})};function p(e){var t=e.overflowItems,r=e.visibleLabels,o=e.toggleLabel,l=e.renderLabel,i=e.getColor;return n.createElement(m,{justifyContent:"center",alignItems:"center",marginLeft:"10px",marginRight:"10px",marginTop:"25px",marginBottom:"20px"},n.createElement("div",{ref:e.containerRef,className:g.wrapper},e.visibleItems.map((function(e){var t=e.label,a=0===r.length||r.includes(t);return n.createElement(f,{key:t,label:l(e),color:i(e),isVisible:a,onClick:function(){return o(t)}})})),t.length>0&&n.createElement(a.Menu,null,n.createElement(a.MenuTrigger,{disableButtonEnhancement:!0},n.createElement(a.MenuButton,{size:"small",appearance:"transparent"},"+",t.length)),n.createElement(a.MenuPopover,{style:{minWidth:"fit-content",maxWidth:"200px"}},n.createElement(a.MenuList,null,t.map((function(e){var t=e.label,u=0===r.length||r.includes(t);return n.createElement(a.MenuItem,{key:t,style:{padding:0}},n.createElement(f,{label:l(e),color:i(e),isVisible:u,onClick:function(){return o(t)},style:{width:"100px",textAlign:"left"}}))})))))))}function b(e){var t=r.useRef(null),n=r.useState(e.length),a=n[0],o=n[1],l=q().debounce;return r.useEffect((function(){var e=function(){var e,r,n=null!=(e=null==(r=t.current)?void 0:r.offsetWidth)?e:0,a=Math.floor(n/110);o(a)},r=l(e,100),n=new u.ResizeObserver(r);return t.current&&n.observe(t.current),e(),function(){return n.disconnect()}}),[e]),{containerRef:t,visibleItems:e.slice(0,a),overflowItems:e.slice(a)}}var h,y,v=function(e){var t=e.data,r=e.visibleSeries,a=e.seriesColors,o=e.toggleSeries,l=b(t);return n.createElement(p,{containerRef:l.containerRef,visibleItems:l.visibleItems,overflowItems:l.overflowItems,items:t,visibleLabels:r,toggleLabel:o,renderLabel:function(e){return e.label},getColor:function(e){return a[e.label]}})},S=function(){return{chartWithLegend:i.css({display:"flex",flexDirection:"column",height:"100%",chartArea:{flexGrow:1,minHeight:0}}),chartArea:i.css(h||(h=s(["\n            flex-grow: 1;\n            min-height: 0;\n        "]))),legendArea:i.css(y||(y=s(["\n            margin-top: 0px;\n            padding-top: 0px;\n            \n            margin-Left: 10px;\n            margin-Right: 10px;\n       \n        "])))}};function C(e){var t=e.data,o=e.getPrimary,i=e.getSecondary,u=e.title,c=e.showDatalabels,s=void 0!==c&&c,f=e.theme,d=void 0===f?a.webLightTheme:f,m=e.stacked,g=void 0!==m&&m,p=r.useState((function(){var e;return t.length>1?t.map((function(e){return e.label})):[null==(e=t[0])?void 0:e.label]})),b=p[0],h=p[1],y=S(),C=q(d),E=C.lightenColor,F=C.getFluentPalette,L=C.createFluentTooltip,x=r.useMemo((function(){return t.reduce((function(e,t,r){var n=F(d)[r%F(d).length],a=E(n,.3);return e[t.label]=a,e}),{})}),[t,d]),z=r.useMemo((function(){var e=new Set;return t.forEach((function(t){t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[t,o]),N=r.useMemo((function(){return{labels:z,datasets:t.filter((function(e){return b.includes(e.label)})).map((function(e){return{label:e.label,data:z.map((function(t){var r=e.data.find((function(e){return o(e)===t}));return r?i(r):null})),borderColor:x[e.label],backgroundColor:x[e.label],fill:!0,tension:.4,pointRadius:2}}))}}),[t,b,z,o,i,x]),k=r.useMemo((function(){return{fontFamily:d.fontFamilyBase,fontSize:parseInt(d.fontSizeBase200.replace("px",""))||14,labelColor:d.colorNeutralForeground1,gridColor:d.colorNeutralStroke2}}),[d]),w=k.fontFamily,B=k.fontSize,M=k.labelColor,A=k.gridColor,T=r.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!u,text:u,font:{size:14,family:d.fontFamilyBase,weight:d.fontWeightSemibold},color:d.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:d.colorNeutralForeground1,font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:L(d)},scales:{x:{stacked:g,ticks:{color:M,font:{family:w,size:B}},grid:{color:A}},y:{stacked:g,ticks:{color:M,font:{family:w,size:B}},grid:{color:A}}}}}),[u,s,d,w,B,M,A,g,L]);return n.createElement("div",{className:y.chartWithLegend},n.createElement("div",{className:y.chartArea},n.createElement(l.Line,{data:N,options:T})),n.createElement(v,{data:t,visibleSeries:b,seriesColors:x,toggleSeries:function(e){h((function(r){var n=r.includes(e)?r.filter((function(t){return t!==e})):[].concat(r,[e]);return 0===n.length&&t.length>0?[t[0].label]:n}))}}))}function E(e){var t=e.data,a=e.getPrimary,o=e.getSecondary,i=e.stacked,u=void 0!==i&&i,c=e.showDatalabels,s=void 0!==c&&c,f=e.title,d=e.theme,m=r.useState((function(){var e;return t.length>1?t.map((function(e){return e.label})):[null==(e=t[0])?void 0:e.label]})),g=m[0],p=m[1],b=S(),h=q(d),y=h.lightenColor,C=h.getFluentPalette,E=h.createFluentTooltip,F=r.useMemo((function(){return t.reduce((function(e,t,r){var n=C(d)[r%C(d).length],a=y(n,.3);return e[t.label]=a,e}),{})}),[t]),L=r.useMemo((function(){var e=new Set;return t.forEach((function(t){t.data.forEach((function(t){e.add(a(t))}))})),Array.from(e)}),[t,a]),x=r.useMemo((function(){return{labels:L,datasets:t.filter((function(e){return g.includes(e.label)})).map((function(e){return{label:e.label,backgroundColor:F[e.label],data:L.map((function(t){var r=e.data.find((function(e){return a(e)===t}));return r?o(r):0}))}}))}}),[t,g,L,F]),z=r.useMemo((function(){return{fontFamily:d.fontFamilyBase,fontSize:parseInt(d.fontSizeBase200.replace("px",""))||14,labelColor:d.colorNeutralForeground1,gridColor:d.colorNeutralStroke2}}),[d]),N=z.fontFamily,k=z.fontSize,w=z.labelColor,B=z.gridColor,M=r.useMemo((function(){return{indexAxis:"y",responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!f,text:f,font:{size:14,family:d.fontFamilyBase,weight:d.fontWeightSemibold},color:d.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:d.colorNeutralForeground1,font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:E(d)},scales:{x:{stacked:u,ticks:{color:w,font:{family:N,size:k}},grid:{color:B}},y:{stacked:u,ticks:{color:w,font:{family:N,size:k}},grid:{color:B}}}}}),[f,s,d,N,k,w,B,u,E]);return n.createElement("div",{className:b.chartWithLegend},n.createElement("div",{className:b.chartArea},n.createElement(l.Bar,{data:x,options:M})),n.createElement("div",{className:b.legendArea},n.createElement(v,{data:t,visibleSeries:g,seriesColors:F,toggleSeries:function(e){p((function(r){var n=r.includes(e)?r.filter((function(t){return t!==e})):[].concat(r,[e]);return 0===n.length&&t.length>0?[t[0].label]:n}))}})))}function F(e){var t=e.data,o=e.getPrimary,i=e.getSecondary,u=e.getRadius,c=e.showDataLabels,s=e.title,f=e.theme,d=void 0===f?a.webLightTheme:f,m=r.useState((function(){var e;return t.length>1?t.map((function(e){return e.label})):[null==(e=t[0])?void 0:e.label]})),g=m[0],p=m[1],b=q(d),h=b.lightenColor,y=b.getFluentPalette,C=b.createFluentTooltip,E=S(),F=r.useMemo((function(){return t.reduce((function(e,t,r){var n=y(d)[r%y(d).length],a=h(n,.3);return e[t.label]=a,e}),{})}),[t,d]),L=r.useMemo((function(){return{datasets:t.filter((function(e){return g.includes(e.label)})).map((function(e){return{label:e.label,data:e.data.map((function(e){return{x:o(e),y:i(e),r:u(e)}})),backgroundColor:F[e.label],borderColor:d.colorNeutralStroke1,borderWidth:1,hoverBorderWidth:2}}))}}),[t,g,o,i,u,F]),x=r.useMemo((function(){return{fontFamily:d.fontFamilyBase,fontSize:parseInt(d.fontSizeBase200.replace("px",""))||14,labelColor:d.colorNeutralForeground1,gridColor:d.colorNeutralStroke2}}),[d]),z=x.fontFamily,N=x.fontSize,k=x.labelColor,w=x.gridColor,B=r.useMemo((function(){var e;return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!s,text:s,font:{size:14,family:d.fontFamilyBase,weight:d.fontWeightSemibold},color:d.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:c,color:d.colorNeutralForeground1,font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:C(d)},scales:{x:{type:"number"==typeof o(null==(e=t[0])?void 0:e.data[0])?"linear":"category",ticks:{color:k,font:{family:z,size:N}},grid:{color:w}},y:{ticks:{color:k,font:{family:z,size:N}},grid:{color:w}}}}}),[s,c,d,o,i,t,z,N,k,w,C]);return n.createElement(n.Fragment,null,n.createElement("div",{className:E.chartWithLegend},n.createElement("div",{className:E.chartArea},n.createElement(l.Bubble,{data:L,options:B})),n.createElement("div",{className:E.legendArea},n.createElement(v,{data:t,visibleSeries:g,seriesColors:F,toggleSeries:function(e){p((function(r){var n=r.includes(e)?r.filter((function(t){return t!==e})):[].concat(r,[e]);return 0===n.length&&t.length>0?[t[0].label]:n}))}}))))}function L(e){var t=e.data,o=e.getPrimary,i=e.getSecondary,u=e.title,c=e.showDataLabels,s=void 0!==c&&c,f=e.theme,d=void 0===f?a.webLightTheme:f,m=r.useState((function(){return t.map((function(e){return e.label}))})),g=m[0],p=m[1],b=S(),h=q(d),y=h.lightenColor,C=h.getFluentPalette,E=h.createFluentTooltip,F=r.useMemo((function(){return t.reduce((function(e,t,r){var n=C(d)[r%C(d).length];return e[t.label]=y(n,.3),e}),{})}),[t,d]),L=r.useMemo((function(){var e=new Set;return t.forEach((function(t){return t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[t,o]),x=r.useMemo((function(){var e=t.filter((function(e){return g.includes(e.label)})).sort((function(e,t){return"bar"===e.type&&"line"===t.type?-1:"line"===e.type&&"bar"===t.type?1:0}));return{labels:L,datasets:e.map((function(e){var t;return{type:e.type,label:e.label,yAxisID:null!=(t=e.yAxisID)?t:"y",data:L.map((function(t){var r=e.data.find((function(e){return o(e)===t}));return r?i(r):0})),backgroundColor:F[e.label],borderColor:F[e.label],fill:"bar"===e.type,tension:"line"===e.type?.4:0,pointRadius:"line"===e.type?3:0,borderWidth:"line"===e.type?2:1,order:"bar"===e.type?1:0}}))}}),[t,g,L,o,i,F]),z=r.useMemo((function(){return{fontFamily:d.fontFamilyBase,fontSize:parseInt(d.fontSizeBase200.replace("px",""))||14,labelColor:d.colorNeutralForeground1,gridColor:d.colorNeutralStroke2}}),[d]),N=z.fontFamily,k=z.fontSize,w=z.labelColor,B=z.gridColor,M=r.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!u,text:u,font:{size:14,family:d.fontFamilyBase,weight:d.fontWeightSemibold},color:d.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:d.colorNeutralForeground1,font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:E(d)},scales:{x:{ticks:{color:w,font:{family:N,size:k}},grid:{color:B}},y:{position:"left",ticks:{color:w,font:{family:N,size:k}},grid:{color:B},stacked:!1}}}}),[u,s,d,N,k,w,B,E]);return n.createElement(n.Fragment,null,n.createElement("div",{className:b.chartWithLegend},n.createElement("div",{className:b.chartArea},n.createElement(l.Chart,{type:"bar",data:x,options:M})),n.createElement("div",{className:b.legendArea},n.createElement(v,{data:t,visibleSeries:g,seriesColors:F,toggleSeries:function(e){p((function(r){var n=r.includes(e)?r.filter((function(t){return t!==e})):[].concat(r,[e]);return 0===n.length?[t[0].label]:n}))}}))))}t.Chart.register(t.CategoryScale,t.LinearScale,t.PointElement,t.LineElement,t.Tooltip,t.Filler,t.Legend,o,t.Title),t.Chart.register(t.CategoryScale,t.LinearScale,t.BarElement,t.Tooltip,t.Legend,t.Title,o),t.Chart.register(t.CategoryScale,t.LinearScale,t.PointElement,t.Tooltip,t.Legend,o,t.Title),t.Chart.register(o),t.Chart.register(t.CategoryScale,t.LinearScale,t.BarElement,t.LineElement,t.PointElement,t.Tooltip,t.Legend,t.Title);var x=function(e){var t=e.entries,r=e.visibleLabels,a=e.toggleLabel,o=b(t);return n.createElement(p,{containerRef:o.containerRef,visibleItems:o.visibleItems,overflowItems:o.overflowItems,items:t,visibleLabels:r,toggleLabel:a,renderLabel:function(e){return e.label+": "+e.value},getColor:function(e){return e.color}})};function z(e){var t=e.data,o=e.getLabel,i=e.getValue,u=e.title,c=e.showDataLabels,s=void 0===c||c,f=e.theme,d=void 0===f?a.webLightTheme:f,m=S(),g=q(d),p=g.lightenColor,b=g.getFluentPalette,h=g.createFluentTooltip,y=r.useState([]),v=y[0],C=y[1],E=r.useMemo((function(){var e=new Map;return t.forEach((function(t){t.data.forEach((function(t){var r=o(t),n=i(t);e.set(r,(e.get(r)||0)+n)}))})),e}),[t,o,i]),F=r.useMemo((function(){var e=Array.from(E.keys()),t=b(d),r=e.map((function(e,r){return p(t[r%t.length],.3)}));return{allLabels:e,colors:r}}),[E,b,d,p]),L=F.allLabels,z=F.colors,N=r.useMemo((function(){var e=L.filter((function(e){return!v.includes(e)})),t=e.map((function(e){return E.get(e)||0})),r=e.map((function(e){var t=L.indexOf(e);return z[t]}));return{filteredLabels:e,values:t,visibleColors:r}}),[L,v,E,z]),k=N.filteredLabels,w=N.values,B=N.visibleColors,M=r.useMemo((function(){return{labels:k,datasets:[{data:w,backgroundColor:B,borderWidth:1}]}}),[k,w,B]),A=r.useMemo((function(){return L.map((function(e,t){return{label:e,value:E.get(e)||0,color:z[t]}}))}),[L,E,z]),T=r.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},tooltip:h(d),title:{display:!!u,text:u,font:{size:14,family:d.fontFamilyBase,weight:d.fontWeightSemibold},color:d.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:d.colorNeutralForeground1,font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14},formatter:function(e){return e}}}}}),[u,d,s,h]);return n.createElement("div",{className:m.chartWithLegend},n.createElement("div",{className:m.chartArea},n.createElement(l.Doughnut,{data:M,options:T})),n.createElement("div",{className:m.legendArea},n.createElement(x,{entries:A,visibleLabels:k,toggleLabel:function(e){C((function(t){return t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e])}))}})))}function N(e){var t=e.data,o=e.getPrimary,i=e.getRange,u=e.title,c=e.showDataLabels,s=void 0!==c&&c,f=e.theme,d=void 0===f?a.webLightTheme:f,m=r.useState((function(){var e;return t.length>1?t.map((function(e){return e.label})):[null==(e=t[0])?void 0:e.label]})),g=m[0],p=m[1],b=S(),h=q(d),y=h.lightenColor,C=h.getFluentPalette,E=h.createFluentTooltip,F=r.useMemo((function(){return t.reduce((function(e,t,r){var n=C(d)[r%C(d).length],a=y(n,.3);return e[t.label]=a,e}),{})}),[t,d]),L=r.useMemo((function(){var e=new Set;return t.forEach((function(t){t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[t,o]),x=r.useMemo((function(){return{labels:L,datasets:t.filter((function(e){return g.includes(e.label)})).map((function(e){return{label:e.label,data:L.map((function(t){var r=e.data.find((function(e){return o(e)===t}));return r?i(r):[0,0]})),backgroundColor:F[e.label],borderRadius:2}}))}}),[t,g,L,o,i,F]),z=r.useMemo((function(){return{fontFamily:d.fontFamilyBase,fontSize:parseInt(d.fontSizeBase200.replace("px",""))||14,labelColor:d.colorNeutralForeground1,gridColor:d.colorNeutralStroke2}}),[d]),N=z.fontFamily,k=z.fontSize,w=z.labelColor,B=z.gridColor,M=r.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!u,text:u,font:{size:14,family:d.fontFamilyBase,weight:d.fontWeightSemibold},color:d.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:d.colorNeutralForeground1,font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:E(d)},scales:{x:{ticks:{color:w,font:{family:N,size:k}},grid:{color:B}},y:{ticks:{color:w,font:{family:N,size:k}},grid:{color:B}}}}}),[u,d,s,w,N,k,B,E]);return n.createElement("div",{className:b.chartWithLegend},n.createElement("div",{className:b.chartArea},n.createElement(l.Bar,{data:x,options:M})),n.createElement("div",{className:b.legendArea},n.createElement(v,{data:t,visibleSeries:g,seriesColors:F,toggleSeries:function(e){p((function(r){var n=r.includes(e)?r.filter((function(t){return t!==e})):[].concat(r,[e]);return 0===n.length&&t.length>0?[t[0].label]:n}))}})))}function k(e){var t=e.data,o=e.getPrimary,i=e.getSecondary,u=e.title,c=e.showDataLabels,s=void 0!==c&&c,f=e.theme,d=void 0===f?a.webLightTheme:f,m=r.useState((function(){var e;return t.length>1?t.map((function(e){return e.label})):[null==(e=t[0])?void 0:e.label]})),g=m[0],p=m[1],b=S(),h=q(d),y=h.lightenColor,C=h.getFluentPalette,E=h.createFluentTooltip,F=r.useMemo((function(){return t.reduce((function(e,t,r){var n=C(d)[r%C(d).length],a=y(n,.3);return e[t.label]=a,e}),{})}),[t,d]),L=r.useMemo((function(){var e=new Set;return t.forEach((function(t){t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[t,o]),x=r.useMemo((function(){return{labels:L,datasets:t.filter((function(e){return g.includes(e.label)})).map((function(e){return{label:e.label,data:L.map((function(t){var r=e.data.find((function(e){return o(e)===t}));return r?i(r):null})),borderColor:F[e.label],backgroundColor:F[e.label],tension:.4,fill:!1,pointRadius:4}}))}}),[t,g,L,o,i,F]),z=r.useMemo((function(){return{fontFamily:d.fontFamilyBase,fontSize:parseInt(d.fontSizeBase200.replace("px",""))||14,labelColor:d.colorNeutralForeground1,gridColor:d.colorNeutralStroke2}}),[d]),N=z.fontFamily,k=z.fontSize,w=z.labelColor,B=z.gridColor,M=r.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!u,text:u,font:{size:14,family:d.fontFamilyBase,weight:d.fontWeightSemibold},color:d.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:d.colorNeutralForeground1,font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:E(d)},scales:{x:{ticks:{color:w,font:{family:N,size:k}},grid:{color:B}},y:{ticks:{color:w,font:{family:N,size:k}},grid:{color:B}}}}}),[u,d,s,w,N,k,B,E]);return n.createElement("div",{className:b.chartWithLegend},n.createElement("div",{className:b.chartArea},n.createElement(l.Line,{data:x,options:M})),n.createElement("div",{className:b.legendArea},n.createElement(v,{data:t,visibleSeries:g,seriesColors:F,toggleSeries:function(e){p((function(r){var n=r.includes(e)?r.filter((function(t){return t!==e})):[].concat(r,[e]);return 0===n.length&&t.length>0?[t[0].label]:n}))}})))}function w(e){var t=e.data,o=e.getLabel,i=e.getValue,u=e.title,c=e.showDataLabels,s=void 0!==c&&c,f=e.theme,d=void 0===f?a.webLightTheme:f,m=q(d),g=m.getFluentPalette,p=m.lightenColor,b=r.useState([]),h=b[0],y=b[1],v=S(),C=r.useMemo((function(){var e=new Map;return t.forEach((function(t){t.data.forEach((function(t){var r=o(t),n=i(t);e.set(r,(e.get(r)||0)+n)}))})),e}),[t,o,i]),E=r.useMemo((function(){var e=Array.from(C.keys()),t=g(d),r=e.map((function(e,r){return p(t[r%t.length],.3)})),n=e.filter((function(e){return!h.includes(e)})),a=n.map((function(e){return C.get(e)||0})),o=n.map((function(t){var n=e.indexOf(t);return r[n]}));return{allLabels:e,colors:r,filteredLabels:n,values:a,visibleColors:o}}),[C,g,p,d,h]),F=E.allLabels,L=E.colors,z=E.filteredLabels,N=E.values,k=E.visibleColors,w=r.useMemo((function(){return{chartData:{labels:z,datasets:[{data:N,backgroundColor:k,borderWidth:1}]},legendEntries:F.map((function(e,t){return{label:e,value:C.get(e)||0,color:L[t]}}))}}),[z,N,k,F,C,L]),B=w.chartData,M=w.legendEntries,A=r.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{tooltip:O(d),legend:{display:!1},title:{display:!!u,text:u,font:{size:14,family:d.fontFamilyBase,weight:d.fontWeightSemibold},color:d.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:d.colorNeutralForeground1,font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14}}}}}),[d,u,s]);return n.createElement("div",{className:v.chartWithLegend},n.createElement("div",{className:v.chartArea},n.createElement(l.Pie,{data:B,options:A})),n.createElement("div",{className:v.legendArea},n.createElement(x,{entries:M,visibleLabels:z,toggleLabel:function(e){y((function(t){return t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e])}))}})))}t.Chart.register(o),t.Chart.register(t.ArcElement,t.Tooltip,t.Legend,t.Title),t.Chart.register(o),t.Chart.register(t.CategoryScale,t.LinearScale,t.BarElement,t.Tooltip,t.Legend,t.Title),t.Chart.register(o),t.Chart.register(t.LineElement,t.PointElement,t.CategoryScale,t.LinearScale,t.Tooltip,t.Legend,t.Title),t.Chart.register(o),t.Chart.register(t.ArcElement,t.Tooltip,t.Legend,t.Title);var B=function(e){var t=e.colors,r=e.visibleLabels,a=e.toggleLabel,o=e.labels.map((function(e,r){return{label:e,color:t[r]}})),l=b(o);return n.createElement(p,{containerRef:l.containerRef,visibleItems:l.visibleItems,overflowItems:l.overflowItems,items:o,visibleLabels:r,toggleLabel:a,renderLabel:function(e){return e.label},getColor:function(e){return e.color}})};function M(e){var t=e.data,o=e.getLabel,i=e.getValue,u=e.title,c=e.showDataLabels,s=void 0===c||c,f=e.theme,d=void 0===f?a.webLightTheme:f,m=q(d),g=m.getFluentPalette,p=m.lightenColor,b=r.useState([]),h=b[0],y=b[1],v=S(),C=r.useMemo((function(){var e=new Map;return t.forEach((function(t){t.data.forEach((function(t){var r=o(t),n=i(t);e.set(r,(e.get(r)||0)+n)}))})),e}),[t,o,i]),E=r.useMemo((function(){var e=Array.from(C.keys()),t=g(d),r=e.map((function(e,r){return p(t[r%t.length],.3)})),n=e.filter((function(e){return!h.includes(e)})),a=n.map((function(e){return C.get(e)||0})),o=n.map((function(t){var n=e.indexOf(t);return r[n]}));return{allLabels:e,colors:r,filteredLabels:n,values:a,visibleColors:o}}),[C,g,p,d,h]),F=E.allLabels,L=E.colors,x=E.filteredLabels,z=E.values,N=E.visibleColors,k=r.useMemo((function(){return{labels:x,datasets:[{data:z,backgroundColor:N,borderWidth:1}]}}),[x,z,N]),w=r.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!u,text:u,font:{size:14,family:d.fontFamilyBase,weight:d.fontWeightSemibold},color:d.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:d.colorNeutralForeground1,font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14},formatter:function(e){return e}},tooltip:O(d),legend:{display:!1}},scales:{r:{ticks:{color:d.colorNeutralForeground1,backdropColor:"transparent",font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14}},grid:{color:d.colorNeutralStroke2}}}}}),[d,u,s,O]);return n.createElement("div",{className:v.chartWithLegend},n.createElement("div",{className:v.chartArea},n.createElement(l.PolarArea,{data:k,options:w})),n.createElement("div",{className:v.legendArea},n.createElement(B,{labels:F,colors:L,visibleLabels:x,toggleLabel:function(e){y((function(t){return t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e])}))}})))}function A(e){var t=e.data,o=e.getLabel,i=e.getValue,u=e.title,c=e.showDataLabels,s=void 0!==c&&c,f=e.theme,d=void 0===f?a.webLightTheme:f,m=r.useState((function(){return t.map((function(e){return e.label}))})),g=m[0],p=m[1],b=S(),h=q(d),y=h.lightenColor,C=h.getFluentPalette,E=r.useMemo((function(){return t.reduce((function(e,t,r){var n=C(d)[r%C(d).length];return e[t.label]=y(n,.3),e}),{})}),[t,C,y,d]),F=r.useMemo((function(){var e=new Set;return t.forEach((function(t){t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[t,o]),L=r.useMemo((function(){return{labels:F,datasets:t.filter((function(e){return g.includes(e.label)})).map((function(e){return{label:e.label,data:F.map((function(t){var r=e.data.find((function(e){return o(e)===t}));return r?i(r):0})),backgroundColor:E[e.label]+"33",borderColor:E[e.label],borderWidth:2,pointBackgroundColor:E[e.label]}}))}}),[t,g,F,o,i,E]),x=r.useMemo((function(){return{fontFamily:d.fontFamilyBase,fontSize:parseInt(d.fontSizeBase200.replace("px",""))||14,labelColor:d.colorNeutralForeground1,gridColor:d.colorNeutralStroke2}}),[d]),z=x.fontFamily,N=x.fontSize,k=x.labelColor,w=x.gridColor,B=r.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!u,text:u,font:{size:14,family:d.fontFamilyBase,weight:d.fontWeightSemibold},color:d.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:d.colorNeutralForeground1,font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14}},tooltip:O(d),legend:{display:!1}},scales:{r:{angleLines:{color:w},grid:{color:w},pointLabels:{color:k,font:{family:z,size:N}},ticks:{color:k,font:{family:z,size:N}}}}}}),[d,u,s,O,w,k,z,N]);return n.createElement("div",{className:b.chartWithLegend},n.createElement("div",{className:b.chartArea},n.createElement(l.Radar,{data:L,options:B})),n.createElement(v,{data:t,visibleSeries:g,seriesColors:E,toggleSeries:function(e){p((function(t){return t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e])}))}}))}function T(e){var t=e.data,o=e.getX,i=e.getY,u=e.title,c=e.showDataLabels,s=void 0!==c&&c,f=e.theme,d=void 0===f?a.webLightTheme:f,m=r.useState((function(){return t.map((function(e){return e.label}))})),g=m[0],p=m[1],b=S(),h=q(d),y=h.getFluentPalette,C=h.lightenColor,E=h.createFluentTooltip,F=r.useMemo((function(){return t.reduce((function(e,t,r){var n=y(d)[r%y(d).length];return e[t.label]=C(n,.3),e}),{})}),[t,d]),L=n.useCallback((function(e){p((function(t){return t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e])}))}),[]),x=r.useMemo((function(){return{datasets:t.filter((function(e){return g.includes(e.label)})).map((function(e){return{label:e.label,data:e.data.map((function(e){return{x:o(e),y:i(e)}})),backgroundColor:F[e.label],borderColor:F[e.label],pointRadius:4}}))}}),[t,g,o,i,F]),z=r.useMemo((function(){return{fontFamily:d.fontFamilyBase,fontSize:parseInt(d.fontSizeBase200.replace("px",""))||14,labelColor:d.colorNeutralForeground1,gridColor:d.colorNeutralStroke2}}),[d]),N=z.fontFamily,k=z.fontSize,w=z.labelColor,B=z.gridColor,M=r.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!u,text:u,font:{size:14,family:d.fontFamilyBase,weight:d.fontWeightSemibold},color:d.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:d.colorNeutralForeground1,font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:E(d)},scales:{x:{type:"linear",position:"bottom",ticks:{color:w,font:{family:N,size:k}},grid:{color:B}},y:{type:"linear",ticks:{color:w,font:{family:N,size:k}},grid:{color:B}}}}}),[d,u,s,E,w,N,k,B]);return n.createElement("div",{className:b.chartWithLegend},n.createElement("div",{className:b.chartArea},n.createElement(l.Scatter,{data:x,options:M})),n.createElement(v,{data:t,visibleSeries:g,seriesColors:F,toggleSeries:L}))}function I(e){var t=e.data,o=e.getPrimary,i=e.getSecondary,u=e.title,c=e.showDataLabels,s=void 0!==c&&c,f=e.theme,d=void 0===f?a.webLightTheme:f,m=r.useState((function(){var e;return t.length>1?t.map((function(e){return e.label})):[null==(e=t[0])?void 0:e.label]})),g=m[0],p=m[1],b=S(),h=q(d),y=h.lightenColor,C=h.getFluentPalette,E=h.createFluentTooltip,F=r.useMemo((function(){return t.reduce((function(e,t,r){var n=C(d)[r%C(d).length],a=y(n,.3);return e[t.label]=a,e}),{})}),[t,d]),L=r.useMemo((function(){var e=new Set;return t.forEach((function(t){t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[t,o]),x=r.useMemo((function(){return{labels:L,datasets:t.filter((function(e){return g.includes(e.label)})).map((function(e){return{label:e.label,data:L.map((function(t){var r=e.data.find((function(e){return o(e)===t}));return r?i(r):0})),borderColor:F[e.label],backgroundColor:F[e.label],fill:!0,tension:.4,pointRadius:3}}))}}),[t,g,L,o,i,F]),z=r.useMemo((function(){return{fontFamily:d.fontFamilyBase,fontSize:parseInt(d.fontSizeBase200.replace("px",""))||14,labelColor:d.colorNeutralForeground1,gridColor:d.colorNeutralStroke2}}),[d]),N=z.fontFamily,k=z.fontSize,w=z.labelColor,B=z.gridColor,M=r.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!u,text:u,font:{size:14,family:d.fontFamilyBase,weight:d.fontWeightSemibold},color:d.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:d.colorNeutralForeground1,font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:E(d)},scales:{x:{stacked:!0,ticks:{color:w,font:{family:N,size:k}},grid:{color:B}},y:{stacked:!0,ticks:{color:w,font:{family:N,size:k}},grid:{color:B}}}}}),[d,u,s,E,w,N,k,B]);return n.createElement("div",{className:b.chartWithLegend},n.createElement("div",{className:b.chartArea},n.createElement(l.Line,{data:x,options:M})),n.createElement(v,{data:t,visibleSeries:g,seriesColors:F,toggleSeries:function(e){p((function(r){var n=r.includes(e)?r.filter((function(t){return t!==e})):[].concat(r,[e]);return 0===n.length&&t.length>0?[t[0].label]:n}))}}))}function R(e){var t=e.data,o=e.getPrimary,i=e.getSecondary,u=e.title,c=e.showDataLabels,s=void 0!==c&&c,f=e.theme,d=void 0===f?a.webLightTheme:f,g=r.useState((function(){var e;return t.length>1?t.map((function(e){return e.label})):[null==(e=t[0])?void 0:e.label]})),p=g[0],b=g[1],h=r.useState(!1),y=h[0],C=h[1],E=S(),F=q(d),L=F.lightenColor,x=F.getFluentPalette,z=r.useMemo((function(){return t.reduce((function(e,t,r){var n=x(d)[r%x(d).length];return e[t.label]=L(n,.3),e}),{})}),[t,x,L,d]),N=n.useCallback((function(e){b((function(r){var n=r.includes(e)?r.filter((function(t){return t!==e})):[].concat(r,[e]);return 0===n.length?[t[0].label]:n}))}),[t]),k=r.useMemo((function(){var e=new Set;return t.forEach((function(t){t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[t,o]),w=r.useMemo((function(){return k.map((function(e){return t.reduce((function(t,r){var n=r.data.find((function(t){return o(t)===e}));return t+(n?i(n):0)}),0)}))}),[k,t,o,i]),B=r.useMemo((function(){return{labels:k,datasets:t.filter((function(e){return p.includes(e.label)})).map((function(e){return{label:e.label,fill:!0,backgroundColor:z[e.label],borderColor:"transparent",borderWidth:0,data:k.map((function(t,r){var n=e.data.find((function(e){return o(e)===t})),a=n?i(n):0;return y?Math.round(100*(a/(w[r]||1)*100+Number.EPSILON))/100:Math.round(100*(a+Number.EPSILON))/100})),tension:.5}}))}}),[t,p,k,o,i,z,w,y]),M=r.useMemo((function(){return{fontFamily:d.fontFamilyBase,fontSize:parseInt(d.fontSizeBase200.replace("px",""))||14,labelColor:d.colorNeutralForeground1,gridColor:d.colorNeutralStroke2}}),[d]),A=M.fontFamily,T=M.fontSize,I=M.labelColor,R=M.gridColor,W=r.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,animation:{duration:800,easing:"easeOutQuart"},plugins:{title:{display:!!u,text:u,font:{size:14,family:d.fontFamilyBase,weight:d.fontWeightSemibold},color:d.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:d.colorNeutralForeground1,font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:O(d)},interaction:{mode:"index",intersect:!1},scales:{x:{stacked:!0,ticks:{color:I,font:{family:A,size:T}},grid:{color:R}},y:{stacked:!0,ticks:{callback:function(e){return y?e+"%":e},color:I,font:{family:A,size:T}},grid:{color:R},min:0,max:y?100:void 0}}}}),[d,u,s,O,I,A,T,R,y]);return n.createElement("div",{className:E.chartWithLegend},n.createElement("div",{className:E.chartArea},n.createElement(l.Line,{data:B,options:W})),n.createElement(m,{justifyContent:"center",alignItems:"center",margin:"7px"},n.createElement(a.ToggleButton,{onClick:function(){return C((function(e){return!e}))},shape:"circular",appearance:"secondary",size:"small",style:{width:"150px"}},y?"Show Raw Values":"Show %")),n.createElement("div",{className:E.legendArea},n.createElement(v,{data:t,visibleSeries:p,seriesColors:z,toggleSeries:N})))}t.Chart.register(t.RadialLinearScale,t.ArcElement,t.Tooltip,t.Legend,t.Title,o),t.Chart.register(o),t.Chart.register(t.RadialLinearScale,t.PointElement,t.LineElement,t.Filler,t.Tooltip,t.Legend,t.Title),t.Chart.register(o),t.Chart.register(t.LinearScale,t.PointElement,t.Tooltip,t.Legend),t.Chart.register(o),t.Chart.register(t.CategoryScale,t.LinearScale,t.LineElement,t.PointElement,t.Tooltip,t.Legend,t.Title),t.Chart.register(o),t.Chart.register(t.LineElement,t.PointElement,t.Filler,t.CategoryScale,t.LinearScale,t.Tooltip,t.Legend,t.Title);var W=function(e,t){if(!/^#?[0-9A-Fa-f]{6}$/.test(e))return e;e.startsWith("#")&&(e=e.slice(1));var r=parseInt(e.slice(0,2),16),n=parseInt(e.slice(2,4),16),a=parseInt(e.slice(4,6),16);r=Math.min(255,Math.floor(r+(255-r)*t)),n=Math.min(255,Math.floor(n+(255-n)*t)),a=Math.min(255,Math.floor(a+(255-a)*t));var o=function(e){return e.toString(16).padStart(2,"0")};return"#"+o(r)+o(n)+o(a)},P=function(e){return["#4e79a7","#f28e2c","#e15759","#76b7b2","#59a14f","#edc949","#af7aa1","#ff9da7","#9c755f","#bab0ab","#8cd17d","#b6992d","#d37295","#fabfd2","#79706e"]},j=function(e){return{data:e.data,title:e.title,getPrimary:function(e){return e.name},getSecondary:function(e){return e.value}}},D=function(e,t){var r=e.type,o=null!=t?t:a.webLightTheme;switch(r){case"bar":return n.createElement(G,Object.assign({},j(e),{stacked:!1,theme:o}));case"line":return n.createElement(k,Object.assign({},j(e),{theme:o}));case"area":return n.createElement(C,Object.assign({},j(e),{stacked:!1,theme:o}));case"bar-horizontal":return n.createElement(E,Object.assign({},j(e),{stacked:!0,theme:o}));case"bubble":return n.createElement(F,Object.assign({},j(e),{getRadius:function(e){var t;return null!=(t=e.radius)?t:1},theme:o}));case"multiple-axes":return n.createElement(L,Object.assign({},j(e),{theme:o,data:e.data.map((function(e){var t;return{label:e.label,type:null!=(t=e.type)?t:"bar",data:e.data,yAxisID:e.secondaryAxisId}}))}));case"steam":return n.createElement(R,Object.assign({},j(e),{theme:o}));case"floating-bar":return n.createElement(N,Object.assign({getRange:function(e){var t,r;return[null!=(t=e.min)?t:0,null!=(r=e.max)?r:0]}},j(e),{theme:o}));case"stacked-line":return n.createElement(I,Object.assign({},j(e),{theme:o}));case"doughnut":return n.createElement(z,Object.assign({getLabel:function(e){return e.name},getValue:function(e){var t;return null!=(t=e.value)?t:0}},j(e),{theme:o}));case"pie":return n.createElement(w,Object.assign({getLabel:function(e){return e.name},getValue:function(e){var t;return null!=(t=e.value)?t:0},showDataLabels:!0},j(e),{theme:o}));case"scatter":return n.createElement(T,Object.assign({getX:function(e){return"number"==typeof e.x?e.x:"string"==typeof e.x?Number(e.x)||0:e.x instanceof Date?e.x.getTime():0},getY:function(e){return"number"==typeof e.y?e.y:0}},j(e),{theme:o,showDataLabels:!1}));case"polar":return n.createElement(M,{data:e.data,getLabel:function(e){return e.name},getValue:function(e){var t;return null!=(t=e.value)?t:0},title:e.title,showDataLabels:!0,theme:o});case"radar":return n.createElement(A,{data:e.data,getLabel:function(e){return e.name},getValue:function(e){var t;return null!=(t=e.value)?t:0},title:e.title,theme:o});default:throw new Error("Unsupported chart type: "+r)}};function O(e){var t=e.fontFamilyBase,r=parseInt(e.fontSizeBase200.replace("px",""))||14;return{enabled:!0,displayColors:!0,boxWidth:10,boxHeight:10,boxPadding:5,backgroundColor:e.colorNeutralBackground1,borderColor:e.colorNeutralStroke2,borderWidth:1,cornerRadius:4,padding:10,titleColor:e.colorNeutralForeground1,bodyColor:e.colorNeutralForeground2,titleFont:{family:t,size:r},bodyFont:{family:t,size:r},callbacks:{title:function(e){var t,r;return null!=(t=null==(r=e[0])?void 0:r.label)?t:""},label:function(e){var t="label"in e.dataset&&"string"==typeof e.dataset.label?e.dataset.label:"Value",r=e.raw;return"object"==typeof r&&null!==r&&"x"in r&&"y"in r&&"r"in r?t+" — x: "+r.x+", y: "+r.y+", r: "+r.r:"object"==typeof r&&null!==r&&"x"in r&&"y"in r?t+" — x: "+r.x+", y: "+r.y:Array.isArray(r)&&2===r.length?t+": "+r[0]+" – "+r[1]:t+": "+r},beforeTitle:function(){return""},afterTitle:function(){return""},beforeBody:function(){return""},afterBody:function(){return""},beforeLabel:function(){return""},afterLabel:function(){return""},labelColor:function(){},labelTextColor:function(){return""},footer:function(){return""},beforeFooter:function(){return""},afterFooter:function(){return""},labelPointStyle:function(){return{pointStyle:"circle",rotation:0,radius:5}}}}}var V=function(e){var t=e.maxLength,r=void 0===t?12:t,n=e.suffix,a=void 0===n?"":n,o=e.prefix,l=void 0===o?"":o;return function(e){var t="number"==typeof e?this.getLabelForValue(e):String(e),n=t.length>r?t.slice(0,r)+"…":t;return""+l+n+a}};function H(e,t){var r=null;return function(){for(var n=this,a=arguments.length,o=new Array(a),l=0;l<a;l++)o[l]=arguments[l];r&&clearTimeout(r),r=setTimeout((function(){return e.apply(n,o)}),t)}}function q(e){return r.useMemo((function(){return{lightenColor:W,getFluentPalette:P,getChartComponent:D,createFluentTooltip:O,createAxisLabelFormatter:V,debounce:H}}),[e])}function G(e){var t=e.data,a=e.getPrimary,o=e.getSecondary,i=e.title,u=e.showDatalabels,s=void 0!==u&&u,f=e.stacked,d=void 0!==f&&f,m=e.theme,g=r.useState((function(){var e;return t.length>1?t.map((function(e){return e.label})):[null==(e=t[0])?void 0:e.label]})),p=g[0],b=g[1],h=q(m),y=h.lightenColor,C=h.getFluentPalette,E=h.createFluentTooltip,F=S(),L=r.useMemo((function(){return t.reduce((function(e,t,r){var n=C(m)[r%C(m).length],a=y(n,.3);return e[t.label]=a,e}),{})}),[t]),x=r.useMemo((function(){var e=new Set;return t.forEach((function(t){t.data.forEach((function(t){e.add(a(t))}))})),Array.from(e)}),[t,a]),z=r.useMemo((function(){return{labels:x,datasets:t.filter((function(e){return p.includes(e.label)})).map((function(e){return{label:e.label,backgroundColor:L[e.label],data:x.map((function(t){var r=e.data.find((function(e){return a(e)===t}));return r?o(r):0})),yAxisID:d&&"line"===e.type?"y1":"y"}}))}}),[t,p,x,L,d]),N=r.useMemo((function(){return{fontFamily:m.fontFamilyBase,fontSize:parseInt(m.fontSizeBase200.replace("px",""))||14,labelColor:m.colorNeutralForeground1,gridColor:m.colorNeutralStroke2}}),[m]),k=N.fontFamily,w=N.fontSize,B=N.labelColor,M=N.gridColor,A=r.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!i,text:i,font:{size:14,family:m.fontFamilyBase,weight:m.fontWeightSemibold},color:m.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:m.colorNeutralForeground1,font:{family:m.fontFamilyBase,size:parseInt(m.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:E(m)},scales:c({x:{stacked:d,ticks:{callback:V({maxLength:10}),color:B,font:{family:k,size:w}},grid:{color:M}},y:{type:"linear",position:"left",stacked:d,ticks:{callback:V({maxLength:10}),color:B,font:{family:k,size:w}},grid:{color:M}}},d&&{y1:{type:"linear",position:"right",ticks:{callback:V({maxLength:10}),color:B,font:{family:k,size:w}},grid:{drawOnChartArea:!1}}})}}),[i,s,m,k,w,B,M,d,E]);return n.createElement("div",{className:F.chartWithLegend},n.createElement("div",{className:F.chartArea},n.createElement(l.Bar,{data:z,options:A})),n.createElement("div",{className:F.legendArea},n.createElement(v,{data:t,visibleSeries:p,seriesColors:L,toggleSeries:function(e){b((function(r){var n=r.includes(e)?r.filter((function(t){return t!==e})):[].concat(r,[e]);return 0===n.length&&t.length>0?[t[0].label]:n}))}})))}t.Chart.register(t.CategoryScale,t.LinearScale,t.BarElement,t.Tooltip,t.Legend,o,t.Title),exports.createAxisLabelFormatter=V,exports.createFluentTooltip=O,exports.getFluentPalette=P,exports.lightenColor=W,exports.useGraphUtils=q;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("chart.js"),r=require("react"),n=e(r),a=require("@fluentui/react-components"),o=e(require("chartjs-plugin-datalabels")),l=require("react-chartjs-2"),i=require("@emotion/css"),u=require("@juggle/resize-observer");function c(){return(c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}function s(e,t){return t||(t=e.slice(0)),e.raw=t,e}require("@fluentui/react-icons"),require("@iconify/react");var f=function(e){var t=e.label,r=e.isVisible,o=e.color,l=e.style;return n.createElement(a.Tooltip,{content:t,relationship:"label"},n.createElement(a.Button,{ref:e.buttonRef,shape:"circular",size:"small",appearance:r?"primary":"outline",onClick:e.onClick,style:c({backgroundColor:r?o:"transparent",color:r?"#fff":a.tokens.colorNeutralForeground1,borderColor:o,borderWidth:1,width:"100px",padding:"4px 8px",textAlign:"center"},void 0===l?{}:l)},n.createElement(a.Caption1,{as:"span",style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",lineHeight:"1.25"}},t)))},d={xs:a.tokens.spacingHorizontalXS,s:a.tokens.spacingHorizontalS,m:a.tokens.spacingHorizontalM,l:a.tokens.spacingHorizontalL,xl:a.tokens.spacingHorizontalXL,xxl:a.tokens.spacingHorizontalXXL},m=n.memo((function(e){var t=e.direction,r=e.justifyContent,o=e.alignItems,l=e.gap,u=e.columnGap,s=e.rowGap,f=e.margin,m=e.padding,g=e.marginTop,p=e.marginBottom,b=e.marginLeft,h=e.marginRight,y=e.paddingTop,v=e.paddingBottom,S=e.paddingLeft,C=e.paddingRight,E=e.wrap,F=e.children,L=e.className,x=i.css(c({display:"flex",flexDirection:"horizontal"===(void 0===t?"vertical":t)?"row":"column",justifyContent:void 0===r?"flex-start":r,alignItems:void 0===o?"stretch":o,gap:l&&d[l]?d[l]:l,columnGap:u&&d[u]?d[u]:u,rowGap:s&&d[s]?d[s]:s,margin:f&&d[f]?d[f]:f,padding:m&&d[m]?d[m]:m,marginTop:g&&d[g]?d[g]:g,marginBottom:p&&d[p]?d[p]:p,marginLeft:b&&d[b]?d[b]:b,marginRight:h&&d[h]?d[h]:h,paddingTop:y&&d[y]?d[y]:y,paddingBottom:v&&d[v]?d[v]:v,paddingLeft:S&&d[S]?d[S]:S,paddingRight:C&&d[C]?d[C]:C,width:e.width,height:e.height,overflow:e.overflow,flexWrap:void 0!==E&&E?"wrap":"nowrap",backgroundColor:e.background},e.style));return n.createElement("div",{className:a.mergeClasses(L,x)},F)}));m.displayName="Stack";var g={wrapper:i.css({display:"flex",flexWrap:"nowrap",overflow:"hidden",justifyContent:"center",gap:10,padding:2,width:"100%",boxSizing:"border-box"})};function p(e){var t=e.overflowItems,r=e.visibleLabels,o=e.toggleLabel,l=e.renderLabel,i=e.getColor;return n.createElement(m,{justifyContent:"center",alignItems:"center",marginLeft:"10px",marginRight:"10px",marginTop:"25px",marginBottom:"20px"},n.createElement("div",{ref:e.containerRef,className:g.wrapper},e.visibleItems.map((function(e){var t=e.label,a=0===r.length||r.includes(t);return n.createElement(f,{key:t,label:l(e),color:i(e),isVisible:a,onClick:function(){return o(t)}})})),t.length>0&&n.createElement(a.Menu,null,n.createElement(a.MenuTrigger,{disableButtonEnhancement:!0},n.createElement(a.MenuButton,{size:"small",appearance:"transparent"},"+",t.length)),n.createElement(a.MenuPopover,{style:{minWidth:"fit-content",maxWidth:"200px"}},n.createElement(a.MenuList,null,t.map((function(e){var t=e.label,u=0===r.length||r.includes(t);return n.createElement(a.MenuItem,{key:t,style:{padding:0}},n.createElement(f,{label:l(e),color:i(e),isVisible:u,onClick:function(){return o(t)},style:{width:"100px",textAlign:"left"}}))})))))))}function b(e){var t=r.useRef(null),n=r.useState(e.length),a=n[0],o=n[1],l=H().debounce;return r.useEffect((function(){var e=function(){var e,r,n=null!=(e=null==(r=t.current)?void 0:r.offsetWidth)?e:0,a=Math.floor(n/110);o(a)},r=l(e,100),n=new u.ResizeObserver(r);return t.current&&n.observe(t.current),e(),function(){return n.disconnect()}}),[e]),{containerRef:t,visibleItems:e.slice(0,a),overflowItems:e.slice(a)}}var h,y,v=function(e){var t=e.data,r=e.visibleSeries,a=e.seriesColors,o=e.toggleSeries,l=b(t);return n.createElement(p,{containerRef:l.containerRef,visibleItems:l.visibleItems,overflowItems:l.overflowItems,items:t,visibleLabels:r,toggleLabel:o,renderLabel:function(e){return e.label},getColor:function(e){return a[e.label]}})},S=function(){return{chartWithLegend:i.css({display:"flex",flexDirection:"column",height:"100%",chartArea:{flexGrow:1,minHeight:0}}),chartArea:i.css(h||(h=s(["\n            flex-grow: 1;\n            min-height: 0;\n        "]))),legendArea:i.css(y||(y=s(["\n            margin-top: 0px;\n            padding-top: 0px;\n            \n            margin-Left: 10px;\n            margin-Right: 10px;\n       \n        "])))}};function C(e){var t=e.data,o=e.getPrimary,i=e.getSecondary,u=e.title,c=e.showDatalabels,s=void 0!==c&&c,f=e.theme,d=void 0===f?a.webLightTheme:f,m=e.stacked,g=void 0!==m&&m,p=r.useState((function(){var e;return t.length>1?t.map((function(e){return e.label})):[null==(e=t[0])?void 0:e.label]})),b=p[0],h=p[1],y=S(),C=H(d),E=C.lightenColor,F=C.getFluentPalette,L=C.createFluentTooltip,x=r.useMemo((function(){return t.reduce((function(e,t,r){var n=F(d)[r%F(d).length],a=E(n,.3);return e[t.label]=a,e}),{})}),[t,d]),z=r.useMemo((function(){var e=new Set;return t.forEach((function(t){t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[t,o]),N=r.useMemo((function(){return{labels:z,datasets:t.filter((function(e){return b.includes(e.label)})).map((function(e){return{label:e.label,data:z.map((function(t){var r=e.data.find((function(e){return o(e)===t}));return r?i(r):null})),borderColor:x[e.label],backgroundColor:x[e.label],fill:!0,tension:.4,pointRadius:2}}))}}),[t,b,z,o,i,x]),k=r.useMemo((function(){return{fontFamily:d.fontFamilyBase,fontSize:parseInt(d.fontSizeBase200.replace("px",""))||14,labelColor:d.colorNeutralForeground1,gridColor:d.colorNeutralStroke2}}),[d]),w=k.fontFamily,B=k.fontSize,M=k.labelColor,A=k.gridColor,T=r.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!u,text:u,font:{size:14,family:d.fontFamilyBase,weight:d.fontWeightSemibold},color:d.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:d.colorNeutralForeground1,font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:L(d)},scales:{x:{stacked:g,ticks:{color:M,font:{family:w,size:B}},grid:{color:A}},y:{stacked:g,ticks:{color:M,font:{family:w,size:B}},grid:{color:A}}}}}),[u,s,d,w,B,M,A,g,L]);return n.createElement("div",{className:y.chartWithLegend},n.createElement("div",{className:y.chartArea},n.createElement(l.Line,{data:N,options:T})),n.createElement(v,{data:t,visibleSeries:b,seriesColors:x,toggleSeries:function(e){h((function(r){var n=r.includes(e)?r.filter((function(t){return t!==e})):[].concat(r,[e]);return 0===n.length&&t.length>0?[t[0].label]:n}))}}))}function E(e){var t=e.data,a=e.getPrimary,o=e.getSecondary,i=e.stacked,u=void 0!==i&&i,c=e.showDatalabels,s=void 0!==c&&c,f=e.title,d=e.theme,m=r.useState((function(){var e;return t.length>1?t.map((function(e){return e.label})):[null==(e=t[0])?void 0:e.label]})),g=m[0],p=m[1],b=S(),h=H(d),y=h.lightenColor,C=h.getFluentPalette,E=h.createFluentTooltip,F=r.useMemo((function(){return t.reduce((function(e,t,r){var n=C(d)[r%C(d).length],a=y(n,.3);return e[t.label]=a,e}),{})}),[t]),L=r.useMemo((function(){var e=new Set;return t.forEach((function(t){t.data.forEach((function(t){e.add(a(t))}))})),Array.from(e)}),[t,a]),x=r.useMemo((function(){return{labels:L,datasets:t.filter((function(e){return g.includes(e.label)})).map((function(e){return{label:e.label,backgroundColor:F[e.label],data:L.map((function(t){var r=e.data.find((function(e){return a(e)===t}));return r?o(r):0}))}}))}}),[t,g,L,F]),z=r.useMemo((function(){return{fontFamily:d.fontFamilyBase,fontSize:parseInt(d.fontSizeBase200.replace("px",""))||14,labelColor:d.colorNeutralForeground1,gridColor:d.colorNeutralStroke2}}),[d]),N=z.fontFamily,k=z.fontSize,w=z.labelColor,B=z.gridColor,M=r.useMemo((function(){return{indexAxis:"y",responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!f,text:f,font:{size:14,family:d.fontFamilyBase,weight:d.fontWeightSemibold},color:d.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:d.colorNeutralForeground1,font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:E(d)},scales:{x:{stacked:u,ticks:{color:w,font:{family:N,size:k}},grid:{color:B}},y:{stacked:u,ticks:{color:w,font:{family:N,size:k}},grid:{color:B}}}}}),[f,s,d,N,k,w,B,u,E]);return n.createElement("div",{className:b.chartWithLegend},n.createElement("div",{className:b.chartArea},n.createElement(l.Bar,{data:x,options:M})),n.createElement("div",{className:b.legendArea},n.createElement(v,{data:t,visibleSeries:g,seriesColors:F,toggleSeries:function(e){p((function(r){var n=r.includes(e)?r.filter((function(t){return t!==e})):[].concat(r,[e]);return 0===n.length&&t.length>0?[t[0].label]:n}))}})))}function F(e){var t=e.data,o=e.getPrimary,i=e.getSecondary,u=e.getRadius,c=e.showDataLabels,s=e.title,f=e.theme,d=void 0===f?a.webLightTheme:f,m=r.useState((function(){var e;return t.length>1?t.map((function(e){return e.label})):[null==(e=t[0])?void 0:e.label]})),g=m[0],p=m[1],b=H(d),h=b.lightenColor,y=b.getFluentPalette,C=b.createFluentTooltip,E=S(),F=r.useMemo((function(){return t.reduce((function(e,t,r){var n=y(d)[r%y(d).length],a=h(n,.3);return e[t.label]=a,e}),{})}),[t,d]),L=r.useMemo((function(){return{datasets:t.filter((function(e){return g.includes(e.label)})).map((function(e){return{label:e.label,data:e.data.map((function(e){return{x:o(e),y:i(e),r:u(e)}})),backgroundColor:F[e.label],borderColor:d.colorNeutralStroke1,borderWidth:1,hoverBorderWidth:2}}))}}),[t,g,o,i,u,F]),x=r.useMemo((function(){return{fontFamily:d.fontFamilyBase,fontSize:parseInt(d.fontSizeBase200.replace("px",""))||14,labelColor:d.colorNeutralForeground1,gridColor:d.colorNeutralStroke2}}),[d]),z=x.fontFamily,N=x.fontSize,k=x.labelColor,w=x.gridColor,B=r.useMemo((function(){var e;return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!s,text:s,font:{size:14,family:d.fontFamilyBase,weight:d.fontWeightSemibold},color:d.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:c,color:d.colorNeutralForeground1,font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:C(d)},scales:{x:{type:"number"==typeof o(null==(e=t[0])?void 0:e.data[0])?"linear":"category",ticks:{color:k,font:{family:z,size:N}},grid:{color:w}},y:{ticks:{color:k,font:{family:z,size:N}},grid:{color:w}}}}}),[s,c,d,o,i,t,z,N,k,w,C]);return n.createElement(n.Fragment,null,n.createElement("div",{className:E.chartWithLegend},n.createElement("div",{className:E.chartArea},n.createElement(l.Bubble,{data:L,options:B})),n.createElement("div",{className:E.legendArea},n.createElement(v,{data:t,visibleSeries:g,seriesColors:F,toggleSeries:function(e){p((function(r){var n=r.includes(e)?r.filter((function(t){return t!==e})):[].concat(r,[e]);return 0===n.length&&t.length>0?[t[0].label]:n}))}}))))}function L(e){var t=e.data,o=e.getPrimary,i=e.getSecondary,u=e.title,c=e.showDataLabels,s=void 0!==c&&c,f=e.theme,d=void 0===f?a.webLightTheme:f,m=r.useState((function(){return t.map((function(e){return e.label}))})),g=m[0],p=m[1],b=S(),h=H(d),y=h.lightenColor,C=h.getFluentPalette,E=h.createFluentTooltip,F=r.useMemo((function(){return t.reduce((function(e,t,r){var n=C(d)[r%C(d).length];return e[t.label]=y(n,.3),e}),{})}),[t,d]),L=r.useMemo((function(){var e=new Set;return t.forEach((function(t){return t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[t,o]),x=r.useMemo((function(){var e=t.filter((function(e){return g.includes(e.label)})).sort((function(e,t){return"bar"===e.type&&"line"===t.type?-1:"line"===e.type&&"bar"===t.type?1:0}));return{labels:L,datasets:e.map((function(e){var t;return{type:e.type,label:e.label,yAxisID:null!=(t=e.yAxisID)?t:"y",data:L.map((function(t){var r=e.data.find((function(e){return o(e)===t}));return r?i(r):0})),backgroundColor:F[e.label],borderColor:F[e.label],fill:"bar"===e.type,tension:"line"===e.type?.4:0,pointRadius:"line"===e.type?3:0,borderWidth:"line"===e.type?2:1,order:"bar"===e.type?1:0}}))}}),[t,g,L,o,i,F]),z=r.useMemo((function(){return{fontFamily:d.fontFamilyBase,fontSize:parseInt(d.fontSizeBase200.replace("px",""))||14,labelColor:d.colorNeutralForeground1,gridColor:d.colorNeutralStroke2}}),[d]),N=z.fontFamily,k=z.fontSize,w=z.labelColor,B=z.gridColor,M=r.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!u,text:u,font:{size:14,family:d.fontFamilyBase,weight:d.fontWeightSemibold},color:d.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:d.colorNeutralForeground1,font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:E(d)},scales:{x:{ticks:{color:w,font:{family:N,size:k}},grid:{color:B}},y:{position:"left",ticks:{color:w,font:{family:N,size:k}},grid:{color:B},stacked:!1}}}}),[u,s,d,N,k,w,B,E]);return n.createElement(n.Fragment,null,n.createElement("div",{className:b.chartWithLegend},n.createElement("div",{className:b.chartArea},n.createElement(l.Chart,{type:"bar",data:x,options:M})),n.createElement("div",{className:b.legendArea},n.createElement(v,{data:t,visibleSeries:g,seriesColors:F,toggleSeries:function(e){p((function(r){var n=r.includes(e)?r.filter((function(t){return t!==e})):[].concat(r,[e]);return 0===n.length?[t[0].label]:n}))}}))))}t.Chart.register(t.CategoryScale,t.LinearScale,t.PointElement,t.LineElement,t.Tooltip,t.Filler,t.Legend,o,t.Title),t.Chart.register(t.CategoryScale,t.LinearScale,t.BarElement,t.Tooltip,t.Legend,t.Title,o),t.Chart.register(t.CategoryScale,t.LinearScale,t.PointElement,t.Tooltip,t.Legend,o,t.Title),t.Chart.register(o),t.Chart.register(t.CategoryScale,t.LinearScale,t.BarElement,t.LineElement,t.PointElement,t.Tooltip,t.Legend,t.Title);var x=function(e){var t=e.entries,r=e.visibleLabels,a=e.toggleLabel,o=b(t);return n.createElement(p,{containerRef:o.containerRef,visibleItems:o.visibleItems,overflowItems:o.overflowItems,items:t,visibleLabels:r,toggleLabel:a,renderLabel:function(e){return e.label+": "+e.value},getColor:function(e){return e.color}})};function z(e){var t=e.data,o=e.getLabel,i=e.getValue,u=e.title,c=e.showDataLabels,s=void 0===c||c,f=e.theme,d=void 0===f?a.webLightTheme:f,m=S(),g=H(d),p=g.lightenColor,b=g.getFluentPalette,h=g.createFluentTooltip,y=r.useState([]),v=y[0],C=y[1],E=r.useMemo((function(){var e=new Map;return t.forEach((function(t){t.data.forEach((function(t){var r=o(t),n=i(t);e.set(r,(e.get(r)||0)+n)}))})),e}),[t,o,i]),F=r.useMemo((function(){var e=Array.from(E.keys()),t=b(d),r=e.map((function(e,r){return p(t[r%t.length],.3)}));return{allLabels:e,colors:r}}),[E,b,d,p]),L=F.allLabels,z=F.colors,N=r.useMemo((function(){var e=L.filter((function(e){return!v.includes(e)})),t=e.map((function(e){return E.get(e)||0})),r=e.map((function(e){var t=L.indexOf(e);return z[t]}));return{filteredLabels:e,values:t,visibleColors:r}}),[L,v,E,z]),k=N.filteredLabels,w=N.values,B=N.visibleColors,M=r.useMemo((function(){return{labels:k,datasets:[{data:w,backgroundColor:B,borderWidth:1}]}}),[k,w,B]),A=r.useMemo((function(){return L.map((function(e,t){return{label:e,value:E.get(e)||0,color:z[t]}}))}),[L,E,z]),T=r.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},tooltip:h(d),title:{display:!!u,text:u,font:{size:14,family:d.fontFamilyBase,weight:d.fontWeightSemibold},color:d.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:d.colorNeutralForeground1,font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14},formatter:function(e){return e}}}}}),[u,d,s,h]);return n.createElement("div",{className:m.chartWithLegend},n.createElement("div",{className:m.chartArea},n.createElement(l.Doughnut,{data:M,options:T})),n.createElement("div",{className:m.legendArea},n.createElement(x,{entries:A,visibleLabels:k,toggleLabel:function(e){C((function(t){return t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e])}))}})))}function N(e){var t=e.data,o=e.getPrimary,i=e.getRange,u=e.title,c=e.showDataLabels,s=void 0!==c&&c,f=e.theme,d=void 0===f?a.webLightTheme:f,m=r.useState((function(){var e;return t.length>1?t.map((function(e){return e.label})):[null==(e=t[0])?void 0:e.label]})),g=m[0],p=m[1],b=S(),h=H(d),y=h.lightenColor,C=h.getFluentPalette,E=h.createFluentTooltip,F=r.useMemo((function(){return t.reduce((function(e,t,r){var n=C(d)[r%C(d).length],a=y(n,.3);return e[t.label]=a,e}),{})}),[t,d]),L=r.useMemo((function(){var e=new Set;return t.forEach((function(t){t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[t,o]),x=r.useMemo((function(){return{labels:L,datasets:t.filter((function(e){return g.includes(e.label)})).map((function(e){return{label:e.label,data:L.map((function(t){var r=e.data.find((function(e){return o(e)===t}));return r?i(r):[0,0]})),backgroundColor:F[e.label],borderRadius:2}}))}}),[t,g,L,o,i,F]),z=r.useMemo((function(){return{fontFamily:d.fontFamilyBase,fontSize:parseInt(d.fontSizeBase200.replace("px",""))||14,labelColor:d.colorNeutralForeground1,gridColor:d.colorNeutralStroke2}}),[d]),N=z.fontFamily,k=z.fontSize,w=z.labelColor,B=z.gridColor,M=r.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!u,text:u,font:{size:14,family:d.fontFamilyBase,weight:d.fontWeightSemibold},color:d.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:d.colorNeutralForeground1,font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:E(d)},scales:{x:{ticks:{color:w,font:{family:N,size:k}},grid:{color:B}},y:{ticks:{color:w,font:{family:N,size:k}},grid:{color:B}}}}}),[u,d,s,w,N,k,B,E]);return n.createElement("div",{className:b.chartWithLegend},n.createElement("div",{className:b.chartArea},n.createElement(l.Bar,{data:x,options:M})),n.createElement("div",{className:b.legendArea},n.createElement(v,{data:t,visibleSeries:g,seriesColors:F,toggleSeries:function(e){p((function(r){var n=r.includes(e)?r.filter((function(t){return t!==e})):[].concat(r,[e]);return 0===n.length&&t.length>0?[t[0].label]:n}))}})))}function k(e){var t=e.data,o=e.getPrimary,i=e.getSecondary,u=e.title,c=e.showDataLabels,s=void 0!==c&&c,f=e.theme,d=void 0===f?a.webLightTheme:f,m=r.useState((function(){var e;return t.length>1?t.map((function(e){return e.label})):[null==(e=t[0])?void 0:e.label]})),g=m[0],p=m[1],b=S(),h=H(d),y=h.lightenColor,C=h.getFluentPalette,E=h.createFluentTooltip,F=r.useMemo((function(){return t.reduce((function(e,t,r){var n=C(d)[r%C(d).length],a=y(n,.3);return e[t.label]=a,e}),{})}),[t,d]),L=r.useMemo((function(){var e=new Set;return t.forEach((function(t){t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[t,o]),x=r.useMemo((function(){return{labels:L,datasets:t.filter((function(e){return g.includes(e.label)})).map((function(e){return{label:e.label,data:L.map((function(t){var r=e.data.find((function(e){return o(e)===t}));return r?i(r):null})),borderColor:F[e.label],backgroundColor:F[e.label],tension:.4,fill:!1,pointRadius:4}}))}}),[t,g,L,o,i,F]),z=r.useMemo((function(){return{fontFamily:d.fontFamilyBase,fontSize:parseInt(d.fontSizeBase200.replace("px",""))||14,labelColor:d.colorNeutralForeground1,gridColor:d.colorNeutralStroke2}}),[d]),N=z.fontFamily,k=z.fontSize,w=z.labelColor,B=z.gridColor,M=r.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!u,text:u,font:{size:14,family:d.fontFamilyBase,weight:d.fontWeightSemibold},color:d.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:d.colorNeutralForeground1,font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:E(d)},scales:{x:{ticks:{color:w,font:{family:N,size:k}},grid:{color:B}},y:{ticks:{color:w,font:{family:N,size:k}},grid:{color:B}}}}}),[u,d,s,w,N,k,B,E]);return n.createElement("div",{className:b.chartWithLegend},n.createElement("div",{className:b.chartArea},n.createElement(l.Line,{data:x,options:M})),n.createElement("div",{className:b.legendArea},n.createElement(v,{data:t,visibleSeries:g,seriesColors:F,toggleSeries:function(e){p((function(r){var n=r.includes(e)?r.filter((function(t){return t!==e})):[].concat(r,[e]);return 0===n.length&&t.length>0?[t[0].label]:n}))}})))}function w(e){var t=e.data,o=e.getLabel,i=e.getValue,u=e.title,c=e.showDataLabels,s=void 0!==c&&c,f=e.theme,d=void 0===f?a.webLightTheme:f,m=H(d),g=m.getFluentPalette,p=m.lightenColor,b=r.useState([]),h=b[0],y=b[1],v=S(),C=r.useMemo((function(){var e=new Map;return t.forEach((function(t){t.data.forEach((function(t){var r=o(t),n=i(t);e.set(r,(e.get(r)||0)+n)}))})),e}),[t,o,i]),E=r.useMemo((function(){var e=Array.from(C.keys()),t=g(d),r=e.map((function(e,r){return p(t[r%t.length],.3)})),n=e.filter((function(e){return!h.includes(e)})),a=n.map((function(e){return C.get(e)||0})),o=n.map((function(t){var n=e.indexOf(t);return r[n]}));return{allLabels:e,colors:r,filteredLabels:n,values:a,visibleColors:o}}),[C,g,p,d,h]),F=E.allLabels,L=E.colors,z=E.filteredLabels,N=E.values,k=E.visibleColors,w=r.useMemo((function(){return{chartData:{labels:z,datasets:[{data:N,backgroundColor:k,borderWidth:1}]},legendEntries:F.map((function(e,t){return{label:e,value:C.get(e)||0,color:L[t]}}))}}),[z,N,k,F,C,L]),B=w.chartData,M=w.legendEntries,A=r.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{tooltip:O(d),legend:{display:!1},title:{display:!!u,text:u,font:{size:14,family:d.fontFamilyBase,weight:d.fontWeightSemibold},color:d.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:d.colorNeutralForeground1,font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14}}}}}),[d,u,s]);return n.createElement("div",{className:v.chartWithLegend},n.createElement("div",{className:v.chartArea},n.createElement(l.Pie,{data:B,options:A})),n.createElement("div",{className:v.legendArea},n.createElement(x,{entries:M,visibleLabels:z,toggleLabel:function(e){y((function(t){return t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e])}))}})))}t.Chart.register(o),t.Chart.register(t.ArcElement,t.Tooltip,t.Legend,t.Title),t.Chart.register(o),t.Chart.register(t.CategoryScale,t.LinearScale,t.BarElement,t.Tooltip,t.Legend,t.Title),t.Chart.register(o),t.Chart.register(t.LineElement,t.PointElement,t.CategoryScale,t.LinearScale,t.Tooltip,t.Legend,t.Title),t.Chart.register(o),t.Chart.register(t.ArcElement,t.Tooltip,t.Legend,t.Title);var B=function(e){var t=e.colors,r=e.visibleLabels,a=e.toggleLabel,o=e.labels.map((function(e,r){return{label:e,color:t[r]}})),l=b(o);return n.createElement(p,{containerRef:l.containerRef,visibleItems:l.visibleItems,overflowItems:l.overflowItems,items:o,visibleLabels:r,toggleLabel:a,renderLabel:function(e){return e.label},getColor:function(e){return e.color}})};function M(e){var t=e.data,o=e.getLabel,i=e.getValue,u=e.title,c=e.showDataLabels,s=void 0===c||c,f=e.theme,d=void 0===f?a.webLightTheme:f,m=H(d),g=m.getFluentPalette,p=m.lightenColor,b=r.useState([]),h=b[0],y=b[1],v=S(),C=r.useMemo((function(){var e=new Map;return t.forEach((function(t){t.data.forEach((function(t){var r=o(t),n=i(t);e.set(r,(e.get(r)||0)+n)}))})),e}),[t,o,i]),E=r.useMemo((function(){var e=Array.from(C.keys()),t=g(d),r=e.map((function(e,r){return p(t[r%t.length],.3)})),n=e.filter((function(e){return!h.includes(e)})),a=n.map((function(e){return C.get(e)||0})),o=n.map((function(t){var n=e.indexOf(t);return r[n]}));return{allLabels:e,colors:r,filteredLabels:n,values:a,visibleColors:o}}),[C,g,p,d,h]),F=E.allLabels,L=E.colors,x=E.filteredLabels,z=E.values,N=E.visibleColors,k=r.useMemo((function(){return{labels:x,datasets:[{data:z,backgroundColor:N,borderWidth:1}]}}),[x,z,N]),w=r.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!u,text:u,font:{size:14,family:d.fontFamilyBase,weight:d.fontWeightSemibold},color:d.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:d.colorNeutralForeground1,font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14},formatter:function(e){return e}},tooltip:O(d),legend:{display:!1}},scales:{r:{ticks:{color:d.colorNeutralForeground1,backdropColor:"transparent",font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14}},grid:{color:d.colorNeutralStroke2}}}}}),[d,u,s,O]);return n.createElement("div",{className:v.chartWithLegend},n.createElement("div",{className:v.chartArea},n.createElement(l.PolarArea,{data:k,options:w})),n.createElement("div",{className:v.legendArea},n.createElement(B,{labels:F,colors:L,visibleLabels:x,toggleLabel:function(e){y((function(t){return t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e])}))}})))}function A(e){var t=e.data,o=e.getLabel,i=e.getValue,u=e.title,c=e.showDataLabels,s=void 0!==c&&c,f=e.theme,d=void 0===f?a.webLightTheme:f,m=r.useState((function(){return t.map((function(e){return e.label}))})),g=m[0],p=m[1],b=S(),h=H(d),y=h.lightenColor,C=h.getFluentPalette,E=r.useMemo((function(){return t.reduce((function(e,t,r){var n=C(d)[r%C(d).length];return e[t.label]=y(n,.3),e}),{})}),[t,C,y,d]),F=r.useMemo((function(){var e=new Set;return t.forEach((function(t){t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[t,o]),L=r.useMemo((function(){return{labels:F,datasets:t.filter((function(e){return g.includes(e.label)})).map((function(e){return{label:e.label,data:F.map((function(t){var r=e.data.find((function(e){return o(e)===t}));return r?i(r):0})),backgroundColor:E[e.label]+"33",borderColor:E[e.label],borderWidth:2,pointBackgroundColor:E[e.label]}}))}}),[t,g,F,o,i,E]),x=r.useMemo((function(){return{fontFamily:d.fontFamilyBase,fontSize:parseInt(d.fontSizeBase200.replace("px",""))||14,labelColor:d.colorNeutralForeground1,gridColor:d.colorNeutralStroke2}}),[d]),z=x.fontFamily,N=x.fontSize,k=x.labelColor,w=x.gridColor,B=r.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!u,text:u,font:{size:14,family:d.fontFamilyBase,weight:d.fontWeightSemibold},color:d.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:d.colorNeutralForeground1,font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14}},tooltip:O(d),legend:{display:!1}},scales:{r:{angleLines:{color:w},grid:{color:w},pointLabels:{color:k,font:{family:z,size:N}},ticks:{color:k,font:{family:z,size:N}}}}}}),[d,u,s,O,w,k,z,N]);return n.createElement("div",{className:b.chartWithLegend},n.createElement("div",{className:b.chartArea},n.createElement(l.Radar,{data:L,options:B})),n.createElement(v,{data:t,visibleSeries:g,seriesColors:E,toggleSeries:function(e){p((function(t){return t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e])}))}}))}function T(e){var t=e.data,o=e.getX,i=e.getY,u=e.title,c=e.showDataLabels,s=void 0!==c&&c,f=e.theme,d=void 0===f?a.webLightTheme:f,m=r.useState((function(){return t.map((function(e){return e.label}))})),g=m[0],p=m[1],b=S(),h=H(d),y=h.getFluentPalette,C=h.lightenColor,E=h.createFluentTooltip,F=r.useMemo((function(){return t.reduce((function(e,t,r){var n=y(d)[r%y(d).length];return e[t.label]=C(n,.3),e}),{})}),[t,d]),L=n.useCallback((function(e){p((function(t){return t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e])}))}),[]),x=r.useMemo((function(){return{datasets:t.filter((function(e){return g.includes(e.label)})).map((function(e){return{label:e.label,data:e.data.map((function(e){return{x:o(e),y:i(e)}})),backgroundColor:F[e.label],borderColor:F[e.label],pointRadius:4}}))}}),[t,g,o,i,F]),z=r.useMemo((function(){return{fontFamily:d.fontFamilyBase,fontSize:parseInt(d.fontSizeBase200.replace("px",""))||14,labelColor:d.colorNeutralForeground1,gridColor:d.colorNeutralStroke2}}),[d]),N=z.fontFamily,k=z.fontSize,w=z.labelColor,B=z.gridColor,M=r.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!u,text:u,font:{size:14,family:d.fontFamilyBase,weight:d.fontWeightSemibold},color:d.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:d.colorNeutralForeground1,font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:E(d)},scales:{x:{type:"linear",position:"bottom",ticks:{color:w,font:{family:N,size:k}},grid:{color:B}},y:{type:"linear",ticks:{color:w,font:{family:N,size:k}},grid:{color:B}}}}}),[d,u,s,E,w,N,k,B]);return n.createElement("div",{className:b.chartWithLegend},n.createElement("div",{className:b.chartArea},n.createElement(l.Scatter,{data:x,options:M})),n.createElement(v,{data:t,visibleSeries:g,seriesColors:F,toggleSeries:L}))}function I(e){var t=e.data,o=e.getPrimary,i=e.getSecondary,u=e.title,c=e.showDataLabels,s=void 0!==c&&c,f=e.theme,d=void 0===f?a.webLightTheme:f,m=r.useState((function(){var e;return t.length>1?t.map((function(e){return e.label})):[null==(e=t[0])?void 0:e.label]})),g=m[0],p=m[1],b=S(),h=H(d),y=h.lightenColor,C=h.getFluentPalette,E=h.createFluentTooltip,F=r.useMemo((function(){return t.reduce((function(e,t,r){var n=C(d)[r%C(d).length],a=y(n,.3);return e[t.label]=a,e}),{})}),[t,d]),L=r.useMemo((function(){var e=new Set;return t.forEach((function(t){t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[t,o]),x=r.useMemo((function(){return{labels:L,datasets:t.filter((function(e){return g.includes(e.label)})).map((function(e){return{label:e.label,data:L.map((function(t){var r=e.data.find((function(e){return o(e)===t}));return r?i(r):0})),borderColor:F[e.label],backgroundColor:F[e.label],fill:!0,tension:.4,pointRadius:3}}))}}),[t,g,L,o,i,F]),z=r.useMemo((function(){return{fontFamily:d.fontFamilyBase,fontSize:parseInt(d.fontSizeBase200.replace("px",""))||14,labelColor:d.colorNeutralForeground1,gridColor:d.colorNeutralStroke2}}),[d]),N=z.fontFamily,k=z.fontSize,w=z.labelColor,B=z.gridColor,M=r.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!u,text:u,font:{size:14,family:d.fontFamilyBase,weight:d.fontWeightSemibold},color:d.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:d.colorNeutralForeground1,font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:E(d)},scales:{x:{stacked:!0,ticks:{color:w,font:{family:N,size:k}},grid:{color:B}},y:{stacked:!0,ticks:{color:w,font:{family:N,size:k}},grid:{color:B}}}}}),[d,u,s,E,w,N,k,B]);return n.createElement("div",{className:b.chartWithLegend},n.createElement("div",{className:b.chartArea},n.createElement(l.Line,{data:x,options:M})),n.createElement(v,{data:t,visibleSeries:g,seriesColors:F,toggleSeries:function(e){p((function(r){var n=r.includes(e)?r.filter((function(t){return t!==e})):[].concat(r,[e]);return 0===n.length&&t.length>0?[t[0].label]:n}))}}))}function R(e){var t=e.data,o=e.getPrimary,i=e.getSecondary,u=e.title,c=e.showDataLabels,s=void 0!==c&&c,f=e.theme,d=void 0===f?a.webLightTheme:f,g=r.useState((function(){var e;return t.length>1?t.map((function(e){return e.label})):[null==(e=t[0])?void 0:e.label]})),p=g[0],b=g[1],h=r.useState(!1),y=h[0],C=h[1],E=S(),F=H(d),L=F.lightenColor,x=F.getFluentPalette,z=r.useMemo((function(){return t.reduce((function(e,t,r){var n=x(d)[r%x(d).length];return e[t.label]=L(n,.3),e}),{})}),[t,x,L,d]),N=n.useCallback((function(e){b((function(r){var n=r.includes(e)?r.filter((function(t){return t!==e})):[].concat(r,[e]);return 0===n.length?[t[0].label]:n}))}),[t]),k=r.useMemo((function(){var e=new Set;return t.forEach((function(t){t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[t,o]),w=r.useMemo((function(){return k.map((function(e){return t.reduce((function(t,r){var n=r.data.find((function(t){return o(t)===e}));return t+(n?i(n):0)}),0)}))}),[k,t,o,i]),B=r.useMemo((function(){return{labels:k,datasets:t.filter((function(e){return p.includes(e.label)})).map((function(e){return{label:e.label,fill:!0,backgroundColor:z[e.label],borderColor:"transparent",borderWidth:0,data:k.map((function(t,r){var n=e.data.find((function(e){return o(e)===t})),a=n?i(n):0;return y?Math.round(100*(a/(w[r]||1)*100+Number.EPSILON))/100:Math.round(100*(a+Number.EPSILON))/100})),tension:.5}}))}}),[t,p,k,o,i,z,w,y]),M=r.useMemo((function(){return{fontFamily:d.fontFamilyBase,fontSize:parseInt(d.fontSizeBase200.replace("px",""))||14,labelColor:d.colorNeutralForeground1,gridColor:d.colorNeutralStroke2}}),[d]),A=M.fontFamily,T=M.fontSize,I=M.labelColor,R=M.gridColor,W=r.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,animation:{duration:800,easing:"easeOutQuart"},plugins:{title:{display:!!u,text:u,font:{size:14,family:d.fontFamilyBase,weight:d.fontWeightSemibold},color:d.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:d.colorNeutralForeground1,font:{family:d.fontFamilyBase,size:parseInt(d.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:O(d)},interaction:{mode:"index",intersect:!1},scales:{x:{stacked:!0,ticks:{color:I,font:{family:A,size:T}},grid:{color:R}},y:{stacked:!0,ticks:{callback:function(e){return y?e+"%":e},color:I,font:{family:A,size:T}},grid:{color:R},min:0,max:y?100:void 0}}}}),[d,u,s,O,I,A,T,R,y]);return n.createElement("div",{className:E.chartWithLegend},n.createElement("div",{className:E.chartArea},n.createElement(l.Line,{data:B,options:W})),n.createElement(m,{justifyContent:"center",alignItems:"center",margin:"7px"},n.createElement(a.ToggleButton,{onClick:function(){return C((function(e){return!e}))},shape:"circular",appearance:"secondary",size:"small",style:{width:"150px"}},y?"Show Raw Values":"Show %")),n.createElement("div",{className:E.legendArea},n.createElement(v,{data:t,visibleSeries:p,seriesColors:z,toggleSeries:N})))}t.Chart.register(t.RadialLinearScale,t.ArcElement,t.Tooltip,t.Legend,t.Title,o),t.Chart.register(o),t.Chart.register(t.RadialLinearScale,t.PointElement,t.LineElement,t.Filler,t.Tooltip,t.Legend,t.Title),t.Chart.register(o),t.Chart.register(t.LinearScale,t.PointElement,t.Tooltip,t.Legend),t.Chart.register(o),t.Chart.register(t.CategoryScale,t.LinearScale,t.LineElement,t.PointElement,t.Tooltip,t.Legend,t.Title),t.Chart.register(o),t.Chart.register(t.LineElement,t.PointElement,t.Filler,t.CategoryScale,t.LinearScale,t.Tooltip,t.Legend,t.Title);var W=function(e,t){if(!/^#?[0-9A-Fa-f]{6}$/.test(e))return e;e.startsWith("#")&&(e=e.slice(1));var r=parseInt(e.slice(0,2),16),n=parseInt(e.slice(2,4),16),a=parseInt(e.slice(4,6),16);r=Math.min(255,Math.floor(r+(255-r)*t)),n=Math.min(255,Math.floor(n+(255-n)*t)),a=Math.min(255,Math.floor(a+(255-a)*t));var o=function(e){return e.toString(16).padStart(2,"0")};return"#"+o(r)+o(n)+o(a)},P=function(e){return["#4e79a7","#f28e2c","#e15759","#76b7b2","#59a14f","#edc949","#af7aa1","#ff9da7","#9c755f","#bab0ab","#8cd17d","#b6992d","#d37295","#fabfd2","#79706e"]},j=function(e){return{data:e.data,title:e.title,getPrimary:function(e){return e.name},getSecondary:function(e){return e.value}}},D=function(e,t){var r=e.type,o=null!=t?t:a.webLightTheme;switch(r){case"bar":return n.createElement(G,Object.assign({},j(e),{stacked:!1,theme:o}));case"line":return n.createElement(k,Object.assign({},j(e),{theme:o}));case"area":return n.createElement(C,Object.assign({},j(e),{stacked:!1,theme:o}));case"bar-horizontal":return n.createElement(E,Object.assign({},j(e),{stacked:!0,theme:o}));case"bubble":return n.createElement(F,Object.assign({},j(e),{getRadius:function(e){var t;return null!=(t=e.radius)?t:1},theme:o}));case"multiple-axes":return n.createElement(L,Object.assign({},j(e),{theme:o,data:e.data.map((function(e){var t;return{label:e.label,type:null!=(t=e.type)?t:"bar",data:e.data,yAxisID:e.secondaryAxisId}}))}));case"steam":return n.createElement(R,Object.assign({},j(e),{theme:o}));case"floating-bar":return n.createElement(N,Object.assign({getRange:function(e){var t,r;return[null!=(t=e.min)?t:0,null!=(r=e.max)?r:0]}},j(e),{theme:o}));case"stacked-line":return n.createElement(I,Object.assign({},j(e),{theme:o}));case"doughnut":return n.createElement(z,Object.assign({getLabel:function(e){return e.name},getValue:function(e){var t;return null!=(t=e.value)?t:0}},j(e),{theme:o}));case"pie":return n.createElement(w,Object.assign({getLabel:function(e){return e.name},getValue:function(e){var t;return null!=(t=e.value)?t:0},showDataLabels:!0},j(e),{theme:o}));case"scatter":return n.createElement(T,Object.assign({getX:function(e){return"number"==typeof e.x?e.x:"string"==typeof e.x?Number(e.x)||0:e.x instanceof Date?e.x.getTime():0},getY:function(e){return"number"==typeof e.y?e.y:0}},j(e),{theme:o,showDataLabels:!1}));case"polar":return n.createElement(M,{data:e.data,getLabel:function(e){return e.name},getValue:function(e){var t;return null!=(t=e.value)?t:0},title:e.title,showDataLabels:!0,theme:o});case"radar":return n.createElement(A,{data:e.data,getLabel:function(e){return e.name},getValue:function(e){var t;return null!=(t=e.value)?t:0},title:e.title,theme:o});default:throw new Error("Unsupported chart type: "+r)}};function O(e){var t=e.fontFamilyBase,r=parseInt(e.fontSizeBase200.replace("px",""))||14;return{enabled:!0,displayColors:!0,boxWidth:10,boxHeight:10,boxPadding:5,backgroundColor:e.colorNeutralBackground1,borderColor:e.colorNeutralStroke2,borderWidth:1,cornerRadius:4,padding:10,titleColor:e.colorNeutralForeground1,bodyColor:e.colorNeutralForeground2,titleFont:{family:t,size:r},bodyFont:{family:t,size:r},callbacks:{title:function(e){var t,r;return null!=(t=null==(r=e[0])?void 0:r.label)?t:""},label:function(e){var t="label"in e.dataset&&"string"==typeof e.dataset.label?e.dataset.label:"Value",r=e.raw;return"object"==typeof r&&null!==r&&"x"in r&&"y"in r&&"r"in r?t+" — x: "+r.x+", y: "+r.y+", r: "+r.r:"object"==typeof r&&null!==r&&"x"in r&&"y"in r?t+" — x: "+r.x+", y: "+r.y:Array.isArray(r)&&2===r.length?t+": "+r[0]+" – "+r[1]:t+": "+r},beforeTitle:function(){return""},afterTitle:function(){return""},beforeBody:function(){return""},afterBody:function(){return""},beforeLabel:function(){return""},afterLabel:function(){return""},labelColor:function(){},labelTextColor:function(){return""},footer:function(){return""},beforeFooter:function(){return""},afterFooter:function(){return""},labelPointStyle:function(){return{pointStyle:"circle",rotation:0,radius:5}}}}}var V=function(e){var t=e.maxLength,r=void 0===t?12:t,n=e.suffix,a=void 0===n?"":n,o=e.prefix,l=void 0===o?"":o;return function(e){var t="number"==typeof e?this.getLabelForValue(e):String(e),n=t.length>r?t.slice(0,r)+"…":t;return""+l+n+a}};function q(e,t){var r=null;return function(){for(var n=this,a=arguments.length,o=new Array(a),l=0;l<a;l++)o[l]=arguments[l];r&&clearTimeout(r),r=setTimeout((function(){return e.apply(n,o)}),t)}}function H(e){return r.useMemo((function(){return{lightenColor:W,getFluentPalette:P,getChartComponent:D,createFluentTooltip:O,createAxisLabelFormatter:V,debounce:q}}),[e])}function G(e){var t=e.data,a=e.getPrimary,o=e.getSecondary,i=e.title,u=e.showDatalabels,s=void 0!==u&&u,f=e.stacked,d=void 0!==f&&f,m=e.theme,g=r.useState((function(){var e;return t.length>1?t.map((function(e){return e.label})):[null==(e=t[0])?void 0:e.label]})),p=g[0],b=g[1],h=H(m),y=h.lightenColor,C=h.getFluentPalette,E=h.createFluentTooltip,F=S(),L=r.useMemo((function(){return t.reduce((function(e,t,r){var n=C(m)[r%C(m).length],a=y(n,.3);return e[t.label]=a,e}),{})}),[t]),x=r.useMemo((function(){var e=new Set;return t.forEach((function(t){t.data.forEach((function(t){e.add(a(t))}))})),Array.from(e)}),[t,a]),z=r.useMemo((function(){return{labels:x,datasets:t.filter((function(e){return p.includes(e.label)})).map((function(e){return{label:e.label,backgroundColor:L[e.label],data:x.map((function(t){var r=e.data.find((function(e){return a(e)===t}));return r?o(r):0})),yAxisID:d&&"line"===e.type?"y1":"y"}}))}}),[t,p,x,L,d]),N=r.useMemo((function(){return{fontFamily:m.fontFamilyBase,fontSize:parseInt(m.fontSizeBase200.replace("px",""))||14,labelColor:m.colorNeutralForeground1,gridColor:m.colorNeutralStroke2}}),[m]),k=N.fontFamily,w=N.fontSize,B=N.labelColor,M=N.gridColor,A=r.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!i,text:i,font:{size:14,family:m.fontFamilyBase,weight:m.fontWeightSemibold},color:m.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:m.colorNeutralForeground1,font:{family:m.fontFamilyBase,size:parseInt(m.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:E(m)},scales:c({x:{stacked:d,ticks:{callback:V({maxLength:10}),color:B,font:{family:k,size:w}},grid:{color:M}},y:{type:"linear",position:"left",stacked:d,ticks:{callback:V({maxLength:10}),color:B,font:{family:k,size:w}},grid:{color:M}}},d&&{y1:{type:"linear",position:"right",ticks:{callback:V({maxLength:10}),color:B,font:{family:k,size:w}},grid:{drawOnChartArea:!1}}})}}),[i,s,m,k,w,B,M,d,E]);return n.createElement("div",{className:F.chartWithLegend},n.createElement("div",{className:F.chartArea},n.createElement(l.Bar,{data:z,options:A})),n.createElement("div",{className:F.legendArea},n.createElement(v,{data:t,visibleSeries:p,seriesColors:L,toggleSeries:function(e){b((function(r){var n=r.includes(e)?r.filter((function(t){return t!==e})):[].concat(r,[e]);return 0===n.length&&t.length>0?[t[0].label]:n}))}})))}t.Chart.register(t.CategoryScale,t.LinearScale,t.BarElement,t.Tooltip,t.Legend,o,t.Title),exports.createAxisLabelFormatter=V,exports.createFluentTooltip=O,exports.getFluentPalette=P,exports.lightenColor=W,exports.useGraphUtils=H;
 //# sourceMappingURL=fluentui-react-charts.cjs.production.min.js.map