https://app.findmymarket.com/js/persona/print.ce01a9cb.js

1"use strict";(self["webpackChunkfind_my_market"]=self["webpackChunkfind_my_market"]||[]).push([[1273],{14308:function(e,s,a){a.r(s),a.d(s,{default:function(){return Ne}});var t=a(29800),l=a(81840);const r={key:0,class:"persona-print-container"},n={class:"profile-left"},o=["src"],i={key:1,class:"summary-card summary-card--under"},c={class:"row"},p={class:"label"},d={class:"value"},u={class:"row"},v={class:"label"},k={class:"value"},y={class:"row"},m={class:"label"},g={class:"value"},f={class:"row"},_={class:"label"},L={class:"value"},b={class:"row"},h={class:"label"},C={class:"value"},j={class:"profile-info"},w={class:"name-row"},E={class:"name"},K=["title"],x={class:"tags"},S={key:0,class:"country"},X={class:"meta"},I={key:0,class:"summary-card"},R={class:"row"},B={class:"label"},D={class:"value"},T={class:"row"},W={class:"label"},M={class:"value"},Q={class:"row"},A={class:"label"},F={class:"value"},P={class:"row"},$={class:"label"},N={class:"value"},z={class:"row"},q={class:"label"},J={class:"value"},O={key:0,class:"keywords-block"},U={class:"block-title"},H={class:"keywords"},V={class:"section"},Y={class:"section-title"},G={class:"grid-2"},Z={class:"item"},ee={class:"label"},se={class:"content"},ae={class:"item"},te={class:"label"},le={class:"content"},re={class:"grid-2"},ne={class:"item"},oe={class:"label"},ie={class:"content"},ce={class:"item"},pe={class:"label"},de={class:"content"},ue={key:1,class:"section"},ve={class:"section-title"},ke=["innerHTML"],ye={key:2,class:"section journey"},me={class:"section-title"},ge={class:"jm-headers"},fe={key:0,class:"jm-scene-row"},_e=["src","alt"],Le={class:"caption"},be={class:"jm-rows"},he={class:"jm-title"},Ce={class:"jm-cells"},je=["innerHTML"],we={key:3,class:"section cjm"},Ee={key:1,class:"persona-print-error"};function Ke(e,s,a,Ke,xe,Se){return Ke.ready?((0,t.uX)(),(0,t.CE)("div",r,[(0,t.Lk)("div",{class:(0,l.C4)(["print-root",{"persona-print-ready":Ke.allReady}])},[(0,t.Lk)("div",{class:(0,l.C4)(["profile-block",{"is-b2b":Ke.isB2B}])},[(0,t.Lk)("div",n,[Ke.persona.profile_image?((0,t.uX)(),(0,t.CE)("img",{key:0,class:"profile-image",src:Ke.persona.profile_image,crossorigin:"anonymous"},null,8,o)):(0,t.Q3)("",!0),Ke.isB2B?((0,t.uX)(),(0,t.CE)("div",i,[(0,t.Lk)("div",c,[(0,t.Lk)("div",p,(0,l.v_)(Ke.t("personas.print.basedOn")),1),(0,t.Lk)("div",d,(0,l.v_)(Ke.persona.site||"-"),1)]),(0,t.Lk)("div",u,[(0,t.Lk)("div",v,(0,l.v_)(Ke.t("personas.print.mode")),1),(0,t.Lk)("div",k,(0,l.v_)(Ke.t(Ke.modeLabel)),1)]),(0,t.Lk)("div",y,[(0,t.Lk)("div",m,(0,l.v_)(Ke.t("personas.print.creator")),1),(0,t.Lk)("div",g,(0,l.v_)(Ke.persona.created_by),1)]),(0,t.Lk)("div",f,[(0,t.Lk)("div",_,(0,l.v_)(Ke.t("personas.print.createdDate")),1),(0,t.Lk)("div",L,(0,l.v_)(Ke.formatDate(Ke.profile.created_at)),1)]),(0,t.Lk)("div",b,[(0,t.Lk)("div",h,(0,l.v_)(Ke.t("personas.print.lastUpdate")),1),(0,t.Lk)("div",C,(0,l.v_)(Ke.formatDate(Ke.profile.updated_at)),1)])])):(0,t.Q3)("",!0)]),(0,t.Lk)("div",j,[(0,t.Lk)("div",w,[(0,t.Lk)("div",E,(0,l.v_)(Ke.profile.name),1),Ke.persona.target_type?((0,t.uX)(),(0,t.CE)("div",{key:0,class:(0,l.C4)(["target-tag",Ke.targetClass])},(0,l.v_)(Ke.persona.target_type),3)):(0,t.Q3)("",!0),Ke.profile.cjm_update?((0,t.uX)(),(0,t.CE)("div",{key:1,class:"cjm-badge",title:Ke.t("personas.badge.cjmUpdated")},(0,l.v_)(Ke.t("personas.badge.cjm")),9,K)):(0,t.Q3)("",!0)]),(0,t.Lk)("div",x,[((0,t.uX)(!0),(0,t.CE)(t.FK,null,(0,t.pI)(Ke.tags,(e,s)=>((0,t.uX)(),(0,t.CE)("span",{class:(0,l.C4)(["tag",e.kind]),key:s},(0,l.v_)(e.textKey?Ke.t(e.textKey,e.params||{}):e.text),3))),128))]),Ke.countryName?((0,t.uX)(),(0,t.CE)("div",S,(0,l.v_)(Ke.countryName),1)):(0,t.Q3)("",!0),(0,t.Lk)("div",X,[((0,t.uX)(!0),(0,t.CE)(t.FK,null,(0,t.pI)(Ke.infoItems,(e,s)=>((0,t.uX)(),(0,t.CE)("div",{key:s},[(0,t.Lk)("strong",null,(0,l.v_)(Ke.t(e.labelKey))+": ",1),(0,t.eW)((0,l.v_)(e.value),1)]))),128))])]),Ke.isB2B?(0,t.Q3)("",!0):((0,t.uX)(),(0,t.CE)("div",I,[(0,t.Lk)("div",R,[(0,t.Lk)("div",B,(0,l.v_)(Ke.t("personas.print.basedOn")),1),(0,t.Lk)("div",D,(0,l.v_)(Ke.persona.site||"-"),1)]),(0,t.Lk)("div",T,[(0,t.Lk)("div",W,(0,l.v_)(Ke.t("personas.print.mode")),1),(0,t.Lk)("div",M,(0,l.v_)(Ke.t(Ke.modeLabel)),1)]),(0,t.Lk)("div",Q,[(0,t.Lk)("div",A,(0,l.v_)(Ke.t("personas.print.creator")),1),(0,t.Lk)("div",F,(0,l.v_)(Ke.persona.created_by),1)]),(0,t.Lk)("div",P,[(0,t.Lk)("div",$,(0,l.v_)(Ke.t("personas.print.createdDate")),1),(0,t.Lk)("div",N,(0,l.v_)(Ke.formatDate(Ke.profile.created_at)),1)]),(0,t.Lk)("div",z,[(0,t.Lk)("div",q,(0,l.v_)(Ke.t("personas.print.lastUpdate")),1),(0,t.Lk)("div",J,(0,l.v_)(Ke.formatDate(Ke.profile.updated_at)),1)])]))],2),Ke.keywords.length?((0,t.uX)(),(0,t.CE)("div",O,[(0,t.Lk)("div",U,(0,l.v_)(Ke.t("personas.print.mainKeywords",{count:Ke.keywords.length})),1),(0,t.Lk)("div",H,[((0,t.uX)(!0),(0,t.CE)(t.FK,null,(0,t.pI)(Ke.keywords,(e,s)=>((0,t.uX)(),(0,t.CE)("span",{class:"chip",key:s},(0,l.v_)(e),1))),128))])])):(0,t.Q3)("",!0),(0,t.Lk)("div",V,[(0,t.Lk)("div",Y,(0,l.v_)(Ke.t("personas.print.aboutMe")),1),(0,t.Lk)("div",G,[(0,t.Lk)("div",Z,[(0,t.Lk)("div",ee,(0,l.v_)(Ke.t("personas.print.background")),1),(0,t.Lk)("div",se,(0,l.v_)(Ke.profile.background),1)]),(0,t.Lk)("div",ae,[(0,t.Lk)("div",te,(0,l.v_)(Ke.t("personas.print.goalValue")),1),(0,t.Lk)("div",le,(0,l.v_)(Ke.profile.goal_value),1)])]),(0,t.Lk)("div",re,[(0,t.Lk)("div",ne,[(0,t.Lk)("div",oe,(0,l.v_)(Ke.t("personas.print.behavior")),1),(0,t.Lk)("div",ie,(0,l.v_)(Ke.profile.behavior),1)]),(0,t.Lk)("div",ce,[(0,t.Lk)("div",pe,(0,l.v_)(Ke.t("personas.print.painPoint")),1),(0,t.Lk)("div",de,(0,l.v_)(Ke.profile.pain_point),1)])])]),Ke.profile.story_telling?((0,t.uX)(),(0,t.CE)("div",ue,[(0,t.Lk)("div",ve,(0,l.v_)(Ke.t("personas.print.storytelling")),1),(0,t.Lk)("div",{class:"story-text",innerHTML:Ke.nl2br(Ke.profile.story_telling)},null,8,ke)])):(0,t.Q3)("",!0),Ke.hasJourney?((0,t.uX)(),(0,t.CE)("div",ye,[(0,t.Lk)("div",me,(0,l.v_)(Ke.t("personas.print.journeyMap")),1),(0,t.Lk)("div",ge,[((0,t.uX)(),(0,t.CE)(t.FK,null,(0,t.pI)(Ke.headerKeys,(e,s)=>(0,t.Lk)("div",{class:"jm-head",key:s},(0,l.v_)(Ke.t(e)),1)),64))]),5===Ke.storytellingScenes.length?((0,t.uX)(),(0,t.CE)("div",fe,[((0,t.uX)(!0),(0,t.CE)(t.FK,null,(0,t.pI)(Ke.storytellingScenes,(e,s)=>((0,t.uX)(),(0,t.CE)("div",{class:"jm-scene",key:`js-${s}`},[(0,t.Lk)("img",{src:e.image_url,alt:e.scene_title,crossorigin:"anonymous"},null,8,_e),(0,t.Lk)("div",Le,(0,l.v_)(e.scene_title),1)]))),128))])):(0,t.Q3)("",!0),(0,t.Lk)("div",be,[((0,t.uX)(),(0,t.CE)(t.FK,null,(0,t.pI)(Ke.mapRows,(e,s)=>(0,t.Lk)("div",{class:"jm-row",key:`r-${s}`},[(0,t.Lk)("div",he,(0,l.v_)(Ke.t(e.labelKey)),1),(0,t.Lk)("div",Ce,[((0,t.uX)(),(0,t.CE)(t.FK,null,(0,t.pI)(Ke.mapCols,(s,a)=>(0,t.Lk)("div",{class:"jm-cell",key:`c-${a}`,innerHTML:Ke.formatJourneyCell(Ke.profile[`${s}_${e.value}`])},null,8,je)),64))])])),64))])])):(0,t.Q3)("",!0),Ke.profile.cjm_update?((0,t.uX)(),(0,t.CE)("div",we,[(0,t.bF)(Ke["CjmUpdateBlock"],{profile:Ke.profile,"print-mode":!0,onReady:Ke.onCjmReady}

1,null,8,["profile"])])):(0,t.Q3)("",!0)],2)])):Ke.error?((0,t.uX)(),(0,t.CE)("div",Ee,(0,l.v_)(Ke.error),1)):(0,t.Q3)("",!0)}a(18111),a(61701);var xe=a(70184),Se=a(64885),Xe=a(48772),Ie=a(19524),Re=a.n(Ie),Be=a(92688);a(44114),a(58335);const De=e=>{if(!e)return"";if(Array.isArray(e))return e.join(", ");if("string"===typeof e)try{const s=JSON.parse(e);return Array.isArray(s)?s.join(", "):String(e)}catch{return e}return""},Te=(e,s)=>{if(!e)return"";if(!s)return e;const a=new RegExp(`,?\\s*${s}(-\\d+)?\\b`,"");return e.replace(a,"").replace(/,\s*,/g,",").replace(/\s{2,}/g," ").replace(/,\s*$/,"").trim()};function We(e){const s=[],a=e?.profile||{},t="B2B"===e?.target_type,l=Te(e?.detailed_address,e?.zip_code);if(t){const t=e?.b2b||{};t.industry&&s.push({labelKey:"personas.profile.industry",value:t.industry}),t.company_size&&s.push({labelKey:"personas.profile.companySize",value:t.company_size}),a.job&&s.push({labelKey:"personas.profile.jobTitle",value:a.job}),t.seniority&&s.push({labelKey:"personas.profile.seniority",value:t.seniority}),a.education&&s.push({labelKey:"personas.profile.education",value:a.education});const r=De(t.skills);r&&s.push({labelKey:"personas.profile.skills",value:r});const n=l||a.country||e?.countryName||"";n&&s.push({labelKey:"personas.profile.location",value:String(n)})}else a.job&&s.push({labelKey:"personas.profile.job",value:a.job}),a.education&&s.push({labelKey:"personas.profile.education",value:a.education}),l&&s.push({labelKey:"personas.profile.location",value:l}),e?.zip_code&&s.push({labelKey:"personas.profile.zipCode",value:String(e.zip_code)}),a.income&&s.push({labelKey:"personas.profile.income",value:a.income});return s}function Me(e){const s=[],a=e?.profile||{};return null!=a.age&&""!==a.age&&s.push({textKey:"personas.profile.yearsOld",params:{age:a.age},kind:"age"}),a.gender&&s.push({text:String(a.gender),kind:"gender"}),"B2B"!==e?.target_type&&(a.household_type&&s.push({text:String(a.household_type),kind:"household"}),a.lifestyle&&s.push({text:String(a.lifestyle),kind:"lifestyle"})),s}var Qe=a(72074),Ae=a(82424),Fe=(0,t.pM)({__name:"PersonaPrint",setup(e,{expose:s}){s();const{t:a}=(0,Ae.s9)(),l=(0,Se.lq)(),r="https://api.findmymarket.com",n=(0,xe.KR)(!1),o=(0,xe.KR)(""),i=(0,xe.KR)({}),c=(0,xe.KR)({}),p=(0,t.EW)(()=>i.value?.storytelling_images||[]),d=(0,t.EW)(()=>(i.value?.keywords||[]).map(e=>e.keyword)),u=["personas.print.colAwareness","personas.print.colConsideration","personas.print.colDecision","personas.print.colRetention","personas.print.colAdvocacy"],v=[{labelKey:"personas.print.rowGoal",value:"goal"},{labelKey:"personas.print.rowAction",value:"action"},{labelKey:"personas.print.rowContent",value:"content"},{labelKey:"personas.print.rowMarketing",value:"marketing"}],k=["awareness","consideration","decision","onboarding","advocacy"],y=(0,t.EW)(()=>(0,Be._Q)(i.value?.type,i.value?.manual_type)),m=(0,t.EW)(()=>v.some(e=>k.some(s=>c.value?.[`${s}_${e.value}`]))),g=e=>e?Re()(e).format("YY.MM.DD"):"-",f=(0,t.EW)(()=>String(i.value?.target_type||"").toLowerCase()),_=(0,t.EW)(()=>"B2B"===String(i.value?.target_type||"").toUpperCase()),L=(0,t.EW)(()=>i.value?.countryName||i.value?.profile?.country||""),b=(0,t.EW)(()=>We(i.value||{})),h=(0,t.EW)(()=>Me(i.value||{})),C=(0,xe.KR)(!1),j=()=>{C.value=!0},w=(0,t.EW)(()=>n.value&&(!c.value?.cjm_update||C.value));(0,t.sV)(async()=>{const e=Number(l.params.id),s=String(l.query.t||"");if(e&&s)try{const a=await Xe.A.get(`${r}/persona/${e}/print-data`,{params:{t:s}});if("0000"!==a.data?.code)return void(o.value=a.data?.message||"load failed");i.value=a.data.data,c.value=i.value?.profile||{},n.value=!0}catch(a){o.value=a?.message||"load error"}else o.value="invalid link"});const E={t:a,route:l,apiBase:r,ready:n,error:o,persona:i,profile:c,storytellingScenes:p,keywords:d,headerKeys:u,mapRows:v,mapCols:k,modeLabel:y,hasJourney:m,formatDate:g,targetClass:f,isB2B:_,countryName:L,infoItems:b,tags:h,cjmReady:C,onCjmReady:j,allReady:w,ref:xe.KR,computed:t.EW,onMounted:t.sV,get useRoute(){return Se.lq},get axios(){return Xe.A},get moment(){return Re()},get formatJourneyCell(){return Be.E4},get nl2br(){return Be.HA},get personaCreateTypeName(){return Be._Q},get getPersonaInfoItems(){return We},get getPersonaTags(){return Me},CjmUpdateBlock:Qe.A,get useI18n(){return Ae.s9}};return Object.defineProperty(E,"__isScriptSetup",{enumerable:!1,value:!0}),E}}),Pe=a(83729);const $e=(0,Pe.A)(Fe,[["render",Ke],["__scopeId","data-v-5babca55"]]);var Ne=$e},72074:function(e,s,a){a.d(s,{A:function(){return B}});var t=a(29800),l=a(81840);const r={key:0,class:"cjm-update-section"},n={class:"cjm-section-title"},o={class:"cjm-legend"},i={class:"legend-item"},c={class:"legend-item"},p={class:"legend-item"},d={class:"cjm-headers"},u={key:0,class:"cjm-sub-stages"},v={class:"cjm-row-title"},k={class:"cjm-columns"},y={key:1,class:"emotion-curve-section"},m={class:"curve-title"},g={class:"curve-canvas-wrapper"},f={ref:"emotionCanvasRef"},_={class:"curve-legend"},L={class:"cjm-rows"},b={class:"cjm-row-title"},h={class:"cjm-columns"},C={class:"kpi-metric"},j={class:"kpi-label"},w={class:"item-text"},E={key:0,class:"item-quote"};function K(e,s,a,K,x,S){return K.cjmData?((0,t.uX)(),(0,t.CE)("div",r,[(0,t.Lk)("div",n,(0,l.v_)(K.t("personas.cjm.title")),1),(0,t.Lk)("div",o,[(0,t.Lk)("div",i,[s[0]||(s[0]=(0,t.Lk)("div",{class:"legend-swatch swatch-new"},null,-1)),(0,t.Lk)("span",null,(0,l.v_)(K.t("personas.cjm.newInsights")),1)]),(0,t.Lk)("div",c,[s[

11]||(s[1]=(0,t.Lk)("div",{class:"legend-swatch swatch-existing"},null,-1)),(0,t.Lk)("span",null,(0,l.v_)(K.t("personas.cjm.confirmedItems")),1)]),(0,t.Lk)("div",p,[s[2]||(s[2]=(0,t.Lk)("div",{class:"legend-swatch swatch-quote"},null,-1)),(0,t.Lk)("span",null,(0,l.v_)(K.t("personas.cjm.customerQuote")),1)])]),(0,t.Lk)("div",d,[((0,t.uX)(),(0,t.CE)(t.FK,null,(0,t.pI)(K.cjmStages,e=>(0,t.Lk)("div",{class:"cjm-header-item",key:e.key},(0,l.v_)(K.t(`personas.cjm.stages.${e.key}`)),1)),64))]),K.cjmData.sub_stages?((0,t.uX)(),(0,t.CE)("div",u,[(0,t.Lk)("div",v,(0,l.v_)(K.t("personas.cjm.subStages")),1),(0,t.Lk)("div",k,[((0,t.uX)(),(0,t.CE)(t.FK,null,(0,t.pI)(K.cjmStages,(e,s)=>(0,t.Lk)("div",{class:"cjm-column",key:e.key},[((0,t.uX)(!0),(0,t.CE)(t.FK,null,(0,t.pI)(K.cjmData.sub_stages[e.key]||[],(a,r)=>((0,t.uX)(),(0,t.CE)("div",{class:(0,l.C4)(["sub-stage-chip","chip-stage-"+e.key]),key:r},(0,l.v_)(s+1)+"-"+(0,l.v_)(r+1)+" "+(0,l.v_)(a),3))),128))])),64))])])):(0,t.Q3)("",!0),K.emotionCurveData.length?((0,t.uX)(),(0,t.CE)("div",y,[(0,t.Lk)("div",m,(0,l.v_)(K.t("personas.cjm.emotionalJourney")),1),(0,t.Lk)("div",g,[(0,t.Lk)("canvas",f,null,512)]),(0,t.Lk)("div",_,[((0,t.uX)(),(0,t.CE)(t.FK,null,(0,t.pI)(K.cjmStages,e=>(0,t.Lk)("div",{class:"curve-legend-item",key:e.key},[(0,t.Lk)("div",{class:"curve-legend-dot",style:(0,l.Tr)({background:K.phaseColors[e.key]})},null,4),(0,t.eW)((0,l.v_)(K.t(`personas.cjm.stages.${e.key}`)),1)])),64))])])):(0,t.Q3)("",!0),(0,t.Lk)("div",L,[((0,t.uX)(),(0,t.CE)(t.FK,null,(0,t.pI)(K.cjmRows,e=>(0,t.Lk)("div",{class:(0,l.C4)(["cjm-row",e.key]),key:e.key},[(0,t.Lk)("div",b,(0,l.v_)(K.t(`personas.cjm.${K.rowKeyMap[e.key]}`)),1),(0,t.Lk)("div",h,[((0,t.uX)(),(0,t.CE)(t.FK,null,(0,t.pI)(K.cjmStages,s=>(0,t.Lk)("div",{class:"cjm-column",key:s.key},["kpis"===e.key?((0,t.uX)(!0),(0,t.CE)(t.FK,{key:0},(0,t.pI)(K.cjmData[e.key]?.[s.key]||[],(e,s)=>((0,t.uX)(),(0,t.CE)("div",{class:"kpi-item",key:s},[(0,t.Lk)("div",C,(0,l.v_)(e.metric),1),(0,t.Lk)("div",j,(0,l.v_)(e.label),1)]))),128)):((0,t.uX)(!0),(0,t.CE)(t.FK,{key:1},(0,t.pI)(K.cjmData[e.key]?.[s.key]?.items||[],(e,s)=>((0,t.uX)(),(0,t.CE)("div",{class:(0,l.C4)(["cell-item",{"is-new":e.is_new}]),key:s},[(0,t.Lk)("div",w,(0,l.v_)(e.text),1),e.quote?((0,t.uX)(),(0,t.CE)("div",E,'"'+(0,l.v_)(e.quote)+'"',1)):(0,t.Q3)("",!0)],2))),128))])),64))])],2)),64))])])):(0,t.Q3)("",!0)}a(44114),a(18111),a(7588),a(58335);var x=a(70184),S=a(82424),X=(0,t.pM)({__name:"CjmUpdateBlock",props:{profile:{},printMode:{type:Boolean}},emits:["ready"],setup(e,{expose:s,emit:a}){s();const{t:l}=(0,S.s9)(),r=e,n=a,o=[{key:"awareness"},{key:"consideration"},{key:"purchase"},{key:"retention"},{key:"advocacy"}],i=[{key:"touchpoints"},{key:"emotions"},{key:"pain_points"},{key:"opportunities"},{key:"kpis"}],c={touchpoints:"touchpoints",emotions:"emotions",pain_points:"painPoints",opportunities:"opportunities",kpis:"kpis"},p={awareness:"#2563eb",consideration:"#7c3aed",purchase:"#d97706",retention:"#059669",advocacy:"#e11d48"},d={awareness:"rgba(37,99,235,0.06)",consideration:"rgba(124,58,237,0.06)",purchase:"rgba(217,119,6,0.06)",retention:"rgba(5,150,105,0.06)",advocacy:"rgba(225,29,72,0.06)"},u=(0,t.EW)(()=>{const e=r.profile?.cjm_update;if(!e)return null;try{return"string"===typeof e?JSON.parse(e):e}catch{return null}}),v=(0,x.KR)(null),k=(0,t.EW)(()=>{if(!u.value?.emotion_curve)return[];const e=[];for(const s of o){const a=u.value.emotion_curve[s.key];if(a?.points)for(const t of a.points)e.push({...t,phase:s.key})}return e}),y=()=>{const e=v.value;if(!e||!k.value.length)return;const s=e.parentElement;if(!s)return;const a=r.printMode?2:window.devicePixelRatio||1,t=s.offsetWidth||(r.printMode?1100:800),l=s.offsetHeight||280;e.width=t*a,e.height=l*a,e.style.width=t+"px",e.style.height=l+"px";const n=e.getContext("2d");if(!n)return;n.scale(a,a);const o=30,i=0,c=40,y=42,m=t-o-i,g=l-c-y,f=4,_=(m-4*f)/5,L=e=>o+e*(_+f),b=["awareness","consideration","purchase","retention","advocacy"],h=k.value;b.forEach((e,s)=>{n.fillStyle=d[e],n.fillRect(L(s),c-10,_,g+20),s>0&&(n.strokeStyle="#e0ddd8",n.lineWidth=1,n.setLineDash([]),n.beginPath(),n.moveTo(L(s)-f/2,0),n.lineTo(L(s)-f/2,l),n.stroke())}),n.setLineDash([2,4]),n.strokeStyle="#ddd",n.lineWidth=.5;for(let r=0;r<=10;r+=2){const e=c+g-r/10*g;n.beginPath(),n.moveTo(o,e),n.lineTo(t-i,e),n.stroke(),n.fillStyle="#bbb",n.font="10px sans-serif",n.textAlign="right",n.fillText(String(r),o-6,e+3)}n.setLineDash([]);const C=u.value?.sub_stages;let j=0;const w=[];for(let r=0;r<b.length;r++){const e=b[r],s=C?.[e]?.length||3;for(let a=0;a<s&&j<h.length;a++,j++){const e=h[j],t=L(r),l=.1*_,n=_-2*l,o=1===s?t+_/2:t+l+a/(s-1)*n;w.push({x:o,y:c+g-e.score/10*g,...e})}}if(!w.length)return;n.beginPath(),n.strokeStyle="#1a1a1a",n.lineWidth=2.5,n.moveTo(w[0].x,w[0].y);for(let r=1;r<w.length;r++){const e=(w[r-1].x+w[r].x)/2;n.bezierCurveTo(e,w[r-1].y,e,w[r].y,w[r].x,w[r].y)}n.stroke();const E=n.createLinearGradient(0,c,0,c+g);E.addColorStop(0,"rgba(37,99,235,0.08)"),E.addColorStop(1,"rgba(37,99,235,0)"),n.lineTo(w[w.length-1].x,c+g),n.lineTo(w[0].x,c+g),n.closePath(),n.fillStyle=E,n.fill();for(const r of w){n.beginPath(),n.arc(r.x,r.y,5,0,2*Math.PI),n.fillStyle=p[r.phase]||"#333",n.fill(),n.strokeStyle="#fff",n.lineWidth=2,n.stroke(),n.font="16px serif",n.textAlign="center",n.fillText(r.emoji,r.x,r.y-16),n.font="10px sans-serif",n.fillStyle="#666";const e=r.y>c+g/2?r.y-30:r.y+30;(r.label||"").split("\n").forEach((s,a)=>{n.fillText(s,r.x,e+12*a)}),n.font="bold 11px sans-serif",n.fillStyle=p[r.phase]||"#333",n.fillText(r.score.toFixed(1),r.x,c+g+20)}},m=async()=>{await(0,t.dY)(),y(),n("ready")};(0,t.wB)(()=>k.value,async()=>{await m()},{deep:!0}),(0,t.sV)(async()=>{await m()});const g={t:l,props:r,emit:n,cjmStages:o,cjmRows:i,rowKeyMap:c,phaseColors:p,phaseBgColors:d,cjmData:u,emotionCanvasRef:v,emotionCurveData:k,drawEmotionCurve:y,renderAndSignalReady:m,ref:x.KR,computed:t.EW,watch:t.wB,onMounted:t.sV,nextTick:t.dY,get useI18n(){return S.s9}};return Object.defineProperty(g,"__isScriptSetup",{enumerable:!1,value:!0}),g}}),I=a(83729);const R=(0,I.A)(X,[["render",K],["__scopeId","data-v-5ad319e6"]]);var B=R}}]);