@spteck/fluentui-react-charts 1.1.4 → 1.1.6
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.
- package/dist/charts/lineChart/LineChart.d.ts +3 -1
- package/dist/fluentui-react-charts.cjs.development.js +22 -8
- package/dist/fluentui-react-charts.cjs.development.js.map +1 -1
- package/dist/fluentui-react-charts.cjs.production.min.js +1 -1
- package/dist/fluentui-react-charts.cjs.production.min.js.map +1 -1
- package/dist/fluentui-react-charts.esm.js +22 -8
- package/dist/fluentui-react-charts.esm.js.map +1 -1
- package/dist/hooks/useChartUtils.d.ts +2 -0
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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("@fluentui/react-components"),n=require("react"),r=e(n),a=require("@emotion/css"),o=require("@fluentui/react-icons"),l=require("@iconify/react"),i=require("chart.js"),c=e(require("chartjs-plugin-datalabels")),u=require("react-chartjs-2"),s=require("@juggle/resize-observer"),d=require("idb");function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function m(e,t,n,r,a,o,l){try{var i=e[o](l),c=i.value}catch(e){return void n(e)}i.done?t(c):Promise.resolve(c).then(r,a)}function g(e){return function(){var t=this,n=arguments;return new Promise((function(r,a){var o=e.apply(t,n);function l(e){m(o,r,a,l,i,"next",e)}function i(e){m(o,r,a,l,i,"throw",e)}l(void 0)}))}}function p(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(n)return(n=n.call(e)).next.bind(n);if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return f(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(){return(h=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 b(){var e,t,n="function"==typeof Symbol?Symbol:{},r=n.iterator||"@@iterator",a=n.toStringTag||"@@toStringTag";function o(n,r,a,o){var c=Object.create((r&&r.prototype instanceof i?r:i).prototype);return y(c,"_invoke",function(n,r,a){var o,i,c,u=0,s=a||[],d=!1,f={p:0,n:0,v:e,a:m,f:m.bind(e,4),d:function(t,n){return o=t,i=0,c=e,f.n=n,l}};function m(n,r){for(i=n,c=r,t=0;!d&&u&&!a&&t<s.length;t++){var a,o=s[t],m=f.p,g=o[2];n>3?(a=g===r)&&(c=o[(i=o[4])?5:(i=3,3)],o[4]=o[5]=e):o[0]<=m&&((a=n<2&&m<o[1])?(i=0,f.v=r,f.n=o[1]):m<g&&(a=n<3||o[0]>r||r>g)&&(o[4]=n,o[5]=r,f.n=g,i=0))}if(a||n>1)return l;throw d=!0,r}return function(a,s,g){if(u>1)throw TypeError("Generator is already running");for(d&&1===s&&m(s,g),i=s,c=g;(t=i<2?e:c)||!d;){o||(i?i<3?(i>1&&(f.n=-1),m(i,c)):f.n=c:f.v=c);try{if(u=2,o){if(i||(a="next"),t=o[a]){if(!(t=t.call(o,c)))throw TypeError("iterator result is not an object");if(!t.done)return t;c=t.value,i<2&&(i=0)}else 1===i&&(t=o.return)&&t.call(o),i<2&&(c=TypeError("The iterator does not provide a '"+a+"' method"),i=1);o=e}else if((t=(d=f.n<0)?c:n.call(r,f))!==l)break}catch(t){o=e,i=1,c=t}finally{u=1}}return{value:t,done:d}}}(n,a,o),!0),c}var l={};function i(){}function c(){}function u(){}t=Object.getPrototypeOf;var s=[][r]?t(t([][r]())):(y(t={},r,(function(){return this})),t),d=u.prototype=i.prototype=Object.create(s);function f(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,u):(e.__proto__=u,y(e,a,"GeneratorFunction")),e.prototype=Object.create(d),e}return c.prototype=u,y(d,"constructor",u),y(u,"constructor",c),c.displayName="GeneratorFunction",y(u,a,"GeneratorFunction"),y(d),y(d,a,"Generator"),y(d,r,(function(){return this})),y(d,"toString",(function(){return"[object Generator]"})),(b=function(){return{w:o,m:f}})()}function y(e,t,n,r){var a=Object.defineProperty;try{a({},"",{})}catch(e){a=0}(y=function(e,t,n,r){if(t)a?a(e,t,{value:n,enumerable:!r,configurable:!r,writable:!r}):e[t]=n;else{function o(t,n){y(e,t,(function(e){return this._invoke(t,n,e)}))}o("next",0),o("throw",1),o("return",2)}})(e,t,n,r)}function v(e,t){return t||(t=e.slice(0)),e.raw=t,e}var C=function(e){var n=e.width,a=e.height;return r.createElement("svg",{width:void 0===n?200:n,height:void 0===a?200:a,viewBox:"200 400 1400 1000",className:e.className,style:h({fill:t.tokens.colorNeutralForeground2},e.style),xmlns:"http://www.w3.org/2000/svg"},r.createElement("g",{id:"BACKGROUND"},r.createElement("rect",{style:{fill:t.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:t.tokens.colorNeutralBackground1},width:"1038.994",height:"768.164"}),r.createElement("path",{style:{fill:t.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:t.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"164.492"}),r.createElement("rect",{x:"693.003",y:"1004.672",style:{fill:t.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"246.519"}),r.createElement("rect",{x:"828.003",y:"835.487",style:{fill:t.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"415.703"}),r.createElement("rect",{x:"963.003",y:"955.6",style:{fill:t.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"295.591"}),r.createElement("rect",{x:"1098.003",y:"825.238",style:{fill:t.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"425.952"}),r.createElement("rect",{x:"1233.003",y:"847.489",style:{fill:t.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"403.701"}),r.createElement("rect",{x:"1368.003",y:"699.989",style:{fill:t.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"551.201"}),r.createElement("polygon",{style:{fill:t.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:t.tokens.colorBrandBackground},width:"418.333",height:"5"}),r.createElement("rect",{x:"937.543",y:"717.857",style:{fill:t.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:t.tokens.colorNeutralBackground1},width:"482.581",height:"379.067"}),r.createElement("path",{style:{fill:t.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:t.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:t.tokens.colorBrandBackground},width:"198.014",height:"2.623"}),r.createElement("rect",{x:"485.277",y:"532.656",style:{fill:t.tokens.colorNeutralForeground3,opacity:.3},width:"198.014",height:"2.623"}),r.createElement("rect",{x:"485.277",y:"556.218",style:{fill:t.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:t.tokens.colorNeutralForeground3,opacity:.3},width:"22.73",height:"70.417"}),r.createElement("rect",{x:"404.421",y:"653.482",style:{fill:t.tokens.colorBrandBackground},width:"22.73",height:"104.682"})),r.createElement("g",null,r.createElement("rect",{x:"466.491",y:"641.634",style:{fill:t.tokens.colorNeutralForeground3,opacity:.3},width:"22.73",height:"116.089"}),r.createElement("rect",{x:"489.221",y:"714.758",style:{fill:t.tokens.colorBrandBackground},width:"22.73",height:"42.965"}))))))},x={xs:t.tokens.spacingHorizontalXS,s:t.tokens.spacingHorizontalS,m:t.tokens.spacingHorizontalM,l:t.tokens.spacingHorizontalL,xl:t.tokens.spacingHorizontalXL,xxl:t.tokens.spacingHorizontalXXL},E=r.memo((function(e){var n=e.direction,o=e.justifyContent,l=e.alignItems,i=e.gap,c=e.columnGap,u=e.rowGap,s=e.margin,d=e.padding,f=e.marginTop,m=e.marginBottom,g=e.marginLeft,p=e.marginRight,b=e.paddingTop,y=e.paddingBottom,v=e.paddingLeft,C=e.paddingRight,E=e.wrap,w=e.children,F=e.className,S=a.css(h({display:"flex",flexDirection:"horizontal"===(void 0===n?"vertical":n)?"row":"column",justifyContent:void 0===o?"flex-start":o,alignItems:void 0===l?"stretch":l,gap:i&&x[i]?x[i]:i,columnGap:c&&x[c]?x[c]:c,rowGap:u&&x[u]?x[u]:u,margin:s&&x[s]?x[s]:s,padding:d&&x[d]?x[d]:d,marginTop:f&&x[f]?x[f]:f,marginBottom:m&&x[m]?x[m]:m,marginLeft:g&&x[g]?x[g]:g,marginRight:p&&x[p]?x[p]:p,paddingTop:b&&x[b]?x[b]:b,paddingBottom:y&&x[y]?x[y]:y,paddingLeft:v&&x[v]?x[v]:v,paddingRight:C&&x[C]?x[C]:C,width:e.width,height:e.height,overflow:e.overflow,flexWrap:void 0!==E&&E?"wrap":"nowrap",backgroundColor:e.background},e.style));return r.createElement("div",{className:t.mergeClasses(F,S)},w)}));E.displayName="Stack";var w,F,S,k,L,N,B=function(e){return n.createElement(n.Fragment,null,n.createElement(E,{style:{height:e.height||"100%"},justifyContent:"Center",alignItems:"Center"},n.createElement(C,{width:200,height:200}),n.createElement(t.Text,{size:500,weight:"semibold"},"No Dashboards Available")))},z=t.makeStyles({labelContainer:h({display:"flex",flexDirection:"row",justifyContent:"flex-start",alignItems:"center"},t.shorthands.gap("6px")),iconStyles:{width:"26px"},item:{paddingLeft:"15px"}}),A=function(e){var r=e.label,a=e.icon,o=e.isRequired,i=z();return n.createElement(n.Fragment,null,n.createElement("div",{className:i.labelContainer},a&&n.isValidElement(a)?a:n.createElement(l.Icon,{icon:a,className:i.iconStyles,width:"20px",height:"20px",color:t.tokens.colorBrandForeground1}),n.createElement(t.Caption1,{style:{color:t.tokens.colorBrandForeground1}},r),n.createElement(t.Caption1,{style:{color:t.tokens.colorPaletteRedForeground1}},o?" *":"")))},M=function(e){var r=e.onChange,l=e.values,i=e.maxCols,c=e.maxRows,u=o.bundleIcon(o.Settings20Filled,o.Settings20Regular),s={gridContainer:a.css(w||(w=v(["\n display: grid;\n gap: 4px;\n padding: 8px;\n justify-content: center;\n "]))),cell:a.css(F||(F=v(["\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 "])),t.tokens.colorNeutralStroke1,t.tokens.colorNeutralBackground1),hoveredCell:a.css(S||(S=v(["\n background-color: ",";\n transform: scale(1.05);\n "])),t.tokens.colorNeutralBackground1Hover),selectedCell:a.css(k||(k=v(["\n background-color: ",";\n "])),t.tokens.colorNeutralBackground1Selected),menuPopover:a.css(L||(L=v(["\n min-width: fit-content;\n "]))),bottomText:a.css(N||(N=v(["\n padding-left: 8px;\n padding-right: 8px;\n "]))),zoomContainer:a.css({display:"flex",flexDirection:"row",alignItems:"center",gap:"6px",width:"100%",boxSizing:"border-box",padding:"8px 0px"})},d=n.useState(l),f=d[0],m=d[1],g=n.useState(null),p=g[0],h=g[1],b=n.useState(!1),y=b[0],C=b[1];n.useEffect((function(){m(l)}),[l]);var x=n.useMemo((function(){return 30*i+4*(i-1)+32}),[i]);return n.createElement(t.Menu,{open:y,onOpenChange:function(e,t){C(t.open),h(null)}},n.createElement(t.MenuTrigger,{disableButtonEnhancement:!0},n.createElement(t.Tooltip,{content:"Configure",relationship:"label"},n.createElement(t.MenuButton,{icon:n.createElement(u,null),size:"small",appearance:"transparent"}))),n.createElement(t.MenuPopover,{style:{width:x+"px",minWidth:"120px",padding:8}},n.createElement("div",{className:s.zoomContainer},n.createElement(A,{label:"Span ("+f.spanCols+" × "+f.spanRows+")"})),n.createElement("div",{className:s.gridContainer,style:{gridTemplateColumns:"repeat("+i+", 30px)",gridTemplateRows:"repeat("+c+", 30px)"},onMouseLeave:function(){h(null)}},function(){for(var e=[],t=function(t){for(var a=function(a){e.push(n.createElement("div",{key:t+"-"+a,className:s.cell+" "+(p&&t<p.spanRows&&a<p.spanCols?s.hoveredCell:"")+" "+(t<f.spanRows&&a<f.spanCols?s.selectedCell:""),onMouseEnter:function(){return function(e,t){h({spanCols:t+1,spanRows:e+1})}(t,a)},onClick:function(){return function(e,t){var n={spanCols:t+1,spanRows:e+1};m(n),null==r||r(n),C(!1)}(t,a)}}))},o=0;o<i;o++)a(o)},a=0;a<c;a++)t(a);return e}()),n.createElement(t.Caption1,{className:s.bottomText},"Click to set span")))},I=function(e){var n=e.label,a=e.isVisible,o=e.color,l=e.style;return r.createElement(t.Tooltip,{content:n,relationship:"label"},r.createElement(t.Button,{ref:e.buttonRef,shape:"circular",size:"small",appearance:a?"primary":"outline",onClick:e.onClick,style:h({backgroundColor:a?o:"transparent",color:a?"#fff":t.tokens.colorNeutralForeground1,borderColor:o,borderWidth:1,width:"100px",padding:"4px 8px",textAlign:"center"},void 0===l?{}:l)},r.createElement(t.Caption1,{as:"span",style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",lineHeight:"1.25"}},n)))},T={wrapper:a.css({display:"flex",flexWrap:"nowrap",overflow:"hidden",justifyContent:"center",gap:10,padding:2,width:"100%",boxSizing:"border-box"})};function R(e){var n=e.overflowItems,a=e.visibleLabels,o=e.toggleLabel,l=e.renderLabel,i=e.getColor;return r.createElement(E,{justifyContent:"center",alignItems:"center",marginLeft:"10px",marginRight:"10px",marginTop:"25px",marginBottom:"20px"},r.createElement("div",{ref:e.containerRef,className:T.wrapper},e.visibleItems.map((function(e){var t=e.label,n=0===a.length||a.includes(t);return r.createElement(I,{key:t,label:l(e),color:i(e),isVisible:n,onClick:function(){return o(t)}})})),n.length>0&&r.createElement(t.Menu,null,r.createElement(t.MenuTrigger,{disableButtonEnhancement:!0},r.createElement(t.MenuButton,{size:"small",appearance:"transparent"},"+",n.length)),r.createElement(t.MenuPopover,{style:{minWidth:"fit-content",maxWidth:"200px"}},r.createElement(t.MenuList,null,n.map((function(e){var n=e.label,c=0===a.length||a.includes(n);return r.createElement(t.MenuItem,{key:n,style:{padding:0}},r.createElement(I,{label:l(e),color:i(e),isVisible:c,onClick:function(){return o(n)},style:{width:"100px",textAlign:"left"}}))})))))))}var D=["#F87171","#FB923C","#FDE047","#86EFAC","#7DD3FC","#C084FC","#F9A8D4","#FED7AA"],P=["#DC2626","#EA580C","#EAB308","#16A34A","#0284C7","#9333EA","#DB2777","#C2410C"],W=["#60A5FA","#34D399","#FBBF24","#F472B6","#A78BFA","#FB923C","#2DD4BF","#FB7185"],j=["#2563EB","#059669","#D97706","#DB2777","#7C3AED","#EA580C","#0D9488","#E11D48"],O=["#289CEF","#f05075ff","#45B0A2","#a4262c","#F49E31","#A366FF","#FCCE51","#062843ff","#7f7f82ff","#376102ff","#4e79a7"],H=["#f28e2c","#e15759","#76b7b2","#59a14f","#edc949","#af7aa1","#ff9da7","#9c755f","#bab0ab","#8cd17d","#b6992d","#d37295","#fabfd2","#79706e"],V=["#2899f5","#ff8c00","#32cd32","#f06b71","#c390f2","#00b7c3","#ffb900","#b4a0ff","#60cdff","#92c353"],G=[].concat(H),q=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)},_=function(e,t){return function(e,t){switch(e){case 1:return t?V:O;case 2:return t?G:H;case 3:return t?W:j;case 4:return t?D:P;default:return t?V:O}}(null!=t?t:1,e.colorNeutralBackground1.startsWith("#1")||"#000000"===e.colorNeutralBackground1)},X=function(){return{animation:!1,transitions:{active:{animation:{duration:0}}}}};function U(e,t){var n=e.fontFamilyBase,r=parseInt(e.fontSizeBase200.replace("px",""))||14,a=e.colorNeutralBackground1,o=e.colorNeutralForeground1,l=e.colorNeutralStroke2;return{enabled:!0,displayColors:!0,boxWidth:10,boxHeight:10,boxPadding:5,backgroundColor:a,borderColor:l,borderWidth:1,cornerRadius:4,padding:10,titleColor:o,titleFont:{family:n,size:r},bodyFont:{family:n,size:r},animation:{duration:0},callbacks:{title:function(e){var t,n;return null!=(t=null==(n=e[0])?void 0:n.label)?t:""},label:function(e){var n,r=e.dataset,a="label"in r&&"string"==typeof r.label?r.label:"Value",o=e.raw;if(r&&void 0!==r.extraField){var l,i=r.extraField;n=Array.isArray(i)?i[null!=(l=e.dataIndex)?l:0]:i}else t&&t.extraField&&(n="function"==typeof t.extraField?t.extraField(e):t.extraField);var c=null!=n?" ("+String(n)+")":"";return"object"==typeof o&&null!==o&&"x"in o&&"y"in o&&"r"in o?a+" — x: "+o.x+", y: "+o.y+", r: "+o.r+c:"object"==typeof o&&null!==o&&"x"in o&&"y"in o?a+" — x: "+o.x+", y: "+o.y+c:Array.isArray(o)&&2===o.length?a+": "+o[0]+" – "+o[1]+c:a+": "+o+c},beforeTitle:function(){return""},afterTitle:function(){return""},beforeBody:function(){return""},afterBody:function(){return""},beforeLabel:function(){return""},afterLabel:function(){return""},labelColor:function(e){var t,n,r,o,i=e.dataset||{},c=i.backgroundColor;Array.isArray(c)&&(c=c[null!=(t=e.dataIndex)?t:0]);var u=i.borderColor;Array.isArray(u)&&(u=u[null!=(n=e.dataIndex)?n:0]);var s=null!=(r=null!=c?c:i.pointBackgroundColor)?r:a;return{borderColor:null!=(o=null!=u?u:i.pointBorderColor)?o:l,backgroundColor:s}},labelTextColor:function(){return o},footer:function(){return""},beforeFooter:function(){return""},afterFooter:function(){return""},labelPointStyle:function(){return{pointStyle:"circle",rotation:0,radius:5}}}}}var Y=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 K(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 $(e){return n.useMemo((function(){return{lightenColor:q,getFluentPalette:_,createFluentTooltip:U,createAxisLabelFormatter:Y,debounce:K,getInstantInteractionAnimations:X}}),[e])}function J(e){var t=n.useRef(null),r=n.useState(e.length),a=r[0],o=r[1],l=$().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 s.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 Q,Z,ee=function(e){var t=e.data,n=e.visibleSeries,a=e.seriesColors,o=e.toggleSeries,l=J(t);return r.createElement(R,{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]}})},te=function(){return{chartWithLegend:a.css({display:"flex",flexDirection:"column",height:"100%",chartArea:{flexGrow:1,minHeight:0}}),chartArea:a.css(Q||(Q=v(["\n flex-grow: 1;\n min-height: 0;\n "]))),legendArea:a.css(Z||(Z=v(["\n margin-top: 0px;\n padding-top: 0px;\n \n margin-Left: 10px;\n margin-Right: 10px;\n \n "])))}};function ne(e){var a=e.data,o=e.getPrimary,l=e.getSecondary,i=e.title,c=e.showDatalabels,s=void 0!==c&&c,d=e.theme,f=void 0===d?t.webLightTheme:d,m=e.stacked,g=void 0!==m&&m,p=e.renderTooltipLabel,b=e.paletteId,y=void 0===b?1:b,v=n.useState((function(){var e;return a.length>1?a.map((function(e){return e.label})):[null==(e=a[0])?void 0:e.label]})),C=v[0],x=v[1],E=te(),w=$(f),F=w.lightenColor,S=w.getFluentPalette,k=w.createFluentTooltip,L=w.getInstantInteractionAnimations,N=n.useMemo((function(){var e=S(f,y);return a.reduce((function(t,n,r){var a=F(e[r%e.length],.3);return t[n.label]=a,t}),{})}),[a,S,F,f,y]),B=n.useMemo((function(){var e=new Set;return a.forEach((function(t){t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[a,o]),z=n.useMemo((function(){return{labels:B,datasets:a.filter((function(e){return C.includes(e.label)})).map((function(e){return{label:e.label,data:B.map((function(t){var n=e.data.find((function(e){return o(e)===t}));return n?l(n):null})),borderColor:N[e.label],backgroundColor:N[e.label],fill:!0,tension:.4,pointRadius:2}}))}}),[a,C,B,o,l,N]),A=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),M=A.fontFamily,I=A.fontSize,T=A.labelColor,R=A.gridColor,D=n.useMemo((function(){return h({responsive:!0,maintainAspectRatio:!1},L(),{plugins:{title:{display:!!i,text:i,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:k(f,{extraField:p})},scales:{x:{stacked:g,ticks:{color:T,font:{family:M,size:I}},grid:{color:R}},y:{stacked:g,ticks:{color:T,font:{family:M,size:I}},grid:{color:R}}}})}),[i,s,f,M,I,T,R,g,k]);return r.createElement("div",{className:E.chartWithLegend},r.createElement("div",{className:E.chartArea},r.createElement(u.Line,{data:z,options:D})),r.createElement(ee,{data:a,visibleSeries:C,seriesColors:N,toggleSeries:function(e){x((function(t){var n=t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e]);return 0===n.length&&a.length>0?[a[0].label]:n}))}}))}function re(e){var t=e.data,a=e.getPrimary,o=e.getSecondary,l=e.title,i=e.showDatalabels,c=void 0!==i&&i,s=e.stacked,d=void 0!==s&&s,f=e.theme,m=e.renderTooltipLabel,g=e.paletteId,p=void 0===g?1:g,b=n.useState((function(){var e;return t.length>1?t.map((function(e){return e.label})):[null==(e=t[0])?void 0:e.label]})),y=b[0],v=b[1],C=$(f),x=C.lightenColor,E=C.getFluentPalette,w=C.createFluentTooltip,F=C.getInstantInteractionAnimations,S=te(),k=n.useMemo((function(){var e=E(f,p);return t.reduce((function(t,n,r){var a=x(e[r%e.length],.3);return t[n.label]=a,t}),{})}),[t,E,x,f,p]),L=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]),N=n.useMemo((function(){return{labels:L,datasets:t.filter((function(e){return y.includes(e.label)})).map((function(e){return{label:e.label,backgroundColor:k[e.label],data:L.map((function(t){var n=e.data.find((function(e){return a(e)===t}));return n?o(n):0})),yAxisID:d&&"line"===e.type?"y1":"y"}}))}}),[t,y,L,k,d]),B=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),z=B.fontFamily,A=B.fontSize,M=B.labelColor,I=B.gridColor,T=n.useMemo((function(){return h({responsive:!0,maintainAspectRatio:!1},F(),{plugins:{title:{display:!!l,text:l,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:c,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:w(f,{extraField:m})},scales:h({x:{stacked:d,ticks:{callback:Y({maxLength:10}),color:M,font:{family:z,size:A}},grid:{color:I}},y:{type:"linear",position:"left",stacked:d,ticks:{callback:Y({maxLength:10}),color:M,font:{family:z,size:A}},grid:{color:I}}},d&&{y1:{type:"linear",position:"right",ticks:{callback:Y({maxLength:10}),color:M,font:{family:z,size:A}},grid:{drawOnChartArea:!1}}})})}),[l,c,f,z,A,M,I,d,w]);return r.createElement("div",{className:S.chartWithLegend},r.createElement("div",{className:S.chartArea},r.createElement(u.Bar,{data:N,options:T})),r.createElement("div",{className:S.legendArea},r.createElement(ee,{data:t,visibleSeries:y,seriesColors:k,toggleSeries:function(e){v((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 ae(e){var t=e.data,a=e.getPrimary,o=e.getSecondary,l=e.stacked,i=void 0!==l&&l,c=e.showDatalabels,s=void 0!==c&&c,d=e.title,f=e.theme,m=e.renderTooltipLabel,g=e.paletteId,p=void 0===g?1:g,b=n.useState((function(){var e;return t.length>1?t.map((function(e){return e.label})):[null==(e=t[0])?void 0:e.label]})),y=b[0],v=b[1],C=te(),x=$(f),E=x.lightenColor,w=x.getFluentPalette,F=x.createFluentTooltip,S=x.getInstantInteractionAnimations,k=n.useMemo((function(){var e=w(f,p);return t.reduce((function(t,n,r){var a=E(e[r%e.length],.3);return t[n.label]=a,t}),{})}),[t,w,E,f,p]),L=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]),N=n.useMemo((function(){return{labels:L,datasets:t.filter((function(e){return y.includes(e.label)})).map((function(e){return{label:e.label,backgroundColor:k[e.label],data:L.map((function(t){var n=e.data.find((function(e){return a(e)===t}));return n?o(n):0}))}}))}}),[t,y,L,k]),B=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),z=B.fontFamily,A=B.fontSize,M=B.labelColor,I=B.gridColor,T=n.useMemo((function(){return h({indexAxis:"y",responsive:!0,maintainAspectRatio:!1},S(),{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:s,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:F(f,{extraField:m})},scales:{x:{stacked:i,ticks:{color:M,font:{family:z,size:A}},grid:{color:I}},y:{stacked:i,ticks:{color:M,font:{family:z,size:A}},grid:{color:I}}}})}),[d,s,f,z,A,M,I,i,F]);return r.createElement("div",{className:C.chartWithLegend},r.createElement("div",{className:C.chartArea},r.createElement(u.Bar,{data:N,options:T})),r.createElement("div",{className:C.legendArea},r.createElement(ee,{data:t,visibleSeries:y,seriesColors:k,toggleSeries:function(e){v((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 oe(e){var a=e.data,o=e.getPrimary,l=e.getSecondary,i=e.getRadius,c=e.showDataLabels,s=e.title,d=e.renderTooltipLabel,f=e.theme,m=void 0===f?t.webLightTheme:f,g=e.paletteId,p=void 0===g?1:g,b=n.useState((function(){var e;return a.length>1?a.map((function(e){return e.label})):[null==(e=a[0])?void 0:e.label]})),y=b[0],v=b[1],C=$(m),x=C.lightenColor,E=C.getFluentPalette,w=C.createFluentTooltip,F=C.getInstantInteractionAnimations,S=te(),k=n.useMemo((function(){var e=E(m,p);return a.reduce((function(t,n,r){var a=x(e[r%e.length],.3);return t[n.label]=a,t}),{})}),[a,E,x,m,p]),L=n.useMemo((function(){return{datasets:a.filter((function(e){return y.includes(e.label)})).map((function(e){return{label:e.label,data:e.data.map((function(e){return{x:o(e),y:l(e),r:i(e)}})),backgroundColor:k[e.label],borderColor:m.colorNeutralStroke1,borderWidth:1,hoverBorderWidth:2}}))}}),[a,y,o,l,i,k]),N=n.useMemo((function(){return{fontFamily:m.fontFamilyBase,fontSize:parseInt(m.fontSizeBase200.replace("px",""))||14,labelColor:m.colorNeutralForeground1,gridColor:m.colorNeutralStroke2}}),[m]),B=N.fontFamily,z=N.fontSize,A=N.labelColor,M=N.gridColor,I=n.useMemo((function(){var e;return h({responsive:!0,maintainAspectRatio:!1},F(),{plugins:{title:{display:!!s,text:s,font:{size:14,family:m.fontFamilyBase,weight:m.fontWeightSemibold},color:m.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:c,color:m.colorNeutralForeground1,font:{family:m.fontFamilyBase,size:parseInt(m.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:w(m,{extraField:d})},scales:{x:{type:"number"==typeof o(null==(e=a[0])?void 0:e.data[0])?"linear":"category",ticks:{color:A,font:{family:B,size:z}},grid:{color:M}},y:{ticks:{color:A,font:{family:B,size:z}},grid:{color:M}}}})}),[s,c,m,o,l,a,B,z,A,M,w]);return r.createElement(r.Fragment,null,r.createElement("div",{className:S.chartWithLegend},r.createElement("div",{className:S.chartArea},r.createElement(u.Bubble,{data:L,options:I})),r.createElement("div",{className:S.legendArea},r.createElement(ee,{data:a,visibleSeries:y,seriesColors:k,toggleSeries:function(e){v((function(t){var n=t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e]);return 0===n.length&&a.length>0?[a[0].label]:n}))}}))))}function le(e){var a=e.data,o=e.getPrimary,l=e.getSecondary,i=e.title,c=e.showDataLabels,s=void 0!==c&&c,d=e.theme,f=void 0===d?t.webLightTheme:d,m=e.axesMode,g=void 0===m?"legacy":m,p=e.renderTooltipLabel,b=e.paletteId,y=void 0===b?1:b,v=n.useState((function(){return a.map((function(e){return e.label}))})),C=v[0],x=v[1],E=te(),w=$(f),F=w.lightenColor,S=w.getFluentPalette,k=w.createFluentTooltip,L=w.getInstantInteractionAnimations,N=n.useMemo((function(){var e=S(f,y);return a.reduce((function(t,n,r){return t[n.label]=F(e[r%e.length],.3),t}),{})}),[a,S,F,f,y]),B=n.useMemo((function(){var e=new Set;return a.forEach((function(t){return t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[a,o]),z=n.useMemo((function(){var e=a.filter((function(e){return C.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:B,datasets:e.map((function(e){var t;return{type:e.type,label:e.label,yAxisID:null!=(t=e.yAxisID)?t:"dual"===g?"bar"===e.type?"y-bar":"y-line":"y",data:B.map((function(t){var n=e.data.find((function(e){return o(e)===t}));return n?l(n):0})),stack:"dual"===g&&"bar"===e.type?"barStack":void 0,backgroundColor:N[e.label],borderColor:N[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}}))}}),[a,C,B,o,l,N]),A=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),M=A.fontFamily,I=A.fontSize,T=A.labelColor,R=A.gridColor,D=n.useMemo((function(){var e=h({responsive:!0,maintainAspectRatio:!1},L(),{plugins:{title:{display:!!i,text:i,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:k(f,{extraField:p})}});return h({},e,"dual"===g?{scales:{x:{stacked:!0,ticks:{color:T,font:{family:M,size:I}},grid:{color:R}},"y-bar":{type:"linear",position:"left",stacked:!0,ticks:{color:T,font:{family:M,size:I}},grid:{color:R}},"y-line":{type:"linear",position:"right",stacked:!1,ticks:{color:T,font:{family:M,size:I}},grid:{color:R}}}}:{scales:{x:{ticks:{color:T,font:{family:M,size:I}},grid:{color:R}},y:{position:"left",ticks:{color:T,font:{family:M,size:I}},grid:{color:R},stacked:!1}}})}),[i,s,f,M,I,T,R,k,L,g]);return r.createElement(r.Fragment,null,r.createElement("div",{className:E.chartWithLegend},r.createElement("div",{className:E.chartArea},r.createElement(u.Chart,{type:"bar",data:z,options:D})),r.createElement("div",{className:E.legendArea},r.createElement(ee,{data:a,visibleSeries:C,seriesColors:N,toggleSeries:function(e){x((function(t){var n=t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e]);return 0===n.length?[a[0].label]:n}))}}))))}i.Chart.register(i.CategoryScale,i.LinearScale,i.PointElement,i.LineElement,i.Tooltip,i.Filler,i.Legend,c,i.Title),i.Chart.register(i.CategoryScale,i.LinearScale,i.BarElement,i.Tooltip,i.Legend,c,i.Title),i.Chart.register(i.CategoryScale,i.LinearScale,i.BarElement,i.Tooltip,i.Legend,i.Title,c),i.Chart.register(i.CategoryScale,i.LinearScale,i.PointElement,i.Tooltip,i.Legend,c,i.Title),i.Chart.register(c),i.Chart.register(i.CategoryScale,i.LinearScale,i.BarElement,i.LineElement,i.PointElement,i.Tooltip,i.Legend,i.Title);var ie=function(e){var t=e.entries,n=e.visibleLabels,a=e.toggleLabel,o=J(t);return r.createElement(R,{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 ce(e){var a=e.data,o=e.getLabel,l=e.getValue,i=e.title,c=e.showDataLabels,s=void 0===c||c,d=e.theme,f=void 0===d?t.webLightTheme:d,m=e.renderTooltipLabel,g=e.paletteId,p=void 0===g?1:g,b=te(),y=$(f),v=y.lightenColor,C=y.getFluentPalette,x=y.createFluentTooltip,E=y.getInstantInteractionAnimations,w=n.useState([]),F=w[0],S=w[1],k=n.useMemo((function(){var e=new Map;return a.forEach((function(t){t.data.forEach((function(t){var n=o(t),r=l(t);e.set(n,(e.get(n)||0)+r)}))})),e}),[a,o,l]),L=n.useMemo((function(){var e=Array.from(k.keys()),t=C(f,p),n=e.map((function(e,n){return v(t[n%t.length],.3)}));return{allLabels:e,colors:n}}),[k,C,f,v,p]),N=L.allLabels,B=L.colors,z=n.useMemo((function(){var e=N.filter((function(e){return!F.includes(e)})),t=e.map((function(e){return k.get(e)||0})),n=e.map((function(e){var t=N.indexOf(e);return B[t]}));return{filteredLabels:e,values:t,visibleColors:n}}),[N,F,k,B]),A=z.filteredLabels,M=z.values,I=z.visibleColors,T=n.useMemo((function(){return{labels:A,datasets:[{data:M,backgroundColor:I,borderWidth:1}]}}),[A,M,I]),R=n.useMemo((function(){return N.map((function(e,t){return{label:e,value:k.get(e)||0,color:B[t]}}))}),[N,k,B]),D=n.useMemo((function(){return h({responsive:!0,maintainAspectRatio:!1},E(),{plugins:{legend:{display:!1},tooltip:x(f,{extraField:m}),title:{display:!!i,text:i,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},formatter:function(e){return e}}}})}),[i,f,s,x]);return r.createElement("div",{className:b.chartWithLegend},r.createElement("div",{className:b.chartArea},r.createElement(u.Doughnut,{data:T,options:D})),r.createElement("div",{className:b.legendArea},r.createElement(ie,{entries:R,visibleLabels:A,toggleLabel:function(e){S((function(t){return t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e])}))}})))}function ue(e){var a=e.data,o=e.getPrimary,l=e.getRange,i=e.title,c=e.showDataLabels,s=void 0!==c&&c,d=e.theme,f=void 0===d?t.webLightTheme:d,m=e.renderTooltipLabel,g=e.paletteId,p=void 0===g?1:g,b=n.useState((function(){var e;return a.length>1?a.map((function(e){return e.label})):[null==(e=a[0])?void 0:e.label]})),y=b[0],v=b[1],C=te(),x=$(f),E=x.lightenColor,w=x.getFluentPalette,F=x.createFluentTooltip,S=x.getInstantInteractionAnimations,k=n.useMemo((function(){var e=w(f,p);return a.reduce((function(t,n,r){var a=E(e[r%e.length],.3);return t[n.label]=a,t}),{})}),[a,w,E,f,p]),L=n.useMemo((function(){var e=new Set;return a.forEach((function(t){t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[a,o]),N=n.useMemo((function(){return{labels:L,datasets:a.filter((function(e){return y.includes(e.label)})).map((function(e){return{label:e.label,data:L.map((function(t){var n=e.data.find((function(e){return o(e)===t}));return n?l(n):[0,0]})),backgroundColor:k[e.label],borderRadius:2}}))}}),[a,y,L,o,l,k]),B=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),z=B.fontFamily,A=B.fontSize,M=B.labelColor,I=B.gridColor,T=n.useMemo((function(){return h({responsive:!0,maintainAspectRatio:!1},S(),{plugins:{title:{display:!!i,text:i,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:F(f,{extraField:m})},scales:{x:{ticks:{color:M,font:{family:z,size:A}},grid:{color:I}},y:{ticks:{color:M,font:{family:z,size:A}},grid:{color:I}}}})}),[i,f,s,M,z,A,I,F]);return r.createElement("div",{className:C.chartWithLegend},r.createElement("div",{className:C.chartArea},r.createElement(u.Bar,{data:N,options:T})),r.createElement("div",{className:C.legendArea},r.createElement(ee,{data:a,visibleSeries:y,seriesColors:k,toggleSeries:function(e){v((function(t){var n=t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e]);return 0===n.length&&a.length>0?[a[0].label]:n}))}})))}function se(e){var a=e.data,o=e.getPrimary,l=e.getSecondary,i=e.title,c=e.showDataLabels,s=void 0!==c&&c,d=e.theme,f=void 0===d?t.webLightTheme:d,m=e.renderTooltipLabel,g=e.paletteId,p=void 0===g?1:g,b=n.useState((function(){var e;return a.length>1?a.map((function(e){return e.label})):[null==(e=a[0])?void 0:e.label]})),y=b[0],v=b[1],C=te(),x=$(f),E=x.lightenColor,w=x.getFluentPalette,F=x.createFluentTooltip,S=x.getInstantInteractionAnimations,k=n.useMemo((function(){var e=w(f,p);return a.reduce((function(t,n,r){var a=E(e[r%e.length],.3);return t[n.label]=a,t}),{})}),[a,w,E,f,p]),L=n.useMemo((function(){var e=new Set;return a.forEach((function(t){t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[a,o]),N=n.useMemo((function(){return{labels:L,datasets:a.filter((function(e){return y.includes(e.label)})).map((function(e){return{label:e.label,data:L.map((function(t){var n=e.data.find((function(e){return o(e)===t}));return n?l(n):null})),borderColor:k[e.label],backgroundColor:k[e.label],tension:.4,fill:!1,pointRadius:4}}))}}),[a,y,L,o,l,k]),B=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),z=B.fontFamily,A=B.fontSize,M=B.labelColor,I=B.gridColor,T=n.useMemo((function(){return h({responsive:!0,maintainAspectRatio:!1},S(),{plugins:{title:{display:!!i,text:i,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:F(f,{extraField:m})},scales:{x:{ticks:{color:M,font:{family:z,size:A}},grid:{color:I}},y:{ticks:{color:M,font:{family:z,size:A}},grid:{color:I}}}})}),[i,f,s,M,z,A,I,F]);return r.createElement("div",{className:C.chartWithLegend},r.createElement("div",{className:C.chartArea},r.createElement(u.Line,{data:N,options:T})),r.createElement("div",{className:C.legendArea},r.createElement(ee,{data:a,visibleSeries:y,seriesColors:k,toggleSeries:function(e){v((function(t){var n=t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e]);return 0===n.length&&a.length>0?[a[0].label]:n}))}})))}function de(e){var a=e.data,o=e.getLabel,l=e.getValue,i=e.title,c=e.showDataLabels,s=void 0!==c&&c,d=e.theme,f=void 0===d?t.webLightTheme:d,m=e.renderTooltipLabel,g=e.paletteId,p=void 0===g?1:g,b=$(f),y=b.getFluentPalette,v=b.lightenColor,C=n.useState([]),x=C[0],E=C[1],w=te(),F=n.useMemo((function(){var e=new Map;return a.forEach((function(t){t.data.forEach((function(t){var n=o(t),r=l(t);e.set(n,(e.get(n)||0)+r)}))})),e}),[a,o,l]),S=n.useMemo((function(){var e=Array.from(F.keys()),t=y(f,p),n=e.map((function(e,n){return v(t[n%t.length],.3)})),r=e.filter((function(e){return!x.includes(e)})),a=r.map((function(e){return F.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}}),[F,y,v,f,x,p]),k=S.allLabels,L=S.colors,N=S.filteredLabels,B=S.values,z=S.visibleColors,A=n.useMemo((function(){return{chartData:{labels:N,datasets:[{data:B,backgroundColor:z,borderWidth:1}]},legendEntries:k.map((function(e,t){return{label:e,value:F.get(e)||0,color:L[t]}}))}}),[N,B,z,k,F,L]),M=A.chartData,I=A.legendEntries,T=n.useMemo((function(){return h({responsive:!0,maintainAspectRatio:!1},{animation:!1,transitions:{active:{animation:{duration:0}}}},{plugins:{tooltip:U(f,{extraField:m}),legend:{display:!1},title:{display:!!i,text:i,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}}}})}),[f,i,s]);return r.createElement("div",{className:w.chartWithLegend},r.createElement("div",{className:w.chartArea},r.createElement(u.Pie,{data:M,options:T})),r.createElement("div",{className:w.legendArea},r.createElement(ie,{entries:I,visibleLabels:N,toggleLabel:function(e){E((function(t){return t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e])}))}})))}i.Chart.register(c),i.Chart.register(i.ArcElement,i.Tooltip,i.Legend,i.Title),i.Chart.register(c),i.Chart.register(i.CategoryScale,i.LinearScale,i.BarElement,i.Tooltip,i.Legend,i.Title),i.Chart.register(c),i.Chart.register(i.LineElement,i.PointElement,i.CategoryScale,i.LinearScale,i.Tooltip,i.Legend,i.Title),i.Chart.register(c),i.Chart.register(i.ArcElement,i.Tooltip,i.Legend,i.Title);var fe=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=J(o);return r.createElement(R,{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 me(e){var a=e.data,o=e.getLabel,l=e.getValue,i=e.title,c=e.showDataLabels,s=void 0===c||c,d=e.theme,f=void 0===d?t.webLightTheme:d,m=e.renderTooltipLabel,g=e.paletteId,p=void 0===g?1:g,b=$(f),y=b.getFluentPalette,v=b.lightenColor,C=b.getInstantInteractionAnimations,x=n.useState([]),E=x[0],w=x[1],F=te(),S=n.useMemo((function(){var e=new Map;return a.forEach((function(t){t.data.forEach((function(t){var n=o(t),r=l(t);e.set(n,(e.get(n)||0)+r)}))})),e}),[a,o,l]),k=n.useMemo((function(){var e=Array.from(S.keys()),t=y(f,p),n=e.map((function(e,n){return v(t[n%t.length],.3)})),r=e.filter((function(e){return!E.includes(e)})),a=r.map((function(e){return S.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}}),[S,y,v,f,E,p]),L=k.allLabels,N=k.colors,B=k.filteredLabels,z=k.values,A=k.visibleColors,M=n.useMemo((function(){return{labels:B,datasets:[{data:z,backgroundColor:A,borderWidth:1}]}}),[B,z,A]),I=n.useMemo((function(){return h({responsive:!0,maintainAspectRatio:!1},C(),{plugins:{title:{display:!!i,text:i,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},formatter:function(e){return e}},tooltip:U(f,{extraField:m}),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,i,s,U]);return r.createElement("div",{className:F.chartWithLegend},r.createElement("div",{className:F.chartArea},r.createElement(u.PolarArea,{data:M,options:I})),r.createElement("div",{className:F.legendArea},r.createElement(fe,{labels:L,colors:N,visibleLabels:B,toggleLabel:function(e){w((function(t){return t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e])}))}})))}function ge(e){var a=e.data,o=e.getLabel,l=e.getValue,i=e.title,c=e.showDataLabels,s=void 0!==c&&c,d=e.theme,f=void 0===d?t.webLightTheme:d,m=e.renderTooltipLabel,g=e.paletteId,p=void 0===g?1:g,b=n.useState((function(){return a.map((function(e){return e.label}))})),y=b[0],v=b[1],C=te(),x=$(f),E=x.lightenColor,w=x.getFluentPalette,F=x.getInstantInteractionAnimations,S=n.useMemo((function(){var e=w(f,p);return a.reduce((function(t,n,r){return t[n.label]=E(e[r%e.length],.3),t}),{})}),[a,w,E,f,p]),k=n.useMemo((function(){var e=new Set;return a.forEach((function(t){t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[a,o]),L=n.useMemo((function(){return{labels:k,datasets:a.filter((function(e){return y.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?l(n):0})),backgroundColor:S[e.label]+"33",borderColor:S[e.label],borderWidth:2,pointBackgroundColor:S[e.label]}}))}}),[a,y,k,o,l,S]),N=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),B=N.fontFamily,z=N.fontSize,A=N.labelColor,M=N.gridColor,I=n.useMemo((function(){return h({responsive:!0,maintainAspectRatio:!1},F(),{plugins:{title:{display:!!i,text:i,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}},tooltip:U(f,{extraField:m}),legend:{display:!1}},scales:{r:{angleLines:{color:M},grid:{color:M},pointLabels:{color:A,font:{family:B,size:z}},ticks:{color:A,font:{family:B,size:z}}}}})}),[f,i,s,U,M,A,B,z]);return r.createElement("div",{className:C.chartWithLegend},r.createElement("div",{className:C.chartArea},r.createElement(u.Radar,{data:L,options:I})),r.createElement(ee,{data:a,visibleSeries:y,seriesColors:S,toggleSeries:function(e){v((function(t){return t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e])}))}}))}function pe(e){var a=e.data,o=e.getX,l=e.getY,i=e.title,c=e.showDataLabels,s=void 0!==c&&c,d=e.theme,f=void 0===d?t.webLightTheme:d,m=e.renderTooltipLabel,g=e.paletteId,p=void 0===g?1:g,b=n.useState((function(){return a.map((function(e){return e.label}))})),y=b[0],v=b[1],C=te(),x=$(f),E=x.getFluentPalette,w=x.lightenColor,F=x.createFluentTooltip,S=x.getInstantInteractionAnimations,k=n.useMemo((function(){var e=E(f,p);return a.reduce((function(t,n,r){return t[n.label]=w(e[r%e.length],.3),t}),{})}),[a,E,w,f,p]),L=r.useCallback((function(e){v((function(t){return t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e])}))}),[]),N=n.useMemo((function(){return{datasets:a.filter((function(e){return y.includes(e.label)})).map((function(e){return{label:e.label,data:e.data.map((function(e){return{x:o(e),y:l(e)}})),backgroundColor:k[e.label],borderColor:k[e.label],pointRadius:4}}))}}),[a,y,o,l,k]),B=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),z=B.fontFamily,A=B.fontSize,M=B.labelColor,I=B.gridColor,T=n.useMemo((function(){return h({responsive:!0,maintainAspectRatio:!1},S(),{plugins:{title:{display:!!i,text:i,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:F(f,{extraField:m})},scales:{x:{type:"linear",position:"bottom",ticks:{color:M,font:{family:z,size:A}},grid:{color:I}},y:{type:"linear",ticks:{color:M,font:{family:z,size:A}},grid:{color:I}}}})}),[f,i,s,F,M,z,A,I]);return r.createElement("div",{className:C.chartWithLegend},r.createElement("div",{className:C.chartArea},r.createElement(u.Scatter,{data:N,options:T})),r.createElement(ee,{data:a,visibleSeries:y,seriesColors:k,toggleSeries:L}))}function he(e){var a=e.data,o=e.getPrimary,l=e.getSecondary,i=e.title,c=e.showDataLabels,s=void 0!==c&&c,d=e.theme,f=void 0===d?t.webLightTheme:d,m=e.renderTooltipLabel,g=e.paletteId,p=void 0===g?1:g,b=n.useState((function(){var e;return a.length>1?a.map((function(e){return e.label})):[null==(e=a[0])?void 0:e.label]})),y=b[0],v=b[1],C=te(),x=$(f),E=x.lightenColor,w=x.getFluentPalette,F=x.createFluentTooltip,S=x.getInstantInteractionAnimations,k=n.useMemo((function(){var e=w(f,p);return a.reduce((function(t,n,r){var a=E(e[r%e.length],.3);return t[n.label]=a,t}),{})}),[a,w,E,f,p]),L=n.useMemo((function(){var e=new Set;return a.forEach((function(t){t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[a,o]),N=n.useMemo((function(){return{labels:L,datasets:a.filter((function(e){return y.includes(e.label)})).map((function(e){return{label:e.label,data:L.map((function(t){var n=e.data.find((function(e){return o(e)===t}));return n?l(n):0})),borderColor:k[e.label],backgroundColor:k[e.label],fill:!0,tension:.4,pointRadius:3}}))}}),[a,y,L,o,l,k]),B=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),z=B.fontFamily,A=B.fontSize,M=B.labelColor,I=B.gridColor,T=n.useMemo((function(){return h({responsive:!0,maintainAspectRatio:!1},S(),{plugins:{title:{display:!!i,text:i,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:F(f,{extraField:m})},scales:{x:{stacked:!0,ticks:{color:M,font:{family:z,size:A}},grid:{color:I}},y:{stacked:!0,ticks:{color:M,font:{family:z,size:A}},grid:{color:I}}}})}),[f,i,s,F,M,z,A,I]);return r.createElement("div",{className:C.chartWithLegend},r.createElement("div",{className:C.chartArea},r.createElement(u.Line,{data:N,options:T})),r.createElement(ee,{data:a,visibleSeries:y,seriesColors:k,toggleSeries:function(e){v((function(t){var n=t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e]);return 0===n.length&&a.length>0?[a[0].label]:n}))}}))}function be(e){var a=e.data,o=e.getPrimary,l=e.getSecondary,i=e.title,c=e.showDataLabels,s=void 0!==c&&c,d=e.theme,f=void 0===d?t.webLightTheme:d,m=e.renderTooltipLabel,g=e.paletteId,p=void 0===g?1:g,b=n.useState((function(){var e;return a.length>1?a.map((function(e){return e.label})):[null==(e=a[0])?void 0:e.label]})),y=b[0],v=b[1],C=n.useState(!1),x=C[0],w=C[1],F=te(),S=$(f),k=S.lightenColor,L=S.getFluentPalette,N=S.getInstantInteractionAnimations,B=n.useMemo((function(){var e=L(f,p);return a.reduce((function(t,n,r){return t[n.label]=k(e[r%e.length],.3),t}),{})}),[a,L,k,f,p]),z=r.useCallback((function(e){v((function(t){var n=t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e]);return 0===n.length?[a[0].label]:n}))}),[a]),A=n.useMemo((function(){var e=new Set;return a.forEach((function(t){t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[a,o]),M=n.useMemo((function(){return A.map((function(e){return a.reduce((function(t,n){var r=n.data.find((function(t){return o(t)===e}));return t+(r?l(r):0)}),0)}))}),[A,a,o,l]),I=n.useMemo((function(){return{labels:A,datasets:a.filter((function(e){return y.includes(e.label)})).map((function(e){return{label:e.label,fill:!0,backgroundColor:B[e.label],borderColor:"transparent",borderWidth:0,data:A.map((function(t,n){var r=e.data.find((function(e){return o(e)===t})),a=r?l(r):0;return x?Math.round(100*(a/(M[n]||1)*100+Number.EPSILON))/100:Math.round(100*(a+Number.EPSILON))/100})),tension:.5}}))}}),[a,y,A,o,l,B,M,x]),T=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),R=T.fontFamily,D=T.fontSize,P=T.labelColor,W=T.gridColor,j=n.useMemo((function(){return h({responsive:!0,maintainAspectRatio:!1},N(),{plugins:{title:{display:!!i,text:i,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:U(f,{extraField:m})},interaction:{mode:"index",intersect:!1},scales:{x:{stacked:!0,ticks:{color:P,font:{family:R,size:D}},grid:{color:W}},y:{stacked:!0,ticks:{callback:function(e){return x?e+"%":e},color:P,font:{family:R,size:D}},grid:{color:W},min:0,max:x?100:void 0}}})}),[f,i,s,U,P,R,D,W,x]);return r.createElement("div",{className:F.chartWithLegend},r.createElement("div",{className:F.chartArea},r.createElement(u.Line,{data:I,options:j})),r.createElement(E,{justifyContent:"center",alignItems:"center",margin:"7px"},r.createElement(t.ToggleButton,{onClick:function(){return w((function(e){return!e}))},shape:"circular",appearance:"secondary",size:"small",style:{width:"150px"}},x?"Show Raw Values":"Show %")),r.createElement("div",{className:F.legendArea},r.createElement(ee,{data:a,visibleSeries:y,seriesColors:B,toggleSeries:z})))}i.Chart.register(i.RadialLinearScale,i.ArcElement,i.Tooltip,i.Legend,i.Title,c),i.Chart.register(c),i.Chart.register(i.RadialLinearScale,i.PointElement,i.LineElement,i.Filler,i.Tooltip,i.Legend,i.Title),i.Chart.register(c),i.Chart.register(i.LinearScale,i.PointElement,i.Tooltip,i.Legend),i.Chart.register(c),i.Chart.register(i.CategoryScale,i.LinearScale,i.LineElement,i.PointElement,i.Tooltip,i.Legend,i.Title),i.Chart.register(c),i.Chart.register(i.LineElement,i.PointElement,i.Filler,i.CategoryScale,i.LinearScale,i.Tooltip,i.Legend,i.Title);var ye=function(e){return{data:e.data,title:e.title,getPrimary:function(e){return e.name},getSecondary:function(e){return e.value},renderTooltipLabel:e.renderTooltipLabel,paletteId:e.paletteId}},ve=function(e,n){var a,o=e.type,l=e.showDataLabels,i=null!=n?n:t.webLightTheme;switch(o){case"bar":return r.createElement(re,Object.assign({},ye(e),{showDatalabels:null!=l&&l,stacked:!1,theme:i}));case"line":return r.createElement(se,Object.assign({showDataLabels:null!=l&&l},ye(e),{theme:i}));case"area":return r.createElement(ne,Object.assign({showDatalabels:null!=l&&l},ye(e),{stacked:!1,theme:i}));case"bar-horizontal":return r.createElement(ae,Object.assign({showDatalabels:null!=l&&l},ye(e),{stacked:!0,theme:i}));case"bubble":return r.createElement(oe,Object.assign({showDataLabels:null!=l&&l},ye(e),{getRadius:function(e){var t;return null!=(t=e.radius)?t:1},theme:i}));case"multiple-axes":return r.createElement(le,Object.assign({},ye(e),{theme:i,axesMode:null!=(a=e.axesMode)?a:"dual",showDataLabels:null!=l&&l,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(be,Object.assign({showDataLabels:null!=l&&l},ye(e),{theme:i}));case"floating-bar":return r.createElement(ue,Object.assign({getRange:function(e){var t,n;return[null!=(t=e.min)?t:0,null!=(n=e.max)?n:0]},showDataLabels:null!=l&&l},ye(e),{theme:i}));case"stacked-line":return r.createElement(he,Object.assign({showDataLabels:null!=l&&l},ye(e),{theme:i}));case"doughnut":return r.createElement(ce,Object.assign({getLabel:function(e){return e.name},getValue:function(e){var t;return null!=(t=e.value)?t:0},showDataLabels:null!=l&&l},ye(e),{theme:i}));case"pie":return r.createElement(de,Object.assign({getLabel:function(e){return e.name},getValue:function(e){var t;return null!=(t=e.value)?t:0},showDataLabels:null!=l&&l},ye(e),{theme:i}));case"scatter":return r.createElement(pe,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}},ye(e),{theme:i,showDataLabels:null!=l&&l}));case"polar":return r.createElement(me,{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:null!=l&&l,theme:i});case"radar":return r.createElement(ge,{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:i,showDataLabels:null!=l&&l});default:throw new Error("Unsupported chart type: "+o)}},Ce=function(){return r.useMemo((function(){return{getChartComponent:ve}}),[])},xe="application-cache",Ee=function(){var e=g(b().m((function e(){return b().w((function(e){for(;;)switch(e.n){case 0:return e.a(2,d.openDB("app-cache-db",1,{upgrade:function(e){e.createObjectStore(xe)}}))}}),e)})));return function(){return e.apply(this,arguments)}}(),we=function(){var e=g(b().m((function e(t){var n,r;return b().w((function(e){for(;;)switch(e.n){case 0:return e.n=1,Ee();case 1:return n=e.v,e.n=2,n.get(xe,t);case 2:return e.a(2,(r=e.v)?r.data:void 0)}}),e)})));return function(t){return e.apply(this,arguments)}}(),Fe=function(){var e=g(b().m((function e(t,n){var r;return b().w((function(e){for(;;)switch(e.n){case 0:return e.n=1,Ee();case 1:return r=e.v,e.n=2,r.put(xe,{data:n,timestamp:Date.now()},t);case 2:return e.a(2)}}),e)})));return function(t,n){return e.apply(this,arguments)}}(),Se=function(){var e=g(b().m((function e(t){var n;return b().w((function(e){for(;;)switch(e.n){case 0:return e.n=1,Ee();case 1:return n=e.v,e.n=2,n.delete(xe,t);case 2:return e.a(2)}}),e)})));return function(t){return e.apply(this,arguments)}}(),ke=function(){var e=g(b().m((function e(){var t;return b().w((function(e){for(;;)switch(e.n){case 0:return e.n=1,Ee();case 1:return t=e.v,e.n=2,t.clear(xe);case 2:return e.a(2)}}),e)})));return function(){return e.apply(this,arguments)}}(),Le=function(){var e=g(b().m((function e(t){var n,r,a,o,l,i,c;return b().w((function(e){for(;;)switch(e.n){case 0:return e.n=1,Ee();case 1:return n=e.v,e.n=2,n.getAllKeys(xe);case 2:r=e.v,a=Date.now(),o=p(r);case 3:if((l=o()).done){e.n=6;break}return i=l.value,e.n=4,n.get(xe,i);case 4:if(!((c=e.v)&&a-c.timestamp>t)){e.n=5;break}return e.n=5,n.delete(xe,i);case 5:e.n=3;break;case 6:return e.a(2)}}),e)})));return function(t){return e.apply(this,arguments)}}(),Ne=function(e){return void 0===e&&(e=864e5),n.useEffect((function(){g(b().m((function t(){return b().w((function(t){for(;;)switch(t.n){case 0:return t.n=1,Le(e);case 1:return t.a(2)}}),t)})))()}),[e]),{getData:function(){var e=g(b().m((function e(t){return b().w((function(e){for(;;)switch(e.n){case 0:return e.n=1,we(t);case 1:return e.a(2,e.v)}}),e)})));return function(t){return e.apply(this,arguments)}}(),setData:function(){var e=g(b().m((function e(t,n){return b().w((function(e){for(;;)switch(e.n){case 0:return e.n=1,Fe(t,n);case 1:return e.a(2)}}),e)})));return function(t,n){return e.apply(this,arguments)}}(),deleteData:function(){var e=g(b().m((function e(t){return b().w((function(e){for(;;)switch(e.n){case 0:return e.n=1,Se(t);case 1:return e.a(2)}}),e)})));return function(t){return e.apply(this,arguments)}}(),clearAllCache:function(){var e=g(b().m((function e(){return b().w((function(e){for(;;)switch(e.n){case 0:return e.n=1,ke();case 1:return e.a(2)}}),e)})));return function(){return e.apply(this,arguments)}}()}};exports.AreaChart=ne,exports.BarChart=re,exports.BarHorizontalChart=ae,exports.BubbleChart=oe,exports.ComboChart=le,exports.Dashboard=function(e){var o=e.cardCharts,l=e.theme,i=e.containerWidth,c=e.containerHeight,u=void 0===c?"100%":c,s=e.maxSpanRows,d=void 0===s?4:s,f={dashboardContainer:a.css({display:"grid",padding:"20px",gap:"16px",backgroundColor:t.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:t.tokens.colorNeutralBackground4,borderRadius:"10px"},"::-webkit-scrollbar-thumb":{background:t.tokens.colorBrandStroke2Hover,borderRadius:"10px"},"::-webkit-scrollbar-thumb:hover":{background:t.tokens.colorNeutralStroke2},justifyContent:"center",gridAutoFlow:"dense"}),cardBody:a.css({display:"flex",flexDirection:"column",height:"100%",minHeight:"320px"}),chartContainer:a.css({flex:1,width:"100%",minHeight:"280px"}),cardDescription:a.css({color:""+t.tokens.colorNeutralForeground2,marginTop:"4px"}),cardWrapper:a.css({position:"relative",height:"100%",minHeight:"300px",borderRadius:t.tokens.borderRadiusMedium,transition:"all 0.2s ease","&:hover":{transform:"translateY(-2px)",boxShadow:""+t.tokens.shadow16},"&:active":{transform:"translateY(0)",boxShadow:""+t.tokens.shadow8}})},m=Ce().getChartComponent,p=Ne(2592e6),y=p.getData,v=p.setData,C=Ne(2592e6),x=C.getData,E=C.setData,w=n.useState([]),F=w[0],S=w[1],k=n.useState({}),L=k[0],N=k[1],z=n.useRef(null),A=n.useRef(null),I=n.useRef(null);r.useEffect((function(){!function(){var e=g(b().m((function e(){var t,n,r,a,l,i,c,u,s;return b().w((function(e){for(;;)switch(e.n){case 0:return e.p=0,e.n=1,Promise.all([y("dashboard-layout-settings"),x("dashboard-card-order")]);case 1:n=(t=e.v)[0],a=o,(r=t[1])&&r.length>0&&(l=new Map(o.map((function(e){return[e.id,e]}))),i=r.filter((function(e){return l.has(e)})),c=o.filter((function(e){return!r.includes(e.id)})),a=[].concat(i.map((function(e){return l.get(e)})),c)),S(a),u={},o.forEach((function(e){var t,r,a,o,l,i,c=null==n?void 0:n[e.id];u[e.id]={spanCols:null!=(t=null!=(r=null==c?void 0:c.spanCols)?r:null==(a=e.defaultSpan)?void 0:a.spanCols)?t:1,spanRows:null!=(o=null!=(l=null==c?void 0:c.spanRows)?l:null==(i=e.defaultSpan)?void 0:i.spanRows)?o:1}})),N(u),e.n=3;break;case 2:e.p=2,console.warn("Failed to load dashboard data from cache:",e.v),S(o),s={},o.forEach((function(e){var t,n,r,a;s[e.id]={spanCols:null!=(t=null==(n=e.defaultSpan)?void 0:n.spanCols)?t:1,spanRows:null!=(r=null==(a=e.defaultSpan)?void 0:a.spanRows)?r:1}})),N(s);case 3:return e.a(2)}}),e,null,[[0,2]])})));return function(){return e.apply(this,arguments)}}()()}),[o]),n.useEffect((function(){var e=function(){var e=g(b().m((function e(){return b().w((function(e){for(;;)switch(e.n){case 0:return e.p=0,e.n=1,v("dashboard-layout-settings",L);case 1:e.n=3;break;case 2:e.p=2,console.warn("Failed to save dashboard layout to cache:",e.v);case 3:return e.a(2)}}),e,null,[[0,2]])})));return function(){return e.apply(this,arguments)}}();Object.keys(L).length>0&&e()}),[L]),n.useEffect((function(){var e=function(){var e=g(b().m((function e(){var t;return b().w((function(e){for(;;)switch(e.n){case 0:return e.p=0,t=F.map((function(e){return e.id})),e.n=1,E("dashboard-card-order",t);case 1:e.n=3;break;case 2:e.p=2,console.warn("Failed to save dashboard order to cache:",e.v);case 3:return e.a(2)}}),e,null,[[0,2]])})));return function(){return e.apply(this,arguments)}}();F.length>0&&e()}),[F]),n.useEffect((function(){i<=600&&N((function(){var e={};return F.forEach((function(t){e[t.id]={spanCols:1,spanRows:1}})),e}))}),[i,F]);var T=n.useMemo((function(){return i>600}),[i]),R=n.useMemo((function(){return{minCardWidth:350,gridGap:16,containerPadding:20}}),[]),D=R.minCardWidth,P=R.gridGap,W=i-2*R.containerPadding,j=n.useMemo((function(){return Math.floor((W+P)/(D+P))}),[W,P,D]),O=Math.max(j,1),H=n.useCallback((function(){if(null!==z.current&&null!==A.current&&z.current!==A.current){var e=[].concat(F),t=e.splice(z.current,1);e.splice(A.current,0,t[0]),S(e)}z.current=null,A.current=null}),[F]),V=n.useCallback((function(e,t){var n={spanCols:Math.min(Math.max(t.spanCols,1),O),spanRows:Math.min(Math.max(t.spanRows,1),d)};N((function(t){var r;return h({},t,((r={})[e]=n,r))}))}),[O,d]),G=n.useMemo((function(){return F.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,j),spanRows:null!=(a=null==(o=t.defaultSpan)?void 0:o.spanRows)?a:1},e}),{})}),[F,j]),q=n.useMemo((function(){return F.map((function(e,n){var a,o,i,c;return r.createElement("div",{className:f.cardWrapper,key:e.id,draggable:!0,onDragStart:function(){return z.current=n},onDragEnter:function(){return A.current=n},onDragOver:function(e){return e.preventDefault()},onDragEnd:H,style:{gridColumnEnd:null!=(a=L[e.id])&&a.spanCols?"span "+L[e.id].spanCols:"span "+((null==(o=G[e.id])?void 0:o.spanCols)||1),gridRowEnd:null!=(i=L[e.id])&&i.spanRows?"span "+L[e.id].spanRows:"span "+((null==(c=G[e.id])?void 0:c.spanRows)||1)}},r.createElement(t.Card,{className:f.cardBody},r.createElement(t.CardHeader,{header:r.createElement(t.Text,{weight:"semibold",size:400},e.cardTitle),action:T?r.createElement(M,{values:L[e.id]||G[e.id]||{spanCols:1,spanRows:1},maxCols:O,maxRows:d,IsOpen:!1,onChange:function(t){return V(e.id,t)}}):void 0}),r.createElement("div",{className:f.chartContainer,style:{height:u,paddingTop:e.chart.title?0:16}},l&&l.fontSizeBase100&&m(e.chart,l))))}))}),[F,H,L,f.cardBody,f.chartContainer,T,O,m,V,l]);return 0===F.length?r.createElement(B,null):r.createElement(r.Fragment,null,r.createElement("div",{ref:I,className:f.dashboardContainer,style:{height:u}},q))},exports.DoughnutChart=ce,exports.FloatingBarChart=ue,exports.LineChart=se,exports.PieChart=de,exports.PolarChart=me,exports.RadarChart=ge,exports.ScatterChart=pe,exports.StackedLineChart=he,exports.SteamChart=be,exports.createAxisLabelFormatter=Y,exports.createFluentTooltip=U,exports.getFluentPalette=_,exports.getInstantInteractionAnimations=X,exports.lightenColor=q,exports.useChartUtils=$,exports.useGraphUtils=$;
|
|
1
|
+
"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("@fluentui/react-components"),n=require("react"),r=e(n),a=require("@emotion/css"),o=require("@fluentui/react-icons"),l=require("@iconify/react"),i=require("chart.js"),c=e(require("chartjs-plugin-datalabels")),u=require("react-chartjs-2"),s=require("@juggle/resize-observer"),d=require("idb");function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function m(e,t,n,r,a,o,l){try{var i=e[o](l),c=i.value}catch(e){return void n(e)}i.done?t(c):Promise.resolve(c).then(r,a)}function g(e){return function(){var t=this,n=arguments;return new Promise((function(r,a){var o=e.apply(t,n);function l(e){m(o,r,a,l,i,"next",e)}function i(e){m(o,r,a,l,i,"throw",e)}l(void 0)}))}}function p(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(n)return(n=n.call(e)).next.bind(n);if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return f(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(){return(h=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 b(){var e,t,n="function"==typeof Symbol?Symbol:{},r=n.iterator||"@@iterator",a=n.toStringTag||"@@toStringTag";function o(n,r,a,o){var c=Object.create((r&&r.prototype instanceof i?r:i).prototype);return v(c,"_invoke",function(n,r,a){var o,i,c,u=0,s=a||[],d=!1,f={p:0,n:0,v:e,a:m,f:m.bind(e,4),d:function(t,n){return o=t,i=0,c=e,f.n=n,l}};function m(n,r){for(i=n,c=r,t=0;!d&&u&&!a&&t<s.length;t++){var a,o=s[t],m=f.p,g=o[2];n>3?(a=g===r)&&(c=o[(i=o[4])?5:(i=3,3)],o[4]=o[5]=e):o[0]<=m&&((a=n<2&&m<o[1])?(i=0,f.v=r,f.n=o[1]):m<g&&(a=n<3||o[0]>r||r>g)&&(o[4]=n,o[5]=r,f.n=g,i=0))}if(a||n>1)return l;throw d=!0,r}return function(a,s,g){if(u>1)throw TypeError("Generator is already running");for(d&&1===s&&m(s,g),i=s,c=g;(t=i<2?e:c)||!d;){o||(i?i<3?(i>1&&(f.n=-1),m(i,c)):f.n=c:f.v=c);try{if(u=2,o){if(i||(a="next"),t=o[a]){if(!(t=t.call(o,c)))throw TypeError("iterator result is not an object");if(!t.done)return t;c=t.value,i<2&&(i=0)}else 1===i&&(t=o.return)&&t.call(o),i<2&&(c=TypeError("The iterator does not provide a '"+a+"' method"),i=1);o=e}else if((t=(d=f.n<0)?c:n.call(r,f))!==l)break}catch(t){o=e,i=1,c=t}finally{u=1}}return{value:t,done:d}}}(n,a,o),!0),c}var l={};function i(){}function c(){}function u(){}t=Object.getPrototypeOf;var s=[][r]?t(t([][r]())):(v(t={},r,(function(){return this})),t),d=u.prototype=i.prototype=Object.create(s);function f(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,u):(e.__proto__=u,v(e,a,"GeneratorFunction")),e.prototype=Object.create(d),e}return c.prototype=u,v(d,"constructor",u),v(u,"constructor",c),c.displayName="GeneratorFunction",v(u,a,"GeneratorFunction"),v(d),v(d,a,"Generator"),v(d,r,(function(){return this})),v(d,"toString",(function(){return"[object Generator]"})),(b=function(){return{w:o,m:f}})()}function v(e,t,n,r){var a=Object.defineProperty;try{a({},"",{})}catch(e){a=0}(v=function(e,t,n,r){if(t)a?a(e,t,{value:n,enumerable:!r,configurable:!r,writable:!r}):e[t]=n;else{function o(t,n){v(e,t,(function(e){return this._invoke(t,n,e)}))}o("next",0),o("throw",1),o("return",2)}})(e,t,n,r)}function y(e,t){return t||(t=e.slice(0)),e.raw=t,e}var C=function(e){var n=e.width,a=e.height;return r.createElement("svg",{width:void 0===n?200:n,height:void 0===a?200:a,viewBox:"200 400 1400 1000",className:e.className,style:h({fill:t.tokens.colorNeutralForeground2},e.style),xmlns:"http://www.w3.org/2000/svg"},r.createElement("g",{id:"BACKGROUND"},r.createElement("rect",{style:{fill:t.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:t.tokens.colorNeutralBackground1},width:"1038.994",height:"768.164"}),r.createElement("path",{style:{fill:t.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:t.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"164.492"}),r.createElement("rect",{x:"693.003",y:"1004.672",style:{fill:t.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"246.519"}),r.createElement("rect",{x:"828.003",y:"835.487",style:{fill:t.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"415.703"}),r.createElement("rect",{x:"963.003",y:"955.6",style:{fill:t.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"295.591"}),r.createElement("rect",{x:"1098.003",y:"825.238",style:{fill:t.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"425.952"}),r.createElement("rect",{x:"1233.003",y:"847.489",style:{fill:t.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"403.701"}),r.createElement("rect",{x:"1368.003",y:"699.989",style:{fill:t.tokens.colorNeutralForeground3,opacity:.3},width:"85",height:"551.201"}),r.createElement("polygon",{style:{fill:t.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:t.tokens.colorBrandBackground},width:"418.333",height:"5"}),r.createElement("rect",{x:"937.543",y:"717.857",style:{fill:t.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:t.tokens.colorNeutralBackground1},width:"482.581",height:"379.067"}),r.createElement("path",{style:{fill:t.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:t.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:t.tokens.colorBrandBackground},width:"198.014",height:"2.623"}),r.createElement("rect",{x:"485.277",y:"532.656",style:{fill:t.tokens.colorNeutralForeground3,opacity:.3},width:"198.014",height:"2.623"}),r.createElement("rect",{x:"485.277",y:"556.218",style:{fill:t.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:t.tokens.colorNeutralForeground3,opacity:.3},width:"22.73",height:"70.417"}),r.createElement("rect",{x:"404.421",y:"653.482",style:{fill:t.tokens.colorBrandBackground},width:"22.73",height:"104.682"})),r.createElement("g",null,r.createElement("rect",{x:"466.491",y:"641.634",style:{fill:t.tokens.colorNeutralForeground3,opacity:.3},width:"22.73",height:"116.089"}),r.createElement("rect",{x:"489.221",y:"714.758",style:{fill:t.tokens.colorBrandBackground},width:"22.73",height:"42.965"}))))))},x={xs:t.tokens.spacingHorizontalXS,s:t.tokens.spacingHorizontalS,m:t.tokens.spacingHorizontalM,l:t.tokens.spacingHorizontalL,xl:t.tokens.spacingHorizontalXL,xxl:t.tokens.spacingHorizontalXXL},E=r.memo((function(e){var n=e.direction,o=e.justifyContent,l=e.alignItems,i=e.gap,c=e.columnGap,u=e.rowGap,s=e.margin,d=e.padding,f=e.marginTop,m=e.marginBottom,g=e.marginLeft,p=e.marginRight,b=e.paddingTop,v=e.paddingBottom,y=e.paddingLeft,C=e.paddingRight,E=e.wrap,w=e.children,F=e.className,S=a.css(h({display:"flex",flexDirection:"horizontal"===(void 0===n?"vertical":n)?"row":"column",justifyContent:void 0===o?"flex-start":o,alignItems:void 0===l?"stretch":l,gap:i&&x[i]?x[i]:i,columnGap:c&&x[c]?x[c]:c,rowGap:u&&x[u]?x[u]:u,margin:s&&x[s]?x[s]:s,padding:d&&x[d]?x[d]:d,marginTop:f&&x[f]?x[f]:f,marginBottom:m&&x[m]?x[m]:m,marginLeft:g&&x[g]?x[g]:g,marginRight:p&&x[p]?x[p]:p,paddingTop:b&&x[b]?x[b]:b,paddingBottom:v&&x[v]?x[v]:v,paddingLeft:y&&x[y]?x[y]:y,paddingRight:C&&x[C]?x[C]:C,width:e.width,height:e.height,overflow:e.overflow,flexWrap:void 0!==E&&E?"wrap":"nowrap",backgroundColor:e.background},e.style));return r.createElement("div",{className:t.mergeClasses(F,S)},w)}));E.displayName="Stack";var w,F,S,k,L,N,B=function(e){return n.createElement(n.Fragment,null,n.createElement(E,{style:{height:e.height||"100%"},justifyContent:"Center",alignItems:"Center"},n.createElement(C,{width:200,height:200}),n.createElement(t.Text,{size:500,weight:"semibold"},"No Dashboards Available")))},z=t.makeStyles({labelContainer:h({display:"flex",flexDirection:"row",justifyContent:"flex-start",alignItems:"center"},t.shorthands.gap("6px")),iconStyles:{width:"26px"},item:{paddingLeft:"15px"}}),A=function(e){var r=e.label,a=e.icon,o=e.isRequired,i=z();return n.createElement(n.Fragment,null,n.createElement("div",{className:i.labelContainer},a&&n.isValidElement(a)?a:n.createElement(l.Icon,{icon:a,className:i.iconStyles,width:"20px",height:"20px",color:t.tokens.colorBrandForeground1}),n.createElement(t.Caption1,{style:{color:t.tokens.colorBrandForeground1}},r),n.createElement(t.Caption1,{style:{color:t.tokens.colorPaletteRedForeground1}},o?" *":"")))},M=function(e){var r=e.onChange,l=e.values,i=e.maxCols,c=e.maxRows,u=o.bundleIcon(o.Settings20Filled,o.Settings20Regular),s={gridContainer:a.css(w||(w=y(["\n display: grid;\n gap: 4px;\n padding: 8px;\n justify-content: center;\n "]))),cell:a.css(F||(F=y(["\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 "])),t.tokens.colorNeutralStroke1,t.tokens.colorNeutralBackground1),hoveredCell:a.css(S||(S=y(["\n background-color: ",";\n transform: scale(1.05);\n "])),t.tokens.colorNeutralBackground1Hover),selectedCell:a.css(k||(k=y(["\n background-color: ",";\n "])),t.tokens.colorNeutralBackground1Selected),menuPopover:a.css(L||(L=y(["\n min-width: fit-content;\n "]))),bottomText:a.css(N||(N=y(["\n padding-left: 8px;\n padding-right: 8px;\n "]))),zoomContainer:a.css({display:"flex",flexDirection:"row",alignItems:"center",gap:"6px",width:"100%",boxSizing:"border-box",padding:"8px 0px"})},d=n.useState(l),f=d[0],m=d[1],g=n.useState(null),p=g[0],h=g[1],b=n.useState(!1),v=b[0],C=b[1];n.useEffect((function(){m(l)}),[l]);var x=n.useMemo((function(){return 30*i+4*(i-1)+32}),[i]);return n.createElement(t.Menu,{open:v,onOpenChange:function(e,t){C(t.open),h(null)}},n.createElement(t.MenuTrigger,{disableButtonEnhancement:!0},n.createElement(t.Tooltip,{content:"Configure",relationship:"label"},n.createElement(t.MenuButton,{icon:n.createElement(u,null),size:"small",appearance:"transparent"}))),n.createElement(t.MenuPopover,{style:{width:x+"px",minWidth:"120px",padding:8}},n.createElement("div",{className:s.zoomContainer},n.createElement(A,{label:"Span ("+f.spanCols+" × "+f.spanRows+")"})),n.createElement("div",{className:s.gridContainer,style:{gridTemplateColumns:"repeat("+i+", 30px)",gridTemplateRows:"repeat("+c+", 30px)"},onMouseLeave:function(){h(null)}},function(){for(var e=[],t=function(t){for(var a=function(a){e.push(n.createElement("div",{key:t+"-"+a,className:s.cell+" "+(p&&t<p.spanRows&&a<p.spanCols?s.hoveredCell:"")+" "+(t<f.spanRows&&a<f.spanCols?s.selectedCell:""),onMouseEnter:function(){return function(e,t){h({spanCols:t+1,spanRows:e+1})}(t,a)},onClick:function(){return function(e,t){var n={spanCols:t+1,spanRows:e+1};m(n),null==r||r(n),C(!1)}(t,a)}}))},o=0;o<i;o++)a(o)},a=0;a<c;a++)t(a);return e}()),n.createElement(t.Caption1,{className:s.bottomText},"Click to set span")))},I=function(e){var n=e.label,a=e.isVisible,o=e.color,l=e.style;return r.createElement(t.Tooltip,{content:n,relationship:"label"},r.createElement(t.Button,{ref:e.buttonRef,shape:"circular",size:"small",appearance:a?"primary":"outline",onClick:e.onClick,style:h({backgroundColor:a?o:"transparent",color:a?"#fff":t.tokens.colorNeutralForeground1,borderColor:o,borderWidth:1,width:"100px",padding:"4px 8px",textAlign:"center"},void 0===l?{}:l)},r.createElement(t.Caption1,{as:"span",style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",lineHeight:"1.25"}},n)))},T={wrapper:a.css({display:"flex",flexWrap:"nowrap",overflow:"hidden",justifyContent:"center",gap:10,padding:2,width:"100%",boxSizing:"border-box"})};function R(e){var n=e.overflowItems,a=e.visibleLabels,o=e.toggleLabel,l=e.renderLabel,i=e.getColor;return r.createElement(E,{justifyContent:"center",alignItems:"center",marginLeft:"10px",marginRight:"10px",marginTop:"25px",marginBottom:"20px"},r.createElement("div",{ref:e.containerRef,className:T.wrapper},e.visibleItems.map((function(e){var t=e.label,n=0===a.length||a.includes(t);return r.createElement(I,{key:t,label:l(e),color:i(e),isVisible:n,onClick:function(){return o(t)}})})),n.length>0&&r.createElement(t.Menu,null,r.createElement(t.MenuTrigger,{disableButtonEnhancement:!0},r.createElement(t.MenuButton,{size:"small",appearance:"transparent"},"+",n.length)),r.createElement(t.MenuPopover,{style:{minWidth:"fit-content",maxWidth:"200px"}},r.createElement(t.MenuList,null,n.map((function(e){var n=e.label,c=0===a.length||a.includes(n);return r.createElement(t.MenuItem,{key:n,style:{padding:0}},r.createElement(I,{label:l(e),color:i(e),isVisible:c,onClick:function(){return o(n)},style:{width:"100px",textAlign:"left"}}))})))))))}var D=["#F87171","#FB923C","#FDE047","#86EFAC","#7DD3FC","#C084FC","#F9A8D4","#FED7AA"],P=["#DC2626","#EA580C","#EAB308","#16A34A","#0284C7","#9333EA","#DB2777","#C2410C"],W=["#60A5FA","#34D399","#FBBF24","#F472B6","#A78BFA","#FB923C","#2DD4BF","#FB7185"],j=["#2563EB","#059669","#D97706","#DB2777","#7C3AED","#EA580C","#0D9488","#E11D48"],O=["#289CEF","#f05075ff","#45B0A2","#a4262c","#F49E31","#A366FF","#FCCE51","#062843ff","#7f7f82ff","#376102ff","#4e79a7"],H=["#f28e2c","#e15759","#76b7b2","#59a14f","#edc949","#af7aa1","#ff9da7","#9c755f","#bab0ab","#8cd17d","#b6992d","#d37295","#fabfd2","#79706e"],V=["#2899f5","#ff8c00","#32cd32","#f06b71","#c390f2","#00b7c3","#ffb900","#b4a0ff","#60cdff","#92c353"],G=[].concat(H),q=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)},_=function(e,t){return function(e,t){switch(e){case 1:return t?V:O;case 2:return t?G:H;case 3:return t?W:j;case 4:return t?D:P;default:return t?V:O}}(null!=t?t:1,e.colorNeutralBackground1.startsWith("#1")||"#000000"===e.colorNeutralBackground1)},X=function(){return{animation:!1,transitions:{active:{animation:{duration:0}}}}};function U(e,t){var n=e.fontFamilyBase,r=parseInt(e.fontSizeBase200.replace("px",""))||14,a=e.colorNeutralBackground1,o=e.colorNeutralForeground1,l=e.colorNeutralStroke2;return{external:void 0,enabled:!0,displayColors:!0,boxWidth:10,boxHeight:10,boxPadding:5,backgroundColor:a,borderColor:l,borderWidth:1,cornerRadius:4,padding:10,titleColor:o,titleFont:{family:n,size:r},bodyFont:{family:n,size:r},animation:{duration:0},callbacks:{title:function(e){var t,n;return null!=(t=null==(n=e[0])?void 0:n.label)?t:""},label:function(e){var n,r=e.dataset,a="label"in r&&"string"==typeof r.label?r.label:"Value",o=e.raw,l="function"==typeof(null==t?void 0:t.numberFormat)?t.numberFormat:new Intl.NumberFormat(null==t?void 0:t.locale,"object"==typeof(null==t?void 0:t.numberFormat)?null==t?void 0:t.numberFormat:void 0).format,i=function(e){return"number"==typeof e?l(e):String(e)};if(r&&void 0!==r.extraField){var c,u=r.extraField;n=Array.isArray(u)?u[null!=(c=e.dataIndex)?c:0]:u}else t&&t.extraField&&(n="function"==typeof t.extraField?t.extraField(e):t.extraField);var s=null!=n?""+String(n):"";if("object"==typeof o&&null!==o&&"x"in o&&"y"in o&&"r"in o){var d=o.y,f=o.r;return a+" — x: "+i(o.x)+", y: "+i(d)+", r: "+i(f)+s}if("object"==typeof o&&null!==o&&"x"in o&&"y"in o){var m=o.y;return a+" — x: "+i(o.x)+", y: "+i(m)+s}if(Array.isArray(o)&&2===o.length){var g=o[1];return a+": "+i(o[0])+" – "+i(g)+s}return a+": "+i(o)+s},beforeTitle:function(){return""},afterTitle:function(){return""},beforeBody:function(){return""},afterBody:function(){return""},beforeLabel:function(){return""},afterLabel:function(){return""},labelColor:function(e){var t,n,r,o,i=e.dataset||{},c=i.backgroundColor;Array.isArray(c)&&(c=c[null!=(t=e.dataIndex)?t:0]);var u=i.borderColor;Array.isArray(u)&&(u=u[null!=(n=e.dataIndex)?n:0]);var s=null!=(r=null!=c?c:i.pointBackgroundColor)?r:a;return{borderColor:null!=(o=null!=u?u:i.pointBorderColor)?o:l,backgroundColor:s}},labelTextColor:function(){return o},footer:function(){return""},beforeFooter:function(){return""},afterFooter:function(){return""},labelPointStyle:function(){return{pointStyle:"circle",rotation:0,radius:5}}}}}var Y=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 K(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 $(e){return n.useMemo((function(){return{lightenColor:q,getFluentPalette:_,createFluentTooltip:U,createAxisLabelFormatter:Y,debounce:K,getInstantInteractionAnimations:X}}),[e])}function J(e){var t=n.useRef(null),r=n.useState(e.length),a=r[0],o=r[1],l=$().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 s.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 Q,Z,ee=function(e){var t=e.data,n=e.visibleSeries,a=e.seriesColors,o=e.toggleSeries,l=J(t);return r.createElement(R,{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]}})},te=function(){return{chartWithLegend:a.css({display:"flex",flexDirection:"column",height:"100%",chartArea:{flexGrow:1,minHeight:0}}),chartArea:a.css(Q||(Q=y(["\n flex-grow: 1;\n min-height: 0;\n "]))),legendArea:a.css(Z||(Z=y(["\n margin-top: 0px;\n padding-top: 0px;\n \n margin-Left: 10px;\n margin-Right: 10px;\n \n "])))}};function ne(e){var a=e.data,o=e.getPrimary,l=e.getSecondary,i=e.title,c=e.showDatalabels,s=void 0!==c&&c,d=e.theme,f=void 0===d?t.webLightTheme:d,m=e.stacked,g=void 0!==m&&m,p=e.renderTooltipLabel,b=e.paletteId,v=void 0===b?1:b,y=n.useState((function(){var e;return a.length>1?a.map((function(e){return e.label})):[null==(e=a[0])?void 0:e.label]})),C=y[0],x=y[1],E=te(),w=$(f),F=w.lightenColor,S=w.getFluentPalette,k=w.createFluentTooltip,L=w.getInstantInteractionAnimations,N=n.useMemo((function(){var e=S(f,v);return a.reduce((function(t,n,r){var a=F(e[r%e.length],.3);return t[n.label]=a,t}),{})}),[a,S,F,f,v]),B=n.useMemo((function(){var e=new Set;return a.forEach((function(t){t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[a,o]),z=n.useMemo((function(){return{labels:B,datasets:a.filter((function(e){return C.includes(e.label)})).map((function(e){return{label:e.label,data:B.map((function(t){var n=e.data.find((function(e){return o(e)===t}));return n?l(n):null})),borderColor:N[e.label],backgroundColor:N[e.label],fill:!0,tension:.4,pointRadius:2}}))}}),[a,C,B,o,l,N]),A=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),M=A.fontFamily,I=A.fontSize,T=A.labelColor,R=A.gridColor,D=n.useMemo((function(){return h({responsive:!0,maintainAspectRatio:!1},L(),{plugins:{title:{display:!!i,text:i,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:k(f,{extraField:p})},scales:{x:{stacked:g,ticks:{color:T,font:{family:M,size:I}},grid:{color:R}},y:{stacked:g,ticks:{color:T,font:{family:M,size:I}},grid:{color:R}}}})}),[i,s,f,M,I,T,R,g,k]);return r.createElement("div",{className:E.chartWithLegend},r.createElement("div",{className:E.chartArea},r.createElement(u.Line,{data:z,options:D})),r.createElement(ee,{data:a,visibleSeries:C,seriesColors:N,toggleSeries:function(e){x((function(t){var n=t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e]);return 0===n.length&&a.length>0?[a[0].label]:n}))}}))}function re(e){var t=e.data,a=e.getPrimary,o=e.getSecondary,l=e.title,i=e.showDatalabels,c=void 0!==i&&i,s=e.stacked,d=void 0!==s&&s,f=e.theme,m=e.renderTooltipLabel,g=e.paletteId,p=void 0===g?1:g,b=n.useState((function(){var e;return t.length>1?t.map((function(e){return e.label})):[null==(e=t[0])?void 0:e.label]})),v=b[0],y=b[1],C=$(f),x=C.lightenColor,E=C.getFluentPalette,w=C.createFluentTooltip,F=C.getInstantInteractionAnimations,S=te(),k=n.useMemo((function(){var e=E(f,p);return t.reduce((function(t,n,r){var a=x(e[r%e.length],.3);return t[n.label]=a,t}),{})}),[t,E,x,f,p]),L=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]),N=n.useMemo((function(){return{labels:L,datasets:t.filter((function(e){return v.includes(e.label)})).map((function(e){return{label:e.label,backgroundColor:k[e.label],data:L.map((function(t){var n=e.data.find((function(e){return a(e)===t}));return n?o(n):0})),yAxisID:d&&"line"===e.type?"y1":"y"}}))}}),[t,v,L,k,d]),B=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),z=B.fontFamily,A=B.fontSize,M=B.labelColor,I=B.gridColor,T=n.useMemo((function(){return h({responsive:!0,maintainAspectRatio:!1},F(),{plugins:{title:{display:!!l,text:l,font:{size:14,family:f.fontFamilyBase,weight:f.fontWeightSemibold},color:f.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:c,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:w(f,{extraField:m})},scales:h({x:{stacked:d,ticks:{callback:Y({maxLength:10}),color:M,font:{family:z,size:A}},grid:{color:I}},y:{type:"linear",position:"left",stacked:d,ticks:{callback:Y({maxLength:10}),color:M,font:{family:z,size:A}},grid:{color:I}}},d&&{y1:{type:"linear",position:"right",ticks:{callback:Y({maxLength:10}),color:M,font:{family:z,size:A}},grid:{drawOnChartArea:!1}}})})}),[l,c,f,z,A,M,I,d,w]);return r.createElement("div",{className:S.chartWithLegend},r.createElement("div",{className:S.chartArea},r.createElement(u.Bar,{data:N,options:T})),r.createElement("div",{className:S.legendArea},r.createElement(ee,{data:t,visibleSeries:v,seriesColors:k,toggleSeries:function(e){y((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 ae(e){var t=e.data,a=e.getPrimary,o=e.getSecondary,l=e.stacked,i=void 0!==l&&l,c=e.showDatalabels,s=void 0!==c&&c,d=e.title,f=e.theme,m=e.renderTooltipLabel,g=e.paletteId,p=void 0===g?1:g,b=n.useState((function(){var e;return t.length>1?t.map((function(e){return e.label})):[null==(e=t[0])?void 0:e.label]})),v=b[0],y=b[1],C=te(),x=$(f),E=x.lightenColor,w=x.getFluentPalette,F=x.createFluentTooltip,S=x.getInstantInteractionAnimations,k=n.useMemo((function(){var e=w(f,p);return t.reduce((function(t,n,r){var a=E(e[r%e.length],.3);return t[n.label]=a,t}),{})}),[t,w,E,f,p]),L=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]),N=n.useMemo((function(){return{labels:L,datasets:t.filter((function(e){return v.includes(e.label)})).map((function(e){return{label:e.label,backgroundColor:k[e.label],data:L.map((function(t){var n=e.data.find((function(e){return a(e)===t}));return n?o(n):0}))}}))}}),[t,v,L,k]),B=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),z=B.fontFamily,A=B.fontSize,M=B.labelColor,I=B.gridColor,T=n.useMemo((function(){return h({indexAxis:"y",responsive:!0,maintainAspectRatio:!1},S(),{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:s,color:f.colorNeutralForeground1,font:{family:f.fontFamilyBase,size:parseInt(f.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:F(f,{extraField:m})},scales:{x:{stacked:i,ticks:{color:M,font:{family:z,size:A}},grid:{color:I}},y:{stacked:i,ticks:{color:M,font:{family:z,size:A}},grid:{color:I}}}})}),[d,s,f,z,A,M,I,i,F]);return r.createElement("div",{className:C.chartWithLegend},r.createElement("div",{className:C.chartArea},r.createElement(u.Bar,{data:N,options:T})),r.createElement("div",{className:C.legendArea},r.createElement(ee,{data:t,visibleSeries:v,seriesColors:k,toggleSeries:function(e){y((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 oe(e){var a=e.data,o=e.getPrimary,l=e.getSecondary,i=e.getRadius,c=e.showDataLabels,s=e.title,d=e.renderTooltipLabel,f=e.theme,m=void 0===f?t.webLightTheme:f,g=e.paletteId,p=void 0===g?1:g,b=n.useState((function(){var e;return a.length>1?a.map((function(e){return e.label})):[null==(e=a[0])?void 0:e.label]})),v=b[0],y=b[1],C=$(m),x=C.lightenColor,E=C.getFluentPalette,w=C.createFluentTooltip,F=C.getInstantInteractionAnimations,S=te(),k=n.useMemo((function(){var e=E(m,p);return a.reduce((function(t,n,r){var a=x(e[r%e.length],.3);return t[n.label]=a,t}),{})}),[a,E,x,m,p]),L=n.useMemo((function(){return{datasets:a.filter((function(e){return v.includes(e.label)})).map((function(e){return{label:e.label,data:e.data.map((function(e){return{x:o(e),y:l(e),r:i(e)}})),backgroundColor:k[e.label],borderColor:m.colorNeutralStroke1,borderWidth:1,hoverBorderWidth:2}}))}}),[a,v,o,l,i,k]),N=n.useMemo((function(){return{fontFamily:m.fontFamilyBase,fontSize:parseInt(m.fontSizeBase200.replace("px",""))||14,labelColor:m.colorNeutralForeground1,gridColor:m.colorNeutralStroke2}}),[m]),B=N.fontFamily,z=N.fontSize,A=N.labelColor,M=N.gridColor,I=n.useMemo((function(){var e;return h({responsive:!0,maintainAspectRatio:!1},F(),{plugins:{title:{display:!!s,text:s,font:{size:14,family:m.fontFamilyBase,weight:m.fontWeightSemibold},color:m.colorNeutralForeground1,padding:{top:20,bottom:20}},datalabels:{display:c,color:m.colorNeutralForeground1,font:{family:m.fontFamilyBase,size:parseInt(m.fontSizeBase200.replace("px",""))||14}},legend:{display:!1},tooltip:w(m,{extraField:d})},scales:{x:{type:"number"==typeof o(null==(e=a[0])?void 0:e.data[0])?"linear":"category",ticks:{color:A,font:{family:B,size:z}},grid:{color:M}},y:{ticks:{color:A,font:{family:B,size:z}},grid:{color:M}}}})}),[s,c,m,o,l,a,B,z,A,M,w]);return r.createElement(r.Fragment,null,r.createElement("div",{className:S.chartWithLegend},r.createElement("div",{className:S.chartArea},r.createElement(u.Bubble,{data:L,options:I})),r.createElement("div",{className:S.legendArea},r.createElement(ee,{data:a,visibleSeries:v,seriesColors:k,toggleSeries:function(e){y((function(t){var n=t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e]);return 0===n.length&&a.length>0?[a[0].label]:n}))}}))))}function le(e){var a=e.data,o=e.getPrimary,l=e.getSecondary,i=e.title,c=e.showDataLabels,s=void 0!==c&&c,d=e.theme,f=void 0===d?t.webLightTheme:d,m=e.axesMode,g=void 0===m?"legacy":m,p=e.renderTooltipLabel,b=e.paletteId,v=void 0===b?1:b,y=n.useState((function(){return a.map((function(e){return e.label}))})),C=y[0],x=y[1],E=te(),w=$(f),F=w.lightenColor,S=w.getFluentPalette,k=w.createFluentTooltip,L=w.getInstantInteractionAnimations,N=n.useMemo((function(){var e=S(f,v);return a.reduce((function(t,n,r){return t[n.label]=F(e[r%e.length],.3),t}),{})}),[a,S,F,f,v]),B=n.useMemo((function(){var e=new Set;return a.forEach((function(t){return t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[a,o]),z=n.useMemo((function(){var e=a.filter((function(e){return C.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:B,datasets:e.map((function(e){var t;return{type:e.type,label:e.label,yAxisID:null!=(t=e.yAxisID)?t:"dual"===g?"bar"===e.type?"y-bar":"y-line":"y",data:B.map((function(t){var n=e.data.find((function(e){return o(e)===t}));return n?l(n):0})),stack:"dual"===g&&"bar"===e.type?"barStack":void 0,backgroundColor:N[e.label],borderColor:N[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}}))}}),[a,C,B,o,l,N]),A=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),M=A.fontFamily,I=A.fontSize,T=A.labelColor,R=A.gridColor,D=n.useMemo((function(){var e=h({responsive:!0,maintainAspectRatio:!1},L(),{plugins:{title:{display:!!i,text:i,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:k(f,{extraField:p})}});return h({},e,"dual"===g?{scales:{x:{stacked:!0,ticks:{color:T,font:{family:M,size:I}},grid:{color:R}},"y-bar":{type:"linear",position:"left",stacked:!0,ticks:{color:T,font:{family:M,size:I}},grid:{color:R}},"y-line":{type:"linear",position:"right",stacked:!1,ticks:{color:T,font:{family:M,size:I}},grid:{color:R}}}}:{scales:{x:{ticks:{color:T,font:{family:M,size:I}},grid:{color:R}},y:{position:"left",ticks:{color:T,font:{family:M,size:I}},grid:{color:R},stacked:!1}}})}),[i,s,f,M,I,T,R,k,L,g]);return r.createElement(r.Fragment,null,r.createElement("div",{className:E.chartWithLegend},r.createElement("div",{className:E.chartArea},r.createElement(u.Chart,{type:"bar",data:z,options:D})),r.createElement("div",{className:E.legendArea},r.createElement(ee,{data:a,visibleSeries:C,seriesColors:N,toggleSeries:function(e){x((function(t){var n=t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e]);return 0===n.length?[a[0].label]:n}))}}))))}i.Chart.register(i.CategoryScale,i.LinearScale,i.PointElement,i.LineElement,i.Tooltip,i.Filler,i.Legend,c,i.Title),i.Chart.register(i.CategoryScale,i.LinearScale,i.BarElement,i.Tooltip,i.Legend,c,i.Title),i.Chart.register(i.CategoryScale,i.LinearScale,i.BarElement,i.Tooltip,i.Legend,i.Title,c),i.Chart.register(i.CategoryScale,i.LinearScale,i.PointElement,i.Tooltip,i.Legend,c,i.Title),i.Chart.register(c),i.Chart.register(i.CategoryScale,i.LinearScale,i.BarElement,i.LineElement,i.PointElement,i.Tooltip,i.Legend,i.Title);var ie=function(e){var t=e.entries,n=e.visibleLabels,a=e.toggleLabel,o=J(t);return r.createElement(R,{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 ce(e){var a=e.data,o=e.getLabel,l=e.getValue,i=e.title,c=e.showDataLabels,s=void 0===c||c,d=e.theme,f=void 0===d?t.webLightTheme:d,m=e.renderTooltipLabel,g=e.paletteId,p=void 0===g?1:g,b=te(),v=$(f),y=v.lightenColor,C=v.getFluentPalette,x=v.createFluentTooltip,E=v.getInstantInteractionAnimations,w=n.useState([]),F=w[0],S=w[1],k=n.useMemo((function(){var e=new Map;return a.forEach((function(t){t.data.forEach((function(t){var n=o(t),r=l(t);e.set(n,(e.get(n)||0)+r)}))})),e}),[a,o,l]),L=n.useMemo((function(){var e=Array.from(k.keys()),t=C(f,p),n=e.map((function(e,n){return y(t[n%t.length],.3)}));return{allLabels:e,colors:n}}),[k,C,f,y,p]),N=L.allLabels,B=L.colors,z=n.useMemo((function(){var e=N.filter((function(e){return!F.includes(e)})),t=e.map((function(e){return k.get(e)||0})),n=e.map((function(e){var t=N.indexOf(e);return B[t]}));return{filteredLabels:e,values:t,visibleColors:n}}),[N,F,k,B]),A=z.filteredLabels,M=z.values,I=z.visibleColors,T=n.useMemo((function(){return{labels:A,datasets:[{data:M,backgroundColor:I,borderWidth:1}]}}),[A,M,I]),R=n.useMemo((function(){return N.map((function(e,t){return{label:e,value:k.get(e)||0,color:B[t]}}))}),[N,k,B]),D=n.useMemo((function(){return h({responsive:!0,maintainAspectRatio:!1},E(),{plugins:{legend:{display:!1},tooltip:x(f,{extraField:m}),title:{display:!!i,text:i,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},formatter:function(e){return e}}}})}),[i,f,s,x]);return r.createElement("div",{className:b.chartWithLegend},r.createElement("div",{className:b.chartArea},r.createElement(u.Doughnut,{data:T,options:D})),r.createElement("div",{className:b.legendArea},r.createElement(ie,{entries:R,visibleLabels:A,toggleLabel:function(e){S((function(t){return t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e])}))}})))}function ue(e){var a=e.data,o=e.getPrimary,l=e.getRange,i=e.title,c=e.showDataLabels,s=void 0!==c&&c,d=e.theme,f=void 0===d?t.webLightTheme:d,m=e.renderTooltipLabel,g=e.paletteId,p=void 0===g?1:g,b=n.useState((function(){var e;return a.length>1?a.map((function(e){return e.label})):[null==(e=a[0])?void 0:e.label]})),v=b[0],y=b[1],C=te(),x=$(f),E=x.lightenColor,w=x.getFluentPalette,F=x.createFluentTooltip,S=x.getInstantInteractionAnimations,k=n.useMemo((function(){var e=w(f,p);return a.reduce((function(t,n,r){var a=E(e[r%e.length],.3);return t[n.label]=a,t}),{})}),[a,w,E,f,p]),L=n.useMemo((function(){var e=new Set;return a.forEach((function(t){t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[a,o]),N=n.useMemo((function(){return{labels:L,datasets:a.filter((function(e){return v.includes(e.label)})).map((function(e){return{label:e.label,data:L.map((function(t){var n=e.data.find((function(e){return o(e)===t}));return n?l(n):[0,0]})),backgroundColor:k[e.label],borderRadius:2}}))}}),[a,v,L,o,l,k]),B=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),z=B.fontFamily,A=B.fontSize,M=B.labelColor,I=B.gridColor,T=n.useMemo((function(){return h({responsive:!0,maintainAspectRatio:!1},S(),{plugins:{title:{display:!!i,text:i,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:F(f,{extraField:m})},scales:{x:{ticks:{color:M,font:{family:z,size:A}},grid:{color:I}},y:{ticks:{color:M,font:{family:z,size:A}},grid:{color:I}}}})}),[i,f,s,M,z,A,I,F]);return r.createElement("div",{className:C.chartWithLegend},r.createElement("div",{className:C.chartArea},r.createElement(u.Bar,{data:N,options:T})),r.createElement("div",{className:C.legendArea},r.createElement(ee,{data:a,visibleSeries:v,seriesColors:k,toggleSeries:function(e){y((function(t){var n=t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e]);return 0===n.length&&a.length>0?[a[0].label]:n}))}})))}function se(e){var a=e.data,o=e.getPrimary,l=e.getSecondary,i=e.title,c=e.showDataLabels,s=void 0!==c&&c,d=e.theme,f=void 0===d?t.webLightTheme:d,m=e.renderTooltipLabel,g=e.paletteId,p=void 0===g?1:g,b=e.numberFormat,v=e.locale,y=n.useState((function(){var e;return a.length>1?a.map((function(e){return e.label})):[null==(e=a[0])?void 0:e.label]})),C=y[0],x=y[1],E=te(),w=$(f),F=w.lightenColor,S=w.getFluentPalette,k=w.createFluentTooltip,L=w.getInstantInteractionAnimations,N=n.useMemo((function(){var e=S(f,p);return a.reduce((function(t,n,r){var a=F(e[r%e.length],.3);return t[n.label]=a,t}),{})}),[a,S,F,f,p]),B=n.useMemo((function(){var e=new Set;return a.forEach((function(t){t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[a,o]),z=n.useMemo((function(){return{labels:B,datasets:a.filter((function(e){return C.includes(e.label)})).map((function(e){return{label:e.label,data:B.map((function(t){var n=e.data.find((function(e){return o(e)===t}));return n?l(n):null})),borderColor:N[e.label],backgroundColor:N[e.label],tension:.4,fill:!1,pointRadius:4}}))}}),[a,C,B,o,l,N]),A=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),M=A.fontFamily,I=A.fontSize,T=A.labelColor,R=A.gridColor,D=n.useMemo((function(){return h({responsive:!0,maintainAspectRatio:!1},L(),{plugins:{title:{display:!!i,text:i,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:k(f,{extraField:m,numberFormat:b,locale:v})},scales:{x:{ticks:{color:T,font:{family:M,size:I}},grid:{color:R}},y:{ticks:{color:T,font:{family:M,size:I}},grid:{color:R}}}})}),[i,f,s,T,M,I,R,k]);return r.createElement("div",{className:E.chartWithLegend},r.createElement("div",{className:E.chartArea},r.createElement(u.Line,{data:z,options:D})),r.createElement("div",{className:E.legendArea},r.createElement(ee,{data:a,visibleSeries:C,seriesColors:N,toggleSeries:function(e){x((function(t){var n=t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e]);return 0===n.length&&a.length>0?[a[0].label]:n}))}})))}function de(e){var a=e.data,o=e.getLabel,l=e.getValue,i=e.title,c=e.showDataLabels,s=void 0!==c&&c,d=e.theme,f=void 0===d?t.webLightTheme:d,m=e.renderTooltipLabel,g=e.paletteId,p=void 0===g?1:g,b=$(f),v=b.getFluentPalette,y=b.lightenColor,C=n.useState([]),x=C[0],E=C[1],w=te(),F=n.useMemo((function(){var e=new Map;return a.forEach((function(t){t.data.forEach((function(t){var n=o(t),r=l(t);e.set(n,(e.get(n)||0)+r)}))})),e}),[a,o,l]),S=n.useMemo((function(){var e=Array.from(F.keys()),t=v(f,p),n=e.map((function(e,n){return y(t[n%t.length],.3)})),r=e.filter((function(e){return!x.includes(e)})),a=r.map((function(e){return F.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}}),[F,v,y,f,x,p]),k=S.allLabels,L=S.colors,N=S.filteredLabels,B=S.values,z=S.visibleColors,A=n.useMemo((function(){return{chartData:{labels:N,datasets:[{data:B,backgroundColor:z,borderWidth:1}]},legendEntries:k.map((function(e,t){return{label:e,value:F.get(e)||0,color:L[t]}}))}}),[N,B,z,k,F,L]),M=A.chartData,I=A.legendEntries,T=n.useMemo((function(){return h({responsive:!0,maintainAspectRatio:!1},{animation:!1,transitions:{active:{animation:{duration:0}}}},{plugins:{tooltip:U(f,{extraField:m}),legend:{display:!1},title:{display:!!i,text:i,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}}}})}),[f,i,s]);return r.createElement("div",{className:w.chartWithLegend},r.createElement("div",{className:w.chartArea},r.createElement(u.Pie,{data:M,options:T})),r.createElement("div",{className:w.legendArea},r.createElement(ie,{entries:I,visibleLabels:N,toggleLabel:function(e){E((function(t){return t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e])}))}})))}i.Chart.register(c),i.Chart.register(i.ArcElement,i.Tooltip,i.Legend,i.Title),i.Chart.register(c),i.Chart.register(i.CategoryScale,i.LinearScale,i.BarElement,i.Tooltip,i.Legend,i.Title),i.Chart.register(c),i.Chart.register(i.LineElement,i.PointElement,i.CategoryScale,i.LinearScale,i.Tooltip,i.Legend,i.Title),i.Chart.register(c),i.Chart.register(i.ArcElement,i.Tooltip,i.Legend,i.Title);var fe=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=J(o);return r.createElement(R,{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 me(e){var a=e.data,o=e.getLabel,l=e.getValue,i=e.title,c=e.showDataLabels,s=void 0===c||c,d=e.theme,f=void 0===d?t.webLightTheme:d,m=e.renderTooltipLabel,g=e.paletteId,p=void 0===g?1:g,b=$(f),v=b.getFluentPalette,y=b.lightenColor,C=b.getInstantInteractionAnimations,x=n.useState([]),E=x[0],w=x[1],F=te(),S=n.useMemo((function(){var e=new Map;return a.forEach((function(t){t.data.forEach((function(t){var n=o(t),r=l(t);e.set(n,(e.get(n)||0)+r)}))})),e}),[a,o,l]),k=n.useMemo((function(){var e=Array.from(S.keys()),t=v(f,p),n=e.map((function(e,n){return y(t[n%t.length],.3)})),r=e.filter((function(e){return!E.includes(e)})),a=r.map((function(e){return S.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}}),[S,v,y,f,E,p]),L=k.allLabels,N=k.colors,B=k.filteredLabels,z=k.values,A=k.visibleColors,M=n.useMemo((function(){return{labels:B,datasets:[{data:z,backgroundColor:A,borderWidth:1}]}}),[B,z,A]),I=n.useMemo((function(){return h({responsive:!0,maintainAspectRatio:!1},C(),{plugins:{title:{display:!!i,text:i,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},formatter:function(e){return e}},tooltip:U(f,{extraField:m}),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,i,s,U]);return r.createElement("div",{className:F.chartWithLegend},r.createElement("div",{className:F.chartArea},r.createElement(u.PolarArea,{data:M,options:I})),r.createElement("div",{className:F.legendArea},r.createElement(fe,{labels:L,colors:N,visibleLabels:B,toggleLabel:function(e){w((function(t){return t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e])}))}})))}function ge(e){var a=e.data,o=e.getLabel,l=e.getValue,i=e.title,c=e.showDataLabels,s=void 0!==c&&c,d=e.theme,f=void 0===d?t.webLightTheme:d,m=e.renderTooltipLabel,g=e.paletteId,p=void 0===g?1:g,b=n.useState((function(){return a.map((function(e){return e.label}))})),v=b[0],y=b[1],C=te(),x=$(f),E=x.lightenColor,w=x.getFluentPalette,F=x.getInstantInteractionAnimations,S=n.useMemo((function(){var e=w(f,p);return a.reduce((function(t,n,r){return t[n.label]=E(e[r%e.length],.3),t}),{})}),[a,w,E,f,p]),k=n.useMemo((function(){var e=new Set;return a.forEach((function(t){t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[a,o]),L=n.useMemo((function(){return{labels:k,datasets:a.filter((function(e){return v.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?l(n):0})),backgroundColor:S[e.label]+"33",borderColor:S[e.label],borderWidth:2,pointBackgroundColor:S[e.label]}}))}}),[a,v,k,o,l,S]),N=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),B=N.fontFamily,z=N.fontSize,A=N.labelColor,M=N.gridColor,I=n.useMemo((function(){return h({responsive:!0,maintainAspectRatio:!1},F(),{plugins:{title:{display:!!i,text:i,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}},tooltip:U(f,{extraField:m}),legend:{display:!1}},scales:{r:{angleLines:{color:M},grid:{color:M},pointLabels:{color:A,font:{family:B,size:z}},ticks:{color:A,font:{family:B,size:z}}}}})}),[f,i,s,U,M,A,B,z]);return r.createElement("div",{className:C.chartWithLegend},r.createElement("div",{className:C.chartArea},r.createElement(u.Radar,{data:L,options:I})),r.createElement(ee,{data:a,visibleSeries:v,seriesColors:S,toggleSeries:function(e){y((function(t){return t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e])}))}}))}function pe(e){var a=e.data,o=e.getX,l=e.getY,i=e.title,c=e.showDataLabels,s=void 0!==c&&c,d=e.theme,f=void 0===d?t.webLightTheme:d,m=e.renderTooltipLabel,g=e.paletteId,p=void 0===g?1:g,b=n.useState((function(){return a.map((function(e){return e.label}))})),v=b[0],y=b[1],C=te(),x=$(f),E=x.getFluentPalette,w=x.lightenColor,F=x.createFluentTooltip,S=x.getInstantInteractionAnimations,k=n.useMemo((function(){var e=E(f,p);return a.reduce((function(t,n,r){return t[n.label]=w(e[r%e.length],.3),t}),{})}),[a,E,w,f,p]),L=r.useCallback((function(e){y((function(t){return t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e])}))}),[]),N=n.useMemo((function(){return{datasets:a.filter((function(e){return v.includes(e.label)})).map((function(e){return{label:e.label,data:e.data.map((function(e){return{x:o(e),y:l(e)}})),backgroundColor:k[e.label],borderColor:k[e.label],pointRadius:4}}))}}),[a,v,o,l,k]),B=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),z=B.fontFamily,A=B.fontSize,M=B.labelColor,I=B.gridColor,T=n.useMemo((function(){return h({responsive:!0,maintainAspectRatio:!1},S(),{plugins:{title:{display:!!i,text:i,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:F(f,{extraField:m})},scales:{x:{type:"linear",position:"bottom",ticks:{color:M,font:{family:z,size:A}},grid:{color:I}},y:{type:"linear",ticks:{color:M,font:{family:z,size:A}},grid:{color:I}}}})}),[f,i,s,F,M,z,A,I]);return r.createElement("div",{className:C.chartWithLegend},r.createElement("div",{className:C.chartArea},r.createElement(u.Scatter,{data:N,options:T})),r.createElement(ee,{data:a,visibleSeries:v,seriesColors:k,toggleSeries:L}))}function he(e){var a=e.data,o=e.getPrimary,l=e.getSecondary,i=e.title,c=e.showDataLabels,s=void 0!==c&&c,d=e.theme,f=void 0===d?t.webLightTheme:d,m=e.renderTooltipLabel,g=e.paletteId,p=void 0===g?1:g,b=n.useState((function(){var e;return a.length>1?a.map((function(e){return e.label})):[null==(e=a[0])?void 0:e.label]})),v=b[0],y=b[1],C=te(),x=$(f),E=x.lightenColor,w=x.getFluentPalette,F=x.createFluentTooltip,S=x.getInstantInteractionAnimations,k=n.useMemo((function(){var e=w(f,p);return a.reduce((function(t,n,r){var a=E(e[r%e.length],.3);return t[n.label]=a,t}),{})}),[a,w,E,f,p]),L=n.useMemo((function(){var e=new Set;return a.forEach((function(t){t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[a,o]),N=n.useMemo((function(){return{labels:L,datasets:a.filter((function(e){return v.includes(e.label)})).map((function(e){return{label:e.label,data:L.map((function(t){var n=e.data.find((function(e){return o(e)===t}));return n?l(n):0})),borderColor:k[e.label],backgroundColor:k[e.label],fill:!0,tension:.4,pointRadius:3}}))}}),[a,v,L,o,l,k]),B=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),z=B.fontFamily,A=B.fontSize,M=B.labelColor,I=B.gridColor,T=n.useMemo((function(){return h({responsive:!0,maintainAspectRatio:!1},S(),{plugins:{title:{display:!!i,text:i,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:F(f,{extraField:m})},scales:{x:{stacked:!0,ticks:{color:M,font:{family:z,size:A}},grid:{color:I}},y:{stacked:!0,ticks:{color:M,font:{family:z,size:A}},grid:{color:I}}}})}),[f,i,s,F,M,z,A,I]);return r.createElement("div",{className:C.chartWithLegend},r.createElement("div",{className:C.chartArea},r.createElement(u.Line,{data:N,options:T})),r.createElement(ee,{data:a,visibleSeries:v,seriesColors:k,toggleSeries:function(e){y((function(t){var n=t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e]);return 0===n.length&&a.length>0?[a[0].label]:n}))}}))}function be(e){var a=e.data,o=e.getPrimary,l=e.getSecondary,i=e.title,c=e.showDataLabels,s=void 0!==c&&c,d=e.theme,f=void 0===d?t.webLightTheme:d,m=e.renderTooltipLabel,g=e.paletteId,p=void 0===g?1:g,b=n.useState((function(){var e;return a.length>1?a.map((function(e){return e.label})):[null==(e=a[0])?void 0:e.label]})),v=b[0],y=b[1],C=n.useState(!1),x=C[0],w=C[1],F=te(),S=$(f),k=S.lightenColor,L=S.getFluentPalette,N=S.getInstantInteractionAnimations,B=n.useMemo((function(){var e=L(f,p);return a.reduce((function(t,n,r){return t[n.label]=k(e[r%e.length],.3),t}),{})}),[a,L,k,f,p]),z=r.useCallback((function(e){y((function(t){var n=t.includes(e)?t.filter((function(t){return t!==e})):[].concat(t,[e]);return 0===n.length?[a[0].label]:n}))}),[a]),A=n.useMemo((function(){var e=new Set;return a.forEach((function(t){t.data.forEach((function(t){return e.add(o(t))}))})),Array.from(e)}),[a,o]),M=n.useMemo((function(){return A.map((function(e){return a.reduce((function(t,n){var r=n.data.find((function(t){return o(t)===e}));return t+(r?l(r):0)}),0)}))}),[A,a,o,l]),I=n.useMemo((function(){return{labels:A,datasets:a.filter((function(e){return v.includes(e.label)})).map((function(e){return{label:e.label,fill:!0,backgroundColor:B[e.label],borderColor:"transparent",borderWidth:0,data:A.map((function(t,n){var r=e.data.find((function(e){return o(e)===t})),a=r?l(r):0;return x?Math.round(100*(a/(M[n]||1)*100+Number.EPSILON))/100:Math.round(100*(a+Number.EPSILON))/100})),tension:.5}}))}}),[a,v,A,o,l,B,M,x]),T=n.useMemo((function(){return{fontFamily:f.fontFamilyBase,fontSize:parseInt(f.fontSizeBase200.replace("px",""))||14,labelColor:f.colorNeutralForeground1,gridColor:f.colorNeutralStroke2}}),[f]),R=T.fontFamily,D=T.fontSize,P=T.labelColor,W=T.gridColor,j=n.useMemo((function(){return h({responsive:!0,maintainAspectRatio:!1},N(),{plugins:{title:{display:!!i,text:i,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:U(f,{extraField:m})},interaction:{mode:"index",intersect:!1},scales:{x:{stacked:!0,ticks:{color:P,font:{family:R,size:D}},grid:{color:W}},y:{stacked:!0,ticks:{callback:function(e){return x?e+"%":e},color:P,font:{family:R,size:D}},grid:{color:W},min:0,max:x?100:void 0}}})}),[f,i,s,U,P,R,D,W,x]);return r.createElement("div",{className:F.chartWithLegend},r.createElement("div",{className:F.chartArea},r.createElement(u.Line,{data:I,options:j})),r.createElement(E,{justifyContent:"center",alignItems:"center",margin:"7px"},r.createElement(t.ToggleButton,{onClick:function(){return w((function(e){return!e}))},shape:"circular",appearance:"secondary",size:"small",style:{width:"150px"}},x?"Show Raw Values":"Show %")),r.createElement("div",{className:F.legendArea},r.createElement(ee,{data:a,visibleSeries:v,seriesColors:B,toggleSeries:z})))}i.Chart.register(i.RadialLinearScale,i.ArcElement,i.Tooltip,i.Legend,i.Title,c),i.Chart.register(c),i.Chart.register(i.RadialLinearScale,i.PointElement,i.LineElement,i.Filler,i.Tooltip,i.Legend,i.Title),i.Chart.register(c),i.Chart.register(i.LinearScale,i.PointElement,i.Tooltip,i.Legend),i.Chart.register(c),i.Chart.register(i.CategoryScale,i.LinearScale,i.LineElement,i.PointElement,i.Tooltip,i.Legend,i.Title),i.Chart.register(c),i.Chart.register(i.LineElement,i.PointElement,i.Filler,i.CategoryScale,i.LinearScale,i.Tooltip,i.Legend,i.Title);var ve=function(e){return{data:e.data,title:e.title,getPrimary:function(e){return e.name},getSecondary:function(e){return e.value},renderTooltipLabel:e.renderTooltipLabel,paletteId:e.paletteId,numberFormat:e.numberFormat,locale:e.locale}},ye=function(e,n){var a,o=e.type,l=e.showDataLabels,i=null!=n?n:t.webLightTheme;switch(o){case"bar":return r.createElement(re,Object.assign({},ve(e),{showDatalabels:null!=l&&l,stacked:!1,theme:i}));case"line":return r.createElement(se,Object.assign({showDataLabels:null!=l&&l},ve(e),{theme:i}));case"area":return r.createElement(ne,Object.assign({showDatalabels:null!=l&&l},ve(e),{stacked:!1,theme:i}));case"bar-horizontal":return r.createElement(ae,Object.assign({showDatalabels:null!=l&&l},ve(e),{stacked:!0,theme:i}));case"bubble":return r.createElement(oe,Object.assign({showDataLabels:null!=l&&l},ve(e),{getRadius:function(e){var t;return null!=(t=e.radius)?t:1},theme:i}));case"multiple-axes":return r.createElement(le,Object.assign({},ve(e),{theme:i,axesMode:null!=(a=e.axesMode)?a:"dual",showDataLabels:null!=l&&l,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(be,Object.assign({showDataLabels:null!=l&&l},ve(e),{theme:i}));case"floating-bar":return r.createElement(ue,Object.assign({getRange:function(e){var t,n;return[null!=(t=e.min)?t:0,null!=(n=e.max)?n:0]},showDataLabels:null!=l&&l},ve(e),{theme:i}));case"stacked-line":return r.createElement(he,Object.assign({showDataLabels:null!=l&&l},ve(e),{theme:i}));case"doughnut":return r.createElement(ce,Object.assign({getLabel:function(e){return e.name},getValue:function(e){var t;return null!=(t=e.value)?t:0},showDataLabels:null!=l&&l},ve(e),{theme:i}));case"pie":return r.createElement(de,Object.assign({getLabel:function(e){return e.name},getValue:function(e){var t;return null!=(t=e.value)?t:0},showDataLabels:null!=l&&l},ve(e),{theme:i}));case"scatter":return r.createElement(pe,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}},ve(e),{theme:i,showDataLabels:null!=l&&l}));case"polar":return r.createElement(me,{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:null!=l&&l,theme:i});case"radar":return r.createElement(ge,{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:i,showDataLabels:null!=l&&l});default:throw new Error("Unsupported chart type: "+o)}},Ce=function(){return r.useMemo((function(){return{getChartComponent:ye}}),[])},xe="application-cache",Ee=function(){var e=g(b().m((function e(){return b().w((function(e){for(;;)switch(e.n){case 0:return e.a(2,d.openDB("app-cache-db",1,{upgrade:function(e){e.createObjectStore(xe)}}))}}),e)})));return function(){return e.apply(this,arguments)}}(),we=function(){var e=g(b().m((function e(t){var n,r;return b().w((function(e){for(;;)switch(e.n){case 0:return e.n=1,Ee();case 1:return n=e.v,e.n=2,n.get(xe,t);case 2:return e.a(2,(r=e.v)?r.data:void 0)}}),e)})));return function(t){return e.apply(this,arguments)}}(),Fe=function(){var e=g(b().m((function e(t,n){var r;return b().w((function(e){for(;;)switch(e.n){case 0:return e.n=1,Ee();case 1:return r=e.v,e.n=2,r.put(xe,{data:n,timestamp:Date.now()},t);case 2:return e.a(2)}}),e)})));return function(t,n){return e.apply(this,arguments)}}(),Se=function(){var e=g(b().m((function e(t){var n;return b().w((function(e){for(;;)switch(e.n){case 0:return e.n=1,Ee();case 1:return n=e.v,e.n=2,n.delete(xe,t);case 2:return e.a(2)}}),e)})));return function(t){return e.apply(this,arguments)}}(),ke=function(){var e=g(b().m((function e(){var t;return b().w((function(e){for(;;)switch(e.n){case 0:return e.n=1,Ee();case 1:return t=e.v,e.n=2,t.clear(xe);case 2:return e.a(2)}}),e)})));return function(){return e.apply(this,arguments)}}(),Le=function(){var e=g(b().m((function e(t){var n,r,a,o,l,i,c;return b().w((function(e){for(;;)switch(e.n){case 0:return e.n=1,Ee();case 1:return n=e.v,e.n=2,n.getAllKeys(xe);case 2:r=e.v,a=Date.now(),o=p(r);case 3:if((l=o()).done){e.n=6;break}return i=l.value,e.n=4,n.get(xe,i);case 4:if(!((c=e.v)&&a-c.timestamp>t)){e.n=5;break}return e.n=5,n.delete(xe,i);case 5:e.n=3;break;case 6:return e.a(2)}}),e)})));return function(t){return e.apply(this,arguments)}}(),Ne=function(e){return void 0===e&&(e=864e5),n.useEffect((function(){g(b().m((function t(){return b().w((function(t){for(;;)switch(t.n){case 0:return t.n=1,Le(e);case 1:return t.a(2)}}),t)})))()}),[e]),{getData:function(){var e=g(b().m((function e(t){return b().w((function(e){for(;;)switch(e.n){case 0:return e.n=1,we(t);case 1:return e.a(2,e.v)}}),e)})));return function(t){return e.apply(this,arguments)}}(),setData:function(){var e=g(b().m((function e(t,n){return b().w((function(e){for(;;)switch(e.n){case 0:return e.n=1,Fe(t,n);case 1:return e.a(2)}}),e)})));return function(t,n){return e.apply(this,arguments)}}(),deleteData:function(){var e=g(b().m((function e(t){return b().w((function(e){for(;;)switch(e.n){case 0:return e.n=1,Se(t);case 1:return e.a(2)}}),e)})));return function(t){return e.apply(this,arguments)}}(),clearAllCache:function(){var e=g(b().m((function e(){return b().w((function(e){for(;;)switch(e.n){case 0:return e.n=1,ke();case 1:return e.a(2)}}),e)})));return function(){return e.apply(this,arguments)}}()}};exports.AreaChart=ne,exports.BarChart=re,exports.BarHorizontalChart=ae,exports.BubbleChart=oe,exports.ComboChart=le,exports.Dashboard=function(e){var o=e.cardCharts,l=e.theme,i=e.containerWidth,c=e.containerHeight,u=void 0===c?"100%":c,s=e.maxSpanRows,d=void 0===s?4:s,f={dashboardContainer:a.css({display:"grid",padding:"20px",gap:"16px",backgroundColor:t.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:t.tokens.colorNeutralBackground4,borderRadius:"10px"},"::-webkit-scrollbar-thumb":{background:t.tokens.colorBrandStroke2Hover,borderRadius:"10px"},"::-webkit-scrollbar-thumb:hover":{background:t.tokens.colorNeutralStroke2},justifyContent:"center",gridAutoFlow:"dense"}),cardBody:a.css({display:"flex",flexDirection:"column",height:"100%",minHeight:"320px"}),chartContainer:a.css({flex:1,width:"100%",minHeight:"280px"}),cardDescription:a.css({color:""+t.tokens.colorNeutralForeground2,marginTop:"4px"}),cardWrapper:a.css({position:"relative",height:"100%",minHeight:"300px",borderRadius:t.tokens.borderRadiusMedium,transition:"all 0.2s ease","&:hover":{transform:"translateY(-2px)",boxShadow:""+t.tokens.shadow16},"&:active":{transform:"translateY(0)",boxShadow:""+t.tokens.shadow8}})},m=Ce().getChartComponent,p=Ne(2592e6),v=p.getData,y=p.setData,C=Ne(2592e6),x=C.getData,E=C.setData,w=n.useState([]),F=w[0],S=w[1],k=n.useState({}),L=k[0],N=k[1],z=n.useRef(null),A=n.useRef(null),I=n.useRef(null);r.useEffect((function(){!function(){var e=g(b().m((function e(){var t,n,r,a,l,i,c,u,s;return b().w((function(e){for(;;)switch(e.n){case 0:return e.p=0,e.n=1,Promise.all([v("dashboard-layout-settings"),x("dashboard-card-order")]);case 1:n=(t=e.v)[0],a=o,(r=t[1])&&r.length>0&&(l=new Map(o.map((function(e){return[e.id,e]}))),i=r.filter((function(e){return l.has(e)})),c=o.filter((function(e){return!r.includes(e.id)})),a=[].concat(i.map((function(e){return l.get(e)})),c)),S(a),u={},o.forEach((function(e){var t,r,a,o,l,i,c=null==n?void 0:n[e.id];u[e.id]={spanCols:null!=(t=null!=(r=null==c?void 0:c.spanCols)?r:null==(a=e.defaultSpan)?void 0:a.spanCols)?t:1,spanRows:null!=(o=null!=(l=null==c?void 0:c.spanRows)?l:null==(i=e.defaultSpan)?void 0:i.spanRows)?o:1}})),N(u),e.n=3;break;case 2:e.p=2,console.warn("Failed to load dashboard data from cache:",e.v),S(o),s={},o.forEach((function(e){var t,n,r,a;s[e.id]={spanCols:null!=(t=null==(n=e.defaultSpan)?void 0:n.spanCols)?t:1,spanRows:null!=(r=null==(a=e.defaultSpan)?void 0:a.spanRows)?r:1}})),N(s);case 3:return e.a(2)}}),e,null,[[0,2]])})));return function(){return e.apply(this,arguments)}}()()}),[o]),n.useEffect((function(){var e=function(){var e=g(b().m((function e(){return b().w((function(e){for(;;)switch(e.n){case 0:return e.p=0,e.n=1,y("dashboard-layout-settings",L);case 1:e.n=3;break;case 2:e.p=2,console.warn("Failed to save dashboard layout to cache:",e.v);case 3:return e.a(2)}}),e,null,[[0,2]])})));return function(){return e.apply(this,arguments)}}();Object.keys(L).length>0&&e()}),[L]),n.useEffect((function(){var e=function(){var e=g(b().m((function e(){var t;return b().w((function(e){for(;;)switch(e.n){case 0:return e.p=0,t=F.map((function(e){return e.id})),e.n=1,E("dashboard-card-order",t);case 1:e.n=3;break;case 2:e.p=2,console.warn("Failed to save dashboard order to cache:",e.v);case 3:return e.a(2)}}),e,null,[[0,2]])})));return function(){return e.apply(this,arguments)}}();F.length>0&&e()}),[F]),n.useEffect((function(){i<=600&&N((function(){var e={};return F.forEach((function(t){e[t.id]={spanCols:1,spanRows:1}})),e}))}),[i,F]);var T=n.useMemo((function(){return i>600}),[i]),R=n.useMemo((function(){return{minCardWidth:350,gridGap:16,containerPadding:20}}),[]),D=R.minCardWidth,P=R.gridGap,W=i-2*R.containerPadding,j=n.useMemo((function(){return Math.floor((W+P)/(D+P))}),[W,P,D]),O=Math.max(j,1),H=n.useCallback((function(){if(null!==z.current&&null!==A.current&&z.current!==A.current){var e=[].concat(F),t=e.splice(z.current,1);e.splice(A.current,0,t[0]),S(e)}z.current=null,A.current=null}),[F]),V=n.useCallback((function(e,t){var n={spanCols:Math.min(Math.max(t.spanCols,1),O),spanRows:Math.min(Math.max(t.spanRows,1),d)};N((function(t){var r;return h({},t,((r={})[e]=n,r))}))}),[O,d]),G=n.useMemo((function(){return F.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,j),spanRows:null!=(a=null==(o=t.defaultSpan)?void 0:o.spanRows)?a:1},e}),{})}),[F,j]),q=n.useMemo((function(){return F.map((function(e,n){var a,o,i,c;return r.createElement("div",{className:f.cardWrapper,key:e.id,draggable:!0,onDragStart:function(){return z.current=n},onDragEnter:function(){return A.current=n},onDragOver:function(e){return e.preventDefault()},onDragEnd:H,style:{gridColumnEnd:null!=(a=L[e.id])&&a.spanCols?"span "+L[e.id].spanCols:"span "+((null==(o=G[e.id])?void 0:o.spanCols)||1),gridRowEnd:null!=(i=L[e.id])&&i.spanRows?"span "+L[e.id].spanRows:"span "+((null==(c=G[e.id])?void 0:c.spanRows)||1)}},r.createElement(t.Card,{className:f.cardBody},r.createElement(t.CardHeader,{header:r.createElement(t.Text,{weight:"semibold",size:400},e.cardTitle),action:T?r.createElement(M,{values:L[e.id]||G[e.id]||{spanCols:1,spanRows:1},maxCols:O,maxRows:d,IsOpen:!1,onChange:function(t){return V(e.id,t)}}):void 0}),r.createElement("div",{className:f.chartContainer,style:{height:u,paddingTop:e.chart.title?0:16}},l&&l.fontSizeBase100&&m(e.chart,l))))}))}),[F,H,L,f.cardBody,f.chartContainer,T,O,m,V,l]);return 0===F.length?r.createElement(B,null):r.createElement(r.Fragment,null,r.createElement("div",{ref:I,className:f.dashboardContainer,style:{height:u}},q))},exports.DoughnutChart=ce,exports.FloatingBarChart=ue,exports.LineChart=se,exports.PieChart=de,exports.PolarChart=me,exports.RadarChart=ge,exports.ScatterChart=pe,exports.StackedLineChart=he,exports.SteamChart=be,exports.createAxisLabelFormatter=Y,exports.createFluentTooltip=U,exports.getFluentPalette=_,exports.getInstantInteractionAnimations=X,exports.lightenColor=q,exports.useChartUtils=$,exports.useGraphUtils=$;
|
|
2
2
|
//# sourceMappingURL=fluentui-react-charts.cjs.production.min.js.map
|