https://www.cambridgexam.com/_nuxt/CFMd06hp.js

1import{_ as Se}from"./Da6fhtpO.js";import{c as x,u as ee,D as _t,E as bt,G as Ct,H as wt,I as St,z as it,J as Ut,K as xt,L as Rt,x as se,M as rt,N as At,O as zt,l as t,P as Lt,Q as Dt,R as at,d as G,e as P,o as Z,r as L,f as s,g as _,m as p,w as l,j as d,k as T,i as b,h as f,n as z,S as Ue,v as O,y as X,_ as V,F as H,A as J,C as Ot,T as mt,U as Oe,t as Ee,B as vt,q as yt,a as Et,b as Tt}from"./BxH3A_O_.js";import{s as N}from"./DZP3KY-I.js";import{m as Wt}from"./Cn7t0qqb.js";import{_ as jt}from"./D2fLf9Nl.js";import{i as Te}from"./CfA7IQv-.js";import{_ as ft}from"./BMO9zE5N.js";import{u as dt}from"./DIU9VnMS.js";import{U as It}from"./Cf_E3r6N.js";import"./DqnrCla5.js";import"./DrNQN5Ww.js";import"./DJLvXm6V.js";const Mt={trailing:!0};function Pt(h,S=25,R={}){if(R={...Mt,...R},!Number.isFinite(S))throw new TypeError("Expected `wait` to be a finite number");let k,w,D=[],A,g;const r=(o,a)=>(A=qt(h,o,a),A.finally(()=>{if(A=null,R.trailing&&g&&!w){const v=r(o,g);return g=null,v}}),A),c=function(...o){return R.trailing&&(g=o),A||new Promise(a=>{const v=!w&&R.leading;clearTimeout(w),w=setTimeout(()=>{w=null;const e=R.leading?k:r(this,o);g=null;for(const n of D)n(e);D=[]},S),v?(k=r(this,o),a(k)):D.push(a)})},U=o=>{o&&(clearTimeout(o),w=null)};return c.isPending=()=>!!w,c.cancel=()=>{U(w),D=[],g=null},c.flush=()=>

1{if(U(w),!g||A)return;const o=g;return g=null,r(this,o)},c}async function qt(h,S,R){return await h.apply(S,R)}function gt(...h){const S=typeof h[h.length-1]=="string"?h.pop():void 0;Ft(h[0],h[1])&&h.unshift(S);let[R,k,w={}]=h,D=!1;const A=x(()=>Dt(R));if(typeof A.value!="string")throw new TypeError("[nuxt] [useAsyncData] key must be a string.");if(typeof k!="function")throw new TypeError("[nuxt] [useAsyncData] handler must be a function.");const g=ee();w.server??=!0,w.default??=Bt,w.getCachedData??=$t,w.lazy??=!1,w.immediate??=!0,w.deep??=_t.deep,w.dedupe??="cancel",w._functionName,g._asyncData[A.value];function r(){const e={cause:"initial",dedupe:w.dedupe};return g._asyncData[A.value]?._init||(e.cachedData=w.getCachedData(A.value,g,{cause:"initial"}),g._asyncData[A.value]=ut(g,A.value,k,w,e.cachedData)),()=>g._asyncData[A.value].execute(e)}const c=r(),U=g._asyncData[A.value];U._deps++;const o=w.server!==!1&&g.payload.serverRendered;{let e=function(C){const u=g._asyncData[C];u?._deps&&(u._deps--,u._deps===0&&u?._off())};const n=xt();if(n&&o&&w.immediate&&!n.sp&&(n.sp=[]),n&&!n._nuxtOnBeforeMountCbs){n._nuxtOnBeforeMountCbs=[];const C=n._nuxtOnBeforeMountCbs;bt(()=>{C.forEach(u=>{u()}),C.splice(0,C.length)}),Ct(()=>C.splice(0,C.length))}const i=n&&(n._nuxtClientOnly||wt(St,!1));o&&g.isHydrating&&(U.error.value||U.data.value!==void 0)?U.status.value=U.error.value?"error":"success":n&&(!i&&g.payload.serverRendered&&g.isHydrating||w.lazy)&&w.immediate?n._nuxtOnBeforeMountCbs.push(c):w.immediate&&U.status.value!=="success"&&c();const m=Rt(),$=it(A,(C,u)=>{if((C||u)&&C!==u){D=!0;const B=g._asyncData[u]?.data.value!==void 0,F=g._asyncDataPromises[u]!==void 0,te={cause:"initial",dedupe:w.dedupe};if(!g._asyncData[C]?._init){let K;u&&B?K=g._asyncData[u].data.value:(K=w.getCachedData(C,g,{cause:"initial"}),te.cachedData=K),g._asyncData[C]=ut(g,C,k,w,K)}g._asyncData[C]._deps++,u&&e(u),(w.immediate||B||F)&&g._asyncData[C].execute(te),at(()=>{D=!1})}},{flush:"sync"}),y=w.watch?it(w.watch,()=>{D||(g._asyncData[A.value]?._execute.isPending()&&at(()=>{g._asyncData[A.value]?._execute.flush()}),g._asyncData[A.value]?._execute({cause:"watch",dedupe:w.dedupe}))}):()=>{};m&&Ut(()=>{$(),y(),e(A.value)})}const a={data:we(()=>g._asyncData[A.value]?.data),pending:we(()=>g._asyncData[A.value]?.pending),status:we(()=>g._asyncData[A.value]?.status),error:we(()=>g._asyncData[A.value]?.error),refresh:(...e)=>g._asyncData[A.value]?._init?g._asyncData[A.value].execute(...e):r

1()(),execute:(...e)=>a.refresh(...e),clear:()=>{const e=g._asyncData[A.value];if(e?._abortController)try{e._abortController.abort(new DOMException("AsyncData aborted by user.","AbortError"))}finally{e._abortController=void 0}ht(g,A.value)}},v=Promise.resolve(g._asyncDataPromises[A.value]).then(()=>a);return Object.assign(v,a),v}function we(h){return x({get(){return h()?.value},set(S){const R=h();R&&(R.value=S)}})}function Ft(h,S){return!(typeof h=="string"||typeof h=="object"&&h!==null||typeof h=="function"&&typeof S=="function")}function ht(h,S){S in h.payload.data&&(h.payload.data[S]=void 0),S in h.payload._errors&&(h.payload._errors[S]=void 0),h._asyncData[S]&&(h._asyncData[S].data.value=t(h._asyncData[S]._default()),h._asyncData[S].error.value=void 0,h._asyncData[S].status.value="idle"),S in h._asyncDataPromises&&(h._asyncDataPromises[S]=void 0)}function Yt(h,S){const R={};for(const k of S)R[k]=h[k];return R}function ut(h,S,R,k,w){h.payload._errors[S]??=void 0;const D=k.getCachedData!==$t,A=R,g=k.deep?se:rt,r=w!==void 0,c=h.hook("app:data:refresh",async o=>{(!o||o.includes(S))&&await U.execute({cause:"refresh:hook"})}),U={data:g(r?w:k.default()),pending:x(()=>U.status.value==="pending"),error:Lt(h.payload._errors,S),status:rt("idle"),execute:(...o)=>{const[a,v=void 0]=o,e=a&&v===void 0&&typeof a=="object"?a:{};if(h._asyncDataPromises[S]&&(e.dedupe??k.dedupe)==="defer")return h._asyncDataPromises[S];{const m="cachedData"in e?e.cachedData:k.getCachedData(S,h,{cause:e.cause??"refresh:manual"});if(m!==void 0)return h.payload.data[S]=U.data.value=m,U.error.value=void 0,U.status.value="success",Promise.resolve(m)}U._abortController&&U._abortController.abort(new DOMException("AsyncData request cancelled by deduplication","AbortError")),U._abortController=new AbortController,U.status.value="pending";const n=new AbortController,i=new Promise((m,$)=>{try{const y=e.timeout??k.timeout,C=Nt([U._abortController?.signal,e?.signal],n.signal,y);if(C.aborted){const u=C.reason;$(u instanceof Error?u:new DOMException(String(u??"Aborted"),"AbortError"));return}return C.addEventListener("abort",()=>{const u=C.reason;$(u instanceof Error?u:new DOMException(String(u??"Aborted"),"AbortError"))},{once:!0,signal:n.signal}),Promise.resolve(A(h,{signal:C})).then(m,$)}catch(y){$(y)}}).then(async m=>{let $=m;k.transform&&($=await k.transform(m)),k.pick&&($=Yt($,k.pick)),h.payload.data[S]=$,U.data.value=$,U.error.value=void 0,U.status.value="success"}).catch(m=>{if(h._asyncDataPromises[S]&&h._asyncDataPromises[S]!==i||U._abortController?.signal.aborted)return h._asyncDataPromises[S];if(typeof DOMException<"u"&&m instanceof DOMException&&m.name==="AbortError")return U.status.value="idle",h._asyncDataPromises[S];U.error.value=zt(m),U.data.value=t(k.default()),U.status.value="error"}).finally(()=>{n.abort(),delete h._asyncDataPromises[S]});return h._asyncDataPromises[S]=i,h._asyncDataPromises[S]},_execute:Pt((...o)=>U.execute(...o),0,{leading:!0}),_default:k.default,_deps:0,_init:!0,_hash:void 0,_off:()=>{c(),h._asyncData[S]?._init&&(h._asyncData[S]._init=!1),D||At(()=>{h._asyncData[S]?._init||(ht(h,S),U.execute=()=>Promise.resolve())})}};return U}const Bt=()=>{},$t=(h,S,R)=>{if(S.isHydrating)return S.payload.data[h];if(R.cause!=="refresh:manual"&&R.cause!=="refresh:hook")return S.static.data[h]};function Nt(h,S,R){const k=h.filter(A=>!!A);if(typeof R=="number"&&R>=0){const A=AbortSignal.timeout?.(R);A&&k.push(A)}if(AbortSignal.any)return AbortSignal.any(k);const w=new AbortController;for(const A of k)if(A.aborted){const g=A.reason??new DOMException("Aborted","AbortError");try{w.abort(g)}catch{w.abort()}return w.signal}const D=()=>{const g=k.find(r=>r.aborted)?.reason??new DOMException("Aborted","AbortError");try{w.abort(g)}catch{w.abort()}};for(const A of k)A.addEventListener?.("abort",D,{once:!0,signal:S});return w.signal}const Ht={key:3,class:"mt-5"},Gt={key:0,class:"font-weight-bold mb-1"},Vt=G({__name:"ReelOpenCloze",props:{reel:{type:Object,required:!0}},emits:["onSolveReel","onLogin"],setup(h,{emit:S}){const R=S,k=h,w=x(()=>String(P().params.course_level)),D=x(()=>N().session),A=P().path.includes("/reels/default"),g=x(()=>

1{const a=k.reel.solution.split("/").map(v=>v.trim());return r.reel&&r.reel.selected_choice?a.map(v=>v.toUpperCase()).includes(r.reel.selected_choice):!1}),r=X({isSolved:!1,selectedChoice:null,reel:null}),c=x({get:()=>r.selectedChoice?{1:r.selectedChoice}:{},set:a=>{r.selectedChoice=a[1]??null,r.reel&&(r.reel.selected_choice=a[1])}});Z(()=>{r.reel=k.reel;const{$gtag:a}=ee();a&&setTimeout(()=>{a("event","screen_view",{app_name:"Web - Open Cloze",page_title:"Web - Open Cloze"})},500)});const U=()=>{r.reel&&(r.selectedChoice=null,r.reel.selected_choice=void 0)},o=(a=!1)=>{D.value.loggedIn?r.isSolved||(A?(U(),R("onSolveReel",g.value)):r.reel&&r.reel.selected_choice&&(r.isSolved=!0,a||R("onSolveReel",g.value))):(U(),R("onLogin"))};return(a,v)=>{const e=L("v-icon"),n=L("v-alert"),i=Se,m=L("v-btn"),$=L("v-col"),y=L("v-row");return s(),_("div",null,[t(r).isSolved&&t(g)?(s(),p(e,{key:0,size:"large",color:"green",class:"exercise-thumb"},{default:l(()=>[...v[2]||(v[2]=[d("mdi-thumb-up",-1)])]),_:1})):t(r).isSolved&&!t(g)?(s(),p(e,{key:1,size:"large",color:"red",class:"exercise-thumb"},{default:l(()=>[...v[3]||(v[3]=[d("mdi-thumb-down",-1)])]),_:1})):T("",!0),b(n,{variant:"tonal",color:t(w),class:z({"instructions pa-2 mb-5":a.$vuetify.theme.name!=="dark"&&a.$vuetify.display.smAndUp,"instructions pa-2 mb-5 dark":a.$vuetify.theme.name==="dark"&&a.$vuetify.display.smAndUp,"instructions pa-2 mb-5 xs":a.$vuetify.theme.name!=="dark"&&a.$vuetify.display.xs,"instructions pa-2 mb-5 dark xs":a.$vuetify.theme.name==="dark"&&a.$vuetify.display.xs})},{default:l(()=>[...v[4]||(v[4]=[f("p",null,[d("Read the sentence below and think of "),f("strong",null,"the word that best fits the gap"),d(". Click the dots to type your answer.")],-1)])]),_:1},8,["color","class"]),v[6]||(v[6]=f("div",{class:"clear"},null,-1)),b(i,{answers:t(c),"onUpdate:answers":v[0]||(v[0]=C=>Ue(c)?c.value=C:null),text:h.reel.text,"gap-count":1,level:t(w),"gap-class":`text-${t(w)}`,numbered:!1,finished:t(r).isSolved,solutions:{1:h.reel.solution},"answer-kind":"word","focus-on-any-click":"","blur-when-hidden":"",class:z({"text-h6":a.$vuetify.display.smAndUp})},null,8,["answers","text","level","gap-class","finished","solutions","class"]),t(r).isSolved?(s(),_("div",Ht,[b(y,null,{default:l(()=>[b($,{cols:10},{default:l(()=>[b(n,{color:"green",variant:"tonal",class:z(["pa-3",{"text-body-1 explanation-alert":a.$vuetify.display.smAndUp,"text-body-2 explanation-alert":a.$vuetify.display.xs}]),rounded:"lg"},{default:l(()=>[a.$vuetify.display.smAndUp?(s(),_("p",Gt,"Explanation")):T("",!0),f("p",null,O(h.reel.explanation),1)]),_:1},8,["class"])]),_:1})]),_:1})])):(s(),p(m,{key:2,color:t(w),onClick:v[1]||(v[1]=C=>o(!1)),disabled:(t(r).selectedChoice??"").length<2,size:a.$vuetify.display.smAndUp?"default":"small",class:z({"mt-5 a":a.$vuetify.theme.name!=="dark","mt-5":a.$vuetify.theme.name==="dark"}),rounded:"lg",elevation:"0"},{default:l(()=>[...v[5]||(v[5]=[f("small",{class:"font-weight-bold text-white"},"Check Answer",-1)])]),_:1},8,["color","disabled","size","class"]))])}}}),We=Object.assign(V(Vt,[["__scopeId","data-v-716e36ba"]]),{__name:"ReelsReelOpenCloze"}),Qt={key:3,class:"mt-5"},Zt={key:0,class:"font-weight-bold mb-1"},Jt=G({__name:"ReelWordFormation",props:{reel:{type:Object,required:!0}},emits:["onSolveReel","onLogin"],setup(h,{emit:S}){const R=S,k=h,w=x(()=>N().session),D=P().path.includes("/reels/default"),A=x(()=>String(P().params.course_level)),g=x(()=>{const a=k.reel.solution.split("/").map(v=>v.trim());return r.reel&&r.reel.selected_choice?a.map(v=>v.toUpperCase()).includes(r.reel.selected_choice):!1}),r=X({isSolved:!1,selectedChoice:null,reel:null}),c=x({get:()=>r.selectedChoice?{1:r.selectedChoice}:{},set:a=>{r.selectedChoice=a[1]??null,r.reel&&(r.reel.selected_choice=a[1])}});Z(()=>{r.reel=k.reel;const{$gtag:a}=ee();a&&setTimeout(()=>{a("event","screen_view",{app_name:"Web - Word Formation",page_title:"Web - Word Formation"})},500)});const U=()=>{r.reel&&(r.selectedChoice=null,r.reel.selected_choice=void 0)},o=(a=!1)=>{w.value.loggedIn?r.isSolved||(D?(U(),R("onSolveReel",g.value)):r.reel&&r.reel.selected_choice&&(r.isSolved=!0,a||R("onSolveReel",g.value))):(U(),R("onLogin"))};return(a,v)=>{const e=L("v-icon"),n=L("v-alert"),i=Se,m=L("v-btn"),$=L("v-col"),y=L("v-row");return s(),_("div",null,[t(r).isSolved&&t(g)?(s(),p(e,{key:0,size:"large",color:"green",class:"exercise-thumb"},{default:l(()=>[...v[2]||(v[2]=[d("mdi-thumb-up",-1)])]),_:1})):t(r).isSolved&&!t(g)?(s(),p(e,{key:1,size:"large",color:"red",class:"exercise-thumb"},{default:l(()=>[...v[3]||(v[3]=[d("mdi-thumb-down",-1)])]),_:1})):T("",!0),b(n,{variant:"tonal",color:t(A),class:z({"instructions pa-2 mb-5":a.$vuetify.theme.name!=="dark"&&a.$vuetify.display.smAndUp,"instructions pa-2 mb-5 dark":a.$vuetify.theme.name==="dark"&&a.$vuetify.display.smAndUp,"instructions pa-2 mb-5 xs":a.$vuetify.theme.name!=="dark"&&a.$vuetify.display.xs,"instructions pa-2 mb-5 dark xs":a.$vuetify.theme.name==="dark"&&a.$vuetify.display.xs})},{default:l(()=>[...v[4]||(v[4]=[f("p",null,[d("Read the sentence below and use the word given in capitals to "),f("strong",null,"form the word that fits in the gap"),d(". Click the dots to type your answer.")],-1)])]),_:1},8,["color","class"]),v[6]||(v[6]=f("div",{class:"clear"},null,-1)),b(i,{answers:t(c),"onUpdate:answers":v[0]||(v[0]=C=>Ue(c)?c.value=C:null),text:h.reel.text,"gap-count":1,level:t(A),"gap-class":`text-${t(A)}`,numbered:!1,finished:t(r).isSolved,solutions:{1:h.reel.solution},"answer-kind":"word","focus-on-any-click":"","blur-when-hidden":"",class:z({"text-h6":a.$vuetify.display.smAndUp})},null,8,["answers","text","level","gap-class","finished","solutions","class"]),t(r).isSolved?(s(),_("div",Qt,[b(y,null,{default:l(()=>[b($,{cols:a.$vuetify.display.xs?12:10},{default:l(()=>[b(n,{color:"green",variant:"tonal",class:z(["pa-3",{"text-body-1":a.$vuetify.display.smAndUp,"text-body-2":a.$vuetify.display.xs}

1]),rounded:"lg"},{default:l(()=>[a.$vuetify.display.smAndUp?(s(),_("p",Zt,"Explanation")):T("",!0),f("p",null,O(h.reel.explanation),1)]),_:1},8,["class"])]),_:1},8,["cols"])]),_:1})])):(s(),p(m,{key:2,color:t(A),onClick:v[1]||(v[1]=C=>o(!1)),disabled:(t(r).selectedChoice??"").length<2,size:a.$vuetify.display.smAndUp?"default":"small",class:z({"mt-5 a":a.$vuetify.theme.name!=="dark","mt-5":a.$vuetify.theme.name==="dark"}),rounded:"lg",elevation:"0"},{default:l(()=>[...v[5]||(v[5]=[f("small",{class:"font-weight-bold text-white"},"Check Answer",-1)])]),_:1},8,["color","disabled","size","class"]))])}}}),je=Object.assign(V(Jt,[["__scopeId","data-v-08b96f31"]]),{__name:"ReelsReelWordFormation"}),Xt={class:"font-weight-bold"},Kt={key:2,class:"mt-5"},es={key:0,class:"font-weight-bold mb-1"},ts=G({__name:"ReelMultipleChoice",props:{reel:{type:Object,required:!0}},emits:["onSolveReel","onLogin"],setup(h,{emit:S}){const R=S,k=h,w=x(()=>String(P().params.course_level)),D=x(()=>N().session),A=se(null),g=P().path.includes("/reels/default"),r=x(()=>a.selectedChoice?.toUpperCase()===k.reel.solution.toUpperCase()),c=x(()=>i=>a.isSolved&&i.toUpperCase()===a.selectedChoice?.toUpperCase()&&i.toUpperCase()===k.reel.solution.toUpperCase()),U=x(()=>i=>a.isSolved&&i.toUpperCase()!==a.selectedChoice?.toUpperCase()&&i.toUpperCase()===k.reel.solution.toUpperCase()),o=x(()=>i=>a.isSolved&&i.toUpperCase()===a.selectedChoice?.toUpperCase()&&i.toUpperCase()!==k.reel.solution.toUpperCase()),a=X({replaceable:"............",isSolved:!1,selectedChoice:null,reel:null});Z(()=>{a.reel=k.reel,setTimeout(()=>{v()},0);const{$gtag:i}=ee();i&&setTimeout(()=>{i("event","screen_view",{app_name:"Web - Multiple Choice",page_title:"Web - Multiple Choice"})},500)});const v=()=>{const i=A.value,m=`<a class="font-weight-bold replaceable-button cursor-pointer text-${w.value}" id='button-${k.reel.id}'><span>`+a.replaceable+"</span></a>";i.innerHTML=i.innerHTML.replace(a.replaceable,m)},e=i=>{if(a.reel){const m=A.value;a.selectedChoice=i,a.reel.selected_choice=i;const $=i;m.innerHTML=m.innerHTML.replace(a.replaceable,$),a.replaceable=$}},n=(i,m=!1)=>{if(!D.value.loggedIn)R("onLogin");else if(!a.isSolved)if(g)R("onSolveReel",r.value);else{e(i.toUpperCase());const $=document.getElementById(`button-${k.reel.id}`);if($&&!a.isSolved&&a.reel&&a.reel.selected_choice){if(k.reel.solution.toUpperCase()===a.selectedChoice?.toUpperCase())$.firstElementChild.style.color="#4CAF50";else{let y=" <span class='text-orange'>"+k.reel.solution.toUpperCase()+"</span>";$.firstElementChild.style.color="red",$.firstElementChild.style.textDecoration="line-through",$.innerHTML=`${$.innerHTML} ${y}`}a.isSolved=!0,a.reel&&!m&&R("onSolveReel",r.value)}}};return(i,m)=>{const $=L("v-icon"),y=L("v-alert"),C=L("v-sheet"),u=L("v-col"),B=L("v-row");return s(),_("div",null,[t(a).isSolved&&t(r)?(s(),p($,{key:0,size:"large",color:"green",class:"exercise-thumb"},{default:l(()=>[...m[0]||(m[0]=[d("mdi-thumb-up",-1)])]),_:1})):t(a).isSolved&&!t(r)?(s(),p($,{key:1,size:"large",color:"red",class:"exercise-thumb"},{default:l(()=>[...m[1]||(m[1]=[d("mdi-thumb-down",-1)])]),_:1})):T("",!0),b(y,{variant:"tonal",color:t(w),class:z({"instructions pa-2 mb-5":i.$vuetify.theme.name!=="dark"&&i.$vuetify.display.smAndUp,"instructions pa-2 mb-5 dark":i.$vuetify.theme.name==="dark"&&i.$vuetify.display.smAndUp,"instructions pa-2 mb-5 xs":i.$vuetify.theme.name!=="dark"&&i.$vuetify.display.xs,"instructions pa-2 mb-5 dark xs":i.$vuetify.theme.name==="dark"&&i.$vuetify.display.xs})},{default:l(()=>[...m[2]||(m[2]=[f("p",null,[d("Multiple Choice. Read the sentence below and "),f("strong",null,"decide which answer best fits the gap"),d(".")],-1)])]),_:1},8,["color","class"]),m[3]||(m[3]=f("div",{class:"clear"},null,-1)),f("p",{ref_key:"exerciseText",ref:A,class:z({"text-h6":i.$vuetify.display.smAndUp,"":i.$vuetify.display.xs})},O(h.reel.text),3),b(B,{class:"mt-4"},{default:l(()=>[(s(!0),_(H,null,J(h.reel.choices,(F,te)=>(s(),p(u,{cols:"6",class:z({"pl-1 py-1":te%2!=0,"pr-1 py-1":te%2==0})},{default:l(()=>[b(C,{onClick:K=>n(F,!1),rounded:"lg",class:z({"cursor-pointer text-h6 pa-3 green-gradient text-white":t(a).isSolved&&i.$vuetify.display.smAndUp&&t(c)(F),"cursor-pointer pa-3 green-gradient text-white":t(a).isSolved&&i.$vuetify.display.xs&&t(c)(F),"cursor-pointer text-h6 pa-3 red-gradient text-white":t(a).isSolved&&i.$vuetify.display.smAndUp&&t(o)(F),"cursor-pointer pa-3 red-gradient text-white":t(a).isSolved&&i.$vuetify.display.xs&&t(o)(F),"cursor-pointer text-h6 pa-3 orange-gradient text-white":t(a).isSolved&&i.$vuetify.display.smAndUp&&t(U)(F),"cursor-pointer pa-3 orange-gradient text-white":t(a).isSolved&&i.$vuetify.display.xs&&t(U)(F),"cursor-pointer text-h6 pa-3 white-gradient":i.$vuetify.display.smAndUp&&i.$vuetify.theme.name==="dark","cursor-pointer pa-3 white-gradient":i.$vuetify.display.xs&&i.$vuetify.theme.name==="dark","cursor-pointer text-h6 pa-3 black-gradient ":i.$vuetify.display.smAndUp&&i.$vuetify.theme.name!=="dark","cursor-pointer pa-3 black-gradient ":i.$vuetify.display.xs&&i.$vuetify.theme.name!=="dark"})},{default:l(()=>[f("p",{class:z({"text-black text-center":i.$vuetify.theme.name==="dark","text-white text-center":i.$vuetify.theme.name!=="dark"||t(a).isSolved&&t(c)(F)||t(a).isSolved&&t(o)(F)||t(a).isSolved&&t(U)(F)})},[f("small",Xt,O(F.toUpperCase()),1)],2)]),_:2},1032,["onClick","class"])]),_:2},1032,["class"]))),256))]),_:1}),t(a).isSolved?(s(),_("div",Kt,[b(B,null,{default:l(()=>[b(u,{cols:10},{default:l(()=>[b(y,{color:"green",variant:"tonal",class:z(["pa-3",{"text-body-1 explanation-alert":i.$vuetify.display.smAndUp,"text-body-2 explanation-alert":i.$vuetify.display.xs}

1]),rounded:"lg"},{default:l(()=>[i.$vuetify.display.smAndUp?(s(),_("p",es,"Explanation")):T("",!0),f("p",null,O(h.reel.explanation),1)]),_:1},8,["class"])]),_:1})]),_:1})])):T("",!0)])}}}),Ie=Object.assign(V(ts,[["__scopeId","data-v-8eddce68"]]),{__name:"ReelsReelMultipleChoice"}),ss={key:0},os={class:"font-weight-bold"},ns={key:1},ls={class:"text-body-1"},is={key:2,class:"mt-5"},rs={key:0,class:"font-weight-bold mb-1"},as=G({__name:"ReelGrammarSentences",props:{reel:{type:Object,required:!0}},emits:["onSolveReel","onLogin"],setup(h,{emit:S}){const R=S,k=h,w=x(()=>N().session),D=P().path.includes("/reels/default"),A=x(()=>String(P().params.course_level)),g=x(()=>o.selectedChoice?.toUpperCase()===k.reel.solution.toUpperCase()),r=x(()=>e=>o.isSolved&&e.toUpperCase()===o.selectedChoice?.toUpperCase()&&e.toUpperCase()===k.reel.solution.toUpperCase()),c=x(()=>e=>o.isSolved&&e.toUpperCase()!==o.selectedChoice?.toUpperCase()&&e.toUpperCase()===k.reel.solution.toUpperCase()),U=x(()=>e=>o.isSolved&&e.toUpperCase()===o.selectedChoice?.toUpperCase()&&e.toUpperCase()!==k.reel.solution.toUpperCase()),o=X({isSolved:!1,selectedChoice:null,reel:null});Z(()=>{o.reel=k.reel;const{$gtag:e}=ee();e&&setTimeout(()=>{e("event","screen_view",{app_name:"Web - Grammar Sentences",page_title:"Web - Grammar Sentences"})},500)});const a=e=>{o.reel&&(o.selectedChoice=e,o.reel.selected_choice=e)},v=(e,n=!1)=>{w.value.loggedIn?o.isSolved||(D||(a(e.toUpperCase()),o.isSolved=!0),o.reel&&!n&&R("onSolveReel",g.value)):R("onLogin")};return(e,n)=>{const i=L("v-icon"),m=L("v-alert"),$=L("v-sheet"),y=L("v-col"),C=L("v-row");return s(),_("div",null,[t(o).isSolved&&t(g)?(s(),p(i,{key:0,size:"large",color:"green",class:"exercise-thumb"},{default:l(()=>[...n[0]||(n[0]=[d("mdi-thumb-up",-1)])]),_:1})):t(o).isSolved&&!t(g)?(s(),p(i,{key:1,size:"large",color:"red",class:"exercise-thumb"},{default:l(()=>[...n[1]||(n[1]=[d("mdi-thumb-down",-1)])]),_:1})):T("",!0),b(m,{variant:"tonal",color:t(A),class:z({"instructions pa-2 mb-5":e.$vuetify.theme.name!=="dark"&&e.$vuetify.display.smAndUp,"instructions pa-2 mb-5 dark":e.$vuetify.theme.name==="dark"&&e.$vuetify.display.smAndUp,"instructions pa-2 mb-5 xs":e.$vuetify.theme.name!=="dark"&&e.$vuetify.display.xs,"instructions pa-2 mb-5 dark xs":e.$vuetify.theme.name==="dark"&&e.$vuetify.display.xs})},{default:l(()=>[...n[2]||(n[2]=[f("p",null,"Choose the correct sentence.",-1)])]),_:1},8,["color","class"]),n[13]||(n[13]=f("div",{class:"clear"},null,-1)),b(C,{class:"mt-1"},{default:l(()=>[(s(!0),_(H,null,J(h.reel.choices,u=>(s(),p(y,{cols:e.$vuetify.display.xs?12:10,class:"py-1"},{default:l(()=>[b($,{onClick:B=>v(u,!1),rounded:"lg",class:z({"cursor-pointer choice text-h6 px-3 dark-gray-gradient py-3":e.$vuetify.display.smAndUp&&e.$vuetify.theme.name==="dark","cursor-pointer choice px-3 dark-gray-gradient py-3":e.$vuetify.display.xs&&e.$vuetify.theme.name==="dark","cursor-pointer choice text-h6 px-3 light-gray-gradient py-3":e.$vuetify.display.smAndUp&&e.$vuetify.theme.name!=="dark","cursor-pointer choice px-3 light-gray-gradient py-3":e.$vuetify.display.xs&&e.$vuetify.theme.name!=="dark","cursor-pointer choice-correct text-h6 px-3 green-gradient text-white py-3":t(o).isSolved&&e.$vuetify.display.smAndUp&&t(r)(u),"cursor-pointer choice-correct px-3 green-gradient text-white py-3":t(o).isSolved&&e.$vuetify.display.xs&&t(r)(u),"cursor-pointer choice-incorrect text-h6 px-3 red-gradient text-white py-3":t(o).isSolved&&e.$vuetify.display.smAndUp&&t(U)(u),"cursor-pointer choice-incorrect px-3 red-gradient text-white py-3":t(o).isSolved&&e.$vuetify.display.xs&&t(U)(u),"cursor-pointer choice-corrected text-h6 px-3 orange-gradient text-white py-3":t(o).isSolved&&e.$vuetify.display.smAndUp&&t(c)(u),"cursor-pointer choice-corrected px-3 orange-gradient text-white py-3":t(o).isSolved&&e.$vuetify.display.xs&&t(c)(u)})},{default:l(()=>[e.$vuetify.display.xs?(s(),_("p",ss,[t(r)(u)?(s(),p(i,{key:0,size:"x-small"},{default:l(()=>[...n[3]||(n[3]=[d("mdi-check",-1)])]),_:1})):t(U)(u)?(s(),p(i,{key:1,size:"x-small"},{default:l(()=>[...n[4]||(n[4]=[d("mdi-close",-1)])]),_:1})):t(c)(u)?(s(),p(i,{key:2,size:"x-small"},{default:l(()=>[...n[5]||(n[5]=[d("mdi-check",-1)])]),_:1})):(s(),p(i,{key:3,size:"x-small"},{default:l(()=>[...n[6]||(n[6]=[d("mdi-text",-1)])]),_:1})),n[7]||(n[7]=d("  ",-1)),f("small",os,O(u),1)])):(s(),_("p",ns,[t(r)(u)?(s(),p(i,{key:0,size:"15"},{default:l(()=>[...n[8]||(n[8]=[d("mdi-check",-1)])]),_:1})):t(U)(u)?(s(),p(i,{key:1,size:"15"},{default:l(()=>[...n[9]||(n[9]=[d("mdi-check",-1)])]),_:1})):t(c)(u)?(s(),p(i,{key:2,size:"15"},{default:l(()=>[...n[10]||(n[10]=[d("mdi-close",-1)])]),_:1})):(s(),p(i,{key:3,size:"15"},{default:l(()=>[...n[11]||(n[11]=[d("mdi-text",-1)])]),_:1})),n[12]||(n[12]=d("  ",-1)),f("span",ls,O(u),1)]))]),_:2},1032,["onClick","class"])]),_:2},1032,["cols"]))),256))]),_:1}),t(o).isSolved?(s(),_("div",is,[b(C,null,{default:l(()=>[b(y,{cols:10},{default:l(()=>[b(m,{color:"green",variant:"tonal",class:z(["pa-3",{"text-body-1 explanation-alert":e.$vuetify.display.smAndUp,"text-body-2 explanation-alert":e.$vuetify.display.xs}

1]),rounded:"lg"},{default:l(()=>[e.$vuetify.display.smAndUp?(s(),_("p",rs,"Explanation")):T("",!0),f("p",null,O(h.reel.explanation),1)]),_:1},8,["class"])]),_:1})]),_:1})])):T("",!0)])}}}),Me=Object.assign(V(as,[["__scopeId","data-v-90dd8eae"]]),{__name:"ReelsReelGrammarSentences"}),ds={key:3,class:"mt-5"},us={key:0,class:"font-weight-bold mb-1"},ps=G({__name:"ReelMagicWord",props:{reel:{type:Object,required:!0}},emits:["onSolveReel","onLogin"],setup(h,{emit:S}){const R=S,k=h,w=x(()=>String(P().params.course_level)),D=P().path.includes("/reels/default"),A=x(()=>N().session),g=x(()=>r.selectedChoice?.toUpperCase()===k.reel?.solution?.toUpperCase()),r=X({isSolved:!1,selectedChoice:null,reel:null}),c=x({get:()=>r.selectedChoice?{1:r.selectedChoice}:{},set:a=>{r.selectedChoice=a[1]??null,r.reel&&(r.reel.selected_choice=a[1])}});Z(()=>{r.reel=k.reel;const{$gtag:a}=ee();a&&setTimeout(()=>{a("event","screen_view",{app_name:"Web - Magic Word",page_title:"Web - Magic Word"})},500)});const U=()=>{r.reel&&(r.selectedChoice="",r.reel.selected_choice="")},o=(a=!1)=>{A.value.loggedIn?r.isSolved||(D?(U(),R("onSolveReel",g.value)):(r.isSolved=!0,r.reel&&!a&&R("onSolveReel",g.value))):(U(),R("onLogin"))};return(a,v)=>{const e=L("v-icon"),n=L("v-alert"),i=Se,m=L("v-btn"),$=L("v-col"),y=L("v-row");return s(),_("div",null,[t(r).isSolved&&t(g)?(s(),p(e,{key:0,size:"large",color:"green",class:"exercise-thumb"},{default:l(()=>[...v[2]||(v[2]=[d("mdi-thumb-up",-1)])]),_:1})):t(r).isSolved&&!t(g)?(s(),p(e,{key:1,size:"large",color:"red",class:"exercise-thumb"},{default:l(()=>[...v[3]||(v[3]=[d("mdi-thumb-down",-1)])]),_:1})):T("",!0),b(n,{variant:"tonal",color:t(w),class:z({"instructions pa-2 mb-5":a.$vuetify.theme.name!=="dark"&&a.$vuetify.display.smAndUp,"instructions pa-2 mb-5 dark":a.$vuetify.theme.name==="dark"&&a.$vuetify.display.smAndUp,"instructions pa-2 mb-5 xs":a.$vuetify.theme.name!=="dark"&&a.$vuetify.display.xs,"instructions pa-2 mb-5 dark xs":a.$vuetify.theme.name==="dark"&&a.$vuetify.display.xs})},{default:l(()=>[...v[4]||(v[4]=[f("p",null,[f("strong",null,"Write one word which can be used in all three sentences"),d(". Click the dots to type your answer.")],-1)])]),_:1},8,["color","class"]),v[6]||(v[6]=f("div",{class:"clear"},null,-1)),b(i,{answers:t(c),"onUpdate:answers":v[0]||(v[0]=C=>Ue(c)?c.value=C:null),text:h.reel.texts.join(`
2`),"gap-count":h.reel.texts.length,level:t(w),"gap-class":`text-${t(w)}`,numbered:!1,finished:t(r).isSolved,solutions:{1:h.reel.solution},"answer-kind":"word",linked:"","paragraph-spacing":"8px","focus-on-any-click":"","blur-when-hidden":"",class:z({"text-h6":a.$vuetify.display.smAndUp})},null,8,["answers","text","gap-count","level","gap-class","finished","solutions","class"]),t(r).isSolved?(s(),_("div",ds,[b(y,null,{default:l(()=>[b($,{cols:10},{default:l(()=>[b(n,{color:"green",variant:"tonal",class:z(["pa-3",{"text-body-1 explanation-alert":a.$vuetify.display.smAndUp,"text-body-2 explanation-alert":a.$vuetify.display.xs}]),rounded:"lg"},{default:l(()=>[a.$vuetify.display.smAndUp?(s(),_("p",us,"Explanation")):T("",!0),f("p",null,O(h.reel.explanation),1)]),_:1},8,["class"])]),_:1})]),_:1})])):(s(),p(m,{key:2,color:t(w),onClick:v[1]||(v[1]=C=>o(!1)),disabled:(t(r).selectedChoice??"").length<2,size:a.$vuetify.display.smAndUp?"default":"small",class:z({"mt-5 a":a.$vuetify.theme.name!=="dark","mt-5":a.$vuetify.theme.name==="dark"}),rounded:"lg",elevation:"0"},{default:l(()=>[...v[5]||(v[5]=[f("small",{class:"font-weight-bold text-white"},"Check Answer",-1)])]),_:1},8,["color","disabled","size","class"]))])}}}),Pe=Object.assign(V(ps,[["__scopeId","data-v-73752f8b"]]),{__name:"ReelsReelMagicWord"}),cs={key:0},ms={class:"font-weight-bold"},vs={key:1},ys={class:"text-body-1"},fs={key:2,class:"mt-5"},gs={key:0,class:"font-weight-bold mb-1"},hs=G({__name:"ReelGrammarQuizzes",props:{reel:{type:Object,required:!0}},emits:["onSolveReel","onLogin"],setup(h,{emit:S}){const R=S,k=h,w=x(()=>String(P().params.course_level)),D=se(null),A=x(()=>N().session),g=P().path.includes("/reels/default"),r=x(()=>a.selectedChoice?.toUpperCase()===k.reel.solution.toUpperCase()),c=x(()=>i=>a.isSolved&&i.toUpperCase()===a.selectedChoice?.toUpperCase()&&i.toUpperCase()===k.reel.solution.toUpperCase()),U=x(()=>i=>a.isSolved&&i.toUpperCase()!==a.selectedChoice?.toUpperCase()&&i.toUpperCase()===k.reel.solution.toUpperCase()),o=x(()=>i=>a.isSolved&&i.toUpperCase()===a.selectedChoice?.toUpperCase()&&i.toUpperCase()!==k.reel.solution.toUpperCase()),a=X({replaceable:"............",isSolved:!1,selectedChoice:null,reel:null});Z(()=>{a.reel=k.reel,setTimeout(()=>{v()},0);const{$gtag:i}=ee();i&&setTimeout(()=>{i("event","screen_view",{app_name:"Web - Grammar Quizzes",page_title:"Web - Grammar Quizzes"})},500)});const v=()=>{const i=D.value,m=`<a class="font-weight-bold replaceable-button cursor-pointer text-${w.value}" id='button-${k.reel.id}'><span>`+a.replaceable+"</span></a>";i.innerHTML=i.innerHTML.replace(a.replaceable,m)},e=i=>{if(a.reel){const m=D.value;a.selectedChoice=i,a.reel.selected_choice=i;const $=i;m.innerHTML=m.innerHTML.replace(a.replaceable,$),a.replaceable=$}},n=(i,m=!1)=>

2{if(!A.value.loggedIn)R("onLogin");else if(!a.isSolved)if(g)R("onSolveReel",r.value);else{e(i.toUpperCase());const $=document.getElementById(`button-${k.reel.id}`);if($&&!a.isSolved&&a.reel&&a.reel.selected_choice){if(k.reel.solution.toUpperCase()===a.selectedChoice?.toUpperCase())$.firstElementChild.style.color="#4CAF50";else{let y=" <span class='text-orange'>"+k.reel.solution.toUpperCase()+"</span>";$.firstElementChild.style.color="red",$.firstElementChild.style.textDecoration="line-through",$.innerHTML=`${$.innerHTML} ${y}`}a.isSolved=!0,a.reel&&!m&&R("onSolveReel",r.value)}}};return(i,m)=>{const $=L("v-icon"),y=L("v-alert"),C=L("v-sheet"),u=L("v-col"),B=L("v-row");return s(),_("div",null,[t(a).isSolved&&t(r)?(s(),p($,{key:0,size:"large",color:"green",class:"exercise-thumb"},{default:l(()=>[...m[0]||(m[0]=[d("mdi-thumb-up",-1)])]),_:1})):t(a).isSolved&&!t(r)?(s(),p($,{key:1,size:"large",color:"red",class:"exercise-thumb"},{default:l(()=>[...m[1]||(m[1]=[d("mdi-thumb-down",-1)])]),_:1})):T("",!0),b(y,{variant:"tonal",color:t(w),class:z({"instructions pa-2 mb-5":i.$vuetify.theme.name!=="dark"&&i.$vuetify.display.smAndUp,"instructions pa-2 mb-5 dark":i.$vuetify.theme.name==="dark"&&i.$vuetify.display.smAndUp,"instructions pa-2 mb-5 xs":i.$vuetify.theme.name!=="dark"&&i.$vuetify.display.xs,"instructions pa-2 mb-5 dark xs":i.$vuetify.theme.name==="dark"&&i.$vuetify.display.xs})},{default:l(()=>[...m[2]||(m[2]=[f("p",null,[d("Read the grammar quiz below and "),f("strong",null,"choose the correct answer"),d(".")],-1)])]),_:1},8,["color","class"]),m[13]||(m[13]=f("div",{class:"clear"},null,-1)),f("p",{ref_key:"exerciseText",ref:D,class:z({"text-h6":i.$vuetify.display.smAndUp,"":i.$vuetify.display.xs})},O(h.reel.text),3),b(B,{class:"mt-4"},{default:l(()=>[(s(!0),_(H,null,J(h.reel.choices,F=>(s(),p(u,{cols:i.$vuetify.display.xs?12:10,class:"py-1"},{default:l(()=>[b(C,{onClick:te=>n(F,!1),rounded:"lg",class:z({"cursor-pointer choice text-h6 px-3 dark-gray-gradient py-2":i.$vuetify.display.smAndUp&&i.$vuetify.theme.name==="dark","cursor-pointer choice px-3 dark-gray-gradient py-2":i.$vuetify.display.xs&&i.$vuetify.theme.name==="dark","cursor-pointer choice text-h6 px-3 light-gray-gradient py-2":i.$vuetify.display.smAndUp&&i.$vuetify.theme.name!=="dark","cursor-pointer choice px-3 light-gray-gradient py-2":i.$vuetify.display.xs&&i.$vuetify.theme.name!=="dark","cursor-pointer choice-correct text-h6 px-3 green-gradient text-white py-2":t(a).isSolved&&i.$vuetify.display.smAndUp&&t(c)(F),"cursor-pointer choice-correct px-3 green-gradient text-white py-2":t(a).isSolved&&i.$vuetify.display.xs&&t(c)(F),"cursor-pointer choice-incorrect text-h6 px-3 red-gradient text-white py-2":t(a).isSolved&&i.$vuetify.display.smAndUp&&t(o)(F),"cursor-pointer choice-incorrect px-3 red-gradient text-white py-2":t(a).isSolved&&i.$vuetify.display.xs&&t(o)(F),"cursor-pointer choice-corrected text-h6 px-3 orange-gradient text-white py-2":t(a).isSolved&&i.$vuetify.display.smAndUp&&t(U)(F),"cursor-pointer choice-corrected px-3 orange-gradient text-white py-2":t(a).isSolved&&i.$vuetify.display.xs&&t(U)(F)})},{default:l(()=>[i.$vuetify.display.xs?(s(),_("p",cs,[t(c)(F)?(s(),p($,{key:0,size:"x-small"},{default:l(()=>[...m[3]||(m[3]=[d("mdi-check",-1)])]),_:1})):t(o)(F)?(s(),p($,{key:1,size:"x-small"},{default:l(()=>[...m[4]||(m[4]=[d("mdi-close",-1)])]),_:1})):t(U)(F)?(s(),p($,{key:2,size:"x-small"},{default:l(()=>[...m[5]||(m[5]=[d("mdi-check",-1)])]),_:1})):(s(),p($,{key:3,size:"x-small"},{default:l(()=>[...m[6]||(m[6]=[d("mdi-circle-outline",-1)])]),_:1})),m[7]||(m[7]=d("  ",-1)),f("small",ms,O(F),1)])):(s(),_("p",vs,[t(c)(F)?(s(),p($,{key:0,size:"15"},{default:l(()=>[...m[8]||(m[8]=[d("mdi-check",-1)])]),_:1})):t(o)(F)?(s(),p($,{key:1,size:"15"},{default:l(()=>[...m[9]||(m[9]=[d("mdi-check",-1)])]),_:1})):t(U)(F)?(s(),p($,{key:2,size:"15"},{default:l(()=>[...m[10]||(m[10]=[d("mdi-close",-1)])]),_:1})):(s(),p($,{key:3,size:"15"},{default:l(()=>[...m[11]||(m[11]=[d("mdi-circle-outline",-1)])]),_:1})),m[12]||(m[12]=d("  ",-1)),f("span",ys,O(F),1)]))]),_:2},1032,["onClick","class"])]),_:2},1032,["cols"]))),256))]),_:1}),t(a).isSolved?(s(),_("div",fs,[b(B,null,{default:l(()=>[b(u,{cols:10},{default:l(()=>[b(y,{color:"green",variant:"tonal",class:z(["pa-3",{"text-body-1 explanation-alert":i.$vuetify.display.smAndUp,"text-body-2 explanation-alert":i.$vuetify.display.xs}

2]),rounded:"lg"},{default:l(()=>[i.$vuetify.display.smAndUp?(s(),_("p",gs,"Explanation")):T("",!0),f("p",null,O(h.reel.explanation),1)]),_:1},8,["class"])]),_:1})]),_:1})])):T("",!0)])}}}),qe=Object.assign(V(hs,[["__scopeId","data-v-493b8eb1"]]),{__name:"ReelsReelGrammarQuizzes"}),$s={class:z("text-h5 font-weight-bold")},ks={key:0},_s={class:"font-weight-bold"},bs={key:1},Cs={class:"text-body-1"},ws={key:2,class:"mt-5"},Ss={key:0,class:"font-weight-bold mb-1"},Us=G({__name:"ReelSynonyms",props:{reel:{type:Object,required:!0}},emits:["onSolveReel","onLogin"],setup(h,{emit:S}){const R=S,k=h,w=P().path.includes("/reels/default"),D=x(()=>N().session),A=x(()=>String(P().params.course_level)),g=x(()=>o.selectedChoice?.toUpperCase()===k.reel.solution.toUpperCase()),r=x(()=>e=>o.isSolved&&e.toUpperCase()===o.selectedChoice?.toUpperCase()&&e.toUpperCase()===k.reel.solution.toUpperCase()),c=x(()=>e=>o.isSolved&&e.toUpperCase()!==o.selectedChoice?.toUpperCase()&&e.toUpperCase()===k.reel.solution.toUpperCase()),U=x(()=>e=>o.isSolved&&e.toUpperCase()===o.selectedChoice?.toUpperCase()&&e.toUpperCase()!==k.reel.solution.toUpperCase()),o=X({isSolved:!1,selectedChoice:null,reel:null});Z(()=>{o.reel=k.reel;const{$gtag:e}=ee();e&&setTimeout(()=>{e("event","screen_view",{app_name:"Web - Synonyms",page_title:"Web - Synonyms"})},500)});const a=e=>{o.reel&&(o.selectedChoice=e,o.reel.selected_choice=e)},v=(e,n=!1)=>{D.value.loggedIn?o.isSolved||(w||(a(e.toUpperCase()),o.isSolved=!0),o.reel&&!n&&R("onSolveReel",g.value)):R("onLogin")};return(e,n)=>{const i=L("v-icon"),m=L("v-alert"),$=L("v-sheet"),y=L("v-col"),C=L("v-row");return s(),_("div",null,[t(o).isSolved&&t(g)?(s(),p(i,{key:0,size:"large",color:"green",class:"exercise-thumb"},{default:l(()=>[...n[0]||(n[0]=[d("mdi-thumb-up",-1)])]),_:1})):t(o).isSolved&&!t(g)?(s(),p(i,{key:1,size:"large",color:"red",class:"exercise-thumb"},{default:l(()=>[...n[1]||(n[1]=[d("mdi-thumb-down",-1)])]),_:1})):T("",!0),b(m,{variant:"tonal",color:t(A),class:z({"instructions pa-2 mb-5":e.$vuetify.theme.name!=="dark"&&e.$vuetify.display.smAndUp,"instructions pa-2 mb-5 dark":e.$vuetify.theme.name==="dark"&&e.$vuetify.display.smAndUp,"instructions pa-2 mb-5 xs":e.$vuetify.theme.name!=="dark"&&e.$vuetify.display.xs,"instructions pa-2 mb-5 dark xs":e.$vuetify.theme.name==="dark"&&e.$vuetify.display.xs})},{default:l(()=>[...n[2]||(n[2]=[f("p",null,[d("Decide which word is "),f("strong",null,"the synonym"),d(" or the closest meaning.")],-1)])]),_:1},8,["color","class"]),n[13]||(n[13]=f("div",{class:"clear"},null,-1)),f("p",$s,O(h.reel.word),1),b(C,{class:"mt-2"},{default:l(()=>[(s(!0),_(H,null,J(h.reel.choices,u=>(s(),p(y,{cols:e.$vuetify.display.xs?12:10,class:"py-1"},{default:l(()=>[b($,{onClick:B=>v(u,!1),rounded:"lg",class:z({"cursor-pointer choice text-h6 px-3 dark-gray-gradient py-2":e.$vuetify.display.smAndUp&&e.$vuetify.theme.name==="dark","cursor-pointer choice px-3 dark-gray-gradient py-2":e.$vuetify.display.xs&&e.$vuetify.theme.name==="dark","cursor-pointer choice text-h6 px-3 light-gray-gradient py-2":e.$vuetify.display.smAndUp&&e.$vuetify.theme.name!=="dark","cursor-pointer choice px-3 light-gray-gradient py-2":e.$vuetify.display.xs&&e.$vuetify.theme.name!=="dark","cursor-pointer choice-correct text-h6 px-3 green-gradient text-white py-2":t(o).isSolved&&e.$vuetify.display.smAndUp&&t(r)(u),"cursor-pointer choice-correct px-3 green-gradient text-white py-2":t(o).isSolved&&e.$vuetify.display.xs&&t(r)(u),"cursor-pointer choice-incorrect text-h6 px-3 red-gradient text-white py-2":t(o).isSolved&&e.$vuetify.display.smAndUp&&t(U)(u),"cursor-pointer choice-incorrect px-3 red-gradient text-white py-2":t(o).isSolved&&e.$vuetify.display.xs&&t(U)(u),"cursor-pointer choice-corrected text-h6 px-3 orange-gradient text-white py-2":t(o).isSolved&&e.$vuetify.display.smAndUp&&t(c)(u),"cursor-pointer choice-corrected px-3 orange-gradient text-white py-2":t(o).isSolved&&e.$vuetify.display.xs&&t(c)(u)})},{default:l(()=>[e.$vuetify.display.xs?(s(),_("p",ks,[t(r)(u)?(s(),p(i,{key:0,size:"x-small"},{default:l(()=>[...n[3]||(n[3]=[d("mdi-check",-1)])]),_:1})):t(U)(u)?(s(),p(i,{key:1,size:"x-small"},{default:l(()=>[...n[4]||(n[4]=[d("mdi-close",-1)])]),_:1})):t(c)(u)?(s(),p(i,{key:2,size:"x-small"},{default:l(()=>[...n[5]||(n[5]=[d("mdi-check",-1)])]),_:1})):(s(),p(i,{key:3,size:"x-small"},{default:l(()=>[...n[6]||(n[6]=[d("mdi-circle-outline",-1)])]),_:1})),n[7]||(n[7]=d("  ",-1)),f("small",_s,O(u),1)])):(s(),_("p",bs,[t(r)(u)?(s(),p(i,{key:0,size:"15"},{default:l(()=>[...n[8]||(n[8]=[d("mdi-check",-1)])]),_:1})):t(U)(u)?(s(),p(i,{key:1,size:"15"},{default:l(()=>[...n[9]||(n[9]=[d("mdi-check",-1)])]),_:1})):t(c)(u)?(s(),p(i,{key:2,size:"15"},{default:l(()=>[...n[10]||(n[10]=[d("mdi-close",-1)])]),_:1})):(s(),p(i,{key:3,size:"15"},{default:l(()=>[...n[11]||(n[11]=[d("mdi-circle-outline",-1)])]),_:1})),n[12]||(n[12]=d("  ",-1)),f("span",Cs,O(u),1)]))]),_:2},1032,["onClick","class"])]),_:2},1032,["cols"]))),256))]),_:1}),t(o).isSolved?(s(),_("div",ws,[b(C,null,{default:l(()=>[b(y,{cols:10},{default:l(()=>[b(m,{color:"green",variant:"tonal",class:z(["pa-3",{"text-body-1 explanation-alert":e.$vuetify.display.smAndUp,"text-body-2 explanation-alert":e.$vuetify.display.xs}

2]),rounded:"lg"},{default:l(()=>[e.$vuetify.display.smAndUp?(s(),_("p",Ss,"Example")):T("",!0),f("p",null,O(h.reel.example),1)]),_:1},8,["class"])]),_:1})]),_:1})])):T("",!0)])}}}),Fe=Object.assign(V(Us,[["__scopeId","data-v-02d36916"]]),{__name:"ReelsReelSynonyms"}),xs={class:z("text-h5 font-weight-bold")},Rs={key:0},As={class:"font-weight-bold"},zs={key:1},Ls={class:"text-body-1"},Ds={key:2,class:"mt-5"},Os={key:0,class:"font-weight-bold mb-1"},Es=G({__name:"ReelOpposites",props:{reel:{type:Object,required:!0}},emits:["onSolveReel","onLogin"],setup(h,{emit:S}){const R=S,k=h,w=x(()=>String(P().params.course_level)),D=x(()=>N().session),A=P().path.includes("/reels/default"),g=x(()=>o.selectedChoice?.toUpperCase()===k.reel.solution.toUpperCase()),r=x(()=>e=>o.isSolved&&e.toUpperCase()===o.selectedChoice?.toUpperCase()&&e.toUpperCase()===k.reel.solution.toUpperCase()),c=x(()=>e=>o.isSolved&&e.toUpperCase()!==o.selectedChoice?.toUpperCase()&&e.toUpperCase()===k.reel.solution.toUpperCase()),U=x(()=>e=>o.isSolved&&e.toUpperCase()===o.selectedChoice?.toUpperCase()&&e.toUpperCase()!==k.reel.solution.toUpperCase()),o=X({isSolved:!1,selectedChoice:null,reel:null});Z(()=>{o.reel=k.reel;const{$gtag:e}=ee();e&&setTimeout(()=>{e("event","screen_view",{app_name:"Web - Opposites",page_title:"Web - Opposites"})},500)});const a=e=>{o.reel&&(o.selectedChoice=e,o.reel.selected_choice=e)},v=(e,n=!1)=>{D.value.loggedIn?o.isSolved||(A||(a(e.toUpperCase()),o.isSolved=!0),o.reel&&!n&&R("onSolveReel",g.value)):R("onLogin")};return(e,n)=>{const i=L("v-icon"),m=L("v-alert"),$=L("v-sheet"),y=L("v-col"),C=L("v-row");return s(),_("div",null,[t(o).isSolved&&t(g)?(s(),p(i,{key:0,size:"large",color:"green",class:"exercise-thumb"},{default:l(()=>[...n[0]||(n[0]=[d("mdi-thumb-up",-1)])]),_:1})):t(o).isSolved&&!t(g)?(s(),p(i,{key:1,size:"large",color:"red",class:"exercise-thumb"},{default:l(()=>[...n[1]||(n[1]=[d("mdi-thumb-down",-1)])]),_:1})):T("",!0),b(m,{variant:"tonal",color:t(w),class:z({"instructions pa-2 mb-5":e.$vuetify.theme.name!=="dark"&&e.$vuetify.display.smAndUp,"instructions pa-2 mb-5 dark":e.$vuetify.theme.name==="dark"&&e.$vuetify.display.smAndUp,"instructions pa-2 mb-5 xs":e.$vuetify.theme.name!=="dark"&&e.$vuetify.display.xs,"instructions pa-2 mb-5 dark xs":e.$vuetify.theme.name==="dark"&&e.$vuetify.display.xs})},{default:l(()=>[...n[2]||(n[2]=[f("p",null,[d("Decide which word is "),f("strong",null,"the opposite"),d(" of the given word.")],-1)])]),_:1},8,["color","class"]),n[13]||(n[13]=f("div",{class:"clear"},null,-1)),f("p",xs,O(h.reel.word),1),b(C,{class:"mt-2"},{default:l(()=>[(s(!0),_(H,null,J(h.reel.choices,u=>(s(),p(y,{cols:e.$vuetify.display.xs?12:10,class:"py-1"},{default:l(()=>[b($,{onClick:B=>v(u,!1),rounded:"lg",class:z({"cursor-pointer choice text-h6 px-3 dark-gray-gradient py-2":e.$vuetify.display.smAndUp&&e.$vuetify.theme.name==="dark","cursor-pointer choice px-3 dark-gray-gradient py-2":e.$vuetify.display.xs&&e.$vuetify.theme.name==="dark","cursor-pointer choice text-h6 px-3 light-gray-gradient py-2":e.$vuetify.display.smAndUp&&e.$vuetify.theme.name!=="dark","cursor-pointer choice px-3 light-gray-gradient py-2":e.$vuetify.display.xs&&e.$vuetify.theme.name!=="dark","cursor-pointer choice-correct text-h6 px-3 green-gradient text-white py-2":t(o).isSolved&&e.$vuetify.display.smAndUp&&t(r)(u),"cursor-pointer choice-correct px-3 green-gradient text-white py-2":t(o).isSolved&&e.$vuetify.display.xs&&t(r)(u),"cursor-pointer choice-incorrect text-h6 px-3 red-gradient text-white py-2":t(o).isSolved&&e.$vuetify.display.smAndUp&&t(U)(u),"cursor-pointer choice-incorrect px-3 red-gradient text-white py-2":t(o).isSolved&&e.$vuetify.display.xs&&t(U)(u),"cursor-pointer choice-corrected text-h6 px-3 orange-gradient text-white py-2":t(o).isSolved&&e.$vuetify.display.smAndUp&&t(c)(u),"cursor-pointer choice-corrected px-3 orange-gradient text-white py-2":t(o).isSolved&&e.$vuetify.display.xs&&t(c)(u)})},{default:l(()=>[e.$vuetify.display.xs?(s(),_("p",Rs,[t(r)(u)?(s(),p(i,{key:0,size:"x-small"},{default:l(()=>[...n[3]||(n[3]=[d("mdi-check",-1)])]),_:1})):t(U)(u)?(s(),p(i,{key:1,size:"x-small"},{default:l(()=>[...n[4]||(n[4]=[d("mdi-close",-1)])]),_:1})):t(c)(u)?(s(),p(i,{key:2,size:"x-small"},{default:l(()=>[...n[5]||(n[5]=[d("mdi-check",-1)])]),_:1})):(s(),p(i,{key:3,size:"x-small"},{default:l(()=>[...n[6]||(n[6]=[d("mdi-circle-outline",-1)])]),_:1})),n[7]||(n[7]=d("  ",-1)),f("small",As,O(u),1)])):(s(),_("p",z

2s,[t(r)(u)?(s(),p(i,{key:0,size:"15"},{default:l(()=>[...n[8]||(n[8]=[d("mdi-check",-1)])]),_:1})):t(U)(u)?(s(),p(i,{key:1,size:"15"},{default:l(()=>[...n[9]||(n[9]=[d("mdi-check",-1)])]),_:1})):t(c)(u)?(s(),p(i,{key:2,size:"15"},{default:l(()=>[...n[10]||(n[10]=[d("mdi-close",-1)])]),_:1})):(s(),p(i,{key:3,size:"15"},{default:l(()=>[...n[11]||(n[11]=[d("mdi-circle-outline",-1)])]),_:1})),n[12]||(n[12]=d("  ",-1)),f("span",Ls,O(u),1)]))]),_:2},1032,["onClick","class"])]),_:2},1032,["cols"]))),256))]),_:1}),t(o).isSolved?(s(),_("div",Ds,[b(C,null,{default:l(()=>[b(y,{cols:10},{default:l(()=>[b(m,{color:"green",variant:"tonal",class:z(["pa-3",{"text-body-1 explanation-alert":e.$vuetify.display.smAndUp,"text-body-2 explanation-alert":e.$vuetify.display.xs}]),rounded:"lg"},{default:l(()=>[e.$vuetify.display.smAndUp?(s(),_("p",Os,"Explanation")):T("",!0),f("p",null,O(h.reel.explanation),1)]),_:1},8,["class"])]),_:1})]),_:1})])):T("",!0)])}}}),Ye=Object.assign(V(Es,[["__scopeId","data-v-136aacc3"]]),{__name:"ReelsReelOpposites"}),Ts={key:3,class:"mt-5"},Ws={key:0,class:"mb-2"},js={class:"font-weight-bold mb-1 text-green"},Is={key:1,class:"mb-2"},Ms={class:"font-weight-bold mb-1 text-orange"},Ps=G({__name:"ReelKeywordTransformation",props:{reel:{type:Object,required:!0}},emits:["onSolveReel","onLogin"],setup(h,{emit:S}){const R=S,k=h,w=x(()=>N().session),D=se(null),A=P().path.includes("/reels/default"),g=x(()=>String(P().params.course_level)),r=x(()=>{const m=k.reel.solution.split("/").map($=>$.trim());return o.reel&&o.reel.selected_choice?m.map($=>$.toUpperCase()).includes(o.reel.selected_choice):!1}),c=x(()=>g?.value==="c1"?"3 and 6":g?.value==="c2"?"3 and 8":"2 and 5"),U=x(()=>k.reel.solution.toUpperCase().split("/").map(m=>m.trim())),o=X({isSolved:!1,selectedChoice:null,reel:null}),a=x({get:()=>o.selectedChoice?{1:o.selectedChoice}:{},set:m=>{o.selectedChoice=m[1]??null,o.reel&&(o.reel.selected_choice=m[1])}});Z(()=>{o.reel=k.reel;const{$gtag:m}=ee();m&&setTimeout(()=>{m("event","screen_view",{app_name:"Web - Keyword Transformation",page_title:"Web - Keyword Transformation"})},500)});const v=()=>{o.isSolved||D.value?.focusGap()},e=m=>{D.value?.isTyping&&m.preventDefault()},n=()=>{o.reel&&(o.selectedChoice=null,o.reel.selected_choice=void 0)},i=(m=!1)=>{w.value.loggedIn?o.isSolved||(A?(n(),R("onSolveReel",r.value)):o.reel&&o.reel.selected_choice&&(o.isSolved=!0,m||R("onSolveReel",r.value))):(n(),R("onLogin"))};return(m,$)=>{const y=L("v-icon"),C=L("v-alert"),u=Se,B=L("v-btn"),F=L("v-col"),te=L("v-row");return s(),_("div",null,[t(o).isSolved&&t(r)?(s(),p(y,{key:0,size:"large",color:"green",class:"exercise-thumb"},{default:l(()=>[...$[2]||($[2]=[d("mdi-thumb-up",-1)])]),_:1})):t(o).isSolved&&!t(r)?(s(),p(y,{key:1,size:"large",color:"red",class:"exercise-thumb"},{default:l(()=>[...$[3]||($[3]=[d("mdi-thumb-down",-1)])]),_:1})):T("",!0),b(C,{variant:"tonal",color:t(g),class:z({"instructions pa-2 mb-5":m.$vuetify.theme.name!=="dark"&&m.$vuetify.display.smAndUp,"instructions pa-2 mb-5 dark":m.$vuetify.theme.name==="dark"&&m.$vuetify.display.smAndUp,"instructions pa-2 mb-5 xs":m.$vuetify.theme.name!=="dark"&&m.$vuetify.display.xs,"instructions pa-2 mb-5 dark xs":m.$vuetify.theme.name==="dark"&&m.$vuetify.display.xs})},{default:l(()=>[f("p",null,[$[4]||($[4]=d("Complete the second sentence so it has a similar meaning to the first one, ",-1)),$[5]||($[5]=f("strong",null,"using the word given",-1)),d(". Use between "+O(t(c))+" and do not use contractions.",1)])]),_:1},8,["color","class"]),$[9]||($[9]=f("div",{class:"clear"},null,-1)),f("p",{onMousedown:e,onClick:v,class:z({[`text-h5 mb-3 font-weight-black text-${t(g)}`]:m.$vuetify.display.smAndUp,[`text-h6 mb-3 font-weight-black text-${t(g)}`]:m.$vuetify.display.xs})},O(h.reel.keyword),35),f("p",{onMousedown:e,onClick:v,class:z({"text-h6 mb-3":m.$vuetify.display.smAndUp,"mb-3":m.$vuetify.display.xs})},O(h.reel.sentence),35),b(u,{ref_key:"cloze",ref:D,answers:t(a),"onUpdate:answers":$[0]||($[0]=K=>Ue(a)?a.value=K:null),text:h.reel.challenge,"gap-count":1,level:t(g),"gap-class":`text-${t(g)}`,numbered:!1,finished:t(o).isSolved,solutions:{1:h.reel.solution}

2,"answer-kind":"phrase","shows-solution":!1,"focus-on-any-click":"","blur-when-hidden":"",class:z({"text-h6":m.$vuetify.display.smAndUp})},null,8,["answers","text","level","gap-class","finished","solutions","class"]),t(o).isSolved?(s(),_("div",Ts,[b(te,null,{default:l(()=>[b(F,{cols:10},{default:l(()=>[b(C,{color:"green",variant:"tonal",class:z(["pa-3",{"text-body-1 explanation-alert":m.$vuetify.display.smAndUp,"text-body-2 explanation-alert":m.$vuetify.display.xs}]),rounded:"lg"},{default:l(()=>[t(r)?(s(),_("div",Ws,[f("p",js,[b(y,{size:"small"},{default:l(()=>[...$[7]||($[7]=[d("mdi-check",-1)])]),_:1}),d(" "+O(t(o).selectedChoice),1)])])):T("",!0),t(r)?T("",!0):(s(),_("div",Is,[(s(!0),_(H,null,J(t(U),K=>(s(),_("p",Ms,[b(y,{size:"small"},{default:l(()=>[...$[8]||($[8]=[d("mdi-check",-1)])]),_:1}),d(" "+O(K),1)]))),256))])),f("p",null,O(h.reel.explanation),1)]),_:1},8,["class"])]),_:1})]),_:1})])):(s(),p(B,{key:2,color:t(g),onClick:$[1]||($[1]=K=>i(!1)),disabled:(t(o).selectedChoice??"").length<2,size:m.$vuetify.display.smAndUp?"default":"small",class:z({"mt-5 a":m.$vuetify.theme.name!=="dark","mt-5":m.$vuetify.theme.name==="dark"}),rounded:"lg",elevation:"0"},{default:l(()=>[...$[6]||($[6]=[f("small",{class:"font-weight-bold text-white"},"Check Answer",-1)])]),_:1},8,["color","disabled","size","class"]))])}}}),Be=Object.assign(V(Ps,[["__scopeId","data-v-53d2a810"]]),{__name:"ReelsReelKeywordTransformation"}),qs={class:"text-center"},Fs={class:"font-weight-bold"},Ys={key:2,class:"mt-5"},Bs={key:0,class:"font-weight-bold mb-1"},Ns=G({__name:"ReelTrueOrFalse",props:{reel:{type:Object,required:!0}},emits:["onSolveReel","onLogin"],setup(h,{emit:S}){const R=S,k=h,w=x(()=>String(P().params.course_level)),D=P().path.includes("/reels/default"),A=x(()=>N().session),g=x(()=>o.selectedChoice?.toUpperCase()===k.reel.solution.toUpperCase()),r=x(()=>e=>o.isSolved&&e.toUpperCase()===o.selectedChoice?.toUpperCase()&&e.toUpperCase()===k.reel.solution.toUpperCase()),c=x(()=>e=>o.isSolved&&e.toUpperCase()!==o.selectedChoice?.toUpperCase()&&e.toUpperCase()===k.reel.solution.toUpperCase()),U=x(()=>e=>o.isSolved&&e.toUpperCase()===o.selectedChoice?.toUpperCase()&&e.toUpperCase()!==k.reel.solution.toUpperCase()),o=X({isSolved:!1,selectedChoice:null,reel:null,choices:["true","false"]});Z(()=>{o.reel=k.reel;const{$gtag:e}=ee();e&&setTimeout(()=>{e("event","screen_view",{app_name:"Web - True or False",page_title:"Web - True or False"})},500)});const a=e=>{o.reel&&(o.selectedChoice=e,o.reel.selected_choice=e)},v=(e,n=!1)=>{A.value.loggedIn?o.isSolved||(D||(a(e.toUpperCase()),o.isSolved=!0),o.reel&&!n&&R("onSolveReel",g.value)):R("onLogin")};return(e,n)=>{const i=L("v-icon"),m=L("v-alert"),$=L("v-sheet"),y=L("v-col"),C=L("v-row");return s(),_("div",null,[t(o).isSolved&&t(g)?(s(),p(i,{key:0,size:"large",color:"green",class:"exercise-thumb"},{default:l(()=>[...n[0]||(n[0]=[d("mdi-thumb-up",-1)])]),_:1})):t(o).isSolved&&!t(g)?(s(),p(i,{key:1,size:"large",color:"red",class:"exercise-thumb"},{default:l(()=>[...n[1]||(n[1]=[d("mdi-thumb-down",-1)])]),_:1})):T("",!0),b(m,{variant:"tonal",color:t(w),class:z({"instructions pa-2 mb-5":e.$vuetify.theme.name!=="dark"&&e.$vuetify.display.smAndUp,"instructions pa-2 mb-5 dark":e.$vuetify.theme.name==="dark"&&e.$vuetify.display.smAndUp,"instructions pa-2 mb-5 xs":e.$vuetify.theme.name!=="dark"&&e.$vuetify.display.xs,"instructions pa-2 mb-5 dark xs":e.$vuetify.theme.name==="dark"&&e.$vuetify.display.xs})},{default:l(()=>[...n[2]||(n[2]=[f("p",null,[f("strong",null,"Answer the question below"),d(". It can only be either true or false.")],-1)])]),_:1},8,["color","class"]),n[3]||(n[3]=f("div",{class:"clear"},null,-1)),f("p",{class:z({"text-h6":e.$vuetify.display.smAndUp,"":e.$vuetify.display.xs})},O(h.reel.statement),3),b(C,{class:"mt-4"},{default:l(()=>[(s(!0),_(H,null,J(t(o).choices,(u,B)=>(s(),p(y,{cols:"6",class:z({"pl-1 py-1":B%2!=0,"pr-1 py-1":B%2==0})},{default:l(()=>[b($,{onClick:F=>v(u,!1),rounded:"lg",class:z({"cursor-pointer choice text-h6 pa-3 dark-gray-gradient":e.$vuetify.display.smAndUp&&e.$vuetify.theme.name==="dark","cursor-pointer choice pa-3 dark-gray-gradient":e.$vuetify.display.xs&&e.$vuetify.theme.name==="dark","cursor-pointer choice text-h6 pa-3 light-gray-gradient ":e.$vuetify.display.smAndUp&&e.$vuetify.theme.name!=="dark","cursor-pointer choice pa-3 light-gray-gradient":e.$vuetify.display.xs&&e.$vuetify.theme.name!=="dark","cursor-pointer choice-correct text-h6 pa-3 green-gradient text-white":t(o).isSolved&&e.$vuetify.display.smAndUp&&t(r)(u),"cursor-pointer choice-correct pa-3 green-gradient text-white":t(o).isSolved&&e.$vuetify.display.xs&&t(r)(u),"cursor-pointer choice-incorrect text-h6 pa-3 red-gradient text-white":t(o).isSolved&&e.$vuetify.display.smAndUp&&t(U)(u),"cursor-pointer choice-incorrect pa-3 red-gradient text-white":t(o).isSolved&&e.$vuetify.display.xs&&t(U)(u),"cursor-pointer choice-corrected text-h6 pa-3 orange-gradient text-white":t(o).isSolved&&e.$vuetify.display.smAndUp&&t(c)(u),"cursor-pointer choice-corrected pa-3 orange-gradient text-white":t(o).isSolved&&e.$vuetify.display.xs&&t(c)(u)})},{default:l(()=>[f("p",qs,[f("small",Fs,O(u.toUpperCase()),1)])]),_:2},1032,["onClick","class"])]),_:2},1032,["class"]))),256))]),_:1}),t(o).isSolved?(s(),_("div",Ys,[b(C,null,{default:l(()=>[b(y,{cols:10},{default:l(()=>[b(m,{color:"green",variant:"tonal",class:z(["pa-3",{"text-body-1 explanation-alert":e.$vuetify.display.smAndUp,"text-body-2 explanation-alert":e.$vuetify.display.xs}

2]),rounded:"lg"},{default:l(()=>[e.$vuetify.display.smAndUp?(s(),_("p",Bs,"Explanation")):T("",!0),f("p",null,O(h.reel.explanation),1)]),_:1},8,["class"])]),_:1})]),_:1})])):T("",!0)])}}}),Ne=Object.assign(V(Ns,[["__scopeId","data-v-bc699f85"]]),{__name:"ReelsReelTrueOrFalse"}),Hs={class:"text-center"},Gs={class:"font-weight-bold"},Vs={key:2,class:"mt-5"},Qs={key:0,class:"font-weight-bold mb-1"},Zs=G({__name:"ReelThinkAndChoose",props:{reel:{type:Object,required:!0}},emits:["onSolveReel","onLogin"],setup(h,{emit:S}){const R=S,k=h,w=x(()=>String(P().params.course_level)),D=P().path.includes("/reels/default"),A=x(()=>N().session),g=x(()=>o.selectedChoice?.toUpperCase()===k.reel.solution.toUpperCase()),r=x(()=>e=>o.isSolved&&e.toUpperCase()===o.selectedChoice?.toUpperCase()&&e.toUpperCase()===k.reel.solution.toUpperCase()),c=x(()=>e=>o.isSolved&&e.toUpperCase()!==o.selectedChoice?.toUpperCase()&&e.toUpperCase()===k.reel.solution.toUpperCase()),U=x(()=>e=>o.isSolved&&e.toUpperCase()===o.selectedChoice?.toUpperCase()&&e.toUpperCase()!==k.reel.solution.toUpperCase()),o=X({isSolved:!1,selectedChoice:null,reel:null});Z(()=>{o.reel=k.reel;const{$gtag:e}=ee();e&&setTimeout(()=>{e("event","screen_view",{app_name:"Web - Think and Choose",page_title:"Web - Think and Choose"})},500)});const a=e=>{o.reel&&(o.selectedChoice=e,o.reel.selected_choice=e)},v=(e,n=!1)=>{A.value.loggedIn?o.isSolved||(D||(a(e.toUpperCase()),o.isSolved=!0),o.reel&&!n&&R("onSolveReel",g.value)):R("onLogin")};return(e,n)=>{const i=L("v-icon"),m=L("v-alert"),$=L("v-sheet"),y=L("v-col"),C=L("v-row");return s(),_("div",null,[t(o).isSolved&&t(g)?(s(),p(i,{key:0,size:"large",color:"green",class:"exercise-thumb"},{default:l(()=>[...n[0]||(n[0]=[d("mdi-thumb-up",-1)])]),_:1})):t(o).isSolved&&!t(g)?(s(),p(i,{key:1,size:"large",color:"red",class:"exercise-thumb"},{default:l(()=>[...n[1]||(n[1]=[d("mdi-thumb-down",-1)])]),_:1})):T("",!0),b(m,{variant:"tonal",color:t(w),class:z({"instructions pa-2 mb-5":e.$vuetify.theme.name!=="dark"&&e.$vuetify.display.smAndUp,"instructions pa-2 mb-5 dark":e.$vuetify.theme.name==="dark"&&e.$vuetify.display.smAndUp,"instructions pa-2 mb-5 xs":e.$vuetify.theme.name!=="dark"&&e.$vuetify.display.xs,"instructions pa-2 mb-5 dark xs":e.$vuetify.theme.name==="dark"&&e.$vuetify.display.xs})},{default:l(()=>[...n[2]||(n[2]=[f("p",null,[f("strong",null,"Answer the question below"),d(". (In this exercise, there's only one valid choice).")],-1)])]),_:1},8,["color","class"]),n[3]||(n[3]=f("div",{class:"clear"},null,-1)),f("p",{class:z({"text-h6":e.$vuetify.display.smAndUp,"":e.$vuetify.display.xs})},O(h.reel.question),3),b(C,{class:"mt-4"},{default:l(()=>[(s(!0),_(H,null,J(h.reel.choices,(u,B)=>(s(),p(y,{cols:"6",class:z({"pl-1 py-1":B%2!=0,"pr-1 py-1":B%2==0})},{default:l(()=>[b($,{onClick:F=>v(u,!1),rounded:"lg",class:z({"cursor-pointer choice text-h6 pa-3 dark-gray-gradient":e.$vuetify.display.smAndUp&&e.$vuetify.theme.name==="dark","cursor-pointer choice pa-3 dark-gray-gradient":e.$vuetify.display.xs&&e.$vuetify.theme.name==="dark","cursor-pointer choice text-h6 pa-3 light-gray-gradient ":e.$vuetify.display.smAndUp&&e.$vuetify.theme.name!=="dark","cursor-pointer choice pa-3 light-gray-gradient":e.$vuetify.display.xs&&e.$vuetify.theme.name!=="dark","cursor-pointer choice-correct text-h6 pa-3 green-gradient text-white":t(o).isSolved&&e.$vuetify.display.smAndUp&&t(r)(u),"cursor-pointer choice-correct pa-3 green-gradient text-white":t(o).isSolved&&e.$vuetify.display.xs&&t(r)(u),"cursor-pointer choice-incorrect text-h6 pa-3 red-gradient text-white":t(o).isSolved&&e.$vuetify.display.smAndUp&&t(U)(u),"cursor-pointer choice-incorrect pa-3 red-gradient text-white":t(o).isSolved&&e.$vuetify.display.xs&&t(U)(u),"cursor-pointer choice-corrected text-h6 pa-3 orange-gradient text-white":t(o).isSolved&&e.$vuetify.display.smAndUp&&t(c)(u),"cursor-pointer choice-corrected pa-3 orange-gradient text-white":t(o).isSolved&&e.$vuetify.display.xs&&t(c)(u)})},{default:l(()=>[f("p",Hs,[f("small",Gs,O(u.toUpperCase()),1)])]),_:2},1032,["onClick","class"])]),_:2},1032,["class"]))),256))]),_:1}),t(o).isSolved?(s(),_("div",Vs,[b(C,null,{default:l(()=>[b(y,{cols:10},{default:l(()=>[b(m,{color:"green",variant:"tonal",class:z(["pa-3",{"text-body-1 explanation-alert":e.$vuetify.display.smAndUp,"text-body-2 explanation-alert":e.$vuetify.display.xs}

2]),rounded:"lg"},{default:l(()=>[e.$vuetify.display.smAndUp?(s(),_("p",Qs,"Explanation")):T("",!0),f("p",null,O(h.reel.explanation),1)]),_:1},8,["class"])]),_:1})]),_:1})])):T("",!0)])}}}),He=Object.assign(V(Zs,[["__scopeId","data-v-ee575451"]]),{__name:"ReelsReelThinkAndChoose"}),Js={class:"flow-layout"},Xs=["onClick"],Ks={key:2,class:"flow-layout"},eo={key:3,class:"flow-layout"},to=["onClick"],so={key:4,class:"mt-5"},oo={key:0,class:"font-weight-bold mb-1 text-green"},no={key:1,class:"font-weight-bold mb-1 text-orange"},lo=G({__name:"ReelBuildTheSentence",props:{reel:{type:Object,required:!0}},emits:["onSolveReel","onLogin"],setup(h,{emit:S}){const R=S,k=h,w=x(()=>String(P().params.course_level)),D=x(()=>N().session),A=P().path.includes("/reels/default"),g=x(()=>c.isSolved&&c.selectedChoice===c.reel?.solution),r=x(()=>c.reel?.jumbled_sentence.split("/")??[]),c=X({isSolved:!1,selectedChoice:null,reel:null,words:[],selectedWords:[]});Z(()=>{c.reel=k.reel,c.words=c.reel?.jumbled_sentence.split("/")??[];const{$gtag:v}=ee();v&&setTimeout(()=>{v("event","screen_view",{app_name:"Web - Build the Sentence",page_title:"Web - Build the Sentence"})},500)});const U=v=>{if(!c.isSolved){const e=c.words.indexOf(v);e!==-1&&(c.words.splice(e,1),c.selectedWords.push(v)),c.selectedWords.length===r.value.length&&(c.selectedChoice=c.selectedWords.join(" "),c.reel&&(c.reel.selected_choice=c.selectedChoice),a(!1))}},o=v=>{if(!c.isSolved){const e=c.selectedWords.indexOf(v);e!==-1&&(c.selectedWords.splice(e,1),c.words.push(v))}},a=(v=!1)=>{D.value.loggedIn?c.isSolved||(A?(c.selectedChoice=null,c.selectedWords=[],c.words=c.reel?.jumbled_sentence.split("/")??[]):c.isSolved=!0,c.reel&&!v&&R("onSolveReel",g.value)):(c.words=c.reel?.jumbled_sentence.split("/")??[],c.selectedChoice=null,c.selectedWords=[],R("onLogin"))};return(v,e)=>{const n=L("v-icon"),i=L("v-alert"),m=L("v-col"),$=L("v-row");return s(),_("div",null,[t(c).isSolved&&t(g)?(s(),p(n,{key:0,size:"large",color:"green",class:"exercise-thumb"},{default:l(()=>[...e[0]||(e[0]=[d("mdi-thumb-up",-1)])]),_:1})):t(c).isSolved&&!t(g)?(s(),p(n,{key:1,size:"large",color:"red",class:"exercise-thumb"},{default:l(()=>[...e[1]||(e[1]=[d("mdi-thumb-down",-1)])]),_:1})):T("",!0),b(i,{variant:"tonal",color:t(w),class:z({"instructions pa-2 mb-5":v.$vuetify.theme.name!=="dark"&&v.$vuetify.display.smAndUp,"instructions pa-2 mb-5 dark":v.$vuetify.theme.name==="dark"&&v.$vuetify.display.smAndUp,"instructions pa-2 mb-5 xs":v.$vuetify.theme.name!=="dark"&&v.$vuetify.display.xs,"instructions pa-2 mb-5 dark xs":v.$vuetify.theme.name==="dark"&&v.$vuetify.display.xs})},{default:l(()=>[...e[2]||(e[2]=[f("p",null,[d("Rearrange the words to "),f("strong",null,"form the correct sentence"),d(". The reel will auto-solve when the last word is placed.")],-1)])]),_:1},8,["color","class"]),e[6]||(e[6]=f("div",{class:"clear"},null,-1)),f("div",Js,[(s(!0),_(H,null,J(t(c).words,y=>(s(),_("div",{class:"flow-item",onClick:C=>U(y)},O(y),9,Xs))),256))]),f("p",{class:z({"font-weight-bold mt-5 mb-2":!t(c).isSolved,"font-weight-bold mb-2":t(c).isSolved})},"Your Sentence",2),t(c).selectedWords.length<1?(s(),_("div",Ks,[...e[3]||(e[3]=[f("div",{class:"nothing"},"Nothing here yet.",-1)])])):(s(),_("div",eo,[(s(!0),_(H,null,J(t(c).selectedWords,y=>(s(),_("div",{class:z({"flow-item":!0,"flow-item choice-correct":t(c).isSolved&&t(g),"flow-item choice-incorrect":t(c).isSolved&&!t(g)}),onClick:C=>o(y)},O(y),11,to))),256))])),t(c).isSolved?(s(),_("div",so,[b($,null,{default:l(()=>[b(m,{cols:10},{default:l(()=>[b(i,{color:"green",variant:"tonal",class:z(["pa-3",{"text-body-1 explanation-alert":v.$vuetify.display.smAndUp,"text-body-2 explanation-alert":v.$vuetify.display.xs}]),rounded:"lg"},{default:l(()=>[t(g)?(s(),_("p",oo,[b(n,null,{default:l(()=>[...e[4]||(e[4]=[d("mdi-check",-1)])]),_:1}),d(" "+O(h.reel.solution),1)])):(s(),_("p",no,[b(n,null,{default:l(()=>[...e[5]||(e[5]=[d("mdi-check",-1)])]),_:1}),d(" "+O(h.reel.solution),1)])),f("p",null,O(h.reel.explanation),1)]),_:1},8,["class"])]),_:1})]),_:1})])):T("",!0)])}}}),Ge=Object.assign(V(lo,[["__scopeId","data-v-5ed6632e"]]),{__name:"ReelsReelBuildTheSentence"}),io={controls:"",class:"compact-audio"},ro=["src"],ao={key:2,class:"flow-layout mt-5"},uo=["onClick"],po={key:3,class:"flow-layout"},co={key:4,class:"flow-layout"},mo=["onClick"],vo={key:6,class:"mt-7"},yo={key:0,class:"font-weight-bold mb-1 text-green"},fo={key:1,class:"font-weight-bold mb-1 text-orange"},go=G({__name:"ReelPlayAndWrite",props:{reel:{type:Object,required:!0}},emits:["onSolveReel","onLogin"],setup(h,{emit:S}){const R=S,k=h,w=P().path.includes("/reels/default"),D=x(()=>N().session),A=x(()=>String(P().params.course_level)),g=x(()=>r.isSolved&&r.selectedChoice===r.reel?.solution);x(()=>r.reel?.jumbled_sentence.split("/")??[]);const r=X({isSolved:!1,selectedChoice:null,reel:null,words:[],selectedWords:[]});Z(()=>{r.reel=k.reel,r.words=r.reel?.jumbled_sentence.split("/")??[];const{$gtag:a}=ee();a&&setTimeout(()=>{a("event","screen_view",{app_name:"Web - Play and Write",page_title:"Web - Play and Write"})},500)});const c=a=>

2{if(!r.isSolved){const v=r.words.indexOf(a);v!==-1&&(r.words.splice(v,1),r.selectedWords.push(a))}},U=a=>{if(!r.isSolved){const v=r.selectedWords.indexOf(a);v!==-1&&(r.selectedWords.splice(v,1),r.words.push(a))}},o=(a=!1)=>{D.value.loggedIn?r.isSolved||(w?(r.selectedChoice=null,r.selectedWords=[],r.words=r.reel?.jumbled_sentence.split("/")??[]):(r.selectedChoice=r.selectedWords.join(" "),r.reel&&(r.reel.selected_choice=r.selectedChoice),r.isSolved=!0),r.reel&&!a&&R("onSolveReel",g.value)):(r.words=r.reel?.jumbled_sentence.split("/")??[],r.selectedChoice=null,r.selectedWords=[],R("onLogin"))};return(a,v)=>{const e=L("v-icon"),n=L("v-alert"),i=L("v-btn"),m=L("v-col"),$=L("v-row");return s(),_("div",null,[t(r).isSolved&&t(g)?(s(),p(e,{key:0,size:"large",color:"green",class:"exercise-thumb"},{default:l(()=>[...v[1]||(v[1]=[d("mdi-thumb-up",-1)])]),_:1})):t(r).isSolved&&!t(g)?(s(),p(e,{key:1,size:"large",color:"red",class:"exercise-thumb"},{default:l(()=>[...v[2]||(v[2]=[d("mdi-thumb-down",-1)])]),_:1})):T("",!0),b(n,{variant:"tonal",color:t(A),class:z({"instructions pa-2 mb-5":a.$vuetify.theme.name!=="dark"&&a.$vuetify.display.smAndUp,"instructions pa-2 mb-5 dark":a.$vuetify.theme.name==="dark"&&a.$vuetify.display.smAndUp,"instructions pa-2 mb-5 xs":a.$vuetify.theme.name!=="dark"&&a.$vuetify.display.xs,"instructions pa-2 mb-5 dark xs":a.$vuetify.theme.name==="dark"&&a.$vuetify.display.xs})},{default:l(()=>[...v[3]||(v[3]=[f("p",null,[d("Listen to the audio to "),f("strong",null,"form the correct sentence"),d(". There are two words you do not need.")],-1)])]),_:1},8,["color","class"]),v[9]||(v[9]=f("div",{class:"clear"},null,-1)),f("audio",io,[f("source",{src:`https://englishreels.app/audio/play-and-write/${h.reel.audio}`,type:"audio/mpeg"},null,8,ro),v[4]||(v[4]=d(" Your browser does not support the audio element. ",-1))]),t(r).isSolved?T("",!0):(s(),_("div",ao,[(s(!0),_(H,null,J(t(r).words,y=>(s(),_("div",{class:"flow-item",onClick:C=>c(y)},O(y),9,uo))),256))])),v[10]||(v[10]=f("p",{class:"font-weight-bold mt-5 mb-2"},"Your Sentence",-1)),t(r).selectedWords.length<1?(s(),_("div",po,[...v[5]||(v[5]=[f("div",{class:"nothing"},"Nothing here yet.",-1)])])):(s(),_("div",co,[(s(!0),_(H,null,J(t(r).selectedWords,y=>(s(),_("div",{class:z({"flow-item":!0,"flow-item choice-correct":t(r).isSolved&&t(g),"flow-item choice-incorrect":t(r).isSolved&&!t(g)}),onClick:C=>U(y)},O(y),11,mo))),256))])),!t(r).isSolved&&t(r).selectedWords.length>0?(s(),p(i,{key:5,color:t(A),onClick:v[0]||(v[0]=y=>o(!1)),disabled:t(r).selectedWords.length<1,size:a.$vuetify.display.smAndUp?"default":"small",class:z({"mt-5 a":a.$vuetify.theme.name!=="dark","mt-5":a.$vuetify.theme.name==="dark"}),rounded:"lg",elevation:"0"},{default:l(()=>[...v[6]||(v[6]=[f("small",{class:"font-weight-bold text-white"},"Check Answer",-1)])]),_:1},8,["color","disabled","size","class"])):T("",!0),t(r).isSolved?(s(),_("div",vo,[b($,null,{default:l(()=>[b(m,{cols:10},{default:l(()=>[b(n,{color:"green",variant:"tonal",class:z(["pa-3",{"text-body-1 explanation-alert":a.$vuetify.display.smAndUp,"text-body-2 explanation-alert":a.$vuetify.display.xs}]),rounded:"lg"},{default:l(()=>[t(g)?(s(),_("p",yo,[b(e,null,{default:l(()=>[...v[7]||(v[7]=[d("mdi-check",-1)])]),_:1}),d(" "+O(h.reel.solution),1)])):(s(),_("p",fo,[b(e,null,{default:l(()=>[...v[8]||(v[8]=[d("mdi-check",-1)])]),_:1}),d(" "+O(h.reel.solution),1)])),f("p",null,O(h.reel.explanation),1)]),_:1},8,["class"])]),_:1})]),_:1})])):T("",!0)])}}}),Ve=Object.assign(V(go,[["__scopeId","data-v-8bab24ad"]]),{__name:"ReelsReelPlayAndWrite"}),ho={class:"mt-5"},$o={key:0},ko={class:"font-weight-bold"},_o={key:1},bo={class:"text-body-1"},Co={key:2,class:"mt-5"},wo={key:0,class:"font-weight-bold mb-1"},So=G({__name:"ReelNotices",props:{reel:{type:Object,required:!0}},emits:["onSolveReel","onLogin"],setup(h,{emit:S}){const R=S,k=h,w=x(()=>String(P().params.course_level)),D=x(()=>N().session),A=P().path.includes("/reels/default"),g=x(()=>o.selectedChoice?.toUpperCase()===k.reel.solution.toUpperCase()),r=x(()=>e=>o.isSolved&&e.toUpperCase()===o.selectedChoice?.toUpperCase()&&e.toUpperCase()===k.reel.solution.toUpperCase()),c=x(()=>e=>o.isSolved&&e.toUpperCase()!==o.selectedChoice?.toUpperCase()&&e.toUpperCase()===k.reel.solution.toUpperCase()),U=x(()=>e=>o.isSolved&&e.toUpperCase()===o.selectedChoice?.toUpperCase()&&e.toUpperCase()!==k.reel.solution.toUpperCase()),o=X({isSolved:!1,selectedChoice:null,reel:null});Z(()=>{o.reel=k.reel;const{$gtag:e}=ee();e&&setTimeout(()=>{e("event","screen_view",{app_name:"Web - Notices",page_title:"Web - Notices"})},500)});const a=e=>{o.reel&&(o.selectedChoice=e,o.reel.selected_choice=e)},v=(e,n=!1)=>{D.value.loggedIn?o.isSolved||(A||(a(e.toUpperCase()),o.isSolved=!0),o.reel&&!n&&R("onSolveReel",g.value)):R("onLogin")};return(e,n)=>{const i=L("v-icon"),m=L("v-alert"),$=L("v-sheet"),y=L("v-col"),C=L("v-row");return s(),_("div",null,[t(o).isSolved&&t(g)?(s(),p(i,{key:0,size:"large",color:"green",class:"exercise-thumb"},{default:l(()=>[...n[0]||(n[0]=[d("mdi-thumb-up",-1)])]),_:1})):t(o).isSolved&&!t(g)?(s(),p(i,{key:1,size:"large",color:"red",class:"exercise-thumb"},{default:l(()=>[...n[1]||(n[1]=[d("mdi-thumb-down",-1)])]),_:1})):T("",!0),b(m,{variant:"tonal",color:t(w),class:z({"instructions pa-2 mb-5":e.$vuetify.theme.name!=="dark"&&e.$vuetify.display.smAndUp,"instructions pa-2 mb-5 dark":e.$vuetify.theme.name==="dark"&&e.$vuetify.display.smAndUp,"instructions pa-2 mb-5 xs":e.$vuetify.theme.name!=="dark"&&e.$vuetify.display.xs,"instructions pa-2 mb-5 dark xs":e.$vuetify.theme.name==="dark"&&e.$vuetify.display.xs})},{default:l(()=>[...n[2]||(n[2]=[f("p",null,"What does this notice suggest?",-1)])]),_:1},8,["color","class"]),n[15]||(n[15]=f("div",{class:"clear"},null,-1)),f("p",{class:z({"text-h5 font-weight-bold notice":e.$vuetify.display.smAndUp,"text-h6 font-weight-bold notice":e.$vuetify.display.xs})},[b(i,null,{default:l(()=>[...n[3]||(n[3]=[d("mdi-format-quote-open",-1)])]),_:1}),d(" "+O(h.reel.text)+" ",1),b(i,null,{default:l(()=>[...n[4]||(n[4]=[d("mdi-format-quote-close",-1)])]),_:1})],2),f("p",ho,O(h.reel.question),1),b(C,{class:"mt-1"},{default:l(()=>[(s(!0),_(H,null,J(h.reel.choices,u=>(s(),p(y,{cols:e.$vuetify.display.xs?12:10,class:"py-1"},{default:l(()=>[b($,{onClick:B=>v(u,!1),rounded:"lg",class:z({"cursor-pointer choice text-h6 px-3 dark-gray-gradient py-3":e.$vuetify.display.smAndUp&&e.$vuetify.theme.name==="dark","cursor-pointer choice px-3 dark-gray-gradient py-3":e.$vuetify.display.xs&&e.$vuetify.theme.name==="dark","cursor-pointer choice text-h6 px-3 light-gray-gradient py-3":e.$vuetify.display.smAndUp&&e.$vuetify.theme.name!=="dark","cursor-pointer choice px-3 light-gray-gradient py-3":e.$vuetify.display.xs&&e.$vuetify.theme.name!=="dark","cursor-pointer choice-correct text-h6 px-3 green-gradient text-white py-3":t(o).isSolved&&e.$vuetify.display.smAndUp&&t(r)(u),"cursor-pointer choice-correct px-3 green-gradient text-white py-3":t(o).isSolved&&e.$vuetify.display.xs&&t(r)(u),"cursor-pointer choice-incorrect text-h6 px-3 red-gradient text-white py-3":t(o).isSolved&&e.$vuetify.display.smAndUp&&t(U)(u),"cursor-pointer choice-incorrect px-3 red-gradient text-white py-3":t(o).isSolved&&e.$vuetify.display.xs&&t(U)(u),"cursor-pointer choice-corrected text-h6 px-3 orange-gradient text-white py-3":t(o).isSolved&&e.$vuetify.display.smAndUp&&t(c)(u),"cursor-pointer choice-corrected px-3 orange-gradient text-white py-3":t(o).isSolved&&e.$vuetify.display.xs&&t(c)(u)})},{default:l(()=>[e.$vuetify.display.xs?(s(),_("p",$o,[t(r)(u)?(s(),p(i,{key:0,size:"x-small"},{default:l(()=>[...n[5]||(n[5]=[d("mdi-check",-1)])]),_:1})):t(U)(u)?(s(),p(i,{key:1,size:"x-small"},{default:l(()=>[...n[6]||(n[6]=[d("mdi-close",-1)])]),_:1})):t(c)(u)?(s(),p(i,{key:2,size:"x-small"},{default:l(()=>[...n[7]||(n[7]=[d("mdi-check",-1)])]),_:1})):(s(),p(i,{key:3,size:"x-small"},{default:l(()=>[...n[8]||(n[8]=[d("mdi-text",-1)])]),_:1})),n[9]||(n[9]=d("  ",-1)),f("small",ko,O(u),1)])):(s(),_("p",_o,[t(r)(u)?(s(),p(i,{key:0,size:"15"},{default:l(()=>[...n[10]||(n[10]=[d("mdi-check",-1)])]),_:1})):t(U)(u)?(s(),p(i,{key:1,size:"15"},{default:l(()=>[...n[11]||(n[11]=[d("mdi-check",-1)])]),_:1})):t(c)(u)?(s(),p(i,{key:2,size:"15"},{default:l(()=>[...n[12]||(n[12]=[d("mdi-close",-1)])]),_:1})):(s(),p(i,{key:3,size:"15"},{default:l(()=>[...n[13]||(n[13]=[d("mdi-text",-1)])]),_:1})),n[14]||(n[14]=d("  ",-1)),f("span",bo,O(u),1)]))]),_:2},1032,["onClick","class"])]),_:2},1032,["cols"]))),256))]),_:1}),t(o).isSolved?(s(),_("div",Co,[b(C,null,{default:l(()=>[b(y,{cols:10},{default:l(()=>[b(m,{color:"green",variant:"tonal",class:z(["pa-3",{"text-body-1 explanation-alert":e.$vuetify.display.smAndUp,"text-body-2 explanation-alert":e.$vuetify.display.xs}

2]),rounded:"lg"},{default:l(()=>[e.$vuetify.display.smAndUp?(s(),_("p",wo,"Explanation")):T("",!0),f("p",null,O(h.reel.explanation),1)]),_:1},8,["class"])]),_:1})]),_:1})])):T("",!0)])}}}),Qe=Object.assign(V(So,[["__scopeId","data-v-001f1dad"]]),{__name:"ReelsReelNotices"}),Uo={controls:"",class:"compact-audio"},xo=["src"],Ro={class:"mt-5"},Ao={key:0},zo={class:"font-weight-bold"},Lo={key:1},Do={class:"text-body-1"},Oo={key:2,class:"mt-5"},Eo={key:0,class:"font-weight-bold mb-1"},To=G({__name:"ReelAudioNotices",props:{reel:{type:Object,required:!0}},emits:["onSolveReel","onLogin"],setup(h,{emit:S}){const R=S,k=h,w=x(()=>String(P().params.course_level)),D=x(()=>N().session),A=P().path.includes("/reels/default"),g=x(()=>o.selectedChoice?.toUpperCase()===k.reel.solution.toUpperCase()),r=x(()=>e=>o.isSolved&&e.toUpperCase()===o.selectedChoice?.toUpperCase()&&e.toUpperCase()===k.reel.solution.toUpperCase()),c=x(()=>e=>o.isSolved&&e.toUpperCase()!==o.selectedChoice?.toUpperCase()&&e.toUpperCase()===k.reel.solution.toUpperCase()),U=x(()=>e=>o.isSolved&&e.toUpperCase()===o.selectedChoice?.toUpperCase()&&e.toUpperCase()!==k.reel.solution.toUpperCase()),o=X({isSolved:!1,selectedChoice:null,reel:null});Z(()=>{o.reel=k.reel;const{$gtag:e}=ee();e&&setTimeout(()=>{e("event","screen_view",{app_name:"Web - Audio Notices",page_title:"Web - Audio Notices"})},500)});const a=e=>{o.reel&&(o.selectedChoice=e,o.reel.selected_choice=e)},v=(e,n=!1)=>{D.value.loggedIn?o.isSolved||(A?o.selectedChoice=null:(a(e.toUpperCase()),o.isSolved=!0),o.reel&&!n&&R("onSolveReel",g.value)):R("onLogin")};return(e,n)=>{const i=L("v-icon"),m=L("v-alert"),$=L("v-sheet"),y=L("v-col"),C=L("v-row");return s(),_("div",null,[t(o).isSolved&&t(g)?(s(),p(i,{key:0,size:"large",color:"green",class:"exercise-thumb"},{default:l(()=>[...n[0]||(n[0]=[d("mdi-thumb-up",-1)])]),_:1})):t(o).isSolved&&!t(g)?(s(),p(i,{key:1,size:"large",color:"red",class:"exercise-thumb"},{default:l(()=>[...n[1]||(n[1]=[d("mdi-thumb-down",-1)])]),_:1})):T("",!0),b(m,{variant:"tonal",color:t(w),class:z({"instructions pa-2 mb-5":e.$vuetify.theme.name!=="dark"&&e.$vuetify.display.smAndUp,"instructions pa-2 mb-5 dark":e.$vuetify.theme.name==="dark"&&e.$vuetify.display.smAndUp,"instructions pa-2 mb-5 xs":e.$vuetify.theme.name!=="dark"&&e.$vuetify.display.xs,"instructions pa-2 mb-5 dark xs":e.$vuetify.theme.name==="dark"&&e.$vuetify.display.xs})},{default:l(()=>[...n[2]||(n[2]=[f("p",null,"What does this audio notice suggest?",-1)])]),_:1},8,["color","class"]),n[14]||(n[14]=f("div",{class:"clear"},null,-1)),f("audio",Uo,[f("source",{src:`https://englishreels.app/audio/notices/${h.reel.audio}`,type:"audio/mpeg"},null,8,xo),n[3]||(n[3]=d(" Your browser does not support the audio element. ",-1))]),f("p",Ro,O(h.reel.question),1),b(C,{class:"mt-1"},{default:l(()=>[(s(!0),_(H,null,J(h.reel.choices,u=>(s(),p(y,{cols:e.$vuetify.display.xs?12:10,class:"py-1"},{default:l(()=>[b($,{onClick:B=>v(u,!1),rounded:"lg",class:z({"cursor-pointer choice text-h6 px-3 dark-gray-gradient py-3":e.$vuetify.display.smAndUp&&e.$vuetify.theme.name==="dark","cursor-pointer choice px-3 dark-gray-gradient py-3":e.$vuetify.display.xs&&e.$vuetify.theme.name==="dark","cursor-pointer choice text-h6 px-3 light-gray-gradient py-3":e.$vuetify.display.smAndUp&&e.$vuetify.theme.name!=="dark","cursor-pointer choice px-3 light-gray-gradient py-3":e.$vuetify.display.xs&&e.$vuetify.theme.name!=="dark","cursor-pointer choice-correct text-h6 px-3 green-gradient text-white py-3":t(o).isSolved&&e.$vuetify.display.smAndUp&&t(r)(u),"cursor-pointer choice-correct px-3 green-gradient text-white py-3":t(o).isSolved&&e.$vuetify.display.xs&&t(r)(u),"cursor-pointer choice-incorrect text-h6 px-3 red-gradient text-white py-3":t(o).isSolved&&e.$vuetify.display.smAndUp&&t(U)(u),"cursor-pointer choice-incorrect px-3 red-gradient text-white py-3":t(o).isSolved&&e.$vuetify.display.xs&&t(U)(u),"cursor-pointer choice-corrected text-h6 px-3 orange-gradient text-white py-3":t(o).isSolved&&e.$vuetify.display.smAndUp&&t(c)(u),"cursor-pointer choice-corrected px-3 orange-gradient text-white py-3":t(o).isSolved&&e.$vuetify.display.xs&&t(c)(u)})},{default:l(()=>[e.$vuetify.display.xs?(s(),_("p",Ao,[t(r)(u)?(s(),p(i,{key:0,size:"x-small"},{default:l(()=>[...n[4]||(n[4]=[d("mdi-check",-1)])]),_:1})):t(U)(u)?(s(),p(i,{key:1,size:"x-small"},{default:l(()=>[...n[5]||(n[5]=[d("mdi-close",-1)])]),_:1})):t(c)(u)?(s(),p(i,{key:2,size:"x-small"},{default:l(()=>[...n[6]||(n[6]=[d("mdi-check",-1)])]),_:1})):(s(),p(i,{key:3,size:"x-small"},{default:l(()=>[...n[7]||(n[7]=[d("mdi-text",-1)])]),_:1})),n[8]||(n[8]=d("  ",-1)),f("small",zo,O(u),1)])):(s(),_("p",Lo,[t(r)(u)?(s(),p(i,{key:0,size:"15"},{default:l(()=>[...n[9]||(n[9]=[d("mdi-check",-1)])]),_:1})):t(U)(u)?(s(),p(i,{key:1,size:"15"},{default:l(()=>[...n[10]||(n[10]=[d("mdi-check",-1)])]),_:1})):t(c)(u)?(s(),p(i,{key:2,size:"15"},{default:l(()=>[...n[11]||(n[11]=[d("mdi-close",-1)])]),_:1})):(s(),p(i,{key:3,size:"15"},{default:l(()=>[...n[12]||(n[12]=[d("mdi-text",-1)])]),_:1})),n[13]||(n[13]=d("  ",-1)),f("span",Do,O(u),1)]))]),_:2},1032,["onClick","class"])]),_:2},1032,["cols"]))),256))]),_:1}),t(o).isSolved?(s(),_("div",Oo,[b(C,null,{default:l(()=>[b(y,{cols:10},{default:l(()=>[b(m,{color:"green",variant:"tonal",class:z(["pa-3",{"text-body-1 explanation-alert":e.$vuetify.display.smAndUp,"text-body-2 explanation-alert":e.$vuetify.display.xs}

2]),rounded:"lg"},{default:l(()=>[e.$vuetify.display.smAndUp?(s(),_("p",Eo,"Explanation")):T("",!0),f("p",null,O(h.reel.explanation),1)]),_:1},8,["class"])]),_:1})]),_:1})])):T("",!0)])}}}),Ze=Object.assign(V(To,[["__scopeId","data-v-d4ae04c5"]]),{__name:"ReelsReelAudioNotices"}),Wo={class:"text-h5 font-weight-bold"},jo={class:"choices-row"},Io={key:0},Mo={key:5,class:"font-weight-bold text-primary"},Po={key:6,class:"font-weight-bold"},qo={key:1},Fo={key:6,class:"font-weight-bold"},Yo={key:0},Bo={key:5,class:"font-weight-bold text-primary"},No={key:6,class:"font-weight-bold"},Ho={key:1},Go={key:6,class:"font-weight-bold"},Vo={key:2,class:"mt-5"},Qo={key:0,class:"font-weight-bold mb-1"},Zo={class:"font-weight-black"},Jo=G({__name:"ReelVerbsConjugations",props:{reel:{type:Object,required:!0}},emits:["onSolveReel","onLogin"],setup(h,{emit:S}){const R=S,k=h,w=x(()=>String(P().params.course_level)),D=P().path.includes("/reels/default"),A=x(()=>N().session),g=x(()=>i.selectedChoiceDict.pastSimple===i.solutionDict.pastSimple&&i.selectedChoiceDict.participle===i.solutionDict.participle),r=x(()=>y=>!i.isSolved&&i.selectedChoiceDict.pastSimple===y),c=x(()=>y=>i.isSolved&&y===i.selectedChoiceDict.pastSimple&&y===i.solutionDict.pastSimple),U=x(()=>y=>i.isSolved&&y!==i.selectedChoiceDict.pastSimple&&y===i.solutionDict.pastSimple),o=x(()=>y=>i.isSolved&&y===i.selectedChoiceDict.pastSimple&&y!==i.solutionDict.pastSimple),a=x(()=>y=>!i.isSolved&&i.selectedChoiceDict.participle===y),v=x(()=>y=>i.isSolved&&y===i.selectedChoiceDict.participle&&y===i.solutionDict.participle),e=x(()=>y=>i.isSolved&&y!==i.selectedChoiceDict.participle&&y===i.solutionDict.participle),n=x(()=>y=>i.isSolved&&y===i.selectedChoiceDict.participle&&y!==i.solutionDict.participle),i=X({isSolved:!1,selectedChoice:null,selectedChoiceDict:{pastSimple:null,participle:null},solutionDict:{pastSimple:null,participle:null},reel:null});Z(()=>{i.reel=k.reel,setTimeout(()=>{const C=k.reel.solution.split("/").map(u=>u.trim());i.solutionDict.pastSimple=C[0],i.solutionDict.participle=C[1]},0);const{$gtag:y}=ee();y&&setTimeout(()=>{y("event","screen_view",{app_name:"Web - Verbs Conjugations",page_title:"Web - Verbs Conjugations"})},500)});const m=(y,C)=>{i.reel&&!i.isSolved&&(C==="pastSimple"?i.selectedChoiceDict.pastSimple=y:C==="participle"&&(i.selectedChoiceDict.participle=y),i.selectedChoiceDict.participle&&i.selectedChoiceDict.pastSimple&&(i.reel.selected_choice=`${i.selectedChoiceDict.pastSimple}/${i.selectedChoiceDict.participle}`,i.selectedChoice=i.reel.selected_choice,$(!1)))},$=(y=!1)=>{A.value.loggedIn?i.isSolved||(D?(i.selectedChoice=null,i.selectedChoiceDict={pastSimple:null,participle:null}):i.isSolved=!0,i.reel&&!y&&R("onSolveReel",g.value)):(i.selectedChoiceDict.pastSimple=null,i.selectedChoiceDict.participle=null,R("onLogin"))};return(y,C)=>{const u=L("v-icon"),B=L("v-alert"),F=L("v-col"),te=L("v-sheet"),K=L("v-row");return s(),_("div",null,[t(i).isSolved&&t(g)?(s(),p(u,{key:0,size:"large",color:"green",class:"exercise-thumb"},{default:l(()=>[...C[0]||(C[0]=[d("mdi-thumb-up",-1)])]),_:1})):t(i).isSolved&&!t(g)?(s(),p(u,{key:1,size:"large",color:"red",class:"exercise-thumb"},{default:l(()=>[...C[1]||(C[1]=[d("mdi-thumb-down",-1)])]),_:1})):T("",!0),b(B,{variant:"tonal",color:t(w),class:z({"instructions pa-2 mb-5":y.$vuetify.theme.name!=="dark"&&y.$vuetify.display.smAndUp,"instructions pa-2 mb-5 dark":y.$vuetify.theme.name==="dark"&&y.$vuetify.display.smAndUp,"instructions pa-2 mb-5 xs":y.$vuetify.theme.name!=="dark"&&y.$vuetify.display.xs,"instructions pa-2 mb-5 dark xs":y.$vuetify.theme.name==="dark"&&y.$vuetify.display.xs})},{default:l(()=>[...C[2]||(C[2]=[f("p",null,[d("Choose both "),f("strong",null,"past simple"),d(" and "),f("strong",null,"participle"),d(" for the given infinitive.")],-1)])]),_:1},8,["color","class"]),C[25]||(C[25]=f("div",{class:"clear"},null,-1)),f("p",Wo,O(h.reel.infinitive),1),f("div",jo,[b(K,{class:"mt-1"},{default:l(()=>[b(F,{cols:y.$vuetify.display.xs?6:5},{default:l(()=>[b(K,null,{default:l(()=>[b(F,{cols:"12",class:"pb-1"},{default:l(()=>[...C[3]||(C[3]=[f("p",{class:"font-weight-bold"},"Past Simple",-1)])]),_:1}),(s(!0),_(H,null,J(h.reel.past_choices,W=>(s(),p(F,{cols:"12",class:"py-1"},{default:l(()=>[b(te,{onClick:j=>m(W,"pastSimple"),rounded:"lg",class:z({"cursor-pointer choice text-h6 px-3 dark-gray-gradient py-2":y.$vuetify.display.smAndUp&&y.$vuetify.theme.name==="dark","cursor-pointer choice px-3 dark-gray-gradient py-2":y.$vuetify.display.xs&&y.$vuetify.theme.name==="dark","cursor-pointer choice text-h6 px-3 light-gray-gradient py-2":y.$vuetify.display.smAndUp&&y.$vuetify.theme.name!=="dark","cursor-pointer choice px-3 light-gray-gradient py-2":y.$vuetify.display.xs&&y.$vuetify.theme.name!=="dark","cursor-pointer choice-correct text-h6 px-3 green-gradient text-white py-2":t(i).isSolved&&y.$vuetify.display.smAndUp&&t(c)(W),"cursor-pointer choice-correct px-3 green-gradient text-white py-2":t(i).isSolved&&y.$vuetify.display.xs&&t(c)(W),"cursor-pointer choice-incorrect text-h6 px-3 red-gradient text-white py-2":t(i).isSolved&&y.$vuetify.display.smAndUp&&t(o)(W),"cursor-pointer choice-incorrect px-3 red-gradient text-white py-2":t(i).isSolved&&y.$vuetify.display.xs&&t(o)(W),"cursor-pointer choice-corrected text-h6 px-3 orange-gradient text-white py-2":t(i).isSolved&&y.$vuetify.display.smAndUp&&t(U)(W),"cursor-pointer choice-corrected px-3 orange-gradient text-white py-2":t(i).isSolved&&y.$vuetify.display.xs&&t(U)(W),[`cursor-pointer choice-selected-${t(w)} text-h6 px-3 text-${t(w)} py-2`]:t(r)(W)&&y.$vuetify.theme.name!=="dark"&&y.$vuetify.display.smAndUp,[`cursor-pointer choice-selected-${t(w)} text-h6 px-3 text-white py-2`]:t(r)(W)&&y.$vuetify.theme.name==="dark"&&y.$vuetify.display.smAndUp,[`cursor-pointer choice-selected-${t(w)} px-3 text-${t(w)} py-2`]:t(r)(W)&&y.$vuetify.theme.name!=="dark"&&y.$vuetify.display.xs,[`cursor-pointer choice-selected-${t(w)} px-3 text-white py-2`]:t(r)(W)&&y.$vuetify.theme.name==="dark"&&y.$vuetify.display.xs})},{default:l(()=>[y.$vuetify.display.xs?(s(),_("p",Io,[t(c)(W)?(s(),p(u,{key:0,size:"13"},{default:l(()=>[...C[4]||(C[4]=[d("mdi-check",-1)])]),_:1})):t(o)(W)?(s(),p(u,{key:1,size:"13"},{default:l(()=>[...C[5]||(C[5]=[d("mdi-close",-1)])]),_:1})):t(U)(W)?(s(),p(u,{key:2,size:"13"},{default:l(()=>[...C[6]||(C[6]=[d("mdi-check",-1)])]),_:1})):t(r)(W)&&y.$vuetify.theme.name!=="dark"?(s(),p(u,{key:3,size:"13",color:"primary"},{default:l(()=>[...C[7]||(C[7]=[d("mdi-circle-outline",-1)])]),_:1})):(s(),p(u,{key:4,size:"13"},{default:l(()=>[...C[8]||(C[8]=[d("mdi-circle-outline",-1)])]),_:1})),t(r)(W)&&y.$vuetify.theme.name!=="dark"?(s(),_("small",Mo," "+O(W),1)):(s(),_("small",Po," "+O(W),1))])):(s(),_("p",qo,[t(c)(W)?(s(),p(u,{key:0,size:"15"},{default:l(()=>[...C[9]||(C[9]=[d("mdi-check",-1)])]),_:1})):t(o)(W)?(s(),p(u,{key:1,size:"15"},{default:l(()=>[...C[10]||(C[10]=[d("mdi-close",-1)])]),_:1})):t(U)(W)?(s(),p(u,{key:2,size:"15"},{default:l(()=>[...C[11]||(C[11]=[d("mdi-check",-1)])]),_:1})):t(r)(W)&&y.$vuetify.theme.name!=="dark"?(s(),p(u,{key:3,size:"15",color:t(w)},{default:l(()=>[...C[12]||(C[12]=[d("mdi-circle-outline",-1)])]),_:1},8,["color"])):(s(),p(u,{key:4,size:"15"},{default:l(()=>[...C[13]||(C[13]=[d("mdi-circle-outline",-1)])]),_:1})),t(r)(W)&&y.$vuetify.theme.name!=="dark"?(s(),_("small",{key:5,class:z(`font-weight-bold text-${t(w)}`)}," "+O(W),3)):(s(),_("small",Fo," "+O(W),1))]))]),_:2},1032,["onClick","class"])]),_:2},1024))),256))]),_:1})]),_:1},8,["cols"]),b(F,{cols:y.$vuetify.display.xs?6:5},{default:l(()=>[b(K,null,{default:l(()=>[b(F,{cols:"12",class:"pb-1"},{default:l(()=>[...C[14]||(C[14]=[f("p",{class:"font-weight-bold"},"Participle",-1)])]),_:1}),(s(!0),_(H,null,J(h.reel.participle_choices,W=>(s(),p(F,{cols:"12",class:"py-1"},{default:l(()=>[b(te,{onClick:j=>m(W,"participle"),rounded:"lg",class:z({"cursor-pointer choice text-h6 px-3 dark-gray-gradient py-2":y.$vuetify.display.smAndUp&&y.$vuetify.theme.name==="dark","cursor-pointer choice px-3 dark-gray-gradient py-2":y.$vuetify.display.xs&&y.$vuetify.theme.name==="dark","cursor-pointer choice text-h6 px-3 light-gray-gradient py-2":y.$vuetify.display.smAndUp&&y.$vuetify.theme.name!=="dark","cursor-pointer choice px-3 light-gray-gradient py-2":y.$vuetify.display.xs&&y.$vuetify.theme.name!=="dark","cursor-pointer choice-correct text-h6 px-3 green-gradient text-white py-2":t(i).isSolved&&y.$vuetify.display.smAndUp&&t(v)(W),"cursor-pointer choice-correct px-3 green-gradient text-white py-2":t(i).isSolved&&y.$vuetify.display.xs&&t(v)(W),"cursor-pointer choice-incorrect text-h6 px-3 red-gradient text-white py-2":t(i).isSolved&&y.$vuetify.display.smAndUp&&t(n)(W),"cursor-pointer choice-incorrect px-3 red-gradient text-white py-2":t(i).isSolved&&y.$vuetify.display.xs&&t(n)(W),"cursor-pointer choice-corrected text-h6 px-3 orange-gradient text-white py-2":t(i).isSolved&&y.$vuetify.display.smAndUp&&t(e)(W),"cursor-pointer choice-corrected px-3 orange-gradient text-white py-2":t(i).isSolved&&y.$vuetify.display.xs&&t(e)(W),[`cursor-pointer choice-selected-${t(w)} text-h6 text-${t(w)} px-3 py-2`]:t(a)(W)&&y.$vuetify.theme.name!=="dark"&&y.$vuetify.display.smAndUp,[`cursor-pointer choice-selected-${t(w)} text-h6 px-3 text-white py-2`]:t(a)(W)&&y.$vuetify.theme.name==="dark"&&y.$vuetify.display.smAndUp,[`cursor-pointer choice-selected-${t(w)} px-3 text-${t(w)} py-2`]:t(a)(W)&&y.$vuetify.theme.name!=="dark"&&y.$vuetify.display.xs,[`cursor-pointer choice-selected-${t(w)} px-3 text-white py-2`]:t(a)(W)&&y.$vuetify.theme.name==="dark"&&y.$vuetify.display.xs})},{default:l(()=>[y.$vuetify.display.xs?(s(),_("p",Yo,[t(v)(W)?(s(),p(u,{key:0,size:"13"},{default:l(()=>[...C[15]||(C[15]=[d("mdi-check",-1)])]),_:1})):t(n)(W)?(s(),p(u,{key:1,size:"13"},{default:l(()=>[...C[16]||(C[16]=[d("mdi-close",-1)])]),_:1})):t(e)(W)?(s(),p(u,{key:2,size:"13"},{default:l(()=>[...C[17]||(C[17]=[d("mdi-check",-1)])]),_:1})):t(a)(W)&&y.$vuetify.theme.name!=="dark"?(s(),p(u,{key:3,size:"13",color:"primary"},{default:l(()=>[...C[18]||(C[18]=[d("mdi-circle-outline",-1)])]),_:1})):(s(),p(u,{key:4,size:"13"},{default:l(()=>[...C[19]||(C[19]=[d("mdi-circle-outline",-1)])]),_:1})),t(a)(W)&&y.$vuetify.theme.name!=="dark"?(s(),_("small",Bo," "+O(W),1)):(s(),_("small",No," "+O(W),1))])):(s(),_("p",Ho,[t(v)(W)?(s(),p(u,{key:0,size:"15"},{default:l(()=>[...C[20]||(C[20]=[d("mdi-check",-1)])]),_:1})):t(n)(W)?(s(),p(u,{key:1,size:"15"},{default:l(()=>[...C[21]||(C[21]=[d("mdi-close",-1)])]),_:1})):t(e)(W)?(s(),p(u,{key:2,size:"15"},{default:l(()=>[...C[22]||(C[22]=[d("mdi-check",-1)])]),_:1})):t(a)(W)&&y.$vuetify.theme.name!=="dark"?(s(),p(u,{key:3,size:"15",color:t(w)},{default:l(()=>[...C[23]||(C[23]=[d("mdi-circle-outline",-1)])]),_:1},8,["color"])):(s(),p(u,{key:4,size:"15"},{default:l(()=>[...C[24]||(C[24]=[d("mdi-circle-outline",-1)])]),_:1})),t(a)(W)&&y.$vuetify.theme.name!=="dark"?(s(),_("small",{key:5,class:z(`font-weight-bold text-${t(w)}`)}," "+O(W),3)):(s(),_("small",Go," "+O(W),1))]))]),_:2},1032,["onClick","class"])]),_:2},1024))),256))]),_:1})]),_:1},8,["cols"])]),_:1})]),t(i).isSolved?(s(),_("div",Vo,[b(K,null,{default:l(()=>[b(F,{cols:10},{default:l(()=>[b(B,{color:"green",variant:"tonal",class:z(["pa-3",{"text-body-1 explanation-alert":y.$vuetify.display.smAndUp,"text-body-2 explanation-alert":y.$vuetify.display.xs}

2]),rounded:"lg"},{default:l(()=>[y.$vuetify.display.smAndUp?(s(),_("p",Qo,[f("strong",Zo,"'"+O(h.reel.infinitive)+"'",1),d(" is "+O(h.reel.is_irregular?"an irregular":"a regular")+" verb",1)])):T("",!0),f("p",null,O(h.reel.explanation),1)]),_:1},8,["class"])]),_:1})]),_:1})])):T("",!0)])}}}),Je=Object.assign(V(Jo,[["__scopeId","data-v-35bf02d1"]]),{__name:"ReelsReelVerbsConjugations"}),Xo={controls:"",class:"compact-audio"},Ko=["src"],en={key:2,class:"flow-layout mt-5"},tn=["onClick"],sn={key:3,class:"flow-layout"},on={key:4,class:"flow-layout"},nn=["onClick"],ln={key:5,class:"mt-5"},rn={key:0,class:"font-weight-bold mb-1 text-green"},an={key:1,class:"font-weight-bold mb-1 text-orange"},dn=G({__name:"ReelTongueTwister",props:{reel:{type:Object,required:!0}},emits:["onSolveReel","onLogin"],setup(h,{emit:S}){const R=S,k=h,w=x(()=>String(P().params.course_level)),D=P().path.includes("/reels/default"),A=x(()=>N().session),g=x(()=>c.isSolved&&c.selectedChoice===c.reel?.solution),r=x(()=>c.reel?.jumbled_sentence.split("/")??[]),c=X({isSolved:!1,selectedChoice:null,reel:null,words:[],selectedWords:[]});Z(()=>{c.reel=k.reel,c.words=c.reel?.jumbled_sentence.split("/")??[];const{$gtag:v}=ee();v&&setTimeout(()=>{v("event","screen_view",{app_name:"Web - Play and Write",page_title:"Web - Play and Write"})},500)});const U=v=>{if(!c.isSolved){const e=c.words.indexOf(v);e!==-1&&(c.words.splice(e,1),c.selectedWords.push(v)),c.selectedWords.length===r.value.length&&(c.selectedChoice=c.selectedWords.join(" "),c.reel&&(c.reel.selected_choice=c.selectedChoice),a(!1))}},o=v=>{if(!c.isSolved){const e=c.selectedWords.indexOf(v);e!==-1&&(c.selectedWords.splice(e,1),c.words.push(v))}},a=(v=!1)=>{A.value.loggedIn?c.isSolved||(D?(c.selectedChoice=null,c.selectedWords=[],c.words=c.reel?.jumbled_sentence.split("/")??[]):c.isSolved=!0,c.reel&&!v&&R("onSolveReel",g.value)):(c.words=c.reel?.jumbled_sentence.split("/")??[],c.selectedChoice=null,c.selectedWords=[],R("onLogin"))};return(v,e)=>{const n=L("v-icon"),i=L("v-alert"),m=L("v-col"),$=L("v-row");return s(),_("div",null,[t(c).isSolved&&t(g)?(s(),p(n,{key:0,size:"large",color:"green",class:"exercise-thumb"},{default:l(()=>[...e[0]||(e[0]=[d("mdi-thumb-up",-1)])]),_:1})):t(c).isSolved&&!t(g)?(s(),p(n,{key:1,size:"large",color:"red",class:"exercise-thumb"},{default:l(()=>[...e[1]||(e[1]=[d("mdi-thumb-down",-1)])]),_:1})):T("",!0),b(i,{variant:"tonal",color:t(w),class:z({"instructions pa-2 mb-5":v.$vuetify.theme.name!=="dark"&&v.$vuetify.display.smAndUp,"instructions pa-2 mb-5 dark":v.$vuetify.theme.name==="dark"&&v.$vuetify.display.smAndUp,"instructions pa-2 mb-5 xs":v.$vuetify.theme.name!=="dark"&&v.$vuetify.display.xs,"instructions pa-2 mb-5 dark xs":v.$vuetify.theme.name==="dark"&&v.$vuetify.display.xs})},{default:l(()=>[...e[2]||(e[2]=[f("p",null,[d("Listen to the tongue twister and "),f("strong",null,"write the sentence you hear"),d(".")],-1)])]),_:1},8,["color","class"]),e[7]||(e[7]=f("div",{class:"clear"},null,-1)),f("audio",Xo,[f("source",{src:`https://englishreels.app/audio/tongue-twisters/${h.reel.audio}`,type:"audio/mpeg"},null,8,Ko),e[3]||(e[3]=d(" Your browser does not support the audio element. ",-1))]),t(c).isSolved?T("",!0):(s(),_("div",en,[(s(!0),_(H,null,J(t(c).words,y=>(s(),_("div",{class:"flow-item",onClick:C=>U(y)},O(y),9,tn))),256))])),e[8]||(e[8]=f("p",{class:"font-weight-bold mt-5 mb-2"},"Your Sentence",-1)),t(c).selectedWords.length<1?(s(),_("div",sn,[...e[4]||(e[4]=[f("div",{class:"nothing"},"Nothing here yet.",-1)])])):(s(),_("div",on,[(s(!0),_(H,null,J(t(c).selectedWords,y=>(s(),_("div",{class:z({"flow-item":!0,"flow-item choice-correct":t(c).isSolved&&t(g),"flow-item choice-incorrect":t(c).isSolved&&!t(g)}),onClick:C=>o(y)},O(y),11,nn))),256))])),t(c).isSolved?(s(),_("div",ln,[b($,null,{default:l(()=>[b(m,{cols:10},{default:l(()=>[b(i,{color:"green",variant:"tonal",class:z(["pa-3",{"text-body-1 explanation-alert":v.$vuetify.display.smAndUp,"text-body-2 explanation-alert":v.$vuetify.display.xs}]),rounded:"lg"},{default:l(()=>[t(g)?(s(),_("p",rn,[b(n,null,{default:l(()=>[...e[5]||(e[5]=[d("mdi-check",-1)])]),_:1}),d(" "+O(h.reel.solution),1)])):(s(),_("p",an,[b(n,null,{default:l(()=>[...e[6]||(e[6]=[d("mdi-check",-1)])]),_:1}),d(" "+O(h.reel.solution),1)])),f("p",null,O(h.reel.explanation),1)]),_:1},8,["class"])]),_:1})]),_:1})])):T("",!0)])}}}),Xe=Object.assign(V(dn,[["__scopeId","data-v-05c47d37"]]),{__name:"ReelsReelTongueTwister"}),un={controls:"",class:"compact-audio"},pn=["src"],cn={class:"text-center"},mn={class:"font-weight-bold"},vn={key:2,class:"mt-5"},yn={key:0,class:"font-weight-bold mb-1"},fn=G({__name:"ReelChooseTheWord",props:{reel:{type:Object,required:!0}},emits:["onSolveReel","onLogin"],setup(h,{emit:S}){const R=S,k=h,w=x(()=>String(P().params.course_level)),D=x(()=>N().session),A=P().path.includes("/reels/default"),g=x(()=>o.selectedChoice?.toUpperCase()===k.reel.solution.toUpperCase()),r=x(()=>e=>o.isSolved&&e.toUpperCase()===o.selectedChoice?.toUpperCase()&&e.toUpperCase()===k.reel.solution.toUpperCase()),c=x(()=>e=>o.isSolved&&e.toUpperCase()!==o.selectedChoice?.toUpperCase()&&e.toUpperCase()===k.reel.solution.toUpperCase()),U=x(()=>e=>o.isSolved&&e.toUpperCase()===o.selectedChoice?.toUpperCase()&&e.toUpperCase()!==k.reel.solution.toUpperCase()),o=X({isSolved:!1,selectedChoice:null,reel:null,choices:["true","false"]}

2);Z(()=>{o.reel=k.reel;const{$gtag:e}=ee();e&&setTimeout(()=>{e("event","screen_view",{app_name:"Web - Choose the Word",page_title:"Web - Choose the Word"})},500)});const a=e=>{o.reel&&(o.selectedChoice=e,o.reel.selected_choice=e)},v=(e,n=!1)=>{D.value.loggedIn?o.isSolved||(A||(a(e.toUpperCase()),o.isSolved=!0),o.reel&&!n&&R("onSolveReel",g.value)):R("onLogin")};return(e,n)=>{const i=L("v-icon"),m=L("v-alert"),$=L("v-sheet"),y=L("v-col"),C=L("v-row");return s(),_("div",null,[t(o).isSolved&&t(g)?(s(),p(i,{key:0,size:"large",color:"green",class:"exercise-thumb"},{default:l(()=>[...n[0]||(n[0]=[d("mdi-thumb-up",-1)])]),_:1})):t(o).isSolved&&!t(g)?(s(),p(i,{key:1,size:"large",color:"red",class:"exercise-thumb"},{default:l(()=>[...n[1]||(n[1]=[d("mdi-thumb-down",-1)])]),_:1})):T("",!0),b(m,{variant:"tonal",color:t(w),class:z({"instructions pa-2 mb-5":e.$vuetify.theme.name!=="dark"&&e.$vuetify.display.smAndUp,"instructions pa-2 mb-5 dark":e.$vuetify.theme.name==="dark"&&e.$vuetify.display.smAndUp,"instructions pa-2 mb-5 xs":e.$vuetify.theme.name!=="dark"&&e.$vuetify.display.xs,"instructions pa-2 mb-5 dark xs":e.$vuetify.theme.name==="dark"&&e.$vuetify.display.xs})},{default:l(()=>[...n[2]||(n[2]=[f("p",null,[f("strong",null,"Which word do you hear?"),d(" Pay attention to how words are pronounced to notice the difference.")],-1)])]),_:1},8,["color","class"]),n[4]||(n[4]=f("div",{class:"clear"},null,-1)),f("audio",un,[f("source",{src:`https://englishreels.app/audio/pronunciation/${h.reel.audio}`,type:"audio/mpeg"},null,8,pn),n[3]||(n[3]=d(" Your browser does not support the audio element. ",-1))]),b(C,{class:"mt-4"},{default:l(()=>[(s(!0),_(H,null,J(h.reel.words,(u,B)=>(s(),p(y,{cols:"6",class:z({"pl-1 py-1":B%2!=0,"pr-1 py-1":B%2==0})},{default:l(()=>[b($,{onClick:F=>v(u,!1),rounded:"lg",class:z({"cursor-pointer choice text-h6 pa-3 dark-gray-gradient":e.$vuetify.display.smAndUp&&e.$vuetify.theme.name==="dark","cursor-pointer choice pa-3 dark-gray-gradient":e.$vuetify.display.xs&&e.$vuetify.theme.name==="dark","cursor-pointer choice text-h6 pa-3 light-gray-gradient ":e.$vuetify.display.smAndUp&&e.$vuetify.theme.name!=="dark","cursor-pointer choice pa-3 light-gray-gradient":e.$vuetify.display.xs&&e.$vuetify.theme.name!=="dark","cursor-pointer choice-correct text-h6 pa-3 green-gradient text-white":t(o).isSolved&&e.$vuetify.display.smAndUp&&t(r)(u),"cursor-pointer choice-correct pa-3 green-gradient text-white":t(o).isSolved&&e.$vuetify.display.xs&&t(r)(u),"cursor-pointer choice-incorrect text-h6 pa-3 red-gradient text-white":t(o).isSolved&&e.$vuetify.display.smAndUp&&t(U)(u),"cursor-pointer choice-incorrect pa-3 red-gradient text-white":t(o).isSolved&&e.$vuetify.display.xs&&t(U)(u),"cursor-pointer choice-corrected text-h6 pa-3 orange-gradient text-white":t(o).isSolved&&e.$vuetify.display.smAndUp&&t(c)(u),"cursor-pointer choice-corrected pa-3 orange-gradient text-white":t(o).isSolved&&e.$vuetify.display.xs&&t(c)(u)})},{default:l(()=>[f("p",cn,[f("small",mn,O(u.toUpperCase()),1)])]),_:2},1032,["onClick","class"])]),_:2},1032,["class"]))),256))]),_:1}),t(o).isSolved?(s(),_("div",vn,[b(C,null,{default:l(()=>[b(y,{cols:10},{default:l(()=>[b(m,{color:"green",variant:"tonal",class:z(["pa-3",{"text-body-1 explanation-alert":e.$vuetify.display.smAndUp,"text-body-2 explanation-alert":e.$vuetify.display.xs}]),rounded:"lg"},{default:l(()=>[e.$vuetify.display.smAndUp?(s(),_("p",yn,"Explanation")):T("",!0),f("p",null,O(h.reel.explanation),1)]),_:1},8,["class"])]),_:1})]),_:1})])):T("",!0)])}}}),Ke=Object.assign(V(fn,[["__scopeId","data-v-a8860376"]]),{__name:"ReelsReelChooseTheWord"}),gn={key:0},hn={class:"font-weight-bold"},$n={key:1},kn={class:"text-body-1"},_n={key:2,class:"mt-6"},bn=G({__name:"ReelEmojis",props:{reel:{type:Object,required:!0}},emits:["onSolveReel","onLogin"],setup(h,{emit:S}){const R=S,k=h,w=x(()=>String(P().params.course_level)),D=x(()=>N().session),A=P().path.includes("/reels/default"),g=x(()=>o.selectedChoice?.toUpperCase()===k.reel.solution.toUpperCase()),r=x(()=>e=>o.isSolved&&e.toUpperCase()===o.selectedChoice?.toUpperCase()&&e.toUpperCase()===k.reel.solution.toUpperCase()),c=x(()=>e=>o.isSolved&&e.toUpperCase()!==o.selectedChoice?.toUpperCase()&&e.toUpperCase()===k.reel.solution.toUpperCase()),U=x(()=>e=>o.isSolved&&e.toUpperCase()===o.selectedChoice?.toUpperCase()&&e.toUpperCase()!==k.reel.solution.toUpperCase()),o=X({isSolved:!1,selectedChoice:null,reel:null});Z(()=>{o.reel=k.reel;const{$gtag:e}=ee();e&&setTimeout(()=>{e("event","screen_view",{app_name:"Web - Emojis",page_title:"Web - Emojis"})},500)});const a=e=>{o.reel&&(o.selectedChoice=e,o.reel.selected_choice=e)},v=(e,n=!1)=>{D.value.loggedIn?o.isSolved||(A||(a(e.toUpperCase()),o.isSolved=!0),o.reel&&!n&&R("onSolveReel",g.value)):R("onLogin")};return(e,n)=>{const i=L("v-icon"),m=L("v-alert"),$=L("v-sheet"),y=L("v-col"),C=L("v-row");return s(),_("div",null,[t(o).isSolved&&t(g)?(s(),p(i,{key:0,size:"large",color:"green",class:"exercise-thumb"},{default:l(()=>[...n[0]||(n[0]=[d("mdi-thumb-up",-1)])]),_:1})):t(o).isSolved&&!t(g)?(s(),p(i,{key:1,size:"large",color:"red",class:"exercise-thumb"},{default:l(()=>[...n[1]||(n[1]=[d("mdi-thumb-down",-1)])]),_:1})):T("",!0),b(m,{variant:"tonal",color:t(w),class:z({"instructions pa-2 mb-5":e.$vuetify.theme.name!=="dark"&&e.$vuetify.display.smAndUp,"instructions pa-2 mb-5 dark":e.$vuetify.theme.name==="dark"&&e.$vuetify.display.smAndUp,"instructions pa-2 mb-5 xs":e.$vuetify.theme.name!=="dark"&&e.$vuetify.display.xs,"instructions pa-2 mb-5 dark xs":e.$vuetify.theme.name==="dark"&&e.$vuetify.display.xs})},{default:l(()=>[...n[2]||(n[2]=[f("p",null,"Describe what you see on this emoji.",-1)])]),_:1},8,["color","class"]),n[17]||(n[17]=f("div",{class:"clear"},null,-1)),f("p",{class:z({"text-h1":e.$vuetify.display.smAndUp,"text-h2":e.$vuetify.display.xs})},O(h.reel.emoji),3),f("p",{class:z({"text-h6 mt-2":e.$vuetify.display.smAndUp,"mt-2":e.$vuetify.display.xs})},O(h.reel.question),3),b(C,{class:"mt-3"},{default:l(()=>[(s(!0),_(H,null,J(h.reel.choices,u=>(s(),p(y,{cols:e.$vuetify.display.xs?12:10,class:"py-1"},{default:l(()=>[b($,{onClick:B=>v(u,!1),rounded:"lg",class:z({"cursor-pointer choice text-h6 px-3 dark-gray-gradient py-2":e.$vuetify.display.smAndUp&&e.$vuetify.theme.name==="dark","cursor-pointer choice px-3 dark-gray-gradient py-2":e.$vuetify.display.xs&&e.$vuetify.theme.name==="dark","cursor-pointer choice text-h6 px-3 light-gray-gradient py-2":e.$vuetify.display.smAndUp&&e.$vuetify.theme.name!=="dark","cursor-pointer choice px-3 light-gray-gradient py-2":e.$vuetify.display.xs&&e.$vuetify.theme.name!=="dark","cursor-pointer choice-correct text-h6 px-3 green-gradient text-white py-2":t(o).isSolved&&e.$vuetify.display.smAndUp&&t(r)(u),"cursor-pointer choice-correct px-3 green-gradient text-white py-2":t(o).isSolved&&e.$vuetify.display.xs&&t(r)(u),"cursor-pointer choice-incorrect text-h6 px-3 red-gradient text-white py-2":t(o).isSolved&&e.$vuetify.display.smAndUp&&t(U)(u),"cursor-pointer choice-incorrect px-3 red-gradient text-white py-2":t(o).isSolved&&e.$vuetify.display.xs&&t(U)(u),"cursor-pointer choice-corrected text-h6 px-3 orange-gradient text-white py-2":t(o).isSolved&&e.$vuetify.display.smAndUp&&t(c)(u),"cursor-pointer choice-corrected px-3 orange-gradient text-white py-2":t(o).isSolved&&e.$vuetify.display.xs&&t(c)(u)})},{default:l(()=>

2[e.$vuetify.display.xs?(s(),_("p",gn,[t(r)(u)?(s(),p(i,{key:0,size:"x-small"},{default:l(()=>[...n[3]||(n[3]=[d("mdi-check",-1)])]),_:1})):t(U)(u)?(s(),p(i,{key:1,size:"x-small"},{default:l(()=>[...n[4]||(n[4]=[d("mdi-close",-1)])]),_:1})):t(c)(u)?(s(),p(i,{key:2,size:"x-small"},{default:l(()=>[...n[5]||(n[5]=[d("mdi-check",-1)])]),_:1})):(s(),p(i,{key:3,size:"x-small"},{default:l(()=>[...n[6]||(n[6]=[d("mdi-circle-outline",-1)])]),_:1})),n[7]||(n[7]=d("  ",-1)),f("small",hn,O(u),1)])):(s(),_("p",$n,[t(r)(u)?(s(),p(i,{key:0,size:"15"},{default:l(()=>[...n[8]||(n[8]=[d("mdi-check",-1)])]),_:1})):t(U)(u)?(s(),p(i,{key:1,size:"15"},{default:l(()=>[...n[9]||(n[9]=[d("mdi-check",-1)])]),_:1})):t(c)(u)?(s(),p(i,{key:2,size:"15"},{default:l(()=>[...n[10]||(n[10]=[d("mdi-close",-1)])]),_:1})):(s(),p(i,{key:3,size:"15"},{default:l(()=>[...n[11]||(n[11]=[d("mdi-circle-outline",-1)])]),_:1})),n[12]||(n[12]=d("  ",-1)),f("span",kn,O(u),1)]))]),_:2},1032,["onClick","class"])]),_:2},1032,["cols"]))),256))]),_:1}),t(o).isSolved?(s(),_("div",_n,[t(g)?(s(),_("p",{key:0,class:z({"text-green font-weight-bold text-h6":e.$vuetify.display.smAndUp,"text-green font-weight-bold":e.$vuetify.display.xs})},[b(i,null,{default:l(()=>[...n[13]||(n[13]=[d("mdi-thumb-up",-1)])]),_:1}),n[14]||(n[14]=d("  Correct!",-1))],2)):(s(),_("p",{key:1,class:z({"text-red font-weight-bold text-h6":e.$vuetify.display.smAndUp,"text-red font-weight-bold":e.$vuetify.display.xs})},[b(i,null,{default:l(()=>[...n[15]||(n[15]=[d("mdi-thumb-down",-1)])]),_:1}),n[16]||(n[16]=d("  Incorrect!",-1))],2))])):T("",!0)])}}}),et=Object.assign(V(bn,[["__scopeId","data-v-1c3d5887"]]),{__name:"ReelsReelEmojis"}),Cn={key:0,class:"text-center"},wn={key:1,class:"text-center"},Sn=G({__name:"ReelLogin",emits:["onLogin","onUpgrade"],setup(h,{emit:S}){const R=S,k=x(()=>String(P().params.course_level)),w=x(()=>N().session),D=x(()=>N().purchases),A=x(()=>D.value.includes(k.value));return(g,r)=>{const c=L("v-icon"),U=L("v-btn");return t(w).loggedIn?t(A)?T("",!0):(s(),_("div",wn,[b(c,{size:"100",color:"orange"},{default:l(()=>[...r[6]||(r[6]=[d("mdi-rocket-launch",-1)])]),_:1}),r[8]||(r[8]=f("h1",{class:"text-h3 font-weight-black mb-1"},[f("small",null,[f("small",null,[f("small",null,"Upgrade for Unlimited Exercises")])])],-1)),r[9]||(r[9]=f("p",null,[d("Mini Exercises is an innovative infinite-scroll feature where every exercise offers a unique English challenge. "),f("strong",null,"Improve your English in a whole new way!")],-1)),b(U,{"prepend-icon":"mdi-rocket-launch",size:"large",elevation:"0",rounded:"lg",class:z(`px-8 mt-4 cursor-pointer text-white ${t(k)}-gradient`),onClick:r[1]||(r[1]=o=>R("onUpgrade"))},{default:l(()=>[...r[7]||(r[7]=[f("small",{class:"font-weight-bold"},"Upgrade",-1)])]),_:1},8,["class"])])):(s(),_("div",Cn,[b(c,{size:"100",color:"grey"},{default:l(()=>[...r[2]||(r[2]=[d("mdi-account",-1)])]),_:1}),r[4]||(r[4]=f("h1",{class:"text-h3 font-weight-black mb-1"},[f("small",null,[f("small",null,[f("small",null,"Sign in for Unlimited Exercises")])])],-1)),r[5]||(r[5]=f("p",null,[d("Mini Exercises is an innovative infinite-scroll feature where every exercise offers a unique English challenge. "),f("strong",null,"Improve your English in a whole new way!")],-1)),b(U,{"prepend-icon":"mdi-account",size:"large",elevation:"0",rounded:"lg",class:z(`px-8 mt-4 cursor-pointer text-white ${t(k)}-gradient`),onClick:r[0]||(r[0]=o=>R("onLogin"))},{default:l(()=>[...r[3]||(r[3]=[f("small",{class:"font-weight-bold"},"Sign In",-1)])]),_:1},8,["class"])]))}}}),tt=Object.assign(Sn,{__name:"ReelsReelLogin"}),Un={class:"text-grey"},xn=G({__name:"BottomZone",props:{title:{type:String,required:!0},subtitle:{type:String,required:!0},reelId:{type:Number,required:!0}},setup(h){const S=x(()=>String(P().params.course_level));return(R,k)=>(s(),_("div",{class:z({"bottom-zone mb-6":R.$vuetify.display.mdAndUp,"bottom-zone mb-1":R.$vuetify.display.smAndDown,"bottom-zone mb-1 xs":R.$vuetify.display.xs})},[f("p",{class:z(`font-weight-bold text-${t(S)}`)},O(h.title),3),f("p",{class:z(`text-${t(S)}`)},O(h.subtitle),3),f("p",null,[f("small",Un,[k[0]||(k[0]=d("Reel Identifier ",-1)),f("strong",null,"#REF"+O(h.reelId),1)])])],2))}}),st=Object.assign(V(xn,[["__scopeId","data-v-a8bf3b9d"]]),{__name:"ReelsBottomZone"}),Rn={class:"mb-3 mt-1 text-body-2"},An={class:"font-weight-bold"},zn={class:"mb-3 mt-1 text-body-2"},Ln={class:"font-weight-bold"},Dn={class:"mb-3 mt-1 text-body-2"},On={class:"font-weight-bold"},En={class:"mb-3 mt-1 text-body-2"},Tn={class:"font-weight-bold"},Wn=G({__name:"SocialZone",props:{reel:{type:Object,required:!0},likedReels:{type:Array,required:!0},favoriteReels:{type:Array,required:!0}},emits:["showLoginModal","onLikeReel","onFavoriteReel"],setup(h,{emit:S}){const R=S,k=x(()=>N().session);let w=se("5.5"),D=se("5.5");Z(()=>{w.value=A(),D.value=A()});const A=()=>{const c=Math.floor(Math.random()*7900)+1101;return c<1e3?String(c):`${(c/1e3).toFixed(1)}K`};return(g,r)=>{const c=L("v-icon");return t(k).loggedIn?(s(),_("div",{key:1,class:z({"social-zone mb-6 text-center":g.$vuetify.display.mdAndUp,"social-zone mb-1 text-center":g.$vuetify.display.smAndDown,"social-zone mb-1 text-center xs":g.$vuetify.display.xs})},[f("div",{onClick:r[2]||(r[2]=U=>R("onLikeReel",h.reel.id)),class:"cursor-pointer"},[h.likedReels.includes(h.reel.id)?(s(),p(c,{key:1,class:"icon",color:"red",size:g.$vuetify.display.mdAndUp?"x-large":"large"},{default:l(()=>[...r[5]||(r[5]=[d("mdi-heart",-1)])]),_:1},8,["size"])):(s(),p(c,{key:0,class:"icon",color:g.$vuetify.theme.name==="dark"?"white":"grey-lighten-1",size:g.$vuetify.display.mdAndUp?"x-large":"large"},{default:l(()=>[d("mdi-heart"+O(g.$vuetify.theme.name==="dark"?"":"-outline"),1)]),_:1}

2,8,["color","size"]))]),f("p",Dn,[f("small",On,O(t(w)),1)]),f("div",{onClick:r[3]||(r[3]=U=>R("onFavoriteReel",h.reel.id)),class:"cursor-pointer"},[h.favoriteReels.includes(h.reel.id)?(s(),p(c,{key:0,class:"icon",color:"orange",size:g.$vuetify.display.mdAndUp?"x-large":"large"},{default:l(()=>[...r[6]||(r[6]=[d("mdi-bookmark",-1)])]),_:1},8,["size"])):(s(),p(c,{key:1,class:"icon",color:g.$vuetify.theme.name==="dark"?"white":"grey-lighten-1",size:g.$vuetify.display.mdAndUp?"x-large":"large"},{default:l(()=>[d("mdi-bookmark"+O(g.$vuetify.theme.name==="dark"?"":"-outline"),1)]),_:1},8,["color","size"]))]),f("p",En,[f("small",Tn,O(t(D)),1)]),f("div",null,[b(c,{class:"icon",color:g.$vuetify.theme.name==="dark"?"white":"grey-lighten-1",size:g.$vuetify.display.mdAndUp?"x-large":"large"},{default:l(()=>[...r[7]||(r[7]=[d("mdi-share",-1)])]),_:1},8,["color","size"])])],2)):(s(),_("div",{key:0,class:z({"social-zone mb-6 text-center":g.$vuetify.display.mdAndUp,"social-zone mb-1 text-center":g.$vuetify.display.smAndDown,"social-zone mb-1 text-center xs":g.$vuetify.display.xs})},[f("div",{onClick:r[0]||(r[0]=U=>R("showLoginModal")),class:"cursor-pointer"},[b(c,{class:"icon",color:g.$vuetify.theme.name==="dark"?"white":"grey-lighten-1",size:g.$vuetify.display.mdAndUp?"x-large":"large"},{default:l(()=>[d("mdi-heart"+O(g.$vuetify.theme.name==="dark"?"":"-outline"),1)]),_:1},8,["color","size"])]),f("p",Rn,[f("small",An,O(t(w)),1)]),f("div",{onClick:r[1]||(r[1]=U=>R("showLoginModal")),class:"cursor-pointer"},[b(c,{class:"icon",color:g.$vuetify.theme.name==="dark"?"white":"grey-lighten-1",size:g.$vuetify.display.mdAndUp?"x-large":"large"},{default:l(()=>[d("mdi-bookmark"+O(g.$vuetify.theme.name==="dark"?"":"-outline"),1)]),_:1},8,["color","size"])]),f("p",zn,[f("small",Ln,O(t(D)),1)]),f("div",null,[b(c,{class:"icon",color:g.$vuetify.theme.name==="dark"?"white":"grey-lighten-1",size:g.$vuetify.display.mdAndUp?"x-large":"large"},{default:l(()=>[...r[4]||(r[4]=[d("mdi-share",-1)])]),_:1},8,["color","size"])])],2))}}}),ot=Object.assign(V(Wn,[["__scopeId","data-v-be57b1c9"]]),{__name:"ReelsSocialZone"}),jn={key:0,class:"top-zone-left"},In={key:1,class:"top-zone-left"},Mn=G({__name:"TopZone",setup(h){const S=Ot(),R=Wt(),k=x(()=>String(P().params.course_level)),w=x(()=>N().purchases),D=x(()=>N().session),A=x(()=>w.value.includes(k.value)),g=()=>{S.change(S.global.name.value==="dark"?"light":"dark"),R.setDarkTheme(S.global.name.value==="dark")};return(r,c)=>{const U=L("v-btn");return s(),_(H,null,[f("div",{class:z({"top-zone-right mb-6":r.$vuetify.display.mdAndUp,"top-zone-right mb-1":r.$vuetify.display.smAndDown,"top-zone-right mb-1 xs":r.$vuetify.display.xs})},[b(U,{variant:"text",class:z(["mr-5 ml-2",{"px-0":r.$vuetify.display.xs}]),onClick:g,icon:"mdi-theme-light-dark",size:r.$vuetify.display.xs?"small":"default"},null,8,["size","class"])],2),r.$vuetify.display.xs&&t(D).loggedIn&&!t(A)?(s(),_("div",jn,[f("p",{class:z(`mt-7 font-italic text-${t(k)}`)},"Upgrade for Unlimited Exercises",2)])):T("",!0),r.$vuetify.display.mdAndUp?(s(),_("div",In,[t(D).loggedIn&&!t(A)?(s(),_("p",{key:0,class:z(`text-h6 font-weight-bold font-italic text-${t(k)}`)},"Upgrade for Unlimited Exercises",2)):(s(),_("p",{key:1,class:z(`text-h6 font-weight-bold font-italic text-${t(k)}`)},"English "+O(t(k).toUpperCase())+" Infinite Scroll",3))])):T("",!0)],64)}}}),nt=Object.assign(V(Mn,[["__scopeId","data-v-3636a4f9"]]),{__name:"ReelsTopZone"}),Pn={class:"position-relative main-div-container"},qn={class:"assessment d-flex justify-center align-center fill-height"},Fn={key:20},Yn={key:0},Bn={key:0,class:"navigation-buttons"},pt=10,Nn=G({__name:"Default",async setup(h){let S,R;const k=se(0),w=X({loadingReels:!1,level:1,loginModal:{show:!1}});let D=!1,A=!1,g=0;const r=vt(),c=x(()=>String(P().params.course_level)),{data:U}=([S,R]=mt(async()=>gt("reels",async()=>{if(["b1","b2","c1","c2","vo","gr"].includes(c.value))try{let m=await $fetch(`${r.public.frontendBaseUrl}/json/reels/${c.value}.json`);return m=Te.shuffleArray(m),m.push({type:"Login"}),m}catch(m){return console.error("Error fetching activities:",m),[]}else return[]})),S=await S,R(),S);Z(async()=>{setTimeout(()=>{o()},500)});const o=()=>

2{const m=document.querySelector(".reels-container");if(!m){console.error("Reels container not found");return}m.addEventListener("wheel",e,{passive:!1}),m.addEventListener("mousedown",$=>{g=$.clientY,document.addEventListener("mousemove",a),document.addEventListener("mouseup",v)}),m.addEventListener("touchstart",$=>{g=$.touches[0].clientY,document.addEventListener("touchmove",a),document.addEventListener("touchend",v)})},a=m=>{let y=(m.type==="mousemove"?m.clientY:m.touches[0].clientY)-g;Math.abs(y)>30&&(y>0&&k.value>0?n(-1):y<0&&k.value<U.value.length-1&&n(1),v())},v=()=>{document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",v),document.removeEventListener("touchmove",a),document.removeEventListener("touchend",v)},e=m=>{m.preventDefault(),!D&&(m.deltaY>pt&&k.value<U.value.length-1?n(1):m.deltaY<-pt&&k.value>0&&n(-1))},n=m=>{D=!0,k.value+=m,setTimeout(()=>{A=!1},400),setTimeout(()=>{D=!1},800)},i=m=>{(m===-1&&k.value>0||m===1&&k.value<U.value.length-1)&&(A||(A=!0,n(m)))};return(m,$)=>{const y=We,C=je,u=Ie,B=Me,F=Pe,te=qe,K=Fe,W=Ye,j=Be,E=Ne,Y=He,oe=Ge,ae=Ve,de=Qe,ue=Ze,pe=Je,ce=Xe,me=Ke,ve=et,ye=tt,fe=st,ge=ot,he=nt,$e=Ee,ie=L("v-icon"),ke=L("v-card"),_e=jt;return s(),_(H,null,[f("div",Pn,[f("div",{class:z({"user-page position-absolute dark":m.$vuetify.theme.name==="dark","user-page position-absolute":m.$vuetify.theme.name!=="dark"})},null,2)]),t(U)?(s(),p(ke,{key:0,class:"reels-wrapper"},{default:l(()=>[f("div",{class:z({"reels-container":m.$vuetify.theme.name!=="dark","reels-container dark":m.$vuetify.theme.name==="dark"})},[(s(!0),_(H,null,J(t(U),(M,re)=>(s(),_("div",{key:re,class:"reel",style:Oe({transform:`translateY(${(re-t(k))*100}%)`})},[f("div",{class:z({"reel-content position-relative pa-5 dark-gray-gradient":m.$vuetify.display.smAndUp&&m.$vuetify.theme.name==="dark","reel-content position-relative pa-3 dark-gray-gradient":m.$vuetify.display.xs&&m.$vuetify.theme.name==="dark","reel-content position-relative pa-5 light-gray-gradient-reel":m.$vuetify.display.smAndUp&&m.$vuetify.theme.name!=="dark","reel-content position-relative pa-3 light-gray-gradient-reel":m.$vuetify.display.xs&&m.$vuetify.theme.name!=="dark"})},[f("div",qn,[M.type==="Open Cloze"?(s(),p(y,{key:0,onOnLogin:$[0]||($[0]=Q=>t(w).loginModal.show=!0),reel:M},null,8,["reel"])):M.type==="Word Formation"?(s(),p(C,{key:1,onOnLogin:$[1]||($[1]=Q=>t(w).loginModal.show=!0),reel:M},null,8,["reel"])):M.type==="Multiple Choice"?(s(),p(u,{key:2,onOnLogin:$[2]||($[2]=Q=>t(w).loginModal.show=!0),reel:M},null,8,["reel"])):M.type==="Grammar Sentences"?(s(),p(B,{key:3,onOnLogin:$[3]||($[3]=Q=>t(w).loginModal.show=!0),reel:M},null,8,["reel"])):M.type==="Magic Word"?(s(),p(F,{key:4,onOnLogin:$[4]||($[4]=Q=>t(w).loginModal.show=!0),reel:M},null,8,["reel"])):M.type==="Grammar Quizzes"?(s(),p(te,{key:5,onOnLogin:$[5]||($[5]=Q=>t(w).loginModal.show=!0),reel:M},null,8,["reel"])):M.type==="Synonyms"?(s(),p(K,{key:6,onOnLogin:$[6]||($[6]=Q=>t(w).loginModal.show=!0),reel:M},null,8,["reel"])):M.type==="Opposites"?(s(),p(W,{key:7,onOnLogin:$[7]||($[7]=Q=>t(w).loginModal.show=!0),reel:M},null,8,["reel"])):M.type==="Key Word Transformation"?(s(),p(j,{key:8,onOnLogin:$[8]||($[8]=Q=>t(w).loginModal.show=!0),reel:M},null,8,["reel"])):M.type==="True or False"?(s(),p(E,{key:9,onOnLogin:$[9]||($[9]=Q=>t(w).loginModal.show=!0),reel:M},null,8,["reel"])):M.type==="Think and Choose"?(s(),p(Y,{key:10,onOnLogin:$[10]||($[10]=Q=>t(w).loginModal.show=!0),reel:M},null,8,["reel"])):M.type==="Build the Sentence"?(s(),p(oe,{key:11,onOnLogin:$[11]||($[11]=Q=>t(w).loginModal.show=!0),reel:M},null,8,["reel"])):M.type==="Play and Write"?(s(),p(ae,{key:12,onOnLogin:$[12]||($[12]=Q=>t(w).loginModal.show=!0),reel:M},null,8,["reel"])):M.type==="Notices"?(s(),p(de,{key:13,onOnLogin:$[13]||($[13]=Q=>t(w).loginModal.show=!0),reel:M},null,8,["reel"])):M.type==="Audio Notices"?(s(),p(ue,{key:14,onOnLogin:$[14]||($[14]=Q=>t(w).loginModal.show=!0),reel:M},null,8,["reel"])):M.type==="Verbs Conjugations"?(s(),p(pe,{key:15,onOnLogin:$[15]||($[15]=Q=>t(w).loginModal.show=!0),reel:M},null,8,["reel"])):M.type==="Tongue Twisters"?(s(),p(ce,{key:16,onOnLogin:$[16]||($[16]=Q=>t(w).loginModal.show=!0),reel:M}

2,null,8,["reel"])):M.type==="Choose the Word"?(s(),p(me,{key:17,onOnLogin:$[17]||($[17]=Q=>t(w).loginModal.show=!0),reel:M},null,8,["reel"])):M.type==="Emojis"?(s(),p(ve,{key:18,onOnLogin:$[18]||($[18]=Q=>t(w).loginModal.show=!0),reel:M},null,8,["reel"])):M.type==="Login"?(s(),p(ye,{key:19,onOnLogin:$[19]||($[19]=Q=>t(w).loginModal.show=!0),reel:M},null,8,["reel"])):(s(),_("p",Fn,"Unknown Reel"))]),M.type!=="Login"?(s(),_("div",Yn,[b(fe,{title:M.type,subtitle:M.theme,"reel-id":M.id},null,8,["title","subtitle","reel-id"]),b($e,null,{default:l(()=>[b(ge,{reel:M,"liked-reels":[],"favorite-reels":[],onShowLoginModal:$[20]||($[20]=Q=>t(w).loginModal.show=!0)},null,8,["reel"]),b(he)]),_:2},1024)])):T("",!0)],2)],4))),128))],2),m.$vuetify.display.mdAndUp?(s(),_("div",Bn,[b(ie,{class:"cursor-pointer",size:"50",onClick:$[21]||($[21]=M=>i(-1)),disabled:t(k)===0,elevation:"0"},{default:l(()=>[...$[23]||($[23]=[d("mdi-chevron-up",-1)])]),_:1},8,["disabled"]),b(ie,{class:"cursor-pointer",size:"50",onClick:$[22]||($[22]=M=>i(1)),disabled:t(k)===t(U).length-1,elevation:"0"},{default:l(()=>[...$[24]||($[24]=[d("mdi-chevron-down",-1)])]),_:1},8,["disabled"])])):T("",!0)]),_:1})):T("",!0),b(_e,{dialog:t(w).loginModal},null,8,["dialog"])],64)}}}),Hn=Object.assign(V(Nn,[["__scopeId","data-v-64c3f431"]]),{__name:"PagesLoggedOutShortsDefault"});class kt{constructor(){}async getReels(S,R){return await dt().fetch(`/v1/reels?level=${S.toUpperCase()}`,{authenticated:!0,method:"GET"})}async saveReel(S,R){await dt().fetch("/v1/reels",{authenticated:!0,method:"POST",body:{correct:R,level:S.toUpperCase()}})}}const Gn={class:"position-relative main-div-container"},Vn={key:0,class:"assessment d-flex justify-center align-center fill-height"},Qn={class:"assessment d-flex justify-center align-center fill-height"},Zn={key:20},Jn={key:0},Xn={key:1,class:"action-reel-animation"},Kn={key:2,class:"action-reel-animation"},el={key:3,class:"action-reel-animation"},tl={key:4,class:"action-reel-animation"},sl={key:0,class:"navigation-buttons"},De=10,ol=G({__name:"Regular",setup(h){const S=se(0),R=X({loadingReels:!1,level:1,paymentModal:{show:!1},showLike:!1,showFavorite:!1,showCorrect:!1,showIncorrect:!1}),k=new kt,w=new It;let D=!1,A=!1,g=0;const r=x(()=>String(P().params.course_level));let c=se([]),U=se([]),o=se([]),a=se(!1),v=!1;Z(async()=>{setTimeout(()=>{n()},500),w.getUser().then(()=>{}),await e()});const e=async()=>{a.value=!0,v=!0,o.value=[];try{const E=await k.getReels(r.value);S.value=0,o.value=E,o.value.push({type:"Loader"})}catch(E){console.log(`Could not get reels ${E}`),await yt().push({path:"/"})}finally{a.value=!1,setTimeout(()=>{v=!1},1e3)}},n=()=>{const E=document.querySelector(".reels-container");if(!E){console.error("Reels container not found");return}E.addEventListener("wheel",$,{passive:!1}),E.addEventListener("mousedown",Y=>{g=Y.clientY,document.addEventListener("mousemove",i),document.addEventListener("mouseup",m)}),E.addEventListener("touchstart",Y=>{g=Y.touches[0].clientY,document.addEventListener("touchmove",i),document.addEventListener("touchend",m)})},i=E=>{if(v)return;let oe=(E.type==="mousemove"?E.clientY:E.touches[0].clientY)-g;Math.abs(oe)>30&&(oe>0&&S.value>0?y(-1):oe<0&&S.value===o.value.length-2?e():oe<0&&S.value<o.value.length-1&&y(1),m())},m=()=>{document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",m),document.removeEventListener("touchmove",i),document.removeEventListener("touchend",m)},$=E=>{E.preventDefault(),!(D||v)&&(E.deltaY>De&&S.value===o.value.length-2?e():E.deltaY>De&&S.value<o.value.length-1?y(1):E.deltaY<-De&&S.value>0&&y(-1))},y=E=>{D=!0,S.value+=E,setTimeout(()=>{A=!1},400),setTimeout(()=>{D=!1},800)},C=E=>{E===1&&S.value===o.value.length-2?e():(E===-1&&S.value>0||E===1&&S.value<o.value.length-1)&&(A||(A=!0,y(E)))},u=async E=>{E?te():K(),k.saveReel(r.value,E).then(()=>{})},B=()=>{R.showLike=!0,setTimeout(()=>{R.showLike=!1},1e3)},F=()=>

2{R.showFavorite=!0,setTimeout(()=>{R.showFavorite=!1},1e3)},te=()=>{R.showCorrect=!0,setTimeout(()=>{R.showCorrect=!1},1e3)},K=()=>{R.showIncorrect=!0,setTimeout(()=>{R.showIncorrect=!1},1e3)},W=E=>{c.value.includes(E)?c.value=c.value.filter(Y=>E!==Y):(c.value.push(E),B())},j=E=>{U.value.includes(E)?U.value=U.value.filter(Y=>E!==Y):(U.value.push(E),F())};return(E,Y)=>{const oe=L("v-progress-circular"),ae=We,de=je,ue=Ie,pe=Me,ce=Pe,me=qe,ve=Fe,ye=Ye,fe=Be,ge=Ne,he=He,$e=Ge,ie=Ve,ke=Qe,_e=Ze,M=Je,re=Xe,Q=Ke,xe=et,Re=tt,Ae=st,ze=ot,ne=nt,Le=Ee,le=L("v-icon"),q=L("v-card"),be=ft;return s(),_(H,null,[f("div",Gn,[f("div",{class:z({"user-page position-absolute dark":E.$vuetify.theme.name==="dark","user-page position-absolute":E.$vuetify.theme.name!=="dark"})},null,2)]),b(q,{class:"reels-wrapper"},{default:l(()=>[f("div",{class:z({"reels-container":E.$vuetify.theme.name!=="dark","reels-container dark":E.$vuetify.theme.name==="dark"})},[t(a)?(s(),_("div",Vn,[b(oe,{color:"primary",width:"7",indeterminate:"",size:70})])):T("",!0),(s(!0),_(H,null,J(t(o),(I,lt)=>(s(),_("div",{key:lt,class:"reel",style:Oe({transform:`translateY(${(lt-t(S))*100}%)`})},[f("div",{class:z({"reel-content position-relative pa-5 dark-gray-gradient":E.$vuetify.display.smAndUp&&E.$vuetify.theme.name==="dark","reel-content position-relative pa-3 dark-gray-gradient":E.$vuetify.display.xs&&E.$vuetify.theme.name==="dark","reel-content position-relative pa-5 light-gray-gradient-reel":E.$vuetify.display.smAndUp&&E.$vuetify.theme.name!=="dark","reel-content position-relative pa-3 light-gray-gradient-reel":E.$vuetify.display.xs&&E.$vuetify.theme.name!=="dark"})},[f("div",Qn,[I.type==="Open Cloze"?(s(),p(ae,{key:0,onOnSolveReel:u,reel:I},null,8,["reel"])):I.type==="Word Formation"?(s(),p(de,{key:1,onOnSolveReel:u,reel:I},null,8,["reel"])):I.type==="Multiple Choice"?(s(),p(ue,{key:2,onOnSolveReel:u,reel:I},null,8,["reel"])):I.type==="Grammar Sentences"?(s(),p(pe,{key:3,onOnSolveReel:u,reel:I},null,8,["reel"])):I.type==="Magic Word"?(s(),p(ce,{key:4,onOnSolveReel:u,reel:I},null,8,["reel"])):I.type==="Grammar Quizzes"?(s(),p(me,{key:5,onOnSolveReel:u,reel:I},null,8,["reel"])):I.type==="Synonyms"?(s(),p(ve,{key:6,onOnSolveReel:u,reel:I},null,8,["reel"])):I.type==="Opposites"?(s(),p(ye,{key:7,onOnSolveReel:u,reel:I},null,8,["reel"])):I.type==="Key Word Transformation"?(s(),p(fe,{key:8,onOnSolveReel:u,reel:I},null,8,["reel"])):I.type==="True or False"?(s(),p(ge,{key:9,onOnSolveReel:u,reel:I},null,8,["reel"])):I.type==="Think and Choose"?(s(),p(he,{key:10,onOnSolveReel:u,reel:I},null,8,["reel"])):I.type==="Build the Sentence"?(s(),p($e,{key:11,onOnSolveReel:u,reel:I},null,8,["reel"])):I.type==="Play and Write"?(s(),p(ie,{key:12,onOnSolveReel:u,reel:I},null,8,["reel"])):I.type==="Notices"?(s(),p(ke,{key:13,onOnSolveReel:u,reel:I},null,8,["reel"])):I.type==="Audio Notices"?(s(),p(_e,{key:14,onOnSolveReel:u,reel:I},null,8,["reel"])):I.type==="Verbs Conjugations"?(s(),p(M,{key:15,onOnSolveReel:u,reel:I},null,8,["reel"])):I.type==="Tongue Twisters"?(s(),p(re,{key:16,onOnSolveReel:u,reel:I},null,8,["reel"])):I.type==="Choose the Word"?(s(),p(Q,{key:17,onOnSolveReel:u,reel:I},null,8,["reel"])):I.type==="Emojis"?(s(),p(xe,{key:18,onOnSolveReel:u,reel:I},null,8,["reel"])):I.type==="Login"?(s(),p(Re,{key:19,onOnUpgrade:Y[0]||(Y[0]=Ce=>t(R).paymentModal.show=!0),reel:I},null,8,["reel"])):(s(),_("p",Zn,"Unknown Reel"))]),I.type!=="Loader"?(s(),_("div",Jn,[b(Ae,{title:I.type,subtitle:I.theme,"reel-id":I.id},null,8,["title","subtitle","reel-id"]),b(Le,null,{default:l(()=>[b(ze,{onOnLikeReel:Y[1]||(Y[1]=Ce=>W(Ce)),onOnFavoriteReel:Y[2]||(Y[2]=Ce=>j(Ce)),reel:I,"favorite-reels":t(U),"liked-reels":t(c)},null,8,["reel","favorite-reels","liked-reels"]),b(ne)]),_:2},1024)])):T("",!0)],2)],4))),128)),t(R).showLike?(s(),_("div",Xn,[b(le,{size:"100",color:"red"},{default:l(()=>[...Y[5]||(Y[5]=[d(" mdi-heart ",-1)])]),_:1})])):T("",!0),t(R).showFavorite?(s(),_("div",Kn,[b(le,{size:"100",color:"orange"},{default:l(()=>[...Y[6]||(Y[6]=[d(" mdi-bookmark ",-1)])]),_:1})])):T("",!0),t(R).showCorrect?(s(),_("div",el,[b(le,{size:"100",color:"green"},{default:l(()=>[...Y[7]||(Y[7]=[d(" mdi-thumb-up ",-1)])]),_:1})])):T("",!0),t(R).showIncorrect?(s(),_("div",tl,[b(le,{size:"100",color:"red"},{default:l(()=>[...Y[8]||(Y[8]=[d(" mdi-thumb-down ",-1)])]),_:1})])):T("",!0)],2),E.$vuetify.display.mdAndUp?(s(),_("div",sl,[b(le,{class:"cursor-pointer",size:"50",onClick:Y[3]||(Y[3]=I=>C(-1)),disabled:t(S)===0,elevation:"0"},{default:l(()=>[...Y[9]||(Y[9]=[d("mdi-chevron-up",-1)])]),_:1},8,["disabled"]),b(le,{class:"cursor-pointer",size:"50",onClick:Y[4]||(Y[4]=I=>C(1)),disabled:t(S)===t(o).length-1,elevation:"0"},{default:l(()=>[...Y[10]||(Y[10]=[d("mdi-chevron-down",-1)])]),_:1},8,["disabled"])])):T("",!0)]),_:1}),b(be,{dialog:t(R).paymentModal},null,8,["dialog"])],64)}}}),nl=Object.assign(V(ol,[["__scopeId","data-v-dc5e26a3"]]),{__name:"PagesLoggedInShortsRegular"}),ll={class:"position-relative main-div-container"},il={class:"assessment d-flex justify-center align-center fill-height"},rl={key:20},al={key:0},dl={key:0,class:"action-reel-animation"},ul={key:1,class:"action-reel-animation"},pl={key:2,class:"action-reel-animation"},cl={key:3,class:"action-reel-animation"},ml={key:0,class:"navigation-buttons"},ct=10,vl=G({__name:"Default",async setup(h){let S,R;const k=se(0),w=new kt,D=X({loadingReels:!1,level:1,paymentModal:{show:!1},showLike:!1,showFavorite:!1,showCorrect:!1,showIncorrect:!1});let A=!1,g=!1,r=0;const c=vt(),U=x(()=>String(P().params.course_level));let o=se([]),a=se([]);const{data:v}=([S,R]=mt(async()=>gt("reels",async()=>

2{if(["b1","b2","c1","c2","vo","gr"].includes(U.value))try{let j=await $fetch(`${c.public.frontendBaseUrl}/json/reels/${U.value}.json`);return j=Te.shuffleArray(j),j.push({type:"Login"}),j}catch(j){return console.error("Error fetching activities:",j),[]}else return[]})),S=await S,R(),S);Z(async()=>{setTimeout(()=>{e()},500)});const e=()=>{const j=document.querySelector(".reels-container");if(!j){console.error("Reels container not found");return}j.addEventListener("wheel",m,{passive:!1}),j.addEventListener("mousedown",E=>{r=E.clientY,document.addEventListener("mousemove",n),document.addEventListener("mouseup",i)}),j.addEventListener("touchstart",E=>{r=E.touches[0].clientY,document.addEventListener("touchmove",n),document.addEventListener("touchend",i)})},n=j=>{let Y=(j.type==="mousemove"?j.clientY:j.touches[0].clientY)-r;Math.abs(Y)>30&&(Y>0&&k.value>0?$(-1):Y<0&&k.value<v.value.length-1&&$(1),i())},i=()=>{document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",i),document.removeEventListener("touchmove",n),document.removeEventListener("touchend",i)},m=j=>{j.preventDefault(),!A&&(j.deltaY>ct&&k.value<v.value.length-1?$(1):j.deltaY<-ct&&k.value>0&&$(-1))},$=j=>{A=!0,k.value+=j,setTimeout(()=>{g=!1},400),setTimeout(()=>{A=!1},800)},y=j=>{(j===-1&&k.value>0||j===1&&k.value<v.value.length-1)&&(g||(g=!0,$(j)))},C=async j=>

2{j?F():te(),w.saveReel(U.value,j).then(()=>{})},u=()=>{D.showLike=!0,setTimeout(()=>{D.showLike=!1},1e3)},B=()=>{D.showFavorite=!0,setTimeout(()=>{D.showFavorite=!1},1e3)},F=()=>{D.showCorrect=!0,setTimeout(()=>{D.showCorrect=!1},1e3)},te=()=>{D.showIncorrect=!0,setTimeout(()=>{D.showIncorrect=!1},1e3)},K=j=>{o.value.includes(j)?o.value=o.value.filter(E=>j!==E):(o.value.push(j),u())},W=j=>{a.value.includes(j)?a.value=a.value.filter(E=>j!==E):(a.value.push(j),B())};return(j,E)=>{const Y=We,oe=je,ae=Ie,de=Me,ue=Pe,pe=qe,ce=Fe,me=Ye,ve=Be,ye=Ne,fe=He,ge=Ge,he=Ve,$e=Qe,ie=Ze,ke=Je,_e=Xe,M=Ke,re=et,Q=tt,xe=st,Re=ot,Ae=nt,ze=Ee,ne=L("v-icon"),Le=L("v-card"),le=ft;return s(),_(H,null,[f("div",ll,[f("div",{class:z({"user-page position-absolute dark":j.$vuetify.theme.name==="dark","user-page position-absolute":j.$vuetify.theme.name!=="dark"})},null,2)]),t(v)?(s(),p(Le,{key:0,class:"reels-wrapper"},{default:l(()=>[f("div",{class:z({"reels-container":j.$vuetify.theme.name!=="dark","reels-container dark":j.$vuetify.theme.name==="dark"})},[(s(!0),_(H,null,J(t(v),(q,be)=>(s(),_("div",{key:be,class:"reel",style:Oe({transform:`translateY(${(be-t(k))*100}%)`})},[f("div",{class:z({"reel-content position-relative pa-5 dark-gray-gradient":j.$vuetify.display.smAndUp&&j.$vuetify.theme.name==="dark","reel-content position-relative pa-3 dark-gray-gradient":j.$vuetify.display.xs&&j.$vuetify.theme.name==="dark","reel-content position-relative pa-5 light-gray-gradient-reel":j.$vuetify.display.smAndUp&&j.$vuetify.theme.name!=="dark","reel-content position-relative pa-3 light-gray-gradient-reel":j.$vuetify.display.xs&&j.$vuetify.theme.name!=="dark"})},[f("div",il,[q.type==="Open Cloze"?(s(),p(Y,{key:0,onOnSolveReel:C,reel:q},null,8,["reel"])):q.type==="Word Formation"?(s(),p(oe,{key:1,onOnSolveReel:C,reel:q},null,8,["reel"])):q.type==="Multiple Choice"?(s(),p(ae,{key:2,onOnSolveReel:C,reel:q},null,8,["reel"])):q.type==="Grammar Sentences"?(s(),p(de,{key:3,onOnSolveReel:C,reel:q},null,8,["reel"])):q.type==="Magic Word"?(s(),p(ue,{key:4,onOnSolveReel:C,reel:q},null,8,["reel"])):q.type==="Grammar Quizzes"?(s(),p(pe,{key:5,onOnSolveReel:C,reel:q},null,8,["reel"])):q.type==="Synonyms"?(s(),p(ce,{key:6,onOnSolveReel:C,reel:q},null,8,["reel"])):q.type==="Opposites"?(s(),p(me,{key:7,onOnSolveReel:C,reel:q},null,8,["reel"])):q.type==="Key Word Transformation"?(s(),p(ve,{key:8,onOnSolveReel:C,reel:q},null,8,["reel"])):q.type==="True or False"?(s(),p(ye,{key:9,onOnSolveReel:C,reel:q},null,8,["reel"])):q.type==="Think and Choose"?(s(),p(fe,{key:10,onOnSolveReel:C,reel:q},null,8,["reel"])):q.type==="Build the Sentence"?(s(),p(ge,{key:11,onOnSolveReel:C,reel:q},null,8,["reel"])):q.type==="Play and Write"?(s(),p(he,{key:12,onOnSolveReel:C,reel:q},null,8,["reel"])):q.type==="Notices"?(s(),p($e,{key:13,onOnSolveReel:C,reel:q},null,8,["reel"])):q.type==="Audio Notices"?(s(),p(ie,{key:14,onOnSolveReel:C,reel:q},null,8,["reel"])):q.type==="Verbs Conjugations"?(s(),p(ke,{key:15,onOnSolveReel:C,reel:q},null,8,["reel"])):q.type==="Tongue Twisters"?(s(),p(_e,{key:16,onOnSolveReel:C,reel:q},null,8,["reel"])):q.type==="Choose the Word"?(s(),p(M,{key:17,onOnSolveReel:C,reel:q},null,8,["reel"])):q.type==="Emojis"?(s(),p(re,{key:18,onOnSolveReel:C,reel:q},null,8,["reel"])):q.type==="Login"?(s(),p(Q,{key:19,onOnUpgrade:E[0]||(E[0]=I=>t(D).paymentModal.show=!0),reel:q},null,8,["reel"])):(s(),_("p",rl,"Unknown Reel"))]),q.type!=="Login"?(s(),_("div",al,[b(xe,{title:q.type,subtitle:q.theme,"reel-id":q.id},null,8,["title","subtitle","reel-id"]),b(ze,null,{default:l(()=>[b(Re,{onOnLikeReel:E[1]||(E[1]=I=>K(I)),onOnFavoriteReel:E[2]||(E[2]=I=>W(I)),reel:q,"favorite-reels":t(a),"liked-reels":t(o)},null,8,["reel","favorite-reels","liked-reels"]),b(Ae)]),_:2},1024)])):T("",!0)],2)],4))),128)),t(D).showLike?(s(),_("div",dl,[b(ne,{size:"100",color:"red"},{default:l(()=>[...E[5]||(E[5]=[d(" mdi-heart ",-1)])]),_:1})])):T("",!0),t(D).showFavorite?(s(),_("div",ul,[b(ne,{size:"100",color:"orange"},{default:l(()=>[...E[6]||(E[6]=[d(" mdi-bookmark ",-1)])]),_:1})])):T("",!0),t(D).showCorrect?(s(),_("div",pl,[b(ne,{size:"100",color:"green"},{default:l(()=>[...E[7]||(E[7]=[d(" mdi-thumb-up ",-1)])]),_:1})])):T("",!0),t(D).showIncorrect?(s(),_("div",cl,[b(ne,{size:"100",color:"red"},{default:l(()=>[...E[8]||(E[8]=[d(" mdi-thumb-down ",-1)])]),_:1})])):T("",!0)],2),j.$vuetify.display.mdAndUp?(s(),_("div",ml,[b(ne,{class:"cursor-pointer",size:"50",onClick:E[3]||(E[3]=q=>y(-1)),disabled:t(k)===0,elevation:"0"},{default:l(()=>[...E[9]||(E[9]=[d("mdi-chevron-up",-1)])]),_:1},8,["disabled"]),b(ne,{class:"cursor-pointer",size:"50",onClick:E[4]||(E[4]=q=>y(1)),disabled:t(k)===t(v).length-1,elevation:"0"},{default:l(()=>[...E[10]||(E[10]=[d("mdi-chevron-down",-1)])]),_:1},8,["disabled"])])):T("",!0)]),_:1})):T("",!0),b(le,{dialog:t(D).paymentModal},null,8,["dialog"])],64)}}}),yl=Object.assign(V(vl,[["__scopeId","data-v-485c867e"]]),{__name:"PagesLoggedInShortsDefault"}),Rl=G({__name:"infinite-scroll",setup(h){const S=x(()=>String(P().params.course_level)),R=x(()=>String(P().params.course_name)),k=x(()=>String(P().params.course_slug)),w=P().path,D=se(!1),A=x(()=>N().session),g=x(()=>N().purchases),r=x(()=>g.value.includes(S.value));return Z(async()=>

2{if(Te.isWrongSlug(S.value,R.value,k.value)){await yt().push("/");return}D.value=!0;const{$gtag:c}=ee();c&&setTimeout(()=>{c("event","screen_view",{app_name:"Web - Infinite Scroll",page_title:"Web - Infinite Scroll"})},500),await N().setLoginRedirectUrl(w)}),Et({title:`English Infinite Scroll Practice - Cambridge Level ${S.value.toUpperCase()}`,ogTitle:`English Infinite Scroll Practice - Cambridge Level ${S.value.toUpperCase()}`,twitterTitle:`English Infinite Scroll Practice - Cambridge Level ${S.value.toUpperCase()}`,description:"English Infinite Scroll for Cambridge exams (B1, B2, C1, C2) with interactive exercises, grammar, vocabulary, and real exam-style questions.",ogDescription:"English Infinite Scroll for Cambridge exams (B1, B2, C1, C2) with interactive exercises, grammar, vocabulary, and real exam-style questions.",twitterDescription:"English Infinite Scroll for Cambridge exams (B1, B2, C1, C2) with interactive exercises, grammar, vocabulary, and real exam-style questions.",ogImage:"https://cambridgexam.com/img/cambridge-english-exams.jpg",twitterImage:"https://cambridgexam.com/img/cambridge-english-exams.jpg",ogUrl:`https://www.cambridgexam.com${P().path}`,twitterCard:"summary_large_image"}),Tt({link:[{rel:"canonical",href:`https://www.cambridgexam.com${P().fullPath}`}]}),(c,U)=>{const o=Hn,a=nl,v=yl;return t(A).loggedIn?t(r)?(s(),p(a,{key:1})):(s(),p(v,{key:2})):(s(),p(o,{key:0}))}}});export{Rl as default};