import{r as i,i as e,h as s,e as t}from"./p-ee1e0eb4.js";import{A as r}from"./p-408176ba.js";import{E as n}from"./p-bd90903e.js";const a=class{constructor(s){i(this,s),this.quizAnswerChanged=e(this,"quizAnswerChanged",7)}async loadQuestion(){this.quizData&&(this.question=this.quizData[+this.questionId])}async componentWillLoad(){}async componentDidLoad(){const i=n.getInstance().get("sparkle");this.quizData=await r.getInstance().loadJsonFile(i.quizPath),await this.loadQuestion(),this.quizAnswerChanged.emit({question:null,answer:"1"})}quizInputChangeHandler(i){this.quizAnswerChanged.emit({question:i.detail.question,answer:i.detail.value})}quizFeedbackChangeHandler(i){this.quizAnswerChanged.emit({question:i.detail.question,answer:i.detail.value})}quizSelectChangeHandler(i){this.quizAnswerChanged.emit({question:i.detail.question,answer:i.detail.value})}quizOpinionChangeHandler(i){this.quizAnswerChanged.emit({question:i.detail.question,answer:i.detail.value})}getQuestionFeedback(){if("MULTIPLE-CHOICE"==this.question.questionType){const i=this.question.options.filter((i=>1==i.correct)).map((i=>i.feedback));return i.length>0&&i.map((i=>s("small",null,i)))}if("FEEDBACK"==this.question.questionType||"TEXT"==this.question.questionType)return this.question.feedback&&s("small",null," ",this.question.feedback)}showAnswerStatus(){return s("div",null,s("strong",null,this.correct?"Good job!":"Incorrect answer, please try again."))}renderQuestion(){return"MULTIPLE-CHOICE"==this.question.questionType?s("sparkle-quiz-select",{question:this.question,allowMultiple:!0}):"FEEDBACK"==this.question.questionType?s("sparkle-quiz-feedback",{question:this.question}):"TEXT"==this.question.questionType?s("sparkle-quiz-input",{question:this.question}):"OPINION"==this.question.questionType?s("sparkle-quiz-opinion",{question:this.question}):"POLL"==this.question.questionType?s("sparkle-quiz-poll",{question:this.question}):void 0}render(){return this.question?s("div",{class:{correct:this.submitted&&this.correct,incorrect:this.submitted&&!this.correct}},this.renderQuestion(),this.submitted&&this.showInstantResult&&s("div",{class:"feedback-container"},[this.showAnswerStatus(),this.getQuestionFeedback()])):s("p",null,"No question found.")}get el(){return t(this)}static get watchers(){return{questionId:["loadQuestion"]}}};a.style="sparkle-quiz-v1{display:block;font-family:var(--font-family);--sparkle-quiz-question-container-padding:10px 0px;--sparkle-quiz-question-container-margin:0px;--sparkle-quiz-question-text-padding:10px 0px;--sparkle-quiz-option-border:2px solid var(--line-rule-color);--sparkle-quiz-selected-option-border:2px solid var(--text-color--dark);--sparkle-quiz-option-border-radius:4px;--sparkle-quiz-option-padding:5px 10px;--sparkle-quiz-option-width:100%;--sparkle-quiz-error-bg-color:#fbaeae;--sparkle-quiz-success-bg-color:#fbaeae;padding:var(--sparkle-quiz-question-container-padding);margin:var(--sparkle-quiz-question-container-margin)}.question-text{padding:var(--sparkle-quiz-question-text-padding)}.option{padding:5px 0px}.number{padding:0px 14px;border:1px solid #ebebeb;border-radius:4px;margin-right:10px;font-size:14px;width:14px;display:inline-flex;justify-content:center}.feedback-container{padding:10px;border-radius:4px}.incorrect .feedback-container{background-color:var(--sparkle-quiz-error-bg-color, #fbaeae)}.correct .feedback-container{background-color:var(--sparkle-quiz-success-bg-color, #fbaeae)}";export{a as sparkle_quiz}