https://console.neubids.com/assets/dmp-pixel-overview-D_VyPbl5.js

1import{_ as Je}from"./PageHeader-CSX5IYuR.js";import{t as Qe,i as Ze,r as b,w as X,z as r,y as et,c as V,b as a,f as x,D as I,g as l,F as q,a0 as Ee,a1 as De,o as u,d as s,R as _,C as m,B as ie,a9 as Pe,V as T,$ as tt,m as A,A as ne}from"./index-J9nOrsQD.js";import{m as F}from"./vue3-apexcharts-BUzfEPvS.js";import{V as f,b as h}from"./VCard-DUxCp35T.js";import{V as N,a as v}from"./VRow-Cw9UwOJq.js";import{V as at,a as st,b as Y,c as J}from"./VTabs-DWhoTJ2P.js";import{V as lt}from"./VAutocomplete-BHo1jigZ.js";import{V as de}from"./VTextField-CLjKG_VT.js";import{V as ue}from"./VChip-BaLZmADQ.js";import{V as ot}from"./VSpacer-zHo_lJgK.js";import{V as U}from"./VAvatar-Di-Mt3Dl.js";import{V as k}from"./VDivider-bJ3FFub8.js";import{V as rt}from"./VSelect-LGgGUW2C.js";import{V as it}from"./VTable-BlR-wIlM.js";import{V as nt}from"./VPagination-XlmPa2J-.js";import"./createSimpleFunctional-Bh2scDdT.js";/* empty css              */import"./forwardRefs-C-GTDzx5.js";import"./easing-CjukEv2V.js";import"./VWindowItem-DmdeIvS-.js";import"./lazy-_r794NZA.js";import"./ssrBoot-Ba-t1sO4.js";import"./transition-57c_9WnM.js";import"./VOverlay-C7BESNZA.js";import"./filter-CjQC3fD6.js";import"./form-CEcGPlTc.js";import"./VList-BmzM2hrj.js";import"./VMenu-CgyQdoQQ.js";import"./dialog-transition-KX9gggQm.js";import"./VCheckboxBtn-CWn5EAKj.js";import"./VSelectionControl-DwwzdDEO.js";import"./VLabel-BwtpFET5.js";import"./VField-DXzxdXTz.js";import"./VInput-BURTZBed.js";const dt={class:"pixel-insights"},ut={class:"d-flex flex-wrap align-center gap-2 mt-4"},ct={class:"d-flex align-center gap-3"},mt={class:"d-flex align-center gap-1"},pt={class:"d-flex align-center justify-space-between mb-1"},vt={class:"text-h5 font-weight-bold mb-0"},ft={class:"d-flex align-center justify-space-between mb-1"},bt={class:"text-h5 font-weight-bold mb-0"},ht={class:"d-flex align-center justify-space-between mb-1"},gt={class:"text-h5 font-weight-bold mb-0"},xt={class:"d-flex align-center justify-space-between mb-1"},yt={class:"text-h5 font-weight-bold mb-0"},wt={class:"chart-card__header"},_t={class:"flex-grow-1"},St={class:"text-body-1 font-weight-semibold mb-0"},Vt={class:"text-caption text-medium-emphasis mb-0"},kt={class:"chart-card__header"},Ct={class:"th-inner"},Et=["onClick"],Dt={class:"th-inner justify-end"},Pt={class:"col-product"},It={class:"product-name"},Tt={class:"product-sku"},Nt={key:0},zt=["colspan"],At={class:"d-flex align-center justify-space-between px-4 py-2 flex-wrap gap-2"},Ft={key:0,class:"d-flex align-center gap-2"},$t={class:"text-caption text-medium-emphasis"},Ot={class:"chart-card__header"},Lt={class:"flex-grow-1"},Ut={class:"text-body-1 font-weight-semibold mb-0"},Bt={class:"text-caption text-medium-emphasis text-center mb-0"},C="rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity))",B="rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity))",R=10,Rt={__name:"dmp-pixel-overview",setup(Mt){const M=Ze(),Q=b(!0),Z=b({EventList:{}}),ee=new Date,ce=new Date(ee);ce.setDate(ee.getDate()-6);const me=t=>t.toISOString().split("T")[0],i=b({advertiserId:M.getAdvertiserId,eventIds:[],startDate:me(ce),endDate:me(ee)});X(()=>M.getAdvertiserId,t=>{i.value.advertiserId=t});const Ie=r(()=>!i.value.advertiserId||!Z.value.EventList?[]:Z.value.EventList[i.value.advertiserId]??[]);X(()=>i.value.advertiserId,()=>{i.value.eventIds=[],ke()});const te=r(()=>!!i.value.advertiserId&&i.value.eventIds.length>0&&!!i.value.startDate&&!!i.value.endDate),z=b(!1),G=b(!1),D=b(0),p=b(null),W=b("funnel"),S=b(null),P=t=>{if(t==null)return"—";const e=Number(t);return e>=1e6?`${+(e/1e6).toFixed(1)}M`:e>=1e3?`${+(e/1e3).toFixed(1)}K`:e.toString()},pe=r(()=>{var t,e;return((e=(t=p.value)==null?void 0:t.Currency)==null?void 0:e.Symbol)??""}),Te=t=>{if(t==null)return"—";const e=Number(t).toLocaleString("en-US",{minimumFractionDigits:2,maximumFractionDigits:2});return pe.value?`${e} ${pe.value}`:e},ve=b([]),fe={1:"Male",2:"Female",3:"Unknown"},Ne={Male:"#4361EE",Female:"#F72585",Unknown:"#9E9E9E"},ze={1:">=17",2:"18–24",3:"25–34",4:"35–44",5:"45–54",6:"55+",7:"Unknown"},Ae=["#4361EE","#F72585","#FF9F43","#00CFE8","#28C76F","#7367F0","#EA5455"],j=r(()=>{var t;return((t=p.value)==null?void 0:t.FunnelStages)??[]}),be=r(()=>j.value.reduce((t,e)=>t+(Number(e.UserCount)||0),0)),Fe=r(()=>[{name:"% of funnel",data:j.value.map(t=>{const e=Number(t.UserCount)||0;return be.value>0&&parseFloat((e/be.value*100).toFixed(1))||0})}]),$e=r(()=>({chart:{type:"bar",toolbar:{show:!1}},plotOptions:{bar:{columnWidth:"55%",borderRadius:3}},colors:["#90CAF9"],xaxis:{categories:j.value.map(t=>t.EvtName??""),labels:{style:{colors:C,fontSize:"11px"}},axisBorder:{show:!1},axisTicks:{show:!1}},yaxis:{min:0,labels:{style:{colors:C,fontSize:"10px"},formatter:t=>`${t}%`}},grid:{borderColor:"rgba(var(--v-border-color), var(--v-border-opacity))",yaxis:{lines:{show:!0}},xaxis:{lines:{show:!1}}},dataLabels:{enabled:!1},tooltip:{theme:"dark",y:{formatter:t=>`${t}%`}}})),ae=r(()=>{var t;return((t=p.value)==null?void 0:t.PixelPurchaseShares)??[]}),se=r(()=>ae.value.reduce((t,e)=>t+(Number(e.PurchaseCount)||0),0)),Oe=r(()=>ae.value.map(t=>{const e=Number(t.PurchaseCount)||0;return se.value>0&&parseFloat((e/se.value*100).toFixed(1))||0})),Le=r(()=>({chart:{type:"donut",toolbar:{show:!1}},labels:ae.value.map(t=>t.EvnName??""),colors:Ae,dataLabels:{enabled:!1},stroke:{width:0},legend:{show:!0,position:"bottom",fontSize:"12px",labels:{colors:B}},plotOptions:{pie:{donut:{size:"70%",labels:{show:!0,value:{fontSize:"20px",color:B,fontWeight:600,formatter:t=>`${t}%`},total:{show:!0,label:"Total",color:C,fontSize:"12px",formatter:t=>P(se.value)}}}}},tooltip:{theme:"dark",y:{formatter:t=>`${t}%`}}})),he=r(()=>{var e;const t=(e=p.value)==null?void 0:e.HourlyDistribution;return t?!Array.isArray(t)&&S.value!=null?t[S.value]??t[String(S.value)]??[]:Array.isArray(t)?t:[]:[]}),ge=r(()=>he.value.reduce((t,e)=>t+Number(e.UserCount),0)),Ue=r(()=>[{name:"% share",data:Array.from({length:24},(e,c)=>{const n=he.value.find(d=>d.Hour===c),o=n?Number(n.UserCount):0;return ge.value>0?parseFloat((o/ge.value*100).toFixed(1)):0})}]),Be=r(()=>({chart:{type:"bar",toolbar:{show:!1}},plotOptions:{bar:{columnWidth:"85%"}},colors:["#90CAF9"],xaxis:{categories:Array.from({length:24},(t,e)=>`${String(e).padStart(2,"0")}:00`),labels:{style:{colors:C,fontSize:"9px"}},axisBorder:{show:!1},axisTicks:{show:!1}},yaxis:{labels:{style:{colors:C,fontSize:"10px"},formatter:t=>`${t}%`}},grid:{borderColor:"rgba(var(--v-border-color), var(--v-border-opacity))",yaxis:{lines:{show:!0}},xaxis:{lines:{show:!1}},padding:{right:0,left:0}},dataLabels:{enabled:!1},tooltip:{theme:"dark",y:{formatter:t=>`${t}%`}}})),H=r(()=>j.value.map(t=>({title:t.EvtName,value:t.EvcId}))),xe=r(()=>{var t;return((t=H.value.find(e=>

1e.value===S.value))==null?void 0:t.title)??""});X(H,t=>{var e;t.length&&!S.value&&(S.value=((e=t[t.length-1])==null?void 0:e.value)??null)},{immediate:!0});const le=r(()=>{var t;return(((t=p.value)==null?void 0:t.GenderDistribution)??[]).map(e=>({label:fe[e.Gender]??"Unknown",count:Number(e.UserCount),color:Ne[fe[e.Gender]]??"#9E9E9E"}))}),Re=r(()=>le.value.map(t=>t.count)),Me=r(()=>({chart:{type:"donut",toolbar:{show:!1}},labels:le.value.map(t=>t.label),colors:le.value.map(t=>t.color),dataLabels:{enabled:!1},stroke:{width:0},legend:{show:!0,position:"bottom",fontSize:"12px",labels:{colors:B},markers:{width:12,height:12,radius:3}},plotOptions:{pie:{donut:{size:"70%",labels:{show:!0,value:{fontSize:"20px",color:B,fontWeight:600,formatter:t=>P(Number(t))},total:{show:!0,label:"Total",color:C,fontSize:"12px",formatter:t=>P(t.globals.seriesTotals.reduce((e,c)=>e+c,0))}}}}},tooltip:{theme:"dark",y:{formatter:t=>`${P(t)} users`}}})),oe=r(()=>{var t;return(((t=p.value)==null?void 0:t.AgeDistribution)??[]).map(e=>({label:ze[e.AgeGroup]??`Group ${e.AgeGroup}`,count:Number(e.UserCount)}))}),ye=r(()=>oe.value.reduce((t,e)=>t+e.count,0)),Ge=r(()=>[{name:"% share",data:oe.value.map(t=>ye.value>0?parseFloat((t.count/ye.value*100).toFixed(1)):0)}]),We=r(()=>({chart:{type:"bar",toolbar:{show:!1}},plotOptions:{bar:{columnWidth:"55%",borderRadius:3}},colors:["#90CAF9"],xaxis:{categories:oe.value.map(t=>t.label),labels:{style:{colors:C,fontSize:"11px"}},axisBorder:{show:!1},axisTicks:{show:!1}},yaxis:{min:0,labels:{style:{colors:C,fontSize:"10px"},formatter:t=>`${t}%`}},grid:{borderColor:"rgba(var(--v-border-color), var(--v-border-opacity))",yaxis:{lines:{show:!0}},xaxis:{lines:{show:!1}}},dataLabels:{enabled:!1},tooltip:{theme:"dark",y:{formatter:t=>`${t}%`}}})),$=r(()=>{var t;return(((t=p.value)==null?void 0:t.TopSegments)??[]).map(e=>({label:e.SegmentName,count:Number(e.UserCount)})).sort((e,c)=>c.count-e.count)}),we=r(()=>$.value.reduce((t,e)=>t+e.count,0)),je=r(()=>[{name:"% share",data:$.value.map(t=>we.value>0?parseFloat((t.count/we.value*100).toFixed(2)):0)}]),He=r(()=>({chart:{type:"bar",toolbar:{show:!1},parentHeightOffset:0},plotOptions:{bar:{horizontal:!0,barHeight:"70%",borderRadius:2}},colors:["#90CAF9"],xaxis:{categories:$.value.map(t=>t.label),labels:{style:{colors:C,fontSize:"11px"},formatter:t=>`${t}%`},axisBorder:{show:!1},axisTicks:{show:!1}},yaxis:{labels:{style:{colors:B,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:20}},dataLabels:{enabled:!1},tooltip:{theme:"dark",y:{formatter:t=>`${t}%`}}})),E=b(1),K=b(""),y=b({key:null,dir:"desc"}),O=r(()=>{var c;const t=((c=p.value)==null?void 0:c.TopProducts)??[];return[...new Set(t.map(n=>n.EventCategoryId))].sort((n,o)=>n-o).map(n=>({id:n,label:ve.value[n]??`Category ${n}`}))}),Ke=r(()=>{var o;const t=((o=p.value)==null?void 0:o.TopProducts)??[],e=O.value.map(d=>d.id),c={};e.forEach(d=>{c[d]=t.filter(g=>g.EventCategoryId===d).reduce((g,w)=>g+Number(w.EventCount),0)});const n=new Map;return t.forEach(d=>{n.has(d.ProductId)||n.set(d.ProductId,{productId:d.ProductId,productName:d.ProductName,pcts:{}});const g=n.get(d.ProductId),w=c[d.EventCategoryId];g.pcts[d.EventCategoryId]=w>0?parseFloat((Number(d.EventCount)/w*100).toFixed(1)):0}),Array.from(n.values())}),L=r(()=>{const t=K.value.trim().toLowerCase(),{key:e,dir:c}=y.value;let n=Ke.value;return t&&(n=n.filter(o=>o.productName.toLowerCase().includes(t)||String(o.productId).toLowerCase().includes(t))),n=[...n].sort((o,d)=>{var Ce;let g,w;if(e==="name")return g=o.productName.toLowerCase(),w=d.productName.toLowerCase(),c==="asc"?g.localeCompare(w):w.localeCompare(g);if(e!=null)return g=o.pcts[e]??-1,w=d.pcts[e]??-1,c==="asc"?g-w:w-g;const re=(Ce=O.value[0])==null?void 0:Ce.id;return re!=null?(d.pcts[re]??0)-(o.pcts[re]??0):0}),n}),_e=r(()=>Math.ceil(L.value.length/R)),Xe=r(()=>{const t=(E.value-1)*R;return L.value.slice(t,t+R)}),Se=t=>{y.value.key===t?y.value.dir=y.value.dir==="desc"?"asc":"desc":y.value={key:t,dir:"desc"},E.value=1};

1X(K,()=>{E.value=1});const Ve=r(()=>{var t,e;return((t=M.getAdvertiser)==null?void 0:t.Name)??((e=M.getAdvertiser)==null?void 0:e.Key)??null}),qe=async()=>{var t;Q.value=!0;try{const{Data:e}=await Ee(De.DMP.GET_PIXEL_PRESET,{method:"POST",body:{}});Z.value=e,(t=e.EventCategoryList)!=null&&t.length&&(ve.value=e.EventCategoryList.reduce((c,n)=>(c[n.Id]=n.Value,c),{}))}catch(e){console.error("Error fetching pixel preset:",e)}finally{Q.value=!1}},Ye=async()=>{if(te.value){z.value=!0;try{const{Data:t}=await Ee(De.DMP.GET_PIXEL_OVERVIEW,{method:"POST",body:{AdvertiserId:i.value.advertiserId,EventIds:i.value.eventIds,StartDate:i.value.startDate,EndDate:i.value.endDate}});p.value=t,G.value=!0,D.value++,S.value=null,E.value=1}catch(t){console.error("Error fetching pixel overview:",t)}finally{z.value=!1}}},ke=()=>{p.value=null,G.value=!1};return et(qe),(t,e)=>{var n;const c=Je;return u(),V("div",dt,[a(c,{title:"DMP Pixel Insights",subtitle:"Analyze on-site behavior, funnel, and shopping intent for selected pixels."}),a(f,{class:"search-card mb-4",elevation:"0"},{default:l(()=>[a(h,{class:"pa-5"},{default:l(()=>[e[15]||(e[15]=s("div",{class:"d-flex align-start justify-space-between mb-4 flex-wrap gap-2"},[s("div",null,[s("p",{class:"text-body-1 font-weight-semibold mb-0"},"Search"),s("p",{class:"text-caption text-medium-emphasis mb-0"}," Select pixel(s), choose view, then Execute. ")])],-1)),a(N,{dense:"",align:"start"},{default:l(()=>[a(v,{cols:"12",sm:"6",md:"6"},{default:l(()=>[a(lt,{modelValue:i.value.eventIds,"onUpdate:modelValue":e[0]||(e[0]=o=>i.value.eventIds=o),items:Ie.value,"item-title":"Key","item-value":"Id",label:"Pixels",variant:"outlined",density:"compact","hide-details":"",multiple:"",chips:"","closable-chips":"",disabled:!i.value.advertiserId||Q.value},null,8,["modelValue","items","disabled"])]),_:1}),a(v,{cols:"12",sm:"6",md:"3"},{default:l(()=>[a(de,{modelValue:i.value.startDate,"onUpdate:modelValue":e[1]||(e[1]=o=>i.value.startDate=o),label:"Date from",type:"date",variant:"outlined",density:"compact","hide-details":""},null,8,["modelValue"])]),_:1}),a(v,{cols:"12",sm:"6",md:"3"},{default:l(()=>[a(de,{modelValue:i.value.endDate,"onUpdate:modelValue":e[2]||(e[2]=o=>i.value.endDate=o),label:"Date to",type:"date",variant:"outlined",density:"compact","hide-details":""},null,8,["modelValue"])]),_:1})]),_:1}),s("div",ut,[Ve.value?(u(),x(ue,{key:0,color:"primary",size:"small",label:""},{default:l(()=>[e[9]||(e[9]=s("span",{class:"font-weight-bold mr-1"},"Advertiser",-1)),_(m(Ve.value),1)]),_:1})):I("",!0),i.value.eventIds.length?(u(),x(ue,{key:1,color:"primary",size:"small",label:""},{default:l(()=>[e[10]||(e[10]=s("span",{class:"font-weight-bold mr-1"},"Pixels",-1)),_(m(i.value.eventIds.length),1)]),_:1})):I("",!0),i.value.startDate&&i.value.endDate?(u(),x(ue,{key:2,color:"primary",size:"small",label:""},{default:l(()=>[e[11]||(e[11]=s("span",{class:"font-weight-bold mr-1"},"Range",-1)),_(" "+m(i.value.startDate)+" → "+m(i.value.endDate),1)]),_:1})):I("",!0),a(ot),s("div",ct,[s("div",mt,[s("div",{class:ie(["ready-dot",{"ready-dot--active":te.value}])},null,2),e[12]||(e[12]=s("span",{class:"text-caption text-medium-emphasis"},"Ready",-1))]),a(Pe,{variant:"text",size:"small",disabled:z.value,onClick:ke},{default:l(()=>e[13]||(e[13]=[_(" Cancel ")])),_:1},8,["disabled"]),a(Pe,{color:"primary",size:"small",loading:z.value,disabled:!te.value,onClick:Ye},{default:l(()=>e[14]||(e[14]=[_(" Execute ")])),_:1},8,["loading","disabled"])])])]),_:1})]),_:1}),G.value&&((n=p.value)!=null&&n.Summary)?(u(),x(N,{key:0,dense:"",class:"mb-4"},{default:l(()=>[a(v,{cols:"12",sm:"6",md:"3"},{default:l(()=>[a(f,{class:"kpi-card kpi-card--primary",elevation:"0"},{default:l(()=>[e[17]||(e[17]=s("div",{class:"kpi-card__accent"},null,-1)),a(h,{class:"pa-4"},{default:l(()=>[s("div",pt,[a(U,{color:"primary",variant:"tonal",size:"36",rounded:"lg"},{default:l(()=>[a(T,{icon:"ri-cursor-line",size:"18"})]),_:1}),z.value?(u(),x(tt,{key:0,indeterminate:"",size:"14",width:"2",color:"primary"})):I("",!0)]),e[16]||(e[16]=s("p",{class:"text-caption text-medium-emphasis mb-1 mt-2"}," Total Events ",-1)),s("p",vt,m(P(p.value.Summary.TotalEventCount)),1)]),_:1})]),_:1})]),_:1}),a(v,{cols:"12",sm:"6",md:"3"},{default:l(()=>[a(f,{class:"kpi-card kpi-card--warning",elevation:"0"},{default:l(()=>[e[19]||(e[19]=s("div",{class:"kpi-card__accent"},null,-1)),a(h,{class:"pa-4"},{default:l(()=>[s("div",ft,[a(U,{color:"warning",variant:"tonal",size:"36",rounded:"lg"},{default:l(()=>[a(T,{icon:"ri-fingerprint-line",size:"18"})]),_:1})]),e[18]||(e[18]=s("p",{class:"text-caption text-medium-emphasis mb-1 mt-2"}," Identified Events ",-1)),s("p",bt,m(P(p.value.Summary.TotalIdentifiedEventCount)),1)]),_:1})]),_:1})]),_:1}),a(v,{cols:"12",sm:"6",md:"3"},{default:l(()=>[a(f,{class:"kpi-card kpi-card--info",elevation:"0"},{default:l(()=>[e[21]||(e[21]=s("div",{class:"kpi-card__accent"},null,-1)),a(h,{class:"pa-4"},{default:l(()=>[s("div",ht,[a(U,{color:"info",variant:"tonal",size:"36",rounded:"lg"},{default:l(()=>[a(T,{icon:"ri-group-line",size:"18"})]),_:1})]),e[20]||(e[20]=s("p",{class:"text-caption text-medium-emphasis mb-1 mt-2"}," Total Users ",-1)),s("p",gt,m(P(p.value.Summary.TotalUserCount)),1)]),_:1})]),_:1})]),_:1}),a(v,{cols:"12",sm:"6",md:"3"},{default:l(()=>[a(f,{class:"kpi-card kpi-card--success",elevation:"0"},{default:l(()=>[e[23]||(e[23]=s("div",{class:"kpi-card__accent"},null,-1)),a(h,{class:"pa-4"},{default:l(()=>[s("div",xt,[a(U,{color:"success",variant:"tonal",size:"36",rounded:"lg"},{default:l(()=>[a(T,{icon:"ri-money-euro-circle-line",size:"18"})]),_:1})]),e[22]||(e[22]=s("p",{class:"text-caption text-medium-emphasis mb-1 mt-2"}," Total Value ",-1)),s("p",yt,m(Te(p.value.Summary.TotalValue)),1)]),_:1})]),_:1})]),_:1})]),_:1})):I("",!0),G.value||z.value?(u(),V(q,{key:1},[a(at,{modelValue:W.value,"onUpdate:modelValue":e[3]||(e[3]=o=>W.value=o),class:"pixel-tabs mb-4",density:"compact"},{default:l(()=>[a(Y,{value:"funnel"},{default:l(()=>e[24]||(e[24]=[_(" Funnel ")])),_:1}),a(Y,{value:"shopping"},{default:l(()=>e[25]||(e[25]=[_(" Shopping ")])),_:1}),a(Y,{value:"demographics"},{default:l(()=>e[26]||(e[26]=[_(" Demographics ")])),_:1}),a(Y,{value:"segments"},{default:l(()=>e[27]||(e[27]=[_(" Segments ")])),_:1})]),_:1},8,["modelValue"]),a(st,{modelValue:W.value,"onUpdate:modelValue":e[8]||(e[8]=o=>W.value=o)},{default:l(()=>[a(J,{value:"funnel"},{default:l(()=>[a(N,null,{default:l(()=>[a(v,{cols:"12",md:"7"},{default:l(()=>[a(f,{class:"chart-card",elevation:"0",height:"100%"},{default:l(()=>[e[29]||(e[29]=s("div",{class:"chart-card__header"},[s("div",{class:"flex-grow-1"},[s("p",{class:"text-body-1 font-weight-semibold mb-0"}," Site funnel "),s("p",{class:"text-caption text-medium-emphasis mb-0"}," Share by stage (% of funnel activity) ")])],-1)),a(k),a(h,{class:"pt-3"},{default:l(()=>[(u(),x(A(F),{key:`funnel-${D.value}`,type:"bar",height:"260",options:$e.value,series:Fe.value},null,8,["options","series"])),e[28]||(e[28]=s("p",{class:"text-caption text-medium-emphasis mt-1 mb-0"}," Funnel shows the distribution across stages (not step-to-step conversion). ",-1))]),_:1})]),_:1})]),_:1}),a(v,{cols:"12",md:"5"},{default:l(()=>[a(f,{class:"chart-card",elevation:"0",height:"100%"},{default:l(()=>[e[31]||(e[31]=s("div",{class:"chart-card__header"},[s("div",{class:"flex-grow-1"},[s("p",{class:"text-body-1 font-weight-semibold mb-0"}," Purchase signal "),s("p",{class:"text-caption text-medium-emphasis mb-0"}," Purchase share by pixel (% of purchases) ")])],-1)),a(k),a(h,{class:"pt-3"},{default:l(()=>[(u(),x(A(F),{key:`purchase-donut-${D.value}`,type:"donut",height:"280",options:Le.value,series:Oe.value},null,8,["options","series"])),e[30]||(e[30]=s("p",{class:"text-caption text-medium-emphasis mt-2 mb-0"},' Helps answer: "Which pixel drives more purchases?" (still % only). ',-1))]),_:1})]),_:1})]),_:1})]),_:1}),a(N,{class:"mt-4"},{default:l(()=>[a(v,{cols:"12",md:"7"},{default:l(()=>[a(f,{class:"chart-card",elevation:"0",height:"100%"},{default:l(()=>

1[s("div",wt,[s("div",_t,[s("p",St,m(xe.value)+" by hour ",1),s("p",Vt," % share of "+m(xe.value.toLowerCase())+" by hour (dayparting) ",1)])]),a(k),a(h,{class:"pt-3"},{default:l(()=>[(u(),x(A(F),{key:`hourly-${D.value}-${S.value}`,type:"bar",height:"260",options:Be.value,series:Ue.value},null,8,["options","series"])),e[32]||(e[32]=s("p",{class:"text-caption text-medium-emphasis mt-1 mb-0"},' Default is Purchase. Use "Stage" to compare with other funnel stages. ',-1))]),_:1})]),_:1})]),_:1}),a(v,{cols:"12",md:"5"},{default:l(()=>[a(f,{class:"chart-card",elevation:"0",height:"100%"},{default:l(()=>[e[35]||(e[35]=s("div",{class:"chart-card__header"},[s("div",{class:"flex-grow-1"},[s("p",{class:"text-body-1 font-weight-semibold mb-0"}," Hour stage "),s("p",{class:"text-caption text-medium-emphasis mb-0"}," Select which stage to plot by hour ")])],-1)),a(k),a(h,{class:"pt-4"},{default:l(()=>[e[33]||(e[33]=s("p",{class:"text-caption text-medium-emphasis mb-3"},"Stage",-1)),a(rt,{modelValue:S.value,"onUpdate:modelValue":e[4]||(e[4]=o=>S.value=o),items:H.value,"item-title":"title","item-value":"value",variant:"outlined",density:"compact","hide-details":"",disabled:!H.value.length},null,8,["modelValue","items","disabled"]),e[34]||(e[34]=s("p",{class:"text-caption text-medium-emphasis mt-4 mb-0"}," This chart is based on selected pixels + consent view (still % only). ",-1))]),_:1})]),_:1})]),_:1})]),_:1})]),_:1}),a(J,{value:"shopping"},{default:l(()=>[a(N,null,{default:l(()=>[a(v,{cols:"12",md:"7"},{default:l(()=>[a(f,{class:"chart-card",elevation:"0"},{default:l(()=>[s("div",kt,[e[36]||(e[36]=s("div",{class:"flex-grow-1"},[s("p",{class:"text-body-1 font-weight-semibold mb-0"}," Top products "),s("p",{class:"text-caption text-medium-emphasis mb-0"}," Distribution by event type (% share) ")],-1)),a(de,{modelValue:K.value,"onUpdate:modelValue":e[5]||(e[5]=o=>K.value=o),placeholder:"Search…","prepend-inner-icon":"ri-search-line",variant:"outlined",density:"compact","hide-details":"",clearable:"",style:{"max-inline-size":"200px"}},null,8,["modelValue"])]),a(k),a(it,{class:"top-products-table"},{default:l(()=>[s("thead",null,[s("tr",null,[s("th",{class:"text-left col-product sortable-th",onClick:e[6]||(e[6]=o=>Se("name"))},[s("span",Ct,[e[37]||(e[37]=_(" Product ")),a(T,{icon:y.value.key==="name"?y.value.dir==="asc"?"ri-arrow-up-s-line":"ri-arrow-down-s-line":"ri-expand-up-down-line",size:"14",class:ie({"sort-active":y.value.key==="name"})},null,8,["icon","class"])])]),(u(!0),V(q,null,ne(O.value,o=>(u(),V("th",{key:o.id,class:"text-right col-pct sortable-th",onClick:d=>Se(o.id)},[s("span",Dt,[_(m(o.label)+" % ",1),a(T,{icon:y.value.key===o.id?y.value.dir==="asc"?"ri-arrow-up-s-line":"ri-arrow-down-s-line":"ri-expand-up-down-line",size:"14",class:ie({"sort-active":y.value.key===o.id})},null,8,["icon","class"])])],8,Et))),128))])]),s("tbody",null,[(u(!0),V(q,null,ne(Xe.value,o=>(u(),V("tr",{key:o.productId},[s("td",Pt,[s("span",It,m(o.productName),1),s("span",Tt,m(o.productId),1)]),(u(!0),V(q,null,ne(O.value,d=>(u(),V("td",{key:d.id,class:"text-right col-pct pct-cell"},m(o.pcts[d.id]!=null?`${o.pcts[d.id]}%`:"—"),1))),128))]))),128)),L.value.length?I("",!0):(u(),V("tr",Nt,[s("td",{colspan:1+O.value.length,class:"text-center text-medium-emphasis",style:{"padding-block":"24px"}}," No product data available. ",8,zt)]))])]),_:1}),a(k),s("div",At,[e[38]||(e[38]=s("span",{class:"text-caption text-medium-emphasis"}," No counts. Only distribution. ",-1)),_e.value>1?(u(),V("div",Ft,[s("span",$t,m((E.value-1)*R+1)+"–"+m(Math.min(E.value*R,L.value.length))+" / "+m(L.value.length),1),a(nt,{modelValue:E.value,"onUpdate:modelValue":e[7]||(e[7]=o=>E.value=o),length:_e.value,"total-visible":5,density:"compact",size:"x-small",rounded:"lg"},null,8,["modelValue","length"])])):I("",!0)])]),_:1})]),_:1})]),_:1})]),_:1}),a(J,{value:"demographics"},{default:l(()=>[a(N,null,{default:l(()=>[a(v,{cols:"12",md:"6"},{default:l(()=>[a(f,{class:"chart-card",elevation:"0",height:"100%"},{default:l(()=>[e[39]||(e[39]=s("div",{class:"chart-card__header"},[s("div",{class:"flex-grow-1"},[s("p",{class:"text-body-1 font-weight-semibold mb-0"}," Gender distribution "),s("p",{class:"text-caption text-medium-emphasis mb-0"}," % share ")])],-1)),a(k),a(h,{class:"pt-3"},{default:l(()=>[(u(),x(A(F),{key:`gender-${D.value}`,type:"donut",height:"320",options:Me.value,series:Re.value},null,8,["options","series"]))]),_:1})]),_:1})]),_:1}),a(v,{cols:"12",md:"6"},{default:l(()=>[a(f,{class:"chart-card",elevation:"0",height:"100%"},{default:l(()=>[e[40]||(e[40]=s("div",{class:"chart-card__header"},[s("div",{class:"flex-grow-1"},[s("p",{class:"text-body-1 font-weight-semibold mb-0"}," Age bands "),s("p",{class:"text-caption text-medium-emphasis mb-0"}," % share ")])],-1)),a(k),a(h,{class:"pt-3"},{default:l(()=>[(u(),x(A(F),{key:`age-${D.value}`,type:"bar",height:"320",options:We.value,series:Ge.value},null,8,["options","series"]))]),_:1})]),_:1})]),_:1})]),_:1})]),_:1}),a(J,{value:"segments"},{default:l(()=>[a(N,null,{default:l(()=>[a(v,{cols:"12"},{default:l(()=>[a(f,{class:"chart-card",elevation:"0"},{default:l(()=>[s("div",Ot,[s("div",Lt,[s("p",Ut," Top segments ("+m($.value.length)+") ",1),e[41]||(e[41]=s("p",{class:"text-caption text-medium-emphasis mb-0"}," % share ",-1))])]),a(k),a(h,{class:"pt-3"},{default:l(()=>[(u(),x(A(F),{key:`segments-${D.value}`,type:"bar",height:Math.max(300,$.value.length*32),options:He.value,series:je.value}

1,null,8,["height","options","series"])),e[42]||(e[42]=s("p",{class:"text-caption text-medium-emphasis mt-1 mb-0"}," Non-consented view may rely on contextual / URL signals. ",-1))]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue"])],64)):(u(),x(f,{key:2,class:"empty-state",elevation:"0"},{default:l(()=>[a(h,{class:"d-flex flex-column align-center justify-center py-12"},{default:l(()=>[a(U,{color:"primary",variant:"tonal",size:"56",rounded:"lg",class:"mb-4"},{default:l(()=>[a(T,{icon:"ri-bar-chart-2-line",size:"28"})]),_:1}),e[43]||(e[43]=s("p",{class:"text-body-1 font-weight-semibold mb-1"},"No data yet",-1)),s("p",Bt,m(i.value.advertiserId?"Choose one or more pixels, set a date range, then click Execute.":"Select an advertiser from the account menu in the top bar, then choose pixel(s) and Execute."),1)]),_:1})]),_:1}))])}}},Sa=Qe(Rt,[["__scopeId","data-v-920fad9f"]]);export{Sa as default};