@edpire/sdk 0.5.0 → 0.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/client.d.mts +127 -3
- package/dist/client.mjs +88 -1
- package/dist/index.mjs +1 -1
- package/dist/react.d.mts +204 -28
- package/dist/react.mjs +6 -6
- package/dist/umd/index.global.js +1 -1
- package/examples/nextjs/.env.example +6 -0
- package/examples/nextjs/README.md +66 -0
- package/examples/nextjs/app/api/edpire/token/route.ts +38 -0
- package/examples/nextjs/app/globals.css +9 -0
- package/examples/nextjs/app/layout.tsx +13 -0
- package/examples/nextjs/app/page.tsx +51 -0
- package/examples/nextjs/next.config.ts +8 -0
- package/examples/nextjs/package.json +22 -0
- package/examples/nextjs/tsconfig.json +20 -0
- package/examples/vite-express/.env.example +10 -0
- package/examples/vite-express/README.md +69 -0
- package/examples/vite-express/index.html +16 -0
- package/examples/vite-express/package.json +31 -0
- package/examples/vite-express/server.ts +84 -0
- package/examples/vite-express/src/App.tsx +56 -0
- package/examples/vite-express/src/main.tsx +9 -0
- package/examples/vite-express/tsconfig.json +17 -0
- package/examples/vite-express/tsconfig.server.json +12 -0
- package/examples/vite-express/vite.config.ts +18 -0
- package/package.json +3 -2
- package/src/styles/shell.css +1 -1
package/dist/react.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import po,{useMemo as mo}from"react";import{jsx as $e}from"react/jsx-runtime";import{useEffect as ct,useRef as Zn}from"react";import Kr from"mitt";var xe=class{constructor(){this.emitter=Kr(),this.answers=new Map}emit(t){if(t.type==="answer:changed")this.answers.set(t.answer.nodeId,t.answer);else if(t.type==="answers:reset")this.answers.clear();else if(t.type==="answers:prefill")for(let r of t.answers)this.answers.set(r.nodeId,r);this.emitter.emit(t.type,t)}on(t,r){this.emitter.on(t,r)}off(t,r){this.emitter.off(t,r)}getAllAnswers(){return Array.from(this.answers.values())}clearAnswers(){this.answers.clear(),this.emit({type:"answers:reset"})}prefillAnswers(t){this.emit({type:"answers:prefill",answers:t})}submitAnswers(){this.emit({type:"answer:submitted",answers:this.getAllAnswers(),timestamp:Date.now()})}},Ot="__edpireGlobalAnswerBus",Wt=globalThis,Oe=Wt[Ot]??(Wt[Ot]=new xe);import{jsx as Dr}from"react/jsx-runtime";import{createContext as Or,useContext as Wr}from"react";var Ut="__edpireAnswerBusContext",qt=globalThis,Vt=qt[Ut]??(qt[Ut]=Or(Oe));function oe(){return Wr(Vt)}function We({children:e,bus:t=new xe}){return Dr(Vt.Provider,{value:t,children:e})}import{Fragment as Gt,jsx as V,jsxs as Re}from"react/jsx-runtime";import{Fragment as Jr,useState as rt,useEffect as tt,useRef as Zr}from"react";import nt from"clsx";import{jsx as E}from"react/jsx-runtime";import Ur from"katex";import"katex/dist/contrib/mhchem.js";var qr={"\\d":"\\mathrm{d}","\\R":"\\mathbb{R}","\\N":"\\mathbb{N}","\\Z":"\\mathbb{Z}","\\Q":"\\mathbb{Q}","\\C":"\\mathbb{C}"};function ht(e,t,r=!0){try{return Ur.renderToString(e,{displayMode:t,output:r?"htmlAndMathml":"html",throwOnError:!1,errorColor:"#cc0000",macros:qr,strict:!1})}catch(o){return`<span class="katex-error" style="color:#cc0000" title="${String(o)}">${e}</span>`}}function ge(e,t,r){return E("div",{className:"exercise-content",children:e.content.map((o,n)=>me(o,`node-${n}`,t,r))})}function me(e,t,r,o){switch(e.type){case"choiceSet":case"inlineChoiceSet":return E(Ue,{node:e,validationFeedback:r?.get(e.id)},t);case"blank":return e.attrs.mode==="typed"?E(qe,{node:e,validationFeedback:r?.get(e.id)},t):E(Ve,{node:e,validationFeedback:r?.get(e.id)},t);case"blankPool":return E(He,{node:e},t);case"inlinePool":return E(Ge,{node:e},t);case"matchingSet":return E(Ye,{node:e,validationFeedback:r?.get(e.id)},t);case"aiAnswerInput":return E(Qe,{node:e,validationFeedback:r?.get(e.id)},t);case"openResponseNode":return E(Je,{node:e,validationFeedback:r?.get(e.id),readOnly:o?.readOnly,mediaHandler:o?.mediaHandler},t);case"mathResponse":return E(Ze,{nodeId:e.id,placeholder:e.attrs?.placeholder,validationFeedback:r?.get(e.id),readOnly:o?.readOnly},t);case"aiEvaluationConfig":return null;case"paragraph":{let n=e.attrs,a=n?.textAlign,i=n?.dir||void 0;return E("p",{dir:i,style:a?{textAlign:a}:void 0,children:e.content?.map((l,s)=>me(l,`${t}-${s}`,r,o))},t)}case"heading":{let n=`h${e.attrs.level}`,a=e.attrs,i=a?.textAlign,l=a?.dir||void 0;return E(n,{dir:l,style:i?{textAlign:i}:void 0,children:e.content?.map((s,c)=>me(s,`${t}-${c}`,r,o))},t)}case"text":{let n=e,a=n.text??"",i=n.marks??[];if(i.length===0)return E("span",{children:a},t);let l={};for(let c of i)c.type==="textStyle"&&(c.attrs?.color&&(l.color=c.attrs.color),c.attrs?.fontSize&&(l.fontSize=c.attrs.fontSize),c.attrs?.fontFamily&&(l.fontFamily=c.attrs.fontFamily));let s=a;for(let c of i)switch(c.type){case"bold":s=E("strong",{children:s});break;case"italic":s=E("em",{children:s});break;case"underline":s=E("u",{children:s});break;case"strike":s=E("s",{children:s});break;case"code":s=E("code",{children:s});break;case"subscript":s=E("sub",{children:s});break;case"superscript":s=E("sup",{children:s});break}return E("span",{style:Object.keys(l).length>0?l:void 0,children:s},t)}case"hardBreak":return E("br",{},t);case"resizableImage":return E("img",{src:e.attrs?.src||void 0,alt:e.attrs?.alt||"",style:{display:"inline-block",verticalAlign:"middle",width:e.attrs?.width||"auto",height:e.attrs?.height||"auto",maxWidth:"100%"}},t);case"resizableAudio":return E("span",{style:{display:"inline-flex",verticalAlign:"middle",alignItems:"center",background:"#f1f5f9",borderRadius:"8px",padding:"4px 8px",maxWidth:"100%"},children:E("audio",{controls:!0,src:e.attrs?.src||void 0,style:{display:"block",width:"320px",maxWidth:"100%"}})},t);case"resizableVideo":return E("video",{src:e.attrs?.src||void 0,controls:!0,style:{display:"inline-block",verticalAlign:"middle",width:e.attrs?.width||"auto",height:e.attrs?.height||"auto",maxWidth:"100%"}},t);case"youtubeEmbed":return E("iframe",{src:`https://www.youtube.com/embed/${e.attrs?.videoId||""}`,width:e.attrs?.width||480,height:e.attrs?.height||270,allowFullScreen:!0,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",style:{display:"inline-block",verticalAlign:"middle",border:0}},t);case"inlineMath":return E("span",{dir:"ltr",style:{unicodeBidi:"isolate",display:"inline-block"},className:"math-inline",dangerouslySetInnerHTML:{__html:ht(e.attrs?.latex??"",!1,!0)}},t);case"blockMath":return E("div",{dir:"ltr",style:{unicodeBidi:"isolate",textAlign:"center",margin:"1em 0"},className:"math-block",dangerouslySetInnerHTML:{__html:ht(e.attrs?.latex??"",!0,!0)}},t);case"variable":return E("span",{className:"variable",children:`{${e.attrs?.name}}`},t);default:{let n=e;return n.type==="bulletList"?E("ul",{style:{listStyleType:"disc",paddingLeft:"1.5em",margin:"0.5em 0"},children:n.content?.map((a,i)=>me(a,`${t}-${i}`,r,o))},t):n.type==="orderedList"?E("ol",{style:{listStyleType:"decimal",paddingLeft:"1.5em",margin:"0.5em 0"},children:n.content?.map((a,i)=>me(a,`${t}-${i}`,r,o))},t):n.type==="listItem"?E("li",{children:n.content?.map((a,i)=>me(a,`${t}-${i}`,r,o))},t):n.type==="table"?E("div",{style:{overflowX:"auto",margin:"1.25rem 0"},children:E("table",{style:{borderCollapse:"collapse",width:"100%",tableLayout:"fixed"},children:E("tbody",{children:n.content?.map((a,i)=>me(a,`${t}-${i}`,r,o))})})},t):n.type==="tableRow"?E("tr",{children:n.content?.map((a,i)=>me(a,`${t}-${i}`,r,o))},t):n.type==="tableCell"?E("td",{colSpan:n.attrs?.colspan,rowSpan:n.attrs?.rowspan,style:{border:"1px solid #d1d5db",padding:"6px 8px",verticalAlign:"top"},children:n.content?.map((a,i)=>me(a,`${t}-${i}`,r,o))},t):n.type==="tableHeader"?E("th",{colSpan:n.attrs?.colspan,rowSpan:n.attrs?.rowspan,style:{border:"1px solid #d1d5db",padding:"6px 8px",verticalAlign:"top",background:"#f3f4f6",fontWeight:600},children:n.content?.map((a,i)=>me(a,`${t}-${i}`,r,o))},t):(console.warn(`Unknown node type during interpretation: ${e.type}`),null)}}}function Y(e,t){return e.map(r=>{if(r.type==="text"){let o=Vr(r.text??""),n=r.marks??[],a=[];for(let i of n)i.type==="textStyle"&&(i.attrs?.color&&a.push(`color:${i.attrs.color}`),i.attrs?.fontSize&&a.push(`font-size:${i.attrs.fontSize}`),i.attrs?.fontFamily&&a.push(`font-family:${i.attrs.fontFamily}`));a.length>0&&(o=`<span style="${a.join(";")}">${o}</span>`);for(let i of n)switch(i.type){case"bold":o=`<strong>${o}</strong>`;break;case"italic":o=`<em>${o}</em>`;break;case"underline":o=`<u>${o}</u>`;break;case"strike":o=`<s>${o}</s>`;break;case"code":o=`<code>${o}</code>`;break;case"subscript":o=`<sub>${o}</sub>`;break;case"superscript":o=`<sup>${o}</sup>`;break}return o}if(r.type==="paragraph"){let o=r.content?Y(r.content,t):"",n=r.attrs?.dir,a=r.attrs?.textAlign,i=n?` dir="${n}"`:"",l=a?` style="text-align:${a}"`:"";return t?.stripParagraphs?o:`<p${i}${l}>${o}</p>`}if(r.type==="hardBreak")return"<br/>";if(r.type==="table")return`<div style="overflow-x:auto;margin:1.25rem 0"><table style="border-collapse:collapse;width:100%;table-layout:fixed"><tbody>${r.content?Y(r.content,t):""}</tbody></table></div>`;if(r.type==="tableRow")return`<tr>${r.content?Y(r.content,t):""}</tr>`;if(r.type==="tableCell"){let o=r.content?Y(r.content,t):"",n=r.attrs?.colspan?` colspan="${r.attrs.colspan}"`:"",a=r.attrs?.rowspan?` rowspan="${r.attrs.rowspan}"`:"";return`<td${n}${a} style="border:1px solid #d1d5db;padding:6px 8px;vertical-align:top">${o}</td>`}if(r.type==="tableHeader"){let o=r.content?Y(r.content,t):"",n=r.attrs?.colspan?` colspan="${r.attrs.colspan}"`:"",a=r.attrs?.rowspan?` rowspan="${r.attrs.rowspan}"`:"";return`<th${n}${a} style="border:1px solid #d1d5db;padding:6px 8px;vertical-align:top;background:#f3f4f6;font-weight:600">${o}</th>`}return r.type==="bulletList"?`<ul style="list-style-type:disc;padding-left:1.5em">${r.content?Y(r.content,t):""}</ul>`:r.type==="orderedList"?`<ol style="list-style-type:decimal;padding-left:1.5em">${r.content?Y(r.content,t):""}</ol>`:r.type==="listItem"?`<li>${r.content?Y(r.content,t):""}</li>`:""}).join("")}function Vr(e){return e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""")}import{jsx as Hr}from"react/jsx-runtime";import{createContext as Gr,useContext as Yr}from"react";var Le={submitButton:"Submit",showHint:"Show hint",clickToRemove:"Click to remove",aiEvaluationInProgress:"AI evaluation in progress\u2026",aiEvaluationInProgressAria:"AI evaluation in progress",shortAnswerPlaceholder:"Short answer\u2026",longAnswerPlaceholder:"Write your answer here\u2026",minWordsLabel:e=>`Min: ${e}`,wordBank:"Word Bank",chooseN:e=>`(choose ${e})`,annexDefaultLabel:"Documents",annexOpen:e=>`Open ${e}`,annexClose:"Close",openResponseTextPlaceholder:"Write your answer here\u2026",openResponseWords:"words",openResponseChars:"chars",openResponseDropZoneLabel:"Drag & drop files here, or",openResponseDropZoneBrowse:"browse",openResponseUploading:"Uploading\u2026",openResponseNoSubmission:"No submission",openResponseFile:"File",openResponseAttachFile:"Attach a file",openResponseAttachFiles:"Attach files",openResponseAttachedFiles:"Attached files",openResponseTypeImage:"Image",openResponseTypePdf:"PDF",openResponseTypeAudio:"Audio",openResponseTypeVideo:"Video",openResponseTypeVideoLink:"Video link",openResponseVideoLinkPlaceholder:"Paste YouTube or Vimeo URL\u2026",openResponseAddVideoLink:"Add",openResponseTapToRecord:"Tap to start recording",openResponseTapToRecordScreen:"Click to start screen recording",openResponseRequestingPermission:"Requesting permission\u2026",openResponsePermissionDenied:"Microphone/camera access denied. Please allow access in your browser settings.",openResponseMediaHandlerRequired:"A media handler is required to save recordings.",openResponseStopRecording:"Stop",openResponseReRecord:"Re-record",openResponseConfirmRecording:"Use this recording",openResponseRecordingSubmitted:"Recording submitted",openResponseAwaitingReview:"Submitted \u2014 awaiting teacher review",openResponseTeacherFeedbackLabel:"Teacher feedback",openResponseGradeThisResponse:"Grade this response",openResponseGradeScoreLabel:e=>`Score (max ${e})`,openResponseGradeFeedbackLabel:"Feedback (optional)",openResponseGradeFeedbackPlaceholder:"Add feedback for the student\u2026",openResponseSubmitGrade:"Submit Grade",openResponseGradeSubmitted:(e,t)=>`Grade submitted: ${e} / ${t}`,openResponseRubricTitle:"Rubric",openResponseRubricCriterionPoints:(e,t)=>`${e} / ${t} pts`,openResponseAiSuggestionTitle:"AI Pre-grading Suggestion",openResponseAiSuggestedScore:(e,t)=>`Suggested score: ${e} / ${t}`,openResponseAiEvidence:"Evidence:",openResponseAiApplySuggestion:"Apply suggestion",openResponseStudentAnswerTitle:"Student answer"};var et={submitButton:"Valider",showHint:"Voir l'indice",clickToRemove:"Cliquer pour retirer",aiEvaluationInProgress:"\xC9valuation IA en cours\u2026",aiEvaluationInProgressAria:"\xC9valuation IA en cours",shortAnswerPlaceholder:"R\xE9ponse courte\u2026",longAnswerPlaceholder:"\xC9cris ta r\xE9ponse ici\u2026",minWordsLabel:e=>`Min. : ${e}`,wordBank:"Banque de mots",chooseN:e=>`(choisir ${e})`,annexDefaultLabel:"Documents",annexOpen:e=>`Ouvrir ${e}`,annexClose:"Fermer",openResponseTextPlaceholder:"\xC9cris ta r\xE9ponse ici\u2026",openResponseWords:"mots",openResponseChars:"car.",openResponseDropZoneLabel:"Glisse-d\xE9pose des fichiers ici, ou",openResponseDropZoneBrowse:"parcourir",openResponseUploading:"Envoi en cours\u2026",openResponseNoSubmission:"Aucun fichier d\xE9pos\xE9",openResponseFile:"Fichier",openResponseAttachFile:"Joindre un fichier",openResponseAttachFiles:"Joindre des fichiers",openResponseAttachedFiles:"Fichiers joints",openResponseTypeImage:"Image",openResponseTypePdf:"PDF",openResponseTypeAudio:"Audio",openResponseTypeVideo:"Vid\xE9o",openResponseTypeVideoLink:"Lien vid\xE9o",openResponseVideoLinkPlaceholder:"Coller un lien YouTube ou Vimeo\u2026",openResponseAddVideoLink:"Ajouter",openResponseTapToRecord:"Appuyer pour d\xE9marrer l'enregistrement",openResponseTapToRecordScreen:"Cliquer pour d\xE9marrer l'enregistrement d'\xE9cran",openResponseRequestingPermission:"Demande d'autorisation\u2026",openResponsePermissionDenied:"Acc\xE8s au micro/cam\xE9ra refus\xE9. Autorise l'acc\xE8s dans les param\xE8tres du navigateur.",openResponseMediaHandlerRequired:"Un gestionnaire de m\xE9dias est requis pour sauvegarder les enregistrements.",openResponseStopRecording:"Arr\xEAter",openResponseReRecord:"R\xE9enregistrer",openResponseConfirmRecording:"Utiliser cet enregistrement",openResponseRecordingSubmitted:"Enregistrement soumis",openResponseAwaitingReview:"Soumis \u2014 en attente de correction par l'enseignant",openResponseTeacherFeedbackLabel:"Commentaire de l'enseignant",openResponseGradeThisResponse:"Corriger cette r\xE9ponse",openResponseGradeScoreLabel:e=>`Note (max ${e})`,openResponseGradeFeedbackLabel:"Commentaire (facultatif)",openResponseGradeFeedbackPlaceholder:"Ajouter un commentaire pour l'\xE9l\xE8ve\u2026",openResponseSubmitGrade:"Valider la note",openResponseGradeSubmitted:(e,t)=>`Note envoy\xE9e : ${e} / ${t}`,openResponseRubricTitle:"Grille d'\xE9valuation",openResponseRubricCriterionPoints:(e,t)=>`${e} / ${t} pts`,openResponseAiSuggestionTitle:"Suggestion de correction par IA",openResponseAiSuggestedScore:(e,t)=>`Score sugg\xE9r\xE9 : ${e} / ${t}`,openResponseAiEvidence:"Extrait :",openResponseAiApplySuggestion:"Appliquer la suggestion",openResponseStudentAnswerTitle:"R\xE9ponse de l'\xE9l\xE8ve"};var Qr={en:Le,fr:et},Ht=Gr(Le);function Q(){return Yr(Ht)}function je({locale:e="en",children:t}){return Hr(Ht.Provider,{value:Qr[e],children:t})}function xt({node:e}){if(e.type==="text"){if(!e.marks||e.marks.length===0)return V(Gt,{children:e.text});let t=e.text||"";for(let r of e.marks)r.type==="bold"?t=V("strong",{children:t}):r.type==="italic"?t=V("em",{children:t}):r.type==="underline"?t=V("u",{children:t}):r.type==="strike"?t=V("s",{children:t}):r.type==="textStyle"&&r.attrs?.color&&(t=V("span",{style:{color:r.attrs.color},children:t}));return V(Gt,{children:t})}return e.type==="paragraph"?V("span",{className:"block",children:e.content?.map((t,r)=>V(xt,{node:t},r))??V("br",{})}):e.type==="hardBreak"?V("br",{}):e.content?V("span",{className:"block",children:e.content.map((t,r)=>V(xt,{node:t},r))}):null}function en({nodes:e}){return V("span",{className:"block space-y-1 text-amber-900",children:e.map((t,r)=>V(xt,{node:t},r))})}function Yt({hint:e}){let t=Q(),[r,o]=rt(!1),[n,a]=rt(!1),i=Zr(null);return tt(()=>{if(!n)return;let d=u=>{i.current&&!i.current.contains(u.target)&&(a(!1),o(!1))};return document.addEventListener("mousedown",d),()=>document.removeEventListener("mousedown",d)},[n]),Re("span",{ref:i,className:"relative inline-flex items-center align-middle",onMouseEnter:()=>o(!0),onMouseLeave:()=>{n||o(!1)},children:[V("button",{type:"button",onClick:d=>{d.stopPropagation(),n?(a(!1),o(!1)):(a(!0),o(!0))},className:nt("w-4 h-4 rounded-full text-white text-[10px] font-bold","inline-flex items-center justify-center leading-none","transition-colors cursor-pointer select-none",n?"bg-amber-500":"bg-amber-400 hover:bg-amber-500"),"aria-label":t.showHint,children:"?"}),r&&V("span",{className:nt("absolute bottom-full left-1/2 -translate-x-1/2 mb-2 z-[9999]","min-w-[180px] max-w-[300px] w-max","bg-amber-50 border border-amber-200 rounded-lg shadow-lg","px-3 py-2 text-sm"),onClick:d=>d.stopPropagation(),children:V(en,{nodes:e})})]})}function tn(e){return[...e].map(t=>({v:t,r:Math.random()})).sort((t,r)=>t.r-r.r).map(t=>t.v)}var rn=e=>e.replace(/ {2,}/g,t=>" ".repeat(t.length-1)+" ");function Ue({node:e,validationFeedback:t}){let r=oe(),o=Q(),{id:n,content:a,attrs:i}=e,l=i.shuffle??!1,s="prompt"in i?i.prompt:void 0,c="separator"in i?i.separator??"/":"/",d="pickLimit"in i&&i.pickLimit?i.pickLimit:1,u="layout"in i?i.layout??"row":"row",m=e.type==="inlineChoiceSet",[f,g]=rt(a);tt(()=>{g(l?tn(a):a)},[l,JSON.stringify(a)]);let[k,C]=rt(new Set),N=t?.showFeedback??!1,h=t?.correctChoiceIds||[];tt(()=>{let z=p=>{let b=p.answers.find(T=>T.nodeId===n&&T.type==="choiceSet");b&&"selectedIds"in b.answer&&C(new Set(b.answer.selectedIds))};return r.on("answers:prefill",z),()=>r.off("answers:prefill",z)},[n,r]),tt(()=>{r.emit({type:"answer:changed",answer:{nodeId:n,type:"choiceSet",timestamp:Date.now(),answer:{selectedIds:Array.from(k)}}})},[k,n,r]);let j=z=>{N||C(p=>{let S=new Set(p);return d===1?S.has(z)?S.delete(z):(S.clear(),S.add(z)):S.has(z)?S.delete(z):S.size<d&&S.add(z),S})},x=z=>rn(Y(z.content)),w=z=>{let p=k.has(z),S=h.includes(z);return nt("w-full rounded-lg border-2 px-5 py-2 transition select-none","inline-flex items-center justify-center gap-2 flex-wrap text-sm font-medium","[&>img]:shrink-0","text-base sm:text-lg lg:text-2xl",!N&&!p&&"bg-white hover:bg-blue-50",!N&&p&&"bg-blue-100 border-blue-400 ring-2 ring-blue-300",N&&S&&"bg-green-100 border-green-600 ring-2 ring-green-500 animate-hop",N&&!S&&p&&"bg-red-100 border-red-600 ring-2 ring-red-400 animate-shake",N&&!S&&!p&&"opacity-60")},_=z=>{let p=k.has(z),S=h.includes(z);return nt("rounded border px-1.5 py-0 transition select-none","inline-flex items-center leading-[inherit] text-[0.9em]",!N&&!p&&"bg-white hover:bg-blue-50 border-gray-300",!N&&p&&"bg-blue-100 border-blue-400 ring-1 ring-blue-300",N&&S&&"bg-green-100 border-green-600 ring-1 ring-green-500 animate-hop",N&&!S&&p&&"bg-red-100 border-red-600 ring-1 ring-red-400 animate-shake",N&&!S&&!p&&"opacity-60")};if(m)return Re("span",{className:"inline-choice",children:[s&&Re("span",{className:"mr-2 font-medium",children:[s,d>1?V("span",{className:"ml-1 opacity-60",children:o.chooseN(d)}):null]}),f.map((z,p)=>Re(Jr,{children:[V("button",{type:"button",disabled:N,onClick:()=>j(z.id),className:_(z.id),"aria-pressed":k.has(z.id),dangerouslySetInnerHTML:{__html:x(z)}}),p<f.length-1&&V("span",{className:"mx-1",children:c})]},z.id)),i.hint&&i.hint.length>0&&V(Yt,{hint:i.hint})]});let P=u==="row"?"grid gap-3 grid-cols-1 sm:grid-cols-2":"flex flex-col gap-3";return Re("div",{className:"cs-player my-4 space-y-3",children:[s&&Re("p",{className:"font-medium",children:[s,d>1?Re("span",{className:"ml-2 text-sm opacity-70",children:["(choose ",d,")"]}):null]}),i.hint&&i.hint.length>0&&V(Yt,{hint:i.hint}),V("div",{className:P,style:u==="row"?{gridAutoRows:"1fr"}:void 0,children:f.map(z=>V("button",{type:"button",disabled:N,onClick:()=>j(z.id),className:w(z.id),"aria-pressed":k.has(z.id),dangerouslySetInnerHTML:{__html:x(z)}},z.id))})]})}import{Fragment as bt,jsx as U,jsxs as ot}from"react/jsx-runtime";import{useState as wt,useEffect as it,useRef as Qt,useCallback as nn}from"react";import Ne from"clsx";function yt({node:e}){if(e.type==="text"){if(!e.marks||e.marks.length===0)return U(bt,{children:e.text});let t=e.text||"";for(let r of e.marks)r.type==="bold"?t=U("strong",{children:t}):r.type==="italic"?t=U("em",{children:t}):r.type==="underline"?t=U("u",{children:t}):r.type==="strike"?t=U("s",{children:t}):r.type==="textStyle"&&r.attrs?.color&&(t=U("span",{style:{color:r.attrs.color},children:t}));return U(bt,{children:t})}return e.type==="paragraph"?U("span",{className:"block",children:e.content?.map((t,r)=>U(yt,{node:t},r))??U("br",{})}):e.type==="hardBreak"?U("br",{}):e.content?U("span",{className:"block",children:e.content.map((t,r)=>U(yt,{node:t},r))}):null}function on({nodes:e}){return U("span",{className:"block space-y-1 text-amber-900",children:e.map((t,r)=>U(yt,{node:t},r))})}function an({hint:e}){let t=Q(),[r,o]=wt(!1),[n,a]=wt(!1),i=Qt(null);return it(()=>{if(!n)return;let d=u=>{i.current&&!i.current.contains(u.target)&&(a(!1),o(!1))};return document.addEventListener("mousedown",d),()=>document.removeEventListener("mousedown",d)},[n]),ot("span",{ref:i,className:"relative inline-flex items-center align-middle",onMouseEnter:()=>o(!0),onMouseLeave:()=>{n||o(!1)},children:[U("button",{type:"button",onClick:d=>{d.stopPropagation(),n?(a(!1),o(!1)):(a(!0),o(!0))},className:Ne("w-4 h-4 rounded-full text-white text-[10px] font-bold","inline-flex items-center justify-center leading-none","transition-colors cursor-pointer select-none",n?"bg-amber-500":"bg-amber-400 hover:bg-amber-500"),"aria-label":t.showHint,children:"?"}),r&&U("span",{className:Ne("absolute bottom-full left-1/2 -translate-x-1/2 mb-2 z-50","min-w-[180px] max-w-[300px] w-max","bg-amber-50 border border-amber-200 rounded-lg shadow-lg","px-3 py-2 text-sm"),onClick:d=>d.stopPropagation(),children:U(on,{nodes:e})})]})}function qe({node:e,validationFeedback:t}){let r=oe(),o=Q(),{id:n,attrs:a}=e,{placeholder:i="___",width:l="auto",hint:s}=a,c=Qt(null),d=i.trim().split(/\s+/).filter(Boolean).length,u=l==="auto"&&d>=4,[m,f]=wt(""),g=t?.showFeedback??!1,k=t?.state,C=k==="validating",N=t?.displayAnswer;it(()=>{let _=P=>{let p=P.answers.find(S=>S.nodeId===n&&S.type==="blank");p&&"mode"in p.answer&&p.answer.mode==="typed"&&"text"in p.answer&&f(p.answer.text)};return r.on("answers:prefill",_),()=>r.off("answers:prefill",_)},[n,r]),it(()=>{r.emit({type:"answer:changed",answer:{nodeId:n,type:"blank",timestamp:Date.now(),answer:{mode:"typed",text:m}}})},[m,n,r]);let h=_=>{f(_.target.value)},j=nn(()=>{let _=c.current;_&&(_.style.height="auto",_.style.height=`${_.scrollHeight}px`)},[]);it(()=>{j()},[m,j]);let x=Ne("font-semibold outline-none","border border-gray-300 border-t border-x border-b-2 rounded-sm","leading-tight text-center text-base sm:text-lg lg:text-2xl"),w=g&&!C;return ot("span",{className:Ne("inline-flex flex-wrap items-center gap-x-1 gap-y-0.5 align-middle max-w-full",u&&"w-full"),children:[U("span",{className:Ne("relative inline-block shrink-0 min-w-0 max-w-full",u&&"w-full flex-1"),children:w?U("span",{className:Ne(x,"inline-block min-w-[2ch] max-w-full px-1 cursor-default overflow-x-auto",u&&"w-full",k==="correct"&&"border-lime-400 border-b-lime-500 bg-lime-50 text-lime-900 animate-hop",k==="partial"&&"border-amber-400 border-b-amber-500 bg-amber-50 text-amber-900",k==="incorrect"&&"border-rose-400 border-b-rose-500 bg-rose-50 text-rose-900 animate-wobble line-through"),children:m||U("span",{className:"opacity-40",children:i})}):ot(bt,{children:[U("textarea",{ref:c,placeholder:i,value:m,onChange:h,disabled:g,rows:1,className:Ne(x,"inline-block min-w-[7ch] max-w-full px-1 cursor-text resize-none overflow-hidden align-middle",!g&&"border-sky-300 bg-sky-50",C&&"border-purple-300 bg-purple-50"),style:l!=="auto"?{width:l}:u?{width:"100%"}:{width:`${Math.max(7,m.length+1)}ch`,maxWidth:"100%"}}),!m&&!C&&U("span",{className:"absolute right-1 top-1/2 -translate-y-1/2 text-gray-400 pointer-events-none text-sm",children:"\u270E"}),C&&U("span",{className:"absolute inset-0 flex items-center justify-center pointer-events-none",children:U("span",{className:"inline-block w-3 h-3 border-2 border-purple-400 border-t-transparent rounded-full animate-spin","aria-label":o.aiEvaluationInProgressAria})})]})}),g&&k==="incorrect"&&N&&ot("span",{className:"font-bold text-lime-600 text-sm sm:text-base break-words min-w-0",children:["(",N,")"]}),s&&s.length>0&&U(an,{hint:s})]})}import{jsx as kt,Fragment as er,jsxs as zt}from"react/jsx-runtime";import{useEffect as tr}from"react";import mn from"clsx";import{useDroppable as fn,useDndContext as un}from"@dnd-kit/core";import{jsx as sn}from"react/jsx-runtime";import{createContext as ln,useCallback as ye,useContext as cn,useMemo as Jt,useRef as dn,useState as vt}from"react";import{useDndMonitor as pn}from"@dnd-kit/core";var Zt=ln(null);function he(){let e=cn(Zt);if(!e)throw new Error("usePool must be used within a PoolProvider");return e}function at({children:e,initialAnswers:t}){let r=oe(),o=Jt(()=>{if(!t)return{};let x={};for(let w of t)w.type==="blank"&&"mode"in w.answer&&w.answer.mode==="choice"&&"choiceId"in w.answer&&w.answer.choiceId&&(x[w.nodeId]={choiceId:w.answer.choiceId,poolId:w.answer.poolId||"",value:w.answer.value||""});return x},[t]),[n,a]=vt(o),[i,l]=vt({}),[s,c]=vt({}),d=dn(new Set),u=ye((x,w)=>{l(_=>{let P=_[x];if(!P){let T=new Set;for(let A of Object.values(n))A.poolId===x&&T.add(A.choiceId);let K=new Set(w.map(A=>A.id).filter(A=>!T.has(A)));return{..._,[x]:{choices:w,available:K}}}let z=new Set(P.choices.map(T=>T.id)),p=new Set(w.map(T=>T.id));if(!(w.some(T=>!z.has(T.id))||P.choices.some(T=>!p.has(T.id))))return _;let b=new Set;for(let T of P.available)p.has(T)&&b.add(T);for(let T of w)z.has(T.id)||b.add(T.id);return{..._,[x]:{choices:w,available:b}}})},[n]),m=ye((x,w)=>{c(_=>{let P=_[x]??[];return P.includes(w)?_:{..._,[x]:[...P,w]}}),!d.current.has(w)&&!n[w]&&(d.current.add(w),r.emit({type:"answer:changed",answer:{nodeId:w,type:"blank",timestamp:Date.now(),answer:{mode:"choice",choiceId:"",poolId:x,value:""}}}))},[n,r]),f=ye(x=>(s[x]??[]).find(_=>!n[_])??null,[s,n]),g=ye((x,w,_,P)=>{a(z=>{let p=z[x];return p&&l(S=>{let b=S[p.poolId];if(!b)return S;let T=new Set(b.available);return T.add(p.choiceId),{...S,[p.poolId]:{...b,available:T}}}),{...z,[x]:{choiceId:_,value:P,poolId:w}}}),l(z=>{let p=z[w];if(!p)return z;let S=new Set(p.available);return S.delete(_),{...z,[w]:{...p,available:S}}}),r.emit({type:"answer:changed",answer:{nodeId:x,type:"blank",timestamp:Date.now(),answer:{mode:"choice",choiceId:_,poolId:w,value:P}}})},[r]),k=ye(x=>{let w=n[x];if(!w)return;let{poolId:_,choiceId:P}=w;l(z=>{let p=z[_];if(!p)return z;let S=new Set(p.available);return S.add(P),{...z,[_]:{...p,available:S}}}),a(z=>{let{[x]:p,...S}=z;return S}),r.emit({type:"answer:changed",answer:{nodeId:x,type:"blank",timestamp:Date.now(),answer:{mode:"choice",choiceId:"",poolId:_,value:""}}})},[n,r]),C=ye((x,w)=>i[x]?.available.has(w)??!1,[i]),N=ye((x,w)=>i[x]?.choices.find(_=>_.id===w),[i]),h=ye(()=>{a({}),l(x=>{let w={};for(let[_,P]of Object.entries(x))w[_]={choices:P.choices,available:new Set(P.choices.map(z=>z.id))};return w});for(let[x,w]of Object.entries(s))for(let _ of w)r.emit({type:"answer:changed",answer:{nodeId:_,type:"blank",timestamp:Date.now(),answer:{mode:"choice",choiceId:"",poolId:x,value:""}}})},[s,r]);pn({onDragEnd(x){window.dispatchEvent(new CustomEvent("dnd-drop",{detail:{active:x.active,over:x.over}}))}});let j=Jt(()=>({blanks:n,pools:i,registerPool:u,registerBlank:m,fill:g,back:k,isAvailable:C,getChoice:N,firstEmptyBlank:f,resetAllAnswers:h}),[n,i,u,m,g,k,C,N,f,h]);return sn(Zt.Provider,{value:j,children:e})}function Ve({node:e,validationFeedback:t}){let{id:r,attrs:o}=e,{poolId:n,placeholder:a="___"}=o,{blanks:i,fill:l,back:s,getChoice:c,registerBlank:d}=he(),u=Q(),m=i[r],f=!!m?.choiceId,g=t?.showFeedback??!1,k=t?.state,C=t?.correctChoiceIds??[],N=g&&k==="incorrect"&&C.length>0?c(n||"",C[0]):void 0,h=N?N.html.replace(/<\/?[^>]+(>|$)/g,""):void 0,{setNodeRef:j,isOver:x}=fn({id:r,data:{type:"blank",blankId:r,poolId:n}}),{active:w}=un(),_=!!w&&w.data.current?.poolId===n;return tr(()=>{d(n||"",r)},[n,r,d]),tr(()=>{let p=S=>{let b=S,{active:T,over:K}=b.detail||{};if(!K||K.id!==r)return;let{choiceId:A,poolId:I}=T?.data.current||{};if(!A||I!==n)return;let O=c(n||"",A);if(!O)return;let F=O.html.replace(/<\/?[^>]+(>|$)/g,"");l(r,n||"",A,F)};return window.addEventListener("dnd-drop",p),()=>window.removeEventListener("dnd-drop",p)},[r,n,c,l]),zt(er,{children:[kt("span",{ref:j,onClick:()=>{f&&!g&&s(r)},className:mn("inline-flex items-center justify-center min-w-[4ch] px-2 py-0.5","rounded-md border-2 transition-all duration-150",f&&!g&&"cursor-pointer group/blank",!f&&"cursor-default",x&&"border-sky-400 bg-sky-50 scale-105",!x&&_&&!f&&!g&&"border-sky-300 border-dashed bg-sky-50/40",!f&&!x&&!_&&"border-dashed border-gray-400 text-gray-400",f&&!g&&!x&&"border-blue-400 bg-blue-50 text-blue-900",g&&k==="correct"&&"border-lime-500 bg-lime-50 text-lime-900 animate-[hop_0.4s_ease]",g&&k==="partial"&&"border-amber-400 bg-amber-50 text-amber-900 animate-[hop_0.4s_ease]",g&&k==="incorrect"&&"border-rose-500 bg-rose-50 text-rose-900 animate-[wobble_0.35s_ease]"),title:f&&!g?u.clickToRemove:void 0,"data-node-id":r,"data-pool-id":n,children:f?zt(er,{children:[kt("span",{children:m.value}),kt("span",{className:"ml-1 opacity-0 group-hover/blank:opacity-60 text-xs leading-none transition-opacity",children:"\xD7"})]}):a}),h&&zt("span",{className:"blank-correct-hint",children:["(",h,")"]})]})}import{jsx as Rt,jsxs as xn}from"react/jsx-runtime";import{useEffect as nr,useState as bn}from"react";import wn from"clsx";import{jsx as rr}from"react/jsx-runtime";import gn from"clsx";import{useDraggable as hn}from"@dnd-kit/core";function Ce({poolId:e,data:t,isInline:r=!1}){let{isAvailable:o,firstEmptyBlank:n,fill:a}=he(),{id:i,html:l}=t,s=!o(e,i),{setNodeRef:c,attributes:d,listeners:u,transform:m,isDragging:f}=hn({id:i,data:{type:"choice",choiceId:i,poolId:e,html:l},disabled:s});if(s)return null;let g=h=>h.replace(/<\/?[^>]+(>|$)/g,""),k=()=>{let h=n(e);if(h){let j=g(l);a(h,e,i,j)}},C=m?{transform:`translate3d(${m.x}px, ${m.y}px, 0)`}:void 0;return rr(r?"span":"div",{ref:c,style:C,className:gn("inline-block","px-3 py-1.5 rounded-full","border border-gray-200 bg-white","select-none touch-manipulation","transition-all duration-150","hover:bg-blue-50 hover:border-blue-300",f?"opacity-50 shadow-lg cursor-grabbing":"cursor-grab",r&&"mx-1"),...d,...u,onClick:k,children:rr("span",{dangerouslySetInnerHTML:{__html:l},className:"pointer-events-none whitespace-pre-wrap break-words"})})}function He({node:e}){let t=Q(),{id:r,attrs:o,content:n}=e,{shuffle:a=!0,equalWidth:i=!1}=o,{registerPool:l}=he(),[s,c]=bn(()=>n.map(u=>({id:u.id,html:Y(u.content)})));nr(()=>{let u=n.map(m=>({id:m.id,html:Y(m.content)}));c(a?[...u].map(m=>({v:m,r:Math.random()})).sort((m,f)=>m.r-f.r).map(m=>m.v):u)},[a,JSON.stringify(n)]),nr(()=>{l(r,s)},[r,s,l]);let d=i?"grid grid-cols-[repeat(auto-fit,minmax(10rem,1fr))] gap-2":"flex flex-wrap gap-2";return xn("div",{className:"my-4 relative rounded-lg border border-gray-200 bg-gray-50 p-4",children:[Rt("div",{className:"mb-2 text-xs font-medium text-gray-400 uppercase tracking-wide select-none",children:t.wordBank}),Rt("div",{className:wn(d),children:s.map(u=>Rt(Ce,{poolId:r,data:u},u.id))})]})}import{jsx as Nt,jsxs as yn}from"react/jsx-runtime";import{useEffect as or,useState as vn}from"react";function Ge({node:e}){let{id:t,attrs:r,content:o}=e,{shuffle:n=!0,separator:a=" "}=r,{registerPool:i}=he(),[l,s]=vn(()=>o.map(c=>({id:c.id,html:Y(c.content,{stripParagraphs:!0})})));return or(()=>{let c=o.map(d=>({id:d.id,html:Y(d.content,{stripParagraphs:!0})}));s(n?[...c].map(d=>({v:d,r:Math.random()})).sort((d,u)=>d.r-u.r).map(d=>d.v):c)},[n,JSON.stringify(o)]),or(()=>{i(t,l)},[t,l,i]),Nt("span",{style:{display:"inline-flex",flexWrap:"wrap",gap:"0.25rem",alignItems:"center"},children:l.map((c,d)=>yn("span",{children:[Nt(Ce,{poolId:t,data:c,isInline:!0}),d<l.length-1&&Nt("span",{children:a})]},c.id))})}import{jsx as ar}from"react/jsx-runtime";import{useState as Tt,useEffect as At}from"react";import{jsx as G,jsxs as ve}from"react/jsx-runtime";import{useState as _t,useMemo as St,useRef as Ct,useCallback as kn,useLayoutEffect as zn}from"react";var Te=[{bg:"#dbeafe",border:"#3b82f6",badge:"#1e40af"},{bg:"#f3e8ff",border:"#a855f7",badge:"#6b21a8"},{bg:"#cffafe",border:"#06b6d4",badge:"#164e63"},{bg:"#fce7f3",border:"#ec4899",badge:"#831843"},{bg:"#ffedd5",border:"#f97316",badge:"#7c2d12"},{bg:"#f1f5f9",border:"#64748b",badge:"#1e293b"},{bg:"#e0e7ff",border:"#6366f1",badge:"#3730a3"},{bg:"#fdf4ff",border:"#c026d3",badge:"#86198f"}];function ir({leftItems:e,rightItems:t,connections:r,direction:o,disabled:n,feedback:a,onConnectionsChange:i}){let[l,s]=_t(null),[c,d]=_t(null),[u,m]=_t(new Map),f=Ct(null),g=Ct(new Map),k=Ct("mouse"),C=a?.showFeedback??!1,N=St(()=>{let y=new Map;if(a?.pairFeedback)for(let R of a.pairFeedback)y.set(`${R.leftId}-${R.rightId}`,R.correct);return y},[a]),h=St(()=>{let y=new Map;return a?.correctPairings?.forEach(R=>y.set(R.leftId,R.rightId)),y},[a]),j=St(()=>{let y=new Map;return a?.correctPairings?.forEach(R=>y.set(R.rightId,R.leftId)),y},[a]),x=new Map,w=new Map;r.forEach((y,R)=>{x.set(y.leftId,R),w.set(y.rightId,R)});let _=y=>{let R=r[y];if(C&&R){let L=N.get(`${R.leftId}-${R.rightId}`);if(L===!0)return{bg:"#dcfce7",border:"#22c55e",badge:"#14532d"};if(L===!1)return{bg:"#fee2e2",border:"#ef4444",badge:"#7f1d1d"}}return Te[y%Te.length]},P=kn(()=>{if(!f.current)return;let y=f.current.getBoundingClientRect(),R=new Map;g.current.forEach((L,$)=>{if(L){let B=L.getBoundingClientRect();R.set($,new DOMRect(B.left-y.left,B.top-y.top,B.width,B.height))}}),m(R)},[]);zn(()=>{P();let y=new ResizeObserver(P);return f.current&&y.observe(f.current),()=>y.disconnect()},[P,r,e,t]);let z=8,p=(y,R)=>{let L=u.get(y);if(!L)return null;let $=L.y+L.height/2;return R==="left"?{x:L.x+L.width,y:$}:{x:L.x-z,y:$}},S=(y,R)=>{if(n)return;let $=(R==="left"?x:w).has(y),B=l?.id===y&&l?.side===R,le=l!==null&&l.side!==R;if(B){s(null);return}if(le){let J=R==="right"?l.id:y,re=R==="left"?l.id:y,H=r.filter(ee=>ee.leftId!==J&&ee.rightId!==re);H.push({leftId:J,rightId:re}),i(H),s(null);return}if($&&!l){let J=R==="left"?r.filter(re=>re.leftId!==y):r.filter(re=>re.rightId!==y);i(J);return}s({id:y,side:R})},b=(y,R,L)=>{if(n||(k.current=L.pointerType,L.pointerType==="touch"))return;L.currentTarget.setPointerCapture(L.pointerId);let $=f.current.getBoundingClientRect();d({fromId:y,fromSide:R,x:L.clientX-$.left,y:L.clientY-$.top,overId:null,overSide:null})},T=y=>{if(!c)return;let R=f.current.getBoundingClientRect(),L=y.clientX-R.left,$=y.clientY-R.top,B=c.fromSide==="left"?"right":"left",le=B==="left"?e:t,J=null,re=null;for(let H of le){let ee=u.get(H.id);if(ee&&L>=ee.x&&L<=ee.x+ee.width&&$>=ee.y&&$<=ee.y+ee.height){J=H.id,re=B;break}}d(H=>H?{...H,x:L,y:$,overId:J,overSide:re}:null)},K=y=>{if(!c)return;let R=f.current.getBoundingClientRect(),L=y.clientX-R.left,$=y.clientY-R.top,B=p(c.fromId,c.fromSide);if((B?Math.hypot(L-B.x,$-B.y):999)<8){d(null),S(c.fromId,c.fromSide);return}if(c.overId&&c.overSide){let J=c.fromSide==="left"?c.fromId:c.overId,re=c.fromSide==="right"?c.fromId:c.overId,H=r.filter(ee=>ee.leftId!==J&&ee.rightId!==re);H.push({leftId:J,rightId:re}),i(H)}d(null),s(null)},A=(y,R)=>{if(!C)return null;let $=(R==="left"?x:w).get(y.id);if($!==void 0){let B=r[$];if(N.get(`${B.leftId}-${B.rightId}`)===!0)return null}if(R==="left"){let B=h.get(y.id);return t.find(le=>le.id===B)?.content??null}else{let B=j.get(y.id);return e.find(le=>le.id===B)?.content??null}},I=(y,R)=>{let $=(R==="left"?x:w).get(y.id),B=$!==void 0,le=l?.id===y.id&&l?.side===R,J=l!==null&&l.side!==R&&!B,re=c?.overId===y.id&&c?.overSide===R,H=B?_($):null,ee=B?$+1:null,pe="matching-player__item";B&&(pe+=" matching-player__item--matched"),le&&(pe+=" matching-player__item--selected"),(J||re)&&(pe+=" matching-player__item--available"),n&&(pe+=" matching-player__item--disabled");let q=A(y,R);return ve("button",{ref:ne=>{ne?g.current.set(y.id,ne):g.current.delete(y.id)},type:"button",className:pe,style:H?{backgroundColor:H.bg,borderColor:H.border}:void 0,onPointerDown:ne=>b(y.id,R,ne),onClick:()=>{k.current==="touch"&&S(y.id,R)},"aria-pressed":le,children:[R==="right"&&G("span",{className:"matching-player__connector matching-player__connector--right","aria-hidden":!0,children:ve("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:[G("circle",{cx:"9",cy:"9",r:"8",stroke:"currentColor",strokeWidth:"1.5",fill:"currentColor",fillOpacity:"0.08"}),G("path",{d:"M12 9H6M8.5 6.5L6 9l2.5 2.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}),B&&R==="left"&&G("span",{className:"matching-player__pair-num",style:H?{background:H.border,color:"#fff"}:void 0,"aria-hidden":!0,children:ee}),G("span",{className:"matching-player__item-text",dangerouslySetInnerHTML:{__html:Y(y.content)}}),q&&ve("span",{className:"matching-player__correct-hint",children:["(",G("span",{dangerouslySetInnerHTML:{__html:Y(q)}}),")"]}),B&&R==="right"&&G("span",{className:"matching-player__pair-num",style:H?{background:H.border,color:"#fff"}:void 0,"aria-hidden":!0,children:ee}),R==="left"&&G("span",{className:"matching-player__connector matching-player__connector--left","aria-hidden":!0,children:ve("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:[G("circle",{cx:"9",cy:"9",r:"8",stroke:"currentColor",strokeWidth:"1.5",fill:"currentColor",fillOpacity:"0.08"}),G("path",{d:"M6 9h6M9.5 6.5L12 9l-2.5 2.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})]},y.id)},O=o==="ltr"?e:t,F=o==="ltr"?t:e,W=o==="ltr"?"left":"right",Z=o==="ltr"?"right":"left";return ve("div",{ref:f,className:`matching-player__arena${c?" matching-player__arena--dragging":""}`,onPointerMove:T,onPointerUp:K,children:[ve("svg",{className:"matching-player__svg","aria-hidden":!0,children:[ve("defs",{children:[Te.map((y,R)=>G("marker",{id:`mp-arrow-${R}`,markerWidth:"8",markerHeight:"6",refX:"8",refY:"3",orient:"auto",children:G("polygon",{points:"0 0, 8 3, 0 6",fill:y.border})},R)),G("marker",{id:"mp-arrow-correct",markerWidth:"8",markerHeight:"6",refX:"8",refY:"3",orient:"auto",children:G("polygon",{points:"0 0, 8 3, 0 6",fill:"#22c55e"})}),G("marker",{id:"mp-arrow-incorrect",markerWidth:"8",markerHeight:"6",refX:"8",refY:"3",orient:"auto",children:G("polygon",{points:"0 0, 8 3, 0 6",fill:"#ef4444"})}),G("marker",{id:"mp-arrow-ghost",markerWidth:"8",markerHeight:"6",refX:"8",refY:"3",orient:"auto",children:G("polygon",{points:"0 0, 8 3, 0 6",fill:"#94a3b8"})})]}),r.map((y,R)=>{let L=p(y.leftId,"left"),$=p(y.rightId,"right");if(!L||!$)return null;let B=Math.abs($.x-L.x)*.4,le=`M ${L.x} ${L.y} C ${L.x+B} ${L.y}, ${$.x-B} ${$.y}, ${$.x} ${$.y}`,J=C?N.get(`${y.leftId}-${y.rightId}`):void 0,re=J===!0?"#22c55e":J===!1?"#ef4444":Te[R%Te.length].border,H=J===!0?"mp-arrow-correct":J===!1?"mp-arrow-incorrect":`mp-arrow-${R%Te.length}`;return G("path",{d:le,stroke:re,strokeWidth:"2.5",fill:"none",markerEnd:`url(#${H})`},`${y.leftId}-${y.rightId}`)}),c&&(()=>{let y=p(c.fromId,c.fromSide);if(!y)return null;let R=Math.abs(c.x-y.x)*.35,L=`M ${y.x} ${y.y} C ${y.x+R} ${y.y}, ${c.x-R} ${c.y}, ${c.x} ${c.y}`;return G("path",{d:L,stroke:"#94a3b8",strokeWidth:"2",strokeDasharray:"6 4",fill:"none",markerEnd:"url(#mp-arrow-ghost)"})})()]}),ve("div",{className:"matching-player__columns",children:[G("div",{className:"matching-player__column",children:O.map(y=>I(y,W))}),G("div",{className:"matching-player__column",children:F.map(y=>I(y,Z))})]})]})}function sr(e){return[...e].map(t=>({v:t,r:Math.random()})).sort((t,r)=>t.r-r.r).map(t=>t.v)}function Ye({node:e,validationFeedback:t}){let r=oe(),{id:o,attrs:n,leftItems:a,rightItems:i}=e,{direction:l,shuffle:s}=n,[c,d]=Tt(a),[u,m]=Tt(i);At(()=>{s?(d(sr(a)),m(sr(i))):(d(a),m(i))},[s,JSON.stringify(a),JSON.stringify(i)]);let[f,g]=Tt([]),k=t?.showFeedback??!1;return At(()=>{let N=h=>{let x=h.answers.find(w=>w.nodeId===o&&w.type==="matchingSet");x&&"connections"in x.answer&&g(x.answer.connections)};return r.on("answers:prefill",N),()=>r.off("answers:prefill",N)},[r,o]),At(()=>{r.emit({type:"answer:changed",answer:{nodeId:o,type:"matchingSet",timestamp:Date.now(),answer:{connections:f}}})},[r,o,f]),ar("div",{className:"matching-player",children:ar(ir,{leftItems:c,rightItems:u,connections:f,direction:l,disabled:k,feedback:t,onConnectionsChange:N=>{k||g(N)}})})}import{jsxs as Ae,jsx as ke,Fragment as Rn}from"react/jsx-runtime";import{useState as lr,useEffect as Pt,useRef as Nn,useCallback as cr}from"react";import Ee from"clsx";function Qe({node:e,validationFeedback:t}){let r=oe(),o=Q(),{id:n,attrs:a}=e,{placeholder:i,minWords:l=0,maxWords:s=500}=a,[c,d]=lr(""),[u,m]=lr(0),f=t?.showFeedback??!1,g=t?.state,k=s<=30,C=cr(p=>p.trim().split(/\s+/).filter(Boolean).length,[]),N=u>=l&&u<=s;Pt(()=>{let p=S=>{let T=S.answers?.find(K=>K.nodeId===n&&K.type==="aiAnswer");if(T&&T.answer?.text!=null){let K=T.answer.text;d(K),m(C(K))}};return r.on("answers:prefill",p),()=>r.off("answers:prefill",p)},[n,r,C]),Pt(()=>{let p=()=>{d(""),m(0)};return r.on("answers:reset",p),()=>r.off("answers:reset",p)},[r]);let h=Nn(null),j=cr((p,S)=>{h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{r.emit({type:"answer:changed",answer:{nodeId:n,type:"aiAnswer",timestamp:Date.now(),answer:{text:p,wordCount:S}}})},300)},[n,r]);Pt(()=>{r.emit({type:"answer:changed",answer:{nodeId:n,type:"aiAnswer",timestamp:Date.now(),answer:{text:"",wordCount:0}}})},[]);let x=p=>{if(f)return;let S=C(p);d(p),m(S),j(p,S)},w=Ee("text-xs px-2 py-0.5 rounded-full font-medium",N?"bg-green-100 text-green-800":u>s?"bg-red-100 text-red-800":"bg-amber-100 text-amber-800"),_=Ee("w-full rounded border bg-white transition-colors",!f&&"border-sky-300 focus:border-sky-500 focus:outline-none",f&&g==="correct"&&"border-lime-400 bg-lime-50",f&&g==="partial"&&"border-amber-400 bg-amber-50",f&&g==="incorrect"&&"border-rose-400 bg-rose-50",f&&!g&&"border-gray-300 bg-gray-50"),P=g==="validating",z=p=>Number.isInteger(p)?String(p):p.toFixed(2);return Ae("div",{className:"my-4 rounded-lg border border-blue-100 bg-blue-50 p-2 space-y-3",children:[Ae("div",{className:"flex justify-end gap-2",children:[Ae("span",{className:w,children:[u," / ",s]}),l>0&&u<l&&ke("span",{className:"text-xs px-2 py-0.5 rounded-full bg-orange-100 text-orange-700 font-medium",children:o.minWordsLabel(l)})]}),k?ke("input",{type:"text",value:c,onChange:p=>x(p.target.value),placeholder:i??o.shortAnswerPlaceholder,disabled:f,className:Ee(_,"px-3 py-2 text-base")}):ke("textarea",{value:c,onChange:p=>x(p.target.value),placeholder:i??o.longAnswerPlaceholder,disabled:f,rows:5,className:Ee(_,"px-3 py-2 text-base resize-y min-h-[120px]")}),f&&t&&ke("div",{className:Ee("rounded p-3 text-sm space-y-1",g==="correct"&&"bg-lime-50 text-lime-900 border border-lime-200",g==="partial"&&"bg-amber-50 text-amber-900 border border-amber-200",g==="incorrect"&&"bg-rose-50 text-rose-900 border border-rose-200",!g&&"bg-gray-50 text-gray-700 border border-gray-200"),children:P?Ae("div",{className:"flex items-center gap-2 text-purple-600 text-sm py-2",children:[ke("span",{className:"animate-spin inline-block",children:"\u2699"}),ke("span",{children:o.aiEvaluationInProgress})]}):Ae(Rn,{children:[t.message&&ke("p",{children:t.message}),t.score!=null&&t.maxScore!=null&&ke("div",{className:"flex justify-end",children:Ae("span",{className:"font-mono text-xs px-2 py-0.5 rounded bg-white/60 border border-current/20",children:[z(t.score)," / ",z(t.maxScore)]})})]})})]})}import{Fragment as dr,jsx as v,jsxs as D}from"react/jsx-runtime";import{useState as ie,useEffect as ue,useRef as fe,useCallback as st}from"react";import{useEditor as _n,EditorContent as Sn}from"@tiptap/react";import Cn from"@tiptap/starter-kit";import ae from"clsx";function fr(e){return e.trim().split(/\s+/).filter(Boolean).length}function ur(e){return e.length}function Tn(e){let t=r=>r.map(o=>(o.text??"")+(o.content?t(o.content):"")).join(" ");return fr(t(e))}function An(e){let t=r=>r.map(o=>(o.text??"")+(o.content?t(o.content):"")).join("");return ur(t(e))}function Mt({node:e}){if(e.type==="text"){if(!e.marks||e.marks.length===0)return v(dr,{children:e.text});let t=e.text||"";for(let r of e.marks)r.type==="bold"?t=v("strong",{children:t}):r.type==="italic"?t=v("em",{children:t}):r.type==="underline"?t=v("u",{children:t}):r.type==="strike"?t=v("s",{children:t}):r.type==="textStyle"&&r.attrs?.color&&(t=v("span",{style:{color:r.attrs.color},children:t}));return v(dr,{children:t})}return e.type==="paragraph"?v("span",{className:"block",children:e.content?.map((t,r)=>v(Mt,{node:t},r))??v("br",{})}):e.type==="hardBreak"?v("br",{}):e.content?v("span",{className:"block",children:e.content.map((t,r)=>v(Mt,{node:t},r))}):null}function Pn({nodes:e}){return v("span",{className:"block space-y-1 text-amber-900",children:e.map((t,r)=>v(Mt,{node:t},r))})}function Mn({hint:e}){let t=Q(),[r,o]=ie(!1),[n,a]=ie(!1),i=fe(null);return ue(()=>{if(!n)return;let l=s=>{i.current&&!i.current.contains(s.target)&&(a(!1),o(!1))};return document.addEventListener("mousedown",l),()=>document.removeEventListener("mousedown",l)},[n]),D("span",{ref:i,className:"relative inline-flex items-center align-middle",onMouseEnter:()=>o(!0),onMouseLeave:()=>{n||o(!1)},children:[v("button",{type:"button",onClick:l=>{l.stopPropagation(),n?(a(!1),o(!1)):(a(!0),o(!0))},className:ae("w-4 h-4 rounded-full text-white text-[10px] font-bold","inline-flex items-center justify-center leading-none","transition-colors cursor-pointer select-none",n?"bg-amber-500":"bg-amber-400 hover:bg-amber-500"),"aria-label":t.showHint,children:"?"}),r&&v("span",{className:ae("absolute bottom-full left-1/2 -translate-x-1/2 mb-2 z-50","min-w-[180px] max-w-[300px] w-max","bg-amber-50 border border-amber-200 rounded-lg shadow-lg","px-3 py-2 text-sm"),onClick:l=>l.stopPropagation(),children:v(Pn,{nodes:e})})]})}function pr(e){if(!isFinite(e.duration)){e.currentTime=1e101;let t=()=>{e.currentTime=0,e.removeEventListener("timeupdate",t)};e.addEventListener("timeupdate",t)}}function In(e){return/youtube\.com|youtu\.be/i.test(e)?"youtube":/vimeo\.com/i.test(e)?"vimeo":"other"}function Ln(e){let t=e.match(/[?&]v=([^&]+)/)||e.match(/youtu\.be\/([^?]+)/)||e.match(/embed\/([^?]+)/);return t?t[1]:null}function mr(e){let t=Math.floor(e/60),r=e%60;return`${t}:${r.toString().padStart(2,"0")}`}function Je({node:e,validationFeedback:t,readOnly:r=!1,mediaHandler:o}){let n=oe(),a=Q(),{id:i,attrs:l}=e,{mode:s,placeholder:c,allowFormatting:d,wordLimit:u,characterLimit:m,allowedTypes:f,allowMultiple:g,fileInstructions:k,maxDuration:C,hint:N}=l,h=r||(t?.showFeedback??!1),j=t?.state,x=fe(null),w=st(p=>{x.current&&clearTimeout(x.current),x.current=setTimeout(()=>{let S=p.files?.map(b=>({url:b.url,mimeType:b.kind==="videoLink"?"video/x-link":b.mimeType,name:b.kind==="videoLink"?void 0:b.name,duration:b.kind==="videoLink"?void 0:b.duration}));n.emit({type:"answer:changed",answer:{nodeId:i,type:"openResponse",timestamp:Date.now(),answer:{...p,files:S}}})},300)},[i,n]);ue(()=>{w({})},[]);let[_,P]=ie([]);ue(()=>{(s==="file"||s==="text+file")&&s==="file"&&w({files:_})},[_,s]),ue(()=>{let p=()=>{P([])};return n.on("answers:reset",p),()=>n.off("answers:reset",p)},[n]),ue(()=>{let p=S=>{let T=(S.answers??[]).find(K=>K.nodeId===i&&K.type==="openResponse");T?.answer?.files&&P(T.answer.files)};return n.on("answers:prefill",p),()=>n.off("answers:prefill",p)},[i,n]);let z=ae(!t?.showFeedback&&"border-indigo-300",t?.showFeedback&&j==="correct"&&"border-lime-400 bg-lime-50",t?.showFeedback&&j==="partial"&&"border-amber-400 bg-amber-50",t?.showFeedback&&j==="incorrect"&&"border-rose-400 bg-rose-50",t?.showFeedback&&j==="awaiting_review"&&"border-violet-300 bg-violet-50");return D("div",{className:"my-3 space-y-2",children:[!h&&N&&N.length>0&&v("div",{className:"flex justify-end",children:v(Mn,{hint:N})}),s==="text"&&v(gr,{nodeId:i,placeholder:c,allowFormatting:d,wordLimit:u,characterLimit:m,isDisabled:h,feedbackBorderClass:z,emitAnswer:p=>w({text:p}),answerBus:n}),s==="file"&&v(It,{allowedTypes:f??["image"],allowMultiple:!!g,fileInstructions:k,isDisabled:h,feedbackBorderClass:z,files:_,setFiles:P,mediaHandler:o,t:a}),(s==="audio"||s==="video"||s==="screen")&&v(Bn,{kind:s,maxDuration:C,isDisabled:h,feedbackBorderClass:z,mediaHandler:o,emitAnswer:p=>w({recording:p}),t:a}),s==="text+file"&&v($n,{nodeId:i,placeholder:c,allowFormatting:d,wordLimit:u,characterLimit:m,allowedTypes:f??["image"],allowMultiple:!!g,fileInstructions:k,isDisabled:h,feedbackBorderClass:z,files:_,setFiles:P,emitAnswer:w,answerBus:n,mediaHandler:o,t:a}),t?.showFeedback&&j==="awaiting_review"&&D("div",{className:"flex items-center gap-2 text-violet-600 text-sm bg-violet-50 border border-violet-200 rounded px-3 py-2",children:[v("span",{className:"animate-pulse",children:"\u23F3"}),v("span",{children:a.openResponseAwaitingReview})]}),t?.showFeedback&&j!=="awaiting_review"&&t.teacherFeedback&&v(Fn,{feedback:t.teacherFeedback,feedbackState:j,score:t.score,t:a})]})}function gr({nodeId:e,placeholder:t,allowFormatting:r,wordLimit:o,characterLimit:n,isDisabled:a,feedbackBorderClass:i,emitAnswer:l,answerBus:s}){let c=Q(),[d,u]=ie(""),[m,f]=ie(0),[g,k]=ie(0),C=fe(null),N=st(()=>{let A=C.current;A&&(A.style.height="auto",A.style.height=`${A.scrollHeight}px`)},[]),h=_n({extensions:[Cn.configure({heading:!1,blockquote:!1,codeBlock:!1,horizontalRule:!1})],immediatelyRender:!1,editable:!a,content:"",onUpdate({editor:A}){if(a)return;let O=A.getJSON().content??[],F=Tn(O),W=An(O);f(F),k(W),l({content:O,wordCount:F})}});ue(()=>{h&&h.setEditable(!a)},[a,h]);let j=fe(null);ue(()=>{h&&j.current!==null&&(h.commands.setContent({type:"doc",content:j.current}),j.current=null)},[h]),ue(()=>{let A=I=>{let O=(I.answers??[]).find(W=>W.nodeId===e&&W.type==="openResponse");if(!O?.answer?.text)return;let F=O.answer.text.content??[];if(r)h?h.commands.setContent({type:"doc",content:F}):j.current=F;else{let W=F.flatMap(Z=>Z.content?.map(we=>we.text??"")??[Z.text??""]).join(`
|
|
2
|
-
`);u(W),setTimeout(N,0)}};return s.on("answers:prefill",A),()=>s.off("answers:prefill",A)},[e,s,r,h]),ue(()=>{let A=()=>{r&&h?h.commands.clearContent():(u(""),setTimeout(N,0)),f(0),k(0)};return s.on("answers:reset",A),()=>s.off("answers:reset",A)},[s,r,h,N]);let x=!!o,w=!!n&&!o,_=x?m:g,P=x?o?.max:n?.max,z=x?o?.min:n?.min,p=P!=null&&_>P,S=P!=null&&_>=P*.8&&!p,b=z!=null&&_<z&&_>0,T=ae("text-xs tabular-nums",p&&"text-rose-500 font-medium",S&&"text-amber-500",b&&"text-amber-500",!p&&!S&&!b&&"text-gray-400"),K=x?P?`${m} / ${P} ${c.openResponseWords}`:z?`${m} ${c.openResponseWords} (min. ${z})`:`${m} ${c.openResponseWords}`:w?P?`${g} / ${P} ${c.openResponseChars}`:`${g} ${c.openResponseChars}`:null;return r?D("div",{className:"relative",children:[D("div",{className:ae("rounded border transition-colors min-h-[120px]",i),children:[!a&&D("div",{className:"sticky top-0 z-10 flex gap-1 px-2 pt-1.5 pb-1 border-b border-gray-100 bg-white rounded-t",children:[[{label:"B",cmd:"toggleBold",style:"font-bold"},{label:"I",cmd:"toggleItalic",style:"italic"}].map(({label:A,cmd:I,style:O})=>v("button",{type:"button",onMouseDown:F=>{F.preventDefault(),h?.chain().focus()?.[I]().run()},className:`text-xs px-1.5 py-0.5 rounded hover:bg-gray-100 ${O}`,children:A},A)),v("button",{type:"button",onMouseDown:A=>{A.preventDefault(),h?.chain().focus().toggleBulletList().run()},className:"text-xs px-1.5 py-0.5 rounded hover:bg-gray-100",children:"\u2022\u2014"})]}),v(Sn,{editor:h,className:"prose prose-sm max-w-none p-3 outline-none [&_.ProseMirror]:min-h-[80px] [&_.ProseMirror]:outline-none"})]}),K&&v("div",{className:ae("absolute bottom-2 right-3",T),children:K})]}):D("div",{className:"relative",children:[v("textarea",{ref:C,value:d,onChange:A=>{if(a)return;let I=A.target.value;u(I);let O=fr(I),F=ur(I);f(O),k(F),N(),l({content:[{type:"paragraph",content:[{type:"text",text:I}]}],wordCount:O})},onInput:N,disabled:a,placeholder:t||c.openResponseTextPlaceholder,rows:4,style:{resize:"none",overflow:"hidden"},className:ae("w-full px-3 py-2 text-base min-h-[100px] rounded border transition-colors outline-none focus:ring-2 focus:ring-indigo-300",i,a&&"cursor-default")}),K&&v("div",{className:ae("absolute bottom-2 right-3",T),children:K})]})}var jn={image:"image/*",pdf:"application/pdf",audio:"audio/*",video:"video/*"},hr={image:"\u{1F5BC}",pdf:"\u{1F4C4}",audio:"\u{1F3B5}",video:"\u{1F3AC}",videoLink:"\u{1F517}"};function It({allowedTypes:e,allowMultiple:t,fileInstructions:r,isDisabled:o,feedbackBorderClass:n,files:a,setFiles:i,mediaHandler:l,t:s,compact:c=!1}){let d=fe(null),[u,m]=ie(!1),[f,g]=ie(!1),[k,C]=ie(""),N=e.some(b=>b!=="videoLink"),h=e.includes("videoLink"),j=t||a.length===0,x=e.filter(b=>b!=="videoLink").map(b=>jn[b]).filter(Boolean).join(","),w=st(b=>{i(T=>t?[...T,b]:[b])},[t,i]),_=st(b=>{i(T=>T.filter((K,A)=>A!==b))},[i]),P=async b=>{if(!(!j||o)){m(!0);try{let T=b.type.startsWith("image/")?"image":b.type==="application/pdf"?"document":b.type.startsWith("audio/")?"audio":b.type.startsWith("video/")?"video":"file";if(l){let K=await l.upload(b,T);w({kind:"file",url:K.url,mimeType:K.mimeType??b.type,name:b.name})}else{let K=URL.createObjectURL(b);w({kind:"file",url:K,mimeType:b.type,name:b.name})}}finally{m(!1)}}},z=async b=>{if(b.preventDefault(),g(!1),o||!j)return;let T=b.dataTransfer.files?.[0];T&&await P(T)},p=()=>{let b=k.trim();b&&(w({kind:"videoLink",url:b,platform:In(b)}),C(""))},S={image:s.openResponseTypeImage,pdf:s.openResponseTypePdf,audio:s.openResponseTypeAudio,video:s.openResponseTypeVideo,videoLink:s.openResponseTypeVideoLink};return D("div",{className:"space-y-2",children:[r&&!c&&v("p",{className:"text-sm text-gray-600 italic",children:r}),a.length>0&&v("div",{className:c?"flex flex-wrap gap-1.5":"space-y-2",children:a.map((b,T)=>v(En,{file:b,onRemove:o?void 0:()=>_(T),compact:c,t:s},T))}),!o&&j&&D("div",{className:"space-y-2",children:[N&&!c&&D("div",{onDragOver:b=>{b.preventDefault(),g(!0)},onDragLeave:()=>g(!1),onDrop:z,className:ae("border-2 border-dashed rounded-lg p-6 text-center transition-colors cursor-pointer",f?"border-indigo-400 bg-indigo-50":n.includes("border-indigo")?"border-indigo-300 hover:border-indigo-400 hover:bg-indigo-50":ae("border-dashed hover:border-indigo-400",n)),onClick:()=>d.current?.click(),children:[v("div",{className:"text-3xl mb-2",children:"\u{1F4C1}"}),v("p",{className:"text-sm font-medium text-gray-600",children:s.openResponseDropZoneLabel}),v("p",{className:"text-xs text-indigo-600 hover:underline mt-0.5",children:s.openResponseDropZoneBrowse}),u&&v("p",{className:"text-xs text-indigo-500 mt-1 animate-pulse",children:s.openResponseUploading}),v("div",{className:"flex flex-wrap justify-center gap-1.5 mt-3",children:e.filter(b=>b!=="videoLink").map(b=>D("span",{className:"text-[10px] px-2 py-0.5 bg-gray-100 text-gray-600 rounded-full",children:[hr[b]," ",S[b]]},b))})]}),N&&c&&v("button",{type:"button",onClick:()=>d.current?.click(),disabled:u,className:"text-xs px-3 py-1.5 rounded border border-dashed border-indigo-300 text-indigo-600 hover:bg-indigo-50 disabled:opacity-50",children:u?s.openResponseUploading:`+ ${s.openResponseAttachFile}`}),v("input",{ref:d,type:"file",accept:x,onChange:async b=>{let T=b.target.files?.[0];T&&(await P(T),b.target.value="")},className:"hidden"}),h&&D("div",{className:"flex gap-2",children:[v("input",{type:"url",value:k,onChange:b=>C(b.target.value),placeholder:s.openResponseVideoLinkPlaceholder,className:"flex-1 text-sm border border-indigo-300 rounded px-2 py-1.5 outline-none focus:border-indigo-500",onKeyDown:b=>{b.key==="Enter"&&(b.preventDefault(),p())}}),v("button",{type:"button",onClick:p,disabled:!k.trim(),className:"text-sm px-3 py-1.5 rounded bg-indigo-600 text-white hover:bg-indigo-700 disabled:opacity-50",children:s.openResponseAddVideoLink})]})]}),o&&a.length===0&&v("p",{className:"text-sm text-gray-400 text-center py-3",children:s.openResponseNoSubmission})]})}function En({file:e,onRemove:t,compact:r,t:o}){if(e.kind==="videoLink"){let n=e.platform==="youtube"?Ln(e.url):null;return D("div",{className:ae("bg-white rounded border border-gray-200",r?"px-2 py-1 flex items-center gap-1.5":"p-3 space-y-1"),children:[n&&!r&&v("iframe",{src:`https://www.youtube.com/embed/${n}`,width:240,height:135,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,className:"rounded w-full"}),v("a",{href:e.url,target:"_blank",rel:"noopener noreferrer",className:"text-xs text-blue-600 underline truncate block max-w-[200px]",children:e.url}),t&&v("button",{type:"button",onClick:t,className:"ml-auto text-gray-400 hover:text-rose-500 text-xs",children:"\u2715"})]})}return D("div",{className:ae("bg-white rounded border border-gray-200",r?"px-2 py-1 flex items-center gap-1.5":"p-2 flex items-center gap-2"),children:[e.mimeType?.startsWith("image/")?v("img",{src:e.url,alt:e.name??"upload",className:r?"h-6 w-6 object-cover rounded":"h-16 w-16 object-cover rounded"}):e.mimeType?.startsWith("audio/")?v("audio",{src:e.url,controls:!0,className:r?"hidden":"h-8 max-w-[240px]"}):e.mimeType?.startsWith("video/")?v("video",{src:e.url,controls:!0,className:r?"hidden":"h-16 max-w-[240px] rounded"}):v("span",{className:"text-lg",children:hr.pdf}),D("div",{className:"flex-1 min-w-0",children:[v("a",{href:e.url,target:"_blank",rel:"noopener noreferrer",className:"text-xs text-gray-700 truncate block hover:underline",children:e.name??o.openResponseFile}),r&&e.mimeType?.startsWith("audio/")&&v("audio",{src:e.url,controls:!0,className:"h-6 max-w-[160px] mt-0.5"})]}),t&&v("button",{type:"button",onClick:t,className:"ml-auto text-gray-400 hover:text-rose-500 text-xs shrink-0",children:"\u2715"})]})}function $n({nodeId:e,placeholder:t,allowFormatting:r,wordLimit:o,characterLimit:n,allowedTypes:a,allowMultiple:i,fileInstructions:l,isDisabled:s,feedbackBorderClass:c,files:d,setFiles:u,emitAnswer:m,answerBus:f,mediaHandler:g,t:k}){let[C,N]=ie(null),[h,j]=ie(!1);return ue(()=>{m({...C&&{text:C},files:d.length>0?d:void 0})},[C,d]),D("div",{className:"space-y-2",children:[v(gr,{nodeId:e,placeholder:t,allowFormatting:r,wordLimit:o,characterLimit:n,isDisabled:s,feedbackBorderClass:c,emitAnswer:x=>N(x),answerBus:f}),!s&&D("div",{children:[D("button",{type:"button",onClick:()=>j(!h),className:"flex items-center gap-1.5 text-xs text-indigo-600 hover:text-indigo-800",children:[v("span",{children:h?"\u25BE":"\u25B8"}),D("span",{children:[k.openResponseAttachFiles,d.length>0&&v("span",{className:"ml-1 bg-indigo-100 text-indigo-700 rounded-full px-1.5 py-0.5 text-[10px]",children:d.length})]})]}),h&&v("div",{className:"mt-1.5",children:v(It,{allowedTypes:a,allowMultiple:i,fileInstructions:l,isDisabled:s,feedbackBorderClass:c,files:d,setFiles:u,mediaHandler:g,t:k,compact:!0})})]}),s&&d.length>0&&D("div",{className:"space-y-1",children:[v("p",{className:"text-xs text-gray-500 font-medium",children:k.openResponseAttachedFiles}),v(It,{allowedTypes:a,allowMultiple:i,isDisabled:!0,feedbackBorderClass:c,files:d,setFiles:u,t:k,compact:!0})]})]})}function Bn({kind:e,maxDuration:t,isDisabled:r,feedbackBorderClass:o,mediaHandler:n,emitAnswer:a,t:i}){let[l,s]=ie("idle"),[c,d]=ie(0),[u,m]=ie(null),[f,g]=ie("audio/webm"),[k,C]=ie(null),N=fe(null),h=fe(null),j=fe([]),x=fe(null),w=fe(null),_=fe(null),P=fe(0);ue(()=>()=>{z(),x.current&&clearInterval(x.current),cancelAnimationFrame(P.current)},[]),ue(()=>{l==="recording"&&e==="audio"&&h.current&&K(h.current)},[l]);let z=()=>{h.current?.getTracks().forEach(A=>A.stop()),h.current=null},p=async()=>{if(!n){C(i.openResponseMediaHandlerRequired);return}C(null),s("requesting");try{let A;if(e==="screen"){let F=await navigator.mediaDevices.getDisplayMedia({video:{cursor:"always"},audio:!1});try{let Z=(await navigator.mediaDevices.getUserMedia({audio:!0})).getAudioTracks()[0];Z&&F.addTrack(Z)}catch{}F.getVideoTracks()[0]?.addEventListener("ended",()=>{N.current?.state==="recording"&&S()}),A=F,w.current&&(w.current.srcObject=A,w.current.play())}else e==="video"?(A=await navigator.mediaDevices.getUserMedia({audio:!0,video:{facingMode:"environment"}}),w.current&&(w.current.srcObject=A,w.current.play())):A=await navigator.mediaDevices.getUserMedia({audio:!0});h.current=A;let I=e==="audio"?"audio/webm":"video/webm";g(I);let O=new MediaRecorder(A,{mimeType:I});N.current=O,j.current=[],O.ondataavailable=F=>{F.data.size>0&&j.current.push(F.data)},O.onstop=()=>{let F=new Blob(j.current,{type:I}),W=URL.createObjectURL(F);m(W),s("reviewing"),z(),cancelAnimationFrame(P.current)},O.start(200),s("recording"),d(0),x.current=setInterval(()=>{d(F=>{let W=F+1;return t&&W>=t&&S(),W})},1e3)}catch{s("idle"),C(i.openResponsePermissionDenied)}},S=()=>{x.current&&(clearInterval(x.current),x.current=null),N.current?.stop()},b=async()=>{if(!u||!n)return;s("submitted");let I=await(await fetch(u)).blob(),O=e==="screen"?"video":e,F=new File([I],"recording.webm",{type:f}),W=await n.upload(F,O);URL.revokeObjectURL(u),a({url:W.url,mimeType:W.mimeType??f,duration:c,kind:O})},T=()=>{u&&URL.revokeObjectURL(u),m(null),d(0),s("idle")},K=A=>{let I=new AudioContext,O=I.createMediaStreamSource(A),F=I.createAnalyser();F.fftSize=64,O.connect(F);let W=new Uint8Array(F.frequencyBinCount),Z=_.current;if(!Z)return;let we=()=>{F.getByteFrequencyData(W);let y=Z.getContext("2d");if(!y)return;y.clearRect(0,0,Z.width,Z.height);let R=Z.width/W.length*2.5,L=0;for(let $=0;$<W.length;$++){let B=W[$]/255*Z.height;y.fillStyle=`hsl(${240+$*2}, 60%, 60%)`,y.fillRect(L,Z.height-B,R,B),L+=R+1}P.current=requestAnimationFrame(we)};we()};return r?v("div",{className:ae("rounded border p-4 text-center text-sm text-gray-400",o),children:i.openResponseRecordingSubmitted}):D("div",{className:ae("rounded border p-4 space-y-3",o),children:[k&&v("p",{className:"text-sm text-rose-500",children:k}),(e==="video"||e==="screen")&&l==="recording"&&v("video",{ref:w,muted:!0,className:"w-full rounded max-h-48 bg-black",playsInline:!0}),e==="audio"&&l==="recording"&&v("canvas",{ref:_,width:300,height:48,className:"w-full rounded bg-gray-900"}),l==="reviewing"&&u&&(e==="audio"?v("audio",{src:u,controls:!0,className:"w-full",onLoadedMetadata:A=>pr(A.currentTarget)}):v("video",{src:u,controls:!0,className:"w-full rounded max-h-48",onLoadedMetadata:A=>pr(A.currentTarget)})),D("div",{className:"flex items-center justify-center gap-3",children:[l==="idle"&&D("button",{type:"button",onClick:p,className:ae("flex flex-col items-center gap-1 px-6 py-3 rounded-full font-medium text-white transition-colors",e==="audio"?"bg-indigo-600 hover:bg-indigo-700":e==="screen"?"bg-teal-600 hover:bg-teal-700":"bg-rose-600 hover:bg-rose-700"),children:[v("span",{className:"text-2xl",children:e==="audio"?"\u{1F399}":e==="screen"?"\u{1F5A5}\uFE0F":"\u{1F3A5}"}),v("span",{className:"text-sm",children:e==="screen"?i.openResponseTapToRecordScreen:i.openResponseTapToRecord})]}),l==="requesting"&&v("p",{className:"text-sm text-gray-500 animate-pulse",children:i.openResponseRequestingPermission}),l==="recording"&&D("div",{className:"flex flex-col items-center gap-2",children:[D("div",{className:"flex items-center gap-2 text-rose-600 font-mono text-lg",children:[v("span",{className:"animate-pulse text-rose-500",children:"\u25CF"}),v("span",{children:mr(c)}),t&&D("span",{className:"text-sm text-gray-400",children:["/ ",mr(t)]})]}),v("button",{type:"button",onClick:S,className:"px-5 py-2 rounded-full bg-rose-600 text-white hover:bg-rose-700 text-sm font-medium",children:i.openResponseStopRecording})]}),l==="reviewing"&&D("div",{className:"flex gap-2",children:[v("button",{type:"button",onClick:T,className:"px-4 py-1.5 rounded border border-gray-300 text-sm hover:bg-gray-50",children:i.openResponseReRecord}),v("button",{type:"button",onClick:b,className:"px-4 py-1.5 rounded bg-indigo-600 text-white text-sm hover:bg-indigo-700",children:i.openResponseConfirmRecording})]}),l==="submitted"&&D("p",{className:"text-sm text-indigo-600",children:["\u2713 ",i.openResponseRecordingSubmitted]})]})]})}function Fn({feedback:e,feedbackState:t,score:r,t:o}){return D("div",{className:ae("rounded p-3 text-sm border",t==="correct"&&"bg-lime-50 border-lime-200 text-lime-900",t==="partial"&&"bg-amber-50 border-amber-200 text-amber-900",t==="incorrect"&&"bg-rose-50 border-rose-200 text-rose-900"),children:[v("p",{className:"text-xs font-medium mb-1 opacity-70",children:o.openResponseTeacherFeedbackLabel}),e.flatMap(n=>n.content?.map(a=>a.text??"")??[n.text??""]).join(" "),r!=null&&D("div",{className:"mt-1 text-right font-mono text-xs opacity-70",children:[r," pts"]})]})}import{jsx as Lt,jsxs as xr}from"react/jsx-runtime";import{useEffect as jt,useRef as Xn,useState as br}from"react";function Kn(e){return e?.showFeedback?e.state==="validating"?"validating":e.state==="correct"?"correct":e.state==="incorrect"?"incorrect":"idle":"idle"}function Ze({nodeId:e,placeholder:t,validationFeedback:r,readOnly:o=!1}){let n=oe(),a=Xn(null),[i,l]=br(""),[s,c]=br(!1),d=Kn(r);return jt(()=>{import("mathlive").then(()=>{c(!0)}).catch(()=>{})},[]),jt(()=>{let f=g=>{let k=g.answers?.find(C=>C.nodeId===e&&C.type==="mathResponse");k?.answer?.latex!==void 0&&(l(k.answer.latex),a.current&&(a.current.value=k.answer.latex))};return n.on("answers:prefill",f),()=>n.off("answers:prefill",f)},[n,e]),jt(()=>{n.emit({type:"answer:changed",answer:{nodeId:e,type:"mathResponse",timestamp:Date.now(),answer:{latex:i}}})},[i,e,n]),xr("div",{dir:"ltr",style:{unicodeBidi:"isolate",margin:"0.5rem 0"},className:"math-response-player",children:[Lt("div",{style:{border:`2px solid ${d==="correct"?"#22c55e":d==="incorrect"?"#ef4444":d==="validating"?"#a855f7":"#6366f1"}`,borderRadius:"0.5rem",padding:"0.375rem 0.5rem",transition:"border-color 0.2s",background:o?"#f8fafc":"white"},children:s?Lt("math-field",{ref:a,value:i,onInput:f=>{let g=f.target?.value??"";l(g)},"virtual-keyboard-mode":"onfocus","smart-fence":"true",style:{width:"100%",minHeight:"2.5rem",fontSize:"1.1rem",outline:"none",opacity:o?.7:1,pointerEvents:o?"none":"auto"}}):Lt("input",{type:"text",value:i,onChange:f=>l(f.target.value),placeholder:t||"Enter LaTeX (e.g. \\frac{x^2}{2})",readOnly:o,style:{width:"100%",border:"none",outline:"none",fontSize:"1rem",fontFamily:"monospace",background:"transparent"}})}),r?.showFeedback&&xr("div",{style:{marginTop:"0.25rem",fontSize:"0.75rem",fontWeight:600,color:d==="correct"?"#16a34a":d==="incorrect"?"#dc2626":"#9333ea"},children:[d==="correct"&&"\u2713 Correct",d==="incorrect"&&"\u2717 Incorrect",d==="validating"&&"\u23F3 Evaluating\u2026"]})]})}import{Fragment as Wn,jsx as Bt,jsxs as Un}from"react/jsx-runtime";import{createContext as qn,useContext as Vn}from"react";import{DndContext as Hn,MouseSensor as Gn,TouchSensor as Yn,KeyboardSensor as Qn,useSensor as Ft,useSensors as Jn}from"@dnd-kit/core";import{jsx as Et}from"react/jsx-runtime";import{DragOverlay as Dn,useDndContext as On}from"@dnd-kit/core";function $t(){let{active:e}=On();if(!e)return null;let t=e.data.current?.html??"";return Et(Dn,{dropAnimation:null,children:Et("div",{style:{display:"inline-block",padding:"0.375rem 0.75rem",borderRadius:"9999px",backgroundColor:"white",border:"1px solid #e5e7eb",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",cursor:"grabbing",maxWidth:"20rem"},children:Et("span",{dangerouslySetInnerHTML:{__html:t},style:{pointerEvents:"none",whiteSpace:"nowrap",lineHeight:"1.25"}})})})}var wr=qn(!1);function lt({children:e}){let t=Vn(wr),r=Ft(Gn,{activationConstraint:{distance:8}}),o=Ft(Yn,{activationConstraint:{delay:120,tolerance:8}}),n=Ft(Qn),a=Jn(r,o,n);return t?Bt(Wn,{children:e}):Bt(wr.Provider,{value:!0,children:Un(Hn,{sensors:a,children:[e,Bt($t,{})]})})}function Pe({content:e,onAnswersChange:t,onSubmit:r,answerBus:o,namespace:n,initialAnswers:a,validationFeedback:i,className:l="",locale:s="en",readOnly:c=!1,mediaHandler:d}){let u=Zn(null);u.current||(u.current=new xe);let m=o??u.current;ct(()=>{a&&a.length>0&&m.prefillAnswers(a)},[a,m]),ct(()=>{if(!t)return;let g=()=>{let k=m.getAllAnswers();t(k)};return m.on("answer:changed",g),()=>m.off("answer:changed",g)},[m,t]),ct(()=>{if(!r)return;let g=k=>{r(k.answers)};return m.on("answer:submitted",g),()=>m.off("answer:submitted",g)},[m,r]),ct(()=>{document.querySelectorAll("[data-audio]").forEach(k=>{let C=k.querySelector("audio"),N=k.querySelector("svg");!C||!N||(k.onclick=()=>{C.paused?(C.play(),N.innerHTML='<path d="M6 4h4v16H6zm8 0h4v16h-4z"/>',N.dataset.icon="pause"):(C.pause(),N.innerHTML='<path d="M6 4v16l12-8z"/>',N.dataset.icon="play")},C.onended=()=>{N.innerHTML='<path d="M6 4v16l12-8z"/>',N.dataset.icon="play"})})},[e]);let f=ge(e,i,{readOnly:c,mediaHandler:d});return $e(je,{locale:s,children:$e(We,{bus:m,children:$e(lt,{children:$e(at,{initialAnswers:a,children:$e("div",{className:`question-runtime ${l}`,"data-namespace":n,style:{fontSize:"1.125rem",lineHeight:"1.75"},children:f})})})})})}import{jsx as yr,jsxs as vr}from"react/jsx-runtime";import{useCallback as eo,useRef as to}from"react";function dt({exercise:e,onAnswersChange:t,validationFeedback:r,renderSharedContext:o,renderQuestion:n,renderSeparator:a,className:i="",locale:l="en"}){let s=to(new Map),c=eo((u,m)=>{if(s.current.set(u,m),t){let f={exerciseId:e.id,questionAnswers:e.questions.map(g=>({questionId:g.id,answers:s.current.get(g.id)??[]}))};t(f)}},[e,t]),d=e.sharedContext?yr("div",{className:"exercise-shared-context",children:ge(e.sharedContext)}):null;return vr("div",{className:`exercise-runtime ${i}`,children:[d&&(o?o(d):d),e.questions.map((u,m)=>{let f=r?.get(u.id),g=yr(Pe,{content:u.content,onAnswersChange:k=>c(u.id,k),validationFeedback:f,locale:l},u.id);return vr("div",{children:[n?n(u,g,m):g,a&&m<e.questions.length-1?a(m):null]},u.id)})]})}import{jsx as kr,jsxs as ro}from"react/jsx-runtime";import{useCallback as no,useEffect as oo,useRef as io}from"react";function _e({assessment:e,onAnswersChange:t,validationFeedback:r,renderExercise:o,renderSharedContext:n,renderSeparator:a,className:i="",brandingConfig:l,locale:s="en"}){let c=io(new Map);oo(()=>{if(!l?.fontUrl)return;let m=`edpire-brand-font-${l.fontUrl.replace(/\W/g,"").slice(-24)}`;if(document.getElementById(m))return;let f=document.createElement("link");f.id=m,f.rel="stylesheet",f.href=l.fontUrl,document.head.appendChild(f)},[l?.fontUrl]);let d={};l?.fontFamily&&(d["--brand-font"]=l.fontFamily);let u=no(m=>{if(c.current.set(m.exerciseId,m),t){let f={exerciseAnswers:e.exercises.map(g=>c.current.get(g.id)??{exerciseId:g.id,questionAnswers:[]})};t(f)}},[e,t]);return kr("div",{className:`assessment-runtime ${i}`,style:Object.keys(d).length?d:void 0,children:e.exercises.map((m,f)=>{let g=r?.get(m.id),k=kr(dt,{exercise:m,onAnswersChange:u,validationFeedback:g,renderSharedContext:n?C=>n(C,m):void 0,locale:s},m.id);return ro("div",{children:[o?o(m,k,f):k,a&&f<e.exercises.length-1?a(f):null]},m.id)})})}import{jsx as fs}from"react/jsx-runtime";import{jsx as pt,Fragment as zr,jsxs as mt}from"react/jsx-runtime";function Me({item:e,className:t,renderFigureLabel:r}){return mt("div",{className:`annex-item-view ${t??""}`,children:[e.type==="text-document"&&mt(zr,{children:[e.title&&pt("h3",{className:"text-base font-semibold mb-2",children:e.title}),ge(e.content)]}),e.type==="figure"&&mt("figure",{children:[ge(e.content),pt("figcaption",{children:r?r(e.label):pt("span",{children:e.label})})]}),e.type==="rich-block"&&mt(zr,{children:[e.title&&pt("h3",{className:"text-base font-semibold mb-2",children:e.title}),ge(e.content)]})]})}import{jsx as ys,jsxs as vs}from"react/jsx-runtime";import{useState as zs}from"react";import{jsx as Cs,jsxs as Ts}from"react/jsx-runtime";import{useState as Ps,useCallback as Ms,useMemo as Is}from"react";import{useEditor as js,EditorContent as Es}from"@tiptap/react";import Bs from"@tiptap/starter-kit";import Xs from"@tiptap/extension-underline";function be(e,{insertAt:t}={}){if(!e||typeof document>"u")return;let r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css",t==="top"&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}be(`@keyframes answer-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}@keyframes hop{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-6%) scale(1.05)}}@keyframes wobble{0%,to{transform:translate(0)}15%,85%{transform:translate(-4px)}30%,70%{transform:translate(4px)}45%,55%{transform:translate(-2px)}}.animate-shake{animation:answer-shake .4s both}.animate-hop{animation:hop .5s ease-out}.animate-wobble{animation:wobble .5s ease}.player-choice{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;width:100%;padding:.75rem 1.25rem;border:2px solid #d1d5db;border-radius:.5rem;background-color:#fff;cursor:pointer;user-select:none;transition:all .2s ease;font-weight:500}.player-choice:hover:not(:disabled){background-color:#eff6ff;border-color:#93c5fd}.player-choice:disabled{cursor:not-allowed}.player-choice>img{flex-shrink:0}.player-choice--selected{background-color:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 2px #93c5fd}.player-choice--correct{background-color:#d1fae5;border-color:#22c55e;box-shadow:0 0 0 2px #86efac}.player-choice--incorrect{background-color:#fee2e2;border-color:#ef4444;box-shadow:0 0 0 2px #fca5a5}.player-choice--partial{background-color:#fef3c7;border-color:#f59e0b;box-shadow:0 0 0 2px #fcd34d}.player-choice--disabled{opacity:.6;cursor:not-allowed}.player-blank-input{display:inline-block;min-width:3ch;padding:.25rem .5rem;border:none;border-bottom:2px solid #d1d5db;background-color:transparent;font-size:inherit;font-family:inherit;transition:all .2s ease;outline:none}.player-blank-input:focus{border-bottom-color:#3b82f6;background-color:#eff6ff}.player-blank-input--correct{border-bottom-color:#22c55e;background-color:#d1fae5;color:#15803d}.player-blank-input--incorrect{border-bottom-color:#ef4444;background-color:#fee2e2;color:#991b1b}.player-blank-input:disabled{opacity:.7;cursor:not-allowed}.exercise-runtime{font-family:var(--brand-font, "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif);font-size:1.25rem;line-height:1.6;color:#1f2937}.exercise-runtime input,.exercise-runtime textarea{font-family:inherit}@media(min-width:640px){.exercise-runtime{font-size:1.5rem}}@media(min-width:768px){.exercise-runtime{font-size:1.5rem}}@media(min-width:1024px){.exercise-runtime{font-size:2.25rem}}@media(min-width:1280px){.exercise-runtime{font-size:2.25rem}}.exercise-runtime :lang(ar),.exercise-runtime [lang=ar],.exercise-runtime [dir=rtl]{direction:rtl;font-family:Arial,Scheherazade New,Amiri,sans-serif;text-align:right}.exercise-runtime p{margin:.5em 0;min-height:1.5em}.exercise-runtime p:empty:after{content:"\\a0";display:inline-block;min-height:1em}.exercise-runtime strong{font-weight:600;color:inherit}.exercise-runtime em{font-style:italic}.exercise-runtime ul,.exercise-runtime ol{list-style:revert;margin-left:1.25rem;padding-left:0}.exercise-runtime img{max-width:100%;height:auto;vertical-align:middle;display:inline-block;margin:0 4px}.exercise-runtime .inline-math{display:inline-block;vertical-align:middle;margin:0 2px}.exercise-runtime .math-formula{display:flex;justify-content:center;margin:1em 0}.choice-set-player{margin:1rem 0}.choice-set-player__prompt{font-weight:600;margin-bottom:.75rem;color:#374151}.choice-set-player__prompt-hint{margin-left:.5rem;font-size:.875rem;opacity:.7;font-weight:400}.choice-set-player__choices{display:flex;flex-direction:column;gap:.75rem}.choice-set-player__choices--grid{display:grid;gap:.75rem;grid-template-columns:1fr}@media(min-width:640px){.choice-set-player__choices--grid{grid-template-columns:repeat(2,1fr)}}.choice-set-player--inline{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.choice-set-player--inline .player-choice{width:auto;padding:.5rem 1rem}.player-choice:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.player-blank-input:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media(prefers-contrast:high){.player-choice{border-width:3px}.player-choice--correct{border-color:#15803d}.player-choice--incorrect{border-color:#991b1b}}@media(prefers-reduced-motion:reduce){.animate-shake,.animate-hop,.animate-wobble{animation:none}.player-choice{transition:none}}@media print{.exercise-runtime{font-size:12pt;color:#000}.player-choice{border:1px solid black;background-color:#fff;page-break-inside:avoid}.player-choice--correct:after{content:" \\2713";font-weight:700}.player-choice--incorrect:after{content:" \\2717";font-weight:700}}.matching-player{margin:1rem 0}.matching-player__instruction{display:none}.matching-player__arena{position:relative;display:flex;flex-direction:column;gap:.5rem}.matching-player__arena--dragging{user-select:none;touch-action:none}.matching-player__svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}.matching-player__columns{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;position:relative}.matching-player__column{display:flex;flex-direction:column;gap:.5rem}.matching-player__item{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:.625rem;background:#fff;text-align:left;transition:border-color .15s,background .15s,box-shadow .15s,transform .1s;font-size:inherit;font-family:inherit;color:inherit;min-height:52px;user-select:none;-webkit-tap-highlight-color:transparent}.matching-player__item:not(.matching-player__item--disabled){cursor:grab}.matching-player__item:not(.matching-player__item--disabled):active{cursor:grabbing}.matching-player__item:hover:not(.matching-player__item--disabled){border-color:#94a3b8;background:#f8fafc}.matching-player__item--selected{border-color:#3b82f6!important;background:#eff6ff!important;box-shadow:0 0 0 3px #3b82f640;transform:scale(1.02)}.matching-player__item--available{border-color:#93c5fd;border-style:dashed}.matching-player__item--available:hover{border-color:#3b82f6;border-style:solid;background:#f0f9ff}.matching-player__item--matched{border-width:2px}.matching-player__item--matched:hover:not(.matching-player__item--disabled){filter:brightness(.96)}.matching-player__item--disabled{cursor:default;pointer-events:none}.matching-player__item-text{flex:1;min-width:0;line-height:1.4}.matching-player__item-text p{margin:0}.matching-player__pair-num{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:.7rem;font-weight:700;line-height:1}.matching-player__connector{flex-shrink:0;color:#94a3b8;display:flex;align-items:center;transition:color .2s,transform .2s;border-radius:50%}.matching-player__item:hover .matching-player__connector{color:#3b82f6;transform:scale(1.25)}.matching-player__connector--left{order:10;margin-left:6px}.matching-player__connector--right{order:-1;margin-right:6px}.matching-player__correct-hint{width:100%;order:20;font-weight:700;color:#15803d;font-size:.82em;line-height:1.4;padding-top:.1em;word-break:break-word}.matching-player__correct-hint p{display:inline;margin:0}.matching-player__item:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}.blank-correct-hint{display:inline;font-weight:700;color:#16a34a;font-size:.875em;margin-left:.3em;word-break:break-word}@keyframes matching-pulse{0%{opacity:.5}to{opacity:1}}@media(prefers-reduced-motion:reduce){.matching-player__item{transition:none}}@media(max-width:600px){.matching-player__columns{gap:1rem}.matching-player__item{padding:.5rem .6rem;min-height:44px;font-size:.875rem;gap:.35rem}.matching-player__item:not(.matching-player__item--disabled){cursor:pointer}.matching-player__item:not(.matching-player__item--disabled):active{cursor:pointer}.matching-player__connector svg{width:15px;height:15px}}.math-inline,.math-block,.math-response-player,.katex,.katex-display{direction:ltr;unicode-bidi:isolate}
|
|
1
|
+
import xo,{useMemo as bo}from"react";import{jsx as $e}from"react/jsx-runtime";import{useEffect as ct,useRef as io}from"react";import Hr from"mitt";var xe=class{constructor(){this.emitter=Hr(),this.answers=new Map}emit(t){if(t.type==="answer:changed")this.answers.set(t.answer.nodeId,t.answer);else if(t.type==="answers:reset")this.answers.clear();else if(t.type==="answers:prefill")for(let r of t.answers)this.answers.set(r.nodeId,r);this.emitter.emit(t.type,t)}on(t,r){this.emitter.on(t,r)}off(t,r){this.emitter.off(t,r)}getAllAnswers(){return Array.from(this.answers.values())}clearAnswers(){this.answers.clear(),this.emit({type:"answers:reset"})}prefillAnswers(t){this.emit({type:"answers:prefill",answers:t})}submitAnswers(){this.emit({type:"answer:submitted",answers:this.getAllAnswers(),timestamp:Date.now()})}},qt="__edpireGlobalAnswerBus",Wt=globalThis,Xe=Wt[qt]??(Wt[qt]=new xe);import{jsx as Vr}from"react/jsx-runtime";import{createContext as Gr,useContext as Qr}from"react";var Ht="__edpireAnswerBusContext",Vt=globalThis,Gt=Vt[Ht]??(Vt[Ht]=Gr(Xe));function oe(){return Qr(Gt)}function Ue({children:e,bus:t=new xe}){return Vr(Gt.Provider,{value:t,children:e})}import{Fragment as Yt,jsx as H,jsxs as Re}from"react/jsx-runtime";import{Fragment as on,useState as rt,useEffect as tt,useRef as sn}from"react";import nt from"clsx";import{jsx as j}from"react/jsx-runtime";import Yr from"katex";import"katex/dist/contrib/mhchem.js";var Jr={"\\d":"\\mathrm{d}","\\R":"\\mathbb{R}","\\N":"\\mathbb{N}","\\Z":"\\mathbb{Z}","\\Q":"\\mathbb{Q}","\\C":"\\mathbb{C}"};function ht(e,t,r=!0){try{return Yr.renderToString(e,{displayMode:t,output:r?"htmlAndMathml":"html",throwOnError:!1,errorColor:"#cc0000",macros:Jr,strict:!1})}catch(i){return`<span class="katex-error" style="color:#cc0000" title="${String(i)}">${e}</span>`}}function ge(e,t,r){return j("div",{className:"exercise-content",children:e.content.map((i,n)=>me(i,`node-${n}`,t,r))})}function me(e,t,r,i){switch(e.type){case"choiceSet":case"inlineChoiceSet":return j(qe,{node:e,validationFeedback:r?.get(e.id)},t);case"blank":return e.attrs.mode==="typed"?j(We,{node:e,validationFeedback:r?.get(e.id)},t):j(He,{node:e,validationFeedback:r?.get(e.id)},t);case"blankPool":return j(Ve,{node:e},t);case"inlinePool":return j(Ge,{node:e},t);case"matchingSet":return j(Qe,{node:e,validationFeedback:r?.get(e.id)},t);case"aiAnswerInput":return j(Ye,{node:e,validationFeedback:r?.get(e.id)},t);case"openResponseNode":return j(Je,{node:e,validationFeedback:r?.get(e.id),readOnly:i?.readOnly,mediaHandler:i?.mediaHandler},t);case"mathResponse":return j(Ze,{nodeId:e.id,placeholder:e.attrs?.placeholder,validationFeedback:r?.get(e.id),readOnly:i?.readOnly},t);case"aiEvaluationConfig":return null;case"paragraph":{let n=e.attrs,s=n?.textAlign,o=n?.dir||void 0;return j("p",{dir:o,style:s?{textAlign:s}:void 0,children:e.content?.map((l,a)=>me(l,`${t}-${a}`,r,i))},t)}case"heading":{let n=`h${e.attrs.level}`,s=e.attrs,o=s?.textAlign,l=s?.dir||void 0;return j(n,{dir:l,style:o?{textAlign:o}:void 0,children:e.content?.map((a,c)=>me(a,`${t}-${c}`,r,i))},t)}case"text":{let n=e,s=n.text??"",o=n.marks??[];if(o.length===0)return j("span",{children:s},t);let l={};for(let c of o)c.type==="textStyle"&&(c.attrs?.color&&(l.color=c.attrs.color),c.attrs?.fontSize&&(l.fontSize=c.attrs.fontSize),c.attrs?.fontFamily&&(l.fontFamily=c.attrs.fontFamily));let a=s;for(let c of o)switch(c.type){case"bold":a=j("strong",{children:a});break;case"italic":a=j("em",{children:a});break;case"underline":a=j("u",{children:a});break;case"strike":a=j("s",{children:a});break;case"code":a=j("code",{children:a});break;case"subscript":a=j("sub",{children:a});break;case"superscript":a=j("sup",{children:a});break}return j("span",{style:Object.keys(l).length>0?l:void 0,children:a},t)}case"hardBreak":return j("br",{},t);case"resizableImage":return j("img",{src:e.attrs?.src||void 0,alt:e.attrs?.alt||"",style:{display:"inline-block",verticalAlign:"middle",width:e.attrs?.width||"auto",height:e.attrs?.height||"auto",maxWidth:"100%"}},t);case"resizableAudio":return j("span",{style:{display:"inline-flex",verticalAlign:"middle",alignItems:"center",background:"#f1f5f9",borderRadius:"8px",padding:"4px 8px",maxWidth:"100%"},children:j("audio",{controls:!0,src:e.attrs?.src||void 0,style:{display:"block",width:"320px",maxWidth:"100%"}})},t);case"resizableVideo":return j("video",{src:e.attrs?.src||void 0,controls:!0,style:{display:"inline-block",verticalAlign:"middle",width:e.attrs?.width||"auto",height:e.attrs?.height||"auto",maxWidth:"100%"}},t);case"youtubeEmbed":return j("iframe",{src:`https://www.youtube.com/embed/${e.attrs?.videoId||""}`,width:e.attrs?.width||480,height:e.attrs?.height||270,allowFullScreen:!0,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",style:{display:"inline-block",verticalAlign:"middle",border:0}},t);case"inlineMath":return j("span",{dir:"ltr",style:{unicodeBidi:"isolate",display:"inline-block"},className:"math-inline",dangerouslySetInnerHTML:{__html:ht(e.attrs?.latex??"",!1,!0)}},t);case"blockMath":return j("div",{dir:"ltr",style:{unicodeBidi:"isolate",textAlign:"center",margin:"1em 0"},className:"math-block",dangerouslySetInnerHTML:{__html:ht(e.attrs?.latex??"",!0,!0)}},t);case"variable":return j("span",{className:"variable",children:`{${e.attrs?.name}}`},t);default:{let n=e;return n.type==="bulletList"?j("ul",{style:{listStyleType:"disc",paddingLeft:"1.5em",margin:"0.5em 0"},children:n.content?.map((s,o)=>me(s,`${t}-${o}`,r,i))},t):n.type==="orderedList"?j("ol",{style:{listStyleType:"decimal",paddingLeft:"1.5em",margin:"0.5em 0"},children:n.content?.map((s,o)=>me(s,`${t}-${o}`,r,i))},t):n.type==="listItem"?j("li",{children:n.content?.map((s,o)=>me(s,`${t}-${o}`,r,i))},t):n.type==="table"?j("div",{style:{overflowX:"auto",margin:"1.25rem 0"},children:j("table",{style:{borderCollapse:"collapse",width:"100%",tableLayout:"fixed"},children:j("tbody",{children:n.content?.map((s,o)=>me(s,`${t}-${o}`,r,i))})})},t):n.type==="tableRow"?j("tr",{children:n.content?.map((s,o)=>me(s,`${t}-${o}`,r,i))},t):n.type==="tableCell"?j("td",{colSpan:n.attrs?.colspan,rowSpan:n.attrs?.rowspan,style:{border:"1px solid #d1d5db",padding:"6px 8px",verticalAlign:"top"},children:n.content?.map((s,o)=>me(s,`${t}-${o}`,r,i))},t):n.type==="tableHeader"?j("th",{colSpan:n.attrs?.colspan,rowSpan:n.attrs?.rowspan,style:{border:"1px solid #d1d5db",padding:"6px 8px",verticalAlign:"top",background:"#f3f4f6",fontWeight:600},children:n.content?.map((s,o)=>me(s,`${t}-${o}`,r,i))},t):(console.warn(`Unknown node type during interpretation: ${e.type}`),null)}}}function Q(e,t){return e.map(r=>{if(r.type==="text"){let i=Zr(r.text??""),n=r.marks??[],s=[];for(let o of n)o.type==="textStyle"&&(o.attrs?.color&&s.push(`color:${o.attrs.color}`),o.attrs?.fontSize&&s.push(`font-size:${o.attrs.fontSize}`),o.attrs?.fontFamily&&s.push(`font-family:${o.attrs.fontFamily}`));s.length>0&&(i=`<span style="${s.join(";")}">${i}</span>`);for(let o of n)switch(o.type){case"bold":i=`<strong>${i}</strong>`;break;case"italic":i=`<em>${i}</em>`;break;case"underline":i=`<u>${i}</u>`;break;case"strike":i=`<s>${i}</s>`;break;case"code":i=`<code>${i}</code>`;break;case"subscript":i=`<sub>${i}</sub>`;break;case"superscript":i=`<sup>${i}</sup>`;break}return i}if(r.type==="paragraph"){let i=r.content?Q(r.content,t):"",n=r.attrs?.dir,s=r.attrs?.textAlign,o=n?` dir="${n}"`:"",l=s?` style="text-align:${s}"`:"";return t?.stripParagraphs?i:`<p${o}${l}>${i}</p>`}if(r.type==="hardBreak")return"<br/>";if(r.type==="table")return`<div style="overflow-x:auto;margin:1.25rem 0"><table style="border-collapse:collapse;width:100%;table-layout:fixed"><tbody>${r.content?Q(r.content,t):""}</tbody></table></div>`;if(r.type==="tableRow")return`<tr>${r.content?Q(r.content,t):""}</tr>`;if(r.type==="tableCell"){let i=r.content?Q(r.content,t):"",n=r.attrs?.colspan?` colspan="${r.attrs.colspan}"`:"",s=r.attrs?.rowspan?` rowspan="${r.attrs.rowspan}"`:"";return`<td${n}${s} style="border:1px solid #d1d5db;padding:6px 8px;vertical-align:top">${i}</td>`}if(r.type==="tableHeader"){let i=r.content?Q(r.content,t):"",n=r.attrs?.colspan?` colspan="${r.attrs.colspan}"`:"",s=r.attrs?.rowspan?` rowspan="${r.attrs.rowspan}"`:"";return`<th${n}${s} style="border:1px solid #d1d5db;padding:6px 8px;vertical-align:top;background:#f3f4f6;font-weight:600">${i}</th>`}return r.type==="bulletList"?`<ul style="list-style-type:disc;padding-left:1.5em">${r.content?Q(r.content,t):""}</ul>`:r.type==="orderedList"?`<ol style="list-style-type:decimal;padding-left:1.5em">${r.content?Q(r.content,t):""}</ol>`:r.type==="listItem"?`<li>${r.content?Q(r.content,t):""}</li>`:""}).join("")}function Zr(e){return e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""")}import{jsx as en}from"react/jsx-runtime";import{createContext as tn,useContext as rn}from"react";var Ee={submitButton:"Submit",showHint:"Show hint",clickToRemove:"Click to remove",aiEvaluationInProgress:"AI evaluation in progress\u2026",aiEvaluationInProgressAria:"AI evaluation in progress",shortAnswerPlaceholder:"Short answer\u2026",longAnswerPlaceholder:"Write your answer here\u2026",minWordsLabel:e=>`Min: ${e}`,wordBank:"Word Bank",chooseN:e=>`(choose ${e})`,annexDefaultLabel:"Documents",annexOpen:e=>`Open ${e}`,annexClose:"Close",openResponseTextPlaceholder:"Write your answer here\u2026",openResponseWords:"words",openResponseChars:"chars",openResponseDropZoneLabel:"Drag & drop files here, or",openResponseDropZoneBrowse:"browse",openResponseUploading:"Uploading\u2026",openResponseNoSubmission:"No submission",openResponseFile:"File",openResponseAttachFile:"Attach a file",openResponseAttachFiles:"Attach files",openResponseAttachedFiles:"Attached files",openResponseTypeImage:"Image",openResponseTypePdf:"PDF",openResponseTypeAudio:"Audio",openResponseTypeVideo:"Video",openResponseTypeVideoLink:"Video link",openResponseVideoLinkPlaceholder:"Paste YouTube or Vimeo URL\u2026",openResponseAddVideoLink:"Add",openResponseTapToRecord:"Tap to start recording",openResponseTapToRecordScreen:"Click to start screen recording",openResponseRequestingPermission:"Requesting permission\u2026",openResponsePermissionDenied:"Microphone/camera access denied. Please allow access in your browser settings.",openResponseMediaHandlerRequired:"A media handler is required to save recordings.",openResponseStopRecording:"Stop",openResponseReRecord:"Re-record",openResponseConfirmRecording:"Use this recording",openResponseRecordingSubmitted:"Recording submitted",openResponseAwaitingReview:"Submitted \u2014 awaiting teacher review",openResponseTeacherFeedbackLabel:"Teacher feedback",openResponseGradeThisResponse:"Grade this response",openResponseGradeScoreLabel:e=>`Score (max ${e})`,openResponseGradeFeedbackLabel:"Feedback (optional)",openResponseGradeFeedbackPlaceholder:"Add feedback for the student\u2026",openResponseSubmitGrade:"Submit Grade",openResponseGradeSubmitted:(e,t)=>`Grade submitted: ${e} / ${t}`,openResponseRubricTitle:"Rubric",openResponseRubricCriterionPoints:(e,t)=>`${e} / ${t} pts`,openResponseAiSuggestionTitle:"AI Pre-grading Suggestion",openResponseAiSuggestedScore:(e,t)=>`Suggested score: ${e} / ${t}`,openResponseAiEvidence:"Evidence:",openResponseAiApplySuggestion:"Apply suggestion",openResponseStudentAnswerTitle:"Student answer"};var et={submitButton:"Valider",showHint:"Voir l'indice",clickToRemove:"Cliquer pour retirer",aiEvaluationInProgress:"\xC9valuation IA en cours\u2026",aiEvaluationInProgressAria:"\xC9valuation IA en cours",shortAnswerPlaceholder:"R\xE9ponse courte\u2026",longAnswerPlaceholder:"\xC9cris ta r\xE9ponse ici\u2026",minWordsLabel:e=>`Min. : ${e}`,wordBank:"Banque de mots",chooseN:e=>`(choisir ${e})`,annexDefaultLabel:"Documents",annexOpen:e=>`Ouvrir ${e}`,annexClose:"Fermer",openResponseTextPlaceholder:"\xC9cris ta r\xE9ponse ici\u2026",openResponseWords:"mots",openResponseChars:"car.",openResponseDropZoneLabel:"Glisse-d\xE9pose des fichiers ici, ou",openResponseDropZoneBrowse:"parcourir",openResponseUploading:"Envoi en cours\u2026",openResponseNoSubmission:"Aucun fichier d\xE9pos\xE9",openResponseFile:"Fichier",openResponseAttachFile:"Joindre un fichier",openResponseAttachFiles:"Joindre des fichiers",openResponseAttachedFiles:"Fichiers joints",openResponseTypeImage:"Image",openResponseTypePdf:"PDF",openResponseTypeAudio:"Audio",openResponseTypeVideo:"Vid\xE9o",openResponseTypeVideoLink:"Lien vid\xE9o",openResponseVideoLinkPlaceholder:"Coller un lien YouTube ou Vimeo\u2026",openResponseAddVideoLink:"Ajouter",openResponseTapToRecord:"Appuyer pour d\xE9marrer l'enregistrement",openResponseTapToRecordScreen:"Cliquer pour d\xE9marrer l'enregistrement d'\xE9cran",openResponseRequestingPermission:"Demande d'autorisation\u2026",openResponsePermissionDenied:"Acc\xE8s au micro/cam\xE9ra refus\xE9. Autorise l'acc\xE8s dans les param\xE8tres du navigateur.",openResponseMediaHandlerRequired:"Un gestionnaire de m\xE9dias est requis pour sauvegarder les enregistrements.",openResponseStopRecording:"Arr\xEAter",openResponseReRecord:"R\xE9enregistrer",openResponseConfirmRecording:"Utiliser cet enregistrement",openResponseRecordingSubmitted:"Enregistrement soumis",openResponseAwaitingReview:"Soumis \u2014 en attente de correction par l'enseignant",openResponseTeacherFeedbackLabel:"Commentaire de l'enseignant",openResponseGradeThisResponse:"Corriger cette r\xE9ponse",openResponseGradeScoreLabel:e=>`Note (max ${e})`,openResponseGradeFeedbackLabel:"Commentaire (facultatif)",openResponseGradeFeedbackPlaceholder:"Ajouter un commentaire pour l'\xE9l\xE8ve\u2026",openResponseSubmitGrade:"Valider la note",openResponseGradeSubmitted:(e,t)=>`Note envoy\xE9e : ${e} / ${t}`,openResponseRubricTitle:"Grille d'\xE9valuation",openResponseRubricCriterionPoints:(e,t)=>`${e} / ${t} pts`,openResponseAiSuggestionTitle:"Suggestion de correction par IA",openResponseAiSuggestedScore:(e,t)=>`Score sugg\xE9r\xE9 : ${e} / ${t}`,openResponseAiEvidence:"Extrait :",openResponseAiApplySuggestion:"Appliquer la suggestion",openResponseStudentAnswerTitle:"R\xE9ponse de l'\xE9l\xE8ve"};var nn={en:Ee,fr:et},Qt=tn(Ee);function Y(){return rn(Qt)}function Le({locale:e="en",children:t}){return en(Qt.Provider,{value:nn[e],children:t})}function xt({node:e}){if(e.type==="text"){if(!e.marks||e.marks.length===0)return H(Yt,{children:e.text});let t=e.text||"";for(let r of e.marks)r.type==="bold"?t=H("strong",{children:t}):r.type==="italic"?t=H("em",{children:t}):r.type==="underline"?t=H("u",{children:t}):r.type==="strike"?t=H("s",{children:t}):r.type==="textStyle"&&r.attrs?.color&&(t=H("span",{style:{color:r.attrs.color},children:t}));return H(Yt,{children:t})}return e.type==="paragraph"?H("span",{className:"block",children:e.content?.map((t,r)=>H(xt,{node:t},r))??H("br",{})}):e.type==="hardBreak"?H("br",{}):e.content?H("span",{className:"block",children:e.content.map((t,r)=>H(xt,{node:t},r))}):null}function an({nodes:e}){return H("span",{className:"block space-y-1 text-amber-900",children:e.map((t,r)=>H(xt,{node:t},r))})}function Jt({hint:e}){let t=Y(),[r,i]=rt(!1),[n,s]=rt(!1),o=sn(null);return tt(()=>{if(!n)return;let d=u=>{o.current&&!o.current.contains(u.target)&&(s(!1),i(!1))};return document.addEventListener("mousedown",d),()=>document.removeEventListener("mousedown",d)},[n]),Re("span",{ref:o,className:"relative inline-flex items-center align-middle",onMouseEnter:()=>i(!0),onMouseLeave:()=>{n||i(!1)},children:[H("button",{type:"button",onClick:d=>{d.stopPropagation(),n?(s(!1),i(!1)):(s(!0),i(!0))},className:nt("w-4 h-4 rounded-full text-white text-[10px] font-bold","inline-flex items-center justify-center leading-none","transition-colors cursor-pointer select-none",n?"bg-amber-500":"bg-amber-400 hover:bg-amber-500"),"aria-label":t.showHint,children:"?"}),r&&H("span",{className:nt("absolute bottom-full left-1/2 -translate-x-1/2 mb-2 z-[9999]","min-w-[180px] max-w-[300px] w-max","bg-amber-50 border border-amber-200 rounded-lg shadow-lg","px-3 py-2 text-sm"),onClick:d=>d.stopPropagation(),children:H(an,{nodes:e})})]})}function ln(e){return[...e].map(t=>({v:t,r:Math.random()})).sort((t,r)=>t.r-r.r).map(t=>t.v)}var cn=e=>e.replace(/ {2,}/g,t=>" ".repeat(t.length-1)+" ");function qe({node:e,validationFeedback:t}){let r=oe(),i=Y(),{id:n,content:s,attrs:o}=e,l=o.shuffle??!1,a="prompt"in o?o.prompt:void 0,c="separator"in o?o.separator??"/":"/",d="pickLimit"in o&&o.pickLimit?o.pickLimit:1,u="layout"in o?o.layout??"row":"row",p=e.type==="inlineChoiceSet",[m,h]=rt(s);tt(()=>{h(l?ln(s):s)},[l,JSON.stringify(s)]);let[y,_]=rt(new Set),R=t?.showFeedback??!1,x=t?.correctChoiceIds||[];tt(()=>{let z=g=>{let w=g.answers.find(A=>A.nodeId===n&&A.type==="choiceSet");w&&"selectedIds"in w.answer&&_(new Set(w.answer.selectedIds))};return r.on("answers:prefill",z),()=>r.off("answers:prefill",z)},[n,r]),tt(()=>{r.emit({type:"answer:changed",answer:{nodeId:n,type:"choiceSet",timestamp:Date.now(),answer:{selectedIds:Array.from(y)}}})},[y,n,r]);let M=z=>{R||_(g=>{let C=new Set(g);return d===1?C.has(z)?C.delete(z):(C.clear(),C.add(z)):C.has(z)?C.delete(z):C.size<d&&C.add(z),C})},f=z=>cn(Q(z.content)),b=z=>{let g=y.has(z),C=x.includes(z);return nt("w-full rounded-lg border-2 px-5 py-2 transition select-none","inline-flex items-center justify-center gap-2 flex-wrap text-sm font-medium","[&>img]:shrink-0","text-base sm:text-lg lg:text-2xl",!R&&!g&&"bg-white hover:bg-blue-50",!R&&g&&"bg-blue-100 border-blue-400 ring-2 ring-blue-300",R&&C&&"bg-green-100 border-green-600 ring-2 ring-green-500 animate-hop",R&&!C&&g&&"bg-red-100 border-red-600 ring-2 ring-red-400 animate-shake",R&&!C&&!g&&"opacity-60")},N=z=>{let g=y.has(z),C=x.includes(z);return nt("rounded border px-1.5 py-0 transition select-none","inline-flex items-center leading-[inherit] text-[0.9em]",!R&&!g&&"bg-white hover:bg-blue-50 border-gray-300",!R&&g&&"bg-blue-100 border-blue-400 ring-1 ring-blue-300",R&&C&&"bg-green-100 border-green-600 ring-1 ring-green-500 animate-hop",R&&!C&&g&&"bg-red-100 border-red-600 ring-1 ring-red-400 animate-shake",R&&!C&&!g&&"opacity-60")};if(p)return Re("span",{className:"inline-choice",children:[a&&Re("span",{className:"mr-2 font-medium",children:[a,d>1?H("span",{className:"ml-1 opacity-60",children:i.chooseN(d)}):null]}),m.map((z,g)=>Re(on,{children:[H("button",{type:"button",disabled:R,onClick:()=>M(z.id),className:N(z.id),"aria-pressed":y.has(z.id),dangerouslySetInnerHTML:{__html:f(z)}}),g<m.length-1&&H("span",{className:"mx-1",children:c})]},z.id)),o.hint&&o.hint.length>0&&H(Jt,{hint:o.hint})]});let P=u==="row"?"grid gap-3 grid-cols-1 sm:grid-cols-2":"flex flex-col gap-3";return Re("div",{className:"cs-player my-4 space-y-3",children:[a&&Re("p",{className:"font-medium",children:[a,d>1?Re("span",{className:"ml-2 text-sm opacity-70",children:["(choose ",d,")"]}):null]}),o.hint&&o.hint.length>0&&H(Jt,{hint:o.hint}),H("div",{className:P,style:u==="row"?{gridAutoRows:"1fr"}:void 0,children:m.map(z=>H("button",{type:"button",disabled:R,onClick:()=>M(z.id),className:b(z.id),"aria-pressed":y.has(z.id),dangerouslySetInnerHTML:{__html:f(z)}},z.id))})]})}import{Fragment as bt,jsx as q,jsxs as ot}from"react/jsx-runtime";import{useState as wt,useEffect as it,useRef as Zt,useCallback as dn}from"react";import Se from"clsx";function yt({node:e}){if(e.type==="text"){if(!e.marks||e.marks.length===0)return q(bt,{children:e.text});let t=e.text||"";for(let r of e.marks)r.type==="bold"?t=q("strong",{children:t}):r.type==="italic"?t=q("em",{children:t}):r.type==="underline"?t=q("u",{children:t}):r.type==="strike"?t=q("s",{children:t}):r.type==="textStyle"&&r.attrs?.color&&(t=q("span",{style:{color:r.attrs.color},children:t}));return q(bt,{children:t})}return e.type==="paragraph"?q("span",{className:"block",children:e.content?.map((t,r)=>q(yt,{node:t},r))??q("br",{})}):e.type==="hardBreak"?q("br",{}):e.content?q("span",{className:"block",children:e.content.map((t,r)=>q(yt,{node:t},r))}):null}function pn({nodes:e}){return q("span",{className:"block space-y-1 text-amber-900",children:e.map((t,r)=>q(yt,{node:t},r))})}function mn({hint:e}){let t=Y(),[r,i]=wt(!1),[n,s]=wt(!1),o=Zt(null);return it(()=>{if(!n)return;let d=u=>{o.current&&!o.current.contains(u.target)&&(s(!1),i(!1))};return document.addEventListener("mousedown",d),()=>document.removeEventListener("mousedown",d)},[n]),ot("span",{ref:o,className:"relative inline-flex items-center align-middle",onMouseEnter:()=>i(!0),onMouseLeave:()=>{n||i(!1)},children:[q("button",{type:"button",onClick:d=>{d.stopPropagation(),n?(s(!1),i(!1)):(s(!0),i(!0))},className:Se("w-4 h-4 rounded-full text-white text-[10px] font-bold","inline-flex items-center justify-center leading-none","transition-colors cursor-pointer select-none",n?"bg-amber-500":"bg-amber-400 hover:bg-amber-500"),"aria-label":t.showHint,children:"?"}),r&&q("span",{className:Se("absolute bottom-full left-1/2 -translate-x-1/2 mb-2 z-50","min-w-[180px] max-w-[300px] w-max","bg-amber-50 border border-amber-200 rounded-lg shadow-lg","px-3 py-2 text-sm"),onClick:d=>d.stopPropagation(),children:q(pn,{nodes:e})})]})}function We({node:e,validationFeedback:t}){let r=oe(),i=Y(),{id:n,attrs:s}=e,{placeholder:o="___",width:l="auto",hint:a}=s,c=Zt(null),d=o.trim().split(/\s+/).filter(Boolean).length,u=l==="auto"&&d>=4,[p,m]=wt(""),h=t?.showFeedback??!1,y=t?.state,_=y==="validating",R=t?.displayAnswer;it(()=>{let N=P=>{let g=P.answers.find(C=>C.nodeId===n&&C.type==="blank");g&&"mode"in g.answer&&g.answer.mode==="typed"&&"text"in g.answer&&m(g.answer.text)};return r.on("answers:prefill",N),()=>r.off("answers:prefill",N)},[n,r]),it(()=>{r.emit({type:"answer:changed",answer:{nodeId:n,type:"blank",timestamp:Date.now(),answer:{mode:"typed",text:p}}})},[p,n,r]);let x=N=>{m(N.target.value)},M=dn(()=>{let N=c.current;N&&(N.style.height="auto",N.style.height=`${N.scrollHeight}px`)},[]);it(()=>{M()},[p,M]);let f=Se("font-semibold outline-none","border border-gray-300 border-t border-x border-b-2 rounded-sm","leading-tight text-center text-base sm:text-lg lg:text-2xl"),b=h&&!_;return ot("span",{className:Se("inline-flex flex-wrap items-center gap-x-1 gap-y-0.5 align-middle max-w-full",u&&"w-full"),children:[q("span",{className:Se("relative inline-block shrink-0 min-w-0 max-w-full",u&&"w-full flex-1"),children:b?q("span",{className:Se(f,"inline-block min-w-[2ch] max-w-full px-1 cursor-default overflow-x-auto",u&&"w-full",y==="correct"&&"border-lime-400 border-b-lime-500 bg-lime-50 text-lime-900 animate-hop",y==="partial"&&"border-amber-400 border-b-amber-500 bg-amber-50 text-amber-900",y==="incorrect"&&"border-rose-400 border-b-rose-500 bg-rose-50 text-rose-900 animate-wobble line-through"),children:p||q("span",{className:"opacity-40",children:o})}):ot(bt,{children:[q("textarea",{ref:c,placeholder:o,value:p,onChange:x,disabled:h,rows:1,className:Se(f,"inline-block min-w-[7ch] max-w-full px-1 cursor-text resize-none overflow-hidden align-middle",!h&&"border-sky-300 bg-sky-50",_&&"border-purple-300 bg-purple-50"),style:l!=="auto"?{width:l}:u?{width:"100%"}:{width:`${Math.max(7,p.length+1)}ch`,maxWidth:"100%"}}),!p&&!_&&q("span",{className:"absolute right-1 top-1/2 -translate-y-1/2 text-gray-400 pointer-events-none text-sm",children:"\u270E"}),_&&q("span",{className:"absolute inset-0 flex items-center justify-center pointer-events-none",children:q("span",{className:"inline-block w-3 h-3 border-2 border-purple-400 border-t-transparent rounded-full animate-spin","aria-label":i.aiEvaluationInProgressAria})})]})}),h&&y==="incorrect"&&R&&ot("span",{className:"font-bold text-lime-600 text-sm sm:text-base break-words min-w-0",children:["(",R,")"]}),a&&a.length>0&&q(mn,{hint:a})]})}import{jsx as kt,Fragment as rr,jsxs as zt}from"react/jsx-runtime";import{useEffect as nr}from"react";import bn from"clsx";import{useDroppable as wn,useDndContext as yn}from"@dnd-kit/core";import{jsx as fn}from"react/jsx-runtime";import{createContext as un,useCallback as ye,useContext as gn,useMemo as er,useRef as hn,useState as vt}from"react";import{useDndMonitor as xn}from"@dnd-kit/core";var tr=un(null);function he(){let e=gn(tr);if(!e)throw new Error("usePool must be used within a PoolProvider");return e}function st({children:e,initialAnswers:t}){let r=oe(),i=er(()=>{if(!t)return{};let f={};for(let b of t)b.type==="blank"&&"mode"in b.answer&&b.answer.mode==="choice"&&"choiceId"in b.answer&&b.answer.choiceId&&(f[b.nodeId]={choiceId:b.answer.choiceId,poolId:b.answer.poolId||"",value:b.answer.value||""});return f},[t]),[n,s]=vt(i),[o,l]=vt({}),[a,c]=vt({}),d=hn(new Set),u=ye((f,b)=>{l(N=>{let P=N[f];if(!P){let A=new Set;for(let T of Object.values(n))T.poolId===f&&A.add(T.choiceId);let O=new Set(b.map(T=>T.id).filter(T=>!A.has(T)));return{...N,[f]:{choices:b,available:O}}}let z=new Set(P.choices.map(A=>A.id)),g=new Set(b.map(A=>A.id));if(!(b.some(A=>!z.has(A.id))||P.choices.some(A=>!g.has(A.id))))return N;let w=new Set;for(let A of P.available)g.has(A)&&w.add(A);for(let A of b)z.has(A.id)||w.add(A.id);return{...N,[f]:{choices:b,available:w}}})},[n]),p=ye((f,b)=>{c(N=>{let P=N[f]??[];return P.includes(b)?N:{...N,[f]:[...P,b]}}),!d.current.has(b)&&!n[b]&&(d.current.add(b),r.emit({type:"answer:changed",answer:{nodeId:b,type:"blank",timestamp:Date.now(),answer:{mode:"choice",choiceId:"",poolId:f,value:""}}}))},[n,r]),m=ye(f=>(a[f]??[]).find(N=>!n[N])??null,[a,n]),h=ye((f,b,N,P)=>{s(z=>{let g=z[f];return g&&l(C=>{let w=C[g.poolId];if(!w)return C;let A=new Set(w.available);return A.add(g.choiceId),{...C,[g.poolId]:{...w,available:A}}}),{...z,[f]:{choiceId:N,value:P,poolId:b}}}),l(z=>{let g=z[b];if(!g)return z;let C=new Set(g.available);return C.delete(N),{...z,[b]:{...g,available:C}}}),r.emit({type:"answer:changed",answer:{nodeId:f,type:"blank",timestamp:Date.now(),answer:{mode:"choice",choiceId:N,poolId:b,value:P}}})},[r]),y=ye(f=>{let b=n[f];if(!b)return;let{poolId:N,choiceId:P}=b;l(z=>{let g=z[N];if(!g)return z;let C=new Set(g.available);return C.add(P),{...z,[N]:{...g,available:C}}}),s(z=>{let{[f]:g,...C}=z;return C}),r.emit({type:"answer:changed",answer:{nodeId:f,type:"blank",timestamp:Date.now(),answer:{mode:"choice",choiceId:"",poolId:N,value:""}}})},[n,r]),_=ye((f,b)=>o[f]?.available.has(b)??!1,[o]),R=ye((f,b)=>o[f]?.choices.find(N=>N.id===b),[o]),x=ye(()=>{s({}),l(f=>{let b={};for(let[N,P]of Object.entries(f))b[N]={choices:P.choices,available:new Set(P.choices.map(z=>z.id))};return b});for(let[f,b]of Object.entries(a))for(let N of b)r.emit({type:"answer:changed",answer:{nodeId:N,type:"blank",timestamp:Date.now(),answer:{mode:"choice",choiceId:"",poolId:f,value:""}}})},[a,r]);xn({onDragEnd(f){window.dispatchEvent(new CustomEvent("dnd-drop",{detail:{active:f.active,over:f.over}}))}});let M=er(()=>({blanks:n,pools:o,registerPool:u,registerBlank:p,fill:h,back:y,isAvailable:_,getChoice:R,firstEmptyBlank:m,resetAllAnswers:x}),[n,o,u,p,h,y,_,R,m,x]);return fn(tr.Provider,{value:M,children:e})}function He({node:e,validationFeedback:t}){let{id:r,attrs:i}=e,{poolId:n,placeholder:s="___"}=i,{blanks:o,fill:l,back:a,getChoice:c,registerBlank:d}=he(),u=Y(),p=o[r],m=!!p?.choiceId,h=t?.showFeedback??!1,y=t?.state,_=t?.correctChoiceIds??[],R=h&&y==="incorrect"&&_.length>0?c(n||"",_[0]):void 0,x=R?R.html.replace(/<\/?[^>]+(>|$)/g,""):void 0,{setNodeRef:M,isOver:f}=wn({id:r,data:{type:"blank",blankId:r,poolId:n}}),{active:b}=yn(),N=!!b&&b.data.current?.poolId===n;return nr(()=>{d(n||"",r)},[n,r,d]),nr(()=>{let g=C=>{let w=C,{active:A,over:O}=w.detail||{};if(!O||O.id!==r)return;let{choiceId:T,poolId:E}=A?.data.current||{};if(!T||E!==n)return;let X=c(n||"",T);if(!X)return;let F=X.html.replace(/<\/?[^>]+(>|$)/g,"");l(r,n||"",T,F)};return window.addEventListener("dnd-drop",g),()=>window.removeEventListener("dnd-drop",g)},[r,n,c,l]),zt(rr,{children:[kt("span",{ref:M,onClick:()=>{m&&!h&&a(r)},className:bn("inline-flex items-center justify-center min-w-[4ch] px-2 py-0.5","rounded-md border-2 transition-all duration-150",m&&!h&&"cursor-pointer group/blank",!m&&"cursor-default",f&&"border-sky-400 bg-sky-50 scale-105",!f&&N&&!m&&!h&&"border-sky-300 border-dashed bg-sky-50/40",!m&&!f&&!N&&"border-dashed border-gray-400 text-gray-400",m&&!h&&!f&&"border-blue-400 bg-blue-50 text-blue-900",h&&y==="correct"&&"border-lime-500 bg-lime-50 text-lime-900 animate-[hop_0.4s_ease]",h&&y==="partial"&&"border-amber-400 bg-amber-50 text-amber-900 animate-[hop_0.4s_ease]",h&&y==="incorrect"&&"border-rose-500 bg-rose-50 text-rose-900 animate-[wobble_0.35s_ease]"),title:m&&!h?u.clickToRemove:void 0,"data-node-id":r,"data-pool-id":n,children:m?zt(rr,{children:[kt("span",{children:p.value}),kt("span",{className:"ml-1 opacity-0 group-hover/blank:opacity-60 text-xs leading-none transition-opacity",children:"\xD7"})]}):s}),x&&zt("span",{className:"blank-correct-hint",children:["(",x,")"]})]})}import{jsx as Rt,jsxs as zn}from"react/jsx-runtime";import{useEffect as ir,useState as Rn}from"react";import Sn from"clsx";import{jsx as or}from"react/jsx-runtime";import vn from"clsx";import{useDraggable as kn}from"@dnd-kit/core";function Ce({poolId:e,data:t,isInline:r=!1}){let{isAvailable:i,firstEmptyBlank:n,fill:s}=he(),{id:o,html:l}=t,a=!i(e,o),{setNodeRef:c,attributes:d,listeners:u,transform:p,isDragging:m}=kn({id:o,data:{type:"choice",choiceId:o,poolId:e,html:l},disabled:a});if(a)return null;let h=x=>x.replace(/<\/?[^>]+(>|$)/g,""),y=()=>{let x=n(e);if(x){let M=h(l);s(x,e,o,M)}},_=p?{transform:`translate3d(${p.x}px, ${p.y}px, 0)`}:void 0;return or(r?"span":"div",{ref:c,style:_,className:vn("inline-block","px-3 py-1.5 rounded-full","border border-gray-200 bg-white","select-none touch-manipulation","transition-all duration-150","hover:bg-blue-50 hover:border-blue-300",m?"opacity-50 shadow-lg cursor-grabbing":"cursor-grab",r&&"mx-1"),...d,...u,onClick:y,children:or("span",{dangerouslySetInnerHTML:{__html:l},className:"pointer-events-none whitespace-pre-wrap break-words"})})}function Ve({node:e}){let t=Y(),{id:r,attrs:i,content:n}=e,{shuffle:s=!0,equalWidth:o=!1}=i,{registerPool:l}=he(),[a,c]=Rn(()=>n.map(u=>({id:u.id,html:Q(u.content)})));ir(()=>{let u=n.map(p=>({id:p.id,html:Q(p.content)}));c(s?[...u].map(p=>({v:p,r:Math.random()})).sort((p,m)=>p.r-m.r).map(p=>p.v):u)},[s,JSON.stringify(n)]),ir(()=>{l(r,a)},[r,a,l]);let d=o?"grid grid-cols-[repeat(auto-fit,minmax(10rem,1fr))] gap-2":"flex flex-wrap gap-2";return zn("div",{className:"my-4 relative rounded-lg border border-gray-200 bg-gray-50 p-4",children:[Rt("div",{className:"mb-2 text-xs font-medium text-gray-400 uppercase tracking-wide select-none",children:t.wordBank}),Rt("div",{className:Sn(d),children:a.map(u=>Rt(Ce,{poolId:r,data:u},u.id))})]})}import{jsx as St,jsxs as Nn}from"react/jsx-runtime";import{useEffect as sr,useState as _n}from"react";function Ge({node:e}){let{id:t,attrs:r,content:i}=e,{shuffle:n=!0,separator:s=" "}=r,{registerPool:o}=he(),[l,a]=_n(()=>i.map(c=>({id:c.id,html:Q(c.content,{stripParagraphs:!0})})));return sr(()=>{let c=i.map(d=>({id:d.id,html:Q(d.content,{stripParagraphs:!0})}));a(n?[...c].map(d=>({v:d,r:Math.random()})).sort((d,u)=>d.r-u.r).map(d=>d.v):c)},[n,JSON.stringify(i)]),sr(()=>{o(t,l)},[t,l,o]),St("span",{style:{display:"inline-flex",flexWrap:"wrap",gap:"0.25rem",alignItems:"center"},children:l.map((c,d)=>Nn("span",{children:[St(Ce,{poolId:t,data:c,isInline:!0}),d<l.length-1&&St("span",{children:s})]},c.id))})}import{jsx as lr}from"react/jsx-runtime";import{useState as At,useEffect as Tt}from"react";import{jsx as G,jsxs as ve}from"react/jsx-runtime";import{useState as Nt,useMemo as _t,useRef as Ct,useCallback as Cn,useLayoutEffect as An}from"react";var Ae=[{bg:"#dbeafe",border:"#3b82f6",badge:"#1e40af"},{bg:"#f3e8ff",border:"#a855f7",badge:"#6b21a8"},{bg:"#cffafe",border:"#06b6d4",badge:"#164e63"},{bg:"#fce7f3",border:"#ec4899",badge:"#831843"},{bg:"#ffedd5",border:"#f97316",badge:"#7c2d12"},{bg:"#f1f5f9",border:"#64748b",badge:"#1e293b"},{bg:"#e0e7ff",border:"#6366f1",badge:"#3730a3"},{bg:"#fdf4ff",border:"#c026d3",badge:"#86198f"}];function ar({leftItems:e,rightItems:t,connections:r,direction:i,disabled:n,feedback:s,onConnectionsChange:o}){let[l,a]=Nt(null),[c,d]=Nt(null),[u,p]=Nt(new Map),m=Ct(null),h=Ct(new Map),y=Ct("mouse"),_=s?.showFeedback??!1,R=_t(()=>{let v=new Map;if(s?.pairFeedback)for(let S of s.pairFeedback)v.set(`${S.leftId}-${S.rightId}`,S.correct);return v},[s]),x=_t(()=>{let v=new Map;return s?.correctPairings?.forEach(S=>v.set(S.leftId,S.rightId)),v},[s]),M=_t(()=>{let v=new Map;return s?.correctPairings?.forEach(S=>v.set(S.rightId,S.leftId)),v},[s]),f=new Map,b=new Map;r.forEach((v,S)=>{f.set(v.leftId,S),b.set(v.rightId,S)});let N=v=>{let S=r[v];if(_&&S){let L=R.get(`${S.leftId}-${S.rightId}`);if(L===!0)return{bg:"#dcfce7",border:"#22c55e",badge:"#14532d"};if(L===!1)return{bg:"#fee2e2",border:"#ef4444",badge:"#7f1d1d"}}return Ae[v%Ae.length]},P=Cn(()=>{if(!m.current)return;let v=m.current.getBoundingClientRect(),S=new Map;h.current.forEach((L,$)=>{if(L){let B=L.getBoundingClientRect();S.set($,new DOMRect(B.left-v.left,B.top-v.top,B.width,B.height))}}),p(S)},[]);An(()=>{P();let v=new ResizeObserver(P);return m.current&&v.observe(m.current),()=>v.disconnect()},[P,r,e,t]);let z=8,g=(v,S)=>{let L=u.get(v);if(!L)return null;let $=L.y+L.height/2;return S==="left"?{x:L.x+L.width,y:$}:{x:L.x-z,y:$}},C=(v,S)=>{if(n)return;let $=(S==="left"?f:b).has(v),B=l?.id===v&&l?.side===S,le=l!==null&&l.side!==S;if(B){a(null);return}if(le){let J=S==="right"?l.id:v,re=S==="left"?l.id:v,V=r.filter(ee=>ee.leftId!==J&&ee.rightId!==re);V.push({leftId:J,rightId:re}),o(V),a(null);return}if($&&!l){let J=S==="left"?r.filter(re=>re.leftId!==v):r.filter(re=>re.rightId!==v);o(J);return}a({id:v,side:S})},w=(v,S,L)=>{if(n||(y.current=L.pointerType,L.pointerType==="touch"))return;L.currentTarget.setPointerCapture(L.pointerId);let $=m.current.getBoundingClientRect();d({fromId:v,fromSide:S,x:L.clientX-$.left,y:L.clientY-$.top,overId:null,overSide:null})},A=v=>{if(!c)return;let S=m.current.getBoundingClientRect(),L=v.clientX-S.left,$=v.clientY-S.top,B=c.fromSide==="left"?"right":"left",le=B==="left"?e:t,J=null,re=null;for(let V of le){let ee=u.get(V.id);if(ee&&L>=ee.x&&L<=ee.x+ee.width&&$>=ee.y&&$<=ee.y+ee.height){J=V.id,re=B;break}}d(V=>V?{...V,x:L,y:$,overId:J,overSide:re}:null)},O=v=>{if(!c)return;let S=m.current.getBoundingClientRect(),L=v.clientX-S.left,$=v.clientY-S.top,B=g(c.fromId,c.fromSide);if((B?Math.hypot(L-B.x,$-B.y):999)<8){d(null),C(c.fromId,c.fromSide);return}if(c.overId&&c.overSide){let J=c.fromSide==="left"?c.fromId:c.overId,re=c.fromSide==="right"?c.fromId:c.overId,V=r.filter(ee=>ee.leftId!==J&&ee.rightId!==re);V.push({leftId:J,rightId:re}),o(V)}d(null),a(null)},T=(v,S)=>{if(!_)return null;let $=(S==="left"?f:b).get(v.id);if($!==void 0){let B=r[$];if(R.get(`${B.leftId}-${B.rightId}`)===!0)return null}if(S==="left"){let B=x.get(v.id);return t.find(le=>le.id===B)?.content??null}else{let B=M.get(v.id);return e.find(le=>le.id===B)?.content??null}},E=(v,S)=>{let $=(S==="left"?f:b).get(v.id),B=$!==void 0,le=l?.id===v.id&&l?.side===S,J=l!==null&&l.side!==S&&!B,re=c?.overId===v.id&&c?.overSide===S,V=B?N($):null,ee=B?$+1:null,pe="matching-player__item";B&&(pe+=" matching-player__item--matched"),le&&(pe+=" matching-player__item--selected"),(J||re)&&(pe+=" matching-player__item--available"),n&&(pe+=" matching-player__item--disabled");let W=T(v,S);return ve("button",{ref:ne=>{ne?h.current.set(v.id,ne):h.current.delete(v.id)},type:"button",className:pe,style:V?{backgroundColor:V.bg,borderColor:V.border}:void 0,onPointerDown:ne=>w(v.id,S,ne),onClick:()=>{y.current==="touch"&&C(v.id,S)},"aria-pressed":le,children:[S==="right"&&G("span",{className:"matching-player__connector matching-player__connector--right","aria-hidden":!0,children:ve("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:[G("circle",{cx:"9",cy:"9",r:"8",stroke:"currentColor",strokeWidth:"1.5",fill:"currentColor",fillOpacity:"0.08"}),G("path",{d:"M12 9H6M8.5 6.5L6 9l2.5 2.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}),B&&S==="left"&&G("span",{className:"matching-player__pair-num",style:V?{background:V.border,color:"#fff"}:void 0,"aria-hidden":!0,children:ee}),G("span",{className:"matching-player__item-text",dangerouslySetInnerHTML:{__html:Q(v.content)}}),W&&ve("span",{className:"matching-player__correct-hint",children:["(",G("span",{dangerouslySetInnerHTML:{__html:Q(W)}}),")"]}),B&&S==="right"&&G("span",{className:"matching-player__pair-num",style:V?{background:V.border,color:"#fff"}:void 0,"aria-hidden":!0,children:ee}),S==="left"&&G("span",{className:"matching-player__connector matching-player__connector--left","aria-hidden":!0,children:ve("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:[G("circle",{cx:"9",cy:"9",r:"8",stroke:"currentColor",strokeWidth:"1.5",fill:"currentColor",fillOpacity:"0.08"}),G("path",{d:"M6 9h6M9.5 6.5L12 9l-2.5 2.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})]},v.id)},X=i==="ltr"?e:t,F=i==="ltr"?t:e,U=i==="ltr"?"left":"right",Z=i==="ltr"?"right":"left";return ve("div",{ref:m,className:`matching-player__arena${c?" matching-player__arena--dragging":""}`,onPointerMove:A,onPointerUp:O,children:[ve("svg",{className:"matching-player__svg","aria-hidden":!0,children:[ve("defs",{children:[Ae.map((v,S)=>G("marker",{id:`mp-arrow-${S}`,markerWidth:"8",markerHeight:"6",refX:"8",refY:"3",orient:"auto",children:G("polygon",{points:"0 0, 8 3, 0 6",fill:v.border})},S)),G("marker",{id:"mp-arrow-correct",markerWidth:"8",markerHeight:"6",refX:"8",refY:"3",orient:"auto",children:G("polygon",{points:"0 0, 8 3, 0 6",fill:"#22c55e"})}),G("marker",{id:"mp-arrow-incorrect",markerWidth:"8",markerHeight:"6",refX:"8",refY:"3",orient:"auto",children:G("polygon",{points:"0 0, 8 3, 0 6",fill:"#ef4444"})}),G("marker",{id:"mp-arrow-ghost",markerWidth:"8",markerHeight:"6",refX:"8",refY:"3",orient:"auto",children:G("polygon",{points:"0 0, 8 3, 0 6",fill:"#94a3b8"})})]}),r.map((v,S)=>{let L=g(v.leftId,"left"),$=g(v.rightId,"right");if(!L||!$)return null;let B=Math.abs($.x-L.x)*.4,le=`M ${L.x} ${L.y} C ${L.x+B} ${L.y}, ${$.x-B} ${$.y}, ${$.x} ${$.y}`,J=_?R.get(`${v.leftId}-${v.rightId}`):void 0,re=J===!0?"#22c55e":J===!1?"#ef4444":Ae[S%Ae.length].border,V=J===!0?"mp-arrow-correct":J===!1?"mp-arrow-incorrect":`mp-arrow-${S%Ae.length}`;return G("path",{d:le,stroke:re,strokeWidth:"2.5",fill:"none",markerEnd:`url(#${V})`},`${v.leftId}-${v.rightId}`)}),c&&(()=>{let v=g(c.fromId,c.fromSide);if(!v)return null;let S=Math.abs(c.x-v.x)*.35,L=`M ${v.x} ${v.y} C ${v.x+S} ${v.y}, ${c.x-S} ${c.y}, ${c.x} ${c.y}`;return G("path",{d:L,stroke:"#94a3b8",strokeWidth:"2",strokeDasharray:"6 4",fill:"none",markerEnd:"url(#mp-arrow-ghost)"})})()]}),ve("div",{className:"matching-player__columns",children:[G("div",{className:"matching-player__column",children:X.map(v=>E(v,U))}),G("div",{className:"matching-player__column",children:F.map(v=>E(v,Z))})]})]})}function cr(e){return[...e].map(t=>({v:t,r:Math.random()})).sort((t,r)=>t.r-r.r).map(t=>t.v)}function Qe({node:e,validationFeedback:t}){let r=oe(),{id:i,attrs:n,leftItems:s,rightItems:o}=e,{direction:l,shuffle:a}=n,[c,d]=At(s),[u,p]=At(o);Tt(()=>{a?(d(cr(s)),p(cr(o))):(d(s),p(o))},[a,JSON.stringify(s),JSON.stringify(o)]);let[m,h]=At([]),y=t?.showFeedback??!1;return Tt(()=>{let R=x=>{let f=x.answers.find(b=>b.nodeId===i&&b.type==="matchingSet");f&&"connections"in f.answer&&h(f.answer.connections)};return r.on("answers:prefill",R),()=>r.off("answers:prefill",R)},[r,i]),Tt(()=>{r.emit({type:"answer:changed",answer:{nodeId:i,type:"matchingSet",timestamp:Date.now(),answer:{connections:m}}})},[r,i,m]),lr("div",{className:"matching-player",children:lr(ar,{leftItems:c,rightItems:u,connections:m,direction:l,disabled:y,feedback:t,onConnectionsChange:R=>{y||h(R)}})})}import{jsxs as Te,jsx as ke,Fragment as Tn}from"react/jsx-runtime";import{useState as dr,useEffect as Pt,useRef as Pn,useCallback as pr}from"react";import je from"clsx";function Ye({node:e,validationFeedback:t}){let r=oe(),i=Y(),{id:n,attrs:s}=e,{placeholder:o,minWords:l=0,maxWords:a=500}=s,[c,d]=dr(""),[u,p]=dr(0),m=t?.showFeedback??!1,h=t?.state,y=a<=30,_=pr(g=>g.trim().split(/\s+/).filter(Boolean).length,[]),R=u>=l&&u<=a;Pt(()=>{let g=C=>{let A=C.answers?.find(O=>O.nodeId===n&&O.type==="aiAnswer");if(A&&A.answer?.text!=null){let O=A.answer.text;d(O),p(_(O))}};return r.on("answers:prefill",g),()=>r.off("answers:prefill",g)},[n,r,_]),Pt(()=>{let g=()=>{d(""),p(0)};return r.on("answers:reset",g),()=>r.off("answers:reset",g)},[r]);let x=Pn(null),M=pr((g,C)=>{x.current&&clearTimeout(x.current),x.current=setTimeout(()=>{r.emit({type:"answer:changed",answer:{nodeId:n,type:"aiAnswer",timestamp:Date.now(),answer:{text:g,wordCount:C}}})},300)},[n,r]);Pt(()=>{r.emit({type:"answer:changed",answer:{nodeId:n,type:"aiAnswer",timestamp:Date.now(),answer:{text:"",wordCount:0}}})},[]);let f=g=>{if(m)return;let C=_(g);d(g),p(C),M(g,C)},b=je("text-xs px-2 py-0.5 rounded-full font-medium",R?"bg-green-100 text-green-800":u>a?"bg-red-100 text-red-800":"bg-amber-100 text-amber-800"),N=je("w-full rounded border bg-white transition-colors",!m&&"border-sky-300 focus:border-sky-500 focus:outline-none",m&&h==="correct"&&"border-lime-400 bg-lime-50",m&&h==="partial"&&"border-amber-400 bg-amber-50",m&&h==="incorrect"&&"border-rose-400 bg-rose-50",m&&!h&&"border-gray-300 bg-gray-50"),P=h==="validating",z=g=>Number.isInteger(g)?String(g):g.toFixed(2);return Te("div",{className:"my-4 rounded-lg border border-blue-100 bg-blue-50 p-2 space-y-3",children:[Te("div",{className:"flex justify-end gap-2",children:[Te("span",{className:b,children:[u," / ",a]}),l>0&&u<l&&ke("span",{className:"text-xs px-2 py-0.5 rounded-full bg-orange-100 text-orange-700 font-medium",children:i.minWordsLabel(l)})]}),y?ke("input",{type:"text",value:c,onChange:g=>f(g.target.value),placeholder:o??i.shortAnswerPlaceholder,disabled:m,className:je(N,"px-3 py-2 text-base")}):ke("textarea",{value:c,onChange:g=>f(g.target.value),placeholder:o??i.longAnswerPlaceholder,disabled:m,rows:5,className:je(N,"px-3 py-2 text-base resize-y min-h-[120px]")}),m&&t&&ke("div",{className:je("rounded p-3 text-sm space-y-1",h==="correct"&&"bg-lime-50 text-lime-900 border border-lime-200",h==="partial"&&"bg-amber-50 text-amber-900 border border-amber-200",h==="incorrect"&&"bg-rose-50 text-rose-900 border border-rose-200",!h&&"bg-gray-50 text-gray-700 border border-gray-200"),children:P?Te("div",{className:"flex items-center gap-2 text-purple-600 text-sm py-2",children:[ke("span",{className:"animate-spin inline-block",children:"\u2699"}),ke("span",{children:i.aiEvaluationInProgress})]}):Te(Tn,{children:[t.message&&ke("p",{children:t.message}),t.score!=null&&t.maxScore!=null&&ke("div",{className:"flex justify-end",children:Te("span",{className:"font-mono text-xs px-2 py-0.5 rounded bg-white/60 border border-current/20",children:[z(t.score)," / ",z(t.maxScore)]})})]})})]})}import{Fragment as mr,jsx as k,jsxs as K}from"react/jsx-runtime";import{useState as ie,useEffect as ue,useRef as fe,useCallback as at}from"react";import{useEditor as Mn,EditorContent as In}from"@tiptap/react";import En from"@tiptap/starter-kit";import se from"clsx";function gr(e){return e.trim().split(/\s+/).filter(Boolean).length}function hr(e){return e.length}function Ln(e){let t=r=>r.map(i=>(i.text??"")+(i.content?t(i.content):"")).join(" ");return gr(t(e))}function jn(e){let t=r=>r.map(i=>(i.text??"")+(i.content?t(i.content):"")).join("");return hr(t(e))}function Mt({node:e}){if(e.type==="text"){if(!e.marks||e.marks.length===0)return k(mr,{children:e.text});let t=e.text||"";for(let r of e.marks)r.type==="bold"?t=k("strong",{children:t}):r.type==="italic"?t=k("em",{children:t}):r.type==="underline"?t=k("u",{children:t}):r.type==="strike"?t=k("s",{children:t}):r.type==="textStyle"&&r.attrs?.color&&(t=k("span",{style:{color:r.attrs.color},children:t}));return k(mr,{children:t})}return e.type==="paragraph"?k("span",{className:"block",children:e.content?.map((t,r)=>k(Mt,{node:t},r))??k("br",{})}):e.type==="hardBreak"?k("br",{}):e.content?k("span",{className:"block",children:e.content.map((t,r)=>k(Mt,{node:t},r))}):null}function $n({nodes:e}){return k("span",{className:"block space-y-1 text-amber-900",children:e.map((t,r)=>k(Mt,{node:t},r))})}function Bn({hint:e}){let t=Y(),[r,i]=ie(!1),[n,s]=ie(!1),o=fe(null);return ue(()=>{if(!n)return;let l=a=>{o.current&&!o.current.contains(a.target)&&(s(!1),i(!1))};return document.addEventListener("mousedown",l),()=>document.removeEventListener("mousedown",l)},[n]),K("span",{ref:o,className:"relative inline-flex items-center align-middle",onMouseEnter:()=>i(!0),onMouseLeave:()=>{n||i(!1)},children:[k("button",{type:"button",onClick:l=>{l.stopPropagation(),n?(s(!1),i(!1)):(s(!0),i(!0))},className:se("w-4 h-4 rounded-full text-white text-[10px] font-bold","inline-flex items-center justify-center leading-none","transition-colors cursor-pointer select-none",n?"bg-amber-500":"bg-amber-400 hover:bg-amber-500"),"aria-label":t.showHint,children:"?"}),r&&k("span",{className:se("absolute bottom-full left-1/2 -translate-x-1/2 mb-2 z-50","min-w-[180px] max-w-[300px] w-max","bg-amber-50 border border-amber-200 rounded-lg shadow-lg","px-3 py-2 text-sm"),onClick:l=>l.stopPropagation(),children:k($n,{nodes:e})})]})}function fr(e){if(!isFinite(e.duration)){e.currentTime=1e101;let t=()=>{e.currentTime=0,e.removeEventListener("timeupdate",t)};e.addEventListener("timeupdate",t)}}function Fn(e){return/youtube\.com|youtu\.be/i.test(e)?"youtube":/vimeo\.com/i.test(e)?"vimeo":"other"}function Dn(e){let t=e.match(/[?&]v=([^&]+)/)||e.match(/youtu\.be\/([^?]+)/)||e.match(/embed\/([^?]+)/);return t?t[1]:null}function ur(e){let t=Math.floor(e/60),r=e%60;return`${t}:${r.toString().padStart(2,"0")}`}function Je({node:e,validationFeedback:t,readOnly:r=!1,mediaHandler:i}){let n=oe(),s=Y(),{id:o,attrs:l}=e,{mode:a,placeholder:c,allowFormatting:d,wordLimit:u,characterLimit:p,allowedTypes:m,allowMultiple:h,fileInstructions:y,maxDuration:_,hint:R}=l,x=r||(t?.showFeedback??!1),M=t?.state,f=fe(null),b=at(g=>{f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{let C=g.files?.map(w=>({url:w.url,mimeType:w.kind==="videoLink"?"video/x-link":w.mimeType,name:w.kind==="videoLink"?void 0:w.name,duration:w.kind==="videoLink"?void 0:w.duration}));n.emit({type:"answer:changed",answer:{nodeId:o,type:"openResponse",timestamp:Date.now(),answer:{...g,files:C}}})},300)},[o,n]);ue(()=>{b({})},[]);let[N,P]=ie([]);ue(()=>{(a==="file"||a==="text+file")&&a==="file"&&b({files:N})},[N,a]),ue(()=>{let g=()=>{P([])};return n.on("answers:reset",g),()=>n.off("answers:reset",g)},[n]),ue(()=>{let g=C=>{let A=(C.answers??[]).find(O=>O.nodeId===o&&O.type==="openResponse");A?.answer?.files&&P(A.answer.files)};return n.on("answers:prefill",g),()=>n.off("answers:prefill",g)},[o,n]);let z=se(!t?.showFeedback&&"border-indigo-300",t?.showFeedback&&M==="correct"&&"border-lime-400 bg-lime-50",t?.showFeedback&&M==="partial"&&"border-amber-400 bg-amber-50",t?.showFeedback&&M==="incorrect"&&"border-rose-400 bg-rose-50",t?.showFeedback&&M==="awaiting_review"&&"border-violet-300 bg-violet-50");return K("div",{className:"my-3 space-y-2",children:[!x&&R&&R.length>0&&k("div",{className:"flex justify-end",children:k(Bn,{hint:R})}),a==="text"&&k(xr,{nodeId:o,placeholder:c,allowFormatting:d,wordLimit:u,characterLimit:p,isDisabled:x,feedbackBorderClass:z,emitAnswer:g=>b({text:g}),answerBus:n}),a==="file"&&k(It,{allowedTypes:m??["image"],allowMultiple:!!h,fileInstructions:y,isDisabled:x,feedbackBorderClass:z,files:N,setFiles:P,mediaHandler:i,t:s}),(a==="audio"||a==="video"||a==="screen")&&k(Un,{kind:a,maxDuration:_,isDisabled:x,feedbackBorderClass:z,mediaHandler:i,emitAnswer:g=>b({recording:g}),t:s}),a==="text+file"&&k(Xn,{nodeId:o,placeholder:c,allowFormatting:d,wordLimit:u,characterLimit:p,allowedTypes:m??["image"],allowMultiple:!!h,fileInstructions:y,isDisabled:x,feedbackBorderClass:z,files:N,setFiles:P,emitAnswer:b,answerBus:n,mediaHandler:i,t:s}),t?.showFeedback&&M==="awaiting_review"&&K("div",{className:"flex items-center gap-2 text-violet-600 text-sm bg-violet-50 border border-violet-200 rounded px-3 py-2",children:[k("span",{className:"animate-pulse",children:"\u23F3"}),k("span",{children:s.openResponseAwaitingReview})]}),t?.showFeedback&&M!=="awaiting_review"&&t.teacherFeedback&&k(qn,{feedback:t.teacherFeedback,feedbackState:M,score:t.score,t:s})]})}function xr({nodeId:e,placeholder:t,allowFormatting:r,wordLimit:i,characterLimit:n,isDisabled:s,feedbackBorderClass:o,emitAnswer:l,answerBus:a}){let c=Y(),[d,u]=ie(""),[p,m]=ie(0),[h,y]=ie(0),_=fe(null),R=at(()=>{let T=_.current;T&&(T.style.height="auto",T.style.height=`${T.scrollHeight}px`)},[]),x=Mn({extensions:[En.configure({heading:!1,blockquote:!1,codeBlock:!1,horizontalRule:!1})],immediatelyRender:!1,editable:!s,content:"",onUpdate({editor:T}){if(s)return;let X=T.getJSON().content??[],F=Ln(X),U=jn(X);m(F),y(U),l({content:X,wordCount:F})}});ue(()=>{x&&x.setEditable(!s)},[s,x]);let M=fe(null);ue(()=>{x&&M.current!==null&&(x.commands.setContent({type:"doc",content:M.current}),M.current=null)},[x]),ue(()=>{let T=E=>{let X=(E.answers??[]).find(U=>U.nodeId===e&&U.type==="openResponse");if(!X?.answer?.text)return;let F=X.answer.text.content??[];if(r)x?x.commands.setContent({type:"doc",content:F}):M.current=F;else{let U=F.flatMap(Z=>Z.content?.map(we=>we.text??"")??[Z.text??""]).join(`
|
|
2
|
+
`);u(U),setTimeout(R,0)}};return a.on("answers:prefill",T),()=>a.off("answers:prefill",T)},[e,a,r,x]),ue(()=>{let T=()=>{r&&x?x.commands.clearContent():(u(""),setTimeout(R,0)),m(0),y(0)};return a.on("answers:reset",T),()=>a.off("answers:reset",T)},[a,r,x,R]);let f=!!i,b=!!n&&!i,N=f?p:h,P=f?i?.max:n?.max,z=f?i?.min:n?.min,g=P!=null&&N>P,C=P!=null&&N>=P*.8&&!g,w=z!=null&&N<z&&N>0,A=se("text-xs tabular-nums",g&&"text-rose-500 font-medium",C&&"text-amber-500",w&&"text-amber-500",!g&&!C&&!w&&"text-gray-400"),O=f?P?`${p} / ${P} ${c.openResponseWords}`:z?`${p} ${c.openResponseWords} (min. ${z})`:`${p} ${c.openResponseWords}`:b?P?`${h} / ${P} ${c.openResponseChars}`:`${h} ${c.openResponseChars}`:null;return r?K("div",{className:"relative",children:[K("div",{className:se("rounded border transition-colors min-h-[120px]",o),children:[!s&&K("div",{className:"sticky top-0 z-10 flex gap-1 px-2 pt-1.5 pb-1 border-b border-gray-100 bg-white rounded-t",children:[[{label:"B",cmd:"toggleBold",style:"font-bold"},{label:"I",cmd:"toggleItalic",style:"italic"}].map(({label:T,cmd:E,style:X})=>k("button",{type:"button",onMouseDown:F=>{F.preventDefault(),x?.chain().focus()?.[E]().run()},className:`text-xs px-1.5 py-0.5 rounded hover:bg-gray-100 ${X}`,children:T},T)),k("button",{type:"button",onMouseDown:T=>{T.preventDefault(),x?.chain().focus().toggleBulletList().run()},className:"text-xs px-1.5 py-0.5 rounded hover:bg-gray-100",children:"\u2022\u2014"})]}),k(In,{editor:x,className:"prose prose-sm max-w-none p-3 outline-none [&_.ProseMirror]:min-h-[80px] [&_.ProseMirror]:outline-none"})]}),O&&k("div",{className:se("absolute bottom-2 right-3",A),children:O})]}):K("div",{className:"relative",children:[k("textarea",{ref:_,value:d,onChange:T=>{if(s)return;let E=T.target.value;u(E);let X=gr(E),F=hr(E);m(X),y(F),R(),l({content:[{type:"paragraph",content:[{type:"text",text:E}]}],wordCount:X})},onInput:R,disabled:s,placeholder:t||c.openResponseTextPlaceholder,rows:4,style:{resize:"none",overflow:"hidden"},className:se("w-full px-3 py-2 text-base min-h-[100px] rounded border transition-colors outline-none focus:ring-2 focus:ring-indigo-300",o,s&&"cursor-default")}),O&&k("div",{className:se("absolute bottom-2 right-3",A),children:O})]})}var On={image:"image/*",pdf:"application/pdf",audio:"audio/*",video:"video/*"},br={image:"\u{1F5BC}",pdf:"\u{1F4C4}",audio:"\u{1F3B5}",video:"\u{1F3AC}",videoLink:"\u{1F517}"};function It({allowedTypes:e,allowMultiple:t,fileInstructions:r,isDisabled:i,feedbackBorderClass:n,files:s,setFiles:o,mediaHandler:l,t:a,compact:c=!1}){let d=fe(null),[u,p]=ie(!1),[m,h]=ie(!1),[y,_]=ie(""),R=e.some(w=>w!=="videoLink"),x=e.includes("videoLink"),M=t||s.length===0,f=e.filter(w=>w!=="videoLink").map(w=>On[w]).filter(Boolean).join(","),b=at(w=>{o(A=>t?[...A,w]:[w])},[t,o]),N=at(w=>{o(A=>A.filter((O,T)=>T!==w))},[o]),P=async w=>{if(!(!M||i)){p(!0);try{let A=w.type.startsWith("image/")?"image":w.type==="application/pdf"?"document":w.type.startsWith("audio/")?"audio":w.type.startsWith("video/")?"video":"file";if(l){let O=await l.upload(w,A);b({kind:"file",url:O.url,mimeType:O.mimeType??w.type,name:w.name})}else{let O=URL.createObjectURL(w);b({kind:"file",url:O,mimeType:w.type,name:w.name})}}finally{p(!1)}}},z=async w=>{if(w.preventDefault(),h(!1),i||!M)return;let A=w.dataTransfer.files?.[0];A&&await P(A)},g=()=>{let w=y.trim();w&&(b({kind:"videoLink",url:w,platform:Fn(w)}),_(""))},C={image:a.openResponseTypeImage,pdf:a.openResponseTypePdf,audio:a.openResponseTypeAudio,video:a.openResponseTypeVideo,videoLink:a.openResponseTypeVideoLink};return K("div",{className:"space-y-2",children:[r&&!c&&k("p",{className:"text-sm text-gray-600 italic",children:r}),s.length>0&&k("div",{className:c?"flex flex-wrap gap-1.5":"space-y-2",children:s.map((w,A)=>k(Kn,{file:w,onRemove:i?void 0:()=>N(A),compact:c,t:a},A))}),!i&&M&&K("div",{className:"space-y-2",children:[R&&!c&&K("div",{onDragOver:w=>{w.preventDefault(),h(!0)},onDragLeave:()=>h(!1),onDrop:z,className:se("border-2 border-dashed rounded-lg p-6 text-center transition-colors cursor-pointer",m?"border-indigo-400 bg-indigo-50":n.includes("border-indigo")?"border-indigo-300 hover:border-indigo-400 hover:bg-indigo-50":se("border-dashed hover:border-indigo-400",n)),onClick:()=>d.current?.click(),children:[k("div",{className:"text-3xl mb-2",children:"\u{1F4C1}"}),k("p",{className:"text-sm font-medium text-gray-600",children:a.openResponseDropZoneLabel}),k("p",{className:"text-xs text-indigo-600 hover:underline mt-0.5",children:a.openResponseDropZoneBrowse}),u&&k("p",{className:"text-xs text-indigo-500 mt-1 animate-pulse",children:a.openResponseUploading}),k("div",{className:"flex flex-wrap justify-center gap-1.5 mt-3",children:e.filter(w=>w!=="videoLink").map(w=>K("span",{className:"text-[10px] px-2 py-0.5 bg-gray-100 text-gray-600 rounded-full",children:[br[w]," ",C[w]]},w))})]}),R&&c&&k("button",{type:"button",onClick:()=>d.current?.click(),disabled:u,className:"text-xs px-3 py-1.5 rounded border border-dashed border-indigo-300 text-indigo-600 hover:bg-indigo-50 disabled:opacity-50",children:u?a.openResponseUploading:`+ ${a.openResponseAttachFile}`}),k("input",{ref:d,type:"file",accept:f,onChange:async w=>{let A=w.target.files?.[0];A&&(await P(A),w.target.value="")},className:"hidden"}),x&&K("div",{className:"flex gap-2",children:[k("input",{type:"url",value:y,onChange:w=>_(w.target.value),placeholder:a.openResponseVideoLinkPlaceholder,className:"flex-1 text-sm border border-indigo-300 rounded px-2 py-1.5 outline-none focus:border-indigo-500",onKeyDown:w=>{w.key==="Enter"&&(w.preventDefault(),g())}}),k("button",{type:"button",onClick:g,disabled:!y.trim(),className:"text-sm px-3 py-1.5 rounded bg-indigo-600 text-white hover:bg-indigo-700 disabled:opacity-50",children:a.openResponseAddVideoLink})]})]}),i&&s.length===0&&k("p",{className:"text-sm text-gray-400 text-center py-3",children:a.openResponseNoSubmission})]})}function Kn({file:e,onRemove:t,compact:r,t:i}){if(e.kind==="videoLink"){let n=e.platform==="youtube"?Dn(e.url):null;return K("div",{className:se("bg-white rounded border border-gray-200",r?"px-2 py-1 flex items-center gap-1.5":"p-3 space-y-1"),children:[n&&!r&&k("iframe",{src:`https://www.youtube.com/embed/${n}`,width:240,height:135,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,className:"rounded w-full"}),k("a",{href:e.url,target:"_blank",rel:"noopener noreferrer",className:"text-xs text-blue-600 underline truncate block max-w-[200px]",children:e.url}),t&&k("button",{type:"button",onClick:t,className:"ml-auto text-gray-400 hover:text-rose-500 text-xs",children:"\u2715"})]})}return K("div",{className:se("bg-white rounded border border-gray-200",r?"px-2 py-1 flex items-center gap-1.5":"p-2 flex items-center gap-2"),children:[e.mimeType?.startsWith("image/")?k("img",{src:e.url,alt:e.name??"upload",className:r?"h-6 w-6 object-cover rounded":"h-16 w-16 object-cover rounded"}):e.mimeType?.startsWith("audio/")?k("audio",{src:e.url,controls:!0,className:r?"hidden":"h-8 max-w-[240px]"}):e.mimeType?.startsWith("video/")?k("video",{src:e.url,controls:!0,className:r?"hidden":"h-16 max-w-[240px] rounded"}):k("span",{className:"text-lg",children:br.pdf}),K("div",{className:"flex-1 min-w-0",children:[k("a",{href:e.url,target:"_blank",rel:"noopener noreferrer",className:"text-xs text-gray-700 truncate block hover:underline",children:e.name??i.openResponseFile}),r&&e.mimeType?.startsWith("audio/")&&k("audio",{src:e.url,controls:!0,className:"h-6 max-w-[160px] mt-0.5"})]}),t&&k("button",{type:"button",onClick:t,className:"ml-auto text-gray-400 hover:text-rose-500 text-xs shrink-0",children:"\u2715"})]})}function Xn({nodeId:e,placeholder:t,allowFormatting:r,wordLimit:i,characterLimit:n,allowedTypes:s,allowMultiple:o,fileInstructions:l,isDisabled:a,feedbackBorderClass:c,files:d,setFiles:u,emitAnswer:p,answerBus:m,mediaHandler:h,t:y}){let[_,R]=ie(null),[x,M]=ie(!1);return ue(()=>{p({..._&&{text:_},files:d.length>0?d:void 0})},[_,d]),K("div",{className:"space-y-2",children:[k(xr,{nodeId:e,placeholder:t,allowFormatting:r,wordLimit:i,characterLimit:n,isDisabled:a,feedbackBorderClass:c,emitAnswer:f=>R(f),answerBus:m}),!a&&K("div",{children:[K("button",{type:"button",onClick:()=>M(!x),className:"flex items-center gap-1.5 text-xs text-indigo-600 hover:text-indigo-800",children:[k("span",{children:x?"\u25BE":"\u25B8"}),K("span",{children:[y.openResponseAttachFiles,d.length>0&&k("span",{className:"ml-1 bg-indigo-100 text-indigo-700 rounded-full px-1.5 py-0.5 text-[10px]",children:d.length})]})]}),x&&k("div",{className:"mt-1.5",children:k(It,{allowedTypes:s,allowMultiple:o,fileInstructions:l,isDisabled:a,feedbackBorderClass:c,files:d,setFiles:u,mediaHandler:h,t:y,compact:!0})})]}),a&&d.length>0&&K("div",{className:"space-y-1",children:[k("p",{className:"text-xs text-gray-500 font-medium",children:y.openResponseAttachedFiles}),k(It,{allowedTypes:s,allowMultiple:o,isDisabled:!0,feedbackBorderClass:c,files:d,setFiles:u,t:y,compact:!0})]})]})}function Un({kind:e,maxDuration:t,isDisabled:r,feedbackBorderClass:i,mediaHandler:n,emitAnswer:s,t:o}){let[l,a]=ie("idle"),[c,d]=ie(0),[u,p]=ie(null),[m,h]=ie("audio/webm"),[y,_]=ie(null),R=fe(null),x=fe(null),M=fe([]),f=fe(null),b=fe(null),N=fe(null),P=fe(0);ue(()=>()=>{z(),f.current&&clearInterval(f.current),cancelAnimationFrame(P.current)},[]),ue(()=>{l==="recording"&&e==="audio"&&x.current&&O(x.current)},[l]);let z=()=>{x.current?.getTracks().forEach(T=>T.stop()),x.current=null},g=async()=>{if(!n){_(o.openResponseMediaHandlerRequired);return}_(null),a("requesting");try{let T;if(e==="screen"){let F=await navigator.mediaDevices.getDisplayMedia({video:{cursor:"always"},audio:!1});try{let Z=(await navigator.mediaDevices.getUserMedia({audio:!0})).getAudioTracks()[0];Z&&F.addTrack(Z)}catch{}F.getVideoTracks()[0]?.addEventListener("ended",()=>{R.current?.state==="recording"&&C()}),T=F,b.current&&(b.current.srcObject=T,b.current.play())}else e==="video"?(T=await navigator.mediaDevices.getUserMedia({audio:!0,video:{facingMode:"environment"}}),b.current&&(b.current.srcObject=T,b.current.play())):T=await navigator.mediaDevices.getUserMedia({audio:!0});x.current=T;let E=e==="audio"?"audio/webm":"video/webm";h(E);let X=new MediaRecorder(T,{mimeType:E});R.current=X,M.current=[],X.ondataavailable=F=>{F.data.size>0&&M.current.push(F.data)},X.onstop=()=>{let F=new Blob(M.current,{type:E}),U=URL.createObjectURL(F);p(U),a("reviewing"),z(),cancelAnimationFrame(P.current)},X.start(200),a("recording"),d(0),f.current=setInterval(()=>{d(F=>{let U=F+1;return t&&U>=t&&C(),U})},1e3)}catch{a("idle"),_(o.openResponsePermissionDenied)}},C=()=>{f.current&&(clearInterval(f.current),f.current=null),R.current?.stop()},w=async()=>{if(!u||!n)return;a("submitted");let E=await(await fetch(u)).blob(),X=e==="screen"?"video":e,F=new File([E],"recording.webm",{type:m}),U=await n.upload(F,X);URL.revokeObjectURL(u),s({url:U.url,mimeType:U.mimeType??m,duration:c,kind:X})},A=()=>{u&&URL.revokeObjectURL(u),p(null),d(0),a("idle")},O=T=>{let E=new AudioContext,X=E.createMediaStreamSource(T),F=E.createAnalyser();F.fftSize=64,X.connect(F);let U=new Uint8Array(F.frequencyBinCount),Z=N.current;if(!Z)return;let we=()=>{F.getByteFrequencyData(U);let v=Z.getContext("2d");if(!v)return;v.clearRect(0,0,Z.width,Z.height);let S=Z.width/U.length*2.5,L=0;for(let $=0;$<U.length;$++){let B=U[$]/255*Z.height;v.fillStyle=`hsl(${240+$*2}, 60%, 60%)`,v.fillRect(L,Z.height-B,S,B),L+=S+1}P.current=requestAnimationFrame(we)};we()};return r?k("div",{className:se("rounded border p-4 text-center text-sm text-gray-400",i),children:o.openResponseRecordingSubmitted}):K("div",{className:se("rounded border p-4 space-y-3",i),children:[y&&k("p",{className:"text-sm text-rose-500",children:y}),(e==="video"||e==="screen")&&l==="recording"&&k("video",{ref:b,muted:!0,className:"w-full rounded max-h-48 bg-black",playsInline:!0}),e==="audio"&&l==="recording"&&k("canvas",{ref:N,width:300,height:48,className:"w-full rounded bg-gray-900"}),l==="reviewing"&&u&&(e==="audio"?k("audio",{src:u,controls:!0,className:"w-full",onLoadedMetadata:T=>fr(T.currentTarget)}):k("video",{src:u,controls:!0,className:"w-full rounded max-h-48",onLoadedMetadata:T=>fr(T.currentTarget)})),K("div",{className:"flex items-center justify-center gap-3",children:[l==="idle"&&K("button",{type:"button",onClick:g,className:se("flex flex-col items-center gap-1 px-6 py-3 rounded-full font-medium text-white transition-colors",e==="audio"?"bg-indigo-600 hover:bg-indigo-700":e==="screen"?"bg-teal-600 hover:bg-teal-700":"bg-rose-600 hover:bg-rose-700"),children:[k("span",{className:"text-2xl",children:e==="audio"?"\u{1F399}":e==="screen"?"\u{1F5A5}\uFE0F":"\u{1F3A5}"}),k("span",{className:"text-sm",children:e==="screen"?o.openResponseTapToRecordScreen:o.openResponseTapToRecord})]}),l==="requesting"&&k("p",{className:"text-sm text-gray-500 animate-pulse",children:o.openResponseRequestingPermission}),l==="recording"&&K("div",{className:"flex flex-col items-center gap-2",children:[K("div",{className:"flex items-center gap-2 text-rose-600 font-mono text-lg",children:[k("span",{className:"animate-pulse text-rose-500",children:"\u25CF"}),k("span",{children:ur(c)}),t&&K("span",{className:"text-sm text-gray-400",children:["/ ",ur(t)]})]}),k("button",{type:"button",onClick:C,className:"px-5 py-2 rounded-full bg-rose-600 text-white hover:bg-rose-700 text-sm font-medium",children:o.openResponseStopRecording})]}),l==="reviewing"&&K("div",{className:"flex gap-2",children:[k("button",{type:"button",onClick:A,className:"px-4 py-1.5 rounded border border-gray-300 text-sm hover:bg-gray-50",children:o.openResponseReRecord}),k("button",{type:"button",onClick:w,className:"px-4 py-1.5 rounded bg-indigo-600 text-white text-sm hover:bg-indigo-700",children:o.openResponseConfirmRecording})]}),l==="submitted"&&K("p",{className:"text-sm text-indigo-600",children:["\u2713 ",o.openResponseRecordingSubmitted]})]})]})}function qn({feedback:e,feedbackState:t,score:r,t:i}){return K("div",{className:se("rounded p-3 text-sm border",t==="correct"&&"bg-lime-50 border-lime-200 text-lime-900",t==="partial"&&"bg-amber-50 border-amber-200 text-amber-900",t==="incorrect"&&"bg-rose-50 border-rose-200 text-rose-900"),children:[k("p",{className:"text-xs font-medium mb-1 opacity-70",children:i.openResponseTeacherFeedbackLabel}),e.flatMap(n=>n.content?.map(s=>s.text??"")??[n.text??""]).join(" "),r!=null&&K("div",{className:"mt-1 text-right font-mono text-xs opacity-70",children:[r," pts"]})]})}import{jsx as Et,jsxs as wr}from"react/jsx-runtime";import{useEffect as Lt,useRef as Wn,useState as yr}from"react";function Hn(e){return e?.showFeedback?e.state==="validating"?"validating":e.state==="correct"?"correct":e.state==="incorrect"?"incorrect":"idle":"idle"}function Ze({nodeId:e,placeholder:t,validationFeedback:r,readOnly:i=!1}){let n=oe(),s=Wn(null),[o,l]=yr(""),[a,c]=yr(!1),d=Hn(r);return Lt(()=>{import("mathlive").then(()=>{c(!0)}).catch(()=>{})},[]),Lt(()=>{let m=h=>{let y=h.answers?.find(_=>_.nodeId===e&&_.type==="mathResponse");y?.answer?.latex!==void 0&&(l(y.answer.latex),s.current&&(s.current.value=y.answer.latex))};return n.on("answers:prefill",m),()=>n.off("answers:prefill",m)},[n,e]),Lt(()=>{n.emit({type:"answer:changed",answer:{nodeId:e,type:"mathResponse",timestamp:Date.now(),answer:{latex:o}}})},[o,e,n]),wr("div",{dir:"ltr",style:{unicodeBidi:"isolate",margin:"0.5rem 0"},className:"math-response-player",children:[Et("div",{style:{border:`2px solid ${d==="correct"?"#22c55e":d==="incorrect"?"#ef4444":d==="validating"?"#a855f7":"#6366f1"}`,borderRadius:"0.5rem",padding:"0.375rem 0.5rem",transition:"border-color 0.2s",background:i?"#f8fafc":"white"},children:a?Et("math-field",{ref:s,value:o,onInput:m=>{let h=m.target?.value??"";l(h)},"virtual-keyboard-mode":"onfocus","smart-fence":"true",style:{width:"100%",minHeight:"2.5rem",fontSize:"1.1rem",outline:"none",opacity:i?.7:1,pointerEvents:i?"none":"auto"}}):Et("input",{type:"text",value:o,onChange:m=>l(m.target.value),placeholder:t||"Enter LaTeX (e.g. \\frac{x^2}{2})",readOnly:i,style:{width:"100%",border:"none",outline:"none",fontSize:"1rem",fontFamily:"monospace",background:"transparent"}})}),r?.showFeedback&&wr("div",{style:{marginTop:"0.25rem",fontSize:"0.75rem",fontWeight:600,color:d==="correct"?"#16a34a":d==="incorrect"?"#dc2626":"#9333ea"},children:[d==="correct"&&"\u2713 Correct",d==="incorrect"&&"\u2717 Incorrect",d==="validating"&&"\u23F3 Evaluating\u2026"]})]})}import{Fragment as Qn,jsx as Bt,jsxs as Yn}from"react/jsx-runtime";import{createContext as Jn,useContext as Zn}from"react";import{DndContext as eo,MouseSensor as to,TouchSensor as ro,KeyboardSensor as no,useSensor as Ft,useSensors as oo}from"@dnd-kit/core";import{jsx as jt}from"react/jsx-runtime";import{DragOverlay as Vn,useDndContext as Gn}from"@dnd-kit/core";function $t(){let{active:e}=Gn();if(!e)return null;let t=e.data.current?.html??"";return jt(Vn,{dropAnimation:null,children:jt("div",{style:{display:"inline-block",padding:"0.375rem 0.75rem",borderRadius:"9999px",backgroundColor:"white",border:"1px solid #e5e7eb",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",cursor:"grabbing",maxWidth:"20rem"},children:jt("span",{dangerouslySetInnerHTML:{__html:t},style:{pointerEvents:"none",whiteSpace:"nowrap",lineHeight:"1.25"}})})})}var vr=Jn(!1);function lt({children:e}){let t=Zn(vr),r=Ft(to,{activationConstraint:{distance:8}}),i=Ft(ro,{activationConstraint:{delay:120,tolerance:8}}),n=Ft(no),s=oo(r,i,n);return t?Bt(Qn,{children:e}):Bt(vr.Provider,{value:!0,children:Yn(eo,{sensors:s,children:[e,Bt($t,{})]})})}function Pe({content:e,onAnswersChange:t,onSubmit:r,answerBus:i,namespace:n,initialAnswers:s,validationFeedback:o,className:l="",locale:a="en",readOnly:c=!1,mediaHandler:d}){let u=io(null);u.current||(u.current=new xe);let p=i??u.current;ct(()=>{s&&s.length>0&&p.prefillAnswers(s)},[s,p]),ct(()=>{if(!t)return;let h=()=>{let y=p.getAllAnswers();t(y)};return p.on("answer:changed",h),()=>p.off("answer:changed",h)},[p,t]),ct(()=>{if(!r)return;let h=y=>{r(y.answers)};return p.on("answer:submitted",h),()=>p.off("answer:submitted",h)},[p,r]),ct(()=>{document.querySelectorAll("[data-audio]").forEach(y=>{let _=y.querySelector("audio"),R=y.querySelector("svg");!_||!R||(y.onclick=()=>{_.paused?(_.play(),R.innerHTML='<path d="M6 4h4v16H6zm8 0h4v16h-4z"/>',R.dataset.icon="pause"):(_.pause(),R.innerHTML='<path d="M6 4v16l12-8z"/>',R.dataset.icon="play")},_.onended=()=>{R.innerHTML='<path d="M6 4v16l12-8z"/>',R.dataset.icon="play"})})},[e]);let m=ge(e,o,{readOnly:c,mediaHandler:d});return $e(Le,{locale:a,children:$e(Ue,{bus:p,children:$e(lt,{children:$e(st,{initialAnswers:s,children:$e("div",{className:`question-runtime ${l}`,"data-namespace":n,style:{fontSize:"1.125rem",lineHeight:"1.75"},children:m})})})})})}import{jsx as kr,jsxs as zr}from"react/jsx-runtime";import{useCallback as so,useRef as ao}from"react";function dt({exercise:e,onAnswersChange:t,validationFeedback:r,renderSharedContext:i,renderQuestion:n,renderSeparator:s,className:o="",locale:l="en"}){let a=ao(new Map),c=so((u,p)=>{if(a.current.set(u,p),t){let m={exerciseId:e.id,questionAnswers:e.questions.map(h=>({questionId:h.id,answers:a.current.get(h.id)??[]}))};t(m)}},[e,t]),d=e.sharedContext?kr("div",{className:"exercise-shared-context",children:ge(e.sharedContext)}):null;return zr("div",{className:`exercise-runtime ${o}`,children:[d&&(i?i(d):d),e.questions.map((u,p)=>{let m=r?.get(u.id),h=kr(Pe,{content:u.content,onAnswersChange:y=>c(u.id,y),validationFeedback:m,locale:l},u.id);return zr("div",{children:[n?n(u,h,p):h,s&&p<e.questions.length-1?s(p):null]},u.id)})]})}import{jsx as Rr,jsxs as lo}from"react/jsx-runtime";import{useCallback as co,useEffect as po,useRef as mo}from"react";function Ne({assessment:e,onAnswersChange:t,validationFeedback:r,renderExercise:i,renderSharedContext:n,renderSeparator:s,className:o="",brandingConfig:l,locale:a="en"}){let c=mo(new Map);po(()=>{if(!l?.fontUrl)return;let p=`edpire-brand-font-${l.fontUrl.replace(/\W/g,"").slice(-24)}`;if(document.getElementById(p))return;let m=document.createElement("link");m.id=p,m.rel="stylesheet",m.href=l.fontUrl,document.head.appendChild(m)},[l?.fontUrl]);let d={};l?.fontFamily&&(d["--brand-font"]=l.fontFamily);let u=co(p=>{if(c.current.set(p.exerciseId,p),t){let m={exerciseAnswers:e.exercises.map(h=>c.current.get(h.id)??{exerciseId:h.id,questionAnswers:[]})};t(m)}},[e,t]);return Rr("div",{className:`assessment-runtime ${o}`,style:Object.keys(d).length?d:void 0,children:e.exercises.map((p,m)=>{let h=r?.get(p.id),y=Rr(dt,{exercise:p,onAnswersChange:u,validationFeedback:h,renderSharedContext:n?_=>n(_,p):void 0,locale:a},p.id);return lo("div",{children:[i?i(p,y,m):y,s&&m<e.exercises.length-1?s(m):null]},p.id)})})}import{jsx as _a}from"react/jsx-runtime";import{jsx as pt,Fragment as Sr,jsxs as mt}from"react/jsx-runtime";function Me({item:e,className:t,renderFigureLabel:r}){return mt("div",{className:`annex-item-view ${t??""}`,children:[e.type==="text-document"&&mt(Sr,{children:[e.title&&pt("h3",{className:"text-base font-semibold mb-2",children:e.title}),ge(e.content)]}),e.type==="figure"&&mt("figure",{children:[ge(e.content),pt("figcaption",{children:r?r(e.label):pt("span",{children:e.label})})]}),e.type==="rich-block"&&mt(Sr,{children:[e.title&&pt("h3",{className:"text-base font-semibold mb-2",children:e.title}),ge(e.content)]})]})}import{jsx as Ea,jsxs as La}from"react/jsx-runtime";import{useState as $a}from"react";import{jsx as Ka,jsxs as Xa}from"react/jsx-runtime";import{useState as qa,useCallback as Wa,useMemo as Ha}from"react";import{useEditor as Ga,EditorContent as Qa}from"@tiptap/react";import Ja from"@tiptap/starter-kit";import el from"@tiptap/extension-underline";function be(e,{insertAt:t}={}){if(!e||typeof document>"u")return;let r=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css",t==="top"&&r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}be(`@keyframes answer-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}@keyframes hop{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-6%) scale(1.05)}}@keyframes wobble{0%,to{transform:translate(0)}15%,85%{transform:translate(-4px)}30%,70%{transform:translate(4px)}45%,55%{transform:translate(-2px)}}.animate-shake{animation:answer-shake .4s both}.animate-hop{animation:hop .5s ease-out}.animate-wobble{animation:wobble .5s ease}.player-choice{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;width:100%;padding:.75rem 1.25rem;border:2px solid #d1d5db;border-radius:.5rem;background-color:#fff;cursor:pointer;user-select:none;transition:all .2s ease;font-weight:500}.player-choice:hover:not(:disabled){background-color:#eff6ff;border-color:#93c5fd}.player-choice:disabled{cursor:not-allowed}.player-choice>img{flex-shrink:0}.player-choice--selected{background-color:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 2px #93c5fd}.player-choice--correct{background-color:#d1fae5;border-color:#22c55e;box-shadow:0 0 0 2px #86efac}.player-choice--incorrect{background-color:#fee2e2;border-color:#ef4444;box-shadow:0 0 0 2px #fca5a5}.player-choice--partial{background-color:#fef3c7;border-color:#f59e0b;box-shadow:0 0 0 2px #fcd34d}.player-choice--disabled{opacity:.6;cursor:not-allowed}.player-blank-input{display:inline-block;min-width:3ch;padding:.25rem .5rem;border:none;border-bottom:2px solid #d1d5db;background-color:transparent;font-size:inherit;font-family:inherit;transition:all .2s ease;outline:none}.player-blank-input:focus{border-bottom-color:#3b82f6;background-color:#eff6ff}.player-blank-input--correct{border-bottom-color:#22c55e;background-color:#d1fae5;color:#15803d}.player-blank-input--incorrect{border-bottom-color:#ef4444;background-color:#fee2e2;color:#991b1b}.player-blank-input:disabled{opacity:.7;cursor:not-allowed}.exercise-runtime{font-family:var(--brand-font, "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif);font-size:1.25rem;line-height:1.6;color:#1f2937}.exercise-runtime input,.exercise-runtime textarea{font-family:inherit}@media(min-width:640px){.exercise-runtime{font-size:1.5rem}}@media(min-width:768px){.exercise-runtime{font-size:1.5rem}}@media(min-width:1024px){.exercise-runtime{font-size:2.25rem}}@media(min-width:1280px){.exercise-runtime{font-size:2.25rem}}.exercise-runtime :lang(ar),.exercise-runtime [lang=ar],.exercise-runtime [dir=rtl]{direction:rtl;font-family:Arial,Scheherazade New,Amiri,sans-serif;text-align:right}.exercise-runtime p{margin:.5em 0;min-height:1.5em}.exercise-runtime p:empty:after{content:"\\a0";display:inline-block;min-height:1em}.exercise-runtime strong{font-weight:600;color:inherit}.exercise-runtime em{font-style:italic}.exercise-runtime ul,.exercise-runtime ol{list-style:revert;margin-left:1.25rem;padding-left:0}.exercise-runtime img{max-width:100%;height:auto;vertical-align:middle;display:inline-block;margin:0 4px}.exercise-runtime .inline-math{display:inline-block;vertical-align:middle;margin:0 2px}.exercise-runtime .math-formula{display:flex;justify-content:center;margin:1em 0}.choice-set-player{margin:1rem 0}.choice-set-player__prompt{font-weight:600;margin-bottom:.75rem;color:#374151}.choice-set-player__prompt-hint{margin-left:.5rem;font-size:.875rem;opacity:.7;font-weight:400}.choice-set-player__choices{display:flex;flex-direction:column;gap:.75rem}.choice-set-player__choices--grid{display:grid;gap:.75rem;grid-template-columns:1fr}@media(min-width:640px){.choice-set-player__choices--grid{grid-template-columns:repeat(2,1fr)}}.choice-set-player--inline{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.choice-set-player--inline .player-choice{width:auto;padding:.5rem 1rem}.player-choice:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.player-blank-input:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media(prefers-contrast:high){.player-choice{border-width:3px}.player-choice--correct{border-color:#15803d}.player-choice--incorrect{border-color:#991b1b}}@media(prefers-reduced-motion:reduce){.animate-shake,.animate-hop,.animate-wobble{animation:none}.player-choice{transition:none}}@media print{.exercise-runtime{font-size:12pt;color:#000}.player-choice{border:1px solid black;background-color:#fff;page-break-inside:avoid}.player-choice--correct:after{content:" \\2713";font-weight:700}.player-choice--incorrect:after{content:" \\2717";font-weight:700}}.matching-player{margin:1rem 0}.matching-player__instruction{display:none}.matching-player__arena{position:relative;display:flex;flex-direction:column;gap:.5rem}.matching-player__arena--dragging{user-select:none;touch-action:none}.matching-player__svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}.matching-player__columns{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;position:relative}.matching-player__column{display:flex;flex-direction:column;gap:.5rem}.matching-player__item{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:.625rem;background:#fff;text-align:left;transition:border-color .15s,background .15s,box-shadow .15s,transform .1s;font-size:inherit;font-family:inherit;color:inherit;min-height:52px;user-select:none;-webkit-tap-highlight-color:transparent}.matching-player__item:not(.matching-player__item--disabled){cursor:grab}.matching-player__item:not(.matching-player__item--disabled):active{cursor:grabbing}.matching-player__item:hover:not(.matching-player__item--disabled){border-color:#94a3b8;background:#f8fafc}.matching-player__item--selected{border-color:#3b82f6!important;background:#eff6ff!important;box-shadow:0 0 0 3px #3b82f640;transform:scale(1.02)}.matching-player__item--available{border-color:#93c5fd;border-style:dashed}.matching-player__item--available:hover{border-color:#3b82f6;border-style:solid;background:#f0f9ff}.matching-player__item--matched{border-width:2px}.matching-player__item--matched:hover:not(.matching-player__item--disabled){filter:brightness(.96)}.matching-player__item--disabled{cursor:default;pointer-events:none}.matching-player__item-text{flex:1;min-width:0;line-height:1.4}.matching-player__item-text p{margin:0}.matching-player__pair-num{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:.7rem;font-weight:700;line-height:1}.matching-player__connector{flex-shrink:0;color:#94a3b8;display:flex;align-items:center;transition:color .2s,transform .2s;border-radius:50%}.matching-player__item:hover .matching-player__connector{color:#3b82f6;transform:scale(1.25)}.matching-player__connector--left{order:10;margin-left:6px}.matching-player__connector--right{order:-1;margin-right:6px}.matching-player__correct-hint{width:100%;order:20;font-weight:700;color:#15803d;font-size:.82em;line-height:1.4;padding-top:.1em;word-break:break-word}.matching-player__correct-hint p{display:inline;margin:0}.matching-player__item:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}.blank-correct-hint{display:inline;font-weight:700;color:#16a34a;font-size:.875em;margin-left:.3em;word-break:break-word}@keyframes matching-pulse{0%{opacity:.5}to{opacity:1}}@media(prefers-reduced-motion:reduce){.matching-player__item{transition:none}}@media(max-width:600px){.matching-player__columns{gap:1rem}.matching-player__item{padding:.5rem .6rem;min-height:44px;font-size:.875rem;gap:.35rem}.matching-player__item:not(.matching-player__item--disabled){cursor:pointer}.matching-player__item:not(.matching-player__item--disabled):active{cursor:pointer}.matching-player__connector svg{width:15px;height:15px}}.math-inline,.math-block,.math-response-player,.katex,.katex-display{direction:ltr;unicode-bidi:isolate}
|
|
3
3
|
`);be(`@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(fonts/KaTeX_AMS-Regular.woff2) format("woff2"),url(fonts/KaTeX_AMS-Regular.woff) format("woff"),url(fonts/KaTeX_AMS-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(fonts/KaTeX_Caligraphic-Bold.woff2) format("woff2"),url(fonts/KaTeX_Caligraphic-Bold.woff) format("woff"),url(fonts/KaTeX_Caligraphic-Bold.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Caligraphic-Regular.woff2) format("woff2"),url(fonts/KaTeX_Caligraphic-Regular.woff) format("woff"),url(fonts/KaTeX_Caligraphic-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(fonts/KaTeX_Fraktur-Bold.woff2) format("woff2"),url(fonts/KaTeX_Fraktur-Bold.woff) format("woff"),url(fonts/KaTeX_Fraktur-Bold.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Fraktur-Regular.woff2) format("woff2"),url(fonts/KaTeX_Fraktur-Regular.woff) format("woff"),url(fonts/KaTeX_Fraktur-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(fonts/KaTeX_Main-Bold.woff2) format("woff2"),url(fonts/KaTeX_Main-Bold.woff) format("woff"),url(fonts/KaTeX_Main-Bold.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(fonts/KaTeX_Main-BoldItalic.woff2) format("woff2"),url(fonts/KaTeX_Main-BoldItalic.woff) format("woff"),url(fonts/KaTeX_Main-BoldItalic.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(fonts/KaTeX_Main-Italic.woff2) format("woff2"),url(fonts/KaTeX_Main-Italic.woff) format("woff"),url(fonts/KaTeX_Main-Italic.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Main-Regular.woff2) format("woff2"),url(fonts/KaTeX_Main-Regular.woff) format("woff"),url(fonts/KaTeX_Main-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(fonts/KaTeX_Math-BoldItalic.woff2) format("woff2"),url(fonts/KaTeX_Math-BoldItalic.woff) format("woff"),url(fonts/KaTeX_Math-BoldItalic.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(fonts/KaTeX_Math-Italic.woff2) format("woff2"),url(fonts/KaTeX_Math-Italic.woff) format("woff"),url(fonts/KaTeX_Math-Italic.ttf) format("truetype")}@font-face{font-family:KaTeX_SansSerif;font-style:normal;font-weight:700;src:url(fonts/KaTeX_SansSerif-Bold.woff2) format("woff2"),url(fonts/KaTeX_SansSerif-Bold.woff) format("woff"),url(fonts/KaTeX_SansSerif-Bold.ttf) format("truetype")}@font-face{font-family:KaTeX_SansSerif;font-style:italic;font-weight:400;src:url(fonts/KaTeX_SansSerif-Italic.woff2) format("woff2"),url(fonts/KaTeX_SansSerif-Italic.woff) format("woff"),url(fonts/KaTeX_SansSerif-Italic.ttf) format("truetype")}@font-face{font-family:KaTeX_SansSerif;font-style:normal;font-weight:400;src:url(fonts/KaTeX_SansSerif-Regular.woff2) format("woff2"),url(fonts/KaTeX_SansSerif-Regular.woff) format("woff"),url(fonts/KaTeX_SansSerif-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Script-Regular.woff2) format("woff2"),url(fonts/KaTeX_Script-Regular.woff) format("woff"),url(fonts/KaTeX_Script-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size1-Regular.woff2) format("woff2"),url(fonts/KaTeX_Size1-Regular.woff) format("woff"),url(fonts/KaTeX_Size1-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size2-Regular.woff2) format("woff2"),url(fonts/KaTeX_Size2-Regular.woff) format("woff"),url(fonts/KaTeX_Size2-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size3-Regular.woff2) format("woff2"),url(fonts/KaTeX_Size3-Regular.woff) format("woff"),url(fonts/KaTeX_Size3-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size4-Regular.woff2) format("woff2"),url(fonts/KaTeX_Size4-Regular.woff) format("woff"),url(fonts/KaTeX_Size4-Regular.ttf) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Typewriter-Regular.woff2) format("woff2"),url(fonts/KaTeX_Typewriter-Regular.woff) format("woff"),url(fonts/KaTeX_Typewriter-Regular.ttf) format("truetype")}.katex{font: 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.22"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}
|
|
4
|
-
`);be(`/*! tailwindcss v4.2.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-950:oklch(25.8% .092 26.042);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-700:oklch(55.3% .195 38.402);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-lime-50:oklch(98.6% .031 120.757);--color-lime-200:oklch(93.8% .127 124.321);--color-lime-400:oklch(84.1% .238 128.85);--color-lime-500:oklch(76.8% .233 130.85);--color-lime-600:oklch(64.8% .2 131.684);--color-lime-900:oklch(40.5% .101 131.063);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-teal-600:oklch(60% .118 184.704);--color-teal-700:oklch(51.1% .096 186.391);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-800:oklch(39.8% .195 277.366);--color-indigo-900:oklch(35.9% .144 278.697);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-600:oklch(55.8% .288 302.321);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-900:oklch(41% .159 10.272);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentColor)}::file-selector-button{border-color:var(--color-gray-200,currentColor)}}@layer components,utilities;.\\@container{container-type:inline-size}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end-3{inset-inline-end:calc(var(--spacing) * 3)}.top-0{top:calc(var(--spacing) * 0)}.top-1\\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.right-1{right:calc(var(--spacing) * 1)}.right-3{right:calc(var(--spacing) * 3)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing) * 0)}.left-1\\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\\[60\\]{z-index:60}.z-\\[9999\\]{z-index:9999}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-\\[calc\\(100svh-6rem\\)\\]{max-height:calc(100svh - 6rem)}.max-h-\\[calc\\(100vh-8rem\\)\\]{max-height:calc(100vh - 8rem)}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\\[72px\\]{min-height:72px}.min-h-\\[100px\\]{min-height:100px}.min-h-\\[120px\\]{min-height:120px}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-\\[88\\%\\]{width:88%}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\\[160px\\]{max-width:160px}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[240px\\]{max-width:240px}.max-w-\\[300px\\]{max-width:300px}.max-w-full{max-width:100%}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\\[2ch\\]{min-width:2ch}.min-w-\\[4ch\\]{min-width:4ch}.min-w-\\[7ch\\]{min-width:7ch}.min-w-\\[80px\\]{min-width:80px}.min-w-\\[180px\\]{min-width:180px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-\\[110\\%\\]{--tw-translate-x: -110% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\\[hop_0\\.4s_ease\\]{animation:.4s hop}.animate-\\[wobble_0\\.35s_ease\\]{animation:.35s wobble}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-manipulation{touch-action:manipulation}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-\\[repeat\\(auto-fit\\,minmax\\(10rem\\,1fr\\)\\)\\]{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{column-gap:calc(var(--spacing) * 1)}.gap-y-0\\.5{row-gap:calc(var(--spacing) * .5)}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-e-lg{border-start-end-radius:var(--radius-lg);border-end-end-radius:var(--radius-lg)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-400{border-color:var(--color-amber-400)}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-400{border-color:var(--color-blue-400)}.border-current\\/20{border-color:currentColor}@supports (color:color-mix(in lab,red,red)){.border-current\\/20{border-color:color-mix(in oklab,currentcolor 20%,transparent)}}.border-emerald-200{border-color:var(--color-emerald-200)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-green-200{border-color:var(--color-green-200)}.border-green-600{border-color:var(--color-green-600)}.border-indigo-200{border-color:var(--color-indigo-200)}.border-indigo-300{border-color:var(--color-indigo-300)}.border-indigo-400{border-color:var(--color-indigo-400)}.border-lime-200{border-color:var(--color-lime-200)}.border-lime-400{border-color:var(--color-lime-400)}.border-lime-500{border-color:var(--color-lime-500)}.border-purple-300{border-color:var(--color-purple-300)}.border-purple-400{border-color:var(--color-purple-400)}.border-red-200{border-color:var(--color-red-200)}.border-red-600{border-color:var(--color-red-600)}.border-rose-200{border-color:var(--color-rose-200)}.border-rose-400{border-color:var(--color-rose-400)}.border-rose-500{border-color:var(--color-rose-500)}.border-sky-300{border-color:var(--color-sky-300)}.border-sky-400{border-color:var(--color-sky-400)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-violet-100{border-color:var(--color-violet-100)}.border-violet-200{border-color:var(--color-violet-200)}.border-violet-300{border-color:var(--color-violet-300)}.border-t-transparent{border-top-color:#0000}.border-b-amber-500{border-bottom-color:var(--color-amber-500)}.border-b-lime-500{border-bottom-color:var(--color-lime-500)}.border-b-rose-500{border-bottom-color:var(--color-rose-500)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-black{background-color:var(--color-black)}.bg-black\\/25{background-color:#00000040}@supports (color:color-mix(in lab,red,red)){.bg-black\\/25{background-color:color-mix(in oklab,var(--color-black) 25%,transparent)}}.bg-black\\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-lime-50{background-color:var(--color-lime-50)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-950\\/80{background-color:#460809cc}@supports (color:color-mix(in lab,red,red)){.bg-red-950\\/80{background-color:color-mix(in oklab,var(--color-red-950) 80%,transparent)}}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-600{background-color:var(--color-rose-600)}.bg-sky-50{background-color:var(--color-sky-50)}.bg-sky-50\\/40{background-color:#f0f9ff66}@supports (color:color-mix(in lab,red,red)){.bg-sky-50\\/40{background-color:color-mix(in oklab,var(--color-sky-50) 40%,transparent)}}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-teal-600{background-color:var(--color-teal-600)}.bg-violet-50{background-color:var(--color-violet-50)}.bg-violet-200{background-color:var(--color-violet-200)}.bg-white{background-color:var(--color-white)}.bg-white\\/60{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.bg-white\\/60{background-color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing) * 1)}.p-1\\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-1\\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[0\\.9em\\]{font-size:.9em}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[20px\\]{font-size:20px}.leading-\\[inherit\\]{--tw-leading:inherit;line-height:inherit}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-black\\/20{color:#0003}@supports (color:color-mix(in lab,red,red)){.text-black\\/20{color:color-mix(in oklab,var(--color-black) 20%,transparent)}}.text-blue-600{color:var(--color-blue-600)}.text-blue-900{color:var(--color-blue-900)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-indigo-400{color:var(--color-indigo-400)}.text-indigo-500{color:var(--color-indigo-500)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-700{color:var(--color-indigo-700)}.text-indigo-900{color:var(--color-indigo-900)}.text-lime-600{color:var(--color-lime-600)}.text-lime-900{color:var(--color-lime-900)}.text-orange-700{color:var(--color-orange-700)}.text-purple-600{color:var(--color-purple-600)}.text-red-200{color:var(--color-red-200)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-rose-500{color:var(--color-rose-500)}.text-rose-600{color:var(--color-rose-600)}.text-rose-900{color:var(--color-rose-900)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-violet-500{color:var(--color-violet-500)}.text-violet-600{color:var(--color-violet-600)}.text-violet-700{color:var(--color-violet-700)}.text-violet-800{color:var(--color-violet-800)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.accent-indigo-600{accent-color:var(--color-indigo-600)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-blue-300{--tw-ring-color:var(--color-blue-300)}.ring-green-500{--tw-ring-color:var(--color-green-500)}.ring-red-400{--tw-ring-color:var(--color-red-400)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-open\\:rotate-90:is(:where(.group):is([open],:popover-open,:open) *){rotate:90deg}@media(hover:hover){.group-hover\\/blank\\:opacity-60:is(:where(.group\\/blank):hover *){opacity:.6}}.focus-within\\:border-indigo-500:focus-within{border-color:var(--color-indigo-500)}.focus-within\\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\\:ring-indigo-500:focus-within{--tw-ring-color:var(--color-indigo-500)}@media(hover:hover){.hover\\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\\:border-indigo-400:hover{border-color:var(--color-indigo-400)}.hover\\:bg-amber-500:hover{background-color:var(--color-amber-500)}.hover\\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\\:bg-indigo-50:hover{background-color:var(--color-indigo-50)}.hover\\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}.hover\\:bg-rose-700:hover{background-color:var(--color-rose-700)}.hover\\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\\:bg-teal-700:hover{background-color:var(--color-teal-700)}.hover\\:text-gray-700:hover{color:var(--color-gray-700)}.hover\\:text-indigo-700:hover{color:var(--color-indigo-700)}.hover\\:text-indigo-800:hover{color:var(--color-indigo-800)}.hover\\:text-rose-500:hover{color:var(--color-rose-500)}.hover\\:text-slate-700:hover{color:var(--color-slate-700)}.hover\\:underline:hover{text-decoration-line:underline}}.focus\\:border-indigo-500:focus{border-color:var(--color-indigo-500)}.focus\\:border-sky-500:focus{border-color:var(--color-sky-500)}.focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-indigo-300:focus{--tw-ring-color:var(--color-indigo-300)}.focus\\:ring-indigo-500:focus{--tw-ring-color:var(--color-indigo-500)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:bg-gray-300:disabled{background-color:var(--color-gray-300)}.disabled\\:opacity-50:disabled{opacity:.5}@media(min-width:40rem){.sm\\:block{display:block}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:flex-row{flex-direction:row}.sm\\:items-center{align-items:center}.sm\\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media(min-width:64rem){.lg\\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}@container (min-width:72rem){.\\@6xl\\:flex{display:flex}.\\@6xl\\:hidden{display:none}}.\\[\\&_\\.ProseMirror\\]\\:min-h-\\[80px\\] .ProseMirror{min-height:80px}.\\[\\&_\\.ProseMirror\\]\\:outline-none .ProseMirror{--tw-outline-style:none;outline-style:none}.\\[\\&_\\.ProseMirror_p\\.is-editor-empty\\:first-child\\:\\:before\\]\\:pointer-events-none .ProseMirror p.is-editor-empty:first-child:before{pointer-events:none}.\\[\\&_\\.ProseMirror_p\\.is-editor-empty\\:first-child\\:\\:before\\]\\:float-left .ProseMirror p.is-editor-empty:first-child:before{float:left}.\\[\\&_\\.ProseMirror_p\\.is-editor-empty\\:first-child\\:\\:before\\]\\:h-0 .ProseMirror p.is-editor-empty:first-child:before{height:calc(var(--spacing) * 0)}.\\[\\&_\\.ProseMirror_p\\.is-editor-empty\\:first-child\\:\\:before\\]\\:text-gray-400 .ProseMirror p.is-editor-empty:first-child:before{color:var(--color-gray-400)}.\\[\\&_\\.ProseMirror_p\\.is-editor-empty\\:first-child\\:\\:before\\]\\:content-\\[attr\\(data-placeholder\\)\\] .ProseMirror p.is-editor-empty:first-child:before{--tw-content:attr(data-placeholder);content:var(--tw-content)}.\\[\\&\\>img\\]\\:shrink-0>img{flex-shrink:0}@supports not (height:100dvh){.h-dvh{height:100vh}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
|
|
5
|
-
`);import{jsx as
|
|
4
|
+
`);be(`/*! tailwindcss v4.2.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-950:oklch(25.8% .092 26.042);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-700:oklch(55.3% .195 38.402);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-lime-50:oklch(98.6% .031 120.757);--color-lime-200:oklch(93.8% .127 124.321);--color-lime-400:oklch(84.1% .238 128.85);--color-lime-500:oklch(76.8% .233 130.85);--color-lime-600:oklch(64.8% .2 131.684);--color-lime-900:oklch(40.5% .101 131.063);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-teal-600:oklch(60% .118 184.704);--color-teal-700:oklch(51.1% .096 186.391);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-800:oklch(39.8% .195 277.366);--color-indigo-900:oklch(35.9% .144 278.697);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-600:oklch(55.8% .288 302.321);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-900:oklch(41% .159 10.272);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentColor)}::file-selector-button{border-color:var(--color-gray-200,currentColor)}}@layer components,utilities;.\\@container{container-type:inline-size}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.end-3{inset-inline-end:calc(var(--spacing) * 3)}.top-0{top:calc(var(--spacing) * 0)}.top-1\\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.right-1{right:calc(var(--spacing) * 1)}.right-3{right:calc(var(--spacing) * 3)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing) * 0)}.left-1\\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\\[60\\]{z-index:60}.z-\\[9999\\]{z-index:9999}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-\\[600px\\]{height:600px}.h-dvh{height:100dvh}.h-full{height:100%}.h-screen{height:100vh}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-\\[calc\\(100svh-6rem\\)\\]{max-height:calc(100svh - 6rem)}.max-h-\\[calc\\(100vh-8rem\\)\\]{max-height:calc(100vh - 8rem)}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\\[72px\\]{min-height:72px}.min-h-\\[100px\\]{min-height:100px}.min-h-\\[120px\\]{min-height:120px}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-\\[88\\%\\]{width:88%}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\\[160px\\]{max-width:160px}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[240px\\]{max-width:240px}.max-w-\\[300px\\]{max-width:300px}.max-w-full{max-width:100%}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\\[2ch\\]{min-width:2ch}.min-w-\\[4ch\\]{min-width:4ch}.min-w-\\[7ch\\]{min-width:7ch}.min-w-\\[80px\\]{min-width:80px}.min-w-\\[180px\\]{min-width:180px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-\\[110\\%\\]{--tw-translate-x: -110% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\\[hop_0\\.4s_ease\\]{animation:.4s hop}.animate-\\[wobble_0\\.35s_ease\\]{animation:.35s wobble}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-manipulation{touch-action:manipulation}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-\\[repeat\\(auto-fit\\,minmax\\(10rem\\,1fr\\)\\)\\]{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{column-gap:calc(var(--spacing) * 1)}.gap-y-0\\.5{row-gap:calc(var(--spacing) * .5)}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-e-lg{border-start-end-radius:var(--radius-lg);border-end-end-radius:var(--radius-lg)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-400{border-color:var(--color-amber-400)}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-400{border-color:var(--color-blue-400)}.border-current\\/20{border-color:currentColor}@supports (color:color-mix(in lab,red,red)){.border-current\\/20{border-color:color-mix(in oklab,currentcolor 20%,transparent)}}.border-emerald-200{border-color:var(--color-emerald-200)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-green-200{border-color:var(--color-green-200)}.border-green-600{border-color:var(--color-green-600)}.border-indigo-200{border-color:var(--color-indigo-200)}.border-indigo-300{border-color:var(--color-indigo-300)}.border-indigo-400{border-color:var(--color-indigo-400)}.border-lime-200{border-color:var(--color-lime-200)}.border-lime-400{border-color:var(--color-lime-400)}.border-lime-500{border-color:var(--color-lime-500)}.border-purple-300{border-color:var(--color-purple-300)}.border-purple-400{border-color:var(--color-purple-400)}.border-red-200{border-color:var(--color-red-200)}.border-red-600{border-color:var(--color-red-600)}.border-rose-200{border-color:var(--color-rose-200)}.border-rose-400{border-color:var(--color-rose-400)}.border-rose-500{border-color:var(--color-rose-500)}.border-sky-300{border-color:var(--color-sky-300)}.border-sky-400{border-color:var(--color-sky-400)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-violet-100{border-color:var(--color-violet-100)}.border-violet-200{border-color:var(--color-violet-200)}.border-violet-300{border-color:var(--color-violet-300)}.border-t-transparent{border-top-color:#0000}.border-b-amber-500{border-bottom-color:var(--color-amber-500)}.border-b-lime-500{border-bottom-color:var(--color-lime-500)}.border-b-rose-500{border-bottom-color:var(--color-rose-500)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-black{background-color:var(--color-black)}.bg-black\\/25{background-color:#00000040}@supports (color:color-mix(in lab,red,red)){.bg-black\\/25{background-color:color-mix(in oklab,var(--color-black) 25%,transparent)}}.bg-black\\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-lime-50{background-color:var(--color-lime-50)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-950\\/80{background-color:#460809cc}@supports (color:color-mix(in lab,red,red)){.bg-red-950\\/80{background-color:color-mix(in oklab,var(--color-red-950) 80%,transparent)}}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-600{background-color:var(--color-rose-600)}.bg-sky-50{background-color:var(--color-sky-50)}.bg-sky-50\\/40{background-color:#f0f9ff66}@supports (color:color-mix(in lab,red,red)){.bg-sky-50\\/40{background-color:color-mix(in oklab,var(--color-sky-50) 40%,transparent)}}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-teal-600{background-color:var(--color-teal-600)}.bg-violet-50{background-color:var(--color-violet-50)}.bg-violet-200{background-color:var(--color-violet-200)}.bg-white{background-color:var(--color-white)}.bg-white\\/60{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.bg-white\\/60{background-color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing) * 1)}.p-1\\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-1\\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[0\\.9em\\]{font-size:.9em}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[20px\\]{font-size:20px}.leading-\\[inherit\\]{--tw-leading:inherit;line-height:inherit}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-black\\/20{color:#0003}@supports (color:color-mix(in lab,red,red)){.text-black\\/20{color:color-mix(in oklab,var(--color-black) 20%,transparent)}}.text-blue-600{color:var(--color-blue-600)}.text-blue-900{color:var(--color-blue-900)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-indigo-400{color:var(--color-indigo-400)}.text-indigo-500{color:var(--color-indigo-500)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-700{color:var(--color-indigo-700)}.text-indigo-900{color:var(--color-indigo-900)}.text-lime-600{color:var(--color-lime-600)}.text-lime-900{color:var(--color-lime-900)}.text-orange-700{color:var(--color-orange-700)}.text-purple-600{color:var(--color-purple-600)}.text-red-200{color:var(--color-red-200)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-rose-500{color:var(--color-rose-500)}.text-rose-600{color:var(--color-rose-600)}.text-rose-900{color:var(--color-rose-900)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-violet-500{color:var(--color-violet-500)}.text-violet-600{color:var(--color-violet-600)}.text-violet-700{color:var(--color-violet-700)}.text-violet-800{color:var(--color-violet-800)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.accent-indigo-600{accent-color:var(--color-indigo-600)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-blue-300{--tw-ring-color:var(--color-blue-300)}.ring-green-500{--tw-ring-color:var(--color-green-500)}.ring-red-400{--tw-ring-color:var(--color-red-400)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-open\\:rotate-90:is(:where(.group):is([open],:popover-open,:open) *){rotate:90deg}@media(hover:hover){.group-hover\\/blank\\:opacity-60:is(:where(.group\\/blank):hover *){opacity:.6}}.focus-within\\:border-indigo-500:focus-within{border-color:var(--color-indigo-500)}.focus-within\\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\\:ring-indigo-500:focus-within{--tw-ring-color:var(--color-indigo-500)}@media(hover:hover){.hover\\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\\:border-indigo-400:hover{border-color:var(--color-indigo-400)}.hover\\:bg-amber-500:hover{background-color:var(--color-amber-500)}.hover\\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\\:bg-indigo-50:hover{background-color:var(--color-indigo-50)}.hover\\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}.hover\\:bg-rose-700:hover{background-color:var(--color-rose-700)}.hover\\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\\:bg-teal-700:hover{background-color:var(--color-teal-700)}.hover\\:text-gray-700:hover{color:var(--color-gray-700)}.hover\\:text-indigo-700:hover{color:var(--color-indigo-700)}.hover\\:text-indigo-800:hover{color:var(--color-indigo-800)}.hover\\:text-rose-500:hover{color:var(--color-rose-500)}.hover\\:text-slate-700:hover{color:var(--color-slate-700)}.hover\\:underline:hover{text-decoration-line:underline}}.focus\\:border-indigo-500:focus{border-color:var(--color-indigo-500)}.focus\\:border-sky-500:focus{border-color:var(--color-sky-500)}.focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-indigo-300:focus{--tw-ring-color:var(--color-indigo-300)}.focus\\:ring-indigo-500:focus{--tw-ring-color:var(--color-indigo-500)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:bg-gray-300:disabled{background-color:var(--color-gray-300)}.disabled\\:opacity-50:disabled{opacity:.5}@media(min-width:40rem){.sm\\:block{display:block}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:flex-row{flex-direction:row}.sm\\:items-center{align-items:center}.sm\\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media(min-width:64rem){.lg\\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}@container (min-width:72rem){.\\@6xl\\:flex{display:flex}.\\@6xl\\:hidden{display:none}}.\\[\\&_\\.ProseMirror\\]\\:min-h-\\[80px\\] .ProseMirror{min-height:80px}.\\[\\&_\\.ProseMirror\\]\\:outline-none .ProseMirror{--tw-outline-style:none;outline-style:none}.\\[\\&_\\.ProseMirror_p\\.is-editor-empty\\:first-child\\:\\:before\\]\\:pointer-events-none .ProseMirror p.is-editor-empty:first-child:before{pointer-events:none}.\\[\\&_\\.ProseMirror_p\\.is-editor-empty\\:first-child\\:\\:before\\]\\:float-left .ProseMirror p.is-editor-empty:first-child:before{float:left}.\\[\\&_\\.ProseMirror_p\\.is-editor-empty\\:first-child\\:\\:before\\]\\:h-0 .ProseMirror p.is-editor-empty:first-child:before{height:calc(var(--spacing) * 0)}.\\[\\&_\\.ProseMirror_p\\.is-editor-empty\\:first-child\\:\\:before\\]\\:text-gray-400 .ProseMirror p.is-editor-empty:first-child:before{color:var(--color-gray-400)}.\\[\\&_\\.ProseMirror_p\\.is-editor-empty\\:first-child\\:\\:before\\]\\:content-\\[attr\\(data-placeholder\\)\\] .ProseMirror p.is-editor-empty:first-child:before{--tw-content:attr(data-placeholder);content:var(--tw-content)}.\\[\\&\\>img\\]\\:shrink-0>img{flex-shrink:0}@supports not (height:100dvh){.h-dvh{height:100vh}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
|
|
5
|
+
`);import{jsx as Nr}from"react/jsx-runtime";var _r=xo.memo(function({content:t,onAnswersChange:r,feedback:i,initialAnswers:n,className:s,dir:o}){let l=bo(()=>{if(i)return new Map(Object.entries(i))},[i]),a=Nr(Pe,{content:t,onAnswersChange:r,initialAnswers:n,validationFeedback:l,className:s});return o?Nr("div",{dir:o,children:a}):a});import{useEffect as qo,useRef as Ut}from"react";import Ko from"react";import{createRoot as Xo}from"react-dom/client";import{useCallback as Ur,useMemo as Bo,useState as Fo}from"react";import{cloneElement as Er,isValidElement as Lr,useCallback as Be,useEffect as Kr,useMemo as Fe,useRef as Xr,useState as _e}from"react";import{Send as jr,Loader2 as $r,BarChart2 as Br,CheckCircle2 as Mo,XCircle as Io,RotateCcw as Eo,X as Fr,Clock as ft}from"lucide-react";import{clsx as wo}from"clsx";import{twMerge as yo}from"tailwind-merge";function ce(...e){return yo(wo(e))}import{Fragment as So,jsx as ae,jsxs as Dt}from"react/jsx-runtime";function vo({accent:e}){return ae("div",{style:{width:48,height:48,borderRadius:"50%",border:`4px solid ${e}33`,borderTopColor:e,animation:"edpire-spin 0.8s linear infinite"}})}function ko({accent:e}){return ae("div",{style:{display:"flex",gap:8,alignItems:"center"},children:[0,1,2].map(t=>ae("div",{style:{width:12,height:12,borderRadius:"50%",background:e,animation:`edpire-bounce 1.2s ease-in-out ${t*.2}s infinite`}},t))})}function zo({accent:e}){return Dt("div",{style:{position:"relative",width:48,height:48},children:[[0,1].map(t=>ae("div",{style:{position:"absolute",inset:0,borderRadius:"50%",background:e,opacity:.4,animation:`edpire-pulse 1.6s ease-out ${t*.8}s infinite`}},t)),ae("div",{style:{position:"absolute",inset:"25%",borderRadius:"50%",background:e}})]})}function Ro({accent:e}){return ae("div",{style:{display:"flex",gap:4,alignItems:"flex-end",height:40},children:[0,1,2,3].map(t=>ae("div",{style:{width:8,borderRadius:4,background:e,animation:`edpire-bars 1s ease-in-out ${t*.15}s infinite`}},t))})}function Cr({visible:e,bgColor:t="rgba(0,0,0,0.55)",accentColor:r="#6366f1",text:i="Evaluating your answers\u2026",aiText:n="Some answers are being reviewed by AI \u2014 this may take a few seconds.",spinnerTheme:s="default",animationUrl:o,hasAiNodes:l=!1,contained:a=!1}){return e?Dt(So,{children:[ae("style",{children:`
|
|
6
6
|
@keyframes edpire-spin {
|
|
7
7
|
to { transform: rotate(360deg); }
|
|
8
8
|
}
|
|
@@ -18,5 +18,5 @@ import po,{useMemo as mo}from"react";import{jsx as $e}from"react/jsx-runtime";im
|
|
|
18
18
|
0%, 100% { height: 12px; }
|
|
19
19
|
50% { height: 40px; }
|
|
20
20
|
}
|
|
21
|
-
`}),se("div",{style:{background:t},className:`${s?"absolute":"fixed"} inset-0 z-[60] flex items-center justify-center`,children:Xt("div",{className:"flex flex-col items-center gap-5 bg-white rounded-2xl shadow-2xl px-10 py-8 max-w-xs text-center",children:[(()=>{if(i)return se("img",{src:i,alt:"",className:"w-24 h-24 object-contain"});switch(a){case"dots":return se(xo,{accent:r});case"pulse":return se(bo,{accent:r});case"bars":return se(wo,{accent:r});default:return se(ho,{accent:r})}})(),se("p",{className:"text-sm font-semibold text-slate-800",children:o}),l&&se("p",{className:"text-xs text-slate-500 leading-snug",children:n})]})})]}):null}import{useState as vo}from"react";import{BookOpen as _r,X as ko}from"lucide-react";import{jsx as te,jsxs as ze}from"react/jsx-runtime";function Sr({assessment:e,isSubmitted:t,setAnswers:r,validationFeedback:o,renderExercise:n,renderSeparator:a,primaryColor:i,contained:l=!1,locale:s,t:c}){let[d,u]=vo(!1),m=e.annex,f=m.tabLabel??c("annexDocuments");return ze("div",{className:ce("@container flex-1 min-h-0 flex",l&&"relative"),children:[ze("div",{className:"hidden @6xl:flex flex-1 gap-4 p-4 bg-slate-100 items-start overflow-y-auto",children:[ze("div",{className:"flex-1 sticky top-4 max-h-[calc(100svh-6rem)] flex flex-col bg-white rounded-xl shadow-sm overflow-hidden",children:[ze("div",{className:"flex items-center gap-2 px-5 py-3 border-b border-slate-100 flex-shrink-0",children:[te(_r,{size:14,className:"text-indigo-500"}),te("span",{className:"text-xs font-bold text-slate-600 uppercase tracking-widest",children:f})]}),te("div",{className:"flex-1 overflow-y-auto px-6 py-5 flex flex-col gap-6",children:m.items.map(g=>te(Me,{item:g},g.id))})]}),te("div",{className:"w-px bg-slate-200 flex-shrink-0 self-stretch my-1 rounded-full"}),te("div",{className:"flex-1 bg-white rounded-xl shadow-sm",children:te("div",{className:"px-6 py-5 flex flex-col gap-4",children:te(_e,{assessment:e,onAnswersChange:t?void 0:r,validationFeedback:o,renderExercise:n,renderSeparator:a,locale:s})})})]}),ze("div",{className:"@6xl:hidden flex-1 relative overflow-hidden",children:[te("div",{className:"absolute inset-0 overflow-y-auto",children:te("div",{className:"max-w-3xl mx-auto px-5 py-5 flex flex-col gap-4",children:te(_e,{assessment:e,onAnswersChange:t?void 0:r,validationFeedback:o,renderExercise:n,renderSeparator:a,locale:s})})}),d&&te("div",{className:ce("inset-0 z-30 bg-black/25",l?"absolute":"fixed"),onClick:()=>u(!1)}),ze("div",{className:ce("top-1/2 left-2 -translate-y-1/2 z-40 w-[88%] bg-indigo-50 rounded-2xl shadow-2xl flex flex-col overflow-hidden transition-transform duration-300 ease-in-out",l?"absolute":"fixed",d?"translate-x-0":"-translate-x-[110%]"),children:[ze("div",{className:"flex items-center justify-between px-5 py-3 flex-shrink-0",children:[te("span",{className:"text-sm font-bold text-indigo-900",children:f}),te("button",{onClick:()=>u(!1),className:"p-1 text-indigo-400 hover:text-indigo-700 rounded-lg transition-colors",children:te(ko,{size:18})})]}),te("div",{className:"overflow-y-auto max-h-[calc(100vh-8rem)] px-5 pb-5 flex flex-col gap-5",children:m.items.map(g=>te(Me,{item:g},g.id))})]})]}),!d&&ze("button",{onClick:()=>u(!0),style:{transform:"translateY(-50%)",...i?{backgroundColor:i}:{}},className:ce("@6xl:hidden top-1/2 left-0 z-20 flex flex-col items-center gap-1 py-3 px-1.5 bg-indigo-600 text-white text-[10px] font-bold uppercase tracking-wider rounded-e-lg shadow-md hover:bg-indigo-700 transition-colors",l?"absolute":"fixed"),children:[te(_r,{size:12}),te("span",{style:{writingMode:"vertical-rl",transform:"rotate(180deg)"},children:f})]})]})}function Cr(e){let t=new Map;for(let r of e){let o=new Map;for(let n of r.questions){let a=new Map;for(let i of n.nodeResults){let l={state:i.status,showFeedback:!0,score:i.score,...i.feedback!==void 0?{message:i.feedback}:{},...i.displayAnswer!==void 0?{displayAnswer:i.displayAnswer}:{},...i.teacherFeedback!==void 0?{teacherFeedback:i.teacherFeedback}:{}};i.detail?.type==="choiceSet"?l.correctChoiceIds=i.detail.correctChoiceIds:i.detail?.type==="matchingSet"&&(l.pairFeedback=i.detail.pairFeedback,l.correctPairings=i.detail.correctPairings),a.set(i.nodeId,l)}o.set(n.questionId,a)}t.set(r.exerciseId,o)}return t}var zo={exercise:"Exercise {index}",submit:"Submit Assessment",submitting:"Submitting...",confirmTitle:"Submit Assessment",confirmDescription:"Are you sure you want to submit? You cannot change your answers after submitting.",confirmSubmit:"Submit",confirmCancel:"Cancel",assessmentPassed:"Assessment passed",assessmentNotPassed:"Assessment not passed",awaitingReview:"Awaiting review",awaitingReviewDesc:"Your teacher is reviewing your open responses. Your final score will be available once grading is complete.",pendingReview:"Pending review",viewFullReport:"View Full Report",poweredBy:"Powered by Edpire",evaluating:"Evaluating your answers\u2026",aiEvaluating:"Some answers are being reviewed by AI \u2014 this may take a few seconds.",reset:"Reset",back:"Back",annexDocuments:"Documents","timeUp.title":"Time's up","timeUp.submitting":"Submitting your answers\u2026"},Ro={exercise:"Exercice {index}",submit:"Soumettre l'\xE9valuation",submitting:"Soumission...",confirmTitle:"Soumettre l'\xE9valuation",confirmDescription:"\xCAtes-vous s\xFBr de vouloir soumettre ? Vous ne pourrez pas modifier vos r\xE9ponses.",confirmSubmit:"Soumettre",confirmCancel:"Annuler",assessmentPassed:"\xC9valuation r\xE9ussie",assessmentNotPassed:"\xC9valuation non r\xE9ussie",awaitingReview:"En attente de correction",awaitingReviewDesc:"Votre professeur examine vos r\xE9ponses ouvertes. Votre note finale sera disponible une fois la correction termin\xE9e.",pendingReview:"En attente de correction",viewFullReport:"Voir le rapport complet",poweredBy:"Propuls\xE9 par Edpire",evaluating:"\xC9valuation de vos r\xE9ponses\u2026",aiEvaluating:"Certaines r\xE9ponses sont examin\xE9es par l'IA \u2014 cela peut prendre quelques secondes.",reset:"R\xE9initialiser",back:"Retour",annexDocuments:"Documents","timeUp.title":"Temps \xE9coul\xE9","timeUp.submitting":"Envoi de vos r\xE9ponses\u2026"},No={exercise:"\u062A\u0645\u0631\u064A\u0646 {index}",submit:"\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u062A\u0642\u064A\u064A\u0645",submitting:"\u062C\u0627\u0631\u064D \u0627\u0644\u0625\u0631\u0633\u0627\u0644...",confirmTitle:"\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u062A\u0642\u064A\u064A\u0645",confirmDescription:"\u0647\u0644 \u0623\u0646\u062A \u0645\u062A\u0623\u0643\u062F \u0645\u0646 \u0627\u0644\u0625\u0631\u0633\u0627\u0644\u061F \u0644\u0646 \u062A\u062A\u0645\u0643\u0646 \u0645\u0646 \u062A\u063A\u064A\u064A\u0631 \u0625\u062C\u0627\u0628\u0627\u062A\u0643 \u0628\u0639\u062F \u0627\u0644\u0625\u0631\u0633\u0627\u0644.",confirmSubmit:"\u0625\u0631\u0633\u0627\u0644",confirmCancel:"\u0625\u0644\u063A\u0627\u0621",assessmentPassed:"\u0627\u062C\u062A\u064A\u0627\u0632 \u0627\u0644\u062A\u0642\u064A\u064A\u0645",assessmentNotPassed:"\u0644\u0645 \u064A\u062A\u0645 \u0627\u062C\u062A\u064A\u0627\u0632 \u0627\u0644\u062A\u0642\u064A\u064A\u0645",awaitingReview:"\u0641\u064A \u0627\u0646\u062A\u0638\u0627\u0631 \u0627\u0644\u062A\u0635\u062D\u064A\u062D",awaitingReviewDesc:"\u064A\u0642\u0648\u0645 \u0645\u0639\u0644\u0645\u0643 \u0628\u0645\u0631\u0627\u062C\u0639\u0629 \u0625\u062C\u0627\u0628\u0627\u062A\u0643 \u0627\u0644\u0645\u0641\u062A\u0648\u062D\u0629. \u0633\u062A\u0638\u0647\u0631 \u0639\u0644\u0627\u0645\u062A\u0643 \u0627\u0644\u0646\u0647\u0627\u0626\u064A\u0629 \u0628\u0639\u062F \u0627\u0643\u062A\u0645\u0627\u0644 \u0627\u0644\u062A\u0635\u062D\u064A\u062D.",pendingReview:"\u0642\u064A\u062F \u0627\u0644\u062A\u0635\u062D\u064A\u062D",viewFullReport:"\u0639\u0631\u0636 \u0627\u0644\u062A\u0642\u0631\u064A\u0631 \u0627\u0644\u0643\u0627\u0645\u0644",poweredBy:"\u0645\u062F\u0639\u0648\u0645 \u0645\u0646 Edpire",evaluating:"\u062C\u0627\u0631\u064D \u062A\u0642\u064A\u064A\u0645 \u0625\u062C\u0627\u0628\u0627\u062A\u0643\u2026",aiEvaluating:"\u0628\u0639\u0636 \u0627\u0644\u0625\u062C\u0627\u0628\u0627\u062A \u0642\u064A\u062F \u0627\u0644\u0645\u0631\u0627\u062C\u0639\u0629 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064A \u2014 \u0642\u062F \u064A\u0633\u062A\u063A\u0631\u0642 \u0630\u0644\u0643 \u0628\u0636\u0639 \u062B\u0648\u0627\u0646\u064D.",reset:"\u0625\u0639\u0627\u062F\u0629 \u062A\u0639\u064A\u064A\u0646",back:"\u0631\u062C\u0648\u0639",annexDocuments:"\u0627\u0644\u0645\u0633\u062A\u0646\u062F\u0627\u062A","timeUp.title":"\u0627\u0646\u062A\u0647\u0649 \u0627\u0644\u0648\u0642\u062A","timeUp.submitting":"\u062C\u0627\u0631\u064D \u0625\u0631\u0633\u0627\u0644 \u0625\u062C\u0627\u0628\u0627\u062A\u0643\u2026"},Kt={en:zo,fr:Ro,ar:No};function _o(e,t,r){let n=(Kt[e]??Kt.en)[t]??Kt.en[t]??t;return r?Object.entries(r).reduce((a,[i,l])=>a.replace(`{${i}}`,String(l)),n):n}function Tr(e){return(t,r)=>_o(e,t,r)}function Ar(e){return e==="ar"}function Dt(e){return e==="en"?"en":"fr"}be(`.edpire-annex-layout{display:flex;flex:1;min-width:0;height:100%;overflow:hidden;position:relative}.edpire-annex-main{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column}.edpire-annex-panel{width:38%;min-width:280px;max-width:480px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid #e5e7eb;background:#fff;overflow:hidden}.edpire-annex-panel__header{flex-shrink:0;padding:12px 20px;border-bottom:1px solid #f3f4f6;background:#f9fafb}.edpire-annex-panel__header-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.edpire-annex-panel__scroll{flex:1;overflow-y:auto;padding:24px 20px;display:flex;flex-direction:column;gap:32px}.edpire-annex-tab,.edpire-annex-drawer,.edpire-annex-backdrop{display:none}@media(max-width:1023px){.edpire-annex-panel{display:none}.edpire-annex-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:40;background:var(--edpire-annex-tab-bg, #2563eb);color:var(--edpire-annex-tab-color, #ffffff);border:none;border-radius:0 10px 10px 0;padding:18px 10px;cursor:pointer;box-shadow:2px 2px 16px #0000002e;transition:filter .15s}.edpire-annex-tab:hover{filter:brightness(.88)}.edpire-annex-tab__label{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.edpire-annex-drawer{display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;width:min(84vw,440px);background:#fff;z-index:50;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 32px #00000021;overflow:hidden}.edpire-annex-drawer--open{transform:translate(0)}.edpire-annex-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f3f4f6;background:#f9fafb;flex-shrink:0}.edpire-annex-drawer__label{font-size:13px;font-weight:700;color:#111827}.edpire-annex-drawer__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;cursor:pointer;font-size:20px;line-height:1;color:#9ca3af;border-radius:6px;transition:color .15s,background .15s}.edpire-annex-drawer__close:hover{color:#111827;background:#f3f4f6}.edpire-annex-drawer__scroll{flex:1;overflow-y:auto;padding:24px 20px;display:flex;flex-direction:column;gap:32px}.edpire-annex-backdrop{display:block;position:fixed;inset:0;background:#00000061;z-index:45;cursor:pointer}}
|
|
22
|
-
`);import{Fragment as Br,jsx as M,jsxs as X}from"react/jsx-runtime";var Ao="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234f46e5'%3E%3Cpath d='M12 2L2 7v10l10 5 10-5V7L12 2zm0 2.18L19.5 8 12 11.82 4.5 8 12 4.18zM4 9.6l7 3.5v7.3L4 16.9V9.6zm9 10.8v-7.3l7-3.5v7.3L13 20.4z'/%3E%3C/svg%3E";function Po(e){for(let t of e.exercises)for(let r of t.questions)if((r.content.content??[]).some(n=>n.type==="aiAnswerInput"))return!0;return!1}function $r(e){return e.questions.reduce((t,r)=>t+(r.totalMaxScore??0),0)}function Xe(e){return Number.isInteger(e)?String(e):parseFloat(e.toFixed(2)).toString()}function Mo({timeLimitMinutes:e,startedAt:t,onExpire:r}){let o=e*6e4,n=new Date(t).getTime()+o,[a,i]=Se(()=>Math.max(n-Date.now(),0)),l=Xr(r);l.current=r,Fr(()=>{if(a<=0){l.current();return}let k=setInterval(()=>{let C=Math.max(n-Date.now(),0);i(C),C<=0&&(clearInterval(k),l.current())},1e3);return()=>clearInterval(k)},[n]);let s=a/o,c=s<.1?"bg-red-50 text-red-700 border-red-200 animate-pulse":s<.25?"bg-amber-50 text-amber-700 border-amber-200":"bg-slate-100 text-slate-600 border-slate-200",d=Math.ceil(a/1e3),u=Math.floor(d/3600),m=Math.floor(d%3600/60),f=d%60,g=u>0?`${u}:${String(m).padStart(2,"0")}:${String(f).padStart(2,"0")}`:`${m}:${String(f).padStart(2,"0")}`;return X("span",{className:ce("inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full border text-xs font-bold tabular-nums transition-colors",c),children:[M(ft,{size:12}),g]})}function Io({assessment:e,meta:t,locale:r="en",branding:o,timeLimitMinutes:n,startedAt:a,onSubmit:i,onViewReport:l,reportLabel:s,onBack:c,backLabel:d,allowReset:u,onReset:m,overlayConfig:f,contained:g=!1,onClose:k,mediaHandler:C,fallbackLogoUrl:N}){let h=Fe(()=>Tr(r),[r]),j=Ar(r)?"rtl":"ltr",x=o?.branding?.primaryColor,w=o?.branding?.accentColor,_=o?.branding?.fontFamily,P=o?.branding?.fontUrl,z=o?.branding?.showPoweredBy!==!1;Fr(()=>{if(!P||typeof document>"u"||document.querySelector(`link[href="${P}"]`))return;let ne=document.createElement("link");ne.rel="stylesheet",ne.href=P,document.head.appendChild(ne)},[P]);let[p,S]=Se({exerciseAnswers:[]}),[b,T]=Se(!1),[K,A]=Se(!1),[I,O]=Se(null),[F,W]=Se(null),[Z,we]=Se(!1),y=Xr(!1),R=Fe(()=>Po(e),[e]),L=Fe(()=>e.exercises.reduce((q,ne)=>q+$r(ne),0),[e]),$=Fe(()=>I?Cr(I.exerciseFeedback):void 0,[I]),B=Fe(()=>{if(!I)return{};let q={};for(let ne of I.exerciseFeedback){let Ke=0,Ie=0,de=!1;for(let ut of ne.questions)for(let De of ut.nodeResults)Ke+=De.score,Ie+=De.maxScore,De.status==="awaiting_review"&&(de=!0);q[ne.exerciseId]={score:Ke,maxScore:Ie,awaiting:de}}return q},[I]),le=Be(async()=>{T(!0),W(null);try{let q=await i(p);O(q),typeof window<"u"&&window.scrollTo({top:0,behavior:"smooth"})}catch(q){W(q instanceof Error?q.message:h("confirmCancel"))}finally{T(!1),A(!1)}},[p,i,h]),J=Be(()=>{!I||!l||l(I)},[I,l]),re=Be(()=>{y.current||b||I||(y.current=!0,we(!0),A(!1),typeof document<"u"&&document.activeElement?.blur(),setTimeout(()=>{T(!0),W(null),i(p).then(q=>{O(q),typeof window<"u"&&window.scrollTo({top:0,behavior:"smooth"})}).catch(q=>{W(q instanceof Error?q.message:"submit_error")}).finally(()=>{T(!1),we(!1)})},800))},[p,b,i,I]),H=Be((q,ne,Ke)=>{let Ie=$r(q),de=B[q.id],ut=C&&Mr(ne)?Pr(ne,{renderQuestion:(De,gt)=>Mr(gt)?Pr(gt,{mediaHandler:C}):gt}):ne;return X("div",{className:"bg-white rounded-xl border border-slate-200 shadow-sm overflow-hidden",children:[X("div",{className:"flex items-center justify-between px-4 py-2.5 bg-slate-50 border-b border-slate-100",style:w?{backgroundColor:w}:void 0,children:[M("span",{className:"text-sm font-bold text-slate-700",children:h("exercise",{index:Ke+1})}),de?.awaiting?X("span",{className:"inline-flex items-center gap-1 text-xs font-semibold text-violet-700 bg-violet-50 border border-violet-100 rounded-full px-2 py-0.5",children:[M(ft,{size:11}),h("pendingReview")]}):de?X("span",{className:ce("text-xs font-semibold tabular-nums",de.maxScore>0&&de.score/de.maxScore>=.5?"text-emerald-600":de.maxScore>0&&de.score>0?"text-amber-600":de.maxScore>0?"text-red-500":"text-slate-400"),children:[Xe(de.score)," / ",Xe(de.maxScore)," pts"]}):Ie>0?X("span",{className:"text-xs font-semibold text-slate-400 tabular-nums",children:["/ ",Ie," pts"]}):null]}),M("div",{className:"p-4",children:ut})]},q.id)},[h,B,w,C]),ee=Be(q=>X("div",{className:"flex items-center gap-3 py-2",children:[M("div",{className:"flex-1 border-t border-dashed border-slate-200"}),M("span",{className:"text-[10px] font-bold text-slate-300 uppercase tracking-widest",children:h("exercise",{index:q+2})}),M("div",{className:"flex-1 border-t border-dashed border-slate-200"})]},`sep-${q}`),[h]),pe=I!==null;return X("div",{dir:j,className:ce("flex flex-col",g?"h-full":"h-dvh"),style:_?{fontFamily:_}:void 0,children:[M(Nr,{visible:b&&!Z,hasAiNodes:R,text:h("evaluating"),aiText:h("aiEvaluating"),contained:g,...f}),Z&&X("div",{className:ce("fixed inset-0 z-50 flex flex-col items-center justify-center gap-3 bg-red-950/80 backdrop-blur-sm",g&&"absolute"),children:[M(ft,{size:40,className:"text-red-300"}),M("p",{className:"text-xl font-black text-white tracking-tight",children:h("timeUp.title")}),M("p",{className:"text-sm text-red-200",children:h("timeUp.submitting")})]}),X("div",{className:"sticky top-0 z-10 flex-shrink-0 flex items-center justify-between px-4 py-2.5 border-b border-slate-200 bg-white",style:w?{backgroundColor:w}:void 0,children:[X("div",{className:"flex items-center gap-3",children:[M("img",{src:o?.logoUrl??N??Ao,alt:o?.name??"Edpire",width:24,height:24,loading:"lazy",className:"rounded object-contain"}),X("div",{children:[M("h1",{className:"text-sm font-bold text-slate-800",children:t.title}),M("p",{className:"text-[11px] text-slate-400 capitalize",children:L>0&&X("span",{className:"ms-2 font-semibold text-slate-500",children:["/ ",Xe(L)," pts"]})})]}),!pe&&n&&n>0&&a&&M(Mo,{timeLimitMinutes:n,startedAt:a,onExpire:re})]}),X("div",{className:"flex items-center gap-2",children:[u&&X("button",{onClick:m,className:"flex items-center gap-1.5 px-3 py-2 text-sm font-medium text-slate-500 hover:text-slate-700 hover:bg-slate-100 rounded-lg transition-colors",children:[M(To,{size:13}),h("reset")]}),!pe&&c&&X("button",{onClick:c,className:"flex items-center gap-1.5 px-3 py-2 text-sm font-medium text-slate-500 hover:text-slate-700 hover:bg-slate-100 rounded-lg transition-colors",children:[M(Er,{size:13}),d??h("back")]}),k&&M("button",{onClick:k,className:"p-1.5 text-slate-400 hover:text-slate-700 hover:bg-slate-100 rounded-lg transition-colors",children:M(Er,{size:15})}),!pe&&M("button",{onClick:()=>A(!0),disabled:b,style:x?{backgroundColor:x}:void 0,className:"flex items-center gap-2 px-4 py-2 bg-indigo-600 text-white text-sm font-semibold rounded-lg hover:bg-indigo-700 transition-colors disabled:opacity-50",children:b?X(Br,{children:[M(Lr,{size:14,className:"animate-spin"}),h("submitting")]}):X(Br,{children:[M(Ir,{size:14}),h("submit")]})})]})]}),F&&M("div",{className:"flex-shrink-0 bg-red-50 border-b border-red-200 px-4 py-2 text-sm text-red-700",children:F}),pe&&I&&(I.awaitingManualGrading?M("div",{className:"flex-shrink-0 border-b bg-violet-50 border-violet-200",children:M("div",{className:"max-w-3xl mx-auto px-6 py-4",children:X("div",{className:"flex flex-col sm:flex-row items-start sm:items-center gap-4",children:[X("div",{className:"flex items-center gap-2",children:[M(ft,{size:20,className:"text-violet-500 flex-shrink-0"}),M("span",{className:"text-sm font-semibold text-violet-800",children:h("awaitingReview")})]}),M("div",{className:"hidden sm:block w-px h-8 bg-violet-200"}),M("p",{className:"text-sm text-violet-700 flex-1 min-w-0",children:h("awaitingReviewDesc")}),l&&X("button",{onClick:J,style:x?{backgroundColor:x}:void 0,className:"flex-shrink-0 flex items-center gap-2 px-4 py-2 bg-indigo-600 text-white text-sm font-semibold rounded-lg hover:bg-indigo-700 transition-colors",children:[M(jr,{size:14}),s??h("viewFullReport")]})]})})}):M("div",{className:ce("flex-shrink-0 border-b",I.passed?"bg-emerald-50 border-emerald-200":"bg-red-50 border-red-200"),children:M("div",{className:"max-w-3xl mx-auto px-6 py-4",children:X("div",{className:"flex flex-col sm:flex-row items-start sm:items-center gap-4",children:[X("div",{className:"flex items-center gap-2",children:[I.passed?M(So,{size:20,className:"text-emerald-500 flex-shrink-0"}):M(Co,{size:20,className:"text-red-400 flex-shrink-0"}),M("span",{className:ce("text-sm font-semibold",I.passed?"text-emerald-700":"text-red-600"),children:I.passed?h("assessmentPassed"):h("assessmentNotPassed")})]}),M("div",{className:"hidden sm:block w-px h-8 bg-slate-200"}),X("div",{className:"flex items-baseline gap-1",children:[M("span",{className:"text-2xl font-bold text-slate-900 tabular-nums",children:Xe(I.totalScore)}),X("span",{className:"text-sm text-slate-400 font-medium",children:["/ ",Xe(I.maxScore)," pts"]})]}),X("div",{className:"flex-1 flex items-center gap-3 min-w-0",children:[M("div",{className:"flex-1 h-2 bg-slate-200 rounded-full overflow-hidden min-w-[80px]",children:M("div",{className:ce("h-full rounded-full transition-all duration-700",I.passed?"bg-emerald-500":"bg-red-400"),style:{width:`${I.percentage}%`}})}),X("span",{className:ce("text-sm font-bold tabular-nums flex-shrink-0",I.passed?"text-emerald-700":"text-red-600"),children:[I.percentage,"%"]})]}),l&&X("button",{onClick:J,style:x?{backgroundColor:x}:void 0,className:"flex-shrink-0 flex items-center gap-2 px-4 py-2 bg-indigo-600 text-white text-sm font-semibold rounded-lg hover:bg-indigo-700 transition-colors",children:[M(jr,{size:14}),s??h("viewFullReport")]})]})})})),M("div",{className:ce("flex-1 overflow-hidden flex flex-col",Z&&"pointer-events-none opacity-60"),children:e.annex?M(Sr,{assessment:e,isSubmitted:pe,setAnswers:S,validationFeedback:$,renderExercise:H,renderSeparator:ee,primaryColor:x,contained:g,locale:Dt(r),t:h}):M("div",{className:"flex-1 overflow-y-auto",children:M("div",{className:"max-w-3xl mx-auto p-6 flex flex-col gap-4",children:M(_e,{assessment:e,onAnswersChange:pe?void 0:S,validationFeedback:$,renderExercise:H,renderSeparator:ee,locale:Dt(r)})})})}),z&&M("div",{className:"fixed bottom-2 end-3 text-[20px] text-black/20 pointer-events-none select-none z-10",children:h("poweredBy")}),K&&M("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/40",children:X("div",{className:"bg-white rounded-xl shadow-xl p-6 max-w-sm mx-4",children:[M("h3",{className:"text-base font-bold text-gray-900 mb-2",children:h("confirmTitle")}),M("p",{className:"text-sm text-gray-500 mb-5",children:h("confirmDescription")}),X("div",{className:"flex gap-3 justify-end",children:[M("button",{onClick:()=>A(!1),className:"px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-100 rounded-lg transition-colors",children:h("confirmCancel")}),X("button",{onClick:le,disabled:b,style:x?{backgroundColor:x}:void 0,className:"flex items-center gap-2 px-4 py-2 bg-indigo-600 text-white text-sm font-semibold rounded-lg hover:bg-indigo-700 transition-colors disabled:opacity-50",children:[b?M(Lr,{size:14,className:"animate-spin"}):M(Ir,{size:14}),h("confirmSubmit")]})]})]})})]})}export{Io as AssessmentShell,fo as EdpireQuestion};
|
|
21
|
+
`}),ae("div",{style:{background:t},className:`${a?"absolute":"fixed"} inset-0 z-[60] flex items-center justify-center`,children:Dt("div",{className:"flex flex-col items-center gap-5 bg-white rounded-2xl shadow-2xl px-10 py-8 max-w-xs text-center",children:[(()=>{if(o)return ae("img",{src:o,alt:"",className:"w-24 h-24 object-contain"});switch(s){case"dots":return ae(ko,{accent:r});case"pulse":return ae(zo,{accent:r});case"bars":return ae(Ro,{accent:r});default:return ae(vo,{accent:r})}})(),ae("p",{className:"text-sm font-semibold text-slate-800",children:i}),l&&ae("p",{className:"text-xs text-slate-500 leading-snug",children:n})]})})]}):null}import{useState as No}from"react";import{BookOpen as Ar,X as _o}from"lucide-react";import{jsx as te,jsxs as ze}from"react/jsx-runtime";function Tr({assessment:e,isSubmitted:t,setAnswers:r,validationFeedback:i,renderExercise:n,renderSeparator:s,primaryColor:o,contained:l=!1,locale:a,t:c}){let[d,u]=No(!1),p=e.annex,m=p.tabLabel??c("annexDocuments");return ze("div",{className:ce("@container flex-1 min-h-0 flex",l&&"relative"),children:[ze("div",{className:"hidden @6xl:flex flex-1 gap-4 p-4 bg-slate-100 items-start overflow-y-auto",children:[ze("div",{className:"flex-1 sticky top-4 max-h-[calc(100svh-6rem)] flex flex-col bg-white rounded-xl shadow-sm overflow-hidden",children:[ze("div",{className:"flex items-center gap-2 px-5 py-3 border-b border-slate-100 flex-shrink-0",children:[te(Ar,{size:14,className:"text-indigo-500"}),te("span",{className:"text-xs font-bold text-slate-600 uppercase tracking-widest",children:m})]}),te("div",{className:"flex-1 overflow-y-auto px-6 py-5 flex flex-col gap-6",children:p.items.map(h=>te(Me,{item:h},h.id))})]}),te("div",{className:"w-px bg-slate-200 flex-shrink-0 self-stretch my-1 rounded-full"}),te("div",{className:"flex-1 bg-white rounded-xl shadow-sm",children:te("div",{className:"px-6 py-5 flex flex-col gap-4",children:te(Ne,{assessment:e,onAnswersChange:t?void 0:r,validationFeedback:i,renderExercise:n,renderSeparator:s,locale:a})})})]}),ze("div",{className:"@6xl:hidden flex-1 relative overflow-hidden",children:[te("div",{className:"absolute inset-0 overflow-y-auto",children:te("div",{className:"max-w-3xl mx-auto px-5 py-5 flex flex-col gap-4",children:te(Ne,{assessment:e,onAnswersChange:t?void 0:r,validationFeedback:i,renderExercise:n,renderSeparator:s,locale:a})})}),d&&te("div",{className:ce("inset-0 z-30 bg-black/25",l?"absolute":"fixed"),onClick:()=>u(!1)}),ze("div",{className:ce("top-1/2 left-2 -translate-y-1/2 z-40 w-[88%] bg-indigo-50 rounded-2xl shadow-2xl flex flex-col overflow-hidden transition-transform duration-300 ease-in-out",l?"absolute":"fixed",d?"translate-x-0":"-translate-x-[110%]"),children:[ze("div",{className:"flex items-center justify-between px-5 py-3 flex-shrink-0",children:[te("span",{className:"text-sm font-bold text-indigo-900",children:m}),te("button",{onClick:()=>u(!1),className:"p-1 text-indigo-400 hover:text-indigo-700 rounded-lg transition-colors",children:te(_o,{size:18})})]}),te("div",{className:"overflow-y-auto max-h-[calc(100vh-8rem)] px-5 pb-5 flex flex-col gap-5",children:p.items.map(h=>te(Me,{item:h},h.id))})]})]}),!d&&ze("button",{onClick:()=>u(!0),style:{transform:"translateY(-50%)",...o?{backgroundColor:o}:{}},className:ce("@6xl:hidden top-1/2 left-0 z-20 flex flex-col items-center gap-1 py-3 px-1.5 bg-indigo-600 text-white text-[10px] font-bold uppercase tracking-wider rounded-e-lg shadow-md hover:bg-indigo-700 transition-colors",l?"absolute":"fixed"),children:[te(Ar,{size:12}),te("span",{style:{writingMode:"vertical-rl",transform:"rotate(180deg)"},children:m})]})]})}function Pr(e){let t=new Map;for(let r of e){let i=new Map;for(let n of r.questions){let s=new Map;for(let o of n.nodeResults){let l={state:o.status,showFeedback:!0,score:o.score,...o.feedback!==void 0?{message:o.feedback}:{},...o.displayAnswer!==void 0?{displayAnswer:o.displayAnswer}:{},...o.teacherFeedback!==void 0?{teacherFeedback:o.teacherFeedback}:{}};o.detail?.type==="choiceSet"?l.correctChoiceIds=o.detail.correctChoiceIds:o.detail?.type==="matchingSet"&&(l.pairFeedback=o.detail.pairFeedback,l.correctPairings=o.detail.correctPairings),s.set(o.nodeId,l)}i.set(n.questionId,s)}t.set(r.exerciseId,i)}return t}var Co={exercise:"Exercise {index}",submit:"Submit Assessment",submitting:"Submitting...",confirmTitle:"Submit Assessment",confirmDescription:"Are you sure you want to submit? You cannot change your answers after submitting.",confirmSubmit:"Submit",confirmCancel:"Cancel",assessmentPassed:"Assessment passed",assessmentNotPassed:"Assessment not passed",awaitingReview:"Awaiting review",awaitingReviewDesc:"Your teacher is reviewing your open responses. Your final score will be available once grading is complete.",pendingReview:"Pending review",viewFullReport:"View Full Report",poweredBy:"Powered by Edpire",evaluating:"Evaluating your answers\u2026",aiEvaluating:"Some answers are being reviewed by AI \u2014 this may take a few seconds.",reset:"Reset",back:"Back",annexDocuments:"Documents","timeUp.title":"Time's up","timeUp.submitting":"Submitting your answers\u2026"},Ao={exercise:"Exercice {index}",submit:"Soumettre l'\xE9valuation",submitting:"Soumission...",confirmTitle:"Soumettre l'\xE9valuation",confirmDescription:"\xCAtes-vous s\xFBr de vouloir soumettre ? Vous ne pourrez pas modifier vos r\xE9ponses.",confirmSubmit:"Soumettre",confirmCancel:"Annuler",assessmentPassed:"\xC9valuation r\xE9ussie",assessmentNotPassed:"\xC9valuation non r\xE9ussie",awaitingReview:"En attente de correction",awaitingReviewDesc:"Votre professeur examine vos r\xE9ponses ouvertes. Votre note finale sera disponible une fois la correction termin\xE9e.",pendingReview:"En attente de correction",viewFullReport:"Voir le rapport complet",poweredBy:"Propuls\xE9 par Edpire",evaluating:"\xC9valuation de vos r\xE9ponses\u2026",aiEvaluating:"Certaines r\xE9ponses sont examin\xE9es par l'IA \u2014 cela peut prendre quelques secondes.",reset:"R\xE9initialiser",back:"Retour",annexDocuments:"Documents","timeUp.title":"Temps \xE9coul\xE9","timeUp.submitting":"Envoi de vos r\xE9ponses\u2026"},To={exercise:"\u062A\u0645\u0631\u064A\u0646 {index}",submit:"\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u062A\u0642\u064A\u064A\u0645",submitting:"\u062C\u0627\u0631\u064D \u0627\u0644\u0625\u0631\u0633\u0627\u0644...",confirmTitle:"\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u062A\u0642\u064A\u064A\u0645",confirmDescription:"\u0647\u0644 \u0623\u0646\u062A \u0645\u062A\u0623\u0643\u062F \u0645\u0646 \u0627\u0644\u0625\u0631\u0633\u0627\u0644\u061F \u0644\u0646 \u062A\u062A\u0645\u0643\u0646 \u0645\u0646 \u062A\u063A\u064A\u064A\u0631 \u0625\u062C\u0627\u0628\u0627\u062A\u0643 \u0628\u0639\u062F \u0627\u0644\u0625\u0631\u0633\u0627\u0644.",confirmSubmit:"\u0625\u0631\u0633\u0627\u0644",confirmCancel:"\u0625\u0644\u063A\u0627\u0621",assessmentPassed:"\u0627\u062C\u062A\u064A\u0627\u0632 \u0627\u0644\u062A\u0642\u064A\u064A\u0645",assessmentNotPassed:"\u0644\u0645 \u064A\u062A\u0645 \u0627\u062C\u062A\u064A\u0627\u0632 \u0627\u0644\u062A\u0642\u064A\u064A\u0645",awaitingReview:"\u0641\u064A \u0627\u0646\u062A\u0638\u0627\u0631 \u0627\u0644\u062A\u0635\u062D\u064A\u062D",awaitingReviewDesc:"\u064A\u0642\u0648\u0645 \u0645\u0639\u0644\u0645\u0643 \u0628\u0645\u0631\u0627\u062C\u0639\u0629 \u0625\u062C\u0627\u0628\u0627\u062A\u0643 \u0627\u0644\u0645\u0641\u062A\u0648\u062D\u0629. \u0633\u062A\u0638\u0647\u0631 \u0639\u0644\u0627\u0645\u062A\u0643 \u0627\u0644\u0646\u0647\u0627\u0626\u064A\u0629 \u0628\u0639\u062F \u0627\u0643\u062A\u0645\u0627\u0644 \u0627\u0644\u062A\u0635\u062D\u064A\u062D.",pendingReview:"\u0642\u064A\u062F \u0627\u0644\u062A\u0635\u062D\u064A\u062D",viewFullReport:"\u0639\u0631\u0636 \u0627\u0644\u062A\u0642\u0631\u064A\u0631 \u0627\u0644\u0643\u0627\u0645\u0644",poweredBy:"\u0645\u062F\u0639\u0648\u0645 \u0645\u0646 Edpire",evaluating:"\u062C\u0627\u0631\u064D \u062A\u0642\u064A\u064A\u0645 \u0625\u062C\u0627\u0628\u0627\u062A\u0643\u2026",aiEvaluating:"\u0628\u0639\u0636 \u0627\u0644\u0625\u062C\u0627\u0628\u0627\u062A \u0642\u064A\u062F \u0627\u0644\u0645\u0631\u0627\u062C\u0639\u0629 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064A \u2014 \u0642\u062F \u064A\u0633\u062A\u063A\u0631\u0642 \u0630\u0644\u0643 \u0628\u0636\u0639 \u062B\u0648\u0627\u0646\u064D.",reset:"\u0625\u0639\u0627\u062F\u0629 \u062A\u0639\u064A\u064A\u0646",back:"\u0631\u062C\u0648\u0639",annexDocuments:"\u0627\u0644\u0645\u0633\u062A\u0646\u062F\u0627\u062A","timeUp.title":"\u0627\u0646\u062A\u0647\u0649 \u0627\u0644\u0648\u0642\u062A","timeUp.submitting":"\u062C\u0627\u0631\u064D \u0625\u0631\u0633\u0627\u0644 \u0625\u062C\u0627\u0628\u0627\u062A\u0643\u2026"},Ot={en:Co,fr:Ao,ar:To};function Po(e,t,r){let n=(Ot[e]??Ot.en)[t]??Ot.en[t]??t;return r?Object.entries(r).reduce((s,[o,l])=>s.replace(`{${o}}`,String(l)),n):n}function Mr(e){return(t,r)=>Po(e,t,r)}function Ir(e){return e==="ar"}function Kt(e){return e==="en"?"en":"fr"}be(`.edpire-annex-layout{display:flex;flex:1;min-width:0;height:100%;overflow:hidden;position:relative}.edpire-annex-main{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column}.edpire-annex-panel{width:38%;min-width:280px;max-width:480px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid #e5e7eb;background:#fff;overflow:hidden}.edpire-annex-panel__header{flex-shrink:0;padding:12px 20px;border-bottom:1px solid #f3f4f6;background:#f9fafb}.edpire-annex-panel__header-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.edpire-annex-panel__scroll{flex:1;overflow-y:auto;padding:24px 20px;display:flex;flex-direction:column;gap:32px}.edpire-annex-tab,.edpire-annex-drawer,.edpire-annex-backdrop{display:none}@media(max-width:1023px){.edpire-annex-panel{display:none}.edpire-annex-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:40;background:var(--edpire-annex-tab-bg, #2563eb);color:var(--edpire-annex-tab-color, #ffffff);border:none;border-radius:0 10px 10px 0;padding:18px 10px;cursor:pointer;box-shadow:2px 2px 16px #0000002e;transition:filter .15s}.edpire-annex-tab:hover{filter:brightness(.88)}.edpire-annex-tab__label{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.edpire-annex-drawer{display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;width:min(84vw,440px);background:#fff;z-index:50;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 32px #00000021;overflow:hidden}.edpire-annex-drawer--open{transform:translate(0)}.edpire-annex-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f3f4f6;background:#f9fafb;flex-shrink:0}.edpire-annex-drawer__label{font-size:13px;font-weight:700;color:#111827}.edpire-annex-drawer__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;cursor:pointer;font-size:20px;line-height:1;color:#9ca3af;border-radius:6px;transition:color .15s,background .15s}.edpire-annex-drawer__close:hover{color:#111827;background:#f3f4f6}.edpire-annex-drawer__scroll{flex:1;overflow-y:auto;padding:24px 20px;display:flex;flex-direction:column;gap:32px}.edpire-annex-backdrop{display:block;position:fixed;inset:0;background:#00000061;z-index:45;cursor:pointer}}
|
|
22
|
+
`);import{Fragment as Or,jsx as I,jsxs as D}from"react/jsx-runtime";var Lo="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234f46e5'%3E%3Cpath d='M12 2L2 7v10l10 5 10-5V7L12 2zm0 2.18L19.5 8 12 11.82 4.5 8 12 4.18zM4 9.6l7 3.5v7.3L4 16.9V9.6zm9 10.8v-7.3l7-3.5v7.3L13 20.4z'/%3E%3C/svg%3E";function jo(e){for(let t of e.exercises)for(let r of t.questions)if((r.content.content??[]).some(n=>n.type==="aiAnswerInput"))return!0;return!1}function Dr(e){return e.questions.reduce((t,r)=>t+(r.totalMaxScore??0),0)}function De(e){return Number.isInteger(e)?String(e):parseFloat(e.toFixed(2)).toString()}function $o({timeLimitMinutes:e,startedAt:t,onExpire:r}){let i=e*6e4,n=new Date(t).getTime()+i,[s,o]=_e(()=>Math.max(n-Date.now(),0)),l=Xr(r);l.current=r,Kr(()=>{if(s<=0){l.current();return}let y=setInterval(()=>{let _=Math.max(n-Date.now(),0);o(_),_<=0&&(clearInterval(y),l.current())},1e3);return()=>clearInterval(y)},[n]);let a=s/i,c=a<.1?"bg-red-50 text-red-700 border-red-200 animate-pulse":a<.25?"bg-amber-50 text-amber-700 border-amber-200":"bg-slate-100 text-slate-600 border-slate-200",d=Math.ceil(s/1e3),u=Math.floor(d/3600),p=Math.floor(d%3600/60),m=d%60,h=u>0?`${u}:${String(p).padStart(2,"0")}:${String(m).padStart(2,"0")}`:`${p}:${String(m).padStart(2,"0")}`;return D("span",{className:ce("inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full border text-xs font-bold tabular-nums transition-colors",c),children:[I(ft,{size:12}),h]})}function Xt({assessment:e,meta:t,locale:r="en",branding:i,timeLimitMinutes:n,startedAt:s,onSubmit:o,onViewReport:l,reportLabel:a,onBack:c,backLabel:d,allowReset:u,onReset:p,overlayConfig:m,contained:h=!1,onClose:y,mediaHandler:_,fallbackLogoUrl:R}){let x=Fe(()=>Mr(r),[r]),M=Ir(r)?"rtl":"ltr",f=i?.branding?.primaryColor,b=i?.branding?.accentColor,N=i?.branding?.fontFamily,P=i?.branding?.fontUrl,z=i?.branding?.showPoweredBy!==!1;Kr(()=>{if(!P||typeof document>"u"||document.querySelector(`link[href="${P}"]`))return;let ne=document.createElement("link");ne.rel="stylesheet",ne.href=P,document.head.appendChild(ne)},[P]);let[g,C]=_e({exerciseAnswers:[]}),[w,A]=_e(!1),[O,T]=_e(!1),[E,X]=_e(null),[F,U]=_e(null),[Z,we]=_e(!1),v=Xr(!1),S=Fe(()=>jo(e),[e]),L=Fe(()=>e.exercises.reduce((W,ne)=>W+Dr(ne),0),[e]),$=Fe(()=>E?Pr(E.exerciseFeedback):void 0,[E]),B=Fe(()=>{if(!E)return{};let W={};for(let ne of E.exerciseFeedback){let Oe=0,Ie=0,de=!1;for(let ut of ne.questions)for(let Ke of ut.nodeResults)Oe+=Ke.score,Ie+=Ke.maxScore,Ke.status==="awaiting_review"&&(de=!0);W[ne.exerciseId]={score:Oe,maxScore:Ie,awaiting:de}}return W},[E]),le=Be(async()=>{A(!0),U(null);try{let W=await o(g);X(W),typeof window<"u"&&window.scrollTo({top:0,behavior:"smooth"})}catch(W){U(W instanceof Error?W.message:x("confirmCancel"))}finally{A(!1),T(!1)}},[g,o,x]),J=Be(()=>{!E||!l||l(E)},[E,l]),re=Be(()=>{v.current||w||E||(v.current=!0,we(!0),T(!1),typeof document<"u"&&document.activeElement?.blur(),setTimeout(()=>{A(!0),U(null),o(g).then(W=>{X(W),typeof window<"u"&&window.scrollTo({top:0,behavior:"smooth"})}).catch(W=>{U(W instanceof Error?W.message:"submit_error")}).finally(()=>{A(!1),we(!1)})},800))},[g,w,o,E]),V=Be((W,ne,Oe)=>{let Ie=Dr(W),de=B[W.id],ut=_&&Lr(ne)?Er(ne,{renderQuestion:(Ke,gt)=>Lr(gt)?Er(gt,{mediaHandler:_}):gt}):ne;return D("div",{className:"bg-white rounded-xl border border-slate-200 shadow-sm overflow-hidden",children:[D("div",{className:"flex items-center justify-between px-4 py-2.5 bg-slate-50 border-b border-slate-100",style:b?{backgroundColor:b}:void 0,children:[I("span",{className:"text-sm font-bold text-slate-700",children:x("exercise",{index:Oe+1})}),de?.awaiting?D("span",{className:"inline-flex items-center gap-1 text-xs font-semibold text-violet-700 bg-violet-50 border border-violet-100 rounded-full px-2 py-0.5",children:[I(ft,{size:11}),x("pendingReview")]}):de?D("span",{className:ce("text-xs font-semibold tabular-nums",de.maxScore>0&&de.score/de.maxScore>=.5?"text-emerald-600":de.maxScore>0&&de.score>0?"text-amber-600":de.maxScore>0?"text-red-500":"text-slate-400"),children:[De(de.score)," / ",De(de.maxScore)," pts"]}):Ie>0?D("span",{className:"text-xs font-semibold text-slate-400 tabular-nums",children:["/ ",Ie," pts"]}):null]}),I("div",{className:"p-4",children:ut})]},W.id)},[x,B,b,_]),ee=Be(W=>D("div",{className:"flex items-center gap-3 py-2",children:[I("div",{className:"flex-1 border-t border-dashed border-slate-200"}),I("span",{className:"text-[10px] font-bold text-slate-300 uppercase tracking-widest",children:x("exercise",{index:W+2})}),I("div",{className:"flex-1 border-t border-dashed border-slate-200"})]},`sep-${W}`),[x]),pe=E!==null;return D("div",{dir:M,className:ce("flex flex-col",h?"h-full":"h-dvh"),style:N?{fontFamily:N}:void 0,children:[I(Cr,{visible:w&&!Z,hasAiNodes:S,text:x("evaluating"),aiText:x("aiEvaluating"),contained:h,...m}),Z&&D("div",{className:ce("fixed inset-0 z-50 flex flex-col items-center justify-center gap-3 bg-red-950/80 backdrop-blur-sm",h&&"absolute"),children:[I(ft,{size:40,className:"text-red-300"}),I("p",{className:"text-xl font-black text-white tracking-tight",children:x("timeUp.title")}),I("p",{className:"text-sm text-red-200",children:x("timeUp.submitting")})]}),D("div",{className:"sticky top-0 z-10 flex-shrink-0 flex items-center justify-between px-4 py-2.5 border-b border-slate-200 bg-white",style:b?{backgroundColor:b}:void 0,children:[D("div",{className:"flex items-center gap-3",children:[I("img",{src:i?.logoUrl??R??Lo,alt:i?.name??"Edpire",width:24,height:24,loading:"lazy",className:"rounded object-contain"}),D("div",{children:[I("h1",{className:"text-sm font-bold text-slate-800",children:t.title}),I("p",{className:"text-[11px] text-slate-400 capitalize",children:L>0&&D("span",{className:"ms-2 font-semibold text-slate-500",children:["/ ",De(L)," pts"]})})]}),!pe&&n&&n>0&&s&&I($o,{timeLimitMinutes:n,startedAt:s,onExpire:re})]}),D("div",{className:"flex items-center gap-2",children:[u&&D("button",{onClick:p,className:"flex items-center gap-1.5 px-3 py-2 text-sm font-medium text-slate-500 hover:text-slate-700 hover:bg-slate-100 rounded-lg transition-colors",children:[I(Eo,{size:13}),x("reset")]}),!pe&&c&&D("button",{onClick:c,className:"flex items-center gap-1.5 px-3 py-2 text-sm font-medium text-slate-500 hover:text-slate-700 hover:bg-slate-100 rounded-lg transition-colors",children:[I(Fr,{size:13}),d??x("back")]}),y&&I("button",{onClick:y,className:"p-1.5 text-slate-400 hover:text-slate-700 hover:bg-slate-100 rounded-lg transition-colors",children:I(Fr,{size:15})}),!pe&&I("button",{onClick:()=>T(!0),disabled:w,style:f?{backgroundColor:f}:void 0,className:"flex items-center gap-2 px-4 py-2 bg-indigo-600 text-white text-sm font-semibold rounded-lg hover:bg-indigo-700 transition-colors disabled:opacity-50",children:w?D(Or,{children:[I($r,{size:14,className:"animate-spin"}),x("submitting")]}):D(Or,{children:[I(jr,{size:14}),x("submit")]})})]})]}),F&&I("div",{className:"flex-shrink-0 bg-red-50 border-b border-red-200 px-4 py-2 text-sm text-red-700",children:F}),pe&&E&&(E.awaitingManualGrading?I("div",{className:"flex-shrink-0 border-b bg-violet-50 border-violet-200",children:I("div",{className:"max-w-3xl mx-auto px-6 py-4",children:D("div",{className:"flex flex-col sm:flex-row items-start sm:items-center gap-4",children:[D("div",{className:"flex items-center gap-2",children:[I(ft,{size:20,className:"text-violet-500 flex-shrink-0"}),I("span",{className:"text-sm font-semibold text-violet-800",children:x("awaitingReview")})]}),I("div",{className:"hidden sm:block w-px h-8 bg-violet-200"}),I("p",{className:"text-sm text-violet-700 flex-1 min-w-0",children:x("awaitingReviewDesc")}),l&&D("button",{onClick:J,style:f?{backgroundColor:f}:void 0,className:"flex-shrink-0 flex items-center gap-2 px-4 py-2 bg-indigo-600 text-white text-sm font-semibold rounded-lg hover:bg-indigo-700 transition-colors",children:[I(Br,{size:14}),a??x("viewFullReport")]})]})})}):I("div",{className:ce("flex-shrink-0 border-b",E.passed?"bg-emerald-50 border-emerald-200":"bg-red-50 border-red-200"),children:I("div",{className:"max-w-3xl mx-auto px-6 py-4",children:D("div",{className:"flex flex-col sm:flex-row items-start sm:items-center gap-4",children:[D("div",{className:"flex items-center gap-2",children:[E.passed?I(Mo,{size:20,className:"text-emerald-500 flex-shrink-0"}):I(Io,{size:20,className:"text-red-400 flex-shrink-0"}),I("span",{className:ce("text-sm font-semibold",E.passed?"text-emerald-700":"text-red-600"),children:E.passed?x("assessmentPassed"):x("assessmentNotPassed")})]}),I("div",{className:"hidden sm:block w-px h-8 bg-slate-200"}),D("div",{className:"flex items-baseline gap-1",children:[I("span",{className:"text-2xl font-bold text-slate-900 tabular-nums",children:De(E.totalScore)}),D("span",{className:"text-sm text-slate-400 font-medium",children:["/ ",De(E.maxScore)," pts"]})]}),D("div",{className:"flex-1 flex items-center gap-3 min-w-0",children:[I("div",{className:"flex-1 h-2 bg-slate-200 rounded-full overflow-hidden min-w-[80px]",children:I("div",{className:ce("h-full rounded-full transition-all duration-700",E.passed?"bg-emerald-500":"bg-red-400"),style:{width:`${E.percentage}%`}})}),D("span",{className:ce("text-sm font-bold tabular-nums flex-shrink-0",E.passed?"text-emerald-700":"text-red-600"),children:[E.percentage,"%"]})]}),l&&D("button",{onClick:J,style:f?{backgroundColor:f}:void 0,className:"flex-shrink-0 flex items-center gap-2 px-4 py-2 bg-indigo-600 text-white text-sm font-semibold rounded-lg hover:bg-indigo-700 transition-colors",children:[I(Br,{size:14}),a??x("viewFullReport")]})]})})})),I("div",{className:ce("flex-1 overflow-hidden flex flex-col",Z&&"pointer-events-none opacity-60"),children:e.annex?I(Tr,{assessment:e,isSubmitted:pe,setAnswers:C,validationFeedback:$,renderExercise:V,renderSeparator:ee,primaryColor:f,contained:h,locale:Kt(r),t:x}):I("div",{className:"flex-1 overflow-y-auto",children:I("div",{className:"max-w-3xl mx-auto p-6 flex flex-col gap-4",children:I(Ne,{assessment:e,onAnswersChange:pe?void 0:C,validationFeedback:$,renderExercise:V,renderSeparator:ee,locale:Kt(r)})})})}),z&&I("div",{className:"fixed bottom-2 end-3 text-[20px] text-black/20 pointer-events-none select-none z-10",children:x("poweredBy")}),O&&I("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/40",children:D("div",{className:"bg-white rounded-xl shadow-xl p-6 max-w-sm mx-4",children:[I("h3",{className:"text-base font-bold text-gray-900 mb-2",children:x("confirmTitle")}),I("p",{className:"text-sm text-gray-500 mb-5",children:x("confirmDescription")}),D("div",{className:"flex gap-3 justify-end",children:[I("button",{onClick:()=>T(!1),className:"px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-100 rounded-lg transition-colors",children:x("confirmCancel")}),D("button",{onClick:le,disabled:w,style:f?{backgroundColor:f}:void 0,className:"flex items-center gap-2 px-4 py-2 bg-indigo-600 text-white text-sm font-semibold rounded-lg hover:bg-indigo-700 transition-colors disabled:opacity-50",children:[w?I($r,{size:14,className:"animate-spin"}):I(jr,{size:14}),x("confirmSubmit")]})]})]})})]})}import{jsx as Oo}from"react/jsx-runtime";function Do(e,t){let r=(e.exercise_feedback??[]).map(i=>({exerciseId:i.exercise_id,questions:i.questions.map(n=>({questionId:n.question_id,nodeResults:n.node_results.map(s=>({nodeId:s.node_id,status:s.status,score:s.score,maxScore:s.max_score,...s.feedback!==void 0?{feedback:s.feedback}:{},...s.display_answer!==void 0?{displayAnswer:s.display_answer}:{},...s.detail!==void 0?{detail:s.detail}:{}}))}))}));return{submissionId:e.submission_id,totalScore:e.score,maxScore:e.max_score,percentage:e.percentage,passed:e.passed,returnUrl:t??null,exerciseFeedback:r,awaitingManualGrading:e.awaiting_manual_grading??!1}}function qr({token:e,data:t,baseUrl:r,options:i}){let{locale:n="en",branding:s,returnUrl:o,reportLabel:l,backLabel:a,onBack:c,overlayConfig:d,mediaHandler:u,onComplete:p,onError:m}=i,h=s??t.branding??void 0,y=Bo(()=>({exercises:t.assessment.exercises.map(M=>({id:M.id,sharedContext:M.sharedContext,questions:M.questions.map(f=>({id:f.id,version:"1.0",content:f.content,answerKeys:[]}))}))}),[t]),[_]=Fo(()=>new Date().toISOString()),R=Ur(async M=>{let f=await fetch(`${r}/api/v1/embed/submit`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({token:e,answers:M})});if(!f.ok){let N=await f.json().catch(()=>({})),P=typeof N.error=="string"?N.error:"Submission failed",z=f.status===401?"TOKEN_INVALID":f.status===409?"TOKEN_USED":f.status===404?"ASSESSMENT_NOT_FOUND":"UNKNOWN";throw m?.({code:z,message:P}),new Error(P)}let b=await f.json();return p?.(b),Do(b,o)},[r,e,p,m,o]),x=Ur(M=>{if(o)try{let f=new URL(o);f.searchParams.set("submission_id",M.submissionId),M.awaitingManualGrading||(f.searchParams.set("score",String(M.totalScore)),f.searchParams.set("max_score",String(M.maxScore))),window.location.href=f.toString()}catch{window.location.href=o}},[o]);return Oo(Xt,{assessment:y,meta:{title:t.meta.title,category:t.meta.category??null},locale:n,branding:h,timeLimitMinutes:t.meta.settings.time_limit_minutes,startedAt:_,onSubmit:R,onViewReport:o?x:void 0,reportLabel:l,onBack:c,backLabel:a,overlayConfig:d,mediaHandler:u})}import pc from"react";import{createRoot as fc}from"react-dom/client";var Uo="https://edpire.com",Wr={mount(e){let{token:t,container:r,baseUrl:i=Uo,onError:n}=e,s=typeof r=="string"?document.querySelector(r):r;if(!s){let c={code:"UNKNOWN",message:`Container not found: ${r}`};return n?.(c),{unmount:()=>{}}}let o=null,l=!1;function a(){if(l)return;l=!0;let c=o;o=null,setTimeout(()=>{c?.unmount()},0)}return(async()=>{s.innerHTML='<div style="padding:32px;text-align:center;color:#6b7280;font-family:sans-serif">Loading assessment\u2026</div>';let c;try{let d=await fetch(`${i}/api/v1/embed/assessments?token=${encodeURIComponent(t)}`,{method:"GET",headers:{"Content-Type":"application/json"}});if(!d.ok){let u=await d.json().catch(()=>({})),p=typeof u.error=="string"?u.error:"Failed to load assessment",m=d.status===401?"TOKEN_INVALID":d.status===403?"ORIGIN_NOT_ALLOWED":d.status===404?"ASSESSMENT_NOT_FOUND":"UNKNOWN";n?.({code:m,message:p}),s.innerHTML=`<div style="padding:32px;text-align:center;color:#dc2626;font-family:sans-serif">${p}</div>`;return}c=await d.json()}catch{n?.({code:"NETWORK_ERROR",message:"Failed to connect to Edpire"}),s.innerHTML='<div style="padding:32px;text-align:center;color:#dc2626;font-family:sans-serif">Failed to connect to Edpire. Please try again.</div>';return}l||(s.innerHTML="",o=Xo(s),o.render(Ko.createElement(qr,{token:t,data:c,baseUrl:i,options:e})))})(),{unmount:a}}};import{jsx as Ho}from"react/jsx-runtime";function Wo({tokenEndpoint:e,assessmentId:t,tokenBody:r,className:i,style:n,onComplete:s,onError:o,...l}){let a=Ut(null),c=Ut(s);c.current=s;let d=Ut(o);return d.current=o,qo(()=>{let u=a.current;if(!u)return;let p=!1,m=null;return(async()=>{let h;try{let y=await fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({assessmentId:t,...r})});if(p)return;if(!y.ok){let R=await y.json().catch(()=>({}));d.current?.({code:"TOKEN_INVALID",message:typeof R.error=="string"?R.error:`Token endpoint returned ${y.status}`});return}let _=await y.json();if(!_.token){d.current?.({code:"TOKEN_INVALID",message:"Token endpoint did not return a token"});return}h=_.token}catch{p||d.current?.({code:"NETWORK_ERROR",message:"Failed to fetch embed token"});return}p||(m=Wr.mount({token:h,container:u,...l,onComplete:y=>c.current?.(y),onError:y=>d.current?.(y)}))})(),()=>{p=!0,m?.unmount()}},[e,t]),Ho("div",{ref:a,className:i,style:i?void 0:n??{width:"100%",height:"100%"}})}export{Xt as AssessmentShell,Wo as EdpireAssessmentPlayer,_r as EdpireQuestion};
|