2 lines
29 KiB
JavaScript
2 lines
29 KiB
JavaScript
import"./chunk-MS4AQ6UA.js";import{a as ft,b as Ct}from"./chunk-GIRDLTGV.js";import{c as gt}from"./chunk-P3ICZX4Q.js";import{a as vt}from"./chunk-L5RFXRXA.js";import"./chunk-66PBOFKL.js";import"./chunk-NYYADJNO.js";import"./chunk-3RK6DDJD.js";import{a as at}from"./chunk-7XDVX5KB.js";import{a as pt}from"./chunk-B4CGVF35.js";import"./chunk-NIBVQDYD.js";import"./chunk-LLJSP5R2.js";import"./chunk-HMKN2VB2.js";import"./chunk-M5XZ5N2D.js";import{g as ht}from"./chunk-TAS7XC6E.js";import{a as mt}from"./chunk-GMUETU5N.js";import"./chunk-3GOV5KJM.js";import"./chunk-TPLZKWZ7.js";import{b as et,c as it,i as nt}from"./chunk-EGL4ZKWQ.js";import{a as _t}from"./chunk-GPI43RSU.js";import{a as Y,c as K,f as J,i as tt}from"./chunk-6NRCTHHS.js";import{b as B}from"./chunk-RC3JXGN6.js";import{a as dt,b as ut}from"./chunk-N6VRXIQE.js";import{d as v,f as Q,g as L,l as W,o as X,r as $,u as H,x as G,z as j}from"./chunk-GWD5A44H.js";import"./chunk-52JZ5I3Y.js";import{Aa as lt,ea as Z,j as D,u as U,va as rt,w as F,wa as st,x as N,ya as ot,za as ct}from"./chunk-COFYR5MX.js";import{$ as z,Db as m,Eb as h,Ec as C,Gb as V,Hb as O,Ib as P,Jb as y,Kb as e,Lb as t,Mb as S,Qb as q,Rb as A,Tb as x,U as I,Xb as f,Za as o,Zb as d,da as p,i as E,ia as M,ic as T,ja as b,jc as k,lc as n,mc as u,nc as g,ob as w,pb as R}from"./chunk-2MUIW2M6.js";var Mt=(()=>{class r{static \u0275fac=function(s){return new(s||r)};static \u0275mod=R({type:r});static \u0275inj=z({imports:[Z,rt]})}return r})();var xt=(r,a)=>a.id,bt=(r,a)=>a.value;function yt(r,a){if(r&1){let i=x();e(0,"div",5)(1,"mat-icon",8),n(2,"warning"),t(),e(3,"div",9)(4,"p")(5,"strong"),n(6,"Limited Quizzes Remaining"),t()(),e(7,"p"),n(8),t(),e(9,"button",10),f("click",function(){M(i);let l=d();return b(l.navigateToRegister())}),n(10," Sign Up for Unlimited Access "),t()()()}if(r&2){let i=d();o(8),g("You have ",i.remainingQuizzes()," quiz(es) left as a guest.")}}function Tt(r,a){r&1&&(e(0,"div",6),S(1,"mat-spinner",11),e(2,"p"),n(3,"Loading categories..."),t()())}function kt(r,a){if(r&1&&(e(0,"mat-icon"),n(1),t()),r&2){let i=d().$implicit;T("color",i.color),o(),u(i.icon)}}function St(r,a){if(r&1&&(e(0,"mat-option",16)(1,"div",34),m(2,kt,2,3,"mat-icon",35),e(3,"span",36),n(4),t(),e(5,"span",37),n(6),t()()()),r&2){let i=a.$implicit;y("value",i.id),o(2),h(i.icon?2:-1),o(2),u(i.name),o(2),g("(",i.questionCount," questions)")}}function It(r,a){r&1&&(e(0,"mat-error"),n(1,"Please select a category"),t())}function wt(r,a){if(r&1&&(e(0,"div",17)(1,"mat-icon"),n(2),t(),e(3,"div",38)(4,"h3"),n(5),t(),e(6,"p"),n(7),t()()()),r&2){let i,s,l,_,c=d(2);o(),T("color",(i=c.selectedCategory())==null?null:i.color),o(),u((s=c.selectedCategory())==null?null:s.icon),o(3),u((l=c.selectedCategory())==null?null:l.name),o(2),u((_=c.selectedCategory())==null?null:_.description)}}function Et(r,a){if(r&1){let i=x();e(0,"button",39),f("click",function(){let l=M(i).$implicit,_=d(2);return b(_.setupForm.patchValue({questionCount:l}))}),n(1),t()}if(r&2){let i,s=a.$implicit,l=d(2);k("selected",((i=l.setupForm.get("questionCount"))==null?null:i.value)===s),o(),g(" ",s," ")}}function zt(r,a){if(r&1){let i=x();e(0,"button",40),f("click",function(){let l=M(i).$implicit,_=d(2);return b(_.setupForm.patchValue({difficulty:l.value}))}),e(1,"mat-icon"),n(2),t(),e(3,"span"),n(4),t()()}if(r&2){let i,s=a.$implicit,l=d(2);k("selected",((i=l.setupForm.get("difficulty"))==null?null:i.value)===s.value),o(),T("color",s.color),o(),u(s.icon),o(2),u(s.label)}}function Rt(r,a){if(r&1){let i=x();e(0,"mat-card",41),f("click",function(){let l=M(i).$implicit,_=d(2);return b(_.setupForm.patchValue({quizType:l.value}))}),e(1,"mat-icon",42),n(2),t(),e(3,"h3"),n(4),t(),e(5,"p"),n(6),t()()}if(r&2){let i,s=a.$implicit,l=d(2);k("selected",((i=l.setupForm.get("quizType"))==null?null:i.value)===s.value),o(2),u(s.icon),o(2),u(s.label),o(2),u(s.description)}}function Vt(r,a){r&1&&(S(0,"mat-spinner",43),e(1,"span"),n(2,"Starting..."),t())}function qt(r,a){r&1&&(q(0),e(1,"mat-icon"),n(2,"play_arrow"),t(),e(3,"span"),n(4,"Start Quiz"),t(),A())}function At(r,a){if(r&1){let i=x();e(0,"form",12),f("ngSubmit",function(){M(i);let l=d();return b(l.startQuiz())}),e(1,"div",13)(2,"h2")(3,"mat-icon"),n(4,"category"),t(),n(5," Select Category "),t(),e(6,"mat-form-field",14)(7,"mat-label"),n(8,"Choose a category"),t(),e(9,"mat-select",15),O(10,St,7,4,"mat-option",16,xt),t(),m(12,It,2,0,"mat-error"),t(),m(13,wt,8,5,"div",17),t(),e(14,"div",13)(15,"h2")(16,"mat-icon"),n(17,"format_list_numbered"),t(),n(18," Number of Questions "),t(),e(19,"div",18),O(20,Et,2,3,"button",19,V),t(),e(22,"p",20),n(23),t()(),e(24,"div",13)(25,"h2")(26,"mat-icon"),n(27,"tune"),t(),n(28," Difficulty Level "),t(),e(29,"div",21),O(30,zt,5,6,"button",22,bt),t()(),e(32,"div",13)(33,"h2")(34,"mat-icon"),n(35,"mode"),t(),n(36," Quiz Mode "),t(),e(37,"div",23),O(38,Rt,7,5,"mat-card",24,bt),t()(),e(40,"div",25)(41,"mat-card",26)(42,"h3")(43,"mat-icon"),n(44,"info"),t(),n(45," Quiz Summary "),t(),e(46,"div",27)(47,"div",28)(48,"span",29),n(49,"Category:"),t(),e(50,"span",30),n(51),t()(),e(52,"div",28)(53,"span",29),n(54,"Questions:"),t(),e(55,"span",30),n(56),t()(),e(57,"div",28)(58,"span",29),n(59,"Difficulty:"),t(),e(60,"span",30),n(61),t()(),e(62,"div",28)(63,"span",29),n(64,"Mode:"),t(),e(65,"span",30),n(66),t()(),e(67,"div",28)(68,"span",29),n(69,"Estimated Time:"),t(),e(70,"span",30),n(71),t()()()()(),e(72,"div",31)(73,"button",32)(74,"mat-icon"),n(75,"arrow_back"),t(),n(76," Back to Categories "),t(),e(77,"button",33),m(78,Vt,3,0)(79,qt,5,0,"ng-container"),t()()()}if(r&2){let i,s,l,_,c=d();y("formGroup",c.setupForm),o(10),P(c.getAvailableCategories()),o(2),h((i=c.setupForm.get("categoryId"))!=null&&i.hasError("required")&&((i=c.setupForm.get("categoryId"))!=null&&i.touched)?12:-1),o(),h(c.selectedCategory()?13:-1),o(7),P(c.questionCountOptions),o(3),g("Selected: ",(s=c.setupForm.get("questionCount"))==null?null:s.value," questions"),o(7),P(c.difficultyOptions),o(8),P(c.quizTypeOptions),o(13),u(((l=c.selectedCategory())==null?null:l.name)||"Not selected"),o(5),u((_=c.setupForm.get("questionCount"))==null?null:_.value),o(5),g(" ",c.getSelectedDifficultyLabel()," "),o(5),g(" ",c.getSelectedQuizTypeLabel()," "),o(5),g("~",c.estimatedTime()," minutes"),o(6),y("disabled",c.setupForm.invalid&&!c.isStartingQuiz()),o(),h(c.isStartingQuiz()?78:79)}}var Ot=class r{fb=p(G);router=p(F);route=p(U);quizService=p(vt);categoryService=p(mt);guestService=p(_t);storageService=p(B);destroy$=new E;setupForm;categories=this.categoryService.categories;isLoadingCategories=this.categoryService.isLoading;isStartingQuiz=this.quizService.isStartingQuiz;isGuest=C(()=>!this.storageService.isAuthenticated());guestState=this.guestService.guestState;remainingQuizzes=C(()=>this.guestState().quizLimit?.quizzesRemaining??null);showGuestWarning=C(()=>{let a=this.remainingQuizzes();return this.isGuest()&&a!==null&&a<=2});questionCountOptions=[5,10,15,20];difficultyOptions=[{value:"easy",label:"Easy",icon:"sentiment_satisfied",color:"#4CAF50"},{value:"medium",label:"Medium",icon:"sentiment_neutral",color:"#FF9800"},{value:"hard",label:"Hard",icon:"sentiment_very_dissatisfied",color:"#f44336"},{value:"mixed",label:"Mixed (All Levels)",icon:"shuffle",color:"#9C27B0"}];quizTypeOptions=[{value:"practice",label:"Practice Mode",icon:"school",description:"No time limit, learn at your own pace"},{value:"timed",label:"Timed Mode",icon:"timer",description:"Challenge yourself with time constraints"}];selectedCategory=C(()=>{let a=this.setupForm?.get("categoryId")?.value;return this.categories()?.find(i=>i.id===a)});estimatedTime=C(()=>{let a=this.setupForm?.get("questionCount")?.value||10,i=this.setupForm?.get("quizType")?.value||"practice";return this.quizService.getEstimatedTime(a,i)});canStartQuiz=C(()=>this.setupForm?.valid&&!this.isStartingQuiz());ngOnInit(){this.initForm(),this.loadCategories(),this.checkPreselectedCategory()}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete()}initForm(){this.setupForm=this.fb.group({categoryId:[null,v.required],questionCount:[10,[v.required,v.min(5),v.max(20)]],difficulty:["mixed",v.required],quizType:["practice",v.required]})}loadCategories(){this.categoryService.getCategories().pipe(I(this.destroy$)).subscribe()}checkPreselectedCategory(){let a=this.route.snapshot.queryParams.category;a&&this.setupForm.patchValue({categoryId:a})}startQuiz(){if(!this.setupForm.valid)return;let a=this.setupForm.value,i={categoryId:a.categoryId,questionCount:a.questionCount,difficulty:a.difficulty,quizType:a.quizType};this.quizService.startQuiz(i).pipe(I(this.destroy$)).subscribe({next:s=>{s.success&&this.router.navigate(["/quiz",s.data.sessionId])},error:s=>{console.error("Failed to start quiz:",s)}})}getAvailableCategories(){let a=this.categories()||[];return this.isGuest()?a.filter(i=>i.guestAccessible):a}formatSliderLabel(a){return`${a} questions`}navigateToRegister(){this.router.navigate(["/register"])}getDifficultyColor(a){return this.difficultyOptions.find(s=>s.value===a)?.color||"#9E9E9E"}getSelectedDifficultyLabel(){let a=this.setupForm?.get("difficulty")?.value;return this.difficultyOptions.find(s=>s.value===a)?.label||"Not selected"}getSelectedQuizTypeLabel(){let a=this.setupForm?.get("quizType")?.value;return this.quizTypeOptions.find(s=>s.value===a)?.label||"Not selected"}static \u0275fac=function(i){return new(i||r)};static \u0275cmp=w({type:r,selectors:[["app-quiz-setup"]],decls:15,vars:3,consts:[[1,"quiz-setup-container"],[1,"header-content"],[1,"header-title"],[1,"header-icon"],[1,"subtitle"],[1,"guest-warning"],[1,"loading-container"],[1,"setup-form",3,"formGroup"],[1,"warning-icon"],[1,"warning-content"],["mat-stroked-button","","color","primary",3,"click"],["diameter","50"],[1,"setup-form",3,"ngSubmit","formGroup"],[1,"form-section"],["appearance","outline",1,"full-width"],["formControlName","categoryId","required",""],[3,"value"],[1,"category-preview"],[1,"question-count-selector"],["type","button","mat-stroked-button","",3,"selected"],[1,"helper-text"],[1,"difficulty-selector"],["type","button","mat-stroked-button","",1,"difficulty-option",3,"selected"],[1,"quiz-type-selector"],[1,"quiz-type-card",3,"selected"],[1,"summary-section"],[1,"summary-card"],[1,"summary-details"],[1,"summary-item"],[1,"label"],[1,"value"],[1,"action-buttons"],["type","button","mat-stroked-button","","routerLink","/categories"],["type","submit","mat-raised-button","","color","primary",3,"disabled"],[1,"category-option"],[3,"color"],[1,"category-name"],[1,"question-count"],[1,"category-info"],["type","button","mat-stroked-button","",3,"click"],["type","button","mat-stroked-button","",1,"difficulty-option",3,"click"],[1,"quiz-type-card",3,"click"],[1,"type-icon"],["diameter","20"]],template:function(i,s){i&1&&(e(0,"div",0)(1,"mat-card")(2,"mat-card-header")(3,"div",1)(4,"div",2)(5,"mat-icon",3),n(6,"play_circle"),t(),e(7,"h1"),n(8,"Start New Quiz"),t()(),e(9,"p",4),n(10,"Configure your quiz settings and challenge yourself!"),t()()(),e(11,"mat-card-content"),m(12,yt,11,1,"div",5),m(13,Tt,4,0,"div",6),m(14,At,80,11,"form",7),t()()()),i&2&&(o(12),h(s.showGuestWarning()?12:-1),o(),h(s.isLoadingCategories()?13:-1),o(),h(s.isLoadingCategories()?-1:14))},dependencies:[D,j,W,Q,L,H,X,$,N,tt,Y,K,J,at,nt,et,it,Ct,ft,gt,Mt,ot,st,lt,ct,ut,dt,ht,pt],styles:[".quiz-setup-container[_ngcontent-%COMP%]{max-width:900px;margin:24px auto;padding:0 16px}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-header[_ngcontent-%COMP%]{margin-bottom:32px}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-header[_ngcontent-%COMP%] .header-content[_ngcontent-%COMP%]{width:100%}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-header[_ngcontent-%COMP%] .header-content[_ngcontent-%COMP%] .header-title[_ngcontent-%COMP%]{display:flex;align-items:center;gap:12px;margin-bottom:8px}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-header[_ngcontent-%COMP%] .header-content[_ngcontent-%COMP%] .header-title[_ngcontent-%COMP%] .header-icon[_ngcontent-%COMP%]{font-size:32px;width:32px;height:32px;color:#1976d2}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-header[_ngcontent-%COMP%] .header-content[_ngcontent-%COMP%] .header-title[_ngcontent-%COMP%] h1[_ngcontent-%COMP%]{margin:0;font-size:28px;font-weight:500}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-header[_ngcontent-%COMP%] .header-content[_ngcontent-%COMP%] .subtitle[_ngcontent-%COMP%]{margin:0;color:#0009;font-size:16px}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .guest-warning[_ngcontent-%COMP%]{display:flex;gap:16px;padding:16px;margin-bottom:24px;background-color:#ff98001a;border-left:4px solid #FF9800;border-radius:4px}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .guest-warning[_ngcontent-%COMP%] .warning-icon[_ngcontent-%COMP%]{flex-shrink:0;color:#ff9800;font-size:28px;width:28px;height:28px}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .guest-warning[_ngcontent-%COMP%] .warning-content[_ngcontent-%COMP%]{flex:1}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .guest-warning[_ngcontent-%COMP%] .warning-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{margin:0 0 8px}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .guest-warning[_ngcontent-%COMP%] .warning-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%]:last-child{margin-bottom:12px}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .guest-warning[_ngcontent-%COMP%] .warning-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] strong[_ngcontent-%COMP%]{font-size:16px}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .loading-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:20px}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .loading-container[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{font-size:16px;color:#0009}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%]{margin-bottom:32px}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:18px;font-weight:500;color:#000000de}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{font-size:22px;width:22px;height:22px;color:#1976d2}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .full-width[_ngcontent-%COMP%]{width:100%}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .category-option[_ngcontent-%COMP%]{display:flex;align-items:center;gap:12px}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .category-option[_ngcontent-%COMP%] .category-name[_ngcontent-%COMP%]{flex:1;font-weight:500}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .category-option[_ngcontent-%COMP%] .question-count[_ngcontent-%COMP%]{font-size:13px;color:#0009}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .category-preview[_ngcontent-%COMP%]{display:flex;gap:16px;padding:16px;margin-top:16px;background-color:#00000008;border-radius:8px}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .category-preview[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{font-size:40px;width:40px;height:40px}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .category-preview[_ngcontent-%COMP%] .category-info[_ngcontent-%COMP%]{flex:1}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .category-preview[_ngcontent-%COMP%] .category-info[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{margin:0 0 4px;font-size:18px;font-weight:500}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .category-preview[_ngcontent-%COMP%] .category-info[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{margin:0;font-size:14px;color:#0009;line-height:1.5}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .question-count-selector[_ngcontent-%COMP%]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .question-count-selector[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{height:56px;font-size:18px;font-weight:500;transition:all .2s}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .question-count-selector[_ngcontent-%COMP%] button.selected[_ngcontent-%COMP%]{background-color:#1976d2;color:#fff;border-color:#1976d2}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .question-count-selector[_ngcontent-%COMP%] button[_ngcontent-%COMP%]:hover:not(.selected){background-color:#1976d214}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .helper-text[_ngcontent-%COMP%]{margin:12px 0 0;font-size:14px;color:#0009}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .difficulty-selector[_ngcontent-%COMP%]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .difficulty-selector[_ngcontent-%COMP%] .difficulty-option[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px;height:56px;font-size:15px;transition:all .2s}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .difficulty-selector[_ngcontent-%COMP%] .difficulty-option[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{font-size:24px;width:24px;height:24px}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .difficulty-selector[_ngcontent-%COMP%] .difficulty-option.selected[_ngcontent-%COMP%]{background-color:#1976d2;color:#fff;border-color:#1976d2}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .difficulty-selector[_ngcontent-%COMP%] .difficulty-option.selected[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{color:#fff!important}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .quiz-type-selector[_ngcontent-%COMP%]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .quiz-type-selector[_ngcontent-%COMP%] .quiz-type-card[_ngcontent-%COMP%]{padding:20px;text-align:center;cursor:pointer;transition:all .2s;border:2px solid rgba(0,0,0,.12)}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .quiz-type-selector[_ngcontent-%COMP%] .quiz-type-card[_ngcontent-%COMP%]:hover{border-color:#1976d2;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .quiz-type-selector[_ngcontent-%COMP%] .quiz-type-card.selected[_ngcontent-%COMP%]{border-color:#1976d2;background-color:#1976d214}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .quiz-type-selector[_ngcontent-%COMP%] .quiz-type-card[_ngcontent-%COMP%] .type-icon[_ngcontent-%COMP%]{font-size:48px;width:48px;height:48px;margin:0 auto 12px;color:#1976d2}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .quiz-type-selector[_ngcontent-%COMP%] .quiz-type-card[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{margin:0 0 8px;font-size:18px;font-weight:500}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .quiz-type-selector[_ngcontent-%COMP%] .quiz-type-card[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{margin:0;font-size:13px;color:#0009;line-height:1.4}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .summary-section[_ngcontent-%COMP%]{margin-bottom:24px}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .summary-section[_ngcontent-%COMP%] .summary-card[_ngcontent-%COMP%]{background-color:#1976d20d;border:1px solid rgba(25,118,210,.2)}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .summary-section[_ngcontent-%COMP%] .summary-card[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:18px;font-weight:500;color:#1976d2}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .summary-section[_ngcontent-%COMP%] .summary-card[_ngcontent-%COMP%] h3[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{font-size:24px;width:24px;height:24px}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .summary-section[_ngcontent-%COMP%] .summary-card[_ngcontent-%COMP%] .summary-details[_ngcontent-%COMP%]{display:grid;gap:12px}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .summary-section[_ngcontent-%COMP%] .summary-card[_ngcontent-%COMP%] .summary-details[_ngcontent-%COMP%] .summary-item[_ngcontent-%COMP%]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.08)}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .summary-section[_ngcontent-%COMP%] .summary-card[_ngcontent-%COMP%] .summary-details[_ngcontent-%COMP%] .summary-item[_ngcontent-%COMP%]:last-child{border-bottom:none}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .summary-section[_ngcontent-%COMP%] .summary-card[_ngcontent-%COMP%] .summary-details[_ngcontent-%COMP%] .summary-item[_ngcontent-%COMP%] .label[_ngcontent-%COMP%]{font-weight:500;color:#000000b3}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .summary-section[_ngcontent-%COMP%] .summary-card[_ngcontent-%COMP%] .summary-details[_ngcontent-%COMP%] .summary-item[_ngcontent-%COMP%] .value[_ngcontent-%COMP%]{font-weight:500;color:#000000de}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .action-buttons[_ngcontent-%COMP%]{display:flex;justify-content:space-between;gap:16px;margin-top:32px}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .action-buttons[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px;height:48px;font-size:16px;padding:0 24px}.quiz-setup-container[_ngcontent-%COMP%] mat-card[_ngcontent-%COMP%] mat-card-content[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .action-buttons[_ngcontent-%COMP%] button[_ngcontent-%COMP%] mat-spinner[_ngcontent-%COMP%]{margin-right:8px}@media (max-width: 768px){.quiz-setup-container[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .question-count-selector[_ngcontent-%COMP%]{grid-template-columns:repeat(2,1fr)}.quiz-setup-container[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .difficulty-selector[_ngcontent-%COMP%], .quiz-setup-container[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .form-section[_ngcontent-%COMP%] .quiz-type-selector[_ngcontent-%COMP%]{grid-template-columns:1fr}.quiz-setup-container[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .action-buttons[_ngcontent-%COMP%]{flex-direction:column-reverse}.quiz-setup-container[_ngcontent-%COMP%] .setup-form[_ngcontent-%COMP%] .action-buttons[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{width:100%}}@media (max-width: 600px){.quiz-setup-container[_ngcontent-%COMP%] mat-card-header[_ngcontent-%COMP%] .header-content[_ngcontent-%COMP%] .header-title[_ngcontent-%COMP%] h1[_ngcontent-%COMP%]{font-size:24px}.quiz-setup-container[_ngcontent-%COMP%] mat-card-header[_ngcontent-%COMP%] .header-content[_ngcontent-%COMP%] .header-title[_ngcontent-%COMP%] .header-icon[_ngcontent-%COMP%]{font-size:28px;width:28px;height:28px}}@media (prefers-color-scheme: dark){.quiz-setup-container[_ngcontent-%COMP%] .subtitle[_ngcontent-%COMP%], .quiz-setup-container[_ngcontent-%COMP%] .helper-text[_ngcontent-%COMP%], .quiz-setup-container[_ngcontent-%COMP%] .category-option[_ngcontent-%COMP%] .question-count[_ngcontent-%COMP%]{color:#ffffffb3}.quiz-setup-container[_ngcontent-%COMP%] .category-preview[_ngcontent-%COMP%]{background-color:#ffffff0d}.quiz-setup-container[_ngcontent-%COMP%] .category-preview[_ngcontent-%COMP%] .category-info[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{color:#ffffffb3}.quiz-setup-container[_ngcontent-%COMP%] .summary-card[_ngcontent-%COMP%]{background-color:#1976d21a}.quiz-setup-container[_ngcontent-%COMP%] .summary-card[_ngcontent-%COMP%] .summary-item[_ngcontent-%COMP%]{border-color:#ffffff1a}.quiz-setup-container[_ngcontent-%COMP%] .summary-card[_ngcontent-%COMP%] .summary-item[_ngcontent-%COMP%] .label[_ngcontent-%COMP%]{color:#ffffffb3}.quiz-setup-container[_ngcontent-%COMP%] .summary-card[_ngcontent-%COMP%] .summary-item[_ngcontent-%COMP%] .value[_ngcontent-%COMP%]{color:#ffffffe6}}"]})};export{Ot as QuizSetupComponent};
|