npm - @spteck/fluentui-react-charts - Versions diffs - 1.0.3 → 1.0.4 - Mend

@spteck/fluentui-react-charts 1.0.3 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

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

@@ -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"),n=require("react"),r=e(n),a=require("@fluentui/react-components"),o=e(require("chartjs-plugin-datalabels")),l=require("react-chartjs-2"),i=require("@emotion/css"),c=require("@juggle/resize-observer"),s=require("@fluentui/react-icons"),u=require("@iconify/react");function d(){return(d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}function f(e,t){return t||(t=e.slice(0)),e.raw=t,e}var m=function(e){var t=e.label,n=e.isVisible,o=e.color,l=e.style;return r.createElement(a.Tooltip,{content:t,relationship:"label"},r.createElement(a.Button,{ref:e.buttonRef,shape:"circular",size:"small",appearance:n?"primary":"outline",onClick:e.onClick,style:d({backgroundColor:n?o:"transparent",color:n?"#fff":a.tokens.colorNeutralForeground1,borderColor:o,borderWidth:1,width:"100px",padding:"4px 8px",textAlign:"center"},void 0===l?{}:l)},r.createElement(a.Caption1,{as:"span",style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",lineHeight:"1.25"}},t)))},g={xs:a.tokens.spacingHorizontalXS,s:a.tokens.spacingHorizontalS,m:a.tokens.spacingHorizontalM,l:a.tokens.spacingHorizontalL,xl:a.tokens.spacingHorizontalXL,xxl:a.tokens.spacingHorizontalXXL},p=r.memo((function(e){var t=e.direction,n=e.justifyContent,o=e.alignItems,l=e.gap,c=e.columnGap,s=e.rowGap,u=e.margin,f=e.padding,m=e.marginTop,p=e.marginBottom,h=e.marginLeft,b=e.marginRight,y=e.paddingTop,v=e.paddingBottom,E=e.paddingLeft,C=e.paddingRight,x=e.wrap,S=e.children,k=e.className,w=i.css(d({display:"flex",flexDirection:"horizontal"===(void 0===t?"vertical":t)?"row":"column",justifyContent:void 0===n?"flex-start":n,alignItems:void 0===o?"stretch":o,gap:l&&g[l]?g[l]:l,columnGap:c&&g[c]?g[c]:c,rowGap:s&&g[s]?g[s]:s,margin:u&&g[u]?g[u]:u,padding:f&&g[f]?g[f]:f,marginTop:m&&g[m]?g[m]:m,marginBottom:p&&g[p]?g[p]:p,marginLeft:h&&g[h]?g[h]:h,marginRight:b&&g[b]?g[b]:b,paddingTop:y&&g[y]?g[y]:y,paddingBottom:v&&g[v]?g[v]:v,paddingLeft:E&&g[E]?g[E]:E,paddingRight:C&&g[C]?g[C]:C,width:e.width,height:e.height,overflow:e.overflow,flexWrap:void 0!==x&&x?"wrap":"nowrap",backgroundColor:e.background},e.style));return r.createElement("div",{className:a.mergeClasses(k,w)},S)}));p.displayName="Stack";var h={wrapper:i.css({display:"flex",flexWrap:"nowrap",overflow:"hidden",justifyContent:"center",gap:10,padding:2,width:"100%",boxSizing:"border-box"})};function b(e){var t=e.overflowItems,n=e.visibleLabels,o=e.toggleLabel,l=e.renderLabel,i=e.getColor;return r.createElement(p,{justifyContent:"center",alignItems:"center",marginLeft:"10px",marginRight:"10px",marginTop:"25px",marginBottom:"20px"},r.createElement("div",{ref:e.containerRef,className:h.wrapper},e.visibleItems.map((function(e){var t=e.label,a=0===n.length||n.includes(t);return r.createElement(m,{key:t,label:l(e),color:i(e),isVisible:a,onClick:function(){return o(t)}})})),t.length>0&&r.createElement(a.Menu,null,r.createElement(a.MenuTrigger,{disableButtonEnhancement:!0},r.createElement(a.MenuButton,{size:"small",appearance:"transparent"},"+",t.length)),r.createElement(a.MenuPopover,{style:{minWidth:"fit-content",maxWidth:"200px"}},r.createElement(a.MenuList,null,t.map((function(e){var t=e.label,c=0===n.length||n.includes(t);return r.createElement(a.MenuItem,{key:t,style:{padding:0}},r.createElement(m,{label:l(e),color:i(e),isVisible:c,onClick:function(){return o(t)},style:{width:"100px",textAlign:"left"}}))})))))))}function y(e){var t=n.useRef(null),r=n.useState(e.length),a=r[0],o=r[1],l=X().debounce;return n.useEffect((function(){var e=function(){var e,n,r=null!=(e=null==(n=t.current)?void 0:n.offsetWidth)?e:0,a=Math.floor(r/110);o(a)},n=l(e,100),r=new c.ResizeObserver(n);return t.current&&r.observe(t.current),e(),function(){return r.disconnect()}}),[e]),{containerRef:t,visibleItems:e.slice(0,a),overflowItems:e.slice(a)}}var v,E,C=function(e){var t=e.data,n=e.visibleSeries,a=e.seriesColors,o=e.toggleSeries,l=y(t);return r.createElement(b,{containerRef:l.containerRef,visibleItems:l.visibleItems,overflowItems:l.overflowItems,items:t,visibleLabels:n,toggleLabel:o,renderLabel:function(e){return e.label},getColor:function(e){return a[e.label]}})},x=function(){return{chartWithLegend:i.css({display:"flex",flexDirection:"column",height:"100%",chartArea:{flexGrow:1,minHeight:0}}),chartArea:i.css(v||(v=f(["\n            flex-grow: 1;\n            min-height: 0;\n        "]))),legendArea:i.css(E||(E=f(["\n            margin-top: 0px;\n            padding-top: 0px;\n            \n            margin-Left: 10px;\n            margin-Right: 10px;\n       \n        "])))}};function S(e){var t=e.data,o=e.getPrimary,i=e.getSecondary,c=e.title,s=e.showDatalabels,u=void 0!==s&&s,d=e.theme,f=void 0===d?a.webLightTheme:d,m=e.stacked,g=void 0!==m&&m,p=n.useState((function(){var e;return t.length>1?t.map((function(e){return e.label})):[null==(e=t[0])?void 0:e.label]})),h=p[0],b=p[1],y=x(),v=X(f),E=v.lightenColor,S=v.getFluentPalette,k=v.createFluentTooltip,w=n.useMemo((function(){return t.reduce((function(e,t,n){var r=S(f)[n%S(f).length],a=E(r,.3);return e[t.label]=a,e}),{})}),[t,f]),F=n.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=n.useMemo((function(){return{labels:F,datasets:t.filter((function(e){return h.includes(e.label)})).map((function(e){return{label:e.label,data:F.map((function(t){var n=e.data.find((function(e){return o(e)===t}));return n?i(n):null})),borderColor:w[e.label],backgroundColor:w[e.label],fill:!0,tension:.4,pointRadius:2}}))}}),[t,h,F,o,i,w]),N=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),z=N.fontFamily,B=N.fontSize,M=N.labelColor,R=N.gridColor,T=n.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!c,text:c,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:u,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:k(f)},scales:{x:{stacked:g,ticks:{color:M,font:{family:z,size:B}},grid:{color:R}},y:{stacked:g,ticks:{color:M,font:{family:z,size:B}},grid:{color:R}}}}}),[c,u,f,z,B,M,R,g,k]);return r.createElement("div",{className:y.chartWithLegend},r.createElement("div",{className:y.chartArea},r.createElement(l.Line,{data:L,options:T})),r.createElement(C,{data:t,visibleSeries:h,seriesColors:w,toggleSeries:function(e){b((function(n){var r=n.includes(e)?n.filter((function(t){return t!==e})):[].concat(n,[e]);return 0===r.length&&t.length>0?[t[0].label]:r}))}}))}function k(e){var t=e.data,a=e.getPrimary,o=e.getSecondary,i=e.stacked,c=void 0!==i&&i,s=e.showDatalabels,u=void 0!==s&&s,d=e.title,f=e.theme,m=n.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],h=x(),b=X(f),y=b.lightenColor,v=b.getFluentPalette,E=b.createFluentTooltip,S=n.useMemo((function(){return t.reduce((function(e,t,n){var r=v(f)[n%v(f).length],a=y(r,.3);return e[t.label]=a,e}),{})}),[t]),k=n.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]),w=n.useMemo((function(){return{labels:k,datasets:t.filter((function(e){return g.includes(e.label)})).map((function(e){return{label:e.label,backgroundColor:S[e.label],data:k.map((function(t){var n=e.data.find((function(e){return a(e)===t}));return n?o(n):0}))}}))}}),[t,g,k,S]),F=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),L=F.fontFamily,N=F.fontSize,z=F.labelColor,B=F.gridColor,M=n.useMemo((function(){return{indexAxis:"y",responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!d,text:d,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:u,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:E(f)},scales:{x:{stacked:c,ticks:{color:z,font:{family:L,size:N}},grid:{color:B}},y:{stacked:c,ticks:{color:z,font:{family:L,size:N}},grid:{color:B}}}}}),[d,u,f,L,N,z,B,c,E]);return r.createElement("div",{className:h.chartWithLegend},r.createElement("div",{className:h.chartArea},r.createElement(l.Bar,{data:w,options:M})),r.createElement("div",{className:h.legendArea},r.createElement(C,{data:t,visibleSeries:g,seriesColors:S,toggleSeries:function(e){p((function(n){var r=n.includes(e)?n.filter((function(t){return t!==e})):[].concat(n,[e]);return 0===r.length&&t.length>0?[t[0].label]:r}))}})))}function w(e){var t=e.data,o=e.getPrimary,i=e.getSecondary,c=e.getRadius,s=e.showDataLabels,u=e.title,d=e.theme,f=void 0===d?a.webLightTheme:d,m=n.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],h=X(f),b=h.lightenColor,y=h.getFluentPalette,v=h.createFluentTooltip,E=x(),S=n.useMemo((function(){return t.reduce((function(e,t,n){var r=y(f)[n%y(f).length],a=b(r,.3);return e[t.label]=a,e}),{})}),[t,f]),k=n.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:c(e)}})),backgroundColor:S[e.label],borderColor:f.colorNeutralStroke1,borderWidth:1,hoverBorderWidth:2}}))}}),[t,g,o,i,c,S]),w=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),F=w.fontFamily,L=w.fontSize,N=w.labelColor,z=w.gridColor,B=n.useMemo((function(){var e;return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!u,text:u,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:v(f)},scales:{x:{type:"number"==typeof o(null==(e=t[0])?void 0:e.data[0])?"linear":"category",ticks:{color:N,font:{family:F,size:L}},grid:{color:z}},y:{ticks:{color:N,font:{family:F,size:L}},grid:{color:z}}}}}),[u,s,f,o,i,t,F,L,N,z,v]);return r.createElement(r.Fragment,null,r.createElement("div",{className:E.chartWithLegend},r.createElement("div",{className:E.chartArea},r.createElement(l.Bubble,{data:k,options:B})),r.createElement("div",{className:E.legendArea},r.createElement(C,{data:t,visibleSeries:g,seriesColors:S,toggleSeries:function(e){p((function(n){var r=n.includes(e)?n.filter((function(t){return t!==e})):[].concat(n,[e]);return 0===r.length&&t.length>0?[t[0].label]:r}))}}))))}function F(e){var t=e.data,o=e.getPrimary,i=e.getSecondary,c=e.title,s=e.showDataLabels,u=void 0!==s&&s,d=e.theme,f=void 0===d?a.webLightTheme:d,m=n.useState((function(){return t.map((function(e){return e.label}))})),g=m[0],p=m[1],h=x(),b=X(f),y=b.lightenColor,v=b.getFluentPalette,E=b.createFluentTooltip,S=n.useMemo((function(){return t.reduce((function(e,t,n){var r=v(f)[n%v(f).length];return e[t.label]=y(r,.3),e}),{})}),[t,f]),k=n.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]),w=n.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:k,datasets:e.map((function(e){var t;return{type:e.type,label:e.label,yAxisID:null!=(t=e.yAxisID)?t:"y",data:k.map((function(t){var n=e.data.find((function(e){return o(e)===t}));return n?i(n):0})),backgroundColor:S[e.label],borderColor:S[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,k,o,i,S]),F=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),L=F.fontFamily,N=F.fontSize,z=F.labelColor,B=F.gridColor,M=n.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!c,text:c,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:u,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:E(f)},scales:{x:{ticks:{color:z,font:{family:L,size:N}},grid:{color:B}},y:{position:"left",ticks:{color:z,font:{family:L,size:N}},grid:{color:B},stacked:!1}}}}),[c,u,f,L,N,z,B,E]);return r.createElement(r.Fragment,null,r.createElement("div",{className:h.chartWithLegend},r.createElement("div",{className:h.chartArea},r.createElement(l.Chart,{type:"bar",data:w,options:M})),r.createElement("div",{className:h.legendArea},r.createElement(C,{data:t,visibleSeries:g,seriesColors:S,toggleSeries:function(e){p((function(n){var r=n.includes(e)?n.filter((function(t){return t!==e})):[].concat(n,[e]);return 0===r.length?[t[0].label]:r}))}}))))}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 L=function(e){var t=e.entries,n=e.visibleLabels,a=e.toggleLabel,o=y(t);return r.createElement(b,{containerRef:o.containerRef,visibleItems:o.visibleItems,overflowItems:o.overflowItems,items:t,visibleLabels:n,toggleLabel:a,renderLabel:function(e){return e.label+": "+e.value},getColor:function(e){return e.color}})};function N(e){var t=e.data,o=e.getLabel,i=e.getValue,c=e.title,s=e.showDataLabels,u=void 0===s||s,d=e.theme,f=void 0===d?a.webLightTheme:d,m=x(),g=X(f),p=g.lightenColor,h=g.getFluentPalette,b=g.createFluentTooltip,y=n.useState([]),v=y[0],E=y[1],C=n.useMemo((function(){var e=new Map;return t.forEach((function(t){t.data.forEach((function(t){var n=o(t),r=i(t);e.set(n,(e.get(n)||0)+r)}))})),e}),[t,o,i]),S=n.useMemo((function(){var e=Array.from(C.keys()),t=h(f),n=e.map((function(e,n){return p(t[n%t.length],.3)}));return{allLabels:e,colors:n}}),[C,h,f,p]),k=S.allLabels,w=S.colors,F=n.useMemo((function(){var e=k.filter((function(e){return!v.includes(e)})),t=e.map((function(e){return C.get(e)||0})),n=e.map((function(e){var t=k.indexOf(e);return w[t]}));return{filteredLabels:e,values:t,visibleColors:n}}),[k,v,C,w]),N=F.filteredLabels,z=F.values,B=F.visibleColors,M=n.useMemo((function(){return{labels:N,datasets:[{data:z,backgroundColor:B,borderWidth:1}]}}),[N,z,B]),R=n.useMemo((function(){return k.map((function(e,t){return{label:e,value:C.get(e)||0,color:w[t]}}))}),[k,C,w]),T=n.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},tooltip:b(f),title:{display:!!c,text:c,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:u,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14},formatter:function(e){return e}}}}}),[c,f,u,b]);return r.createElement("div",{className:m.chartWithLegend},r.createElement("div",{className:m.chartArea},r.createElement(l.Doughnut,{data:M,options:T})),r.createElement("div",{className:m.legendArea},r.createElement(L,{entries:R,visibleLabels:N,toggleLabel:function(e){E((function(t){return t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e])}))}})))}function z(e){var t=e.data,o=e.getPrimary,i=e.getRange,c=e.title,s=e.showDataLabels,u=void 0!==s&&s,d=e.theme,f=void 0===d?a.webLightTheme:d,m=n.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],h=x(),b=X(f),y=b.lightenColor,v=b.getFluentPalette,E=b.createFluentTooltip,S=n.useMemo((function(){return t.reduce((function(e,t,n){var r=v(f)[n%v(f).length],a=y(r,.3);return e[t.label]=a,e}),{})}),[t,f]),k=n.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=n.useMemo((function(){return{labels:k,datasets:t.filter((function(e){return g.includes(e.label)})).map((function(e){return{label:e.label,data:k.map((function(t){var n=e.data.find((function(e){return o(e)===t}));return n?i(n):[0,0]})),backgroundColor:S[e.label],borderRadius:2}}))}}),[t,g,k,o,i,S]),F=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),L=F.fontFamily,N=F.fontSize,z=F.labelColor,B=F.gridColor,M=n.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!c,text:c,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:u,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:E(f)},scales:{x:{ticks:{color:z,font:{family:L,size:N}},grid:{color:B}},y:{ticks:{color:z,font:{family:L,size:N}},grid:{color:B}}}}}),[c,f,u,z,L,N,B,E]);return r.createElement("div",{className:h.chartWithLegend},r.createElement("div",{className:h.chartArea},r.createElement(l.Bar,{data:w,options:M})),r.createElement("div",{className:h.legendArea},r.createElement(C,{data:t,visibleSeries:g,seriesColors:S,toggleSeries:function(e){p((function(n){var r=n.includes(e)?n.filter((function(t){return t!==e})):[].concat(n,[e]);return 0===r.length&&t.length>0?[t[0].label]:r}))}})))}function B(e){var t=e.data,o=e.getPrimary,i=e.getSecondary,c=e.title,s=e.showDataLabels,u=void 0!==s&&s,d=e.theme,f=void 0===d?a.webLightTheme:d,m=n.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],h=x(),b=X(f),y=b.lightenColor,v=b.getFluentPalette,E=b.createFluentTooltip,S=n.useMemo((function(){return t.reduce((function(e,t,n){var r=v(f)[n%v(f).length],a=y(r,.3);return e[t.label]=a,e}),{})}),[t,f]),k=n.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=n.useMemo((function(){return{labels:k,datasets:t.filter((function(e){return g.includes(e.label)})).map((function(e){return{label:e.label,data:k.map((function(t){var n=e.data.find((function(e){return o(e)===t}));return n?i(n):null})),borderColor:S[e.label],backgroundColor:S[e.label],tension:.4,fill:!1,pointRadius:4}}))}}),[t,g,k,o,i,S]),F=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),L=F.fontFamily,N=F.fontSize,z=F.labelColor,B=F.gridColor,M=n.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!c,text:c,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:u,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:E(f)},scales:{x:{ticks:{color:z,font:{family:L,size:N}},grid:{color:B}},y:{ticks:{color:z,font:{family:L,size:N}},grid:{color:B}}}}}),[c,f,u,z,L,N,B,E]);return r.createElement("div",{className:h.chartWithLegend},r.createElement("div",{className:h.chartArea},r.createElement(l.Line,{data:w,options:M})),r.createElement("div",{className:h.legendArea},r.createElement(C,{data:t,visibleSeries:g,seriesColors:S,toggleSeries:function(e){p((function(n){var r=n.includes(e)?n.filter((function(t){return t!==e})):[].concat(n,[e]);return 0===r.length&&t.length>0?[t[0].label]:r}))}})))}function M(e){var t=e.data,o=e.getLabel,i=e.getValue,c=e.title,s=e.showDataLabels,u=void 0!==s&&s,d=e.theme,f=void 0===d?a.webLightTheme:d,m=X(f),g=m.getFluentPalette,p=m.lightenColor,h=n.useState([]),b=h[0],y=h[1],v=x(),E=n.useMemo((function(){var e=new Map;return t.forEach((function(t){t.data.forEach((function(t){var n=o(t),r=i(t);e.set(n,(e.get(n)||0)+r)}))})),e}),[t,o,i]),C=n.useMemo((function(){var e=Array.from(E.keys()),t=g(f),n=e.map((function(e,n){return p(t[n%t.length],.3)})),r=e.filter((function(e){return!b.includes(e)})),a=r.map((function(e){return E.get(e)||0})),o=r.map((function(t){var r=e.indexOf(t);return n[r]}));return{allLabels:e,colors:n,filteredLabels:r,values:a,visibleColors:o}}),[E,g,p,f,b]),S=C.allLabels,k=C.colors,w=C.filteredLabels,F=C.values,N=C.visibleColors,z=n.useMemo((function(){return{chartData:{labels:w,datasets:[{data:F,backgroundColor:N,borderWidth:1}]},legendEntries:S.map((function(e,t){return{label:e,value:E.get(e)||0,color:k[t]}}))}}),[w,F,N,S,E,k]),B=z.chartData,M=z.legendEntries,R=n.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{tooltip:V(f),legend:{display:!1},title:{display:!!c,text:c,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:u,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}}}}}),[f,c,u]);return r.createElement("div",{className:v.chartWithLegend},r.createElement("div",{className:v.chartArea},r.createElement(l.Pie,{data:B,options:R})),r.createElement("div",{className:v.legendArea},r.createElement(L,{entries:M,visibleLabels:w,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 R=function(e){var t=e.colors,n=e.visibleLabels,a=e.toggleLabel,o=e.labels.map((function(e,n){return{label:e,color:t[n]}})),l=y(o);return r.createElement(b,{containerRef:l.containerRef,visibleItems:l.visibleItems,overflowItems:l.overflowItems,items:o,visibleLabels:n,toggleLabel:a,renderLabel:function(e){return e.label},getColor:function(e){return e.color}})};function T(e){var t=e.data,o=e.getLabel,i=e.getValue,c=e.title,s=e.showDataLabels,u=void 0===s||s,d=e.theme,f=void 0===d?a.webLightTheme:d,m=X(f),g=m.getFluentPalette,p=m.lightenColor,h=n.useState([]),b=h[0],y=h[1],v=x(),E=n.useMemo((function(){var e=new Map;return t.forEach((function(t){t.data.forEach((function(t){var n=o(t),r=i(t);e.set(n,(e.get(n)||0)+r)}))})),e}),[t,o,i]),C=n.useMemo((function(){var e=Array.from(E.keys()),t=g(f),n=e.map((function(e,n){return p(t[n%t.length],.3)})),r=e.filter((function(e){return!b.includes(e)})),a=r.map((function(e){return E.get(e)||0})),o=r.map((function(t){var r=e.indexOf(t);return n[r]}));return{allLabels:e,colors:n,filteredLabels:r,values:a,visibleColors:o}}),[E,g,p,f,b]),S=C.allLabels,k=C.colors,w=C.filteredLabels,F=C.values,L=C.visibleColors,N=n.useMemo((function(){return{labels:w,datasets:[{data:F,backgroundColor:L,borderWidth:1}]}}),[w,F,L]),z=n.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!c,text:c,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:u,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14},formatter:function(e){return e}},tooltip:V(f),legend:{display:!1}},scales:{r:{ticks:{color:f.colorNeutralForeground1,backdropColor:"transparent",font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}},grid:{color:f.colorNeutralStroke2}}}}}),[f,c,u,V]);return r.createElement("div",{className:v.chartWithLegend},r.createElement("div",{className:v.chartArea},r.createElement(l.PolarArea,{data:N,options:z})),r.createElement("div",{className:v.legendArea},r.createElement(R,{labels:S,colors:k,visibleLabels:w,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,c=e.title,s=e.showDataLabels,u=void 0!==s&&s,d=e.theme,f=void 0===d?a.webLightTheme:d,m=n.useState((function(){return t.map((function(e){return e.label}))})),g=m[0],p=m[1],h=x(),b=X(f),y=b.lightenColor,v=b.getFluentPalette,E=n.useMemo((function(){return t.reduce((function(e,t,n){var r=v(f)[n%v(f).length];return e[t.label]=y(r,.3),e}),{})}),[t,v,y,f]),S=n.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]),k=n.useMemo((function(){return{labels:S,datasets:t.filter((function(e){return g.includes(e.label)})).map((function(e){return{label:e.label,data:S.map((function(t){var n=e.data.find((function(e){return o(e)===t}));return n?i(n):0})),backgroundColor:E[e.label]+"33",borderColor:E[e.label],borderWidth:2,pointBackgroundColor:E[e.label]}}))}}),[t,g,S,o,i,E]),w=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),F=w.fontFamily,L=w.fontSize,N=w.labelColor,z=w.gridColor,B=n.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!c,text:c,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:u,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}},tooltip:V(f),legend:{display:!1}},scales:{r:{angleLines:{color:z},grid:{color:z},pointLabels:{color:N,font:{family:F,size:L}},ticks:{color:N,font:{family:F,size:L}}}}}}),[f,c,u,V,z,N,F,L]);return r.createElement("div",{className:h.chartWithLegend},r.createElement("div",{className:h.chartArea},r.createElement(l.Radar,{data:k,options:B})),r.createElement(C,{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 I(e){var t=e.data,o=e.getX,i=e.getY,c=e.title,s=e.showDataLabels,u=void 0!==s&&s,d=e.theme,f=void 0===d?a.webLightTheme:d,m=n.useState((function(){return t.map((function(e){return e.label}))})),g=m[0],p=m[1],h=x(),b=X(f),y=b.getFluentPalette,v=b.lightenColor,E=b.createFluentTooltip,S=n.useMemo((function(){return t.reduce((function(e,t,n){var r=y(f)[n%y(f).length];return e[t.label]=v(r,.3),e}),{})}),[t,f]),k=r.useCallback((function(e){p((function(t){return t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e])}))}),[]),w=n.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:S[e.label],borderColor:S[e.label],pointRadius:4}}))}}),[t,g,o,i,S]),F=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),L=F.fontFamily,N=F.fontSize,z=F.labelColor,B=F.gridColor,M=n.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!c,text:c,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:u,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:E(f)},scales:{x:{type:"linear",position:"bottom",ticks:{color:z,font:{family:L,size:N}},grid:{color:B}},y:{type:"linear",ticks:{color:z,font:{family:L,size:N}},grid:{color:B}}}}}),[f,c,u,E,z,L,N,B]);return r.createElement("div",{className:h.chartWithLegend},r.createElement("div",{className:h.chartArea},r.createElement(l.Scatter,{data:w,options:M})),r.createElement(C,{data:t,visibleSeries:g,seriesColors:S,toggleSeries:k}))}function W(e){var t=e.data,o=e.getPrimary,i=e.getSecondary,c=e.title,s=e.showDataLabels,u=void 0!==s&&s,d=e.theme,f=void 0===d?a.webLightTheme:d,m=n.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],h=x(),b=X(f),y=b.lightenColor,v=b.getFluentPalette,E=b.createFluentTooltip,S=n.useMemo((function(){return t.reduce((function(e,t,n){var r=v(f)[n%v(f).length],a=y(r,.3);return e[t.label]=a,e}),{})}),[t,f]),k=n.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=n.useMemo((function(){return{labels:k,datasets:t.filter((function(e){return g.includes(e.label)})).map((function(e){return{label:e.label,data:k.map((function(t){var n=e.data.find((function(e){return o(e)===t}));return n?i(n):0})),borderColor:S[e.label],backgroundColor:S[e.label],fill:!0,tension:.4,pointRadius:3}}))}}),[t,g,k,o,i,S]),F=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),L=F.fontFamily,N=F.fontSize,z=F.labelColor,B=F.gridColor,M=n.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!c,text:c,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:u,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:E(f)},scales:{x:{stacked:!0,ticks:{color:z,font:{family:L,size:N}},grid:{color:B}},y:{stacked:!0,ticks:{color:z,font:{family:L,size:N}},grid:{color:B}}}}}),[f,c,u,E,z,L,N,B]);return r.createElement("div",{className:h.chartWithLegend},r.createElement("div",{className:h.chartArea},r.createElement(l.Line,{data:w,options:M})),r.createElement(C,{data:t,visibleSeries:g,seriesColors:S,toggleSeries:function(e){p((function(n){var r=n.includes(e)?n.filter((function(t){return t!==e})):[].concat(n,[e]);return 0===r.length&&t.length>0?[t[0].label]:r}))}}))}function P(e){var t=e.data,o=e.getPrimary,i=e.getSecondary,c=e.title,s=e.showDataLabels,u=void 0!==s&&s,d=e.theme,f=void 0===d?a.webLightTheme:d,m=n.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],h=m[1],b=n.useState(!1),y=b[0],v=b[1],E=x(),S=X(f),k=S.lightenColor,w=S.getFluentPalette,F=n.useMemo((function(){return t.reduce((function(e,t,n){var r=w(f)[n%w(f).length];return e[t.label]=k(r,.3),e}),{})}),[t,w,k,f]),L=r.useCallback((function(e){h((function(n){var r=n.includes(e)?n.filter((function(t){return t!==e})):[].concat(n,[e]);return 0===r.length?[t[0].label]:r}))}),[t]),N=n.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]),z=n.useMemo((function(){return N.map((function(e){return t.reduce((function(t,n){var r=n.data.find((function(t){return o(t)===e}));return t+(r?i(r):0)}),0)}))}),[N,t,o,i]),B=n.useMemo((function(){return{labels:N,datasets:t.filter((function(e){return g.includes(e.label)})).map((function(e){return{label:e.label,fill:!0,backgroundColor:F[e.label],borderColor:"transparent",borderWidth:0,data:N.map((function(t,n){var r=e.data.find((function(e){return o(e)===t})),a=r?i(r):0;return y?Math.round(100*(a/(z[n]||1)*100+Number.EPSILON))/100:Math.round(100*(a+Number.EPSILON))/100})),tension:.5}}))}}),[t,g,N,o,i,F,z,y]),M=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),R=M.fontFamily,T=M.fontSize,A=M.labelColor,I=M.gridColor,W=n.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,animation:{duration:800,easing:"easeOutQuart"},plugins:{title:{display:!!c,text:c,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:u,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:V(f)},interaction:{mode:"index",intersect:!1},scales:{x:{stacked:!0,ticks:{color:A,font:{family:R,size:T}},grid:{color:I}},y:{stacked:!0,ticks:{callback:function(e){return y?e+"%":e},color:A,font:{family:R,size:T}},grid:{color:I},min:0,max:y?100:void 0}}}}),[f,c,u,V,A,R,T,I,y]);return r.createElement("div",{className:E.chartWithLegend},r.createElement("div",{className:E.chartArea},r.createElement(l.Line,{data:B,options:W})),r.createElement(p,{justifyContent:"center",alignItems:"center",margin:"7px"},r.createElement(a.ToggleButton,{onClick:function(){return v((function(e){return!e}))},shape:"circular",appearance:"secondary",size:"small",style:{width:"150px"}},y?"Show Raw Values":"Show %")),r.createElement("div",{className:E.legendArea},r.createElement(C,{data:t,visibleSeries:g,seriesColors:F,toggleSeries:L})))}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 D=function(e,t){if(!/^#?[0-9A-Fa-f]{6}$/.test(e))return e;e.startsWith("#")&&(e=e.slice(1));var n=parseInt(e.slice(0,2),16),r=parseInt(e.slice(2,4),16),a=parseInt(e.slice(4,6),16);n=Math.min(255,Math.floor(n+(255-n)*t)),r=Math.min(255,Math.floor(r+(255-r)*t)),a=Math.min(255,Math.floor(a+(255-a)*t));var o=function(e){return e.toString(16).padStart(2,"0")};return"#"+o(n)+o(r)+o(a)},j=function(e){return["#4e79a7","#f28e2c","#e15759","#76b7b2","#59a14f","#edc949","#af7aa1","#ff9da7","#9c755f","#bab0ab","#8cd17d","#b6992d","#d37295","#fabfd2","#79706e"]},O=function(e){return{data:e.data,title:e.title,getPrimary:function(e){return e.name},getSecondary:function(e){return e.value}}},H=function(e,t){var n=e.type,o=null!=t?t:a.webLightTheme;switch(n){case"bar":return r.createElement(Y,Object.assign({},O(e),{stacked:!1,theme:o}));case"line":return r.createElement(B,Object.assign({},O(e),{theme:o}));case"area":return r.createElement(S,Object.assign({},O(e),{stacked:!1,theme:o}));case"bar-horizontal":return r.createElement(k,Object.assign({},O(e),{stacked:!0,theme:o}));case"bubble":return r.createElement(w,Object.assign({},O(e),{getRadius:function(e){var t;return null!=(t=e.radius)?t:1},theme:o}));case"multiple-axes":return r.createElement(F,Object.assign({},O(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 r.createElement(P,Object.assign({},O(e),{theme:o}));case"floating-bar":return r.createElement(z,Object.assign({getRange:function(e){var t,n;return[null!=(t=e.min)?t:0,null!=(n=e.max)?n:0]}},O(e),{theme:o}));case"stacked-line":return r.createElement(W,Object.assign({},O(e),{theme:o}));case"doughnut":return r.createElement(N,Object.assign({getLabel:function(e){return e.name},getValue:function(e){var t;return null!=(t=e.value)?t:0}},O(e),{theme:o}));case"pie":return r.createElement(M,Object.assign({getLabel:function(e){return e.name},getValue:function(e){var t;return null!=(t=e.value)?t:0},showDataLabels:!0},O(e),{theme:o}));case"scatter":return r.createElement(I,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}},O(e),{theme:o,showDataLabels:!1}));case"polar":return r.createElement(T,{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 r.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: "+n)}};function V(e){var t=e.fontFamilyBase,n=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:n},bodyFont:{family:t,size:n},callbacks:{title:function(e){var t,n;return null!=(t=null==(n=e[0])?void 0:n.label)?t:""},label:function(e){var t="label"in e.dataset&&"string"==typeof e.dataset.label?e.dataset.label:"Value",n=e.raw;return"object"==typeof n&&null!==n&&"x"in n&&"y"in n&&"r"in n?t+" — x: "+n.x+", y: "+n.y+", r: "+n.r:"object"==typeof n&&null!==n&&"x"in n&&"y"in n?t+" — x: "+n.x+", y: "+n.y:Array.isArray(n)&&2===n.length?t+": "+n[0]+" – "+n[1]:t+": "+n},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 q=function(e){var t=e.maxLength,n=void 0===t?12:t,r=e.suffix,a=void 0===r?"":r,o=e.prefix,l=void 0===o?"":o;return function(e){var t="number"==typeof e?this.getLabelForValue(e):String(e),r=t.length>n?t.slice(0,n)+"…":t;return""+l+r+a}};function G(e,t){var n=null;return function(){for(var r=this,a=arguments.length,o=new Array(a),l=0;l<a;l++)o[l]=arguments[l];n&&clearTimeout(n),n=setTimeout((function(){return e.apply(r,o)}),t)}}function X(e){return n.useMemo((function(){return{lightenColor:D,getFluentPalette:j,getChartComponent:H,createFluentTooltip:V,createAxisLabelFormatter:q,debounce:G}}),[e])}function Y(e){var t=e.data,a=e.getPrimary,o=e.getSecondary,i=e.title,c=e.showDatalabels,s=void 0!==c&&c,u=e.stacked,f=void 0!==u&&u,m=e.theme,g=n.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],h=g[1],b=X(m),y=b.lightenColor,v=b.getFluentPalette,E=b.createFluentTooltip,S=x(),k=n.useMemo((function(){return t.reduce((function(e,t,n){var r=v(m)[n%v(m).length],a=y(r,.3);return e[t.label]=a,e}),{})}),[t]),w=n.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]),F=n.useMemo((function(){return{labels:w,datasets:t.filter((function(e){return p.includes(e.label)})).map((function(e){return{label:e.label,backgroundColor:k[e.label],data:w.map((function(t){var n=e.data.find((function(e){return a(e)===t}));return n?o(n):0})),yAxisID:f&&"line"===e.type?"y1":"y"}}))}}),[t,p,w,k,f]),L=n.useMemo((function(){return{fontFamily:m.fontFamilyBase,fontSize:parseInt(m.fontSizeBase200.replace("px",""))||14,labelColor:m.colorNeutralForeground1,gridColor:m.colorNeutralStroke2}}),[m]),N=L.fontFamily,z=L.fontSize,B=L.labelColor,M=L.gridColor,R=n.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:d({x:{stacked:f,ticks:{callback:q({maxLength:10}),color:B,font:{family:N,size:z}},grid:{color:M}},y:{type:"linear",position:"left",stacked:f,ticks:{callback:q({maxLength:10}),color:B,font:{family:N,size:z}},grid:{color:M}}},f&&{y1:{type:"linear",position:"right",ticks:{callback:q({maxLength:10}),color:B,font:{family:N,size:z}},grid:{drawOnChartArea:!1}}})}}),[i,s,m,N,z,B,M,f,E]);return r.createElement("div",{className:S.chartWithLegend},r.createElement("div",{className:S.chartArea},r.createElement(l.Bar,{data:F,options:R})),r.createElement("div",{className:S.legendArea},r.createElement(C,{data:t,visibleSeries:p,seriesColors:k,toggleSeries:function(e){h((function(n){var r=n.includes(e)?n.filter((function(t){return t!==e})):[].concat(n,[e]);return 0===r.length&&t.length>0?[t[0].label]:r}))}})))}t.Chart.register(t.CategoryScale,t.LinearScale,t.BarElement,t.Tooltip,t.Legend,o,t.Title);var U,_,K,Q,$,J,Z=function(e){var t=e.width,n=e.height;return r.createElement("svg",{width:void 0===t?200:t,height:void 0===n?200:n,viewBox:"200 400 1400 1000",className:e.className,style:d({fill:a.tokens.colorNeutralForeground2},e.style),xmlns:"http://www.w3.org/2000/svg"},r.createElement("g",{id:"BACKGROUND"},r.createElement("rect",{style:{fill:a.tokens.colorNeutralBackground1},x:"200",y:"400",width:"1400",height:"1000"})),r.createElement("g",null,r.createElement("g",null,r.createElement("rect",{x:"486.006",y:"568.026",style:{fill:a.tokens.colorNeutralBackground1},width:"1038.994",height:"768.164"}),r.createElement("path",{style:{fill:a.tokens.colorNeutralStroke1},d:"M1527.5,1338.69H483.506V565.526H1527.5V1338.69z M488.506,1333.69H1522.5V570.526H488.506V1333.69z"})),r.createElement("g",null,r.createElement("rect",{x:"558.003",y:"1086.698",style:{fill:a.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"164.492"}),r.createElement("rect",{x:"693.003",y:"1004.672",style:{fill:a.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"246.519"}),r.createElement("rect",{x:"828.003",y:"835.487",style:{fill:a.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"415.703"}),r.createElement("rect",{x:"963.003",y:"955.6",style:{fill:a.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"295.591"}),r.createElement("rect",{x:"1098.003",y:"825.238",style:{fill:a.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"425.952"}),r.createElement("rect",{x:"1233.003",y:"847.489",style:{fill:a.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"403.701"}),r.createElement("rect",{x:"1368.003",y:"699.989",style:{fill:a.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"551.201"}),r.createElement("polygon",{style:{fill:a.tokens.colorBrandBackground},points:"583.634,1185.919 581.366,1181.462 723.336,1109.231 869.748,909.808 1003.791,1050.114 1141.593,912.312 1275.235,928.549 1409.365,774.548 1413.135,777.833 1277.265,933.832 1143.407,917.569 1003.709,1057.267 870.251,917.573 726.664,1113.149"})),r.createElement("rect",{x:"796.336",y:"662.857",style:{fill:a.tokens.colorBrandBackground},width:"418.333",height:"5"}),r.createElement("rect",{x:"937.543",y:"717.857",style:{fill:a.tokens.colorBrandBackground},width:"135.92",height:"5"})),r.createElement("g",null,r.createElement("g",null,r.createElement("rect",{x:"264.978",y:"441.049",style:{fill:a.tokens.colorNeutralBackground1},width:"482.581",height:"379.067"}),r.createElement("path",{style:{fill:a.tokens.colorNeutralStroke1},d:"M750.06,822.616H262.478V438.549H750.06V822.616z M267.478,817.616H745.06V443.549H267.478V817.616z"})),r.createElement("g",null,r.createElement("g",null,r.createElement("rect",{x:"330.537",y:"503.15",style:{fill:a.tokens.colorNeutralForeground3,opacity:.3},width:"108.842",height:"61.633"}),r.createElement("g",null,r.createElement("rect",{x:"485.277",y:"509.093",style:{fill:a.tokens.colorBrandBackground},width:"198.014",height:"2.623"}),r.createElement("rect",{x:"485.277",y:"532.656",style:{fill:a.tokens.colorNeutralForeground3,opacity:.3},width:"198.014",height:"2.623"}),r.createElement("rect",{x:"485.277",y:"556.218",style:{fill:a.tokens.colorNeutralForeground3,opacity:.3},width:"198.014",height:"2.623"}))),r.createElement("g",null,r.createElement("g",null,r.createElement("rect",{x:"381.691",y:"687.747",style:{fill:a.tokens.colorNeutralForeground3,opacity:.3},width:"22.73",height:"70.417"}),r.createElement("rect",{x:"404.421",y:"653.482",style:{fill:a.tokens.colorBrandBackground},width:"22.73",height:"104.682"})),r.createElement("g",null,r.createElement("rect",{x:"466.491",y:"641.634",style:{fill:a.tokens.colorNeutralForeground3,opacity:.3},width:"22.73",height:"116.089"}),r.createElement("rect",{x:"489.221",y:"714.758",style:{fill:a.tokens.colorBrandBackground},width:"22.73",height:"42.965"}))))))},ee=function(e){return n.createElement(n.Fragment,null,n.createElement(p,{style:{height:e.height||"100%"},justifyContent:"Center",alignItems:"Center"},n.createElement(Z,{width:200,height:200}),n.createElement(a.Text,{size:500,weight:"semibold"},"No Dashboards Available")))},te=a.makeStyles({labelContainer:d({display:"flex",flexDirection:"row",justifyContent:"flex-start",alignItems:"center"},a.shorthands.gap("6px")),iconStyles:{width:"26px"},item:{paddingLeft:"15px"}}),ne=function(e){var t=e.label,r=e.icon,o=e.isRequired,l=te();return n.createElement(n.Fragment,null,n.createElement("div",{className:l.labelContainer},r&&n.isValidElement(r)?r:n.createElement(u.Icon,{icon:r,className:l.iconStyles,width:"20px",height:"20px",color:a.tokens.colorBrandForeground1}),n.createElement(a.Caption1,{style:{color:a.tokens.colorBrandForeground1}},t),n.createElement(a.Caption1,{style:{color:a.tokens.colorPaletteRedForeground1}},o?" *":"")))},re=function(e){var t=e.onChange,r=e.values,o=e.maxCols,l=e.maxRows,c=s.bundleIcon(s.Settings20Filled,s.Settings20Regular),d={gridContainer:i.css(U||(U=f(["\n    display: grid;\n    gap: 4px;\n    padding: 8px;\n    justify-content: center;\n  "]))),cell:i.css(_||(_=f(["\n    width: 30px;\n    height: 30px;\n    border: 1px solid ",";\n    background-color: ",";\n    cursor: pointer;\n    transition: background-color 150ms ease, transform 150ms ease;\n    will-change: background-color, transform;\n  "])),a.tokens.colorNeutralStroke1,a.tokens.colorNeutralBackground1),hoveredCell:i.css(K||(K=f(["\n    background-color: ",";\n    transform: scale(1.05);\n  "])),a.tokens.colorNeutralBackground1Hover),selectedCell:i.css(Q||(Q=f(["\n    background-color: ",";\n  "])),a.tokens.colorNeutralBackground1Selected),menuPopover:i.css($||($=f(["\n    min-width: fit-content;\n  "]))),bottomText:i.css(J||(J=f(["\n    padding-left: 8px;\n    padding-right: 8px;\n  "])))},m=n.useState(r),g=m[0],p=m[1],h=n.useState(null),b=h[0],y=h[1],v=n.useState(!1),E=v[0],C=v[1];n.useEffect((function(){p(r)}),[r]);var x=n.useMemo((function(){return 30*o+4*(o-1)+32}),[o]);return n.createElement(a.Menu,{open:E,onOpenChange:function(e,t){C(t.open),y(null)}},n.createElement(a.MenuTrigger,{disableButtonEnhancement:!0},n.createElement(a.Tooltip,{content:"Configure",relationship:"label"},n.createElement(a.MenuButton,{icon:n.createElement(c,null),size:"small",appearance:"transparent"}))),n.createElement(a.MenuPopover,{style:{width:x+"px",minWidth:"120px",padding:8}},n.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"6px",width:"100%",boxSizing:"border-box",padding:"8px"}},n.createElement(ne,{label:"Selected Span ("+g.spanCols+" × "+g.spanRows+")",icon:n.createElement(u.Icon,{icon:"fluent:number-row-20-regular",width:"32",height:"32"})})),n.createElement("div",{className:d.gridContainer,style:{gridTemplateColumns:"repeat("+o+", 30px)",gridTemplateRows:"repeat("+l+", 30px)"},onMouseLeave:function(){y(null)}},function(){for(var e=[],r=function(r){for(var a=function(a){e.push(n.createElement("div",{key:r+"-"+a,className:d.cell+" "+(b&&r<b.spanRows&&a<b.spanCols?d.hoveredCell:"")+" "+(r<g.spanRows&&a<g.spanCols?d.selectedCell:""),onMouseEnter:function(){return function(e,t){y({spanCols:t+1,spanRows:e+1})}(r,a)},onClick:function(){return function(e,n){var r={spanCols:n+1,spanRows:e+1};p(r),null==t||t(r),C(!1)}(r,a)}}))},l=0;l<o;l++)a(l)},a=0;a<l;a++)r(a);return e}()),n.createElement(a.Caption1,{className:d.bottomText},"Click to set span")))};exports.Dashboard=function(e){var t=e.cardCharts,o=e.theme,l=e.containerWidth,c=e.containerHeight,s=void 0===c?"100%":c,u=e.maxSpanRows,f=void 0===u?4:u,m={dashboardContainer:i.css({display:"grid",padding:"20px",gap:"16px",backgroundColor:a.tokens.colorNeutralBackground2,gridTemplateColumns:"repeat(auto-fill, minmax(350px, 1fr))",gridAutoRows:"350px",overflowY:"auto",overflowX:"hidden","::-webkit-scrollbar":{width:"5px",height:"5px"},"::-webkit-scrollbar-track":{background:a.tokens.colorNeutralBackground4,borderRadius:"10px"},"::-webkit-scrollbar-thumb":{background:a.tokens.colorBrandStroke2Hover,borderRadius:"10px"},"::-webkit-scrollbar-thumb:hover":{background:a.tokens.colorNeutralStroke2},justifyContent:"center",gridAutoFlow:"dense"}),cardBody:i.css({display:"flex",flexDirection:"column",height:"100%",minHeight:"320px"}),chartContainer:i.css({flex:1,width:"100%",minHeight:"280px"}),cardDescription:i.css({color:""+a.tokens.colorNeutralForeground2,marginTop:"4px"}),cardWrapper:i.css({position:"relative",height:"100%",minHeight:"300px",borderRadius:a.tokens.borderRadiusMedium,transition:"all 0.2s ease","&:hover":{transform:"translateY(-2px)",boxShadow:""+a.tokens.shadow16},"&:active":{transform:"translateY(0)",boxShadow:""+a.tokens.shadow8}})},g=X(o).getChartComponent,p=n.useState([]),h=p[0],b=p[1],y=n.useState({}),v=y[0],E=y[1],C=n.useRef(null),x=n.useRef(null),S=n.useRef(null);r.useEffect((function(){b(t),E((function(){var e={};return t.forEach((function(t){var n,r,a,o;e[t.id]={spanCols:null!=(n=null==(r=t.defaultSpan)?void 0:r.spanCols)?n:1,spanRows:null!=(a=null==(o=t.defaultSpan)?void 0:o.spanRows)?a:1}})),e}))}),[t]),n.useEffect((function(){l<=600&&E((function(){var e={};return h.forEach((function(t){e[t.id]={spanCols:1,spanRows:1}})),e}))}),[l,h]);var k=n.useMemo((function(){return l>600}),[l]),w=n.useMemo((function(){return{minCardWidth:350,gridGap:16,containerPadding:20}}),[]),F=w.minCardWidth,L=w.gridGap,N=l-2*w.containerPadding,z=n.useMemo((function(){return Math.floor((N+L)/(F+L))}),[N,L,F]),B=Math.max(z,1),M=n.useCallback((function(){if(null!==C.current&&null!==x.current&&C.current!==x.current){var e=[].concat(h),t=e.splice(C.current,1);e.splice(x.current,0,t[0]),b(e)}C.current=null,x.current=null}),[h]),R=n.useCallback((function(e,t){E((function(n){var r;return d({},n,((r={})[e]={spanCols:Math.min(Math.max(t.spanCols,1),B),spanRows:Math.min(Math.max(t.spanRows,1),f)},r))}))}),[B,f]),T=n.useMemo((function(){return h.reduce((function(e,t){var n,r,a,o;return e[t.id]={spanCols:Math.min(null!=(n=null==(r=t.defaultSpan)?void 0:r.spanCols)?n:1,z),spanRows:null!=(a=null==(o=t.defaultSpan)?void 0:o.spanRows)?a:1},e}),{})}),[h,z]),A=n.useMemo((function(){return h.map((function(e,t){var n,l,i,c;return r.createElement("div",{className:m.cardWrapper,key:e.id,draggable:!0,onDragStart:function(){return C.current=t},onDragEnter:function(){return x.current=t},onDragOver:function(e){return e.preventDefault()},onDragEnd:M,style:{gridColumnEnd:null!=(n=v[e.id])&&n.spanCols?"span "+v[e.id].spanCols:"span "+((null==(l=T[e.id])?void 0:l.spanCols)||1),gridRowEnd:null!=(i=v[e.id])&&i.spanRows?"span "+v[e.id].spanRows:"span "+((null==(c=T[e.id])?void 0:c.spanRows)||1)}},r.createElement(a.Card,{className:m.cardBody},r.createElement(a.CardHeader,{header:r.createElement(a.Text,{weight:"semibold",size:400},e.cardTitle),action:k?r.createElement(re,{values:v[e.id]||T[e.id]||{spanCols:1,spanRows:1},maxCols:B,maxRows:f,IsOpen:!1,onChange:function(t){return R(e.id,t)}}):void 0}),r.createElement("div",{className:m.chartContainer,style:{height:s}},o&&o.fontSizeBase100&&g(e.chart,o))))}))}),[h,M,v,m.cardBody,m.chartContainer,k,B,g,R,o]);return 0===h.length?r.createElement(ee,null):r.createElement(r.Fragment,null,r.createElement("div",{ref:S,className:m.dashboardContainer},A))},exports.createAxisLabelFormatter=q,exports.createFluentTooltip=V,exports.getFluentPalette=j,exports.lightenColor=D,exports.useGraphUtils=X;
+"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"),n=require("react"),r=e(n),a=require("@fluentui/react-components"),o=e(require("chartjs-plugin-datalabels")),l=require("react-chartjs-2"),i=require("@emotion/css"),c=require("@juggle/resize-observer"),s=require("@fluentui/react-icons"),u=require("@iconify/react");function d(){return(d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}function f(e,t){return t||(t=e.slice(0)),e.raw=t,e}var m=function(e){var t=e.label,n=e.isVisible,o=e.color,l=e.style;return r.createElement(a.Tooltip,{content:t,relationship:"label"},r.createElement(a.Button,{ref:e.buttonRef,shape:"circular",size:"small",appearance:n?"primary":"outline",onClick:e.onClick,style:d({backgroundColor:n?o:"transparent",color:n?"#fff":a.tokens.colorNeutralForeground1,borderColor:o,borderWidth:1,width:"100px",padding:"4px 8px",textAlign:"center"},void 0===l?{}:l)},r.createElement(a.Caption1,{as:"span",style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",lineHeight:"1.25"}},t)))},g={xs:a.tokens.spacingHorizontalXS,s:a.tokens.spacingHorizontalS,m:a.tokens.spacingHorizontalM,l:a.tokens.spacingHorizontalL,xl:a.tokens.spacingHorizontalXL,xxl:a.tokens.spacingHorizontalXXL},p=r.memo((function(e){var t=e.direction,n=e.justifyContent,o=e.alignItems,l=e.gap,c=e.columnGap,s=e.rowGap,u=e.margin,f=e.padding,m=e.marginTop,p=e.marginBottom,h=e.marginLeft,b=e.marginRight,y=e.paddingTop,v=e.paddingBottom,E=e.paddingLeft,C=e.paddingRight,x=e.wrap,S=e.children,k=e.className,w=i.css(d({display:"flex",flexDirection:"horizontal"===(void 0===t?"vertical":t)?"row":"column",justifyContent:void 0===n?"flex-start":n,alignItems:void 0===o?"stretch":o,gap:l&&g[l]?g[l]:l,columnGap:c&&g[c]?g[c]:c,rowGap:s&&g[s]?g[s]:s,margin:u&&g[u]?g[u]:u,padding:f&&g[f]?g[f]:f,marginTop:m&&g[m]?g[m]:m,marginBottom:p&&g[p]?g[p]:p,marginLeft:h&&g[h]?g[h]:h,marginRight:b&&g[b]?g[b]:b,paddingTop:y&&g[y]?g[y]:y,paddingBottom:v&&g[v]?g[v]:v,paddingLeft:E&&g[E]?g[E]:E,paddingRight:C&&g[C]?g[C]:C,width:e.width,height:e.height,overflow:e.overflow,flexWrap:void 0!==x&&x?"wrap":"nowrap",backgroundColor:e.background},e.style));return r.createElement("div",{className:a.mergeClasses(k,w)},S)}));p.displayName="Stack";var h={wrapper:i.css({display:"flex",flexWrap:"nowrap",overflow:"hidden",justifyContent:"center",gap:10,padding:2,width:"100%",boxSizing:"border-box"})};function b(e){var t=e.overflowItems,n=e.visibleLabels,o=e.toggleLabel,l=e.renderLabel,i=e.getColor;return r.createElement(p,{justifyContent:"center",alignItems:"center",marginLeft:"10px",marginRight:"10px",marginTop:"25px",marginBottom:"20px"},r.createElement("div",{ref:e.containerRef,className:h.wrapper},e.visibleItems.map((function(e){var t=e.label,a=0===n.length||n.includes(t);return r.createElement(m,{key:t,label:l(e),color:i(e),isVisible:a,onClick:function(){return o(t)}})})),t.length>0&&r.createElement(a.Menu,null,r.createElement(a.MenuTrigger,{disableButtonEnhancement:!0},r.createElement(a.MenuButton,{size:"small",appearance:"transparent"},"+",t.length)),r.createElement(a.MenuPopover,{style:{minWidth:"fit-content",maxWidth:"200px"}},r.createElement(a.MenuList,null,t.map((function(e){var t=e.label,c=0===n.length||n.includes(t);return r.createElement(a.MenuItem,{key:t,style:{padding:0}},r.createElement(m,{label:l(e),color:i(e),isVisible:c,onClick:function(){return o(t)},style:{width:"100px",textAlign:"left"}}))})))))))}function y(e){var t=n.useRef(null),r=n.useState(e.length),a=r[0],o=r[1],l=X().debounce;return n.useEffect((function(){var e=function(){var e,n,r=null!=(e=null==(n=t.current)?void 0:n.offsetWidth)?e:0,a=Math.floor(r/110);o(a)},n=l(e,100),r=new c.ResizeObserver(n);return t.current&&r.observe(t.current),e(),function(){return r.disconnect()}}),[e]),{containerRef:t,visibleItems:e.slice(0,a),overflowItems:e.slice(a)}}var v,E,C=function(e){var t=e.data,n=e.visibleSeries,a=e.seriesColors,o=e.toggleSeries,l=y(t);return r.createElement(b,{containerRef:l.containerRef,visibleItems:l.visibleItems,overflowItems:l.overflowItems,items:t,visibleLabels:n,toggleLabel:o,renderLabel:function(e){return e.label},getColor:function(e){return a[e.label]}})},x=function(){return{chartWithLegend:i.css({display:"flex",flexDirection:"column",height:"100%",chartArea:{flexGrow:1,minHeight:0}}),chartArea:i.css(v||(v=f(["\n            flex-grow: 1;\n            min-height: 0;\n        "]))),legendArea:i.css(E||(E=f(["\n            margin-top: 0px;\n            padding-top: 0px;\n            \n            margin-Left: 10px;\n            margin-Right: 10px;\n       \n        "])))}};function S(e){var t=e.data,o=e.getPrimary,i=e.getSecondary,c=e.title,s=e.showDatalabels,u=void 0!==s&&s,d=e.theme,f=void 0===d?a.webLightTheme:d,m=e.stacked,g=void 0!==m&&m,p=n.useState((function(){var e;return t.length>1?t.map((function(e){return e.label})):[null==(e=t[0])?void 0:e.label]})),h=p[0],b=p[1],y=x(),v=X(f),E=v.lightenColor,S=v.getFluentPalette,k=v.createFluentTooltip,w=n.useMemo((function(){return t.reduce((function(e,t,n){var r=S(f)[n%S(f).length],a=E(r,.3);return e[t.label]=a,e}),{})}),[t,f]),F=n.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=n.useMemo((function(){return{labels:F,datasets:t.filter((function(e){return h.includes(e.label)})).map((function(e){return{label:e.label,data:F.map((function(t){var n=e.data.find((function(e){return o(e)===t}));return n?i(n):null})),borderColor:w[e.label],backgroundColor:w[e.label],fill:!0,tension:.4,pointRadius:2}}))}}),[t,h,F,o,i,w]),N=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),z=N.fontFamily,B=N.fontSize,M=N.labelColor,R=N.gridColor,T=n.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!c,text:c,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:u,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:k(f)},scales:{x:{stacked:g,ticks:{color:M,font:{family:z,size:B}},grid:{color:R}},y:{stacked:g,ticks:{color:M,font:{family:z,size:B}},grid:{color:R}}}}}),[c,u,f,z,B,M,R,g,k]);return r.createElement("div",{className:y.chartWithLegend},r.createElement("div",{className:y.chartArea},r.createElement(l.Line,{data:L,options:T})),r.createElement(C,{data:t,visibleSeries:h,seriesColors:w,toggleSeries:function(e){b((function(n){var r=n.includes(e)?n.filter((function(t){return t!==e})):[].concat(n,[e]);return 0===r.length&&t.length>0?[t[0].label]:r}))}}))}function k(e){var t=e.data,a=e.getPrimary,o=e.getSecondary,i=e.stacked,c=void 0!==i&&i,s=e.showDatalabels,u=void 0!==s&&s,d=e.title,f=e.theme,m=n.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],h=x(),b=X(f),y=b.lightenColor,v=b.getFluentPalette,E=b.createFluentTooltip,S=n.useMemo((function(){return t.reduce((function(e,t,n){var r=v(f)[n%v(f).length],a=y(r,.3);return e[t.label]=a,e}),{})}),[t]),k=n.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]),w=n.useMemo((function(){return{labels:k,datasets:t.filter((function(e){return g.includes(e.label)})).map((function(e){return{label:e.label,backgroundColor:S[e.label],data:k.map((function(t){var n=e.data.find((function(e){return a(e)===t}));return n?o(n):0}))}}))}}),[t,g,k,S]),F=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),L=F.fontFamily,N=F.fontSize,z=F.labelColor,B=F.gridColor,M=n.useMemo((function(){return{indexAxis:"y",responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!d,text:d,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:u,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:E(f)},scales:{x:{stacked:c,ticks:{color:z,font:{family:L,size:N}},grid:{color:B}},y:{stacked:c,ticks:{color:z,font:{family:L,size:N}},grid:{color:B}}}}}),[d,u,f,L,N,z,B,c,E]);return r.createElement("div",{className:h.chartWithLegend},r.createElement("div",{className:h.chartArea},r.createElement(l.Bar,{data:w,options:M})),r.createElement("div",{className:h.legendArea},r.createElement(C,{data:t,visibleSeries:g,seriesColors:S,toggleSeries:function(e){p((function(n){var r=n.includes(e)?n.filter((function(t){return t!==e})):[].concat(n,[e]);return 0===r.length&&t.length>0?[t[0].label]:r}))}})))}function w(e){var t=e.data,o=e.getPrimary,i=e.getSecondary,c=e.getRadius,s=e.showDataLabels,u=e.title,d=e.theme,f=void 0===d?a.webLightTheme:d,m=n.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],h=X(f),b=h.lightenColor,y=h.getFluentPalette,v=h.createFluentTooltip,E=x(),S=n.useMemo((function(){return t.reduce((function(e,t,n){var r=y(f)[n%y(f).length],a=b(r,.3);return e[t.label]=a,e}),{})}),[t,f]),k=n.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:c(e)}})),backgroundColor:S[e.label],borderColor:f.colorNeutralStroke1,borderWidth:1,hoverBorderWidth:2}}))}}),[t,g,o,i,c,S]),w=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),F=w.fontFamily,L=w.fontSize,N=w.labelColor,z=w.gridColor,B=n.useMemo((function(){var e;return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!u,text:u,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:s,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:v(f)},scales:{x:{type:"number"==typeof o(null==(e=t[0])?void 0:e.data[0])?"linear":"category",ticks:{color:N,font:{family:F,size:L}},grid:{color:z}},y:{ticks:{color:N,font:{family:F,size:L}},grid:{color:z}}}}}),[u,s,f,o,i,t,F,L,N,z,v]);return r.createElement(r.Fragment,null,r.createElement("div",{className:E.chartWithLegend},r.createElement("div",{className:E.chartArea},r.createElement(l.Bubble,{data:k,options:B})),r.createElement("div",{className:E.legendArea},r.createElement(C,{data:t,visibleSeries:g,seriesColors:S,toggleSeries:function(e){p((function(n){var r=n.includes(e)?n.filter((function(t){return t!==e})):[].concat(n,[e]);return 0===r.length&&t.length>0?[t[0].label]:r}))}}))))}function F(e){var t=e.data,o=e.getPrimary,i=e.getSecondary,c=e.title,s=e.showDataLabels,u=void 0!==s&&s,d=e.theme,f=void 0===d?a.webLightTheme:d,m=n.useState((function(){return t.map((function(e){return e.label}))})),g=m[0],p=m[1],h=x(),b=X(f),y=b.lightenColor,v=b.getFluentPalette,E=b.createFluentTooltip,S=n.useMemo((function(){return t.reduce((function(e,t,n){var r=v(f)[n%v(f).length];return e[t.label]=y(r,.3),e}),{})}),[t,f]),k=n.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]),w=n.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:k,datasets:e.map((function(e){var t;return{type:e.type,label:e.label,yAxisID:null!=(t=e.yAxisID)?t:"y",data:k.map((function(t){var n=e.data.find((function(e){return o(e)===t}));return n?i(n):0})),backgroundColor:S[e.label],borderColor:S[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,k,o,i,S]),F=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),L=F.fontFamily,N=F.fontSize,z=F.labelColor,B=F.gridColor,M=n.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!c,text:c,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:u,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:E(f)},scales:{x:{ticks:{color:z,font:{family:L,size:N}},grid:{color:B}},y:{position:"left",ticks:{color:z,font:{family:L,size:N}},grid:{color:B},stacked:!1}}}}),[c,u,f,L,N,z,B,E]);return r.createElement(r.Fragment,null,r.createElement("div",{className:h.chartWithLegend},r.createElement("div",{className:h.chartArea},r.createElement(l.Chart,{type:"bar",data:w,options:M})),r.createElement("div",{className:h.legendArea},r.createElement(C,{data:t,visibleSeries:g,seriesColors:S,toggleSeries:function(e){p((function(n){var r=n.includes(e)?n.filter((function(t){return t!==e})):[].concat(n,[e]);return 0===r.length?[t[0].label]:r}))}}))))}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 L=function(e){var t=e.entries,n=e.visibleLabels,a=e.toggleLabel,o=y(t);return r.createElement(b,{containerRef:o.containerRef,visibleItems:o.visibleItems,overflowItems:o.overflowItems,items:t,visibleLabels:n,toggleLabel:a,renderLabel:function(e){return e.label+": "+e.value},getColor:function(e){return e.color}})};function N(e){var t=e.data,o=e.getLabel,i=e.getValue,c=e.title,s=e.showDataLabels,u=void 0===s||s,d=e.theme,f=void 0===d?a.webLightTheme:d,m=x(),g=X(f),p=g.lightenColor,h=g.getFluentPalette,b=g.createFluentTooltip,y=n.useState([]),v=y[0],E=y[1],C=n.useMemo((function(){var e=new Map;return t.forEach((function(t){t.data.forEach((function(t){var n=o(t),r=i(t);e.set(n,(e.get(n)||0)+r)}))})),e}),[t,o,i]),S=n.useMemo((function(){var e=Array.from(C.keys()),t=h(f),n=e.map((function(e,n){return p(t[n%t.length],.3)}));return{allLabels:e,colors:n}}),[C,h,f,p]),k=S.allLabels,w=S.colors,F=n.useMemo((function(){var e=k.filter((function(e){return!v.includes(e)})),t=e.map((function(e){return C.get(e)||0})),n=e.map((function(e){var t=k.indexOf(e);return w[t]}));return{filteredLabels:e,values:t,visibleColors:n}}),[k,v,C,w]),N=F.filteredLabels,z=F.values,B=F.visibleColors,M=n.useMemo((function(){return{labels:N,datasets:[{data:z,backgroundColor:B,borderWidth:1}]}}),[N,z,B]),R=n.useMemo((function(){return k.map((function(e,t){return{label:e,value:C.get(e)||0,color:w[t]}}))}),[k,C,w]),T=n.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},tooltip:b(f),title:{display:!!c,text:c,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:u,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14},formatter:function(e){return e}}}}}),[c,f,u,b]);return r.createElement("div",{className:m.chartWithLegend},r.createElement("div",{className:m.chartArea},r.createElement(l.Doughnut,{data:M,options:T})),r.createElement("div",{className:m.legendArea},r.createElement(L,{entries:R,visibleLabels:N,toggleLabel:function(e){E((function(t){return t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e])}))}})))}function z(e){var t=e.data,o=e.getPrimary,i=e.getRange,c=e.title,s=e.showDataLabels,u=void 0!==s&&s,d=e.theme,f=void 0===d?a.webLightTheme:d,m=n.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],h=x(),b=X(f),y=b.lightenColor,v=b.getFluentPalette,E=b.createFluentTooltip,S=n.useMemo((function(){return t.reduce((function(e,t,n){var r=v(f)[n%v(f).length],a=y(r,.3);return e[t.label]=a,e}),{})}),[t,f]),k=n.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=n.useMemo((function(){return{labels:k,datasets:t.filter((function(e){return g.includes(e.label)})).map((function(e){return{label:e.label,data:k.map((function(t){var n=e.data.find((function(e){return o(e)===t}));return n?i(n):[0,0]})),backgroundColor:S[e.label],borderRadius:2}}))}}),[t,g,k,o,i,S]),F=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),L=F.fontFamily,N=F.fontSize,z=F.labelColor,B=F.gridColor,M=n.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!c,text:c,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:u,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:E(f)},scales:{x:{ticks:{color:z,font:{family:L,size:N}},grid:{color:B}},y:{ticks:{color:z,font:{family:L,size:N}},grid:{color:B}}}}}),[c,f,u,z,L,N,B,E]);return r.createElement("div",{className:h.chartWithLegend},r.createElement("div",{className:h.chartArea},r.createElement(l.Bar,{data:w,options:M})),r.createElement("div",{className:h.legendArea},r.createElement(C,{data:t,visibleSeries:g,seriesColors:S,toggleSeries:function(e){p((function(n){var r=n.includes(e)?n.filter((function(t){return t!==e})):[].concat(n,[e]);return 0===r.length&&t.length>0?[t[0].label]:r}))}})))}function B(e){var t=e.data,o=e.getPrimary,i=e.getSecondary,c=e.title,s=e.showDataLabels,u=void 0!==s&&s,d=e.theme,f=void 0===d?a.webLightTheme:d,m=n.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],h=x(),b=X(f),y=b.lightenColor,v=b.getFluentPalette,E=b.createFluentTooltip,S=n.useMemo((function(){return t.reduce((function(e,t,n){var r=v(f)[n%v(f).length],a=y(r,.3);return e[t.label]=a,e}),{})}),[t,f]),k=n.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=n.useMemo((function(){return{labels:k,datasets:t.filter((function(e){return g.includes(e.label)})).map((function(e){return{label:e.label,data:k.map((function(t){var n=e.data.find((function(e){return o(e)===t}));return n?i(n):null})),borderColor:S[e.label],backgroundColor:S[e.label],tension:.4,fill:!1,pointRadius:4}}))}}),[t,g,k,o,i,S]),F=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),L=F.fontFamily,N=F.fontSize,z=F.labelColor,B=F.gridColor,M=n.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!c,text:c,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:u,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:E(f)},scales:{x:{ticks:{color:z,font:{family:L,size:N}},grid:{color:B}},y:{ticks:{color:z,font:{family:L,size:N}},grid:{color:B}}}}}),[c,f,u,z,L,N,B,E]);return r.createElement("div",{className:h.chartWithLegend},r.createElement("div",{className:h.chartArea},r.createElement(l.Line,{data:w,options:M})),r.createElement("div",{className:h.legendArea},r.createElement(C,{data:t,visibleSeries:g,seriesColors:S,toggleSeries:function(e){p((function(n){var r=n.includes(e)?n.filter((function(t){return t!==e})):[].concat(n,[e]);return 0===r.length&&t.length>0?[t[0].label]:r}))}})))}function M(e){var t=e.data,o=e.getLabel,i=e.getValue,c=e.title,s=e.showDataLabels,u=void 0!==s&&s,d=e.theme,f=void 0===d?a.webLightTheme:d,m=X(f),g=m.getFluentPalette,p=m.lightenColor,h=n.useState([]),b=h[0],y=h[1],v=x(),E=n.useMemo((function(){var e=new Map;return t.forEach((function(t){t.data.forEach((function(t){var n=o(t),r=i(t);e.set(n,(e.get(n)||0)+r)}))})),e}),[t,o,i]),C=n.useMemo((function(){var e=Array.from(E.keys()),t=g(f),n=e.map((function(e,n){return p(t[n%t.length],.3)})),r=e.filter((function(e){return!b.includes(e)})),a=r.map((function(e){return E.get(e)||0})),o=r.map((function(t){var r=e.indexOf(t);return n[r]}));return{allLabels:e,colors:n,filteredLabels:r,values:a,visibleColors:o}}),[E,g,p,f,b]),S=C.allLabels,k=C.colors,w=C.filteredLabels,F=C.values,N=C.visibleColors,z=n.useMemo((function(){return{chartData:{labels:w,datasets:[{data:F,backgroundColor:N,borderWidth:1}]},legendEntries:S.map((function(e,t){return{label:e,value:E.get(e)||0,color:k[t]}}))}}),[w,F,N,S,E,k]),B=z.chartData,M=z.legendEntries,R=n.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{tooltip:V(f),legend:{display:!1},title:{display:!!c,text:c,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:u,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}}}}}),[f,c,u]);return r.createElement("div",{className:v.chartWithLegend},r.createElement("div",{className:v.chartArea},r.createElement(l.Pie,{data:B,options:R})),r.createElement("div",{className:v.legendArea},r.createElement(L,{entries:M,visibleLabels:w,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 R=function(e){var t=e.colors,n=e.visibleLabels,a=e.toggleLabel,o=e.labels.map((function(e,n){return{label:e,color:t[n]}})),l=y(o);return r.createElement(b,{containerRef:l.containerRef,visibleItems:l.visibleItems,overflowItems:l.overflowItems,items:o,visibleLabels:n,toggleLabel:a,renderLabel:function(e){return e.label},getColor:function(e){return e.color}})};function T(e){var t=e.data,o=e.getLabel,i=e.getValue,c=e.title,s=e.showDataLabels,u=void 0===s||s,d=e.theme,f=void 0===d?a.webLightTheme:d,m=X(f),g=m.getFluentPalette,p=m.lightenColor,h=n.useState([]),b=h[0],y=h[1],v=x(),E=n.useMemo((function(){var e=new Map;return t.forEach((function(t){t.data.forEach((function(t){var n=o(t),r=i(t);e.set(n,(e.get(n)||0)+r)}))})),e}),[t,o,i]),C=n.useMemo((function(){var e=Array.from(E.keys()),t=g(f),n=e.map((function(e,n){return p(t[n%t.length],.3)})),r=e.filter((function(e){return!b.includes(e)})),a=r.map((function(e){return E.get(e)||0})),o=r.map((function(t){var r=e.indexOf(t);return n[r]}));return{allLabels:e,colors:n,filteredLabels:r,values:a,visibleColors:o}}),[E,g,p,f,b]),S=C.allLabels,k=C.colors,w=C.filteredLabels,F=C.values,L=C.visibleColors,N=n.useMemo((function(){return{labels:w,datasets:[{data:F,backgroundColor:L,borderWidth:1}]}}),[w,F,L]),z=n.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!c,text:c,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:u,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14},formatter:function(e){return e}},tooltip:V(f),legend:{display:!1}},scales:{r:{ticks:{color:f.colorNeutralForeground1,backdropColor:"transparent",font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}},grid:{color:f.colorNeutralStroke2}}}}}),[f,c,u,V]);return r.createElement("div",{className:v.chartWithLegend},r.createElement("div",{className:v.chartArea},r.createElement(l.PolarArea,{data:N,options:z})),r.createElement("div",{className:v.legendArea},r.createElement(R,{labels:S,colors:k,visibleLabels:w,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,c=e.title,s=e.showDataLabels,u=void 0!==s&&s,d=e.theme,f=void 0===d?a.webLightTheme:d,m=n.useState((function(){return t.map((function(e){return e.label}))})),g=m[0],p=m[1],h=x(),b=X(f),y=b.lightenColor,v=b.getFluentPalette,E=n.useMemo((function(){return t.reduce((function(e,t,n){var r=v(f)[n%v(f).length];return e[t.label]=y(r,.3),e}),{})}),[t,v,y,f]),S=n.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]),k=n.useMemo((function(){return{labels:S,datasets:t.filter((function(e){return g.includes(e.label)})).map((function(e){return{label:e.label,data:S.map((function(t){var n=e.data.find((function(e){return o(e)===t}));return n?i(n):0})),backgroundColor:E[e.label]+"33",borderColor:E[e.label],borderWidth:2,pointBackgroundColor:E[e.label]}}))}}),[t,g,S,o,i,E]),w=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),F=w.fontFamily,L=w.fontSize,N=w.labelColor,z=w.gridColor,B=n.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!c,text:c,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:u,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}},tooltip:V(f),legend:{display:!1}},scales:{r:{angleLines:{color:z},grid:{color:z},pointLabels:{color:N,font:{family:F,size:L}},ticks:{color:N,font:{family:F,size:L}}}}}}),[f,c,u,V,z,N,F,L]);return r.createElement("div",{className:h.chartWithLegend},r.createElement("div",{className:h.chartArea},r.createElement(l.Radar,{data:k,options:B})),r.createElement(C,{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 I(e){var t=e.data,o=e.getX,i=e.getY,c=e.title,s=e.showDataLabels,u=void 0!==s&&s,d=e.theme,f=void 0===d?a.webLightTheme:d,m=n.useState((function(){return t.map((function(e){return e.label}))})),g=m[0],p=m[1],h=x(),b=X(f),y=b.getFluentPalette,v=b.lightenColor,E=b.createFluentTooltip,S=n.useMemo((function(){return t.reduce((function(e,t,n){var r=y(f)[n%y(f).length];return e[t.label]=v(r,.3),e}),{})}),[t,f]),k=r.useCallback((function(e){p((function(t){return t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e])}))}),[]),w=n.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:S[e.label],borderColor:S[e.label],pointRadius:4}}))}}),[t,g,o,i,S]),F=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),L=F.fontFamily,N=F.fontSize,z=F.labelColor,B=F.gridColor,M=n.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!c,text:c,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:u,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:E(f)},scales:{x:{type:"linear",position:"bottom",ticks:{color:z,font:{family:L,size:N}},grid:{color:B}},y:{type:"linear",ticks:{color:z,font:{family:L,size:N}},grid:{color:B}}}}}),[f,c,u,E,z,L,N,B]);return r.createElement("div",{className:h.chartWithLegend},r.createElement("div",{className:h.chartArea},r.createElement(l.Scatter,{data:w,options:M})),r.createElement(C,{data:t,visibleSeries:g,seriesColors:S,toggleSeries:k}))}function W(e){var t=e.data,o=e.getPrimary,i=e.getSecondary,c=e.title,s=e.showDataLabels,u=void 0!==s&&s,d=e.theme,f=void 0===d?a.webLightTheme:d,m=n.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],h=x(),b=X(f),y=b.lightenColor,v=b.getFluentPalette,E=b.createFluentTooltip,S=n.useMemo((function(){return t.reduce((function(e,t,n){var r=v(f)[n%v(f).length],a=y(r,.3);return e[t.label]=a,e}),{})}),[t,f]),k=n.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=n.useMemo((function(){return{labels:k,datasets:t.filter((function(e){return g.includes(e.label)})).map((function(e){return{label:e.label,data:k.map((function(t){var n=e.data.find((function(e){return o(e)===t}));return n?i(n):0})),borderColor:S[e.label],backgroundColor:S[e.label],fill:!0,tension:.4,pointRadius:3}}))}}),[t,g,k,o,i,S]),F=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),L=F.fontFamily,N=F.fontSize,z=F.labelColor,B=F.gridColor,M=n.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,plugins:{title:{display:!!c,text:c,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:u,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:E(f)},scales:{x:{stacked:!0,ticks:{color:z,font:{family:L,size:N}},grid:{color:B}},y:{stacked:!0,ticks:{color:z,font:{family:L,size:N}},grid:{color:B}}}}}),[f,c,u,E,z,L,N,B]);return r.createElement("div",{className:h.chartWithLegend},r.createElement("div",{className:h.chartArea},r.createElement(l.Line,{data:w,options:M})),r.createElement(C,{data:t,visibleSeries:g,seriesColors:S,toggleSeries:function(e){p((function(n){var r=n.includes(e)?n.filter((function(t){return t!==e})):[].concat(n,[e]);return 0===r.length&&t.length>0?[t[0].label]:r}))}}))}function P(e){var t=e.data,o=e.getPrimary,i=e.getSecondary,c=e.title,s=e.showDataLabels,u=void 0!==s&&s,d=e.theme,f=void 0===d?a.webLightTheme:d,m=n.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],h=m[1],b=n.useState(!1),y=b[0],v=b[1],E=x(),S=X(f),k=S.lightenColor,w=S.getFluentPalette,F=n.useMemo((function(){return t.reduce((function(e,t,n){var r=w(f)[n%w(f).length];return e[t.label]=k(r,.3),e}),{})}),[t,w,k,f]),L=r.useCallback((function(e){h((function(n){var r=n.includes(e)?n.filter((function(t){return t!==e})):[].concat(n,[e]);return 0===r.length?[t[0].label]:r}))}),[t]),N=n.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]),z=n.useMemo((function(){return N.map((function(e){return t.reduce((function(t,n){var r=n.data.find((function(t){return o(t)===e}));return t+(r?i(r):0)}),0)}))}),[N,t,o,i]),B=n.useMemo((function(){return{labels:N,datasets:t.filter((function(e){return g.includes(e.label)})).map((function(e){return{label:e.label,fill:!0,backgroundColor:F[e.label],borderColor:"transparent",borderWidth:0,data:N.map((function(t,n){var r=e.data.find((function(e){return o(e)===t})),a=r?i(r):0;return y?Math.round(100*(a/(z[n]||1)*100+Number.EPSILON))/100:Math.round(100*(a+Number.EPSILON))/100})),tension:.5}}))}}),[t,g,N,o,i,F,z,y]),M=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),R=M.fontFamily,T=M.fontSize,A=M.labelColor,I=M.gridColor,W=n.useMemo((function(){return{responsive:!0,maintainAspectRatio:!1,animation:{duration:800,easing:"easeOutQuart"},plugins:{title:{display:!!c,text:c,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:u,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:V(f)},interaction:{mode:"index",intersect:!1},scales:{x:{stacked:!0,ticks:{color:A,font:{family:R,size:T}},grid:{color:I}},y:{stacked:!0,ticks:{callback:function(e){return y?e+"%":e},color:A,font:{family:R,size:T}},grid:{color:I},min:0,max:y?100:void 0}}}}),[f,c,u,V,A,R,T,I,y]);return r.createElement("div",{className:E.chartWithLegend},r.createElement("div",{className:E.chartArea},r.createElement(l.Line,{data:B,options:W})),r.createElement(p,{justifyContent:"center",alignItems:"center",margin:"7px"},r.createElement(a.ToggleButton,{onClick:function(){return v((function(e){return!e}))},shape:"circular",appearance:"secondary",size:"small",style:{width:"150px"}},y?"Show Raw Values":"Show %")),r.createElement("div",{className:E.legendArea},r.createElement(C,{data:t,visibleSeries:g,seriesColors:F,toggleSeries:L})))}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 D=function(e,t){if(!/^#?[0-9A-Fa-f]{6}$/.test(e))return e;e.startsWith("#")&&(e=e.slice(1));var n=parseInt(e.slice(0,2),16),r=parseInt(e.slice(2,4),16),a=parseInt(e.slice(4,6),16);n=Math.min(255,Math.floor(n+(255-n)*t)),r=Math.min(255,Math.floor(r+(255-r)*t)),a=Math.min(255,Math.floor(a+(255-a)*t));var o=function(e){return e.toString(16).padStart(2,"0")};return"#"+o(n)+o(r)+o(a)},j=function(e){return["#4e79a7","#f28e2c","#e15759","#76b7b2","#59a14f","#edc949","#af7aa1","#ff9da7","#9c755f","#bab0ab","#8cd17d","#b6992d","#d37295","#fabfd2","#79706e"]},O=function(e){return{data:e.data,title:e.title,getPrimary:function(e){return e.name},getSecondary:function(e){return e.value}}},H=function(e,t){var n=e.type,o=null!=t?t:a.webLightTheme;switch(n){case"bar":return r.createElement(Y,Object.assign({},O(e),{stacked:!1,theme:o}));case"line":return r.createElement(B,Object.assign({},O(e),{theme:o}));case"area":return r.createElement(S,Object.assign({},O(e),{stacked:!1,theme:o}));case"bar-horizontal":return r.createElement(k,Object.assign({},O(e),{stacked:!0,theme:o}));case"bubble":return r.createElement(w,Object.assign({},O(e),{getRadius:function(e){var t;return null!=(t=e.radius)?t:1},theme:o}));case"multiple-axes":return r.createElement(F,Object.assign({},O(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 r.createElement(P,Object.assign({},O(e),{theme:o}));case"floating-bar":return r.createElement(z,Object.assign({getRange:function(e){var t,n;return[null!=(t=e.min)?t:0,null!=(n=e.max)?n:0]}},O(e),{theme:o}));case"stacked-line":return r.createElement(W,Object.assign({},O(e),{theme:o}));case"doughnut":return r.createElement(N,Object.assign({getLabel:function(e){return e.name},getValue:function(e){var t;return null!=(t=e.value)?t:0}},O(e),{theme:o}));case"pie":return r.createElement(M,Object.assign({getLabel:function(e){return e.name},getValue:function(e){var t;return null!=(t=e.value)?t:0},showDataLabels:!0},O(e),{theme:o}));case"scatter":return r.createElement(I,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}},O(e),{theme:o,showDataLabels:!1}));case"polar":return r.createElement(T,{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 r.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: "+n)}};function V(e){var t=e.fontFamilyBase,n=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:n},bodyFont:{family:t,size:n},callbacks:{title:function(e){var t,n;return null!=(t=null==(n=e[0])?void 0:n.label)?t:""},label:function(e){var t="label"in e.dataset&&"string"==typeof e.dataset.label?e.dataset.label:"Value",n=e.raw;return"object"==typeof n&&null!==n&&"x"in n&&"y"in n&&"r"in n?t+" — x: "+n.x+", y: "+n.y+", r: "+n.r:"object"==typeof n&&null!==n&&"x"in n&&"y"in n?t+" — x: "+n.x+", y: "+n.y:Array.isArray(n)&&2===n.length?t+": "+n[0]+" – "+n[1]:t+": "+n},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 q=function(e){var t=e.maxLength,n=void 0===t?12:t,r=e.suffix,a=void 0===r?"":r,o=e.prefix,l=void 0===o?"":o;return function(e){var t="number"==typeof e?this.getLabelForValue(e):String(e),r=t.length>n?t.slice(0,n)+"…":t;return""+l+r+a}};function G(e,t){var n=null;return function(){for(var r=this,a=arguments.length,o=new Array(a),l=0;l<a;l++)o[l]=arguments[l];n&&clearTimeout(n),n=setTimeout((function(){return e.apply(r,o)}),t)}}function X(e){return n.useMemo((function(){return{lightenColor:D,getFluentPalette:j,getChartComponent:H,createFluentTooltip:V,createAxisLabelFormatter:q,debounce:G}}),[e])}function Y(e){var t=e.data,a=e.getPrimary,o=e.getSecondary,i=e.title,c=e.showDatalabels,s=void 0!==c&&c,u=e.stacked,f=void 0!==u&&u,m=e.theme,g=n.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],h=g[1],b=X(m),y=b.lightenColor,v=b.getFluentPalette,E=b.createFluentTooltip,S=x(),k=n.useMemo((function(){return t.reduce((function(e,t,n){var r=v(m)[n%v(m).length],a=y(r,.3);return e[t.label]=a,e}),{})}),[t]),w=n.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]),F=n.useMemo((function(){return{labels:w,datasets:t.filter((function(e){return p.includes(e.label)})).map((function(e){return{label:e.label,backgroundColor:k[e.label],data:w.map((function(t){var n=e.data.find((function(e){return a(e)===t}));return n?o(n):0})),yAxisID:f&&"line"===e.type?"y1":"y"}}))}}),[t,p,w,k,f]),L=n.useMemo((function(){return{fontFamily:m.fontFamilyBase,fontSize:parseInt(m.fontSizeBase200.replace("px",""))||14,labelColor:m.colorNeutralForeground1,gridColor:m.colorNeutralStroke2}}),[m]),N=L.fontFamily,z=L.fontSize,B=L.labelColor,M=L.gridColor,R=n.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:d({x:{stacked:f,ticks:{callback:q({maxLength:10}),color:B,font:{family:N,size:z}},grid:{color:M}},y:{type:"linear",position:"left",stacked:f,ticks:{callback:q({maxLength:10}),color:B,font:{family:N,size:z}},grid:{color:M}}},f&&{y1:{type:"linear",position:"right",ticks:{callback:q({maxLength:10}),color:B,font:{family:N,size:z}},grid:{drawOnChartArea:!1}}})}}),[i,s,m,N,z,B,M,f,E]);return r.createElement("div",{className:S.chartWithLegend},r.createElement("div",{className:S.chartArea},r.createElement(l.Bar,{data:F,options:R})),r.createElement("div",{className:S.legendArea},r.createElement(C,{data:t,visibleSeries:p,seriesColors:k,toggleSeries:function(e){h((function(n){var r=n.includes(e)?n.filter((function(t){return t!==e})):[].concat(n,[e]);return 0===r.length&&t.length>0?[t[0].label]:r}))}})))}t.Chart.register(t.CategoryScale,t.LinearScale,t.BarElement,t.Tooltip,t.Legend,o,t.Title);var U,_,K,Q,$,J,Z=function(e){var t=e.width,n=e.height;return r.createElement("svg",{width:void 0===t?200:t,height:void 0===n?200:n,viewBox:"200 400 1400 1000",className:e.className,style:d({fill:a.tokens.colorNeutralForeground2},e.style),xmlns:"http://www.w3.org/2000/svg"},r.createElement("g",{id:"BACKGROUND"},r.createElement("rect",{style:{fill:a.tokens.colorNeutralBackground1},x:"200",y:"400",width:"1400",height:"1000"})),r.createElement("g",null,r.createElement("g",null,r.createElement("rect",{x:"486.006",y:"568.026",style:{fill:a.tokens.colorNeutralBackground1},width:"1038.994",height:"768.164"}),r.createElement("path",{style:{fill:a.tokens.colorNeutralStroke1},d:"M1527.5,1338.69H483.506V565.526H1527.5V1338.69z M488.506,1333.69H1522.5V570.526H488.506V1333.69z"})),r.createElement("g",null,r.createElement("rect",{x:"558.003",y:"1086.698",style:{fill:a.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"164.492"}),r.createElement("rect",{x:"693.003",y:"1004.672",style:{fill:a.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"246.519"}),r.createElement("rect",{x:"828.003",y:"835.487",style:{fill:a.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"415.703"}),r.createElement("rect",{x:"963.003",y:"955.6",style:{fill:a.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"295.591"}),r.createElement("rect",{x:"1098.003",y:"825.238",style:{fill:a.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"425.952"}),r.createElement("rect",{x:"1233.003",y:"847.489",style:{fill:a.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"403.701"}),r.createElement("rect",{x:"1368.003",y:"699.989",style:{fill:a.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"551.201"}),r.createElement("polygon",{style:{fill:a.tokens.colorBrandBackground},points:"583.634,1185.919 581.366,1181.462 723.336,1109.231 869.748,909.808 1003.791,1050.114 1141.593,912.312 1275.235,928.549 1409.365,774.548 1413.135,777.833 1277.265,933.832 1143.407,917.569 1003.709,1057.267 870.251,917.573 726.664,1113.149"})),r.createElement("rect",{x:"796.336",y:"662.857",style:{fill:a.tokens.colorBrandBackground},width:"418.333",height:"5"}),r.createElement("rect",{x:"937.543",y:"717.857",style:{fill:a.tokens.colorBrandBackground},width:"135.92",height:"5"})),r.createElement("g",null,r.createElement("g",null,r.createElement("rect",{x:"264.978",y:"441.049",style:{fill:a.tokens.colorNeutralBackground1},width:"482.581",height:"379.067"}),r.createElement("path",{style:{fill:a.tokens.colorNeutralStroke1},d:"M750.06,822.616H262.478V438.549H750.06V822.616z M267.478,817.616H745.06V443.549H267.478V817.616z"})),r.createElement("g",null,r.createElement("g",null,r.createElement("rect",{x:"330.537",y:"503.15",style:{fill:a.tokens.colorNeutralForeground3,opacity:.3},width:"108.842",height:"61.633"}),r.createElement("g",null,r.createElement("rect",{x:"485.277",y:"509.093",style:{fill:a.tokens.colorBrandBackground},width:"198.014",height:"2.623"}),r.createElement("rect",{x:"485.277",y:"532.656",style:{fill:a.tokens.colorNeutralForeground3,opacity:.3},width:"198.014",height:"2.623"}),r.createElement("rect",{x:"485.277",y:"556.218",style:{fill:a.tokens.colorNeutralForeground3,opacity:.3},width:"198.014",height:"2.623"}))),r.createElement("g",null,r.createElement("g",null,r.createElement("rect",{x:"381.691",y:"687.747",style:{fill:a.tokens.colorNeutralForeground3,opacity:.3},width:"22.73",height:"70.417"}),r.createElement("rect",{x:"404.421",y:"653.482",style:{fill:a.tokens.colorBrandBackground},width:"22.73",height:"104.682"})),r.createElement("g",null,r.createElement("rect",{x:"466.491",y:"641.634",style:{fill:a.tokens.colorNeutralForeground3,opacity:.3},width:"22.73",height:"116.089"}),r.createElement("rect",{x:"489.221",y:"714.758",style:{fill:a.tokens.colorBrandBackground},width:"22.73",height:"42.965"}))))))},ee=function(e){return n.createElement(n.Fragment,null,n.createElement(p,{style:{height:e.height||"100%"},justifyContent:"Center",alignItems:"Center"},n.createElement(Z,{width:200,height:200}),n.createElement(a.Text,{size:500,weight:"semibold"},"No Dashboards Available")))},te=a.makeStyles({labelContainer:d({display:"flex",flexDirection:"row",justifyContent:"flex-start",alignItems:"center"},a.shorthands.gap("6px")),iconStyles:{width:"26px"},item:{paddingLeft:"15px"}}),ne=function(e){var t=e.label,r=e.icon,o=e.isRequired,l=te();return n.createElement(n.Fragment,null,n.createElement("div",{className:l.labelContainer},r&&n.isValidElement(r)?r:n.createElement(u.Icon,{icon:r,className:l.iconStyles,width:"20px",height:"20px",color:a.tokens.colorBrandForeground1}),n.createElement(a.Caption1,{style:{color:a.tokens.colorBrandForeground1}},t),n.createElement(a.Caption1,{style:{color:a.tokens.colorPaletteRedForeground1}},o?" *":"")))},re=function(e){var t=e.onChange,r=e.values,o=e.maxCols,l=e.maxRows,c=s.bundleIcon(s.Settings20Filled,s.Settings20Regular),d={gridContainer:i.css(U||(U=f(["\n    display: grid;\n    gap: 4px;\n    padding: 8px;\n    justify-content: center;\n  "]))),cell:i.css(_||(_=f(["\n    width: 30px;\n    height: 30px;\n    border: 1px solid ",";\n    background-color: ",";\n    cursor: pointer;\n    transition: background-color 150ms ease, transform 150ms ease;\n    will-change: background-color, transform;\n  "])),a.tokens.colorNeutralStroke1,a.tokens.colorNeutralBackground1),hoveredCell:i.css(K||(K=f(["\n    background-color: ",";\n    transform: scale(1.05);\n  "])),a.tokens.colorNeutralBackground1Hover),selectedCell:i.css(Q||(Q=f(["\n    background-color: ",";\n  "])),a.tokens.colorNeutralBackground1Selected),menuPopover:i.css($||($=f(["\n    min-width: fit-content;\n  "]))),bottomText:i.css(J||(J=f(["\n    padding-left: 8px;\n    padding-right: 8px;\n  "])))},m=n.useState(r),g=m[0],p=m[1],h=n.useState(null),b=h[0],y=h[1],v=n.useState(!1),E=v[0],C=v[1];n.useEffect((function(){p(r)}),[r]);var x=n.useMemo((function(){return 30*o+4*(o-1)+32}),[o]);return n.createElement(a.Menu,{open:E,onOpenChange:function(e,t){C(t.open),y(null)}},n.createElement(a.MenuTrigger,{disableButtonEnhancement:!0},n.createElement(a.Tooltip,{content:"Configure",relationship:"label"},n.createElement(a.MenuButton,{icon:n.createElement(c,null),size:"small",appearance:"transparent"}))),n.createElement(a.MenuPopover,{style:{width:x+"px",minWidth:"120px",padding:8}},n.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"6px",width:"100%",boxSizing:"border-box",padding:"8px"}},n.createElement(ne,{label:"Selected Span ("+g.spanCols+" × "+g.spanRows+")",icon:n.createElement(u.Icon,{icon:"fluent:number-row-20-regular",width:"32",height:"32"})})),n.createElement("div",{className:d.gridContainer,style:{gridTemplateColumns:"repeat("+o+", 30px)",gridTemplateRows:"repeat("+l+", 30px)"},onMouseLeave:function(){y(null)}},function(){for(var e=[],r=function(r){for(var a=function(a){e.push(n.createElement("div",{key:r+"-"+a,className:d.cell+" "+(b&&r<b.spanRows&&a<b.spanCols?d.hoveredCell:"")+" "+(r<g.spanRows&&a<g.spanCols?d.selectedCell:""),onMouseEnter:function(){return function(e,t){y({spanCols:t+1,spanRows:e+1})}(r,a)},onClick:function(){return function(e,n){var r={spanCols:n+1,spanRows:e+1};p(r),null==t||t(r),C(!1)}(r,a)}}))},l=0;l<o;l++)a(l)},a=0;a<l;a++)r(a);return e}()),n.createElement(a.Caption1,{className:d.bottomText},"Click to set span")))};exports.Dashboard=function(e){var t=e.cardCharts,o=e.theme,l=e.containerWidth,c=e.containerHeight,s=void 0===c?"100%":c,u=e.maxSpanRows,f=void 0===u?4:u,m={dashboardContainer:i.css({display:"grid",padding:"20px",gap:"16px",backgroundColor:a.tokens.colorNeutralBackground2,gridTemplateColumns:"repeat(auto-fill, minmax(350px, 1fr))",gridAutoRows:"350px",overflowY:"auto",overflowX:"hidden","::-webkit-scrollbar":{width:"5px",height:"5px"},"::-webkit-scrollbar-track":{background:a.tokens.colorNeutralBackground4,borderRadius:"10px"},"::-webkit-scrollbar-thumb":{background:a.tokens.colorBrandStroke2Hover,borderRadius:"10px"},"::-webkit-scrollbar-thumb:hover":{background:a.tokens.colorNeutralStroke2},justifyContent:"center",gridAutoFlow:"dense"}),cardBody:i.css({display:"flex",flexDirection:"column",height:"100%",minHeight:"320px"}),chartContainer:i.css({flex:1,width:"100%",minHeight:"280px"}),cardDescription:i.css({color:""+a.tokens.colorNeutralForeground2,marginTop:"4px"}),cardWrapper:i.css({position:"relative",height:"100%",minHeight:"300px",borderRadius:a.tokens.borderRadiusMedium,transition:"all 0.2s ease","&:hover":{transform:"translateY(-2px)",boxShadow:""+a.tokens.shadow16},"&:active":{transform:"translateY(0)",boxShadow:""+a.tokens.shadow8}})},g=X(o).getChartComponent,p=n.useState([]),h=p[0],b=p[1],y=n.useState({}),v=y[0],E=y[1],C=n.useRef(null),x=n.useRef(null),S=n.useRef(null);r.useEffect((function(){b(t),E((function(){var e={};return t.forEach((function(t){var n,r,a,o;e[t.id]={spanCols:null!=(n=null==(r=t.defaultSpan)?void 0:r.spanCols)?n:1,spanRows:null!=(a=null==(o=t.defaultSpan)?void 0:o.spanRows)?a:1}})),e}))}),[t]),n.useEffect((function(){l<=600&&E((function(){var e={};return h.forEach((function(t){e[t.id]={spanCols:1,spanRows:1}})),e}))}),[l,h]);var k=n.useMemo((function(){return l>600}),[l]),w=n.useMemo((function(){return{minCardWidth:350,gridGap:16,containerPadding:20}}),[]),F=w.minCardWidth,L=w.gridGap,N=l-2*w.containerPadding,z=n.useMemo((function(){return Math.floor((N+L)/(F+L))}),[N,L,F]),B=Math.max(z,1),M=n.useCallback((function(){if(null!==C.current&&null!==x.current&&C.current!==x.current){var e=[].concat(h),t=e.splice(C.current,1);e.splice(x.current,0,t[0]),b(e)}C.current=null,x.current=null}),[h]),R=n.useCallback((function(e,t){E((function(n){var r;return d({},n,((r={})[e]={spanCols:Math.min(Math.max(t.spanCols,1),B),spanRows:Math.min(Math.max(t.spanRows,1),f)},r))}))}),[B,f]),T=n.useMemo((function(){return h.reduce((function(e,t){var n,r,a,o;return e[t.id]={spanCols:Math.min(null!=(n=null==(r=t.defaultSpan)?void 0:r.spanCols)?n:1,z),spanRows:null!=(a=null==(o=t.defaultSpan)?void 0:o.spanRows)?a:1},e}),{})}),[h,z]),A=n.useMemo((function(){return h.map((function(e,t){var n,l,i,c;return r.createElement("div",{className:m.cardWrapper,key:e.id,draggable:!0,onDragStart:function(){return C.current=t},onDragEnter:function(){return x.current=t},onDragOver:function(e){return e.preventDefault()},onDragEnd:M,style:{gridColumnEnd:null!=(n=v[e.id])&&n.spanCols?"span "+v[e.id].spanCols:"span "+((null==(l=T[e.id])?void 0:l.spanCols)||1),gridRowEnd:null!=(i=v[e.id])&&i.spanRows?"span "+v[e.id].spanRows:"span "+((null==(c=T[e.id])?void 0:c.spanRows)||1)}},r.createElement(a.Card,{className:m.cardBody},r.createElement(a.CardHeader,{header:r.createElement(a.Text,{weight:"semibold",size:400},e.cardTitle),action:k?r.createElement(re,{values:v[e.id]||T[e.id]||{spanCols:1,spanRows:1},maxCols:B,maxRows:f,IsOpen:!1,onChange:function(t){return R(e.id,t)}}):void 0}),r.createElement("div",{className:m.chartContainer,style:{height:s}},o&&o.fontSizeBase100&&g(e.chart,o))))}))}),[h,M,v,m.cardBody,m.chartContainer,k,B,g,R,o]);return 0===h.length?r.createElement(ee,null):r.createElement(r.Fragment,null,r.createElement("div",{ref:S,className:m.dashboardContainer,style:{height:s}},A))},exports.createAxisLabelFormatter=q,exports.createFluentTooltip=V,exports.getFluentPalette=j,exports.lightenColor=D,exports.useGraphUtils=X;
 //# sourceMappingURL=fluentui-react-charts.cjs.production.min.js.map