(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3694],{58828:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/charts/apex-charts",function(){return a(13706)}])},1342:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var a in t)Object.defineProperty(e,a,{enumerable:!0,get:t[a]})}(t,{noSSR:function(){return noSSR},default:function(){return dynamic}});let r=a(38754),o=(a(67294),r._(a(24304)));function convertModule(e){return{default:(null==e?void 0:e.default)||e}}function noSSR(e,t){return delete t.webpack,delete t.modules,e(t)}function dynamic(e,t){let a=o.default,r={loading:e=>{let{error:t,isLoading:a,pastDelay:r}=e;return null}};e instanceof Promise?r.loader=()=>e:"function"==typeof e?r.loader=e:"object"==typeof e&&(r={...r,...e}),r={...r,...t};let l=r.loader;return(r.loadableGenerated&&(r={...r,...r.loadableGenerated},delete r.loadableGenerated),"boolean"!=typeof r.ssr||r.ssr)?a({...r,loader:()=>null!=l?l().then(convertModule):Promise.resolve(convertModule(()=>null))}):(delete r.webpack,delete r.modules,noSSR(a,r))}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},30043:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"LoadableContext",{enumerable:!0,get:function(){return l}});let r=a(38754),o=r._(a(67294)),l=o.default.createContext(null)},24304:function(e,t,a){"use strict";/**
@copyright (c) 2017-present James Kyle <me@thejameskyle.com>
 MIT License
 Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:
 The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
*/Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return d}});let r=a(38754),o=r._(a(67294)),l=a(30043),s=[],n=[],i=!1;function load(e){let t=e(),a={loading:!0,loaded:null,error:null};return a.promise=t.then(e=>(a.loading=!1,a.loaded=e,e)).catch(e=>{throw a.loading=!1,a.error=e,e}),a}let LoadableSubscription=class LoadableSubscription{promise(){return this._res.promise}retry(){this._clearTimeouts(),this._res=this._loadFn(this._opts.loader),this._state={pastDelay:!1,timedOut:!1};let{_res:e,_opts:t}=this;e.loading&&("number"==typeof t.delay&&(0===t.delay?this._state.pastDelay=!0:this._delay=setTimeout(()=>{this._update({pastDelay:!0})},t.delay)),"number"==typeof t.timeout&&(this._timeout=setTimeout(()=>{this._update({timedOut:!0})},t.timeout))),this._res.promise.then(()=>{this._update({}),this._clearTimeouts()}).catch(e=>{this._update({}),this._clearTimeouts()}),this._update({})}_update(e){this._state={...this._state,error:this._res.error,loaded:this._res.loaded,loading:this._res.loading,...e},this._callbacks.forEach(e=>e())}_clearTimeouts(){clearTimeout(this._delay),clearTimeout(this._timeout)}getCurrentValue(){return this._state}subscribe(e){return this._callbacks.add(e),()=>{this._callbacks.delete(e)}}constructor(e,t){this._loadFn=e,this._opts=t,this._callbacks=new Set,this._delay=null,this._timeout=null,this.retry()}};function Loadable(e){return function(e,t){let a=Object.assign({loader:null,loading:null,delay:200,timeout:null,webpack:null,modules:null},t),r=null;function init(){if(!r){let t=new LoadableSubscription(e,a);r={getCurrentValue:t.getCurrentValue.bind(t),subscribe:t.subscribe.bind(t),retry:t.retry.bind(t),promise:t.promise.bind(t)}}return r.promise()}if(!i){let e=a.webpack?a.webpack():a.modules;e&&n.push(t=>{for(let a of e)if(t.includes(a))return init()})}function LoadableComponent(e,t){!function(){init();let e=o.default.useContext(l.LoadableContext);e&&Array.isArray(a.modules)&&a.modules.forEach(t=>{e(t)})}();let s=o.default.useSyncExternalStore(r.subscribe,r.getCurrentValue,r.getCurrentValue);return o.default.useImperativeHandle(t,()=>({retry:r.retry}),[]),o.default.useMemo(()=>{var t;return s.loading||s.error?o.default.createElement(a.loading,{isLoading:s.loading,pastDelay:s.pastDelay,timedOut:s.timedOut,error:s.error,retry:r.retry}):s.loaded?o.default.createElement((t=s.loaded)&&t.default?t.default:t,e):null},[e,s])}return LoadableComponent.preload=()=>init(),LoadableComponent.displayName="LoadableComponent",o.default.forwardRef(LoadableComponent)}(load,e)}function flushInitializers(e,t){let a=[];for(;e.length;){let r=e.pop();a.push(r(t))}return Promise.all(a).then(()=>{if(e.length)return flushInitializers(e,t)})}Loadable.preloadAll=()=>new Promise((e,t)=>{flushInitializers(s).then(e,t)}),Loadable.preloadReady=e=>(void 0===e&&(e=[]),new Promise(t=>{let res=()=>(i=!0,t());flushInitializers(n,e).then(res,res)})),window.__NEXT_PRELOADREADY=Loadable.preloadReady;let d=Loadable},82381:function(e,t,a){"use strict";var r=a(85893),o=a(67294),l=a(90948),s=a(50135);let n=(0,l.ZP)(s.Z)(e=>{let{theme:t}=e;return{"& .MuiList-root":{backgroundColor:"red !important"},alignItems:"flex-start","& .MuiInputLabel-root":{transform:"none",lineHeight:1.154,position:"relative",marginBottom:t.spacing(1),fontSize:t.typography.body2.fontSize,color:"".concat(t.palette.text.primary," !important")},"& .MuiInputBase-root":{borderRadius:8,backgroundColor:"transparent !important",border:"1px solid rgba(".concat(t.palette.customColors.main,", 0.2)"),transition:t.transitions.create(["border-color","box-shadow"],{duration:t.transitions.duration.shorter}),"&:not(.Mui-focused):not(.Mui-disabled):not(.Mui-error):hover":{borderColor:"rgba(".concat(t.palette.customColors.main,", 0.28)")},"&:before, &:after":{display:"none"},"&.MuiInputBase-sizeSmall":{borderRadius:6},"&.Mui-error":{borderColor:t.palette.error.main},"&.Mui-focused":{boxShadow:t.shadows[2],"& .MuiInputBase-input:not(.MuiInputBase-readOnly):not([readonly])::placeholder":{transform:"translateX(4px)"},"&.MuiInputBase-colorPrimary":{borderColor:t.palette.primary.main},"&.MuiInputBase-colorSecondary":{borderColor:t.palette.secondary.main},"&.MuiInputBase-colorInfo":{borderColor:t.palette.info.main},"&.MuiInputBase-colorSuccess":{borderColor:t.palette.success.main},"&.MuiInputBase-colorWarning":{borderColor:t.palette.warning.main},"&.MuiInputBase-colorError":{borderColor:t.palette.error.main},"&.Mui-error":{borderColor:t.palette.error.main}},"&.Mui-disabled":{backgroundColor:"".concat(t.palette.action.selected," !important")},"& .MuiInputAdornment-root":{marginTop:"0 !important"}},"& .MuiInputBase-input":{color:t.palette.text.secondary,"&:not(textarea)":{padding:"15.5px 13px"},"&:not(textarea).MuiInputBase-inputSizeSmall":{padding:"7.5px 13px"},"&:not(.MuiInputBase-readOnly):not([readonly])::placeholder":{transition:t.transitions.create(["opacity","transform"],{duration:t.transitions.duration.shorter})},"&.MuiInputBase-inputAdornedStart:not(.MuiAutocomplete-input)":{paddingLeft:0},"&.MuiInputBase-inputAdornedEnd:not(.MuiAutocomplete-input)":{paddingRight:0}},"& .MuiFormHelperText-root":{lineHeight:1.154,margin:t.spacing(1,0,0),color:t.palette.text.secondary,fontSize:t.typography.body2.fontSize,"&.Mui-error":{color:t.palette.error.main}},"& .MuiSelect-select:focus, & .MuiNativeSelect-select:focus":{backgroundColor:"transparent"},"& .MuiSelect-filled .MuiChip-root":{height:22},"& .MuiAutocomplete-input":{paddingLeft:"6px !important",paddingTop:"7.5px !important",paddingBottom:"7.5px !important","&.MuiInputBase-inputSizeSmall":{paddingLeft:"6px !important",paddingTop:"2.5px !important",paddingBottom:"2.5px !important"}},"& .MuiSelect-select":{paddingRight:t.spacing(2)},"& .MuiMenu-paper":{borderRadius:8,boxShadow:t.shadows[3],marginTop:t.spacing(1),border:"1px solid ".concat(t.palette.divider),"& .MuiMenuItem-root":{height:"40px",padding:t.spacing(1.5),fontSize:t.typography.body2.fontSize,"&:hover":{backgroundColor:t.palette.action.hover}}}}}),i=(0,o.forwardRef)((e,t)=>{let{size:a="small",InputLabelProps:o,select:l,MenuProps:s,InputProps:i,min:d,...c}=e;return(0,r.jsx)(n,{size:a,inputRef:t,...c,variant:"filled",InputLabelProps:{...o,shrink:!0},InputProps:{inputProps:{min:d},...i},select:l,SelectProps:{MenuProps:{PaperProps:{sx:{width:300,maxHeight:400}}},...e.SelectProps}})});t.Z=i},71634:function(e,t,a){"use strict";var r=a(85893),o=a(86886);t.Z=e=>{let{title:t,subtitle:a}=e;return(0,r.jsxs)(o.ZP,{item:!0,xs:12,children:[t,a||null]})}},94744:function(e,t,a){"use strict";var r=a(5152),o=a.n(r);let l=o()(()=>Promise.all([a.e(4814),a.e(7229)]).then(a.bind(a,47229)),{loadableGenerated:{webpack:()=>[47229]},ssr:!1});t.Z=l},52784:function(e,t,a){"use strict";var r=a(90948);let o=(0,r.ZP)("div")(e=>{let{theme:t}=e;return{"& .apexcharts-canvas":{"& line[stroke='transparent']":{display:"none"},"& .apexcharts-tooltip":{boxShadow:t.shadows[3],borderColor:t.palette.divider,background:t.palette.background.paper,"& .apexcharts-tooltip-title":{fontWeight:600,borderColor:t.palette.divider,background:t.palette.background.paper},"&.apexcharts-theme-light":{color:t.palette.text.primary},"&.apexcharts-theme-dark":{color:t.palette.common.white},"& .apexcharts-tooltip-series-group:first-of-type":{paddingBottom:0},"& .bar-chart":{padding:t.spacing(2,2.5)}},"& .apexcharts-xaxistooltip":{borderColor:t.palette.divider,background:"light"===t.palette.mode?t.palette.grey[50]:t.palette.customColors.bodyBg,"&:after":{borderBottomColor:"light"===t.palette.mode?t.palette.grey[50]:t.palette.customColors.bodyBg},"&:before":{borderBottomColor:t.palette.divider}},"& .apexcharts-yaxistooltip":{borderColor:t.palette.divider,background:"light"===t.palette.mode?t.palette.grey[50]:t.palette.customColors.bodyBg,"&:after":{borderLeftColor:"light"===t.palette.mode?t.palette.grey[50]:t.palette.customColors.bodyBg},"&:before":{borderLeftColor:t.palette.divider}},"& .apexcharts-xaxistooltip-text, & .apexcharts-yaxistooltip-text":{color:t.palette.text.primary},"& .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-yaxis-label":{textAnchor:"rtl"===t.direction?"start":void 0},"& .apexcharts-text, & .apexcharts-tooltip-text, & .apexcharts-datalabel-label, & .apexcharts-datalabel, & .apexcharts-xaxistooltip-text, & .apexcharts-yaxistooltip-text, & .apexcharts-legend-text":{fontFamily:"".concat(t.typography.fontFamily," !important")},"& .apexcharts-pie-label":{filter:"none",fill:t.palette.common.white},"& .apexcharts-marker":{boxShadow:"none"}}}});t.Z=o},13706:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return apex_charts}});var r=a(85893),o=a(41664),l=a.n(o),s=a(86886),n=a(90948),i=a(15861),d=a(71634),c=a(52784),p=a(48557),u=a(67294),x=a(66242),h=a(2734),m=a(78445),f=a(44267),b=a(87109),y=a(42298),g=a(9198),j=a.n(g),C=a(11431),w=a(82381),_=a(94744),apex_charts_ApexBarChart=()=>{let[e,t]=(0,u.useState)(null),[a,o]=(0,u.useState)(null),l=(0,h.Z)(),s={chart:{parentHeightOffset:0,toolbar:{show:!1}},colors:["#00cfe8"],dataLabels:{enabled:!1},plotOptions:{bar:{borderRadius:8,barHeight:"30%",horizontal:!0,startingShape:"rounded"}},grid:{borderColor:l.palette.divider,xaxis:{lines:{show:!1}},padding:{top:-10}},yaxis:{labels:{style:{colors:l.palette.text.disabled}}},xaxis:{axisBorder:{show:!1},axisTicks:{color:l.palette.divider},categories:["MON, 11","THU, 14","FRI, 15","MON, 18","WED, 20","FRI, 21","MON, 23"],labels:{style:{colors:l.palette.text.disabled}}}},n=(0,u.forwardRef)((e,t)=>{let a=null!==e.start?(0,y.default)(e.start,"MM/dd/yyyy"):"",o=null!==e.end?" - ".concat((0,y.default)(e.end,"MM/dd/yyyy")):null,l="".concat(a).concat(null!==o?o:"");return(0,r.jsx)(w.Z,{...e,value:l,inputRef:t,InputProps:{startAdornment:(0,r.jsx)(b.Z,{position:"start",children:(0,r.jsx)(C.Z,{fontSize:"1.25rem",icon:"tabler:calendar-event"})}),endAdornment:(0,r.jsx)(b.Z,{position:"end",children:(0,r.jsx)(C.Z,{fontSize:"1.25rem",icon:"tabler:chevron-down"})})}})});return(0,r.jsxs)(x.Z,{children:[(0,r.jsx)(m.Z,{title:"Data Science",subheader:"$74,382.72",sx:{flexDirection:["column","row"],alignItems:["flex-start","center"],"& .MuiCardHeader-action":{mb:0},"& .MuiCardHeader-content":{mb:[2,0]}},action:(0,r.jsx)(j(),{selectsRange:!0,endDate:e,id:"apexchart-bar",selected:a,startDate:a,onChange:e=>{let[a,r]=e;o(a),t(r)},placeholderText:"Click to select a date",customInput:(0,r.jsx)(n,{start:a,end:e})})}),(0,r.jsx)(f.Z,{children:(0,r.jsx)(_.Z,{type:"bar",height:400,options:s,series:[{data:[700,350,480,600,210,550,150]}]})})]})};let Z=[{name:"Visits",data:[100,120,90,170,130,160,140,240,220,180,270,280,375]},{name:"Clicks",data:[60,80,70,110,80,100,90,180,160,140,200,220,275]},{name:"Sales",data:[20,40,30,70,40,60,50,140,120,100,140,180,220]}];var apex_charts_ApexAreaChart=()=>{let[e,t]=(0,u.useState)(null),[a,o]=(0,u.useState)(null),l=(0,h.Z)(),s={chart:{parentHeightOffset:0,toolbar:{show:!1}},tooltip:{shared:!1},dataLabels:{enabled:!1},stroke:{show:!1,curve:"straight"},legend:{position:"top",horizontalAlign:"left",labels:{colors:l.palette.text.secondary},markers:{offsetY:1,offsetX:-3},itemMargin:{vertical:3,horizontal:10}},colors:["#e0cffe","#b992fe","#ab7efd"],fill:{opacity:1,type:"solid"},grid:{show:!0,borderColor:l.palette.divider,xaxis:{lines:{show:!0}}},yaxis:{labels:{style:{colors:l.palette.text.disabled}}},xaxis:{axisBorder:{show:!1},axisTicks:{color:l.palette.divider},crosshairs:{stroke:{color:l.palette.divider}},labels:{style:{colors:l.palette.text.disabled}},categories:["7/12","8/12","9/12","10/12","11/12","12/12","13/12","14/12","15/12","16/12","17/12","18/12","19/12"]}},n=(0,u.forwardRef)((e,t)=>{let a=null!==e.start?(0,y.default)(e.start,"MM/dd/yyyy"):"",o=null!==e.end?" - ".concat((0,y.default)(e.end,"MM/dd/yyyy")):null,l="".concat(a).concat(null!==o?o:"");return(0,r.jsx)(w.Z,{...e,size:"small",value:l,inputRef:t,InputProps:{startAdornment:(0,r.jsx)(b.Z,{position:"start",children:(0,r.jsx)(C.Z,{fontSize:"1.25rem",icon:"tabler:calendar-event"})}),endAdornment:(0,r.jsx)(b.Z,{position:"end",children:(0,r.jsx)(C.Z,{fontSize:"1.25rem",icon:"tabler:chevron-down"})})}})});return(0,r.jsxs)(x.Z,{children:[(0,r.jsx)(m.Z,{title:"Line Chart",subheader:"Commercial networks",subheaderTypographyProps:{sx:{color:e=>"".concat(e.palette.text.disabled," !important")}},sx:{flexDirection:["column","row"],alignItems:["flex-start","center"],"& .MuiCardHeader-action":{mb:0},"& .MuiCardHeader-content":{mb:[2,0]}},action:(0,r.jsx)(j(),{selectsRange:!0,endDate:e,id:"apexchart-area",selected:a,startDate:a,onChange:e=>{let[a,r]=e;o(a),t(r)},placeholderText:"Click to select a date",customInput:(0,r.jsx)(n,{start:a,end:e})})}),(0,r.jsx)(f.Z,{children:(0,r.jsx)(_.Z,{type:"area",height:400,options:s,series:Z})})]})},v=a(99226),M=a(67632);let S=[{data:[280,200,220,180,270,250,70,90,200,150,160,100,150,100,50]}];var apex_charts_ApexLineChart=()=>{let e=(0,h.Z)(),t={chart:{parentHeightOffset:0,zoom:{enabled:!1},toolbar:{show:!1}},colors:["#ff9f43"],stroke:{curve:"straight"},dataLabels:{enabled:!1},markers:{strokeWidth:7,strokeOpacity:1,colors:["#ff9f43"],strokeColors:["#fff"]},grid:{padding:{top:-10},borderColor:e.palette.divider,xaxis:{lines:{show:!0}}},tooltip:{custom:e=>"<div class='bar-chart'>\n          <span>".concat(e.series[e.seriesIndex][e.dataPointIndex],"%</span>\n        </div>")},yaxis:{labels:{style:{colors:e.palette.text.disabled}}},xaxis:{axisBorder:{show:!1},axisTicks:{color:e.palette.divider},crosshairs:{stroke:{color:e.palette.divider}},labels:{style:{colors:e.palette.text.disabled}},categories:["7/12","8/12","9/12","10/12","11/12","12/12","13/12","14/12","15/12","16/12","17/12","18/12","19/12","20/12","21/12"]}};return(0,r.jsxs)(x.Z,{children:[(0,r.jsx)(m.Z,{title:"Balance",subheader:"Commercial networks & enterprises",sx:{flexDirection:["column","row"],alignItems:["flex-start","center"],"& .MuiCardHeader-action":{mb:0},"& .MuiCardHeader-content":{mb:[2,0]}},action:(0,r.jsxs)(v.Z,{sx:{display:"flex",alignItems:"center"},children:[(0,r.jsx)(i.Z,{variant:"h6",sx:{mr:5},children:"$221,267"}),(0,r.jsx)(M.Z,{skin:"light",color:"success",sx:{fontWeight:500,borderRadius:1,fontSize:e.typography.body2.fontSize},label:(0,r.jsxs)(v.Z,{sx:{display:"flex",alignItems:"center","& svg":{mr:1}},children:[(0,r.jsx)(C.Z,{icon:"tabler:arrow-up",fontSize:"1rem"}),(0,r.jsx)("span",{children:"22%"})]})})]})}),(0,r.jsx)(f.Z,{children:(0,r.jsx)(_.Z,{type:"line",height:400,options:t,series:S})})]})};let k=[{name:"iPhone 12",data:[41,64,81,60,42,42,33,23]},{name:"Samsung s20",data:[65,46,42,25,58,63,76,43]}];var apex_charts_ApexRadarChart=()=>{let e=(0,h.Z)(),t={chart:{parentHeightOffset:0,toolbar:{show:!1},dropShadow:{top:1,blur:8,left:1,opacity:.2,enabled:!1}},markers:{size:0},fill:{opacity:[1,.8]},colors:["#9b88fa","#ffa1a1"],stroke:{width:0,show:!1},legend:{labels:{colors:e.palette.text.secondary},markers:{offsetX:-3},itemMargin:{vertical:3,horizontal:10}},plotOptions:{radar:{polygons:{strokeColors:e.palette.divider,connectorColors:e.palette.divider}}},grid:{show:!1,padding:{top:-20,bottom:-20}},yaxis:{show:!1},xaxis:{categories:["Battery","Brand","Camera","Memory","Storage","Display","OS","Price"],labels:{style:{colors:[e.palette.text.disabled,e.palette.text.disabled,e.palette.text.disabled,e.palette.text.disabled,e.palette.text.disabled,e.palette.text.disabled,e.palette.text.disabled,e.palette.text.disabled]}}}};return(0,r.jsxs)(x.Z,{children:[(0,r.jsx)(m.Z,{title:"Mobile Comparison"}),(0,r.jsx)(f.Z,{children:(0,r.jsx)(_.Z,{type:"radar",height:400,options:t,series:k})})]})},apex_charts_ApexDonutChart=()=>{let e=(0,h.Z)(),t={stroke:{width:0},labels:["Operational","Networking","Hiring","R&D"],colors:["#fdd835","#ffa1a1","#826bf8","#00d4bd"],dataLabels:{enabled:!0,formatter:e=>"".concat(parseInt(e,10),"%")},legend:{position:"bottom",markers:{offsetX:-3},labels:{colors:e.palette.text.secondary},itemMargin:{vertical:3,horizontal:10}},plotOptions:{pie:{donut:{labels:{show:!0,name:{fontSize:"1.2rem"},value:{fontSize:"1.2rem",color:e.palette.text.secondary,formatter:e=>"".concat(parseInt(e,10))},total:{show:!0,fontSize:"1.2rem",label:"Operational",formatter:()=>"31%",color:e.palette.text.primary}}}}},responsive:[{breakpoint:992,options:{chart:{height:380},legend:{position:"bottom"}}},{breakpoint:576,options:{chart:{height:320},plotOptions:{pie:{donut:{labels:{show:!0,name:{fontSize:e.typography.body1.fontSize},value:{fontSize:e.typography.body1.fontSize},total:{fontSize:e.typography.body1.fontSize}}}}}}}]};return(0,r.jsxs)(x.Z,{children:[(0,r.jsx)(m.Z,{title:"Expense Ratio",subheader:"Spending on various categories",subheaderTypographyProps:{sx:{color:e=>"".concat(e.palette.text.disabled," !important")}}}),(0,r.jsx)(f.Z,{children:(0,r.jsx)(_.Z,{type:"donut",height:400,options:t,series:[85,16,50,50]})})]})};let D={bg:"#f8d3ff",series1:"#826af9",series2:"#d2b0ff"},z=[{name:"Apple",data:[90,120,55,100,80,125,175,70,88]},{name:"Samsung",data:[85,100,30,40,95,90,30,110,62]}];var apex_charts_ApexColumnChart=()=>{let e=(0,h.Z)(),[t,a]=(0,u.useState)(null),[o,l]=(0,u.useState)(null),s={chart:{offsetX:-10,stacked:!0,parentHeightOffset:0,toolbar:{show:!1}},fill:{opacity:1},dataLabels:{enabled:!1},colors:[D.series1,D.series2],legend:{position:"top",horizontalAlign:"left",labels:{colors:e.palette.text.secondary},markers:{offsetY:1,offsetX:-3},itemMargin:{vertical:3,horizontal:10}},stroke:{show:!0,colors:["transparent"]},plotOptions:{bar:{columnWidth:"15%",colors:{backgroundBarRadius:10,backgroundBarColors:[D.bg,D.bg,D.bg,D.bg,D.bg]}}},grid:{borderColor:e.palette.divider,xaxis:{lines:{show:!0}}},yaxis:{labels:{style:{colors:e.palette.text.disabled}}},xaxis:{axisBorder:{show:!1},axisTicks:{color:e.palette.divider},categories:["7/12","8/12","9/12","10/12","11/12","12/12","13/12","14/12","15/12"],crosshairs:{stroke:{color:e.palette.divider}},labels:{style:{colors:e.palette.text.disabled}}},responsive:[{breakpoint:600,options:{plotOptions:{bar:{columnWidth:"35%"}}}}]},n=(0,u.forwardRef)((e,t)=>{let a=null!==e.start?(0,y.default)(e.start,"MM/dd/yyyy"):"",o=null!==e.end?" - ".concat((0,y.default)(e.end,"MM/dd/yyyy")):null,l="".concat(a).concat(null!==o?o:"");return(0,r.jsx)(w.Z,{...e,value:l,inputRef:t,InputProps:{startAdornment:(0,r.jsx)(b.Z,{position:"start",children:(0,r.jsx)(C.Z,{fontSize:"1.25rem",icon:"tabler:calendar-event"})}),endAdornment:(0,r.jsx)(b.Z,{position:"end",children:(0,r.jsx)(C.Z,{fontSize:"1.25rem",icon:"tabler:chevron-down"})})}})});return(0,r.jsxs)(x.Z,{children:[(0,r.jsx)(m.Z,{title:"Data Science",sx:{flexDirection:["column","row"],alignItems:["flex-start","center"],"& .MuiCardHeader-action":{mb:0},"& .MuiCardHeader-content":{mb:[2,0]}},action:(0,r.jsx)(j(),{selectsRange:!0,endDate:t,selected:o,id:"apexchart-column",startDate:o,onChange:e=>{let[t,r]=e;l(t),a(r)},placeholderText:"Click to select a date",customInput:(0,r.jsx)(n,{start:o,end:t})})}),(0,r.jsx)(f.Z,{children:(0,r.jsx)(_.Z,{type:"bar",height:400,options:s,series:z})})]})},P=a(96420),A=a(33454);let I=[{name:"Angular",data:[{x:5.4,y:170},{x:5.4,y:100},{x:6.3,y:170},{x:5.7,y:140},{x:5.9,y:130},{x:7,y:150},{x:8,y:120},{x:9,y:170},{x:10,y:190},{x:11,y:220},{x:12,y:170},{x:13,y:230}]},{name:"Vue",data:[{x:14,y:220},{x:15,y:280},{x:16,y:230},{x:18,y:320},{x:17.5,y:280},{x:19,y:250},{x:20,y:350},{x:20.5,y:320},{x:20,y:320},{x:19,y:280},{x:17,y:280},{x:22,y:300},{x:18,y:120}]},{name:"React",data:[{x:14,y:290},{x:13,y:190},{x:20,y:220},{x:21,y:350},{x:21.5,y:290},{x:22,y:220},{x:23,y:140},{x:19,y:400},{x:20,y:200},{x:22,y:90},{x:20,y:120}]}];var apex_charts_ApexScatterChart=()=>{let[e,t]=(0,u.useState)("daily"),a=(0,h.Z)(),o={chart:{parentHeightOffset:0,toolbar:{show:!1},zoom:{type:"xy",enabled:!0}},legend:{position:"top",horizontalAlign:"left",markers:{offsetX:-3},labels:{colors:a.palette.text.secondary},itemMargin:{vertical:3,horizontal:10}},colors:["#ff9f43","#7367f0","#28c76f"],grid:{borderColor:a.palette.divider,xaxis:{lines:{show:!0}}},yaxis:{labels:{style:{colors:a.palette.text.disabled}}},xaxis:{tickAmount:10,axisBorder:{show:!1},axisTicks:{color:a.palette.divider},crosshairs:{stroke:{color:a.palette.divider}},labels:{style:{colors:a.palette.text.disabled},formatter:e=>parseFloat(e).toFixed(1)}}};return(0,r.jsxs)(x.Z,{children:[(0,r.jsx)(m.Z,{title:"New Technologies Data",sx:{flexDirection:["column","row"],alignItems:["flex-start","center"],"& .MuiCardHeader-action":{mb:0},"& .MuiCardHeader-content":{mb:[2,0]}},action:(0,r.jsxs)(A.Z,{exclusive:!0,value:e,onChange:(e,a)=>{t(a)},children:[(0,r.jsx)(P.Z,{value:"daily",children:"Daily"}),(0,r.jsx)(P.Z,{value:"monthly",children:"Monthly"}),(0,r.jsx)(P.Z,{value:"yearly",children:"Yearly"})]})}),(0,r.jsx)(f.Z,{children:(0,r.jsx)(_.Z,{type:"scatter",height:400,options:o,series:I})})]})},B=a(81223);let generateDataHeat=(e,t)=>{let a=0,r=[];for(;a<e;){let e="w".concat((a+1).toString()),o=Math.floor(Math.random()*(t.max-t.min+1))+t.min;r.push({x:e,y:o}),a+=1}return r},R=[{name:"SUN",data:generateDataHeat(24,{min:0,max:60})},{name:"MON",data:generateDataHeat(24,{min:0,max:60})},{name:"TUE",data:generateDataHeat(24,{min:0,max:60})},{name:"WED",data:generateDataHeat(24,{min:0,max:60})},{name:"THU",data:generateDataHeat(24,{min:0,max:60})},{name:"FRI",data:generateDataHeat(24,{min:0,max:60})},{name:"SAT",data:generateDataHeat(24,{min:0,max:60})}];var apex_charts_ApexHeatmapChart=()=>{let e=(0,h.Z)(),t={chart:{parentHeightOffset:0,toolbar:{show:!1}},dataLabels:{enabled:!1},stroke:{colors:["light"===e.palette.mode?e.palette.background.paper:e.palette.customColors.bodyBg]},legend:{position:"bottom",labels:{colors:e.palette.text.secondary},markers:{offsetY:0,offsetX:-3},itemMargin:{vertical:3,horizontal:10}},plotOptions:{heatmap:{enableShades:!1,colorScale:{ranges:[{to:10,from:0,name:"0-10",color:"#b9b3f8"},{to:20,from:11,name:"10-20",color:"#aba4f6"},{to:30,from:21,name:"20-30",color:"#9d95f5"},{to:40,from:31,name:"30-40",color:"#8f85f3"},{to:50,from:41,name:"40-50",color:"#8176f2"},{to:60,from:51,name:"50-60",color:"#7367f0"}]}}},grid:{padding:{top:-20}},yaxis:{labels:{style:{colors:e.palette.text.disabled}}},xaxis:{labels:{show:!1},axisTicks:{show:!1},axisBorder:{show:!1}}};return(0,r.jsxs)(x.Z,{children:[(0,r.jsx)(m.Z,{title:"Daily Sales States",action:(0,r.jsx)(B.Z,{iconProps:{fontSize:20},options:["Last 28 Days","Last Month","Last Year"],iconButtonProps:{size:"small",className:"card-more-options",sx:{color:"text.secondary"}}})}),(0,r.jsx)(f.Z,{children:(0,r.jsx)(_.Z,{type:"heatmap",height:400,options:t,series:R})})]})},O=a(53772),apex_charts_ApexRadialBarChart=()=>{let e=(0,h.Z)(),t={stroke:{lineCap:"round"},labels:["Comments","Replies","Shares"],legend:{show:!0,position:"bottom",labels:{colors:e.palette.text.secondary},markers:{offsetX:-3},itemMargin:{vertical:3,horizontal:10}},colors:["#fdd835","#1FD5EB","#7367f0"],plotOptions:{radialBar:{hollow:{size:"30%"},track:{margin:15,background:(0,O.E)(e.palette.customColors.trackBg,1)},dataLabels:{name:{fontSize:"2rem"},value:{fontSize:"1rem",color:e.palette.text.secondary},total:{show:!0,fontWeight:400,label:"Comments",fontSize:"1.125rem",color:e.palette.text.primary,formatter:function(e){let t=e.globals.seriesTotals.reduce((e,t)=>e+t,0)/e.globals.series.length;return t%1==0?t+"%":t.toFixed(2)+"%"}}}}},grid:{padding:{top:-35,bottom:-30}}};return(0,r.jsxs)(x.Z,{children:[(0,r.jsx)(m.Z,{title:"Statistics"}),(0,r.jsx)(f.Z,{children:(0,r.jsx)(_.Z,{type:"radialBar",height:400,options:t,series:[80,50,35]})})]})};let H=[{data:[{x:"7/12/".concat(new Date().getFullYear()),y:[150,170,50,100]},{x:"8/12/".concat(new Date().getFullYear()),y:[200,400,170,330]},{x:"9/12/".concat(new Date().getFullYear()),y:[330,340,250,280]},{x:"10/12/".concat(new Date().getFullYear()),y:[300,330,200,320]},{x:"11/12/".concat(new Date().getFullYear()),y:[320,450,280,350]},{x:"12/12/".concat(new Date().getFullYear()),y:[300,350,80,250]},{x:"13/12/".concat(new Date().getFullYear()),y:[200,330,170,300]},{x:"14/12/".concat(new Date().getFullYear()),y:[200,220,70,130]},{x:"15/12/".concat(new Date().getFullYear()),y:[220,270,180,250]},{x:"16/12/".concat(new Date().getFullYear()),y:[200,250,80,100]},{x:"17/12/".concat(new Date().getFullYear()),y:[150,170,50,120]},{x:"18/12/".concat(new Date().getFullYear()),y:[110,450,10,420]},{x:"19/12/".concat(new Date().getFullYear()),y:[400,480,300,320]},{x:"20/12/".concat(new Date().getFullYear()),y:[380,480,350,450]}]}];var apex_charts_ApexCandlestickChart=()=>{let[e,t]=(0,u.useState)(null),[a,o]=(0,u.useState)(null),l=(0,h.Z)(),s={chart:{parentHeightOffset:0,toolbar:{show:!1}},plotOptions:{bar:{columnWidth:"40%"},candlestick:{colors:{upward:"#28c76f",downward:"#ea5455"}}},grid:{padding:{top:-10},borderColor:l.palette.divider,xaxis:{lines:{show:!0}}},yaxis:{tooltip:{enabled:!0},crosshairs:{stroke:{color:l.palette.divider}},labels:{style:{colors:l.palette.text.disabled}}},xaxis:{type:"datetime",axisBorder:{show:!1},axisTicks:{color:l.palette.divider},crosshairs:{stroke:{color:l.palette.divider}},labels:{style:{colors:l.palette.text.disabled}}}},n=(0,u.forwardRef)((e,t)=>{let a=null!==e.start?(0,y.default)(e.start,"MM/dd/yyyy"):"",o=null!==e.end?" - ".concat((0,y.default)(e.end,"MM/dd/yyyy")):null,l="".concat(a).concat(null!==o?o:"");return(0,r.jsx)(w.Z,{...e,value:l,inputRef:t,InputProps:{startAdornment:(0,r.jsx)(b.Z,{position:"start",children:(0,r.jsx)(C.Z,{fontSize:"1.25rem",icon:"tabler:calendar-event"})}),endAdornment:(0,r.jsx)(b.Z,{position:"end",children:(0,r.jsx)(C.Z,{fontSize:"1.25rem",icon:"tabler:chevron-down"})})}})});return(0,r.jsxs)(x.Z,{children:[(0,r.jsx)(m.Z,{title:"Stocks Prices",subheader:"$50,863.98",sx:{flexDirection:["column","row"],alignItems:["flex-start","center"],"& .MuiCardHeader-action":{mb:0},"& .MuiCardHeader-content":{mb:[2,0]}},action:(0,r.jsx)(j(),{selectsRange:!0,endDate:e,selected:a,startDate:a,onChange:e=>{let[a,r]=e;o(a),t(r)},id:"apexchart-candlestick",placeholderText:"Click to select a date",customInput:(0,r.jsx)(n,{start:a,end:e})})}),(0,r.jsx)(f.Z,{children:(0,r.jsx)(_.Z,{type:"candlestick",height:400,options:s,series:H})})]})};let L=(0,n.ZP)(l())(e=>{let{theme:t}=e;return{textDecoration:"none",color:t.palette.primary.main}});var apex_charts=()=>(0,r.jsx)(c.Z,{children:(0,r.jsx)(p.Z,{children:(0,r.jsxs)(s.ZP,{container:!0,spacing:6,className:"match-height",children:[(0,r.jsx)(d.Z,{title:(0,r.jsx)(i.Z,{variant:"h4",children:(0,r.jsx)(L,{href:"https://github.com/apexcharts/react-apexcharts",target:"_blank",children:"React ApexCharts"})}),subtitle:(0,r.jsx)(i.Z,{sx:{color:"text.secondary"},children:"React Component for ApexCharts"})}),(0,r.jsx)(s.ZP,{item:!0,xs:12,children:(0,r.jsx)(apex_charts_ApexAreaChart,{})}),(0,r.jsx)(s.ZP,{item:!0,xs:12,children:(0,r.jsx)(apex_charts_ApexColumnChart,{})}),(0,r.jsx)(s.ZP,{item:!0,xs:12,children:(0,r.jsx)(apex_charts_ApexScatterChart,{})}),(0,r.jsx)(s.ZP,{item:!0,xs:12,children:(0,r.jsx)(apex_charts_ApexLineChart,{})}),(0,r.jsx)(s.ZP,{item:!0,xs:12,md:6,children:(0,r.jsx)(apex_charts_ApexBarChart,{})}),(0,r.jsx)(s.ZP,{item:!0,xs:12,md:6,children:(0,r.jsx)(apex_charts_ApexCandlestickChart,{})}),(0,r.jsx)(s.ZP,{item:!0,xs:12,md:6,children:(0,r.jsx)(apex_charts_ApexHeatmapChart,{})}),(0,r.jsx)(s.ZP,{item:!0,xs:12,md:6,children:(0,r.jsx)(apex_charts_ApexRadialBarChart,{})}),(0,r.jsx)(s.ZP,{item:!0,xs:12,md:6,children:(0,r.jsx)(apex_charts_ApexRadarChart,{})}),(0,r.jsx)(s.ZP,{item:!0,xs:12,md:6,children:(0,r.jsx)(apex_charts_ApexDonutChart,{})})]})})})},35890:function(){},5152:function(e,t,a){e.exports=a(1342)}},function(e){e.O(0,[1585,9198,8040,8557,9774,2888,179],function(){return e(e.s=58828)}),_N_E=e.O()}]);