https://console.neubids.com/assets/dmp-lineitem-overview-Coi0YXRp.js

1import{_ as _e}from"./PageHeader-dMmHcpbQ.js";import{t as ye,r as L,z as r,w as xe,y as Ie,c,b as s,f as v,g as l,F as V,a0 as K,a1 as q,o as m,d as t,D as X,$ as J,I as we,C as n,R as T,A,B as Q,V as h,m as E,N}from"./index-DhOIUQAt.js";import{m as U}from"./vue3-apexcharts-DYgsr8YZ.js";import{V as b,b as _}from"./VCard-B5nlAxVg.js";import{V as M,a as p}from"./VRow-BLXB8ACr.js";import{V as x}from"./VDivider-DSI9H_li.js";import{V as Se}from"./VAutocomplete-2Iyx8E53.js";import{a as ke}from"./VList-CuF_XK4a.js";import{V as B}from"./VSelect-lRpn15OY.js";import{V as I}from"./VAvatar-DdDTx-IO.js";import{V as Ce}from"./VChip-qeU9098r.js";import"./createSimpleFunctional-CseiA92E.js";/* empty css              */import"./VTextField-B_KtHu8t.js";import"./VField-Dw5dGpnI.js";import"./transition-B6Y9jD4q.js";import"./VLabel-suThhhaH.js";import"./VInput-CSu3SOpH.js";import"./form-DhBzm9Mw.js";import"./easing-CjukEv2V.js";import"./forwardRefs-C-GTDzx5.js";import"./filter-BBB7k8e1.js";import"./VMenu-pMIwpbHs.js";import"./VOverlay-Cu3HCGKM.js";import"./lazy-CKOr-AeC.js";import"./dialog-transition-DVfq9_sP.js";import"./VCheckboxBtn-DZtepiij.js";import"./VSelectionControl-DRvMJe7k.js";import"./ssrBoot-_T9etsfz.js";const ze={class:"dmp-lineitem-overview"},Le={class:"d-flex align-center gap-2 mb-4"},Ve={class:"lineitem-option__name"},Ae={class:"lineitem-option__meta"},Ge={class:"lineitem-option__meta-item"},Ee={class:"lineitem-option__meta-item lineitem-option__meta-item--campaign"},Ue={class:"metric-toggle w-100"},Fe=["onClick"],Oe={class:"d-flex align-start justify-space-between mb-2"},Te={class:"text-end"},Me={class:"text-caption text-medium-emphasis mb-0"},Be={class:"text-h4 font-weight-bold mb-1 kpi-value"},Pe={class:"chart-card__header"},De={class:"flex-grow-1"},Ne={class:"text-caption text-medium-emphasis mb-0"},$e={class:"gender-list mt-2"},He={class:"d-flex align-center gap-2"},We={class:"text-body-2 font-weight-medium"},Re={class:"gender-list__right"},Ye={class:"gender-metric-pair"},je={class:"text-body-2 font-weight-bold"},Ke={class:"gender-metric-pair"},qe={class:"text-body-2 font-weight-bold"},Xe={class:"chart-card__header"},Je={class:"flex-grow-1"},Qe={class:"text-caption text-medium-emphasis mb-0"},Ze={class:"chart-card__header"},et={class:"flex-grow-1"},tt={class:"text-caption text-medium-emphasis mb-0"},st={class:"chart-card__header"},at={class:"flex-grow-1"},ot={class:"text-caption text-medium-emphasis mb-0"},lt={class:"chart-card__header"},it={class:"flex-grow-1"},rt={class:"text-caption text-medium-emphasis mb-0"},nt={class:"chart-card__header"},dt={class:"flex-grow-1"},mt={class:"text-caption text-medium-emphasis mb-0"},ut={class:"segment-age-table-wrap"},pt={class:"segment-age-table"},ct={class:"col-segment"},ft={class:"col-total"},F="rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity))",f="rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity))",gt={__name:"dmp-lineitem-overview",setup(vt){const g=L(!0),w=L({LineItemList:[],CountryList:[],AgeList:[],GenderList:[],SegmentList:[]}),P=L(!1),S=L(0),y=L(null),Z=r(()=>{var e;return((e=y.value)==null?void 0:e.Summary)??null}),G=r(()=>{var e;return((e=y.value)==null?void 0:e.Genders)??[]}),D=r(()=>{var e;return((e=y.value)==null?void 0:e.AgeGroups)??[]}),ee=r(()=>{var e;return(((e=y.value)==null?void 0:e.Segments)??[]).filter(a=>a.SegmentId!==0)}),k=r(()=>{var e;return(((e=y.value)==null?void 0:e.SegmentByGender)??[]).filter(a=>a.SegmentId!==0)}),$=r(()=>{var e;return(((e=y.value)==null?void 0:e.SegmentByAge)??[]).filter(a=>a.SegmentId!==0)}),C=r(()=>{var e;return((e=y.value)==null?void 0:e.AgeByGender)??[]}),d=L("impressions"),te=[{value:"impressions",label:"Impressions",icon:"ri-eye-line"},{value:"users",label:"Users",icon:"ri-group-line"}],H={Male:"#7367F0",Female:"#EA5455",Unknown:"#9E9E9E"},se=["#4361EE","#3ECFCF","#FF9F43","#F72585","#7209B7"],i=e=>e==null?"—":e>=1e6?`${+(e/1e6).toFixed(1)}M`:e>=1e3?`${+(e/1e3).toFixed(1)}K`:e.toString(),W=e=>`${parseFloat(e??0).toFixed(1)}%`,u=L({LineItemId:null,CountryId:null,AgeId:null,GenderId:null,SegmentId:null}),ae=r(()=>{const e=Z.value;return[{title:"Total Profiled Users",value:e?i(e.TotalProfiledUsers):"—",icon:"ri-group-line",color:"primary",subtitle:"Across all segments"},{title:"Total Impressions",value:e?i(e.TotalImpressions):"—",icon:"ri-eye-line",color:"success",subtitle:"Ad set delivery"},{title:"Male",value:e?i(e.MaleImpressions):"—",icon:"ri-men-line",color:"info",subtitle:e?`${i(e.MaleUsers)} users`:""},{title:"Female",value:e?i(e.FemaleImpressions):"—",icon:"ri-women-line",color:"error",subtitle:e?`${i(e.FemaleUsers)} users`:""}]}),oe=r(()=>d.value==="impressions"?[{name:"Impressions",data:G.value.map(e=>e.ImpressionCount)}]:[{name:"Users",data:G.value.map(e=>e.UserCount)}]),le=r(()=>({chart:{type:"bar",toolbar:{show:!1},parentHeightOffset:0},plotOptions:{bar:{horizontal:!1,columnWidth:"45%",borderRadius:4}},colors:G.value.map(e=>H[e.Gender]??"#9E9E9E"),xaxis:{categories:G.value.map(e=>e.Gender),labels:{style:{colors:f,fontSize:"12px",fontWeight:500}},axisBorder:{show:!1},axisTicks:{show:!1}},yaxis:{labels:{style:{colors:F,fontSize:"11px"},formatter:e=>i(e)}},dataLabels:{enabled:!0,formatter:e=>i(e),style:{fontSize:"11px",fontWeight:600,colors:[f]},dropShadow:{enabled:!1},offsetY:-4},grid:{borderColor:"rgba(var(--v-border-color), var(--v-border-opacity))",yaxis:{lines:{show:!0}},xaxis:{lines:{show:!1}},padding:{top:0,right:10,bottom:0,left:0}},legend:{show:!1},stroke:{show:!0,width:2,colors:["transparent"]},tooltip:{theme:"dark",y:{formatter:e=>i(e)}}})),ie=r(()=>G.value.map(e=>({label:e.Gender,userCount:e.UserCount,userPct:e.UserPercentage,impressionCount:e.ImpressionCount,impressionPct:e.ImpressionPercentage,color:H[e.Gender]??"#9E9E9E"}))),re=r(()=>d.value==="impressions"?D.value.map(e=>e.ImpressionCount):D.value.map(e=>e.UserCount)),ne=r(()=>({chart:{type:"donut",toolbar:{show:!1},parentHeightOffset:0},labels:D.value.map(e=>e.AgeGroup),colors:se,dataLabels:{enabled:!0,formatter:e=>`${parseFloat(e).toFixed(1)}%`,style:{fontSize:"11px",fontWeight:600},dropShadow:{enabled:!1}},plotOptions:{pie:{donut:{size:"65%",labels:{show:!0,name:{fontSize:"13px",color:f,offsetY:-4},value:{fontSize:"20px",fontWeight:700,color:f,offsetY:4,formatter:e=>i(Number(e))},total:{show:!0,label:d.value==="impressions"?"Impressions":"Users",fontSize:"12px",color:F,formatter:e=>i(e.globals.seriesTotals.reduce((a,o)=>a+o,0))}}}}},legend:{show:!0,position:"bottom",fontSize:"12px",labels:{colors:f},markers:{width:10,height:10,radius:3},itemMargin:{horizontal:8,vertical:4}},tooltip:{theme:"dark",y:{formatter:e=>d.value==="impressions"?`${i(e)} impressions`:`${i(e)} users`}},stroke:{width:2}})),R=r(()=>[...ee.value].sort((e,a)=>d.value==="impressions"?a.ImpressionCount-e.ImpressionCount:a.UserCount-e.UserCount)),de=r(()=>[{name:d.value==="impressions"?"Impressions":"Users",data:R.value.map(e=>d.value==="impressions"?e.ImpressionCount:e.UserCount)}]),me=r(()=>({chart:{type:"bar",toolbar:{show:!1},parentHeightOffset:0},plotOptions:{bar:{horizontal:!0,barHeight:"75%",dataLabels:{position:"center"}}},colors:["#7367F0"],dataLabels:{enabled:!0,formatter:e=>i(e),style:{fontSize:"11px",colors:[f],fontWeight:600},dropShadow:{enabled:!1},offsetX:5},xaxis:{categories:R.value.map(e=>e.SegmentName),logarithmic:!0,logBase:10,labels:{style:{colors:F,fontSize:"11px"},formatter:e=>i(Math.round(Number(e)))},axisBorder:{show:!1},axisTicks:{show:!1}},yaxis:{labels:{style:{colors:f,fontSize:"12px",fontWeight:500}}},grid:{borderColor:"rgba(var(--v-border-color), var(--v-border-opacity))",xaxis:{lines:{show:!0}},yaxis:{lines:{show:!1}},padding:{right:10}},fill:{type:"gradient",gradient:{shade:"light",type:"horizontal",gradientToColors:["#28C76F"],stops:[0,100]}},tooltip:{theme:"dark",y:{formatter:e=>d.value==="impressions"?`${i(e)} impressions`:`${i(e)} users`}}})),ue=r(()=>d.value==="impressions"?[{name:"Male",data:C.value.map(e=>e.MaleImpressions)},{name:"Female",data:C.value.map(e=>e.FemaleImpressions)},{name:"Unknown",data:C.value.map(e=>e.UnknownImpressions)}]:[{name:"Male",data:C.value.map(e=>e.MaleUsers)},{name:"Female",data:C.value.map(e=>e.FemaleUsers)},{name:"Unknown",data:C.value.map(e=>

1e.UnknownUsers)}]),pe=r(()=>({chart:{type:"bar",toolbar:{show:!1},stacked:!0,parentHeightOffset:0},plotOptions:{bar:{horizontal:!0,barHeight:"75%"}},colors:["#7367F0","#EA5455","#9E9E9E"],xaxis:{categories:C.value.map(e=>e.AgeGroup),labels:{style:{colors:F,fontSize:"10px"},formatter:e=>i(e)},axisBorder:{show:!1},axisTicks:{show:!1}},yaxis:{labels:{style:{colors:f,fontSize:"11px",fontWeight:500}}},grid:{borderColor:"rgba(var(--v-border-color), var(--v-border-opacity))",xaxis:{lines:{show:!0}},yaxis:{lines:{show:!1}},padding:{top:0,right:10,bottom:0,left:0}},dataLabels:{enabled:!0,formatter:e=>e>0?i(e):"",style:{fontSize:"10px",fontWeight:600,colors:["#fff"]},dropShadow:{enabled:!0,blur:2,opacity:.4}},legend:{show:!0,position:"bottom",fontSize:"12px",labels:{colors:f},onItemClick:{toggleDataSeries:!1},onItemHover:{highlightDataSeries:!1}},stroke:{width:0},tooltip:{theme:"dark",y:{formatter:e=>d.value==="impressions"?`${i(e)} impressions`:`${i(e)} users`}}})),ce=r(()=>d.value==="impressions"?[{name:"Male",data:k.value.map(e=>e.MaleImpressions)},{name:"Female",data:k.value.map(e=>e.FemaleImpressions)},{name:"Unknown",data:k.value.map(e=>e.UnknownImpressions)}]:[{name:"Male",data:k.value.map(e=>e.MaleUsers)},{name:"Female",data:k.value.map(e=>e.FemaleUsers)},{name:"Unknown",data:k.value.map(e=>e.UnknownUsers)}]),fe=r(()=>({chart:{type:"bar",toolbar:{show:!1},stacked:!0,stackType:"100%",parentHeightOffset:0},plotOptions:{bar:{horizontal:!0,barHeight:"75%"}},colors:["#4361EE","#F72585","#9E9E9E"],xaxis:{categories:k.value.map(e=>e.SegmentName),labels:{style:{colors:F,fontSize:"10px"},formatter:e=>`${parseFloat(e).toFixed(0)}%`},axisBorder:{show:!1},axisTicks:{show:!1},min:0,max:100},yaxis:{labels:{style:{colors:f,fontSize:"10px",fontWeight:400},offsetY:1}},grid:{borderColor:"rgba(var(--v-border-color), var(--v-border-opacity))",xaxis:{lines:{show:!0}},yaxis:{lines:{show:!1}},padding:{top:4,right:10,bottom:4,left:0}},dataLabels:{enabled:!0,formatter:e=>e>1?`${parseFloat(e).toFixed(1)}%`:"",style:{fontSize:"11px",fontWeight:600,colors:["#fff","#fff","#fff"]},dropShadow:{enabled:!1},textAnchor:"middle",offsetX:0},legend:{show:!0,position:"bottom",fontSize:"12px",labels:{colors:f},onItemClick:{toggleDataSeries:!1},onItemHover:{highlightDataSeries:!1}},stroke:{width:0},tooltip:{theme:"dark",y:{formatter:e=>d.value==="impressions"?`${i(e)} impressions`:`${i(e)} users`}}})),Y=r(()=>{var e;return((e=$.value.find(()=>!0))==null?void 0:e.AgeGroups.map(a=>a.AgeGroup))??[]}),ge=r(()=>$.value.map(e=>{const a=d.value==="impressions"?"ImpressionCount":"UserCount",o=e.AgeGroups.reduce((O,be)=>O+be[a],0),z=Object.fromEntries(e.AgeGroups.map(O=>[O.AgeGroup,O[a]]));return{name:e.SegmentName,byAge:z,total:o}})),ve=r(()=>!g.value&&w.value.LineItemList.length===0),he=async()=>{var e,a;g.value=!0;try{const{Data:o}=await K(q.DMP.GET_LINEITEM_PRESET,{method:"POST",body:{}});w.value=o,(e=o.LineItemList)!=null&&e.length&&(u.value.LineItemId=o.LineItemList[0].Id),(a=o.CountryList)!=null&&a.length&&(u.value.CountryId=o.CountryList[0].Id)}catch(o){console.error("Error fetching DMP lineitem preset:",o)}finally{g.value=!1}},j=async()=>{if(!(!u.value.LineItemId||!u.value.CountryId)){P.value=!0;try{const{Data:e}=await K(q.DMP.GET_LINEITEM_OVERVIEW,{method:"POST",body:{LineItemId:u.value.LineItemId,CountryId:u.value.CountryId,AgeId:u.value.AgeId??-1,GenderId:u.value.GenderId??-1,SegmentId:u.value.SegmentId??-1}});y.value=e,S.value++}catch(e){console.error("Error fetching DMP lineitem overview:",e)}finally{P.value=!1}}};return xe(u,()=>j(),{deep:!0}),Ie(async()=>{await he(),j()}),(e,a)=>(m(),c("div",ze,[s(_e,{title:"DMP Ad Set Overview",subtitle:"Get a quick overview of your audience profiling and segmentation for a specific ad set."}),s(b,{class:"mb-6 mt-6 filter-card",elevation:"0"},{default:l(()=>[s(_,{class:"pa-4"},{default:l(()=>[t("div",Le,[a[5]||(a[5]=t("div",{class:"filter-label-dot"},null,-1)),a[6]||(a[6]=t("span",{class:"text-body-2 font-weight-bold text-uppercase",style:{"letter-spacing":"0.08em"}}," Filters ",-1)),g.value?(m(),v(J,{key:0,indeterminate:"",size:"14",width:"2",color:"primary",class:"ml-1"})):X("",!0),s(x,{class:"flex-grow-1 ml-2"})]),s(M,{dense:""},{default:l(()=>[s(p,{cols:"12",sm:"6",md:"4",lg:"2"},{default:l(()=>[s(Se,{modelValue:u.value.LineItemId,"onUpdate:modelValue":a[0]||(a[0]=o=>u.value.LineItemId=o),items:w.value.LineItemList,"item-title":o=>o.LineItemName,"item-value":"Id",label:"Ad Set",variant:"outlined",density:"compact","prepend-inner-icon":"ri-advertisement-line",disabled:g.value,clearable:"","hide-details":"","auto-select-first":""},{item:l(({item:o,props:z})=>

1[s(ke,we(z,{title:void 0,class:"lineitem-option"}),{prepend:l(()=>a[7]||(a[7]=[t("div",{class:"lineitem-option__accent"},null,-1)])),title:l(()=>[t("span",Ve,n(o.raw.LineItemName),1),t("div",Ae,[t("span",Ge,[a[8]||(a[8]=t("i",{class:"ri-building-line lineitem-option__meta-icon"},null,-1)),T(" "+n(o.raw.AdvertiserName),1)]),a[10]||(a[10]=t("span",{class:"lineitem-option__meta-sep"},"›",-1)),t("span",Ee,[a[9]||(a[9]=t("i",{class:"ri-folder-line lineitem-option__meta-icon"},null,-1)),T(" "+n(o.raw.CampaignName),1)])])]),_:2},1040)]),_:1},8,["modelValue","items","item-title","disabled"])]),_:1}),s(p,{cols:"12",sm:"6",md:"4",lg:"2"},{default:l(()=>[s(B,{modelValue:u.value.CountryId,"onUpdate:modelValue":a[1]||(a[1]=o=>u.value.CountryId=o),items:w.value.CountryList,"item-title":"Value","item-value":"Id",label:"Country",variant:"outlined",density:"compact","prepend-inner-icon":"ri-map-pin-line",disabled:g.value,clearable:"","hide-details":""},null,8,["modelValue","items","disabled"])]),_:1}),s(p,{cols:"12",sm:"6",md:"4",lg:"2"},{default:l(()=>[s(B,{modelValue:u.value.GenderId,"onUpdate:modelValue":a[2]||(a[2]=o=>u.value.GenderId=o),items:w.value.GenderList,"item-title":"Value","item-value":"Id",label:"Gender",variant:"outlined",density:"compact","prepend-inner-icon":"ri-user-line",disabled:g.value,clearable:"","hide-details":""},null,8,["modelValue","items","disabled"])]),_:1}),s(p,{cols:"12",sm:"6",md:"4",lg:"2"},{default:l(()=>[s(B,{modelValue:u.value.AgeId,"onUpdate:modelValue":a[3]||(a[3]=o=>u.value.AgeId=o),items:w.value.AgeList,"item-title":"Value","item-value":"Id",label:"Age Group",variant:"outlined",density:"compact","prepend-inner-icon":"ri-equalizer-line",disabled:g.value,clearable:"","hide-details":""},null,8,["modelValue","items","disabled"])]),_:1}),s(p,{cols:"12",sm:"6",md:"4",lg:"2"},{default:l(()=>[s(B,{modelValue:u.value.SegmentId,"onUpdate:modelValue":a[4]||(a[4]=o=>u.value.SegmentId=o),items:w.value.SegmentList,"item-title":"Value","item-value":"Id",label:"Segment",variant:"outlined",density:"compact","prepend-inner-icon":"ri-price-tag-3-line",disabled:g.value,clearable:"","hide-details":""},null,8,["modelValue","items","disabled"])]),_:1}),s(p,{cols:"12",sm:"6",md:"4",lg:"2",class:"d-flex align-center"},{default:l(()=>[t("div",Ue,[(m(),c(V,null,A(te,o=>t("button",{key:o.value,class:Q(["metric-toggle__btn",{"metric-toggle__btn--active":d.value===o.value}]),onClick:z=>{d.value=o.value,S.value++}},[s(h,{icon:o.icon,size:"14",class:"mr-1"},null,8,["icon"]),T(" "+n(o.label),1)],10,Fe)),64))])]),_:1})]),_:1})]),_:1})]),_:1}),ve.value?(m(),v(b,{key:0,class:"empty-state-card",elevation:"0"},{default:l(()=>[s(_,{class:"d-flex flex-column align-center justify-center py-12 gap-4"},{default:l(()=>[s(I,{color:"warning",variant:"tonal",size:"64",rounded:"lg"},{default:l(()=>[s(h,{icon:"ri-inbox-unarchive-line",size:"32"})]),_:1}),a[11]||(a[11]=t("div",{class:"text-center"},[t("p",{class:"text-h6 font-weight-semibold mb-1"},"No Ad Sets Found"),t("p",{class:"text-body-2 text-medium-emphasis mb-0"}," There are no active ad sets available for this report yet. ")],-1))]),_:1})]),_:1})):(m(),c(V,{key:1},[s(M,{class:"mb-1",align:"stretch"},{default:l(()=>[(m(!0),c(V,null,A(ae.value,o=>(m(),v(p,{key:o.title,cols:"12",sm:"6",md:"3"},{default:l(()=>[s(b,{class:Q(["kpi-card",`kpi-card--${o.color}`]),height:"100%"},{default:l(()=>[a[12]||(a[12]=t("div",{class:"kpi-card__accent"},null,-1)),s(_,{class:"pa-4 pt-5"},{default:l(()=>[t("div",Oe,[s(I,{color:o.color,variant:"tonal",size:"42",rounded:"lg"},{default:l(()=>[s(h,{icon:o.icon,size:"22"},null,8,["icon"])]),_:2},1032,["color"]),t("div",Te,[t("p",Me,n(o.title),1),P.value?(m(),v(J,{key:0,indeterminate:"",size:"14",width:"2",color:o.color},null,8,["color"])):X("",!0)])]),t("h2",Be,n(o.value),1),s(Ce,{color:o.color,variant:"tonal",size:"small",class:"mt-1"},{default:l(()=>[T(n(o.subtitle),1)]),_:2},1032,["color"])]),_:2},1024)]),_:2},1032,["class"])]),_:2},1024))),128))]),_:1}),s(M,{class:"mt-4"},{default:l(()=>[s(p,{cols:"12",md:"6",lg:"4"},{default:l(()=>[s(b,{height:"100%",class:"chart-card"},{default:l(()=>[t("div",Pe,[s(I,{color:"warning",variant:"tonal",size:"36",rounded:""},{default:l(()=>[s(h,{icon:"ri-men-line",size:"18"})]),_:1}),t("div",De,[a[13]||(a[13]=t("p",{class:"text-body-1 font-weight-semibold mb-0"}

1," Gender Distribution ",-1)),t("p",Ne,n(d.value==="impressions"?"Impressions":"Users")+" by gender ",1)])]),s(x),s(_,{class:"pt-3"},{default:l(()=>[(m(),v(E(U),{key:S.value,type:"bar",height:"180",options:le.value,series:oe.value},null,8,["options","series"])),t("div",$e,[(m(!0),c(V,null,A(ie.value,o=>(m(),c("div",{key:o.label,class:"gender-list__item"},[t("div",He,[t("div",{class:"gender-dot",style:N({background:o.color})},null,4),t("span",We,n(o.label),1)]),t("div",Re,[t("div",Ye,[a[14]||(a[14]=t("span",{class:"text-caption text-medium-emphasis"},"Users",-1)),t("span",je,n(i(o.userCount)),1),t("span",{class:"gender-pct",style:N({color:o.color})},n(W(o.userPct)),5)]),s(x,{vertical:"",class:"mx-2",style:{"block-size":"28px"}}),t("div",Ke,[a[15]||(a[15]=t("span",{class:"text-caption text-medium-emphasis"},"Impr.",-1)),t("span",qe,n(i(o.impressionCount)),1),t("span",{class:"gender-pct",style:N({color:o.color})},n(W(o.impressionPct)),5)])])]))),128))])]),_:1})]),_:1})]),_:1}),s(p,{cols:"12",md:"6",lg:"4"},{default:l(()=>[s(b,{height:"100%",class:"chart-card"},{default:l(()=>[t("div",Xe,[s(I,{color:"secondary",variant:"tonal",size:"36",rounded:""},{default:l(()=>[s(h,{icon:"ri-bar-chart-horizontal-line",size:"18"})]),_:1}),t("div",Je,[a[16]||(a[16]=t("p",{class:"text-body-1 font-weight-semibold mb-0"}," Age Group Distribution ",-1)),t("p",Qe,n(d.value==="impressions"?"Impressions":"Users")+" by age range ",1)])]),s(x),s(_,{class:"pt-4"},{default:l(()=>[(m(),v(E(U),{key:S.value,type:"donut",height:"280",options:ne.value,series:re.value},null,8,["options","series"]))]),_:1})]),_:1})]),_:1}),s(p,{cols:"12",md:"12",lg:"4"},{default:l(()=>[s(b,{height:"100%",class:"chart-card"},{default:l(()=>[t("div",Ze,[s(I,{color:"error",variant:"tonal",size:"36",rounded:""},{default:l(()=>[s(h,{icon:"ri-price-tag-3-line",size:"18"})]),_:1}),t("div",et,[a[17]||(a[17]=t("p",{class:"text-body-1 font-weight-semibold mb-0"}," Segment Distribution ",-1)),t("p",tt," Top segments by "+n(d.value==="impressions"?"impressions":"users"),1)])]),s(x),s(_,{class:"pt-4"},{default:l(()=>[(m(),v(E(U),{key:S.value,type:"bar",height:"320",options:me.value,series:de.value},null,8,["options","series"]))]),_:1})]),_:1})]),_:1})]),_:1}),s(M,{class:"mt-4"},{default:l(()=>[s(p,{cols:"12",md:"6",lg:"3"},{default:l(()=>[s(b,{height:"100%",class:"chart-card"},{default:l(()=>[t("div",st,[s(I,{color:"primary",variant:"tonal",size:"36",rounded:""},{default:l(()=>[s(h,{icon:"ri-bar-chart-grouped-line",size:"18"})]),_:1}),t("div",at,[a[18]||(a[18]=t("p",{class:"text-body-1 font-weight-semibold mb-0"}," Age × Gender ",-1)),t("p",ot,n(d.value==="impressions"?"Impressions":"Users")+" by age & gender ",1)])]),s(x),s(_,{class:"pt-3"},{default:l(()=>[(m(),v(E(U),{key:S.value,type:"bar",height:"300",options:pe.value,series:ue.value},null,8,["options","series"]))]),_:1})]),_:1})]),_:1}),s(p,{cols:"12",md:"6",lg:"4"},{default:l(()=>[s(b,{height:"100%",class:"chart-card"},{default:l(()=>[t("div",lt,[s(I,{color:"warning",variant:"tonal",size:"36",rounded:""},{default:l(()=>[s(h,{icon:"ri-men-line",size:"18"})]),_:1}),t("div",it,[a[19]||(a[19]=t("p",{class:"text-body-1 font-weight-semibold mb-0"}," Segment × Gender ",-1)),t("p",rt," Gender split per segment ("+n(d.value==="impressions"?"impressions":"users")+") ",1)])]),s(x),s(_,{class:"pt-3"},{default:l(()=>[(m(),v(E(U),{key:S.value,type:"bar",height:"440",options:fe.value,series:ce.value},null,8,["options","series"]))]),_:1})]),_:1})]),_:1}),s(p,{cols:"12",md:"12",lg:"5"},{default:l(()=>[s(b,{height:"100%",class:"chart-card"},{default:l(()=>[t("div",nt,[s(I,{color:"secondary",variant:"tonal",size:"36",rounded:""},{default:l(()=>[s(h,{icon:"ri-table-line",size:"18"})]),_:1}),t("div",dt,[a[20]||(a[20]=t("p",{class:"text-body-1 font-weight-semibold mb-0"}," Segment × Age ",-1)),t("p",mt," Age breakdown per segment — "+n(d.value==="impressions"?"impressions":"users"),1)])]),s(x),s(_,{class:"pa-0"},{default:l(()=>[t("div",ut,[t("table",pt,[t("thead",null,[t("tr",null,[a[21]||(a[21]=t("th",{class:"col-segment"},"Segment",-1)),(m(!0),c(V,null,A(Y.value,o=>(m(),c("th",{key:o,class:"col-age"},n(o),1))),128)),a[22]||(a[22]=t("th",{class:"col-total"},"Total",-1))])]),t("tbody",null,[(m(!0),c(V,null,A(ge.value,o=>(m(),c("tr",{key:o.name},[t("td",ct,n(o.name),1),(m(!0),c(V,null,A(Y.value,z=>(m(),c("td",{key:z,class:"col-age"},n(i(o.byAge[z]??0)),1))),128)),t("td",ft,n(i(o.total)),1)]))),128))])])])]),_:1})]),_:1})]),_:1})]),_:1})],64))]))}},Yt=ye(gt,[["__scopeId","data-v-eb1d3e02"]]);export{Yt as default};