1import{r as o,j as m,h as C}from"./chartjs-CQ2CPjX0.js";import{u as q,c as v}from"./ChartKit-BQzzXTWY.js";import{C as w}from"./ChartChrome-D0qQ755z.js";import"./index-ux748tia.js";import"./skeleton-CThLaKC4.js";import"./InfoTip-XxLeiJY_.js";import"./info-CK8wl1ia.js";function $({data:e,loading:p,version:s}){const i=o.useMemo(()=>(e||[]).map(r=>r.label),[e,s]),u=o.useMemo(()=>(e||[]).map(r=>r.unique||0),[e,s]),a=o.useMemo(()=>(e||[]).map(r=>r.returning||0),[e,s]),g=o.useMemo(()=>({labels:i,datasets:[{label:"Unique",data:u.slice(),borderColor:"#3b82f6",backgroundColor:"rgba(55, 128, 246,0.55)",fill:!0,tension:.4,pointRadius:2,pointHoverRadius:3,borderWidth:2,stack:"uvr"},{label:"Returning",data:a.slice(),borderColor:"#22c55e",backgroundColor:"rgba(34,197,94,0.20)",fill:!0,tension:.4,pointRadius:2,pointHoverRadius:3,borderWidth:2,stack:"uvr"}]}),[i,u,a,s]),l=q({stacked:!0,yBeginAtZero:!0,showLegend:!0}),b=o.useMemo(()=>({...l,plugins:{legend:{position:"bottom",labels:{usePointStyle:!0}},tooltip:{mode:"index",intersect:!1,callbacks:{footer:r=>{var c,d;const n=r.reduce((t,k)=>t+(Number(k.raw)||0),0);if(!n)return"";const f=Number(((c=r.find(t=>t.dataset.label==="Unique"))==null?void 0:c.raw)||0),h=Number(((d=r.find(t=>t.dataset.label==="Returning"))==null?void 0:d.raw)||0),x=(f/n*100).toFixed(0),R=(h/n*100).toFixed(0);return`Total: ${n} ⢠U ${x}% ⢠R ${R}%`}}}},scales:{x:{stacked:!0,grid:{display:!0,color:"rgba(0,0,0,0.03)"}},y:{stacked:!0,beginAtZero:!0,grid:{color:v.grid}}}}),[l]);return m.jsx(w,{title:"Unique vs Returning",info:"Tracks how many users are first-time visitors vs. returning ones. Helpful for measuring engagement and repeat visits.",loading:p,hasData:((e==null?void 0:e.length)??0)>0,height:300,children:m.jsx(C,{data:g,options:b})})}export{$ as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.