https://7fix.sa/build/assets/chartjs-C-MWFbYA.js

1import{_ as P}from"./AppDateTimePicker-bjTsBskP.js";import{bo as A,b3 as x,b4 as i,aP as y,R as g,f as c,o as d,n,e,b as a,d as R,v as u,bt as $,a6 as H}from"./main-BLTw8_DQ.js";import{C as _,p as B,a as w,b as v,B as N,c as D,L as T,d as V,P as O,e as z,f as I,A as G,R as W,g as E,h as j,i as J,j as q,S as M}from"./LineChart-DVCU1ujM.js";import{V as Y,a as p}from"./VRow-CHAB88tB.js";import{V as h,a as k,b as S,d as U}from"./VCard-ynNbmUCh.js";import{V as f}from"./VCardText-CuGxWO9K.js";/* empty css              */import"./VAvatar-5dgXdSzi.js";import"./VImg-CoFoc5Rc.js";const C=r=>{const t=`rgba(${A(r.colors["on-surface"])},${r.variables["medium-emphasis-opacity"]})`,o=`rgba(${A(r.colors["on-surface"])},${r.variables["disabled-opacity"]})`,l=`rgba(${A(String(r.variables["border-color"]))},${r.variables["border-opacity"]})`;return{labelColor:o,borderColor:l,legendColor:t}},F=r=>{const{borderColor:t,labelColor:o}=C(r);return{responsive:!0,maintainAspectRatio:!1,animation:{duration:500},scales:{x:{grid:{borderColor:t,drawBorder:!1,color:t},ticks:{color:o}},y:{min:0,max:400,grid:{borderColor:t,drawBorder:!1,color:t},ticks:{stepSize:100,color:o}}},plugins:{legend:{display:!1}}}},K=r=>{const{borderColor:t,labelColor:o,legendColor:l}=C(r);return{indexAxis:"y",responsive:!0,maintainAspectRatio:!1,animation:{duration:500},elements:{bar:{borderRadius:{topRight:15,bottomRight:15}}},layout:{padding:{top:-4}},scales:{x:{min:0,grid:{drawTicks:!1,drawBorder:!1,color:t},ticks:{color:o}},y:{grid:{borderColor:t,display:!1,drawBorder:!1},ticks:{color:o}}},plugins:{legend:{align:"end",position:"top",labels:{color:l}}}}},Q=r=>{const{borderColor:t,labelColor:o,legendColor:l}=C(r);return{responsive:!0,maintainAspectRatio:!1,scales:{x:{ticks:{color:o},grid:{borderColor:t,drawBorder:!1,color:t}},y:{min:0,max:400,ticks:{stepSize:100,color:o},grid:{borderColor:t,drawBorder:!1,color:t}}},plugins:{legend:{align:"end",position:"top",labels:{padding:25,boxWidth:10,color:l,usePointStyle:!0}}}}},X=r=>{const{borderColor:t,labelColor:o,legendColor:l}=C(r);return{responsive:!0,maintainAspectRatio:!1,animation:{duration:500},layout:{padding:{top:-20}},scales:{r:{ticks:{display:!1,maxTicksLimit:1,color:o},grid:{color:t},pointLabels:{color:o},angleLines:{color:t}}},plugins:{legend:{position:"top",labels:{padding:25,color:l}}}}},Z=r=>{const{legendColor:t}=C(r);return{responsive:!0,maintainAspectRatio:!1,animation:{duration:500},layout:{padding:{top:-5,bottom:-45}},scales:{r:{grid:{display:!1},ticks:{display:!1}}},plugins:{legend:{position:"right",labels:{padding:25,boxWidth:9,color:t,usePointStyle:!0}}}}},tt=r=>{const{borderColor:t,labelColor:o}=C(r);return{responsive:!0,maintainAspectRatio:!1,scales:{x:{min:0,max:140,grid:{borderColor:t,drawBorder:!1,color:t},ticks:{stepSize:10,color:o}},y:{min:0,max:400,grid:{borderColor:t,drawBorder:!1,color:t},ticks:{stepSize:100,color:o}}},plugins:{legend:{display:!1}}}},rt=r=>{const{borderColor:t,labelColor:o,legendColor:l}=C(r);return{responsive:!0,maintainAspectRatio:!1,animation:{duration:800},layout:{padding:{top:-20}},scales:{x:{min:0,max:140,grid:{borderColor:t,drawTicks:!1,drawBorder:!1,color:t},ticks:{stepSize:10,color:o}},y:{min:0,max:400,grid:{borderColor:t,drawTicks:!1,drawBorder:!1,color:t},ticks:{stepSize:100,color:o}}},plugins:{legend:{align:"start",position:"top",labels:{padding:25,boxWidth:9,color:l,usePointStyle:!0}}}}},at=r=>{const{borderColor:t,labelColor:o,legendColor:l}=C(r);return{responsive:!0,maintainAspectRatio:!1,layout:{padding:{top:-20}},scales:{x:{grid:{borderColor:t,color:"transparent"},ticks:{color:o}},y:{min:0,max:400,grid:{borderColor:t,color:"transparent"},ticks:{stepSize:100,color:o}}},plugins:{legend:{align:"start",position:"top",labels:{padding:25,boxWidth:9,color:l,usePointStyle:!0}}}}};_.register(B,w,v,N,D,T);const L=x({name:"BarChart",props:{chartId:{type:String,default:"bar-chart"},width:{type:Number,default:400},height:{type:Number,default:400}

1,cssClasses:{default:"",type:String},styles:{type:Object,default:()=>({})},plugins:{type:Array,default:()=>[]},chartData:{type:Object,default:()=>({})},chartOptions:{type:Object,default:()=>({})}},setup(r){return()=>i(i(V),{data:r.chartData,options:r.chartOptions,chartId:r.chartId,width:r.width,height:r.height,cssClasses:r.cssClasses,styles:r.styles,plugins:r.plugins})}}),et={__name:"ChartJsBarChart",props:{colors:{type:null,required:!0}},setup(r){const t=r,o=y(),l=g(()=>F(o.current.value)),s={labels:["7/12","8/12","9/12","10/12","11/12","12/12","13/12","14/12","15/12","16/12","17/12","18/12","19/12"],datasets:[{maxBarThickness:15,backgroundColor:t.colors.barChartYellow,borderColor:"transparent",borderRadius:{topRight:15,topLeft:15},data:[275,90,190,205,125,85,55,87,127,150,230,280,190]}]};return(b,m)=>(d(),c(n(L),{height:400,"chart-data":s,"chart-options":n(l)},null,8,["chart-options"]))}};_.register(B,w,v,O,T);const ot=x({name:"BubbleChart",props:{chartId:{type:String,default:"bubble-chart"},width:{type:Number,default:400},height:{type:Number,default:400}

1,cssClasses:{default:"",type:String},styles:{type:Object,default:()=>({})},plugins:{type:Array,default:()=>[]},chartData:{type:Object,default:()=>({})},chartOptions:{type:Object,default:()=>({})}},setup(r){return()=>i(i(z),{data:r.chartData,options:r.chartOptions,chartId:r.chartId,width:r.width,height:r.height,cssClasses:r.cssClasses,styles:r.styles,plugins:r.plugins})}}),lt={__name:"ChartJsBubbleChart",props:{colors:{type:null,required:!0}},setup(r){const t=r,o=y(),l=g(()=>tt(o.current.value)),s={animation:{duration:1e4},datasets:[{label:"Dataset 1",borderColor:t.colors.primary,backgroundColor:t.colors.primary,data:[{x:20,y:74,r:10},{x:10,y:110,r:5},{x:30,y:165,r:7},{x:40,y:200,r:20},{x:90,y:185,r:7},{x:50,y:240,r:7},{x:60,y:275,r:10},{x:70,y:305,r:5},{x:80,y:325,r:4},{x:100,y:310,r:5},{x:110,y:240,r:5},{x:120,y:270,r:7},{x:130,y:300,r:6}]},{label:"Dataset 2",borderColor:t.colors.yellow,backgroundColor:t.colors.yellow,data:[{x:30,y:72,r:5},{x:40,y:110,r:7},{x:20,y:135,r:6},{x:10,y:160,r:12},{x:50,y:285,r:5},{x:60,y:235,r:5},{x:70,y:275,r:7},{x:80,y:290,r:4},{x:90,y:250,r:10},{x:100,y:220,r:7},{x:120,y:230,r:4},{x:110,y:320,r:15},{x:130,y:330,r:7}]}]};return(b,m)=>(d(),c(n(ot),{height:400,"chart-data":s,"chart-options":n(l)},null,8,["chart-options"]))}},st={__name:"ChartJsHorizontalBarChart",props:{colors:{type:null,required:!0}},setup(r){const t=r,o=y(),l=g(()=>K(o.current.value)),s={labels:["MON","TUE","WED ","THU","FRI"],datasets:[{maxBarThickness:15,label:"Market Data",backgroundColor:t.colors.warningShade,borderColor:"transparent",data:[710,350,580,460,120]},{maxBarThickness:15,backgroundColor:t.colors.horizontalBarInfo,label:"Personal Data",borderColor:"transparent",data:[430,590,510,240,360]}]};return(b,m)=>(d(),c(n(L),{height:375,"chart-data":s,"chart-options":n(l)},null,8,["chart-options"]))}},nt={__name:"ChartJsLineAreaChart",props:{colors:{type:null,required:!0}},setup(r){const t=r,o=y(),l={labels:["7/12","8/12","9/12","10/12","11/12","12/12","13/12","14/12","15/12","16/12","17/12","18/12","19/12","20/12",""],datasets:[{fill:!0,tension:0,label:"Africa",pointRadius:.5,pointHoverRadius:5,pointStyle:"circle",backgroundColor:t.colors.areaChartBlue,pointHoverBorderWidth:5,borderColor:"transparent",pointHoverBorderColor:t.colors.white,pointBorderColor:"transparent",pointHoverBackgroundColor:t.colors.areaChartBlue,data:[40,55,45,75,65,55,70,60,100,98,90,120,125,140,155]},{fill:!0,tension:0,label:"Asia",pointRadius:.5,pointHoverRadius:5,pointStyle:"circle",pointHoverBorderWidth:5,borderColor:"transparent",backgroundColor:t.colors.areaChartBlueLight,pointHoverBorderColor:t.colors.white,pointBorderColor:"transparent",pointHoverBackgroundColor:t.colors.areaChartBlueLight,data:[70,85,75,150,100,140,110,105,160,150,125,190,200,240,275]},{fill:!0,tension:0,label:"Europe",pointRadius:.5,pointHoverRadius:5,pointStyle:"circle",pointHoverBorderWidth:5,borderColor:"transparent",backgroundColor:t.colors.areaChartGreyLight,pointHoverBorderColor:t.colors.white,pointBorderColor:"transparent",pointHoverBackgroundColor:t.colors.areaChartGreyLight,data:[240,195,160,215,185,215,185,200,250,210,195,250,235,300,315]}]},s=g(()=>at(o.current.value));return(b,m)=>(d(),c(n(I),{"chart-options":n(s),height:400,"chart-data":l},null,8,["chart-options"]))}},it={__name:"ChartJsLineChart",props:{colors:{type:null,required:!0}},setup(r){const t=r,o=y(),l={labels:[0,10,20,30,40,50,60,70,80,90,100,110,120,130,140],datasets:[{fill:!1,tension:.5,pointRadius:1,label:"Europe",pointHoverRadius:5,pointStyle:"circle",borderColor:t.colors.primary,backgroundColor:t.colors.primary,pointHoverBorderWidth:5,pointHoverBorderColor:t.colors.white,pointBorderColor:"transparent",pointHoverBackgroundColor:t.colors.primary,data:[80,150,180,270,210,160,160,202,265,210,270,255,290,360,375]},{fill:!1,tension:.5,label:"Asia",pointRadius:1,pointHoverRadius:5,pointStyle:"circle",borderColor:t.colors.warningShade,backgroundColor:t.colors.warningShade,pointHoverBorderWidth:5,pointHoverBorderColor:t.colors.white,pointBorderColor:"transparent",pointHoverBackgroundColor:t.colors.warningShade,data:[80,125,105,130,215,195,140,160,230,300,220,170,210,200,280]},{fill:!1,tension:.5,pointRadius:1,label:"Africa",pointHoverRadius:5,pointStyle:"circle",borderColor:t.colors.yellow,backgroundColor:t.colors.yellow,pointHoverBorderWidth:5,pointHoverBorderColor:t.colors.white,pointBorderColor:"transparent",pointHoverBackgroun

1dColor:t.colors.yellow,data:[80,99,82,90,115,115,74,75,130,155,125,90,140,130,180]}]},s=g(()=>Q(o.current.value));return(b,m)=>(d(),c(n(I),{"chart-options":n(s),height:400,"chart-data":l},null,8,["chart-options"]))}};_.register(B,w,v,G,W);const ct=x({name:"PolarAreaChart",props:{chartId:{type:String,default:"line-chart"},width:{type:Number,default:400},height:{type:Number,default:400},cssClasses:{default:"",type:String},styles:{type:Object,default:()=>({})},plugins:{type:Array,default:()=>[]},chartData:{type:Object,default:()=>({})},chartOptions:{type:Object,default:()=>({})}},setup(r){return()=>i(i(E),{data:r.chartData,options:r.chartOptions,chartId:r.chartId,width:r.width,height:r.height,cssClasses:r.cssClasses,styles:r.styles,plugins:r.plugins})}}),dt={__name:"ChartJsPolarAreaChart",props:{colors:{type:null,required:!0}},setup(r){const t=r,o=y(),l=g(()=>Z(o.current.value)),s={labels:["Africa","Asia","Europe","America","Antarctica","Australia"],datasets:[{borderWidth:0,label:"Population (millions)",data:[19,17.5,15,13.5,11,9],backgroundColor:[t.colors.primary,t.colors.yellow,t.colors.polarChartWarning,t.colors.polarChartInfo,t.colors.polarChartGrey,t.colors.polarChartGreen]}]};return(b,m)=>(d(),c(n(ct),{height:400,"chart-data":s,"chart-options":n(l)},null,8,["chart-options"]))}};_.register(B,w,v,O,W,j,J);const ut=x({name:"RadarChart",props:{chartId:{type:String,default:"radar-chart"},width:{type:Number,default:400},height:{type:Number,default:400}

1,cssClasses:{default:"",type:String},styles:{type:Object,default:()=>({})},plugins:{type:Array,default:()=>[]},chartData:{type:Object,default:()=>({})},chartOptions:{type:Object,default:()=>({})}},setup(r){return()=>i(i(q),{data:r.chartData,options:r.chartOptions,chartId:r.chartId,width:r.width,height:r.height,cssClasses:r.cssClasses,styles:r.styles,plugins:r.plugins})}}),pt={__name:"ChartJsRadarChart",setup(r){const t=y(),o=g(()=>X(t.current.value)),l={labels:["STA","STR","AGI","VIT","CHA","INT"],datasets:[{fill:!0,label:"Donté Panlin",borderColor:"transparent",backgroundColor:"rgba(255,161,161, 0.9)",data:[25,59,90,81,60,82],pointBorderColor:"transparent",pointBackgroundColor:"transparent"},{fill:!0,label:"Mireska Sunbreeze",borderColor:"transparent",backgroundColor:"rgba(155,136,250, 0.9)",data:[40,100,40,90,40,90],pointBorderColor:"transparent",pointBackgroundColor:"transparent"}]};return(s,b)=>(d(),c(n(ut),{height:400,"chart-data":l,"chart-options":n(o)},null,8,["chart-options"]))}};_.register(B,w,v,O,j,D,T);const ht=x({name:"ScatterChart",props:{chartId:{type:String,default:"scatter-chart"},width:{type:Number,default:400},height:{type:Number,default:400}

1,cssClasses:{default:"",type:String},styles:{type:Object,default:()=>({})},plugins:{type:Array,default:()=>[]},chartData:{type:Object,default:()=>({})},chartOptions:{type:Object,default:()=>({})}},setup(r){return()=>i(i(M),{data:r.chartData,options:r.chartOptions,chartId:r.chartId,width:r.width,height:r.height,cssClasses:r.cssClasses,styles:r.styles,plugins:r.plugins})}}),ft={__name:"ChartJsScatterChart",props:{colors:{type:null,required:!0}},setup(r){const t=r,o=y(),l=g(()=>rt(o.current.value)),s={datasets:[{pointRadius:5,label:"iPhone",pointBorderWidth:2,backgroundColor:t.colors.primary,pointHoverBorderWidth:2,borderColor:"transparent",data:[{x:72,y:225},{x:81,y:270},{x:90,y:230},{x:103,y:305},{x:103,y:245},{x:108,y:275},{x:110,y:290},{x:111,y:315},{x:109,y:350},{x:116,y:340},{x:113,y:260},{x:117,y:275},{x:117,y:295},{x:126,y:280},{x:127,y:340},{x:133,y:330}]},{pointRadius:5,pointBorderWidth:2,label:"Samsung Note",backgroundColor:t.colors.scatterChartWarning,pointHoverBorderWidth:2,borderColor:"transparent",data:[{x:13,y:95},{x:22,y:105},{x:17,y:115},{x:19,y:130},{x:21,y:125},{x:35,y:125},{x:13,y:155},{x:21,y:165},{x:25,y:155},{x:18,y:190},{x:26,y:180},{x:43,y:180},{x:53,y:202},{x:61,y:165},{x:67,y:225}]},{pointRadius:5,label:"OnePlus",pointBorderWidth:2,backgroundColor:t.colors.scatterChartGreen,pointHoverBorderWidth:2,borderColor:"transparent",data:[{x:70,y:195},{x:72,y:270},{x:98,y:255},{x:100,y:215},{x:87,y:240},{x:94,y:280},{x:99,y:300},{x:102,y:290},{x:110,y:275},{x:111,y:250},{x:94,y:280},{x:92,y:340},{x:100,y:335},{x:108,y:330}]}]};return(b,m)=>(d(),c(n(ht),{height:380,"chart-data":s,"chart-options":n(l)},null,8,["chart-options"]))}},yt=R("span",{class:"text-subtitle-2"},"$ 100,000",-1),gt={class:"date-picker-wrapper"},Ct={class:"date-picker-wrapper"},bt={class:"date-picker-wrapper"},At={__name:"chartjs",setup(r){const t={white:"#fff",yellow:"#ffe802",primary:"#836af9",areaChartBlue:"#2c9aff",barChartYellow:"#ffcf5c",polarChartGrey:"#4f5d70",polarChartInfo:"#299aff",lineChartYellow:"#d4e157",polarChartGreen:"#28dac6",lineChartPrimary:"#9e69fd",lineChartWarning:"#ff9800",horizontalBarInfo:"#26c6da",polarChartWarning:"#ff8131",scatterChartGreen:"#28c76f",warningShade:"#ffbd1f",areaChartBlueLight:"#84d0ff",areaChartGreyLight:"#edf1f4",scatterChartWarning:"#ff9f43"};return(o,l)=>{const s=P;return d(),c(Y,{id:"chartjs-wrapper"},{default:e(()=>[a(p,{cols:"12"},{default:e(()=>[a(h,{title:"Statistics",subtitle:"Commercial networks and enterprises"},{default:e(()=>[a(f,null,{default:e(()=>[a(it,{colors:t})]),_:1})]),_:1})]),_:1}),a(p,{cols:"12",md:"6"},{default:e(()=>[a(h,{title:"Radar Chart"},{default:e(()=>[a(f,null,{default:e(()=>[a(pt)]),_:1})]),_:1})]),_:1}),a(p,{cols:"12",md:"6"},{default:e(()=>[a(h,{title:"Average Skills"},{default:e(()=>[a(f,null,{default:e(()=>[a(dt,{colors:t})]),_:1})]),_:1})]),_:1}),a(p,{cols:"12"},{default:e(()=>[a(h,{title:"Bubble Chart"},{append:e(()=>[yt]),default:e(()=>[a(f,null,{default:e(()=>[a(lt,{colors:t})]),_:1})]),_:1})]),_:1}),a(p,{cols:"12"},{default:e(()=>[a(h,null,{default:e(()=>[a(k,{class:"d-flex flex-wrap justify-space-between gap-4"},{append:e(()=>[a($,{color:"primary",variant:"outlined",density:"compact"},{default:e(()=>[a(H,null,{default:e(()=>[u("Daily")]),_:1}),a(H,null,{default:e(()=>[u("Monthly")]),_:1}),a(H,null,{default:e(()=>[u("Yearly")]),_:1})]),_:1})]),default:e(()=>[a(S,null,{default:e(()=>[u("New Product Data")]),_:1})]),_:1}),a(f,null,{default:e(()=>[a(ft,{colors:t})]),_:1})]),_:1})]),_:1}),a(p,{cols:"12"},{default:e(()=>[a(h,null,{default:e(()=>[a(k,{class:"d-flex flex-wrap justify-space-between gap-4"},{append:e(()=>[R("div",gt,[a(s,{"model-value":"2022-06-09","prepend-inner-icon":"tabler-calendar",placeholder:"Select Date",config:o.$vuetify.display.smAndDown?{position:"auto center"}:{position:"auto right"}},null,8,["config"])])]),default:e(()=>[a(S,null,{default:e(()=>[u(" Data Science ")]),_:1})]),_:1}),a(f,null,{default:e(()=>[a(nt,{colors:t})]),_:1})]),_:1})]),_:1}),a(p,{cols:"12",md:"6"},{default:e(()=>[a(h,null,{default:e(()=>[a(k,{class:"d-flex flex-wrap justify-space-between gap-4"},{append:e(()=>[R("div",Ct,[a(s,{"model-value":"2022-06-09","prepend-inner-icon":"tabler-calendar",placeholder:"Select Date",config:o.$vuetify.display.smAndDown?{position:"auto center"}:{position:"auto right"}},null,8,["config"])])]),default:e(()=>[a(S,null,{default:e(()=>[u("Latest Statistics")]),_:1})]),_:1}),a(f,null,{default:e(()=>[a(et,{colors:t})]),_:1})]),_:1})]),_:1}),a(p,{cols:"12",md:"6"},{default:e(()=>[a(h,null,{default:e(()=>[a(k,{class:"d-flex flex-wrap justify-space-between gap-4"},{append:e(()=>[R("div",bt,[a(s,{"model-value":"2022-06-09","prepend-inner-icon":"tabler-calendar",placeholder:"Select Date",config:o.$vuetify.display.smAndDown?{position:"auto center"}:{position:"auto right"}},null,8,["config"])])]),default:e(()=>[a(S,null,{default:e(()=>[u("Balance")]),_:1}),a(U,null,{default:e(()=>[u("$74,123")]),_:1})]),_:1}),a(f,null,{default:e(()=>[a(st,{colors:t})]),_:1})]),_:1})]),_:1})]),_:1})}}};export{At as default};