2 lines
32 KiB
JavaScript
2 lines
32 KiB
JavaScript
import{a as bn,b as hn,c as wn}from"./chunk-N73CTY2C.js";import{a as xn}from"./chunk-L5RFXRXA.js";import"./chunk-VX6WCCL3.js";import{a as Pn,b as On}from"./chunk-FETAVRDH.js";import"./chunk-66PBOFKL.js";import{b as sn,c as un}from"./chunk-R3PUHZUP.js";import"./chunk-3RK6DDJD.js";import{a as cn}from"./chunk-7XDVX5KB.js";import{a as pn,b as Mn}from"./chunk-CTXOKINH.js";import"./chunk-M5XZ5N2D.js";import{b as fn,g as qn}from"./chunk-TAS7XC6E.js";import"./chunk-3GOV5KJM.js";import{b as on,d as rn,i as an}from"./chunk-EGL4ZKWQ.js";import"./chunk-GPI43RSU.js";import{a as Z,c as nn,f as tn,i as en}from"./chunk-6NRCTHHS.js";import{b as B}from"./chunk-RC3JXGN6.js";import{a as _n,b as Cn}from"./chunk-N6VRXIQE.js";import{b as G,d as j,f as Y,g as W,l as H,o as U,r as J,x as K,z as X}from"./chunk-GWD5A44H.js";import"./chunk-52JZ5I3Y.js";import{Aa as mn,g as N,j as L,u as V,w as $,wa as dn,ya as gn,za as ln}from"./chunk-COFYR5MX.js";import{Db as g,Eb as l,Ec as _,Gb as I,Hb as F,Ib as T,Jb as C,Kb as e,Lb as o,Mb as b,Qb as z,Rb as v,Tb as y,U as M,Xb as h,Za as c,Zb as u,da as P,i as Q,ia as q,ic as S,ja as x,jc as w,lc as r,mc as O,nc as m,ob as E,oc as R,ta as p,wc as A,xc as D,z as k}from"./chunk-2MUIW2M6.js";function vn(i,t){if(i&1&&(e(0,"div",12)(1,"mat-icon"),r(2,"timer"),o(),e(3,"span"),r(4),o()()),i&2){let n=u();w("warning",n.timeRemaining()<60),c(4),O(n.formatTime(n.timeRemaining()))}}function yn(i,t){if(i&1&&(e(0,"mat-radio-button",27),r(1),o()),i&2){let n=t.$implicit,a=u(3);C("value",typeof n=="string"?n:n.id)("disabled",a.answerSubmitted()),c(),m(" ",typeof n=="string"?n:n.text," ")}}function Sn(i,t){if(i&1&&(e(0,"mat-radio-group",20),F(1,yn,2,3,"mat-radio-button",27,I),o()),i&2){let n=u();c(),T(n.options)}}function Qn(i,t){if(i&1){let n=y();e(0,"div",21)(1,"button",28),h("click",function(){q(n);let s=u(2);return x(s.answerForm.patchValue({answer:"true"}))}),e(2,"mat-icon"),r(3,"check_circle"),o(),e(4,"span"),r(5,"True"),o()(),e(6,"button",29),h("click",function(){q(n);let s=u(2);return x(s.answerForm.patchValue({answer:"false"}))}),e(7,"mat-icon"),r(8,"cancel"),o(),e(9,"span"),r(10,"False"),o()()()}if(i&2){let n,a,s=u(2);c(),w("selected",((n=s.answerForm.get("answer"))==null?null:n.value)==="true"),C("disabled",s.answerSubmitted()),c(5),w("selected",((a=s.answerForm.get("answer"))==null?null:a.value)==="false"),C("disabled",s.answerSubmitted())}}function kn(i,t){if(i&1&&(e(0,"mat-form-field",22)(1,"mat-label"),r(2,"Your Answer"),o(),e(3,"textarea",30),r(4," "),o(),e(5,"mat-hint"),r(6,"Be as detailed as possible"),o()()),i&2){let n=u(2);c(3),C("disabled",n.answerSubmitted())}}function En(i,t){if(i&1&&(e(0,"div",33)(1,"strong"),r(2,"Correct Answer:"),o(),e(3,"p"),r(4),o()()),i&2){let n=u(3);c(4),O(n.answerResult().correctAnswer)}}function In(i,t){if(i&1&&(e(0,"div",34)(1,"strong"),r(2,"Explanation:"),o(),e(3,"p"),r(4),o()()),i&2){let n,a=u(3);c(4),O((n=a.answerResult())==null?null:n.explanation)}}function Fn(i,t){if(i&1&&(e(0,"div",31)(1,"div",32)(2,"mat-icon"),r(3),o(),e(4,"h3"),r(5),o()(),g(6,En,5,1,"div",33),g(7,In,5,1,"div",34),e(8,"div",35)(9,"mat-icon"),r(10,"stars"),o(),e(11,"span"),r(12),o()()()),i&2){let n,a,s,f,d=u(2);w("correct",(n=d.answerResult())==null?null:n.isCorrect)("incorrect",!((a=d.answerResult())!=null&&a.isCorrect)),c(2),S("color",d.getFeedbackColor()),c(),m(" ",d.getFeedbackIcon()," "),c(),S("color",d.getFeedbackColor()),c(),m(" ",d.getFeedbackMessage()," "),c(),l(d.answerResult()&&!d.answerResult().isCorrect?6:-1),c(),l((s=d.answerResult())!=null&&s.explanation?7:-1),c(5),m("Points earned: ",(f=d.answerResult())==null?null:f.points)}}function Tn(i,t){i&1&&(b(0,"mat-spinner",36),e(1,"span"),r(2,"Submitting..."),o())}function Rn(i,t){i&1&&(z(0),e(1,"mat-icon"),r(2,"send"),o(),e(3,"span"),r(4,"Submit Answer"),o(),v())}function An(i,t){if(i&1&&(e(0,"button",25),g(1,Tn,3,0)(2,Rn,5,0,"ng-container"),o()),i&2){let n=u(2);C("disabled",!(n.answerForm!=null&&n.answerForm.valid)||!n.canSubmitAnswer()),c(),l(n.isSubmittingAnswer()?1:2)}}function Dn(i,t){i&1&&(z(0),e(1,"mat-icon"),r(2,"flag"),o(),e(3,"span"),r(4,"Complete Quiz"),o(),v())}function Nn(i,t){i&1&&(z(0),e(1,"mat-icon"),r(2,"arrow_forward"),o(),e(3,"span"),r(4,"Next Question"),o(),v())}function Ln(i,t){if(i&1){let n=y();e(0,"button",37),h("click",function(){q(n);let s=u(2);return x(s.nextQuestion())}),g(1,Dn,5,0,"ng-container")(2,Nn,5,0,"ng-container"),o()}if(i&2){let n=u(2);c(),l(n.isLastQuestion()?1:2)}}function Vn(i,t){if(i&1){let n=y();e(0,"mat-card-header")(1,"div",13)(2,"div",14)(3,"mat-chip",15),r(4),o(),e(5,"mat-chip",16),r(6),A(7,"titlecase"),o(),e(8,"span",17),r(9),o()()()(),b(10,"mat-divider"),e(11,"mat-card-content")(12,"div",18)(13,"h2"),r(14),o()(),e(15,"form",19),h("ngSubmit",function(){q(n);let s=u();return x(s.submitAnswer())}),g(16,Sn,3,0,"mat-radio-group",20),g(17,Qn,11,6,"div",21),g(18,kn,7,1,"mat-form-field",22),g(19,Fn,13,13,"div",23),e(20,"div",24),g(21,An,3,2,"button",25)(22,Ln,3,1,"button",26),o()()()}if(i&2){let n=t,a=u();c(4),O(a.questionTypeLabel()),c(),S("background-color",a.getDifficultyColor(n.difficulty)+"20")("color",a.getDifficultyColor(n.difficulty)),c(),m(" ",D(7,14,n.difficulty)," "),c(3),m("",n.points," points"),c(5),O(n.questionText),c(),C("formGroup",a.answerForm),c(),l(n.questionType==="multiple"&&n.options?16:-1),c(),l(a.isTrueFalse()?17:-1),c(),l(a.isWritten()?18:-1),c(),l(a.answerSubmitted()&&a.answerResult()?19:-1),c(2),l(a.answerSubmitted()?22:21)}}function $n(i,t){i&1&&(e(0,"mat-card-content",8),b(1,"mat-spinner",38),e(2,"p"),r(3,"Loading question..."),o()())}var zn=class i{fb=P(K);router=P($);route=P(V);quizService=P(xn);storageService=P(B);destroy$=new Q;sessionId="";answerForm;activeSession=this.quizService.activeSession;isSubmittingAnswer=this.quizService.isSubmittingAnswer;questions=this.quizService.questions;currentQuestionIndex=_(()=>this.activeSession()?.currentQuestionIndex??0);totalQuestions=_(()=>this.activeSession()?.totalQuestions??0);currentQuestion=p(null);answerSubmitted=p(!1);answerResult=p(null);showExplanation=p(!1);timeRemaining=p(0);timerRunning=p(!1);progress=_(()=>{let t=this.totalQuestions(),n=this.currentQuestionIndex();return t>0?n/t*100:0});currentScore=_(()=>this.activeSession()?.score??0);correctAnswers=_(()=>this.activeSession()?.correctAnswers??0);isLastQuestion=_(()=>this.currentQuestionIndex()>=this.totalQuestions()-1);canSubmitAnswer=_(()=>this.answerForm?.valid&&!this.answerSubmitted()&&!this.isSubmittingAnswer());questionTypeLabel=_(()=>{switch(this.currentQuestion()?.questionType){case"multiple":return"Multiple Choice";case"trueFalse":return"True/False";case"written":return"Written Answer";default:return""}});ngOnInit(){if(this.sessionId=this.route.snapshot.params.sessionId,!this.sessionId){this.router.navigate(["/quiz/setup"]);return}this.initForm(),this.loadQuizSession(),console.log(this.questions())}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete(),this.timerRunning.set(!1)}initForm(){this.answerForm=this.fb.group({answer:["",j.required]})}loadQuizSession(){let t=this.activeSession(),n=this.questions();if(t&&t.id===this.sessionId&&n.length>0){if(t.status==="completed"){this.router.navigate(["/quiz",this.sessionId,"results"]);return}if(this.loadCurrentQuestion(),t.quizType==="timed"&&t.timeSpent){let s=this.calculateTimeLimit(t.totalQuestions)*60-(t.timeSpent||0);s>0&&this.startTimer(s)}}else this.restoreSessionFromServer()}restoreSessionFromServer(){this.quizService.restoreSession(this.sessionId).pipe(M(this.destroy$)).subscribe({next:({session:t,hasQuestions:n})=>{if(t.status==="completed"){this.router.navigate(["/quiz",this.sessionId,"results"]);return}if(!n){console.warn("Session restored but questions not available"),this.router.navigate(["/quiz/setup"]);return}if(this.loadCurrentQuestion(),t.quizType==="timed"&&t.timeSpent){let s=this.calculateTimeLimit(t.totalQuestions)*60-(t.timeSpent||0);s>0&&this.startTimer(s)}},error:()=>{this.router.navigate(["/quiz/setup"])}})}calculateTimeLimit(t){return t*1.5}loadCurrentQuestion(){let t=this.currentQuestionIndex(),n=this.questions();t<n.length&&(this.currentQuestion.set(n[t]),this.answerSubmitted.set(!1),this.answerResult.set(null),this.showExplanation.set(!1),this.answerForm.reset(),this.answerForm.enable())}startTimer(t){this.timeRemaining.set(t),this.timerRunning.set(!0),k(1e3).pipe(M(this.destroy$)).subscribe(()=>{let n=this.timeRemaining();n>0&&this.timerRunning()?this.timeRemaining.set(n-1):n===0&&(this.timerRunning.set(!1),this.autoCompleteQuiz())})}autoCompleteQuiz(){this.quizService.completeQuiz(this.sessionId).pipe(M(this.destroy$)).subscribe()}submitAnswer(){if(!this.canSubmitAnswer())return;let t=this.currentQuestion();if(!t)return;let n=this.answerForm.get("answer")?.value,a={questionId:t.id,userAnswer:n,quizSessionId:this.sessionId};this.quizService.submitAnswer(a).pipe(M(this.destroy$)).subscribe({next:s=>{this.answerSubmitted.set(!0),this.answerResult.set(s),this.showExplanation.set(!0),this.answerForm.disable()},error:s=>{console.error("Failed to submit answer:",s)}})}nextQuestion(){this.isLastQuestion()?this.completeQuiz():this.loadCurrentQuestion()}completeQuiz(){this.timerRunning.set(!1),this.quizService.completeQuiz(this.sessionId).pipe(M(this.destroy$)).subscribe()}getFeedbackIcon(){return this.answerResult()?.isCorrect?"check_circle":"cancel"}getFeedbackColor(){return this.answerResult()?.isCorrect?"#4CAF50":"#f44336"}getFeedbackMessage(){let t=this.answerResult();return t?t.isCorrect?"Correct!":"Incorrect":""}formatTime(t){let n=Math.floor(t/60),a=t%60;return`${n.toString().padStart(2,"0")}:${a.toString().padStart(2,"0")}`}getDifficultyColor(t){switch(t){case"easy":return"#4CAF50";case"medium":return"#FF9800";case"hard":return"#f44336";default:return"#9E9E9E"}}isMultipleChoice(){return this.currentQuestion()?.questionType==="multiple"}isTrueFalse(){return this.currentQuestion()?.questionType==="trueFalse"}isWritten(){return this.currentQuestion()?.questionType==="written"}static \u0275fac=function(n){return new(n||i)};static \u0275cmp=E({type:i,selectors:[["app-quiz-question"]],decls:34,vars:9,consts:[[1,"quiz-question-container"],[1,"progress-header"],[1,"progress-info"],[1,"question-counter"],[1,"timer",3,"warning"],[1,"score-display"],["mode","determinate",1,"progress-bar",3,"value"],[1,"question-card"],[1,"loading-container"],[1,"summary-card"],[1,"summary-stats"],[1,"stat-item"],[1,"timer"],[1,"question-header"],[1,"question-meta"],[1,"type-chip"],[1,"difficulty-chip"],[1,"points"],[1,"question-text"],[1,"answer-form",3,"ngSubmit","formGroup"],["formControlName","answer",1,"radio-group"],[1,"true-false-buttons"],["appearance","outline",1,"full-width"],[1,"answer-feedback",3,"correct","incorrect"],[1,"action-buttons"],["type","submit","mat-raised-button","","color","primary",3,"disabled"],["type","button","mat-raised-button","","color","primary"],[1,"radio-option",3,"value","disabled"],["type","button","mat-raised-button","",1,"tf-button","true-button",3,"click","disabled"],["type","button","mat-raised-button","",1,"tf-button","false-button",3,"click","disabled"],["matInput","","formControlName","answer","rows","6","placeholder","Type your answer here...",3,"disabled"],[1,"answer-feedback"],[1,"feedback-header"],[1,"correct-answer"],[1,"explanation"],[1,"points-earned"],["diameter","20"],["type","button","mat-raised-button","","color","primary",3,"click"],["diameter","50"]],template:function(n,a){if(n&1&&(e(0,"div",0)(1,"div",1)(2,"div",2)(3,"span",3),r(4),o(),g(5,vn,5,3,"div",4),e(6,"div",5)(7,"mat-icon"),r(8,"stars"),o(),e(9,"span"),r(10),o()()(),b(11,"mat-progress-bar",6),o(),e(12,"mat-card",7),g(13,Vn,23,16)(14,$n,4,0,"mat-card-content",8),o(),e(15,"mat-card",9)(16,"h3"),r(17,"Quiz Progress"),o(),e(18,"div",10)(19,"div",11)(20,"mat-icon"),r(21,"check_circle"),o(),e(22,"span"),r(23),o()(),e(24,"div",11)(25,"mat-icon"),r(26,"cancel"),o(),e(27,"span"),r(28),o()(),e(29,"div",11)(30,"mat-icon"),r(31,"stars"),o(),e(32,"span"),r(33),o()()()()()),n&2){let s,f,d;c(4),R(" Question ",a.currentQuestionIndex()+1," of ",a.totalQuestions()," "),c(),l(((s=a.activeSession())==null?null:s.quizType)==="timed"?5:-1),c(5),m("Score: ",a.currentScore()),c(),C("value",a.progress()),c(2),l((f=a.currentQuestion())?13:14,f),c(10),m("",a.correctAnswers()," Correct"),c(5),m("",((d=a.activeSession())==null?null:d.incorrectAnswers)||0," Incorrect"),c(5),m("",a.currentScore()," Points")}},dependencies:[L,X,H,G,Y,W,U,J,en,Z,nn,tn,wn,bn,hn,gn,dn,mn,ln,On,Pn,Cn,_n,qn,fn,cn,an,on,rn,un,sn,Mn,pn,N],styles:[".quiz-question-container[_ngcontent-%COMP%]{max-width:900px;margin:0 auto;padding:16px}.quiz-question-container[_ngcontent-%COMP%] .progress-header[_ngcontent-%COMP%]{margin-bottom:24px}.quiz-question-container[_ngcontent-%COMP%] .progress-header[_ngcontent-%COMP%] .progress-info[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:12px}.quiz-question-container[_ngcontent-%COMP%] .progress-header[_ngcontent-%COMP%] .progress-info[_ngcontent-%COMP%] .question-counter[_ngcontent-%COMP%]{font-size:18px;font-weight:500;color:#000000de}.quiz-question-container[_ngcontent-%COMP%] .progress-header[_ngcontent-%COMP%] .progress-info[_ngcontent-%COMP%] .timer[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#1976d21a;border-radius:20px;font-size:16px;font-weight:500;color:#1976d2}.quiz-question-container[_ngcontent-%COMP%] .progress-header[_ngcontent-%COMP%] .progress-info[_ngcontent-%COMP%] .timer.warning[_ngcontent-%COMP%]{background-color:#f443361a;color:#f44336;animation:_ngcontent-%COMP%_pulse 1s infinite}.quiz-question-container[_ngcontent-%COMP%] .progress-header[_ngcontent-%COMP%] .progress-info[_ngcontent-%COMP%] .timer.warning[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{color:#f44336}.quiz-question-container[_ngcontent-%COMP%] .progress-header[_ngcontent-%COMP%] .progress-info[_ngcontent-%COMP%] .timer[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{font-size:20px;width:20px;height:20px}.quiz-question-container[_ngcontent-%COMP%] .progress-header[_ngcontent-%COMP%] .progress-info[_ngcontent-%COMP%] .score-display[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#4caf501a;border-radius:20px;font-size:16px;font-weight:500;color:#4caf50}.quiz-question-container[_ngcontent-%COMP%] .progress-header[_ngcontent-%COMP%] .progress-info[_ngcontent-%COMP%] .score-display[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{font-size:20px;width:20px;height:20px}.quiz-question-container[_ngcontent-%COMP%] .progress-header[_ngcontent-%COMP%] .progress-bar[_ngcontent-%COMP%]{height:8px;border-radius:4px}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%]{margin-bottom:24px}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-header[_ngcontent-%COMP%]{margin-bottom:16px}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-header[_ngcontent-%COMP%] .question-header[_ngcontent-%COMP%]{width:100%}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-header[_ngcontent-%COMP%] .question-header[_ngcontent-%COMP%] .question-meta[_ngcontent-%COMP%]{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-header[_ngcontent-%COMP%] .question-header[_ngcontent-%COMP%] .question-meta[_ngcontent-%COMP%] .type-chip[_ngcontent-%COMP%]{background-color:#1976d21a!important;color:#1976d2!important;font-weight:500}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-header[_ngcontent-%COMP%] .question-header[_ngcontent-%COMP%] .question-meta[_ngcontent-%COMP%] .difficulty-chip[_ngcontent-%COMP%]{font-weight:500}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-header[_ngcontent-%COMP%] .question-header[_ngcontent-%COMP%] .question-meta[_ngcontent-%COMP%] .points[_ngcontent-%COMP%]{margin-left:auto;font-weight:500;color:#000000b3}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .question-text[_ngcontent-%COMP%]{margin:24px 0}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .question-text[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]{margin:0;font-size:22px;font-weight:500;line-height:1.6;color:#000000de}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .radio-group[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:12px;margin:24px 0}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .radio-group[_ngcontent-%COMP%] .radio-option[_ngcontent-%COMP%]{padding:16px;border:2px solid rgba(0,0,0,.12);border-radius:8px;transition:all .2s}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .radio-group[_ngcontent-%COMP%] .radio-option[_ngcontent-%COMP%]:hover:not([disabled]){border-color:#1976d2;background-color:#1976d20d}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .radio-group[_ngcontent-%COMP%] .radio-option.mat-mdc-radio-checked[_ngcontent-%COMP%]{border-color:#1976d2;background-color:#1976d214}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .true-false-buttons[_ngcontent-%COMP%]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .true-false-buttons[_ngcontent-%COMP%] .tf-button[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;gap:8px;height:120px;font-size:18px;border:2px solid rgba(0,0,0,.12);background-color:#fff;transition:all .2s}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .true-false-buttons[_ngcontent-%COMP%] .tf-button[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{font-size:48px;width:48px;height:48px}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .true-false-buttons[_ngcontent-%COMP%] .tf-button[_ngcontent-%COMP%]:hover:not([disabled]){transform:translateY(-4px);box-shadow:0 4px 8px #00000026}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .true-false-buttons[_ngcontent-%COMP%] .tf-button.selected[_ngcontent-%COMP%]{border-width:3px}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .true-false-buttons[_ngcontent-%COMP%] .tf-button.true-button[_ngcontent-%COMP%]:hover:not([disabled]), .quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .true-false-buttons[_ngcontent-%COMP%] .tf-button.true-button.selected[_ngcontent-%COMP%]{border-color:#4caf50;background-color:#4caf5014;color:#4caf50}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .true-false-buttons[_ngcontent-%COMP%] .tf-button.true-button[_ngcontent-%COMP%]:hover:not([disabled]) mat-icon[_ngcontent-%COMP%], .quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .true-false-buttons[_ngcontent-%COMP%] .tf-button.true-button.selected[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{color:#4caf50}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .true-false-buttons[_ngcontent-%COMP%] .tf-button.false-button[_ngcontent-%COMP%]:hover:not([disabled]), .quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .true-false-buttons[_ngcontent-%COMP%] .tf-button.false-button.selected[_ngcontent-%COMP%]{border-color:#f44336;background-color:#f4433614;color:#f44336}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .true-false-buttons[_ngcontent-%COMP%] .tf-button.false-button[_ngcontent-%COMP%]:hover:not([disabled]) mat-icon[_ngcontent-%COMP%], .quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .true-false-buttons[_ngcontent-%COMP%] .tf-button.false-button.selected[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{color:#f44336}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .full-width[_ngcontent-%COMP%]{width:100%;margin:24px 0}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .answer-feedback[_ngcontent-%COMP%]{margin:24px 0;padding:20px;border-radius:8px;animation:_ngcontent-%COMP%_slideIn .3s ease-out}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .answer-feedback.correct[_ngcontent-%COMP%]{background-color:#4caf501a;border:2px solid #4CAF50}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .answer-feedback.incorrect[_ngcontent-%COMP%]{background-color:#f443361a;border:2px solid #f44336}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .answer-feedback[_ngcontent-%COMP%] .feedback-header[_ngcontent-%COMP%]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .answer-feedback[_ngcontent-%COMP%] .feedback-header[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{font-size:32px;width:32px;height:32px}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .answer-feedback[_ngcontent-%COMP%] .feedback-header[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{margin:0;font-size:24px;font-weight:500}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .answer-feedback[_ngcontent-%COMP%] .correct-answer[_ngcontent-%COMP%], .quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .answer-feedback[_ngcontent-%COMP%] .explanation[_ngcontent-%COMP%]{margin:16px 0;padding:12px;background-color:#ffffff80;border-radius:4px}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .answer-feedback[_ngcontent-%COMP%] .correct-answer[_ngcontent-%COMP%] strong[_ngcontent-%COMP%], .quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .answer-feedback[_ngcontent-%COMP%] .explanation[_ngcontent-%COMP%] strong[_ngcontent-%COMP%]{display:block;margin-bottom:8px;color:#000000de}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .answer-feedback[_ngcontent-%COMP%] .correct-answer[_ngcontent-%COMP%] p[_ngcontent-%COMP%], .quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .answer-feedback[_ngcontent-%COMP%] .explanation[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{margin:0;line-height:1.6;color:#000000b3}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .answer-feedback[_ngcontent-%COMP%] .points-earned[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px;margin-top:16px;font-weight:500;font-size:16px;color:#4caf50}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .answer-feedback[_ngcontent-%COMP%] .points-earned[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{font-size:20px;width:20px;height:20px}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .action-buttons[_ngcontent-%COMP%]{display:flex;justify-content:center;margin-top:32px}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .action-buttons[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px;height:48px;min-width:200px;font-size:16px;padding:0 24px}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .action-buttons[_ngcontent-%COMP%] button[_ngcontent-%COMP%] mat-spinner[_ngcontent-%COMP%]{margin-right:8px}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content.loading-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:20px}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content.loading-container[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{font-size:16px;color:#0009}.quiz-question-container[_ngcontent-%COMP%] .summary-card[_ngcontent-%COMP%]{padding:20px;background-color:#1976d20d;border:1px solid rgba(25,118,210,.2)}.quiz-question-container[_ngcontent-%COMP%] .summary-card[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{margin:0 0 16px;font-size:18px;font-weight:500;color:#1976d2}.quiz-question-container[_ngcontent-%COMP%] .summary-card[_ngcontent-%COMP%] .summary-stats[_ngcontent-%COMP%]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quiz-question-container[_ngcontent-%COMP%] .summary-card[_ngcontent-%COMP%] .summary-stats[_ngcontent-%COMP%] .stat-item[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px;padding:12px;background-color:#fff;border-radius:8px;font-weight:500}.quiz-question-container[_ngcontent-%COMP%] .summary-card[_ngcontent-%COMP%] .summary-stats[_ngcontent-%COMP%] .stat-item[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{font-size:24px;width:24px;height:24px}.quiz-question-container[_ngcontent-%COMP%] .summary-card[_ngcontent-%COMP%] .summary-stats[_ngcontent-%COMP%] .stat-item[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]:first-child{color:#4caf50}.quiz-question-container[_ngcontent-%COMP%] .summary-card[_ngcontent-%COMP%] .summary-stats[_ngcontent-%COMP%] .stat-item[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]:nth-child(2){color:#f44336}@keyframes _ngcontent-%COMP%_pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes _ngcontent-%COMP%_slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.quiz-question-container[_ngcontent-%COMP%] .progress-header[_ngcontent-%COMP%] .progress-info[_ngcontent-%COMP%] .question-counter[_ngcontent-%COMP%]{font-size:16px}.quiz-question-container[_ngcontent-%COMP%] .progress-header[_ngcontent-%COMP%] .progress-info[_ngcontent-%COMP%] .timer[_ngcontent-%COMP%], .quiz-question-container[_ngcontent-%COMP%] .progress-header[_ngcontent-%COMP%] .progress-info[_ngcontent-%COMP%] .score-display[_ngcontent-%COMP%]{font-size:14px;padding:6px 12px}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .question-text[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]{font-size:18px}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .true-false-buttons[_ngcontent-%COMP%]{grid-template-columns:1fr}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .true-false-buttons[_ngcontent-%COMP%] .tf-button[_ngcontent-%COMP%]{height:80px}.quiz-question-container[_ngcontent-%COMP%] .summary-card[_ngcontent-%COMP%] .summary-stats[_ngcontent-%COMP%]{grid-template-columns:1fr}}@media (max-width: 600px){.quiz-question-container[_ngcontent-%COMP%]{padding:12px}.quiz-question-container[_ngcontent-%COMP%] .progress-header[_ngcontent-%COMP%] .progress-info[_ngcontent-%COMP%]{flex-direction:column;align-items:flex-start}.quiz-question-container[_ngcontent-%COMP%] .progress-header[_ngcontent-%COMP%] .progress-info[_ngcontent-%COMP%] .score-display[_ngcontent-%COMP%]{margin-left:0}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-header[_ngcontent-%COMP%] .question-meta[_ngcontent-%COMP%] .points[_ngcontent-%COMP%]{margin-left:0;width:100%}}@media (prefers-color-scheme: dark){.quiz-question-container[_ngcontent-%COMP%] .progress-header[_ngcontent-%COMP%] .progress-info[_ngcontent-%COMP%] .question-counter[_ngcontent-%COMP%]{color:#ffffffde}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .question-text[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]{color:#ffffffde}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .radio-group[_ngcontent-%COMP%] .radio-option[_ngcontent-%COMP%]{border-color:#ffffff1f;background-color:#ffffff0d}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .true-false-buttons[_ngcontent-%COMP%] .tf-button[_ngcontent-%COMP%]{border-color:#ffffff1f;background-color:#ffffff0d}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .answer-feedback[_ngcontent-%COMP%] .correct-answer[_ngcontent-%COMP%], .quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .answer-feedback[_ngcontent-%COMP%] .explanation[_ngcontent-%COMP%]{background-color:#0003}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .answer-feedback[_ngcontent-%COMP%] .correct-answer[_ngcontent-%COMP%] strong[_ngcontent-%COMP%], .quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .answer-feedback[_ngcontent-%COMP%] .explanation[_ngcontent-%COMP%] strong[_ngcontent-%COMP%]{color:#ffffffde}.quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .answer-feedback[_ngcontent-%COMP%] .correct-answer[_ngcontent-%COMP%] p[_ngcontent-%COMP%], .quiz-question-container[_ngcontent-%COMP%] .question-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .answer-form[_ngcontent-%COMP%] .answer-feedback[_ngcontent-%COMP%] .explanation[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{color:#ffffffb3}.quiz-question-container[_ngcontent-%COMP%] .summary-card[_ngcontent-%COMP%] .summary-stats[_ngcontent-%COMP%] .stat-item[_ngcontent-%COMP%]{background-color:#ffffff0d}}"]})};export{zn as QuizQuestionComponent};
|