(function (factory) {
  typeof define === 'function' && define.amd ? define(factory) :
  factory();
})((function () { 'use strict';

  const{merge:merge}=window._;const echartSetOption=(t,e,s,n)=>{const{breakpoints:o,resize:a}=window.phoenix.utils,l=e=>{Object.keys(e).forEach((s=>{window.innerWidth>o[s]&&t.setOption(e[s]);}));},r=document.body;t.setOption(merge(s(),e));const i=document.querySelector(".navbar-vertical-toggle");i&&i.addEventListener("navbar.vertical.toggle",(()=>{t.resize(),n&&l(n);})),a((()=>{t.resize(),n&&l(n);})),n&&l(n),r.addEventListener("clickControl",(({detail:{control:o}})=>{"phoenixTheme"===o&&t.setOption(window._.merge(s(),e)),n&&l(n);}));};const echartTabs=document.querySelectorAll("[data-tab-has-echarts]");echartTabs&&echartTabs.forEach((t=>{t.addEventListener("shown.bs.tab",(t=>{const e=t.target,{hash:s}=e,n=s||e.dataset.bsTarget,o=document.getElementById(n.substring(1))?.querySelector("[data-echart-tab]");o&&window.echarts.init(o).resize();}));}));const tooltipFormatter=(t,e="MMM DD")=>{let s="";return t.forEach((t=>{s+=`<div class='ms-1'>\n        <h6 class="text-body-tertiary"><span class="fas fa-circle me-1 fs-10" style="color:${t.borderColor?t.borderColor:t.color}"></span>\n          ${t.seriesName} : ${"object"==typeof t.value?t.value[1]:t.value}\n        </h6>\n      </div>`;})),`<div>\n            <p class='mb-2 text-body-tertiary'>\n              ${window.dayjs(t[0].axisValue).isValid()?window.dayjs(t[0].axisValue).format(e):t[0].axisValue}\n            </p>\n            ${s}\n          </div>`};const handleTooltipPosition=([t,,e,,s])=>{if(window.innerWidth<=540){const n=e.offsetHeight,o={top:t[1]-n-20};return o[t[0]<s.viewSize[0]/2?"left":"right"]=5,o}return null};

  const basicLineChartInit=()=>{const{getColor:e,getData:r}=window.phoenix.utils,o=document.querySelector(".echart-line-chart-example"),t=["January","February","March","April","May","June","July","August","September","October","November","December"],i=[1e3,1500,1250,1010,1045,2e3,1200,1330,1e3,1200,1410,1200],a=e=>`\n    <div>\n        <h6 class="fs-9 text-body-tertiary mb-0">\n          <span class="fas fa-circle me-1" style='color:${e[0].borderColor}'></span>\n          ${e[0].name} : ${e[0].value}\n        </h6>\n    </div>\n    `;if(o){const n=r(o,"echarts"),l=window.echarts.init(o);echartSetOption(l,n,(()=>({tooltip:{trigger:"axis",padding:[7,10],backgroundColor:e("body-highlight-bg"),borderColor:e("border-color"),textStyle:{color:e("light-text-emphasis")},borderWidth:1,transitionDuration:0,formatter:a,axisPointer:{type:"none"}},xAxis:{type:"category",data:t,boundaryGap:!1,axisLine:{lineStyle:{color:e("tertiary-bg")}},axisTick:{show:!1},axisLabel:{color:e("quaternary-color"),formatter:e=>e.substring(0,3),margin:15},splitLine:{show:!1}},yAxis:{type:"value",splitLine:{lineStyle:{type:"dashed",color:e("secondary-bg")}},boundaryGap:!1,axisLabel:{show:!0,color:e("quaternary-color"),margin:15},axisTick:{show:!1},axisLine:{show:!1},min:600},series:[{type:"line",data:i,itemStyle:{color:e("body-highlight-bg"),borderColor:e("primary"),borderWidth:2},lineStyle:{color:e("primary")},showSymbol:!1,symbol:"circle",symbolSize:10,smooth:!1,hoverAnimation:!0}],grid:{right:"3%",left:"10%",bottom:"10%",top:"5%"}})));}};

  const basicAreaLineChartInit=()=>{const{getColor:r,getData:o,rgbaColor:e}=window.phoenix.utils,t=document.querySelector(".echart-area-line-chart-example"),i=["January","February","March","April","May","June","July","August","September","October","November","December"],a=[1020,1160,1300,958,1240,1020,1409,1200,1051,1120,1240,1054];if(t){const l=o(t,"echarts"),n=window.echarts.init(t);echartSetOption(n,l,(()=>({tooltip:{trigger:"axis",padding:[7,10],backgroundColor:r("body-highlight-bg"),borderColor:r("border-color"),textStyle:{color:r("light-text-emphasis")},borderWidth:1,formatter:r=>(r=>`\n    <div>\n        <h6 class="fs-9 text-body-tertiary mb-0">\n          <span class="fas fa-circle me-1" style='color:${r[0].borderColor}'></span>\n          ${r[0].name} : ${r[0].value}\n        </h6>\n    </div>\n    `)(r),transitionDuration:0,axisPointer:{type:"none"}},xAxis:{type:"category",data:i,boundaryGap:!1,axisLine:{lineStyle:{color:r("tertiary-bg"),type:"solid"}},axisTick:{show:!1},axisLabel:{color:r("quaternary-color"),formatter:r=>r.substring(0,3),margin:15},splitLine:{show:!1}},yAxis:{type:"value",splitLine:{lineStyle:{color:r("secondary-bg")}},boundaryGap:!1,axisLabel:{show:!0,color:r("quaternary-color"),margin:15},axisTick:{show:!1},axisLine:{show:!1},min:600},series:[{type:"line",data:a,itemStyle:{color:r("body-highlight-bg"),borderColor:r("primary"),borderWidth:2},lineStyle:{color:r("primary")},showSymbol:!1,symbolSize:10,symbol:"circle",smooth:!1,hoverAnimation:!0,areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:e(r("primary"),.5)},{offset:1,color:e(r("primary"),0)}]}}}],grid:{right:"3%",left:"10%",bottom:"10%",top:"5%"}})));}};

  const stackedLineChartInit=()=>{const{getColor:o,getData:e}=window.phoenix.utils,t=document.querySelector(".echart-stacked-line-chart-example"),r=["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"];if(t){const i=e(t,"echarts"),a=window.echarts.init(t);echartSetOption(a,i,(()=>({tooltip:{trigger:"axis",padding:[7,10],backgroundColor:o("body-highlight-bg"),borderColor:o("border-color"),textStyle:{color:o("light-text-emphasis")},borderWidth:1,transitionDuration:0,axisPointer:{type:"none"},position:(...o)=>handleTooltipPosition(o),formatter:o=>tooltipFormatter(o)},xAxis:{type:"category",data:r,boundaryGap:!1,axisLine:{lineStyle:{color:o("tertiary-bg"),type:"solid"}},axisTick:{show:!1},axisLabel:{color:o("quaternary-color"),margin:15,formatter:o=>o.substring(0,3)},splitLine:{show:!1}},yAxis:{type:"value",splitLine:{lineStyle:{color:o("secondary-bg"),type:"dashed"}},boundaryGap:!1,axisLabel:{show:!0,color:o("quaternary-color"),margin:15},axisTick:{show:!1},axisLine:{show:!1}},series:[{name:"Matcha Latte",type:"line",symbolSize:6,itemStyle:{color:o("body-highlight-bg"),borderColor:o("info"),borderWidth:2},lineStyle:{color:o("info")},symbol:"circle",stack:"product",data:[120,132,101,134,90,230,210]},{name:"Milk Tea",type:"line",symbolSize:10,itemStyle:{color:o("body-highlight-bg"),borderColor:o("success"),borderWidth:2},lineStyle:{color:o("success")},symbol:"circle",stack:"product",data:[220,182,191,234,290,330,310]},{name:"Cheese Cocoa",type:"line",symbolSize:10,itemStyle:{color:o("body-highlight-bg"),borderColor:o("danger"),borderWidth:2},lineStyle:{color:o("danger")},symbol:"circle",stack:"product",data:[150,232,201,154,190,330,410]},{name:"Cheese Brownie",type:"line",symbolSize:10,itemStyle:{color:o("body-highlight-bg"),borderColor:o("warning"),borderWidth:2},lineStyle:{color:o("warning")},symbol:"circle",stack:"product",data:[320,332,301,334,390,330,320]},{name:"Matcha Cocoa",type:"line",symbolSize:10,itemStyle:{color:o("body-highlight-bg"),borderColor:o("primary"),borderWidth:2},lineStyle:{color:o("primary")},symbol:"circle",stack:"product",data:[820,932,901,934,1290,1330,1320]}],grid:{right:10,left:5,bottom:5,top:8,containLabel:!0}})));}};

  const stackedAreaChartInit=()=>{const{getColor:o,getData:e,rgbaColor:t}=window.phoenix.utils,r=document.querySelector(".echart-stacked-area-chart-example"),i=["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"];if(r){const a=e(r,"echarts"),l=window.echarts.init(r);echartSetOption(l,a,(()=>({tooltip:{trigger:"axis",padding:[7,10],backgroundColor:o("body-highlight-bg"),borderColor:o("border-color"),textStyle:{color:o("light-text-emphasis")},borderWidth:1,transitionDuration:0,axisPointer:{type:"none"},position:(...o)=>handleTooltipPosition(o),formatter:o=>tooltipFormatter(o)},xAxis:{type:"category",data:i,boundaryGap:!1,axisLine:{lineStyle:{color:o("tertiary-bg"),type:"solid"}},axisTick:{show:!1},axisLabel:{color:o("quaternary-color"),margin:15,formatter:o=>o.substring(0,3)},splitLine:{show:!1}},yAxis:{type:"value",splitLine:{lineStyle:{color:o("secondary-bg")}},boundaryGap:!1,axisLabel:{show:!0,color:o("quaternary-color"),margin:15},axisTick:{show:!1},axisLine:{show:!1}},series:[{name:"Matcha Latte",type:"line",symbolSize:10,stack:"product",data:[120,132,101,134,90,230,210],areaStyle:{color:t(o("info"),.3)},itemStyle:{color:o("body-highlight-bg"),borderColor:o("info"),borderWidth:2},lineStyle:{color:o("info")},symbol:"circle"},{name:"Milk Tea",type:"line",symbolSize:10,stack:"product",data:[220,182,191,234,290,330,310],areaStyle:{color:t(o("success"),.3)},itemStyle:{color:o("body-highlight-bg"),borderColor:o("success"),borderWidth:2},lineStyle:{color:o("success")},symbol:"circle"},{name:"Cheese Cocoa",type:"line",symbolSize:10,stack:"product",data:[150,232,201,154,190,330,410],areaStyle:{color:t(o("danger"),.3)},itemStyle:{color:o("body-highlight-bg"),borderColor:o("danger"),borderWidth:2},lineStyle:{color:o("danger")},symbol:"circle"},{name:"Cheese Brownie",type:"line",symbolSize:10,stack:"product",data:[320,332,301,334,390,330,320],areaStyle:{color:t(o("warning"),.3)},itemStyle:{color:o("body-highlight-bg"),borderColor:o("warning"),borderWidth:2},lineStyle:{color:o("warning")},symbol:"circle"},{name:"Matcha Cocoa",type:"line",symbolSize:10,stack:"product",data:[820,932,901,934,1290,1330,1320],areaStyle:{color:t(o("primary"),.3)},itemStyle:{color:o("body-highlight-bg"),borderColor:o("primary"),borderWidth:2},lineStyle:{color:o("primary")},symbol:"circle"}],grid:{right:10,left:5,bottom:5,top:8,containLabel:!0}})));}};

  const lineMarkerChartInit=()=>{const{getColor:e,getData:r}=window.phoenix.utils,o=document.querySelector(".echart-line-marker-chart-example"),a=["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"];if(o){const t=r(o,"echarts"),i=window.echarts.init(o);echartSetOption(i,t,(()=>({color:[e("primary"),e("warning")],legend:{data:[{name:"Max",textStyle:{color:e("quaternary-color")}},{name:"Min",textStyle:{color:e("quaternary-color")}}]},tooltip:{trigger:"axis",padding:[7,10],backgroundColor:e("body-highlight-bg"),borderColor:e("border-color"),textStyle:{color:e("light-text-emphasis")},borderWidth:1,transitionDuration:0,axisPointer:{type:"none"},formatter:tooltipFormatter},xAxis:{type:"category",data:a,boundaryGap:!1,axisLine:{lineStyle:{color:e("tertiary-bg"),type:"solid"}},axisTick:{show:!1},axisLabel:{formatter:e=>e.substring(0,3),color:e("quaternary-color"),margin:15},splitLine:{show:!1}},yAxis:{type:"value",splitLine:{lineStyle:{color:e("secondary-bg")}},boundaryGap:!1,axisLabel:{show:!0,color:e("quaternary-color"),margin:15},axisTick:{show:!1},axisLine:{show:!1}},series:[{name:"Max",type:"line",data:[10,11,13,11,12,9,12],symbolSize:10,itemStyle:{color:e("body-highlight-bg"),borderColor:e("primary"),borderWidth:2},lineStyle:{color:e("primary")},symbol:"circle",markPoint:{itemStyle:{color:e("primary")},data:[{type:"max",name:"Max"},{type:"min",name:"Min"}]},markLine:{lineStyle:{color:e("primary")},label:{color:e("quaternary-color")},data:[{type:"average",name:"average"}]}},{name:"Min",type:"line",data:[1,-2,2,5,3,2,0],symbolSize:10,itemStyle:{color:e("body-highlight-bg"),borderColor:e("danger"),borderWidth:2},lineStyle:{color:e("danger")},symbol:"circle",markPoint:{itemStyle:{color:e("danger")},label:{color:"#fff"},data:[{name:"Weekly lowest",value:-2,xAxis:1,yAxis:-1.5}]},markLine:{lineStyle:{color:e("danger")},label:{color:e("quaternary-color")},data:[{type:"average",name:"average"},[{symbol:"none",x:"90%",yAxis:"max"},{symbol:"circle",label:{position:"start",formatter:"Max"},type:"max",name:"Highest point"}]]}}],grid:{right:"5%",left:"5%",bottom:"10%",top:"15%"}})));}};

  const areaPiecesChartInit=()=>{const{getColor:o,getData:t,rgbaColor:e}=window.phoenix.utils,r=document.querySelector(".echart-area-pieces-chart-example");if(r){const i=t(r,"echarts"),a=window.echarts.init(r);echartSetOption(a,i,(()=>({tooltip:{trigger:"axis",padding:[7,10],backgroundColor:o("body-highlight-bg"),borderColor:o("border-color"),textStyle:{color:o("light-text-emphasis")},borderWidth:1,transitionDuration:0,axisPointer:{type:"none"},formatter:o=>tooltipFormatter(o)},xAxis:{type:"category",boundaryGap:!1,axisLine:{lineStyle:{color:o("tertiary-bg"),type:"solid"}},axisTick:{show:!1},axisLabel:{color:o("quaternary-color"),margin:15,formatter:o=>window.dayjs(o).format("MMM DD")},splitLine:{show:!1}},yAxis:{type:"value",splitLine:{lineStyle:{color:o("secondary-bg")}},boundaryGap:!1,axisLabel:{show:!0,color:o("quaternary-color"),margin:15},axisTick:{show:!1},axisLine:{show:!1}},visualMap:{type:"piecewise",show:!1,dimension:0,seriesIndex:0,pieces:[{gt:1,lt:3,color:e(o("primary"),.4)},{gt:5,lt:7,color:e(o("primary"),.4)}]},series:[{type:"line",name:"Total",smooth:.6,symbol:"none",lineStyle:{color:o("primary"),width:5},markLine:{symbol:["none","none"],label:{show:!1},data:[{xAxis:1},{xAxis:3},{xAxis:5},{xAxis:7}]},areaStyle:{},data:[["2019-10-10",100],["2019-10-11",300],["2019-10-12",450],["2019-10-13",300],["2019-10-14",250],["2019-10-15",750],["2019-10-16",650],["2019-10-17",550],["2019-10-18",200]]}],grid:{right:20,left:5,bottom:5,top:8,containLabel:!0}})));}};

  const stepLineChartInit=()=>{const{getColor:t,getData:e}=window.phoenix.utils,r=document.querySelector(".echart-step-line-chart-example"),o=["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"];if(r){const i=e(r,"echarts"),a=window.echarts.init(r);echartSetOption(a,i,(()=>({color:[t("danger"),t("warning"),t("primary")],tooltip:{trigger:"axis",padding:[7,10],backgroundColor:t("body-highlight-bg"),borderColor:t("border-color"),textStyle:{color:t("light-text-emphasis")},borderWidth:1,transitionDuration:0,formatter:t=>tooltipFormatter(t)},xAxis:{type:"category",data:o,boundaryGap:!1,axisLine:{lineStyle:{color:t("tertiary-bg"),type:"solid"}},axisTick:{show:!1},axisLabel:{formatter:t=>t.substring(0,3),color:t("quaternary-color"),margin:15},splitLine:{show:!1},axisPointer:{lineStyle:{color:t("tertiary-bg")}}},yAxis:{type:"value",splitLine:{lineStyle:{color:t("secondary-bg")}},boundaryGap:!1,axisLabel:{show:!0,color:t("quaternary-color"),margin:15},axisTick:{show:!1},axisLine:{show:!1}},series:[{name:"Step Start",type:"line",step:"start",symbolSize:10,itemStyle:{color:t("body-highlight-bg"),borderColor:t("primary"),borderWidth:2},lineStyle:{color:t("primary")},symbol:"circle",data:[120,132,101,134,90,230,210]},{name:"Step Middle",type:"line",step:"middle",symbolSize:10,itemStyle:{color:t("body-highlight-bg"),borderColor:t("warning"),borderWidth:2},lineStyle:{color:t("warning")},symbol:"circle",data:[220,282,201,234,290,430,410]},{name:"Step End",type:"line",step:"end",symbolSize:10,itemStyle:{color:t("body-highlight-bg"),borderColor:t("danger"),borderWidth:2},lineStyle:{color:t("danger")},symbol:"circle",data:[450,432,401,454,590,530,510]}],grid:{right:"3%",left:"8%",bottom:"10%",top:"5%"}})));}};

  const lineGradientChartInit=()=>{const{getColor:t,getData:e}=window.phoenix.utils,o=document.querySelector(".echart-line-gradient-chart-example"),r=[["2021-06-05",116],["2021-06-06",129],["2021-06-07",135],["2021-06-08",86],["2021-06-09",73],["2021-06-10",85],["2021-06-11",73],["2021-06-12",68],["2021-06-13",92],["2021-06-14",130],["2021-06-15",245],["2021-06-16",139],["2021-06-17",115],["2021-06-18",111],["2021-06-19",309],["2021-06-20",206],["2021-06-21",137],["2021-06-22",128],["2021-06-23",85],["2021-06-24",94],["2021-06-25",71],["2021-06-26",106],["2021-06-27",84],["2021-06-28",93],["2021-06-29",85],["2021-06-30",73],["2021-07-01",83],["2021-07-02",125],["2021-07-03",107],["2021-07-04",82],["2021-07-05",44],["2021-07-06",72],["2021-07-07",106],["2021-07-08",107],["2021-07-09",66],["2021-07-10",91],["2021-07-11",92],["2021-07-12",113],["2021-07-13",107],["2021-07-14",250],["2021-07-15",111],["2021-07-16",350],["2021-07-17",150],["2021-07-18",420],["2021-07-19",77],["2021-07-20",83],["2021-07-21",111],["2021-07-22",57],["2021-07-23",55],["2021-07-24",60]],i=r.map((t=>t[0])),a=r.map((t=>t[1]));if(o){const r=e(o,"echarts"),n=window.echarts.init(o);echartSetOption(n,r,(()=>({visualMap:{show:!1,type:"continuous",dimension:0,min:0,max:i.length-1,color:[t("danger"),t("warning")]},tooltip:{trigger:"axis",padding:[7,10],backgroundColor:t("body-highlight-bg"),borderColor:t("border-color"),textStyle:{color:t("light-text-emphasis")},borderWidth:1,transitionDuration:0,axisPointer:{type:"none"},formatter:t=>tooltipFormatter(t)},xAxis:{type:"category",data:i,axisLabel:{formatter:t=>window.dayjs(t).format("MMM DD"),color:t("quaternary-color"),margin:15},axisLine:{lineStyle:{color:t("tertiary-bg"),type:"solid"}},axisPointer:{lineStyle:{color:t("tertiary-bg")}}},yAxis:{type:"value",axisLabel:{show:!0,color:t("quaternary-color"),margin:15},splitLine:{lineStyle:{color:t("secondary-bg"),type:"dashed"}}},grid:{right:"3%",left:"8%",bottom:"10%",top:"5%"},series:{name:"Total",type:"line",showSymbol:!1,symbolSize:10,symbol:"circle",data:a,itemStyle:{borderWidth:2}}})));}};

  const dynamicLineChartInit=()=>{const{getColor:t,getData:e}=window.phoenix.utils,o=document.querySelector(".echart-dynamic-line-chart-example"),r=[];let i=+new Date(1997,9,3);let a=1e3*Math.random();const l=()=>(i=new Date(+i+864e5),a=a+21*Math.random()-10,{name:i.toString(),value:[[i.getFullYear(),i.getMonth()+1,i.getDate()].join("/"),Math.round(a)]});for(let t=0;t<1e3;t++)r.push(l());if(o){const i=e(o,"echarts"),a=window.echarts.init(o);echartSetOption(a,i,(()=>({tooltip:{trigger:"axis",axisPointer:{animation:!1},padding:[7,10],backgroundColor:t("body-highlight-bg"),borderColor:t("border-color"),textStyle:{color:t("light-text-emphasis")},borderWidth:1,transitionDuration:0,formatter:t=>tooltipFormatter(t)},xAxis:{type:"time",splitLine:{show:!1},axisLabel:{color:t("quaternary-color")},axisLine:{lineStyle:{color:t("tertiary-bg")}},axisPointer:{lineStyle:{color:t("tertiary-bg")}}},yAxis:{type:"value",boundaryGap:[0,"100%"],splitLine:{show:!1},axisLabel:{color:t("quaternary-color")}},series:[{name:"Total",type:"line",showSymbol:!1,hoverAnimation:!1,data:r,lineStyle:{color:t("primary")},itemStyle:{color:t("body-highlight-bg"),borderColor:t("primary"),borderWidth:2},symbol:"circle",symbolSize:10}],grid:{right:5,left:"7%",bottom:"10%",top:"5%"}}))),setInterval((()=>{for(let t=0;t<5;t++)r.shift(),r.push(l());a.setOption({series:[{data:r}]});}),1e3);}};

  const lineLogChartInit=()=>{const{getColor:o,getData:e}=window.phoenix.utils,t=document.querySelector(".echart-line-log-chart-example");if(t){const r=e(t,"echarts"),i=window.echarts.init(t);echartSetOption(i,r,(()=>({tooltip:{trigger:"axis",padding:[7,10],backgroundColor:o("body-highlight-bg"),borderColor:o("border-color"),borderWidth:1,transitionDuration:0,axisPointer:{type:"none"},formatter:o=>tooltipFormatter(o)},xAxis:{type:"category",axisLine:{lineStyle:{color:o("tertiary-bg")}},axisLabel:{color:o("quaternary-color")},splitLine:{show:!1},data:Array.from(Array(10).keys()).map((o=>o+1))},yAxis:{type:"log",axisLabel:{color:o("quaternary-color")},splitLine:{lineStyle:{color:o("secondary-bg")}}},series:[{name:"Index Of 3",type:"line",data:[1,3,9,27,81,247,741,2223,6669],symbolSize:7,itemStyle:{color:o("body-highlight-bg"),borderColor:o("danger"),borderWidth:2},lineStyle:{color:o("danger")},symbol:"circle"},{name:"Index of 2",type:"line",data:[1,2,4,8,16,32,64,128,256],symbolSize:7,itemStyle:{color:o("body-highlight-bg"),borderColor:o("success"),borderWidth:2},lineStyle:{color:o("success")},symbol:"circle"},{name:"Index of 1/2",type:"line",data:[.5,1/4,1/8,1/16,1/32,1/64,1/128,1/256,1/512],symbolSize:7,itemStyle:{color:o("body-highlight-bg"),borderColor:o("info"),borderWidth:2},lineStyle:{color:o("info")},symbol:"circle"}],grid:{right:10,left:5,bottom:5,top:10,containLabel:!0}})));}};

  const shareDatasetChartInit=()=>{const{getColor:e,getData:o}=window.phoenix.utils,r=document.querySelector(".echart-share-dataset-chart-example");if(r){const t=o(r,"echarts"),i=window.echarts.init(r);echartSetOption(i,t,(()=>({color:[e("danger"),e("warning"),e("info"),e("primary")],legend:{top:0,textStyle:{color:e("tertiary-color")}},tooltip:{trigger:"axis",showContent:!1},dataset:{source:[["product","2012","2013","2014","2015","2016","2017"],["Milk Tea",56.5,82.1,88.7,70.1,53.4,85.1],["Matcha Latte",51.1,51.4,55.1,53.3,73.8,68.7],["Cheese Cocoa",40.1,62.2,69.5,36.4,45.2,32.5],["Walnut Brownie",25.2,37.1,41.2,18,33.9,49.1]]},xAxis:{type:"category",axisLine:{lineStyle:{color:e("tertiary-bg")}},axisLabel:{color:e("quaternary-color")},axisPointer:{lineStyle:{color:e("tertiary-bg")}}},yAxis:{gridIndex:0,axisLabel:{color:e("quaternary-color")},splitLine:{lineStyle:{color:e("secondary-bg")}}},series:[{type:"line",smooth:!0,seriesLayoutBy:"row",emphasis:{focus:"series"},symbolSize:10,itemStyle:{color:e("body-highlight-bg"),borderColor:e("danger"),borderWidth:2},lineStyle:{color:e("danger")},symbol:"circle"},{type:"line",smooth:!0,seriesLayoutBy:"row",emphasis:{focus:"series"},symbolSize:10,itemStyle:{color:e("body-highlight-bg"),borderColor:e("info"),borderWidth:2},lineStyle:{color:e("info")},symbol:"circle"},{type:"line",smooth:!0,seriesLayoutBy:"row",emphasis:{focus:"series"},symbolSize:10,itemStyle:{color:e("body-highlight-bg"),borderColor:e("warning"),borderWidth:2},lineStyle:{color:e("warning")},symbol:"circle"},{type:"line",smooth:!0,seriesLayoutBy:"row",emphasis:{focus:"series"},symbolSize:10,itemStyle:{color:e("body-highlight-bg"),borderColor:e("primary"),borderWidth:2},lineStyle:{color:e("primary")},symbol:"circle"},{type:"pie",id:"pie",radius:"30%",center:["50%","28%"],emphasis:{focus:"data"},label:{formatter:"{b}: {@2012} ({d}%)",color:e("tertiary-color")},encode:{itemName:"product",value:"2012",tooltip:"2012"}}],grid:{right:10,left:5,bottom:5,top:"55%",containLabel:!0}})));}};

  const basicBarChartInit=()=>{const{getColor:t,getData:r}=window.phoenix.utils,o=document.querySelector(".echart-basic-bar-chart-example"),e=["January","February","March","April","May","June","July","August","September","October","November","December"],i=[1020,1160,1300,958,1240,1020,1409,1200,1051,1120,1240,1054];if(o){const a=r(o,"echarts"),l=window.echarts.init(o);echartSetOption(l,a,(()=>({tooltip:{trigger:"axis",padding:[7,10],backgroundColor:t("body-highlight-bg"),borderColor:t("border-color"),textStyle:{color:t("light-text-emphasis")},borderWidth:1,formatter:t=>tooltipFormatter(t),transitionDuration:0,axisPointer:{type:"none"}},xAxis:{type:"category",data:e,axisLine:{lineStyle:{color:t("tertiary-bg"),type:"solid"}},axisTick:{show:!1},axisLabel:{color:t("quaternary-color"),formatter:t=>t.substring(0,3),margin:15},splitLine:{show:!1}},yAxis:{type:"value",boundaryGap:!0,axisLabel:{show:!0,color:t("quaternary-color"),margin:15},splitLine:{show:!0,lineStyle:{color:t("secondary-bg")}},axisTick:{show:!1},axisLine:{show:!1},min:600},series:[{type:"bar",name:"Total",data:i,lineStyle:{color:t("primary")},itemStyle:{color:t("primary"),barBorderRadius:[3,3,0,0]},showSymbol:!1,symbol:"circle",smooth:!1,hoverAnimation:!0}],grid:{right:"3%",left:"10%",bottom:"10%",top:"5%"}})));}};

  const horizontalBarChartInit=()=>{const{getColor:t,getData:o}=window.phoenix.utils,r=document.querySelector(".echart-horizontal-bar-chart-example"),e=["January","February","March","April","May","June","July","August","September","October","November","December"],a=[1020,1160,1300,958,1240,1020,1409,1200,1051,1120,1240,1054];if(r){const i=o(r,"echarts"),l=window.echarts.init(r);echartSetOption(l,i,(()=>({tooltip:{trigger:"axis",padding:[7,10],backgroundColor:t("body-highlight-bg"),borderColor:t("border-color"),textStyle:{color:t("light-text-emphasis")},borderWidth:1,formatter:tooltipFormatter,transitionDuration:0,axisPointer:{type:"none"}},xAxis:{type:"value",boundaryGap:!1,axisLine:{show:!0,lineStyle:{color:t("tertiary-bg")}},axisTick:{show:!0},axisLabel:{color:t("quaternary-color")},splitLine:{show:!1},min:600},yAxis:{type:"category",data:e,boundaryGap:!0,axisLabel:{formatter:t=>t.substring(0,3),show:!0,color:t("quaternary-color"),margin:15},splitLine:{show:!0,lineStyle:{color:t("secondary-bg")}},axisTick:{show:!1},axisLine:{lineStyle:{color:t("tertiary-bg")}}},series:[{type:"bar",name:"Total",data:a,lineStyle:{color:t("primary")},itemStyle:{color:t("primary"),barBorderRadius:[0,3,3,0]},showSymbol:!1,symbol:"circle",smooth:!1,hoverAnimation:!0}],grid:{right:"3%",left:"10%",bottom:"10%",top:"0%"}})));}};

  const barNegativeChartInit=()=>{const{getColor:t,getData:e}=window.phoenix.utils,o=document.querySelector(".echart-bar-negative-chart-example");if(o){const i=e(o,"echarts"),r=window.echarts.init(o);echartSetOption(r,i,(()=>({tooltip:{trigger:"axis",axisPointer:{type:"shadow"},padding:[7,10],backgroundColor:t("body-highlight-bg"),borderColor:t("border-color"),textStyle:{color:t("light-text-emphasis")},borderWidth:1,transitionDuration:0,formatter:t=>tooltipFormatter(t)},grid:{top:5,bottom:5,left:5,right:5},xAxis:{type:"value",position:"top",splitLine:{lineStyle:{type:"dashed",color:t("secondary-bg")}}},yAxis:{type:"category",axisLine:{show:!1},axisLabel:{show:!1},axisTick:{show:!1},splitLine:{show:!1},data:["Ten","Nine","Eight","Seven","Six","Five","Four","Three","Two","One"]},series:[{name:"Cost",type:"bar",stack:"total",label:{show:!0,formatter:"{b}",color:"#fff"},itemStyle:{color:t("primary")},data:[-.15,-.45,.3,.55,-.23,.09,-.56,.47,-.36,.32]}]})));}};

  const seriesBarChartInit=()=>{const{getColor:t,getData:e}=window.phoenix.utils,r=document.querySelector(".echart-series-bar-chart-example");if(r){const o=e(r,"echarts"),i=window.echarts.init(r);echartSetOption(i,o,(()=>({color:[t("primary"),t("info")],tooltip:{trigger:"axis",axisPointer:{type:"shadow"},padding:[7,10],backgroundColor:t("body-highlight-bg"),borderColor:t("border-color"),textStyle:{color:t("light-text-emphasis")},borderWidth:1,transitionDuration:0,formatter:t=>tooltipFormatter(t)},xAxis:{type:"value",axisLabel:{formatter:t=>t/1e3+"k",color:t("quaternary-color")},axisLine:{show:!0,lineStyle:{color:t("tertiary-bg"),type:"solid"}},splitLine:{lineStyle:{type:"dashed",color:t("secondary-bg")}}},yAxis:{type:"category",axisLine:{show:!0,lineStyle:{color:t("tertiary-bg"),type:"solid"}},axisLabel:{color:t("quaternary-color")},axisTick:{show:!1},splitLine:{show:!1},data:["Brazil","Indonesia","USA","India","China"]},series:[{name:"2011",type:"bar",data:[131744,104970,29034,235481,132541],itemStyle:{barBorderRadius:[0,3,3,0]}},{name:"2012",type:"bar",data:[134141,121594,31e3,141201,124115],itemStyle:{barBorderRadius:[0,3,3,0]}}],grid:{right:15,left:"12%",bottom:"10%",top:5}})));}};

  const stackedBarChartInit=()=>{const{getColor:t,getData:a,rgbaColor:o}=window.phoenix.utils,r=document.querySelector(".echart-stacked-bar-chart-example"),e=[],i=[],s=[],n=[],l=[];for(let t=0;t<10;t+=1)e.push("Class".concat(t+1)),i.push((2*Math.random()).toFixed(2)),s.push((5*Math.random()).toFixed(2)),n.push((Math.random()+.3).toFixed(2)),l.push(-Math.random().toFixed(2));const c={itemStyle:{shadowBlur:10,shadowColor:o(t("light-text-emphasis"),.3)}};if(r){const o=a(r,"echarts"),d=window.echarts.init(r);echartSetOption(d,o,(()=>({color:[t("primary"),t("info"),t("warning"),t("danger")],legend:{data:["Bar1","Bar2","Bar3","Bar4"],textStyle:{color:t("tertiary-color")},left:0},toolbox:{feature:{magicType:{type:["stack","tiled"]}},iconStyle:{borderColor:t("tertiary-color"),borderWidth:1}},tooltip:{trigger:"item",padding:[7,10],backgroundColor:t("body-highlight-bg"),borderColor:t("border-color"),borderWidth:1,transitionDuration:0,axisPointer:{type:"none"}},xAxis:{data:e,splitLine:{show:!1},splitArea:{show:!1},axisLabel:{color:t("quaternary-color")},axisLine:{lineStyle:{color:t("quaternary-color")}}},yAxis:{splitLine:{lineStyle:{color:t("secondary-bg")}},axisLabel:{color:t("quaternary-color")}},series:[{name:"Bar1",type:"bar",stack:"one",emphasis:c,data:i},{name:"Bar2",type:"bar",stack:"one",emphasis:c,data:s},{name:"Bar3",type:"bar",stack:"two",emphasis:c,data:n},{name:"Bar4",type:"bar",stack:"two",emphasis:c,data:l}],grid:{top:"10%",bottom:10,left:5,right:7,containLabel:!0}})));}};

  const stackedHorizontalBarChartInit=()=>{const{getColor:t,getData:e}=window.phoenix.utils,a=document.querySelector(".echart-stacked-horizontal-bar-chart-example"),o=["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"];if(a){const r=e(a,"echarts"),i=window.echarts.init(a);echartSetOption(i,r,(()=>({color:[t("info"),t("danger"),t("warning"),t("success"),t("primary")],tooltip:{trigger:"axis",axisPointer:{type:"shadow"},padding:[7,10],backgroundColor:t("body-highlight-bg"),borderColor:t("border-color"),textStyle:{color:t("light-text-emphasis")},borderWidth:1,transitionDuration:0,position:(...t)=>handleTooltipPosition(t),formatter:tooltipFormatter},toolbox:{feature:{magicType:{type:["stack","tiled"]}},right:0},legend:{data:["Direct","Mail Ad","Affiliate Ad","Video Ad","Search Engine"],textStyle:{color:t("tertiary-color")},left:0},xAxis:{type:"value",axisLine:{show:!0,lineStyle:{color:t("tertiary-bg")}},axisTick:{show:!1},axisLabel:{color:t("quaternary-color")},splitLine:{lineStyle:{show:!0,color:t("secondary-bg")}}},yAxis:{type:"category",data:o,axisLine:{lineStyle:{show:!0,color:t("tertiary-bg")}},axisTick:{show:!1},axisLabel:{color:t("quaternary-color"),formatter:t=>t.substring(0,3)}},series:[{name:"Direct",type:"bar",stack:"total",label:{show:!0,textStyle:{color:"#fff"}},emphasis:{focus:"series"},data:[400,241,451,150,321,330,142]},{name:"Mail Ad",type:"bar",stack:"total",label:{show:!0},emphasis:{focus:"series"},data:[250,200,222,240,230,230,211]},{name:"Affiliate Ad",type:"bar",stack:"total",label:{show:!0,textStyle:{color:"#fff"}},emphasis:{focus:"series"},data:[190,182,170,195,260,333,124]},{name:"Video Ad",type:"bar",stack:"total",label:{show:!0,textStyle:{color:"#fff"}},emphasis:{focus:"series"},data:[150,212,201,154,190,330,410]},{name:"Search Engine",type:"bar",stack:"total",label:{show:!0},emphasis:{focus:"series"},data:[1e3,900,700,1100,1200,1300,1350]}],grid:{right:15,left:5,bottom:5,top:"15%",containLabel:!0}})));}};

  const barRaceChartInit=()=>{const{getColor:a,getData:t}=window.phoenix.utils,r=document.querySelector(".echart-bar-race-chart-example");let e=Array.from(Array(7).keys()).map((()=>Math.round(200*Math.random())));if(r){const o=t(r,"echarts"),i=window.echarts.init(r);echartSetOption(i,o,(()=>({xAxis:{max:"dataMax",splitLine:{lineStyle:{color:a("secondary-bg")}},axisLabel:{color:a("quaternary-color")}},yAxis:{type:"category",data:["A","B","C","D","E","F","G"],inverse:!0,axisLabel:{color:a("quaternary-color")},axisLine:{show:!0,lineStyle:{color:a("tertiary-bg")}},axisTick:{show:!1},animationDuration:300,animationDurationUpdate:300,max:4},series:[{realtimeSort:!0,name:"X",type:"bar",data:e,label:{show:!0,position:"right",color:a("tertiary-color"),fontWeight:500,valueAnimation:!0},itemStyle:{color:a("primary"),barBorderRadius:[0,3,3,0]}}],animationDuration:0,animationDurationUpdate:3e3,animationEasing:"linear",animationEasingUpdate:"linear",grid:{right:"10%",left:5,bottom:5,top:5,containLabel:!0}})));const n=()=>{e=e.map((a=>Math.random()>.9?a+Math.round(2e3*Math.random()):a+Math.round(200*Math.random()))),i.setOption({series:[{data:e}]});};setTimeout((()=>{n();}),0),setInterval((()=>{n();}),3e3);}};

  const barGradientChartInit=()=>{const{getColor:t,getData:e}=window.phoenix.utils,a=document.querySelector(".echart-bar-gradient-chart-example"),o=["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T"],r=[320,190,200,210,256,451,111,150,442,321,100,451,201,232,140,124,444,333,222,111];if(a){const i=e(a,"echarts"),n=window.echarts.init(a);echartSetOption(n,i,(()=>({tooltip:{trigger:"axis",padding:[7,10],backgroundColor:t("body-highlight-bg"),borderColor:t("border-color"),textStyle:{color:t("light-text-emphasis")},borderWidth:1,transitionDuration:0,axisPointer:{type:"none"},formatter:t=>(t=>`<div> \n        <h6 class="fs-9 text-body-tertiary mb-0">\n        <span class="fas fa-circle me-1 text-primary"></span> ${t[0].name} : ${t[0].value} \n         </h6>\n      </div> `)(t)},title:{text:"Gradient and Clickable bar chart",textStyle:{color:t("tertiary-color")},left:"center"},xAxis:{data:o,axisLabel:{inside:!0,textStyle:{color:"#fff"}},axisTick:{show:!1},axisLine:{show:!1},z:10},yAxis:{axisLine:{show:!1},axisTick:{show:!1},axisLabel:{textStyle:{color:t("quaternary-color")}},splitLine:{show:!0,lineStyle:{color:t("tertiary-bg")}}},dataZoom:[{type:"inside"}],series:[{type:"bar",name:"Total",showBackground:!0,itemStyle:{color:new window.echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:t("info")},{offset:.5,color:t("primary")},{offset:1,color:t("primary")}]),barBorderRadius:[3,3,0,0]},emphasis:{itemStyle:{color:new window.echarts.graphic.LinearGradient(0,0,0,1,[{offset:0,color:t("primary")},{offset:.7,color:t("primary")},{offset:1,color:t("info")}])}},data:r}],grid:{right:5,left:5,bottom:5,top:"10%",containLabel:!0}})));const s=6;n.on("click",(t=>{n.dispatchAction({type:"dataZoom",startValue:o[Math.max(t.dataIndex-s/2,0)],endValue:o[Math.min(t.dataIndex+s/2,r.length-1)]});}));}};

  const barLineMixedChartInit=()=>{const{getColor:e,getData:o}=window.phoenix.utils,t=document.querySelector(".echart-bar-line-mixed-chart-example"),r=["January","February","March","April","May","June","July","August","September","October","November","December"];if(t){const a=o(t,"echarts"),i=window.echarts.init(t);echartSetOption(i,a,(()=>({tooltip:{trigger:"axis",axisPointer:{type:"cross",crossStyle:{color:e("quaternary-color")},label:{show:!0,backgroundColor:e("tertiary-color"),color:e("body-highlight-bg")}},padding:[7,10],backgroundColor:e("body-highlight-bg"),borderColor:e("border-color"),textStyle:{color:e("light-text-emphasis")},borderWidth:1,transitionDuration:0,position:(...e)=>handleTooltipPosition(e),formatter:e=>tooltipFormatter(e)},toolbox:{top:0,feature:{dataView:{show:!1},magicType:{show:!0,type:["line","bar"]},restore:{show:!0},saveAsImage:{show:!0}},iconStyle:{borderColor:e("tertiary-color"),borderWidth:1},emphasis:{iconStyle:{textFill:e("tertiary-color")}}},legend:{top:40,data:["Evaporation","Precipitation","Average temperature"],textStyle:{color:e("tertiary-color")}},xAxis:[{type:"category",data:r,axisLabel:{color:e("quaternary-color"),formatter:e=>e.slice(0,3)},axisPointer:{type:"shadow"},axisLine:{show:!0,lineStyle:{color:e("tertiary-bg")}}}],yAxis:[{type:"value",min:0,max:250,interval:50,axisLabel:{color:e("quaternary-color"),formatter:"{value} ml"},splitLine:{show:!0,lineStyle:{color:e("secondary-bg")}}},{type:"value",min:0,max:25,interval:5,axisLabel:{color:e("quaternary-color"),formatter:"{value} °C"},splitLine:{show:!0,lineStyle:{color:e("secondary-bg")}}}],series:[{name:"Evaporation",type:"bar",data:[2,4.9,7,23.2,25.6,76.7,135.6,162.2,32.6,20,6.4,3.3],itemStyle:{color:e("primary"),barBorderRadius:[3,3,0,0]}},{name:"Precipitation",type:"bar",data:[2.6,5.9,9,26.4,28.7,70.7,175.6,182.2,48.7,18.8,6,2.3],itemStyle:{color:e("info"),barBorderRadius:[3,3,0,0]}},{name:"Average temperature",type:"line",yAxisIndex:1,data:[2,2.2,3.3,4.5,6.3,10.2,20.3,23.4,23,16.5,12,6.2],lineStyle:{color:e("warning")},itemStyle:{color:e("body-highlight-bg"),borderColor:e("warning"),borderWidth:2},symbol:"circle",symbolSize:10}],grid:{right:5,left:5,bottom:5,top:"23%",containLabel:!0}})));}};

  const barWaterFallChartInit=()=>{const{getColor:t,getData:r}=window.phoenix.utils,o=document.querySelector(".echart-bar-waterfall-chart-example"),a=["2021-06-05","2021-06-06","2021-06-07","2021-06-08","2021-06-09","2021-06-10","2021-06-11","2021-06-12","2021-06-13","2021-06-14","2021-06-15"];if(o){const e=r(o,"echarts"),i=window.echarts.init(o);echartSetOption(i,e,(()=>({legend:{data:["Expenditure","Income"],textStyle:{color:t("quaternary-color")}},tooltip:{trigger:"axis",padding:[7,10],backgroundColor:t("body-highlight-bg"),borderColor:t("border-color"),textStyle:{color:t("light-text-emphasis")},borderWidth:1,formatter:t=>{let r;return r="-"!==t[1].value?t[1]:t[2],`${window.dayjs(r.name).format("MMM DD")}<br/>${r.seriesName} : ${r.value}`},transitionDuration:0,axisPointer:{type:"shadow"}},xAxis:{type:"category",data:a,axisLine:{lineStyle:{color:t("tertiary-bg"),type:"solid"}},axisTick:{show:!1},axisLabel:{color:t("quaternary-color"),formatter:t=>window.dayjs(t).format("MMM DD"),margin:15},splitLine:{show:!1}},yAxis:{type:"value",boundaryGap:!0,axisLabel:{show:!0,color:t("quaternary-color"),margin:15},splitLine:{show:!0,lineStyle:{color:t("secondary-bg")}},axisTick:{show:!1},axisLine:{show:!1},min:600},series:[{name:"Assist",type:"bar",stack:"Total",itemStyle:{barBorderColor:"transparent",color:"transparent"},emphasis:{itemStyle:{barBorderColor:"transparent",color:"transparent"}},data:[0,900,1245,1530,1376,1376,1511,1689,1856,1495,1292]},{name:"Income",type:"bar",stack:"Total",label:{show:!0,position:"top",color:t("quaternary-color")},data:[1e3,400,350,"-","-",320,180,190,"-","-","-"],itemStyle:{color:t("primary"),barBorderRadius:[3,3,0,0]}},{name:"Expenditure",type:"bar",stack:"Total",label:{show:!0,position:"bottom",color:t("quaternary-color")},data:["-","-","-",100,140,"-","-","-",120,345,190],itemStyle:{color:t("success"),barBorderRadius:[3,3,0,0]}}],grid:{right:"3%",left:"10%",bottom:"10%",top:"10%"}})));}};

  const barTimelineChartInit=()=>{const{getColor:t,getData:a}=window.phoenix.utils,e=document.querySelector(".echart-bar-timeline-chart-example"),r=["January","February","March","April","May","June","July","August","September","October","November","December"],o={},i=t=>Object.keys(t).reduce(((a,e)=>({...a,[e]:t[e].map(((t,a)=>({name:r[a],value:t})))})),{});if(o.dataTI=i({2016:[88.68,112.38,1400,262.42,589.56,882.41,625.61,684.6,90.26,1461.51,892.83,966.5],2017:[88.8,103.35,1461.81,276.77,634.94,939.43,672.76,750.14,93.81,1545.05,925.1,1011.03],2018:[101.26,110.19,1804.72,311.97,762.1,1133.42,783.8,915.38,101.84,1816.31,986.02,1200.18],2019:[112.83,122.58,2034.59,313.58,907.95,1302.02,916.72,1088.94,111.8,2100.11,1095.96,1418.09],2020:[118.29,128.85,2207.34,477.59,929.6,1414.9,980.57,1154.33,113.82,2261.86,1163.08,1495.45],2021:[124.36,145.58,2562.81,554.48,1095.28,1631.08,1050.15,1302.9,114.15,2540.1,1360.56,1729.02],2022:[136.27,159.72,2905.73,641.42,1306.3,1915.57,1277.44,1701.5,124.94,3064.78,1583.04,2015.31]}),o.dataSI=i({2016:[2026.51,2135.07,5271.57,2357.04,1773.21,3869.4,1580.83,2971.68,4381.2,10524.96,7164.75,2245.9],2017:[2191.43,2457.08,6110.43,2755.66,2374.96,4566.83,1915.29,3365.31,4969.95,12282.89,8511.51,2711.18],2018:[2509.4,2892.53,7201.88,3454.49,3193.67,5544.14,2475.45,3695.58,5571.06,14471.26,10154.25,3370.96],2019:[2626.41,3709.78,8701.34,4242.36,4376.19,7158.84,3097.12,4319.75,6085.84,16993.34,11567.42,4198.93],2020:[2855.55,3987.84,8959.83,3993.8,5114,7906.34,3541.92,4060.72,6001.78,18566.37,11908.49,4905.22],2021:[3388.38,4840.23,10707.68,5234,6367.69,9976.82,4506.31,5025.15,7218.32,21753.93,14297.93,6436.62],2022:[3752.48,5928.32,13126.86,6635.26,8037.69,12152.15,5611.48,5962.41,7927.89,25203.28,16555.58,8309.38]}),o.dataPI=i({2016:[4854.33,1658.19,3340.54,1611.07,1542.26,3295.45,1413.83,1857.42,4776.2,6612.22,5360.1,2137.77],2017:[5837.55,1902.31,3895.36,1846.18,1934.35,3798.26,1687.07,2096.35,5508.48,7914.11,6281.86,2390.29],2018:[7236.15,2250.04,4600.72,2257.99,2467.41,4486.74,2025.44,2493.04,6821.11,9730.91,7613.46,2789.78],2019:[8375.76,2886.65,5276.04,2759.46,3212.06,5207.72,2412.26,2905.68,7872.23,11888.53,8799.31,3234.64],2020:[9179.19,3405.16,6068.31,2886.92,3696.65,5891.25,2756.26,3371.95,8930.85,13629.07,9918.78,3662.15],2021:[10600.84,4238.65,7123.77,3412.38,4209.03,6849.37,3111.12,4040.55,9833.51,17131.45,12063.82,4193.69],2022:[12363.18,5219.24,8483.17,3960.87,5015.89,8158.98,3679.91,4918.09,11142.86,20842.21,14180.23,4975.96]}),e){const i=a(e,"echarts"),l=window.echarts.init(e);echartSetOption(l,i,(()=>({baseOption:{timeline:{axisType:"category",autoPlay:!1,playInterval:1e3,data:["2016-01-01","2017-01-01","2018-01-01","2019-01-01","2020-01-01","2021-01-01","2022-01-01"],label:{formatter:t=>new Date(t).getFullYear()},lineStyle:{color:t("info")},itemStyle:{color:t("secondary")},checkpointStyle:{color:t("primary"),shadowBlur:0,shadowOffsetX:0,shadowOffsetY:0},controlStyle:{color:t("info")}},title:{textStyle:{color:t("tertiary-color")}},tooltip:{trigger:"axis",axisPointer:{type:"shadow"},padding:[7,10],backgroundColor:t("body-highlight-bg"),borderColor:t("border-color"),textStyle:{color:t("light-text-emphasis")},borderWidth:1,transitionDuration:0,formatter:tooltipFormatter},legend:{left:"right",data:["Primary industry","Secondary industry","Tertiary Industry"],textStyle:{color:t("tertiary-color")}},calculable:!0,xAxis:[{type:"category",data:r,splitLine:{show:!1},axisLabel:{color:t("quaternary-color")},axisLine:{lineStyle:{color:t("quaternary-color")}}}],yAxis:[{type:"value",axisLabel:{formatter:t=>t/1e3+"k",color:t("quaternary-color")},splitLine:{lineStyle:{color:t("secondary-bg")}}}],series:[{name:"Primary industry",type:"bar",itemStyle:{color:t("primary"),barBorderRadius:[3,3,0,0]}},{name:"Secondary industry",type:"bar",itemStyle:{color:t("info"),barBorderRadius:[3,3,0,0]}},{name:"Tertiary Industry",type:"bar",itemStyle:{color:t("warning"),barBorderRadius:[3,3,0,0]}}],grid:{top:"10%",bottom:"15%",left:5,right:10,containLabel:!0}},options:[{title:{text:"2016"},series:[{data:o.dataPI[2016]},{data:o.dataSI[2016]},{data:o.dataTI[2016]}]},{title:{text:"2017"},series:[{data:o.dataPI[2017]},{data:o.dataSI[2017]},{data:o.dataTI[2017]}]},{title:{text:"2018"},series:[{data:o.dataPI[2018]},{data:o.dataSI[2018]},{data:o.dataTI[2018]}]},{title:{text:"2019"},series:[{data:o.dataPI[2019]},{data:o.dataSI[2019]},{data:o.dataTI[2019]}]},{title:{text:"2020"},series:[{data:o.dataPI[2020]},{data:o.dataSI[2020]},{data:o.dataTI[2020]}]},{title:{text:"2021"},series:[{data:o.dataPI[2021]},{data:o.dataSI[2021]},{data:o.dataTI[2021]}]},{title:{text:"2022"},series:[{data:o.dataPI[2022]},{data:o.dataSI[2022]},{data:o.dataTI[2022]}]}]})));}};

  const basicCandlestickChartInit=()=>{const{getColor:o,getData:t}=window.phoenix.utils,e=document.querySelector(".echart-basic-candlestick-chart-example"),i=[["2013/1/24",2320.26,2320.26,2287.3,2362.94],["2013/1/25",2300,2291.3,2288.26,2308.38],["2013/1/28",2295.35,2346.5,2295.35,2346.92],["2013/1/29",2347.22,2358.98,2337.35,2363.8],["2013/1/30",2360.75,2382.48,2347.89,2383.76],["2013/1/31",2383.43,2385.42,2371.23,2391.82],["2013/2/1",2377.41,2419.02,2369.57,2421.15],["2013/2/4",2425.92,2428.15,2417.58,2440.38],["2013/2/5",2411,2433.13,2403.3,2437.42],["2013/2/6",2432.68,2434.48,2427.7,2441.73],["2013/2/7",2430.69,2418.53,2394.22,2433.89],["2013/2/8",2416.62,2432.4,2414.4,2443.03],["2013/2/18",2441.91,2421.56,2415.43,2444.8],["2013/2/19",2420.26,2382.91,2373.53,2427.07],["2013/2/20",2383.49,2397.18,2370.61,2397.94],["2013/2/21",2378.82,2325.95,2309.17,2378.82],["2013/2/22",2322.94,2314.16,2308.76,2330.88],["2013/2/25",2320.62,2325.82,2315.01,2338.78],["2013/2/26",2313.74,2293.34,2289.89,2340.71],["2013/2/27",2297.77,2313.22,2292.03,2324.63],["2013/2/28",2322.32,2365.59,2308.92,2366.16],["2013/3/1",2364.54,2359.51,2330.86,2369.65],["2013/3/4",2332.08,2273.4,2259.25,2333.54],["2013/3/5",2274.81,2326.31,2270.1,2328.14],["2013/3/6",2333.61,2347.18,2321.6,2351.44],["2013/3/7",2340.44,2324.29,2304.27,2352.02],["2013/3/8",2326.42,2318.61,2314.59,2333.67],["2013/3/11",2314.68,2310.59,2296.58,2320.96],["2013/3/12",2309.16,2286.6,2264.83,2333.29],["2013/3/13",2282.17,2263.97,2253.25,2286.33],["2013/3/14",2255.77,2270.28,2253.31,2276.22],["2013/3/15",2269.31,2278.4,2250,2312.08],["2013/3/18",2267.29,2240.02,2239.21,2276.05],["2013/3/19",2244.26,2257.43,2232.02,2261.31],["2013/3/20",2257.74,2317.37,2257.42,2317.86],["2013/3/21",2318.21,2324.24,2311.6,2330.81],["2013/3/22",2321.4,2328.28,2314.97,2332],["2013/3/25",2334.74,2326.72,2319.91,2344.89],["2013/3/26",2318.58,2297.67,2281.12,2319.99],["2013/3/27",2299.38,2301.26,2289,2323.48],["2013/3/28",2273.55,2236.3,2232.91,2273.55],["2013/3/29",2238.49,2236.62,2228.81,2246.87],["2013/4/1",2229.46,2234.4,2227.31,2243.95],["2013/4/2",2234.9,2227.74,2220.44,2253.42],["2013/4/3",2232.69,2225.29,2217.25,2241.34],["2013/4/8",2196.24,2211.59,2180.67,2212.59],["2013/4/9",2215.47,2225.77,2215.47,2234.73],["2013/4/10",2224.93,2226.13,2212.56,2233.04],["2013/4/11",2236.98,2219.55,2217.26,2242.48],["2013/4/12",2218.09,2206.78,2204.44,2226.26]];if(e){const a=t(e,"echarts"),r=window.echarts.init(e);echartSetOption(r,a,(()=>({tooltip:{trigger:"axis",padding:[7,10],backgroundColor:o("body-highlight-bg"),borderColor:o("border-color"),textStyle:{color:o("light-text-emphasis")},borderWidth:1,transitionDuration:0,axisPointer:{type:"none"},position:(...o)=>handleTooltipPosition(o)},toolbox:{top:0,feature:{dataZoom:{yAxisIndex:!1},restore:{show:!0}},iconStyle:{borderColor:o("tertiary-color"),borderWidth:1},emphasis:{iconStyle:{textFill:o("tertiary-color")}}},dataZoom:[{type:"inside",start:0,end:100,minValueSpan:10}],xAxis:{type:"category",data:i.map((o=>o[0])),scale:!0,splitLine:{show:!1},splitNumber:10,min:"dataMin",max:"dataMax",boundaryGap:!0,axisPointer:{lineStyle:{color:o("tertiary-bg"),type:"dashed"}},axisLine:{lineStyle:{color:o("tertiary-bg"),type:"solid"}},axisTick:{show:!1},axisLabel:{color:o("quaternary-color"),formatter:o=>window.dayjs(o,"YYYY-MM-DD").format("MMM DD"),margin:15,fontWeight:500}},yAxis:{scale:!0,axisPointer:{show:!1},splitLine:{lineStyle:{color:o("secondary-bg"),type:"dashed"}},boundaryGap:!1,axisLabel:{show:!0,color:o("quaternary-color"),margin:15,fontWeight:500},axisTick:{show:!1},axisLine:{show:!1}},series:[{type:"candlestick",name:"Volume",data:i.map((o=>o.slice(1))),itemStyle:{color:o("warning"),color0:o("primary"),borderColor:o("warning"),borderColor0:o("primary")}}],grid:{right:5,left:5,bottom:5,top:"15%",containLabel:!0}})));}};

  const candlestickMixedChartInit=()=>{const{getColor:e,getData:t,getPastDates:i}=window.phoenix.utils,o=document.querySelector(".echart-candlestick-mixed-chart-example"),a=[e("primary"),e("info"),e("light-text-emphasis"),e("warning")],r=i(61).map((e=>window.dayjs(e).format("MMM DD, YYYY"))),l=[[17512.58,17633.11,17434.27,17642.81,8616e4],[17652.36,17716.66,17652.36,17790.11,7933e4],[17716.05,17685.09,17669.72,17755.7,1026e5],[17661.74,17792.75,17568.02,17811.48,10489e4],[17799.39,17737,17710.67,17806.38,8523e4],[17718.03,17603.32,17579.56,17718.03,11523e4],[17605.45,17716.05,17542.54,17723.55,9941e4],[17687.28,17541.96,17484.23,17687.28,9012e4],[17555.39,17576.96,17528.16,17694.51,7999e4],[17586.48,17556.41,17555.9,17731.63,1071e5],[17571.34,17721.25,17553.57,17744.43,8102e4],[17741.66,17908.28,17741.66,17918.35,9171e4],[17912.25,17926.43,17885.44,17962.14,8451e4],[17925.95,17897.46,17867.41,17937.65,11816e4],[17890.2,18004.16,17848.22,18009.53,8939e4],[18012.1,18053.6,17984.43,18103.46,8982e4],[18059.49,18096.27,18031.21,18167.63,10021e4],[18092.84,17982.52,17963.89,18107.29,10272e4],[17985.05,18003.75,17909.89,18026.85,13412e4],[17990.94,17977.24,17855.55,17990.94,8377e4],[17987.38,17990.32,17934.17,18043.77,9257e4],[17996.14,18041.55,17920.26,18084.66,10909e4],[18023.88,17830.76,17796.55,18035.73,10092e4],[17813.09,17773.64,17651.98,17814.83,13667e4],[17783.78,17891.16,17773.71,17912.35,801e5],[17870.75,17750.91,17670.88,17870.75,9706e4],[17735.02,17651.26,17609.01,17738.06,9502e4],[17664.48,17660.71,17615.82,17736.11,8153e4],[17650.3,17740.63,17580.38,17744.54,8002e4],[17743.85,17705.91,17668.38,17783.16,8559e4],[17726.66,17928.35,17726.66,17934.61,7579e4],[17919.03,17711.12,17711.05,17919.03,8739e4],[17711.12,17720.5,17625.38,17798.19,8856e4],[17711.12,17535.32,17512.48,17734.74,8664e4],[17531.76,17710.71,17531.76,17755.8,8844e4],[17701.46,17529.98,17469.92,17701.46,10326e4],[17501.28,17526.62,17418.21,17636.22,7912e4],[17514.16,17435.4,17331.07,17514.16,9553e4],[17437.32,17500.94,17437.32,17571.75,11199e4],[17507.04,17492.93,17480.05,17550.7,8779e4],[17525.19,17706.05,17525.19,17742.59,8648e4],[17735.09,17851.51,17735.09,17891.71,7918e4],[17859.52,17828.29,17803.82,17888.66,6894e4],[17826.85,17873.22,17824.73,17873.22,7319e4],[17891.5,17787.2,17724.03,17899.24,14739e4],[17754.55,17789.67,17664.79,17809.18,7853e4],[17789.05,17838.56,17703.55,17838.56,7556e4],[17799.8,17807.06,17689.68,17833.17,8227e4],[17825.69,17920.33,17822.81,17949.68,7187e4],[17936.22,17938.28,17936.22,18003.23,7875e4],[17931.91,18005.05,17931.91,18016,7126e4],[17969.98,17985.19,17915.88,18005.22,6969e4],[17938.82,17865.34,17812.34,17938.82,9054e4],[17830.5,17732.48,17731.35,17893.28,10169e4],[17710.77,17674.82,17595.79,17733.92,9374e4],[17703.65,17640.17,17629.01,17762.96,9413e4],[17602.23,17733.1,17471.29,17754.91,9195e4],[17733.44,17675.16,17602.78,17733.44,24868e4],[17736.87,17804.87,17736.87,17946.36,9938e4],[17827.33,17829.73,17799.8,17877.84,8513e4],[17832.67,17780.83,17770.36,17920.16,8944e4]],n=((e,t)=>{const i=[];for(let o=0,a=t.length;o<a;o+=1){if(o<e){i.push("-");continue}let a=0;for(let i=0;i<e;i+=1)a+=t[o-i][1];i.push((a/e).toFixed(2));}return i})(5,l);if(o){const i=t(o,"echarts"),s=window.echarts.init(o);echartSetOption(s,i,(()=>({animation:!1,color:a,legend:{top:0,data:["MA1","MA5","Volume"],textStyle:{color:e("quaternary-color")}},tooltip:{trigger:"axis",padding:[7,10],backgroundColor:e("body-highlight-bg"),borderColor:e("border-color"),textStyle:{color:e("light-text-emphasis")},borderWidth:1,transitionDuration:0,position:(...e)=>handleTooltipPosition(e)},axisPointer:{link:[{xAxisIndex:[0,1]}]},dataZoom:[{type:"slider",xAxisIndex:[0,1],realtime:!1,start:20,end:70,top:35,height:15,handleIcon:"path://M10.7,11.9H9.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4h1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z",handleSize:"120%"},{type:"inside",xAxisIndex:[0,1],start:40,end:70,top:30,height:20}],xAxis:[{type:"category",data:r,boundaryGap:!1,axisLine:{lineStyle:{color:e("tertiary-bg")}},axisLabel:{color:e("quaternary-color"),formatter:e=>window.dayjs(e).format("MMM DD")},min:"dataMin",max:"dataMax",axisPointer:{show:!0}},{type:"category",gridIndex:1,data:r,scale:!0,boundaryGap:!1,splitLine:{show:!1},axisLabel:{show:!1},axisTick:{show:!1},axisLine:{lineStyle:{color:"blue"}},splitNumber:20,min:"dataMin",max:"dataMax",axisPointer:{type:"shadow",label:{show:!1},triggerTooltip:!0}}],yAxis:[{scale:!0,splitNumber:2,axisLine:{show:!1},splitLine:{lineStyle:{color:e("secondary-bg")}},axisTick:{show:!1},axisLabel:{color:e("quaternary-color")}},{scale:!0,gridIndex:1,splitNumber:2,axisLabel:{show:!1},axisLine:{show:!1},axisTick:{show:!1},splitLine:{show:!1}}],grid:[{left:5,right:12,bottom:60,height:160,containLabel:!0},{left:50,right:12,height:40,top:260,containLabel:!0}],series:[{name:"Volume",type:"bar",xAxisIndex:1,yAxisIndex:1,itemStyle:{color:e("primary")},emphasis:{itemStyle:{color:e("primary")}},data:l.map((e=>e[4]))},{type:"candlestick",name:"MA1",data:l,itemStyle:{color:e("success"),color0:e("info"),borderColor:e("success"),borderColor0:e("info")}},{name:"MA5",type:"line",data:n,smooth:!0,showSymbol:!1,lineStyle:{width:1,color:e("primary")}}]})));}};

  const sessionByCountryMapInit=()=>{const{getColor:a,rgbaColor:e,getData:n}=window.phoenix.utils,l=document.querySelector(".echart-session-by-country-map"),u=[{name:"Afghanistan",value:28397.812},{name:"Angola",value:19549.124},{name:"Albania",value:3150.143},{name:"United Arab Emirates",value:8441.537},{name:"Argentina",value:40374.224},{name:"Armenia",value:2963.496},{name:"French Southern and Antarctic Lands",value:268.065},{name:"Australia",value:22404.488},{name:"Austria",value:8401.924},{name:"Azerbaijan",value:9094.718},{name:"Burundi",value:9232.753},{name:"Belgium",value:10941.288},{name:"Benin",value:9509.798},{name:"Burkina Faso",value:15540.284},{name:"Bangladesh",value:151125.475},{name:"Bulgaria",value:7389.175},{name:"The Bahamas",value:66402.316},{name:"Bosnia and Herzegovina",value:3845.929},{name:"Belarus",value:9491.07},{name:"Belize",value:308.595},{name:"Bermuda",value:64.951},{name:"Bolivia",value:716.939},{name:"Brazil",value:195210.154},{name:"Brunei",value:27.223},{name:"Bhutan",value:716.939},{name:"Botswana",value:1969.341},{name:"Central African Rep.",value:4349.921},{name:"Canada",value:34126.24},{name:"Switzerland",value:7830.534},{name:"Chile",value:17150.76},{name:"China",value:1359821.465},{name:"Côte d'Ivoire",value:60508.978},{name:"Cameroon",value:20624.343},{name:"Dem. Rep. Congo",value:62191.161},{name:"Congo",value:3573.024},{name:"Colombia",value:46444.798},{name:"Costa Rica",value:4669.685},{name:"Cuba",value:11281.768},{name:"Northern Cyprus",value:1.468},{name:"Cyprus",value:1103.685},{name:"Czech Republic",value:10553.701},{name:"Germany",value:83017.404},{name:"Djibouti",value:834.036},{name:"Denmark",value:5550.959},{name:"Dominican Republic",value:10016.797},{name:"Algeria",value:37062.82},{name:"Ecuador",value:15001.072},{name:"Egypt",value:78075.705},{name:"Eritrea",value:5741.159},{name:"Spain",value:46182.038},{name:"Estonia",value:1298.533},{name:"Ethiopia",value:87095.281},{name:"Finland",value:5367.693},{name:"Fiji",value:860.559},{name:"Falkland Islands",value:49.581},{name:"France",value:63230.866},{name:"Gabon",value:1556.222},{name:"United Kingdom",value:62066.35},{name:"Georgia",value:4388.674},{name:"Ghana",value:24262.901},{name:"Eq. Guinea",value:10876.033},{name:"Guinea",value:10876.033},{name:"Gambia",value:1680.64},{name:"Guinea Bissau",value:10876.033},{name:"Equatorial Guinea",value:696.167},{name:"Greece",value:11109.999},{name:"Greenland",value:56.546},{name:"Guatemala",value:14341.576},{name:"French Guiana",value:231.169},{name:"Guyana",value:786.126},{name:"Honduras",value:7621.204},{name:"Croatia",value:4338.027},{name:"Haiti",value:9896.4},{name:"Hungary",value:10014.633},{name:"Indonesia",value:240676.485},{name:"India",value:1205624.648},{name:"Ireland",value:4467.561},{name:"Iran",value:240676.485},{name:"Iraq",value:30962.38},{name:"Iceland",value:318.042},{name:"Israel",value:7420.368},{name:"Italy",value:60508.978},{name:"Jamaica",value:2741.485},{name:"Jordan",value:6454.554},{name:"Japan",value:127352.833},{name:"Kazakhstan",value:15921.127},{name:"Kenya",value:40909.194},{name:"Kyrgyzstan",value:5334.223},{name:"Cambodia",value:14364.931},{name:"South Korea",value:51452.352},{name:"Kosovo",value:97.743},{name:"Kuwait",value:2991.58},{name:"Laos",value:6395.713},{name:"Lebanon",value:4341.092},{name:"Liberia",value:3957.99},{name:"Libya",value:6040.612},{name:"Sri Lanka",value:20758.779},{name:"Lesotho",value:2008.921},{name:"Lithuania",value:3068.457},{name:"Luxembourg",value:507.885},{name:"Latvia",value:2090.519},{name:"Morocco",value:31642.36},{name:"Moldova",value:103.619},{name:"Madagascar",value:21079.532},{name:"Mexico",value:117886.404},{name:"Macedonia",value:507.885},{name:"Mali",value:13985.961},{name:"Myanmar",value:51931.231},{name:"Montenegro",value:620.078},{name:"Mongolia",value:2712.738},{name:"Mozambique",value:23967.265},{name:"Mauritania",value:3609.42},{name:"Malawi",value:15013.694},{name:"Malaysia",value:28275.835},{name:"Namibia",value:2178.967},{name:"New Caledonia",value:246.379},{name:"Niger",value:15893.746},{name:"Nigeria",value:159707.78},{name:"Nicaragua",value:5822.209},{name:"Netherlands",value:16615.243},{name:"Norway",value:4891.251},{name:"Nepal",value:26846.016},{name:"New Zealand",value:4368.136},{name:"Oman",value:2802.768},{name:"Pakistan",value:173149.306},{name:"Panama",value:3678.128},{name:"Peru",value:29262.83},{name:"Philippines",value:93444.322},{name:"Papua New Guinea",value:6858.945},{name:"Poland",value:38198.754},{name:"Puerto Rico",value:3709.671},{name:"North Korea",value:1.468},{name:"Portugal",value:10589.792},{name:"Paraguay",value:6459.721},{name:"Qatar",value:1749.713},{name:"Romania",value:21861.476},{name:"Russia",value:21861.476},{name:"Rwanda",value:10836.732},{name:"Western Sahara",value:514.648},{name:"Saudi Arabia",value:27258.387},{name:"Sudan",value:35652.002},{name:"S. Sudan",value:9940.929},{name:"Senegal",value:12950.564},{name:"Solomon Islands",value:526.447},{name:"Sierra Leone",value:5751.976},{name:"El Salvador",value:6218.195},{name:"Somaliland",value:9636.173},{name:"Somalia",value:9636.173},{name:"Republic of Serbia",value:3573.024},{name:"Suriname",value:524.96},{name:"Slovakia",value:5433.437},{name:"Slovenia",value:2054.232},{name:"Sweden",value:9382.297},{name:"Swaziland",value:1193.148},{name:"Syria",value:7830.534},{name:"Chad",value:11720.781},{name:"Togo",value:6306.014},{name:"Thailand",value:66402.316},{name:"Tajikistan",value:7627.326},{name:"Turkmenistan",value:5041.995},{name:"East Timor",value:10016.797},{name:"Trinidad and Tobago",value:1328.095},{name:"Tunisia",value:10631.83},{name:"Turkey",value:72137.546},{name:"Tanzania",value:44973.33},{name:"Uganda",value:33987.213},{name:"Ukraine",value:46050.22},{name:"Uruguay",value:3371.982},{name:"United States",value:312247.116},{name:"Uzbekistan",value:27769.27},{name:"Venezuela",value:236.299},{name:"Vietnam",value:89047.397},{name:"Vanuatu",value:236.299},{name:"West Bank",value:13.565},{name:"Yemen",value:22763.008},{name:"South Africa",value:51452.352},{name:"Zambia",value:13216.985},{name:"Zimbabwe",value:13076.978}];if(l){const m=n(l,"echarts"),v=window.echarts.init(l);echartSetOption(v,m,(()=>({tooltip:{trigger:"item",padding:[7,10],backgroundColor:a("body-highlight-bg"),borderColor:a("border-color"),textStyle:{color:a("light-text-emphasis")},borderWidth:1,transitionDuration:0,formatter:a=>`<strong>${a.data?.name} :</strong> ${(a.data?.value/6961500*100).toFixed(2)}%`},toolbox:{show:!1,feature:{restore:{}}},visualMap:{show:!1,min:800,max:5e4,inRange:{color:[a("primary"),e(a("primary"),.8),e(a("primary"),.6),e(a("primary"),.4),e(a("primary"),.2)].reverse()}},series:[{type:"map",map:"world",data:u,roam:!0,scaleLimit:{min:1,max:5},left:0,right:0,label:{show:!1},itemStyle:{borderColor:a("border-color")},emphasis:{label:{show:!1},itemStyle:{areaColor:a("warning")}}}]}))),document.querySelector(".session-by-country-map-reset")?.addEventListener("click",(()=>{v.dispatchAction({type:"restore"});}));}};

  const mapUSAInit=()=>{const{getColor:a,getData:e}=window.phoenix.utils,n=document.querySelector(".echart-map-usa-example"),o=[{name:"Alabama",value:4822023},{name:"Alaska",value:731449},{name:"Arizona",value:6553255},{name:"Arkansas",value:2949131},{name:"California",value:38041430},{name:"Colorado",value:5187582},{name:"Connecticut",value:3590347},{name:"Delaware",value:917092},{name:"District of Columbia",value:632323},{name:"Florida",value:19317568},{name:"Georgia",value:9919945},{name:"Hawaii",value:1392313},{name:"Idaho",value:1595728},{name:"Illinois",value:12875255},{name:"Indiana",value:6537334},{name:"Iowa",value:3074186},{name:"Kansas",value:2885905},{name:"Kentucky",value:4380415},{name:"Louisiana",value:4601893},{name:"Maine",value:1329192},{name:"Maryland",value:5884563},{name:"Massachusetts",value:6646144},{name:"Michigan",value:9883360},{name:"Minnesota",value:5379139},{name:"Mississippi",value:2984926},{name:"Missouri",value:6021988},{name:"Montana",value:1005141},{name:"Nebraska",value:1855525},{name:"Nevada",value:2758931},{name:"New Hampshire",value:1320718},{name:"New Jersey",value:8864590},{name:"New Mexico",value:2085538},{name:"New York",value:19570261},{name:"North Carolina",value:9752073},{name:"North Dakota",value:699628},{name:"Ohio",value:11544225},{name:"Oklahoma",value:3814820},{name:"Oregon",value:3899353},{name:"Pennsylvania",value:12763536},{name:"Rhode Island",value:1050292},{name:"South Carolina",value:4723723},{name:"South Dakota",value:833354},{name:"Tennessee",value:6456243},{name:"Texas",value:26059203},{name:"Utah",value:2855287},{name:"Vermont",value:626011},{name:"Virginia",value:8185867},{name:"Washington",value:6897012},{name:"West Virginia",value:1855413},{name:"Wisconsin",value:5726398},{name:"Wyoming",value:576412},{name:"Puerto Rico",value:3667084}];if(n){const l=e(n,"echarts"),t=window.echarts.init(n);echartSetOption(t,l,(()=>({tooltip:{trigger:"item",padding:[7,10],backgroundColor:a("body-highlight-bg"),borderColor:a("border-color"),textStyle:{color:a("light-text-emphasis")},borderWidth:1,transitionDuration:0,position:(...a)=>handleTooltipPosition(a),formatter:a=>`<strong>${a.data.name} :</strong> ${a.data.value}`},toolbox:{show:!1,feature:{restore:{}}},visualMap:{left:"right",min:5e5,max:38e6,inRange:{color:[a("primary"),a("info")]},text:["High","Low"],calculable:!0,textStyle:{color:a("quaternary-color")},formatter:a=>a/1e3+"k"},series:[{left:10,name:"USA PopEstimates",type:"map",zoom:1.2,roam:!0,scaleLimit:{min:1,max:5},itemStyle:{borderColor:a("border-color")},label:{color:"#fff"},map:"USA",emphasis:{label:{show:!0,color:"#fff"},itemStyle:{areaColor:a("warning")}},data:o}]}))),document.querySelector(".usa-map-reset").addEventListener("click",(()=>{t.dispatchAction({type:"restore"});}));}};

  const basicScatterChartInit=()=>{const{getColor:t,getData:o}=window.phoenix.utils,e=document.querySelector(".echart-basic-scatter-chart-example");if(e){const r=o(e,"echarts"),i=window.echarts.init(e);echartSetOption(i,r,(()=>({tooltip:{trigger:"item",axisPointer:{type:"none"},padding:[7,10],backgroundColor:t("body-highlight-bg"),borderColor:t("border-color"),textStyle:{color:t("light-text-emphasis")},borderWidth:1,transitionDuration:0},xAxis:{axisLabel:{color:t("quaternary-color")},axisLine:{show:!0,lineStyle:{color:t("secondary-bg")}},splitLine:{show:!0,lineStyle:{color:t("secondary-bg")}}},yAxis:{axisLabel:{color:t("quaternary-color")},splitLine:{show:!0,lineStyle:{color:t("secondary-bg")}},axisLine:{show:!0,lineStyle:{color:t("secondary-bg")}}},series:[{data:[[10,8.04],[8.07,6.95],[13,7.58],[9.05,8.81],[11,8.33],[14,7.66],[13.4,6.81],[10,6.33],[14,8.96],[12.5,6.82],[9.15,7.2],[11.5,7.2],[3.03,4.23],[12.2,7.83],[2.02,4.47],[1.05,3.33],[4.05,4.96],[6.03,7.24],[12,6.26],[12,8.84],[7.08,5.82],[5.02,5.68]],type:"scatter",itemStyle:{color:t("danger")}}],grid:{right:8,left:5,bottom:5,top:8,containLabel:!0}})));}};

  const bubbleChartInit=()=>{const{getColor:t,getData:a,rgbaColor:e}=window.phoenix.utils,o=document.querySelector(".echart-bubble-chart-example"),r=[[[28604,77,17096869,"Australia",1990],[31163,77.4,27662440,"Canada",1990],[1516,68,1154605773,"China",1990],[28599,75,4986705,"Finland",1990],[29476,77.1,56943299,"France",1990],[31476,75.4,78958237,"Germany",1990],[1777,57.7,870601776,"India",1990],[29550,79.1,122249285,"Japan",1990],[12087,72,42972254,"South Korea",1990],[24021,75.4,3397534,"New Zealand",1990],[43296,76.8,4240375,"Norway",1990],[10088,70.8,38195258,"Poland",1990],[19349,69.6,147568552,"Russia",1990],[26424,75.7,57110117,"United Kingdom",1990],[37062,75.4,252847810,"United States",1990]],[[44056,81.8,23968973,"Australia",2015],[43294,81.7,35939927,"Canada",2015],[13334,76.9,1376048943,"China",2015],[38923,80.8,5503457,"Finland",2015],[37599,81.9,64395345,"France",2015],[44053,81.1,80688545,"Germany",2015],[5903,66.8,1311050527,"India",2015],[36162,83.5,126573481,"Japan",2015],[34644,80.7,50293439,"South Korea",2015],[34186,80.6,4528526,"New Zealand",2015],[64304,81.6,5210967,"Norway",2015],[24787,77.3,38611794,"Poland",2015],[23038,73.13,143456918,"Russia",2015],[38225,81.4,64715810,"United Kingdom",2015],[53354,79.1,321773631,"United States",2015]]];if(o){const i=a(o,"echarts"),l=window.echarts.init(o);echartSetOption(l,i,(()=>({title:{text:"1990 and 2015 have per capita and GDP",left:0,top:0,textStyle:{color:t("tertiary-color"),fontWeight:600}},legend:{right:0,top:"10%",data:["1990","2015"],textStyle:{color:t("tertiary-color")}},xAxis:{axisLabel:{color:t("quaternary-color"),formatter:t=>t/1e3+"k"},axisLine:{show:!0,lineStyle:{color:t("tertiary-bg")}},splitLine:{show:!0,lineStyle:{color:t("secondary-bg")}}},yAxis:{scale:!0,axisLabel:{color:t("quaternary-color")},splitLine:{show:!0,lineStyle:{color:t("secondary-bg")}},axisLine:{show:!0,lineStyle:{color:t("tertiary-bg")}}},series:[{name:"1990",data:r[0],type:"scatter",symbolSize:t=>Math.sqrt(t[2])/500,emphasis:{focus:"series",label:{color:t("tertiary-color"),show:!0,formatter:t=>t.data[3],position:"top"}},itemStyle:{color:e(t("primary"),.7)}},{name:"2015",data:r[1],type:"scatter",symbolSize:t=>Math.sqrt(t[2])/700,emphasis:{focus:"series",label:{color:t("quaternary-color"),show:!0,formatter:t=>t.data[3],position:"top"}},itemStyle:{color:e(t("warning"),.7)}}],grid:{left:5,right:10,bottom:5,top:"20%",containLabel:!0}})));}};

  const quartetScatterChartInit=()=>{const{getColor:t,getData:e}=window.phoenix.utils,i=document.querySelector(".echart-quartet-scatter-chart-example"),r=[[[10,8.04],[8,6.95],[13,7.58],[9,8.81],[11,8.33],[14,9.96],[6,7.24],[4,4.26],[12,10.84],[7,4.82],[5,5.68]],[[10,9.14],[8,8.14],[13,8.74],[9,8.77],[11,9.26],[14,8.1],[6,6.13],[4,3.1],[12,9.13],[7,7.26],[5,4.74]],[[10,7.46],[8,6.77],[13,12.74],[9,7.11],[11,7.81],[14,8.84],[6,6.08],[4,5.39],[12,8.15],[7,6.42],[5,5.73]],[[8,6.58],[8,5.76],[8,7.71],[8,8.84],[8,8.47],[8,7.04],[8,5.25],[19,12.5],[8,5.56],[8,7.91],[8,6.89]]],o=()=>({axisLabel:{color:t("quaternary-color")},axisLine:{show:!0,lineStyle:{color:t("tertiary-bg")}},splitLine:{show:!0,lineStyle:{color:t("secondary-bg")}}}),a=()=>({axisLabel:{color:t("quaternary-color")},splitLine:{show:!0,lineStyle:{color:t("secondary-bg")}},axisLine:{show:!0,lineStyle:{color:t("tertiary-bg")}}}),n={animation:!1,label:{formatter:"y = 0.5 * x + 3",align:"right",color:t("tertiary-color"),fontWeight:600},lineStyle:{type:"solid"},tooltip:{formatter:"y = 0.5 * x + 3"},data:[[{coord:[0,3],symbol:"none"},{coord:[20,13],symbol:"none"}]]},d=[{left:"7%",top:"10%",width:"38%",height:"38%"},{right:"7%",top:"10%",width:"38%",height:"38%"},{left:"7%",bottom:"7%",width:"38%",height:"38%"},{right:"7%",bottom:"7%",width:"38%",height:"38%"}],l=[{left:6,right:7,top:"4%",height:"20%"},{left:6,right:7,top:"29%",height:"20%"},{left:6,right:7,bottom:"26%",height:"20%"},{left:6,right:7,bottom:25,height:"20%"}];if(i){const x=e(i,"echarts"),s=window.echarts.init(i);echartSetOption(s,x,(()=>({color:[t("primary"),t("success"),t("warning"),t("danger")],tooltip:{trigger:"item",axisPointer:{type:"none"},padding:[7,10],backgroundColor:t("body-highlight-bg"),borderColor:t("border-color"),textStyle:{color:t("light-text-emphasis")},borderWidth:1,transitionDuration:0,formatter:"Group {a}: ({c})"},title:{text:"Anscombe's quartet",left:"center",top:0,textStyle:{color:t("tertiary-color")}},grid:window.innerWidth<768?l:d,xAxis:[{gridIndex:0,min:0,max:20,...o()},{gridIndex:1,min:0,max:20,...o()},{gridIndex:2,min:0,max:20,...o()},{gridIndex:3,min:0,max:20,...o()}],yAxis:[{gridIndex:0,min:0,max:15,...a()},{gridIndex:1,min:0,max:15,...a()},{gridIndex:2,min:0,max:15,...a()},{gridIndex:3,min:0,max:15,...a()}],series:[{name:"I",type:"scatter",xAxisIndex:0,yAxisIndex:0,data:r[0],markLine:n},{name:"II",type:"scatter",xAxisIndex:1,yAxisIndex:1,data:r[1],markLine:n},{name:"III",type:"scatter",xAxisIndex:2,yAxisIndex:2,data:r[2],markLine:n},{name:"IV",type:"scatter",xAxisIndex:3,yAxisIndex:3,data:r[3],markLine:n}]})),{xs:{grid:l},md:{grid:d}});}};

  const singleAxisScatterChartInit=()=>{const{getColor:t,getData:a,getRandomNumber:e}=window.phoenix.utils,o=document.querySelector(".echart-single-axis-scatter-chart-example"),r=["12am","1am","2am","3am","4am","5am","6am","7am","8am","9am","10am","11am","12pm","1pm","2pm","3pm","4pm","5pm","6pm","7pm","8pm","9pm","10pm","11pm"],i=["Saturday","Friday","Thursday","Wednesday","Tuesday","Monday","Sunday"],n=[];for(let t=0;t<7;t+=1)for(let a=0;a<24;a+=1)n.push([a,t,e(0,10)]);if(o){const e=a(o,"echarts"),l=window.echarts.init(o);echartSetOption(l,e,(()=>({tooltip:{trigger:"item",axisPointer:{type:"none"},padding:[7,10],backgroundColor:t("body-highlight-bg"),borderColor:t("border-color"),textStyle:{color:t("light-text-emphasis")},borderWidth:1,transitionDuration:0,position:"top",formatter:t=>`\n            ${i[t.value[1]]} <br/>\n            ${r[t.value[0]]} : ${t.value[2]}\n          `},xAxis:{type:"category",data:r,boundaryGap:!1,splitLine:{show:!0,lineStyle:{color:t("secondary-bg")}},axisLine:{show:!1},axisTick:{lineStyle:{color:t("quaternary-color")}}},yAxis:{type:"category",data:i,axisLine:{show:!1},axisTick:{lineStyle:{color:t("quaternary-color")}},axisLabel:{margin:15}},series:[{name:"Punch Card",type:"scatter",symbolSize:t=>2*t[2],data:n,animationDelay:t=>5*t,itemStyle:{color:t("primary")}}],grid:{right:12,left:5,bottom:5,top:5,containLabel:!0}})));}};

  const pieChartInit=()=>{const{getColor:e,getData:t,rgbaColor:o}=window.phoenix.utils,r=document.querySelector(".echart-pie-chart-example");if(r){const i=t(r,"echarts"),a=window.echarts.init(r);echartSetOption(a,i,(()=>({legend:{left:"left",textStyle:{color:e("tertiary-color")}},series:[{type:"pie",radius:window.innerWidth<530?"45%":"60%",label:{color:e("tertiary-color")},center:["50%","55%"],data:[{value:1200,name:"Facebook",itemStyle:{color:e("primary")}},{value:1e3,name:"Youtube",itemStyle:{color:e("danger")}},{value:800,name:"Twitter",itemStyle:{color:e("info")}},{value:600,name:"Linkedin",itemStyle:{color:e("success")}},{value:400,name:"Github",itemStyle:{color:e("warning")}}],emphasis:{itemStyle:{shadowBlur:10,shadowOffsetX:0,shadowColor:o(e("tertiary-color"),.5)}}}],tooltip:{trigger:"item",padding:[7,10],backgroundColor:e("body-highlight-bg"),borderColor:e("border-color"),textStyle:{color:e("light-text-emphasis")},borderWidth:1,transitionDuration:0,axisPointer:{type:"none"}}})),{xs:{series:[{radius:"45%"}]},sm:{series:[{radius:"60%"}]}});}};

  const doughnutChartInit=()=>{const{getColor:e,getData:t}=window.phoenix.utils,o=document.querySelector(".echart-doughnut-chart-example");if(o){const r=t(o,"echarts"),i=window.echarts.init(o);echartSetOption(i,r,(()=>({legend:{left:"left",textStyle:{color:e("tertiary-color")}},series:[{type:"pie",radius:["40%","70%"],center:["50%","55%"],avoidLabelOverlap:!1,label:{show:!1,position:"center"},labelLine:{show:!1},data:[{value:1200,name:"Facebook",itemStyle:{color:e("primary")}},{value:1e3,name:"Youtube",itemStyle:{color:e("danger")}},{value:800,name:"Twitter",itemStyle:{color:e("info")}},{value:600,name:"Linkedin",itemStyle:{color:e("success")}},{value:400,name:"Github",itemStyle:{color:e("warning")}}]}],tooltip:{trigger:"item",padding:[7,10],backgroundColor:e("body-highlight-bg"),borderColor:e("border-color"),textStyle:{color:e("light-text-emphasis")},borderWidth:1,transitionDuration:0,axisPointer:{type:"none"}}})));}};

  const doughnutRoundedChartInit=()=>{const{getColor:e,getData:t}=window.phoenix.utils,o=document.querySelector(".echart-doughnut-rounded-chart-example");if(o){const r=t(o,"echarts"),i=window.echarts.init(o);echartSetOption(i,r,(()=>({legend:{orient:"vertical",left:"left",textStyle:{color:e("tertiary-color")}},series:[{type:"pie",radius:["40%","70%"],center:window.innerWidth<530?["65%","55%"]:["50%","55%"],avoidLabelOverlap:!1,itemStyle:{borderRadius:10,borderColor:e("body-highlight-bg"),borderWidth:2},label:{show:!1,position:"center"},labelLine:{show:!1},data:[{value:1200,name:"Starter",itemStyle:{color:e("primary")}},{value:1e3,name:"Basic",itemStyle:{color:e("danger")}},{value:800,name:"Optimal",itemStyle:{color:e("info")}},{value:600,name:"Business",itemStyle:{color:e("success")}},{value:400,name:"Premium",itemStyle:{color:e("warning")}}]}],tooltip:{trigger:"item",padding:[7,10],backgroundColor:e("body-highlight-bg"),borderColor:e("border-color"),textStyle:{color:e("light-text-emphasis")},borderWidth:1,transitionDuration:0,axisPointer:{type:"none"}}})),{xs:{series:[{center:["65%","55%"]}]},sm:{series:[{center:["50%","55%"]}]}});}};

  const pieMultipleChartInit=()=>{const{getColor:e,getData:t}=window.phoenix.utils,i=document.querySelector(".echart-pie-multiple-chart-example"),r=[{value:1048,name:"Starter",itemStyle:{color:e("danger")}},{value:735,name:"Basic",itemStyle:{color:e("primary")}},{value:580,name:"Optimal",itemStyle:{color:e("secondary")}},{value:484,name:"Business",itemStyle:{color:e("warning")}},{value:300,name:"Premium",itemStyle:{color:e("success")}},{value:300,name:"Platinum",itemStyle:{color:e("info")}}],o=[{value:1048,name:"Facebook",itemStyle:{color:e("primary")}},{value:735,name:"Youtube",itemStyle:{color:e("danger")}},{value:580,name:"Twitter",itemStyle:{color:e("info")}},{value:484,name:"Linkedin",itemStyle:{color:e("success")}},{value:300,name:"Github",itemStyle:{color:e("warning")}}];if(i){const a=t(i,"echarts"),l=window.echarts.init(i);echartSetOption(l,a,(()=>({title:[{text:"Pie Multiple Chart",left:"center",textStyle:{color:e("tertiary-color")}}],tooltip:{trigger:"item",padding:[7,10],backgroundColor:e("body-highlight-bg"),borderColor:e("border-color"),textStyle:{color:e("light-text-emphasis")},borderWidth:1,transitionDuration:0,axisPointer:{type:"none"}},series:[{type:"pie",radius:window.innerWidth<450?"48%":"55%",center:["25%","50%"],data:r,label:{show:!1}},{type:"pie",radius:window.innerWidth<450?"48%":"55%",center:["75%","50%"],avoidLabelOverlap:!1,label:{show:!1},data:o}]})),{xs:{series:[{radius:"48%"},{radius:"48%"}]},sm:{series:[{radius:"55%"},{radius:"55%"}]}});}};

  const pieLabelAlignChartInit=()=>{const{getColor:e,getData:t,rgbaColor:i}=window.phoenix.utils,r=document.querySelector(".echart-pie-label-align-chart-example"),o=[{value:850,name:"Starter",itemStyle:{color:i(e("primary"),.5)}},{value:750,name:"Starter Pro",itemStyle:{color:e("danger")}},{value:457,name:"Basic",itemStyle:{color:e("primary")}},{value:654,name:"Optimal",itemStyle:{color:e("secondary")}},{value:447,name:"Business",itemStyle:{color:e("warning")}},{value:682,name:"Classic addition",itemStyle:{color:i(e("warning"),.8)}},{value:471,name:"Premium",itemStyle:{color:e("success")}},{value:524,name:"Platinum",itemStyle:{color:e("info")}},{value:200,name:"Platinum Pro",itemStyle:{color:i(e("primary"),.5)}}];if(r){const i=t(r,"echarts"),l=window.echarts.init(r);echartSetOption(l,i,(()=>({title:[{text:"Pie Label Align Chart",left:"center",textStyle:{color:e("tertiary-color")}},{subtext:'alignTo: "labelLine"',left:"50%",top:"85%",textAlign:"center",subtextStyle:{color:e("tertiary-color")}}],tooltip:{trigger:"item",padding:[7,10],backgroundColor:e("body-highlight-bg"),borderColor:e("border-color"),textStyle:{color:e("light-text-emphasis")},borderWidth:1,transitionDuration:0,axisPointer:{type:"none"},position(e,...t){if(window.innerWidth<=540){const i=t[1].offsetHeight,r={top:e[1]-i-20};return r[e[0]<t[3].viewSize[0]/2?"left":"right"]=5,r}return null}},series:[{type:"pie",radius:window.innerWidth<530?"45%":"60%",center:["50%","50%"],data:o,label:{position:"outer",alignTo:"labelLine",bleedMargin:5,color:e("tertiary-color")},left:"5%",right:"5%",top:0,bottom:0}]})),{xs:{series:[{radius:"45%"}]},sm:{series:[{radius:"60%"}]}});}};

  const pieEdgeAlignChartInit=()=>{const{getColor:e,getData:t,rgbaColor:r}=window.phoenix.utils,i=document.querySelector(".echart-pie-edge-align-chart-example"),o=[{value:850,name:"Starter",itemStyle:{color:r(e("primary"),.5)}},{value:750,name:"Starter Pro",itemStyle:{color:e("danger")}},{value:457,name:"Basic",itemStyle:{color:e("primary")}},{value:654,name:"Optimal",itemStyle:{color:e("secondary")}},{value:447,name:"Business",itemStyle:{color:e("warning")}},{value:682,name:"Classic addition",itemStyle:{color:r(e("warning"),.8)}},{value:471,name:"Premium",itemStyle:{color:e("success")}},{value:524,name:"Platinum",itemStyle:{color:e("info")}},{value:200,name:"Platinum Pro",itemStyle:{color:r(e("primary"),.5)}}];if(i){const r=t(i,"echarts"),l=window.echarts.init(i);echartSetOption(l,r,(()=>({title:[{text:"Pie Edge Align Chart",left:"center",textStyle:{color:e("tertiary-color")}},{subtext:'alignTo: "edge"',left:"50%",top:"85%",textAlign:"center",subtextStyle:{color:e("tertiary-color")}}],tooltip:{trigger:"item",padding:[7,10],backgroundColor:e("body-highlight-bg"),borderColor:e("border-color"),textStyle:{color:e("light-text-emphasis")},borderWidth:1,transitionDuration:0,axisPointer:{type:"none"},position(e,...t){if(window.innerWidth<=540){const r=t[1].offsetHeight,i={top:e[1]-r-20};return i[e[0]<t[3].viewSize[0]/2?"left":"right"]=5,i}return null}},series:[{type:"pie",radius:window.innerWidth<530?"45%":"60%",center:["50%","50%"],data:o,label:{position:"outer",alignTo:"edge",margin:20,color:e("tertiary-color")},left:"5%",right:"5%",top:0,bottom:0}]})),{xs:{series:[{radius:"45%"}]},sm:{series:[{radius:"60%"}]}});}};

  const basicGaugeChartInit=()=>{const{getColor:t,getData:e}=window.phoenix.utils,r=document.querySelector(".echart-basic-gauge-chart-example");if(r){const o=e(r,"echarts"),a=window.echarts.init(r);echartSetOption(a,o,(()=>({tooltip:{trigger:"axis",padding:[7,10],backgroundColor:t("body-highlight-bg"),borderColor:t("border-color"),textStyle:{color:t("light-text-emphasis")},borderWidth:1,formatter:t=>(t=>`\n    <div>\n        <h6 class="fs-9 text-body-tertiary mb-0">\n          <span class="fas fa-circle me-1" style='color:${t[0].color}'></span>\n          ${t[0].name} : ${t[0].value}\n        </h6>\n    </div>\n    `)(t),transitionDuration:0,axisPointer:{type:"none"}},radius:"100%",series:[{name:"Pressure",type:"gauge",splitLine:{lineStyle:{color:t("tertiary-color")}},axisLabel:{color:t("tertiary-color")},detail:{formatter:"{value}"},title:{color:t("tertiary-color")},data:[{value:50,name:"SCORE",detail:{color:t("tertiary-color")}}]}]})));}};

  const gaugeProgressChartInit=()=>{const{getColor:e,getData:o,rgbaColor:t}=window.phoenix.utils,r=document.querySelector(".echart-gauge-progress-chart-example");if(r){const a=o(r,"echarts"),i=window.echarts.init(r);echartSetOption(i,a,(()=>({tooltip:{trigger:"axis",padding:[7,10],backgroundColor:e("body-highlight-bg"),borderColor:e("border-color"),textStyle:{color:e("light-text-emphasis")},borderWidth:1,formatter:e=>(e=>`\n    <div>\n        <h6 class="fs-9 text-body-tertiary mb-0">\n          <span class="fas fa-circle me-1" style='color:${e[0].color}'></span>\n          ${e[0].name} : ${e[0].value}\n        </h6>\n    </div>\n    `)(e),transitionDuration:0,axisPointer:{type:"none"}},series:[{type:"gauge",center:["50%","60%"],radius:"100%",startAngle:180,endAngle:0,progress:{show:!0,width:18,itemStyle:{color:e("info")}},itemStyle:{color:e("info"),shadowColor:t(e("primary"),.5),shadowBlur:10,shadowOffsetX:2,shadowOffsetY:2},axisLine:{lineStyle:{width:18,color:[[1,e("secondary-bg")]]}},axisTick:{show:!1},splitLine:{lineStyle:{width:2,color:e("quaternary-color")}},axisLabel:{distance:25,color:e("quaternary-color")},anchor:{show:!0,showAbove:!0,size:25,itemStyle:{color:e("info")}},title:{show:!1},detail:{valueAnimation:!0,fontSize:80,offsetCenter:[0,"70%"]},data:[{value:70,detail:{fontSize:30,color:e("quaternary-color"),offsetCenter:[0,"40%"]}}]}]})));}};

  const gaugeRingChartInit=()=>{const{getColor:t,getData:e}=window.phoenix.utils,o=document.querySelector(".echart-gauge-ring-chart-example");if(o){const r=e(o,"echarts"),i=window.echarts.init(o);echartSetOption(i,r,(()=>({tooltip:{trigger:"axis",padding:[7,10],backgroundColor:t("body-highlight-bg"),borderColor:t("border-color"),textStyle:{color:t("light-text-emphasis")},borderWidth:1,formatter:t=>(t=>`\n    <div>\n        <h6 class="fs-9 text-body-tertiary mb-0">\n          <span class="fas fa-circle me-1" style='color:${t[0].color}'></span>\n          ${t[0].name} : ${t[0].value}\n        </h6>\n    </div>\n    `)(t),transitionDuration:0,axisPointer:{type:"none"}},series:[{type:"gauge",radius:"100%",startAngle:90,endAngle:-270,pointer:{show:!1},progress:{show:!0,overlap:!1,roundCap:!0,clip:!1,itemStyle:{borderWidth:1,borderColor:t("quaternary-color")}},axisLine:{lineStyle:{width:18,color:[[1,t("secondary-bg")]]}},splitLine:{show:!1,distance:0,length:10},axisTick:{show:!1},axisLabel:{show:!1,distance:50},data:[{value:80,title:{offsetCenter:["0%","0%"]},detail:{offsetCenter:["0%","0%"]},itemStyle:{color:t("primary")}}],title:{fontSize:14},detail:{width:50,height:14,fontSize:20,color:"auto",formatter:"{value}%"}}]})));}};

  const gaugeMultiRingChartInit=()=>{const{getColor:e,getData:t}=window.phoenix.utils,i=document.querySelector(".echart-gauge-multiring-chart-example");if(i){const o=t(i,"echarts"),a=window.echarts.init(i);echartSetOption(a,o,(()=>({series:[{type:"gauge",startAngle:90,endAngle:-270,radius:"85%",pointer:{show:!1},center:["50%","50%"],progress:{show:!0,overlap:!1,roundCap:!0,clip:!1,itemStyle:{color:e("info")}},axisLine:{lineStyle:{width:8,color:[[1,e("secondary-bg")]]}},splitLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},data:[79],detail:{show:!1},animationDuration:2e3},{type:"gauge",startAngle:90,endAngle:-270,radius:"70%",pointer:{show:!1},center:["50%","50%"],progress:{show:!0,overlap:!1,roundCap:!0,clip:!1,itemStyle:{color:e("primary")}},axisLine:{lineStyle:{width:8,color:[[1,e("secondary-bg")]]}},splitLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},data:[85],detail:{show:!1},animationDuration:2e3},{type:"gauge",startAngle:90,endAngle:-270,radius:"55%",pointer:{show:!1},center:["50%","50%"],progress:{show:!0,overlap:!1,roundCap:!0,clip:!1,itemStyle:{color:e("success")}},axisLine:{lineStyle:{width:8,color:[[1,e("secondary-bg")]]}},splitLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},data:[70],detail:{show:!1},animationDuration:2e3}]})));}};

  const gaugeMultiTitleChartInit=()=>{const{getColor:e,getData:t}=window.phoenix.utils,o=document.querySelector(".echart-gauge-multi-title-chart-example");if(o){const r=t(o,"echarts"),i=window.echarts.init(o);echartSetOption(i,r,(()=>({tooltip:{trigger:"axis",padding:[7,10],backgroundColor:e("body-highlight-bg"),borderColor:e("border-color"),textStyle:{color:e("light-text-emphasis")},borderWidth:1,formatter:e=>(e=>`\n    <div>\n        <h6 class="fs-9 text-body-tertiary mb-0">\n          <span class="fas fa-circle me-1" style='color:${e[0].color}'></span>\n          ${e[0].name} : ${e[0].value}\n        </h6>\n    </div>\n    `)(e),transitionDuration:0,axisPointer:{type:"none"}},series:[{type:"gauge",radius:"100%",anchor:{show:!0,showAbove:!0,size:18,itemStyle:{color:e("warning")}},progress:{show:!0,overlap:!0,roundCap:!0},axisLine:{roundCap:!0,lineStyle:{color:[[1,e("secondary-bg")]]}},axisTick:{show:!1},splitLine:{lineStyle:{width:2,color:e("quaternary-color")}},axisLabel:{distance:25,color:e("quaternary-color")},data:[{value:20,name:"Perfect",title:{offsetCenter:["-40%","80%"]},detail:{offsetCenter:["-40%","95%"]},itemStyle:{color:e("primary")}},{value:40,name:"Good",title:{offsetCenter:["0%","80%"]},detail:{offsetCenter:["0%","95%"]},itemStyle:{color:e("success")}},{value:60,name:"Commonly",title:{offsetCenter:["40%","80%"]},detail:{offsetCenter:["40%","95%"]},itemStyle:{color:e("warning")}}],title:{fontSize:14,color:e("tertiary-color")},detail:{width:40,height:14,fontSize:14,color:"#fff",backgroundColor:"auto",borderRadius:3,formatter:"{value}%"}}]})));}};

  const gaugeGradeChartInit=()=>{const{getColor:e,getData:t}=window.phoenix.utils,a=document.querySelector(".echart-gauge-grade-chart-example");if(a){const o=t(a,"echarts"),r=window.echarts.init(a);echartSetOption(r,o,(()=>({series:[{radius:"100%",type:"gauge",center:["50%","70%"],startAngle:180,endAngle:0,min:0,max:1,splitNumber:8,axisLine:{lineStyle:{width:6,color:[[.25,e("danger")],[.5,e("warning")],[.75,e("info")],[1,e("success")]]}},pointer:{icon:"path://M12.8,0.7l12,40.1H0.7L12.8,0.7z",length:"12%",width:20,offsetCenter:[0,"-60%"],itemStyle:{color:"auto"}},axisTick:{length:12,lineStyle:{color:"auto",width:2}},splitLine:{length:20,lineStyle:{color:"auto",width:5}},axisLabel:{color:e("quaternary-color"),distance:-60,formatter:e=>.875===e?"Excellent":.625===e?"Good":.375===e?"Well":.125===e?"Bad":""},title:{offsetCenter:[0,"-20%"],color:e("tertiary-color")},detail:{offsetCenter:[0,"0%"],valueAnimation:!0,formatter:e=>Math.round(100*e),color:"auto"},data:[{value:.7,name:"Grade"}]}]})));}};

  const radarChartInit=()=>{const{getColor:e,getData:t,rgbaColor:r}=window.phoenix.utils,a=document.querySelector(".echart-radar-chart-example");if(a){const o=t(a,"echarts"),i=window.echarts.init(a);echartSetOption(i,o,(()=>({legend:{orient:"vertical",left:"left",textStyle:{color:e("tertiary-color")}},tooltip:{trigger:"item",padding:[7,10],backgroundColor:e("body-highlight-bg"),borderColor:e("border-color"),textStyle:{color:e("light-text-emphasis")},borderWidth:1,transitionDuration:0,axisPointer:{type:"none"},position(e,...t){if(window.innerWidth<=540){const r=t[1].offsetHeight,a={top:e[1]-r-20};return a[e[0]<t[3].viewSize[0]/2?"left":"right"]=5,a}return null}},radar:{indicator:[{name:"Marketing",max:6500},{name:"Admin",max:16e3},{name:"Tech",max:3e4},{name:"Support",max:38e3},{name:"Dev ",max:52e3},{name:"Sales ",max:25e3}],radius:120,splitLine:{lineStyle:{color:r(e("tertiary-color"))}}},series:[{type:"radar",data:[{value:[4200,3e3,2e4,35e3,5e4,18e3],name:"Data A",itemStyle:{color:e("primary")}},{value:[5e3,14e3,28e3,26e3,42e3,21e3],name:"Data B",itemStyle:{color:e("warning")}}]}]})));}};

  const radarCustomizedChartInit=()=>{const{getColor:e,getData:t,rgbaColor:r}=window.phoenix.utils,a=document.querySelector(".echart-radar-customized-chart-example"),o=e=>{const t=[["Marketing","Sales","Dev","Support","Tech","Admin"],["Language","Math","English","Physics","Chemistry","Biology"]],r=e.seriesIndex;return `<strong > ${e.name} </strong>\n    <div class="fs-9 text-body-tertiary">\n      <strong >${t[e.seriesIndex][0]}</strong>: ${e.value[0]}  <br>\n      <strong>${t[r][1]}</strong>: ${e.value[1]}  <br>\n      <strong>${t[r][2]}</strong>: ${e.value[2]}  <br>\n      <strong>${t[r][3]}</strong>: ${e.value[3]}  <br>\n      <strong>${t[r][4]}</strong>: ${e.value[4]}  <br>\n      <strong>${t[r][5]}</strong>: ${e.value[5]}  <br>\n    </div>`};if(a){const n=t(a,"echarts"),i=window.echarts.init(a);echartSetOption(i,n,(()=>({legend:{orient:"vertical",left:"left",textStyle:{color:e("tertiary-color")}},tooltip:{trigger:"item",padding:[7,10],backgroundColor:e("body-highlight-bg"),borderColor:e("border-color"),textStyle:{color:e("light-text-emphasis")},borderWidth:1,transitionDuration:0,axisPointer:{type:"none"},formatter:o},radar:[{startAngle:90,splitNumber:4,shape:"circle",indicator:[{name:"Admin",max:6500},{name:"Tech",max:16e3},{name:"Support",max:3e4},{name:"Dev",max:38e3},{name:"Sales",max:52e3},{name:"Marketing",max:25e3}],name:{formatter:"{value}",textStyle:{color:e("tertiary-color")}},splitLine:{lineStyle:{color:r(e("tertiary-color"))}}},{indicator:[{text:"Language",max:150},{text:"Math",max:150},{text:"English",max:150},{text:"physics",max:120},{text:"Chemistry",max:108},{text:"Biology",max:72}],radius:window.innerWidth<576?90:120,center:window.innerWidth<992?["50%","75%"]:["75%","50%"],splitLine:{lineStyle:{color:e("tertiary-color")}},name:{textStyle:{color:e("tertiary-color"),backgroundColor:r(e("body-highlight-bg")),borderRadius:3,padding:[3,5]}}}],series:[{type:"radar",data:[{value:[5200,4e3,2e4,3e4,2e4,18e3],name:"Data A",itemStyle:{color:e("info")},areaStyle:{color:r(e("info"),.3)}},{value:[5e3,12e3,28e3,26e3,32e3,21e3],name:"Data B",itemStyle:{color:e("success")},areaStyle:{color:r(e("success"),.3)}}]},{type:"radar",radarIndex:1,data:[{value:[130,110,130,100,99,70],name:"Data C",symbol:"rect",symbolSize:12,lineStyle:{type:"dashed"},itemStyle:{color:e("warning")},areaStyle:{color:r(e("warning"),.3)},label:{show:!0,formatter:e=>e.value,color:e("tertiary-color")}},{value:[100,93,50,90,70,60],name:"Data D",itemStyle:{color:e("danger")},areaStyle:{color:r(e("danger"),.3)}}]}]})),{xs:{radar:[{center:["50%","30%"],radius:90},{center:["50%","75%"],radius:90}]},sm:{radar:[{radius:120},{radius:120}]},xl:{radar:[{center:["25%","50%"]},{center:["75%","50%"]}]}});}};

  const radarMultipleChartInit=()=>{const{getColor:e,getData:t,rgbaColor:r,resize:a}=window.phoenix.utils,o=document.querySelector(".echart-radar-multiple-chart-example"),i=["January","February","March","April","May","June","July","August","September","October","November","December"],l=()=>window.innerWidth<1540&&window.innerWidth>992?[["25%","40%"],["50%","75%"],["75%","40%"]]:window.innerWidth<992?[["50%","20%"],["50%","50%"],["50%","80%"]]:[["15%","50%"],["50%","50%"],["85%","50%"]];if(o){const n=t(o,"echarts"),c=window.echarts.init(o);echartSetOption(c,n,(()=>({legend:{left:"left",textStyle:{color:e("tertiary-color")}},tooltip:{trigger:"item",padding:[7,10],backgroundColor:e("body-highlight-bg"),borderColor:e("border-color"),textStyle:{color:e("light-text-emphasis")},borderWidth:1,transitionDuration:0,axisPointer:{type:"none"},position(e,...t){if(window.innerWidth<=540){const r=t[1].offsetHeight,a={top:e[1]-r-20};return a[e[0]<t[3].viewSize[0]/2?"left":"right"]=5,a}return null}},radar:[{indicator:[{text:"Brand",max:100},{text:"content",max:100},{text:"Usability",max:100},{text:"Features",max:100}],center:l()[0],radius:85,splitLine:{lineStyle:{color:r(e("tertiary-color"))}}},{indicator:[{text:"Exterior",max:100},{text:"Take pictures",max:100},{text:"system",max:100},{text:"performance",max:100},{text:"screen",max:100}],radius:85,center:l()[1],splitLine:{lineStyle:{color:r(e("tertiary-color"))}}},{indicator:i.map((e=>({text:e,max:100}))),center:l()[2],radius:85,splitLine:{lineStyle:{color:r(e("tertiary-color"))}}}],series:[{type:"radar",tooltip:{trigger:"item"},areaStyle:{color:r(e("info"),.5)},data:[{value:[60,73,85,40],name:"A software",itemStyle:{color:e("info")}}]},{type:"radar",radarIndex:1,data:[{value:[85,90,90,95,95],name:"A staple mobile phone",itemStyle:{color:r(e("primary"),.8)},areaStyle:{color:r(e("primary"),.3)}},{value:[95,80,75,90,93],name:"A fruit phone",itemStyle:{color:e("success")},areaStyle:{color:r(e("success"),.3)}}]},{type:"radar",radarIndex:2,areaStyle:{},tooltip:{show:!1},data:[{name:"Precipitation",value:[2.6,5.9,9,26.4,28.7,70.7,75.6,82.2,48.7,18.8,6,2.3],itemStyle:{color:e("primary")},areaStyle:{color:r(e("primary"),.5)}},{name:"Evaporation",value:[2,4.9,7,23.2,25.6,76.7,35.6,62.2,32.6,20,6.4,3.3],itemStyle:{color:e("warning")},areaStyle:{color:r(e("warning"),.5)}}]}]}))),a((()=>{c.setOption({radar:l().map((e=>({center:e})))});}));}};

  const heatmapChartInit=()=>{const{getColor:t,getData:o,rgbaColor:a,getRandomNumber:e}=window.phoenix.utils,r=document.querySelector(".echart-heatmap-chart-example"),i=["12a","2a","4a","6a","8a","10a","12p","2p","4p","6p","8p","10p"],l=["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],s=[];for(let t=0;t<7;t+=1)for(let o=0;o<12;o+=1)s.push([o,t,e(5,12)]);if(r){const e=o(r,"echarts"),n=window.echarts.init(r);echartSetOption(n,e,(()=>({tooltip:{position:"top",padding:[7,10],backgroundColor:t("body-highlight-bg"),borderColor:t("border-color"),textStyle:{color:t("light-text-emphasis")},borderWidth:1},grid:{right:5,left:5,top:5,bottom:"15%",containLabel:!0},xAxis:{type:"category",data:i,splitArea:{show:!0},axisLabel:{color:t("quaternary-color")},axisLine:{show:!0,lineStyle:{color:t("quaternary-color")}}},yAxis:{type:"category",data:l,axisLabel:{formatter:t=>t.substring(0,3),color:t("quaternary-color")},splitArea:{show:!0},axisLine:{show:!0,lineStyle:{color:t("quaternary-color")}}},visualMap:{min:0,max:10,calculable:!0,orient:"horizontal",left:"center",bottom:"0%",textStyle:{color:t("tertiary-color"),fontWeight:500},inRange:{color:[a(t("primary"),1),a(t("info"),1),a(t("success"),1)]}},series:[{type:"heatmap",data:s,label:{show:!0},emphasis:{itemStyle:{shadowBlur:10,shadowColor:a(t("black"),.5)}}}]})));}};

  const heatmapSingleSeriesChartInit=()=>{const{getColor:t,getData:o,rgbaColor:e,getRandomNumber:a}=window.phoenix.utils,r=document.querySelector(".echart-heatmap-single-series-chart-example"),i=["12a","2a","4a","6a","8a","10a","12p","2p","4p","6p","8p","10p"],l=["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],s=[];for(let t=0;t<7;t+=1)for(let o=0;o<12;o+=1)s.push([o,t,a(1,12)]);if(r){const a=o(r,"echarts"),n=window.echarts.init(r);echartSetOption(n,a,(()=>({gradientColor:[e(t("info"),1),e(t("primary"),1)],tooltip:{position:"top",padding:[7,10],backgroundColor:t("body-highlight-bg"),borderColor:t("border-color"),textStyle:{color:t("light-text-emphasis")},borderWidth:1},grid:{right:5,left:5,top:5,bottom:5,containLabel:!0},xAxis:{axisTick:{show:!1},type:"category",data:i,splitArea:{show:!0},axisLabel:{color:t("quaternary-color")},axisLine:{show:!0,lineStyle:{color:t("quaternary-color")}}},yAxis:{axisTick:{show:!1},type:"category",data:l,axisLabel:{formatter:t=>t.substring(0,3),color:t("quaternary-color")},splitArea:{show:!0},axisLine:{show:!0,lineStyle:{color:t("quaternary-color")}}},visualMap:{show:!1,min:0,max:10,calculable:!0,orient:"horizontal",left:"center",bottom:"0%",textStyle:{color:t("quaternary-color"),fontWeight:500}},series:[{type:"heatmap",data:s,label:{show:!0},itemStyle:{borderColor:t("body-highlight-bg"),borderWidth:3},emphasis:{itemStyle:{shadowBlur:10,shadowColor:e(t("black"),.5)}}}]})));}};

  const{docReady:docReady}=window.phoenix.utils;docReady(basicLineChartInit),docReady(basicAreaLineChartInit),docReady(stackedLineChartInit),docReady(stackedAreaChartInit),docReady(lineMarkerChartInit),docReady(areaPiecesChartInit),docReady(stepLineChartInit),docReady(lineGradientChartInit),docReady(dynamicLineChartInit),docReady(lineLogChartInit),docReady(shareDatasetChartInit),docReady(basicBarChartInit),docReady(horizontalBarChartInit),docReady(barNegativeChartInit),docReady(seriesBarChartInit),docReady(stackedBarChartInit),docReady(stackedHorizontalBarChartInit),docReady(barRaceChartInit),docReady(barGradientChartInit),docReady(barLineMixedChartInit),docReady(barWaterFallChartInit),docReady(barTimelineChartInit),docReady(basicCandlestickChartInit),docReady(candlestickMixedChartInit),docReady(sessionByCountryMapInit),docReady(mapUSAInit),docReady(basicScatterChartInit),docReady(bubbleChartInit),docReady(quartetScatterChartInit),docReady(singleAxisScatterChartInit),docReady(pieChartInit),docReady(doughnutChartInit),docReady(doughnutRoundedChartInit),docReady(pieMultipleChartInit),docReady(pieLabelAlignChartInit),docReady(pieEdgeAlignChartInit),docReady(basicGaugeChartInit),docReady(gaugeProgressChartInit),docReady(gaugeRingChartInit),docReady(gaugeMultiRingChartInit),docReady(gaugeMultiTitleChartInit),docReady(gaugeGradeChartInit),docReady(radarChartInit),docReady(radarCustomizedChartInit),docReady(radarMultipleChartInit),docReady(heatmapChartInit),docReady(heatmapSingleSeriesChartInit);

}));
//# sourceMappingURL=echarts-example.js.map
