https://www.englisch-lehrer.com/_next/static/chunks/72787.a66c2f202e7b7a34.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[72787],{82023:function(e,t,r){r.d(t,{Z:function(){return s}});let s=(0,r(43168).Z)("sparkles",[["path",{d:"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",key:"1s2grr"}],["path",{d:"M20 2v4",key:"1rf3ol"}],["path",{d:"M22 4h-4",key:"gwowj6"}],["circle",{cx:"4",cy:"20",r:"2",key:"6kqj1y"}]])},12168:function(e,t,r){r.r(t),r.d(t,{default:function(){return g}});var s=r(57437),n=r(22592),i=r(1287),l=r(20300),a=r(2265),o=r(45554),c=r(30401),d=r(32489),u=r(76858),x=r(20843);function g({block:e}){let{t}=(0,i.Z)();if(!e.questions?.length)return null;let[r,g]=(0,a.useState)(0),[h,m]=(0,a.useState)(()=>e.questions.map(()=>({userAnswer:null,isChecked:!1,isCorrect:null}))),[f,p]=(0,a.useState)(!1),b=e.questions[r],j=h[r],w=e=>{j.isChecked||m(t=>{let s=[...t];return s[r]={...s[r],userAnswer:e},s})},y=h.filter(e=>!0===e.isCorrect).length,N=Math.round(y/e.questions.length*100);e.passingScore;let C=f?{score:y,maxScore:e.questions.length,percentage:N,correctCount:y,wrongCount:e.questions.length-y,grade:(0,l.k0)(N)}:void 0,v=t(b.question,b.questionEn||b.question),k=null!==j.userAnswer&&""!==j.userAnswer;return(0,s.jsx)(x.Z,{title:e.title||t("Mini-Quiz","Mini Quiz"),titleEn:e.titleEn,icon:(0,s.jsx)(o.Z,{size:24}),result:!1!==e.showScore?C:void 0,onReset:()=>{g(0),m(e.questions.map(()=>({userAnswer:null,isChecked:!1,isCorrect:null}))),p(!1)},children:!f&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"flex items-center justify-between text-sm text-gray-600 mb-4",children:[(0,s.jsxs)("span",{children:[t("Frage","Question")," ",r+1," / ",e.questions.length]}),(0,s.jsx)("div",{className:"flex gap-1",children:e.questions.map((e,t)=>(0,s.jsx)("div",{className:`w-2 h-2 rounded-full ${t===r?"bg-[#4F5338]":h[t].isChecked?h[t].isCorrect?"bg-green-500":"bg-red-500":"bg-gray-200"}`},t))})]}),(0,s.jsx)("div",{className:"bg-gray-50 rounded-xl p-6 mb-6",children:(0,s.jsx)("p",{className:"text-lg text-gray-900 font-medium text-center",children:v})}),"multiple-choice"===b.type&&b.options&&(0,s.jsx)("div",{className:"space-y-3 mb-6",children:b.options.map((e,r)=>{let i=j.userAnswer===e.text,l=t(e.text,e.textEn||e.text),a="bg-white hover:bg-gray-50",o="border-gray-200";return j.isChecked?e.isCorrect?(a="bg-green-50",o="border-green-400"):i&&!e.isCorrect&&(a="bg-red-50",o="border-red-400"):i&&(a="bg-[#4F5338]/5",o="border-[#4F5338]"),(0,s.jsx)(n.Button,{onClick:()=>w(e.text),disabled:j.isChecked,className:`w-full text-left p-4 rounded-xl border-2 transition-all ${a} ${o}`,children:(0,s.jsxs)("div",{className:"flex items-center gap-3",children:[(0,s.jsx)("div",{className:`w-5 h-5 rounded-full border-2 flex items-center justify-center ${i?"border-[#4F5338] bg-[#4F5338]":"border-gray-300"}`,children:i&&(0,s.jsx)("div",{className:"w-2 h-2 bg-white rounded-full"})}),(0,s.jsx)("span",{className:"text-gray-700",children:l})]})},r)})}),"true-false"===b.type&&(0,s.jsx)("div",{className:"flex gap-4 justify-center mb-6",children:[!0,!1].map(e=>{let r=j.userAnswer===e,i="bg-white",l="border-gray-200";return j.isChecked?b.correctAnswer===e?(i="bg-green-50",l="border-green-400"):r&&(i="bg-red-50",l="border-red-400"):r&&(i="bg-[#4F5338]",l="border-[#4F5338]"),(0,s.jsx)(n.Button,{onClick:()=>w(e),disabled:j.isChecked,className:`
2                      flex-1 max-w-[150px] py-4 rounded-xl font-medium text-lg border-2 transition-all
3                      ${i} ${l}
4                      ${r&&!j.isChecked?"text-white":"text-gray-700"}
5                    `,children:e?t("Richtig","True"):t("Falsch","False")},String(e))})}),"fill-blank"===b.type&&(0,s.jsx)("div",{className:"mb-6",children:(0,s.jsx)("input",{type:"text",value:String(j.userAnswer||""),onChange:e=>w(e.target.value),disabled:j.isChecked,placeholder:t("Ihre Antwort...","Your answer..."),className:`
6                  w-full px-4 py-3 rounded-xl border-2 text-lg text-center transition-colors
7                  ${j.isChecked?j.isCorrect?"border-green-400 bg-green-50":"border-red-400 bg-red-50":"border-gray-200 focus:border-[#4F5338]"}
8                `})}),j.isChecked&&b.explanation&&(0,s.jsxs)("div",{className:`mb-4 p-4 rounded-xl ${j.isCorrect?"bg-green-50 border border-green-200":"bg-amber-50 border border-amber-200"}`,children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[j.isCorrect?(0,s.jsx)(c.Z,{size:18,className:"text-green-600"}):(0,s.jsx)(d.Z,{size:18,className:"text-red-600"}),(0,s.jsx)("span",{className:"font-medium text-gray-800",children:j.isCorrect?t("Richtig!","Correct!"):t("Leider falsch","Incorrect")})]}),(0,s.jsx)("p",{className:"text-sm text-gray-700",children:t(b.explanation,b.explanationEn||b.explanation)})]}),(0,s.jsx)("div",{className:"flex gap-3 justify-center",children:j.isChecked?(0,s.jsxs)(n.Button,{onClick:()=>{r<e.questions.length-1?g(r+1):p(!0)},className:"px-6 py-3 bg-[#4F5338] text-white rounded-xl font-medium hover:bg-[#3d4129] transition-colors flex items-center gap-2",children:[r<e.questions.length-1?t("Weiter","Next"):t("Ergebnis anzeigen","Show Results"),(0,s.jsx)(u.Z,{size:18})]}):(0,s.jsxs)(n.Button,{onClick:()=>{let e=!1;if("multiple-choice"===b.type){let t=b.options?.find(e=>e.text===j.userAnswer);e=t?.isCorrect||!1}else"true-false"===b.type?e=j.userAnswer===b.correctAnswer:"fill-blank"===b.type&&(e=String(j.userAnswer||"").toLowerCase().trim()===String(b.correctAnswer).toLowerCase().trim());m(t=>{let s=[...t];return s[r]={...s[r],isChecked:!0,isCorrect:e},s})},disabled:!k,className:"px-6 py-3 bg-[#4F5338] text-white rounded-xl font-medium hover:bg-[#3d4129] disabled:opacity-50 disabled:cursor-not-allowed transition-colors flex items-center gap-2",children:[t("Pr\xfcfen","Check"),(0,s.jsx)(u.Z,{size:18})]})})]})})}},20843:function(e,t,r){r.d(t,{W:function(){return h},Z:function(){return u}});var s=r(57437),n=r(22592),i=r(1287),l=r(20300),a=r(91723),o=r(69076),c=r(82023),d=r(2265);function u({title:e,titleEn:t,icon:r,children:l,result:c,onReset:d,showTimer:u,timeElapsed:h=0,className:m=""}){let{t:f}=(0,i.Z)();return(0,s.jsxs)("div",{className:`game-wrapper bg-white rounded-2xl border border-gray-200 shadow-sm overflow-hidden ${m}`,children:[(0,s.jsx)("div",{className:"bg-gradient-to-r from-[#4F5338] to-[#2a6a54] text-white px-4 py-3",children:(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[r&&(0,s.jsx)("div",{className:"text-white/90",children:r}),(0,s.jsx)("h3",{className:"font-semibold text-base",children:f(e,t||e)})]}),(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[u&&(0,s.jsxs)("div",{className:"flex items-center gap-1 text-white/80 text-xs",children:[(0,s.jsx)(a.Z,{size:14}),(0,s.jsx)("span",{className:"font-mono",children:g(h)})]}),d&&(0,s.jsx)(n.Button,{onClick:d,className:"p-1.5 rounded-lg bg-white/10 hover:bg-white/20 transition-colors","aria-label":f("Neu starten","Re

8set"),title:f("Neu starten","Reset"),children:(0,s.jsx)(o.Z,{size:16})})]})]})}),(0,s.jsx)("div",{className:"p-4",children:l}),c&&(0,s.jsx)(x,{result:c,onReset:d})]})}function x({result:e,onReset:t}){let{t:r}=(0,i.Z)(),[u,x]=(0,d.useState)(!1),h=e.grade||(0,l.k0)(e.percentage);(0,d.useEffect)(()=>{if(e.percentage>=80){x(!0);let e=setTimeout(()=>x(!1),3e3);return()=>clearTimeout(e)}},[e.percentage]);let m={A:{de:"Ausgezeichnet!",en:"Excellent!"},B:{de:"Sehr gut!",en:"Very good!"},C:{de:"Gut gemacht!",en:"Good job!"},D:{de:"Weiter so!",en:"Keep going!"},F:{de:"Versuch es nochmal!",en:"Try again!"}},f={A:{color:"text-green-600",gradient:"from-green-500 to-emerald-500",emoji:"\uD83C\uDF89"},B:{color:"text-blue-600",gradient:"from-blue-500 to-indigo-500",emoji:"\uD83D\uDC4F"},C:{color:"text-yellow-600",gradient:"from-yellow-500 to-amber-500",emoji:"\uD83D\uDC4D"},D:{color:"text-orange-600",gradient:"from-orange-500 to-red-400",emoji:"\uD83D\uDCAA"},F:{color:"text-red-600",gradient:"from-red-500 to-rose-500",emoji:"\uD83D\uDD04"}}[h];return(0,s.jsxs)("div",{className:"relative border-t border-gray-100 bg-gradient-to-br from-gray-50 to-white px-4 py-4",children:[u&&(0,s.jsxs)("div",{className:"absolute inset-0 pointer-events-none overflow-hidden",children:[(0,s.jsx)(c.Z,{className:"absolute top-2 left-1/4 text-yellow-500 animate-bounce",size:20}),(0,s.jsx)(c.Z,{className:"absolute top-3 right-1/4 text-green-500 animate-bounce delay-100",size:16}),(0,s.jsx)(c.Z,{className:"absolute top-1 right-1/3 text-blue-500 animate-bounce delay-200",size:14})]}),(0,s.jsxs)("div",{className:"flex items-center gap-3",children:[(0,s.jsxs)("div",{className:`relative flex-shrink-0 w-12 h-12 rounded-full bg-gradient-to-br ${f.gradient} flex items-center justify-center shadow-md`,children:[(0,s.jsx)("span",{className:"text-white font-bold text-xl",children:h}),(0,s.jsx)("span",{className:"absolute -top-1 -right-1 text-base",children:f.emoji})]}),(0,s.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,s.jsxs)("div",{className:"flex items-baseline gap-2",children:[(0,s.jsx)("span",{className:`font-bold text-lg ${f.color}`,children:r(m[h].de,m[h].en)}),(0,s.jsxs)("span",{className:"text-sm text-gray-500",children:[e.score,"/",e.maxScore," (",e.percentage,"%)"]})]}),e.timeElapsed&&(0,s.jsxs)("p",{className:"text-xs text-gray-400 flex items-center gap-1",children:[(0,s.jsx)(a.Z,{size:12}),g(e.timeElapsed)]})]}),t&&(0,s.jsxs)(n.Button,{onClick:t,className:"flex-shrink-0 px-4 py-2 bg-[#4F5338] text-white rounded-xl text-sm font-medium hover:bg-[#3d4129] transition-colors flex items-center gap-1.5 shadow-sm",children:[(0,s.jsx)(o.Z,{size:14}),r("Nochmal","Again")]})]})]})}function g(e){return`${Math.floor(e/60)}:${(e%60).toString().padStart(2,"0")}`}function h(e){let[t,r]=(0,d.useState)(0);return(0,d.useEffect)(()=>{if(!e)return;let t=setInterval(()=>{r(e=>e+1)},1e3);return()=>clearInterval(t)},[e]),{timeElapsed:t,reset:()=>r(0)}}},20300:function(e,t,r){function s(e){return e>=90?"A":e>=80?"B":e>=70?"C":e>=60?"D":"F"}function n(e,t){let r=e=>e.toLowerCase().trim().replace(/\s+/g," "),s=r(e),n=r(t);if(s===n)return 1;if(0===s.length||0===n.length)return 0;let i=[];for(let e=0;e<=s.length;e++)i[e]=[e];for(let e=0;e<=n.length;e++)i[0][e]=e;for(let e=1;e<=s.length;e++)for(let t=1;t<=n.length;t++){let r=s[e-1]===n[t-1]?0:1;i[e][t]=Math.min(i[e-1][t]+1,i[e][t-1]+1,i[e-1][t-1]+r)}return 1-i[s.length][n.length]/Math.max(s.length,n.length)}r.d(t,{Dl:function(){return i},H3:function(){return o},HH:function(){return l},Sy:function(){return a},k0:function(){return s},tg:function(){return function e(t){if(t.length<=1)return t.toUpperCase().split("");let r=t.toUpperCase();if(1===new Set(r).size)return r.split("");let s=r.split("");for(let e=s.length-1;e>0;e--){let t=Math.floor(Math.random()*(e+1));[s[e],s[t]]=[s[t],s[e]]}return s.join("")===r?e(t):s}},vH:function(){return n}});let i={isPlaying:!1,currentTime:0,duration:0,volume:1,playbackRate:1,isLoading:!1};function l(e,t){let r=t.findIndex(t=>e>=t.startTime&&e<t.endTime);return -1===r?null:{index:r,...t[r]}}function a(e){let t=[...e];for(let e=t.length-1;e>0;e--){let r=Math.floor(Math.random()*(e+1));[t[e],t[r]]=[t[r],t[e]]}return t}function o(e){let t=[],r=[];

8return e.forEach(e=>{t.push({id:`${e.id}-front`,pairId:e.id,content:e.front,contentEn:e.frontEn,image:e.image,audio:e.audio,isFlipped:!1,isMatched:!1,side:"front"}),r.push({id:`${e.id}-back`,pairId:e.id,content:e.back,contentEn:e.backEn,isFlipped:!1,isMatched:!1,side:"back"})}),[...t,...r]}}}]);