import{S as h,m as p}from"./vue3-apexcharts-DJaiVsL5.js";import{u as b}from"./index-BzKDSPoe.js";import{a as u,C as m,k as o,b as f,m as g,g as r,f as x,q as v,p as e,u as s,D as _,n as y,I as C}from"./convert-case-to-camel-case.utils-DDUpNI96.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./analytics-CiIjvCz9.js";/* empty css               */import"./vue-datepicker-DJOolBJW.js";/* empty css             */import"./index-xsH4HHeE.js";const k={class:"ccb-dashboard-card ccb-dashboard-card-chart ccb-bar-chart"},w={class:"ccb-dashboard-chart-header"},S={class:"ccb-dashboard-chart-controls"},B={class:"ccb-dashboard-large-chart"},E=u({__name:"BarChart",props:{chart:{},page:{}},setup(i){const c=i,{chart:a}=m(c),l=o({chart:{type:"bar",toolbar:{show:!1}},plotOptions:{bar:{horizontal:!0,barHeight:"16px",borderRadius:6,distributed:!1}},dataLabels:{enabled:!1},xaxis:{categories:a.value.categories,min:Math.min(...a.value.series),max:Math.max(...a.value.series),labels:{style:{colors:"#888",fontSize:"13px"}},axisBorder:{show:!0,offsetX:-10},axisTicks:{show:!0}},yaxis:{labels:{style:{colors:"#222",fontSize:"14px"}}},grid:{borderColor:"#f1f1f1",xaxis:{lines:{show:!1}},yaxis:{lines:{show:!1}},padding:{left:0,right:0}},colors:["#27ae60"],tooltip:{enabled:!0},legend:{show:!1}}),n=o([{name:a.value.title,data:a.value.series}]),t=f(()=>b().isLoading);return(d,z)=>(r(),g("div",k,[t.value?(r(),x(s(h),{key:0})):v("",!0),e("div",{class:C(["ccb-dashboard-card-wrapper",{"ccb-is-loading":t.value}])},[e("div",w,[e("div",S,[e("span",null,_(s(a).title),1)])]),e("div",B,[y(s(p),{type:"bar",height:"320",options:l.value,series:n.value},null,8,["options","series"])])],2)]))}});export{E as default};
//# sourceMappingURL=BarChart-DkwODW1E.js.map
