https://yuvilab.ai/assets/SlidePredictNext-BrywgTyd.js

1import{a as P,u as R,w as z,o as D,g as o,c as r,i as n,t as c,F as k,p as y,n as x,e as I,f as w,H as b,j as $,T as C,x as v,r as m}from"./vue-core-BPypFI0K.js";import{_ as E}from"./index-DmugUT3a.js";import"./telemetry-B5FCd5NL.js";const H={class:"pn-fullscreen"},W={class:"pn-wrap"},q={class:"pn-title"},G={class:"pn-intro"},J={class:"pn-progress"},O={key:0},Q={key:1},U={key:2},X={class:"pn-sentence"},Y={class:"pn-helper"},Z={class:"pn-options"},ee=["disabled","onClick"],ne={class:"pn-option-text"},te={class:"pn-option-mark"},le={key:0},se={key:1},ae={key:1,class:"pn-done"},oe={class:"pn-done-title"},re={class:"pn-done-score"},ce={class:"pn-done-msg"},ue={class:"pn-done-tip"},de=P({__name:"SlidePredictNext",props:{i18nKey:{},speechLang:{},revealAllSignal:{}},emits:["ready"],setup(N,{emit:S}){const h=N,T=S,{t:g}=R(),l=(u,a)=>a?g(`${h.i18nKey}.${u}`,a):g(`${h.i18nKey}.${u}`);h.speechLang;const i=v(()=>{const u=[];for(let a=0;a<3;a++){const f=[];for(let e=0;e<3;e++)f.push(l(`rounds.${a}.options.${e}`));u.push({before:l(`rounds.${a}.before`),after:l(`rounds.${a}.after`),options:f,correctIdx:Number(l(`rounds.${a}.correct`)),feedback:l(`rounds.${a}.feedback`)})}return u}),d=m(0),t=m(null),p=m([null,null,null]),_=m(!1),s=v(()=>i.value[d.value]),V=v(()=>p.value.filter(u=>u==="correct").length),A=v(()=>t.value===null?"___":s.value.options[s.value.correctIdx]),B=v(()=>t.value===null?"":t.value===s.value.correctIdx?"pn-blank-right":"pn-blank-wrong"),F=v(()=>t.value===null?"":t.value===s.value.correctIdx?s.value.feedback:l("try_again_hint"));function K(u){t.value===null&&(t.value=u,p.value[d.value]=u===s.value.correctIdx?"correct":"wrong")}function L(){d.value<i.value.length-1?(d.value++,t.value=null):_.value=!0}function j(){d.value=0,t.value=null,p.value=[null,null,null],_.value=!1}function M(){d.value=Math.max(0,i.value.length-1),t.value=null,p.value=i.value.map(()=>"correct"),_.value=!0}return z(()=>h.revealAllSignal,u=>{u&&M()}),D(()=>T("ready")),(u,a)=>(o(),r("div",H,[n("div",W,[n("h2",q,c(l("title")),1),n("p",G,c(l("intro")),1),n("div",J,[(o(!0),r(k,null,y(i.value,(f,e)=>(o(),r("span",{key:e,class:x(["pn-dot",{"pn-dot-active":e===d.value&&!_.value,"pn-dot-correct":p.value[e]==="correct","pn-dot-wrong":p.value[e]==="wrong"}])},[p.value[e]==="correct"?(o(),r("span",O,"✓")):p.value[e]==="wrong"?(o(),r("span",Q,"✕")):(o(),r("span",U,c(e+1),1))],2))),128))]),I(C,{name:"pn-slide",mode:"out-in"},{default:w(()=>[_.value?(o(),r("div",ae,[a[1]||(a[1]=n("span",{class:"pn-done-icon"},"🧠",-1)),n("h3",oe,c(l("done.title")),1),n("p",re,c(l("done.score",{correct:V.value,total:i.value.length})),1),n("p",ce,c(l("done.msg")),1),n("p",ue,c(l("done.tip")),1),n("button",{class:"pn-restart-btn",onClick:j},"↻ "+c(l("btn_restart")),1)])):(o(),r("div",{key:d.value,class:"pn-card"},[n("div",X,[n("span",null,c(s.value.before),1),n("span",{class:x(["pn-blank",B.value])},[t.value===null?(o(),r(k,{key:0},[b("___")],64)):(o(),r(k,{key:1},[b(c(A.value),1)],64))],2),n("span",null,c(s.value.after),1)]),n("p",Y,c(l("helper")),1),n("div",Z,[(o(!0),r(k,null,y(s.value.options,(f,e)=>(o(),r("button",{key:e,class:x(["pn-option",{picked:t.value===e,correct:t.value!==null&&e===s.value.correctIdx,wrong:t.value===e&&e!==s.value.correctIdx,disabled:t.value!==null&&e!==s.value.correctIdx}]),disabled:t.value!==null,onClick:pe=>K(e)},[n("span",ne,c(f),1),n("span",te,[t.value!==null&&e===s.value.correctIdx?(o(),r("span",le,"✅")):t.value===e&&e!==s.value.correctIdx?(o(),r("span",se,"❌")):$("",!0)])],10,ee))),128))]),I(C,{name:"pn-fade"},{default:w(()=>[t.value!==null?(o(),r("div",{key:0,class:x(["pn-feedback",{ok:t.value===s.value.correctIdx}])},[n("p",null,c(F.value),1),n("button",{class:"pn-next-btn",onClick:L},[b(c(d.value<i.value.length-1?l("btn_next"):l("btn_finish"))+" ",1),a[0]||(a[0]=n("span",{class:"pn-next-arrow"},"→",-1))])],2)):$("",!0)]),_:1})]))]),_:1})])]))}}),fe=E(de,[["__scopeId","data-v-c557f730"]]);export{fe as default};