@sparkle-learning/core 0.0.35 → 0.0.36

package/dist/cjs/sparkle-quiz-v1.cjs.entry.js

@@ -0,0 +1,105 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-51e8292e.js');
+const assets_service = require('./assets.service-0c759d51.js');
+const environmentConfig_service = require('./environment-config.service-0e02b049.js');
+
+const sparkleQuizV1Css = "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)}";
+
+const SparkleQuizV1 = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.quizAnswerChanged = index.createEvent(this, "quizAnswerChanged", 7);
+  }
+  async loadQuestion() {
+    if (this.quizData) {
+      this.question = this.quizData[+this.questionId];
+    }
+  }
+  async componentWillLoad() {
+  }
+  async componentDidLoad() {
+    const config = environmentConfig_service.EnvironmentConfigService.getInstance().get('sparkle');
+    this.quizData = await assets_service.AssetsService.getInstance().loadJsonFile(config.quizPath);
+    await this.loadQuestion();
+    this.quizAnswerChanged.emit({
+      question: null,
+      answer: "1"
+    });
+  }
+  quizInputChangeHandler(event) {
+    this.quizAnswerChanged.emit({
+      question: event.detail.question,
+      answer: event.detail.value
+    });
+  }
+  quizFeedbackChangeHandler(event) {
+    this.quizAnswerChanged.emit({
+      question: event.detail.question,
+      answer: event.detail.value
+    });
+  }
+  quizSelectChangeHandler(event) {
+    this.quizAnswerChanged.emit({
+      question: event.detail.question,
+      answer: event.detail.value
+    });
+  }
+  quizOpinionChangeHandler(event) {
+    this.quizAnswerChanged.emit({
+      question: event.detail.question,
+      answer: event.detail.value
+    });
+  }
+  getQuestionFeedback() {
+    if (this.question.questionType == "MULTIPLE-CHOICE") {
+      const feedbacks = this.question.options.filter(x => x.correct == true).map(x => x.feedback);
+      return feedbacks.length > 0 && feedbacks.map(feedback => index.h("small", null, feedback));
+    }
+    else if (this.question.questionType == "FEEDBACK" || this.question.questionType == "TEXT") {
+      return this.question.feedback && index.h("small", null, " ", this.question.feedback);
+    }
+  }
+  showAnswerStatus() {
+    return index.h("div", null, this.correct ? index.h("strong", null, "Good job!") : index.h("strong", null, "Incorrect answer, please try again."));
+  }
+  renderQuestion() {
+    if (this.question.questionType == "MULTIPLE-CHOICE") {
+      return index.h("sparkle-quiz-select", { question: this.question, allowMultiple: true });
+    }
+    else if (this.question.questionType == "FEEDBACK") {
+      return index.h("sparkle-quiz-feedback", { question: this.question });
+    }
+    else if (this.question.questionType == "TEXT") {
+      return index.h("sparkle-quiz-input", { question: this.question });
+    }
+    else if (this.question.questionType == "OPINION") {
+      return index.h("sparkle-quiz-opinion", { question: this.question });
+    }
+    else if (this.question.questionType == "POLL") {
+      return index.h("sparkle-quiz-poll", { question: this.question });
+    }
+  }
+  render() {
+    if (this.question) {
+      let classes = {
+        'correct': this.submitted && this.correct,
+        'incorrect': this.submitted && !this.correct
+      };
+      return index.h("div", { class: classes }, this.renderQuestion(), this.submitted && this.showInstantResult && index.h("div", { class: "feedback-container" }, [this.showAnswerStatus(),
+        this.getQuestionFeedback()]));
+    }
+    else {
+      return index.h("p", null, "No question found.");
+    }
+  }
+  get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "questionId": ["loadQuestion"]
+  }; }
+};
+SparkleQuizV1.style = sparkleQuizV1Css;
+
+exports.sparkle_quiz_v1 = SparkleQuizV1;

package/dist/cjs/sparkle-quiz.cjs.entry.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-51e8292e.js');
-const assets_service = require('./assets.service-0c759d51.js');
-const environmentConfig_service = require('./environment-config.service-0e02b049.js');
 
 const sparkleQuizCss = "sparkle-quiz{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)}";
 
@@ -12,93 +10,109 @@ const SparkleQuiz = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.quizAnswerChanged = index.createEvent(this, "quizAnswerChanged", 7);
+    this.type = 'TEXT';
+    this.scale = 'FIVE-POINTS';
+    this.options = [];
   }
-  async loadQuestion() {
-    if (this.quizData) {
-      this.question = this.quizData[+this.questionId];
-    }
-  }
-  async componentWillLoad() {
-  }
+  //   private pageInfo: any;
+  //   @Watch('questionId')
+  //   async loadQuestion() {
+  //     if (this.quizData) {
+  //       this.question = this.quizData[+this.questionId];
+  //     }
+  //   }
+  //@State() question: SparkleQuizQuestion;
+  //@State() quizData: { [key: string]: SparkleQuizQuestion };
+  async componentWillLoad() { }
   async componentDidLoad() {
-    const config = environmentConfig_service.EnvironmentConfigService.getInstance().get('sparkle');
-    this.quizData = await assets_service.AssetsService.getInstance().loadJsonFile(config.quizPath);
-    await this.loadQuestion();
+    this.options = [];
+    if (this.el.querySelector("[slot='options']")) {
+      Array.from(this.el.querySelector("[slot='options']").querySelectorAll('option')).forEach(el => {
+        this.options = [...this.options, { option: el.innerText }];
+      });
+    }
     this.quizAnswerChanged.emit({
       question: null,
-      answer: "1"
+      answer: '1',
     });
   }
   quizInputChangeHandler(event) {
     this.quizAnswerChanged.emit({
       question: event.detail.question,
-      answer: event.detail.value
+      answer: event.detail.value,
     });
   }
   quizFeedbackChangeHandler(event) {
     this.quizAnswerChanged.emit({
       question: event.detail.question,
-      answer: event.detail.value
+      answer: event.detail.value,
     });
   }
   quizSelectChangeHandler(event) {
     this.quizAnswerChanged.emit({
       question: event.detail.question,
-      answer: event.detail.value
+      answer: event.detail.value,
     });
   }
   quizOpinionChangeHandler(event) {
     this.quizAnswerChanged.emit({
       question: event.detail.question,
-      answer: event.detail.value
+      answer: event.detail.value,
     });
   }
   getQuestionFeedback() {
-    if (this.question.questionType == "MULTIPLE-CHOICE") {
-      const feedbacks = this.question.options.filter(x => x.correct == true).map(x => x.feedback);
-      return feedbacks.length > 0 && feedbacks.map(feedback => index.h("small", null, feedback));
+    if (this.type == 'MULTIPLE-CHOICE') {
+      //   const feedbacks = this.question.options.filter(x => x.correct == true).map(x => x.feedback);
+      //   return feedbacks.length > 0 && feedbacks.map(feedback => <small>{feedback}</small>);
+      return index.h("small", null);
     }
-    else if (this.question.questionType == "FEEDBACK" || this.question.questionType == "TEXT") {
-      return this.question.feedback && index.h("small", null, " ", this.question.feedback);
+    else if (this.type == 'FEEDBACK' || this.type == 'TEXT') {
+      return this.feedback && index.h("small", null, " ", this.feedback);
     }
   }
   showAnswerStatus() {
     return index.h("div", null, this.correct ? index.h("strong", null, "Good job!") : index.h("strong", null, "Incorrect answer, please try again."));
   }
   renderQuestion() {
-    if (this.question.questionType == "MULTIPLE-CHOICE") {
-      return index.h("sparkle-quiz-select", { question: this.question, allowMultiple: true });
+    var question = {
+      questionId: this.questionId,
+      questionText: this.questionText,
+      questionType: this.type,
+      scale: this.scale,
+      showOptionNumber: this.showOptionNumber,
+      options: this.options,
+      //options: Array<SparkleQuizQuestionOption>;
+      feedback: this.feedback,
+    };
+    if (this.type == 'MULTIPLE-CHOICE') {
+      return index.h("sparkle-quiz-select", { question: question, allowMultiple: true });
     }
-    else if (this.question.questionType == "FEEDBACK") {
-      return index.h("sparkle-quiz-feedback", { question: this.question });
+    else if (this.type == 'FEEDBACK') {
+      return index.h("sparkle-quiz-feedback", { question: question });
     }
-    else if (this.question.questionType == "TEXT") {
-      return index.h("sparkle-quiz-input", { question: this.question });
+    else if (this.type == 'TEXT') {
+      return index.h("sparkle-quiz-input", { question: question });
     }
-    else if (this.question.questionType == "OPINION") {
-      return index.h("sparkle-quiz-opinion", { question: this.question });
+    else if (this.type == 'OPINION') {
+      return index.h("sparkle-quiz-opinion", { question: question });
     }
-    else if (this.question.questionType == "POLL") {
-      return index.h("sparkle-quiz-poll", { question: this.question });
+    else if (this.type == 'POLL') {
+      return index.h("sparkle-quiz-poll", { question: question });
     }
   }
   render() {
-    if (this.question) {
+    if (this.questionText) {
       let classes = {
-        'correct': this.submitted && this.correct,
-        'incorrect': this.submitted && !this.correct
+        correct: this.submitted && this.correct,
+        incorrect: this.submitted && !this.correct,
       };
-      return index.h("div", { class: classes }, this.renderQuestion(), this.submitted && this.showInstantResult && index.h("div", { class: "feedback-container" }, [this.showAnswerStatus(),
-        this.getQuestionFeedback()]));
+      return (index.h("div", { class: classes, ref: el => (this.containerRef = el) }, index.h("div", null, index.h("slot", null)), this.renderQuestion(), this.submitted && this.showInstantResult && index.h("div", { class: "feedback-container" }, [this.showAnswerStatus(), this.getQuestionFeedback()])));
     }
     else {
       return index.h("p", null, "No question found.");
     }
   }
   get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "questionId": ["loadQuestion"]
-  }; }
 };
 SparkleQuiz.style = sparkleQuizCss;
 

package/dist/cjs/student.service-2e58f237.js

@@ -0,0 +1,78 @@
+'use strict';
+
+const httpService = require('./httpService-7211d93b.js');
+const auth_store = require('./auth.store-1e630a7d.js');
+
+const { state, onChange, reset } = auth_store.createStore({
+  user: {
+    FirstName: '',
+    LastName: '',
+    ProfileText: '',
+    ProfileImage: '',
+    IsVerified: false,
+    Roles: [],
+    FacilitatorClassList: []
+  },
+  loaded: false,
+  updateLoading: false,
+  enrollmentList: [],
+});
+const userStore = { state, onChange, reset };
+
+class StudentService {
+  constructor() { }
+  static getInstance() {
+    if (!StudentService.instance) {
+      StudentService.instance = new StudentService();
+    }
+    return StudentService.instance;
+  }
+  async enrollClass(enrollInput) {
+    let result = await httpService.HttpService.http.post('api/v1/Student/EnrollClass', enrollInput);
+    if (result) {
+      userStore.state.enrollmentList = [
+        ...userStore.state.enrollmentList,
+        result.Data
+      ];
+    }
+    return result;
+  }
+  async leaveClass(leaveInput) {
+    let result = await httpService.HttpService.http.post('api/v1/Student/LeaveClass', leaveInput);
+    if (result) {
+      userStore.state.enrollmentList = userStore.state.enrollmentList.filter((item) => item.Id != result.Data);
+    }
+    return result;
+  }
+  async fetchUserConfiguration() {
+    let result = await httpService.HttpService.http.get('api/v1/Student/UserConfiguration');
+    if (result) {
+      userStore.state.enrollmentList = result.Data.EnrollmentList;
+      userStore.state.user.FirstName = result.Data.FirstName;
+      userStore.state.user.LastName = result.Data.LastName;
+      userStore.state.user.ProfileText = result.Data.ProfileText;
+      userStore.state.user.ProfileImage = result.Data.ProfileImage;
+      userStore.state.user.IsVerified = result.Data.IsVerified;
+      userStore.state.user.Roles = result.Data.Roles;
+      userStore.state.user.FacilitatorClassList = result.Data.FacilitatorClassList;
+    }
+    return result;
+  }
+  async updateProfile(updateProfileInput) {
+    userStore.state.updateLoading = true;
+    let result = await httpService.HttpService.http.post('api/Account/update-profile', updateProfileInput);
+    console.log('after fetch', result);
+    if (result) {
+      userStore.state.updateLoading = false;
+      userStore.state.user = Object.assign(Object.assign({}, userStore.state.user), { FirstName: result.Data.FirstName, LastName: result.Data.LastName, ProfileText: result.Data.ProfileText, ProfileImage: result.Data.ProfileImage });
+    }
+    return result;
+  }
+  async submitFeedback(feedbackInput) {
+    let result = await httpService.HttpService.http.post('api/v1/Feedback', feedbackInput);
+    return result;
+  }
+}
+
+exports.StudentService = StudentService;
+exports.userStore = userStore;

package/dist/collection/collection-manifest.json

@@ -32,7 +32,8 @@
     "./components/sparkle-intro/sparkle-intro.js",
     "./components/sparkle-login/sparkle-login.js",
     "./components/sparkle-poll/sparkle-poll.js",
-    "./components/sparkle-quiz/sparkle-quiz.js",
+    "./components/sparkle-quiz/sparkle-quiz-v1.js",
+    "./components/sparkle-quiz/sparkle-quiz/sparkle-quiz.js",
     "./components/sparkle-quiz/sparkle-quiz-feedback/sparkle-quiz-feedback.js",
     "./components/sparkle-quiz/sparkle-quiz-input/sparkle-quiz-input.js",
     "./components/sparkle-quiz/sparkle-quiz-opinion/sparkle-quiz-opinion.js",

package/dist/collection/components/sparkle-quiz/sparkle-quiz/sparkle-quiz.js

@@ -0,0 +1,326 @@
+import { Component, Prop, Listen, State, Event, Element, h } from '@stencil/core';
+export class SparkleQuiz {
+  constructor() {
+    this.type = 'TEXT';
+    this.scale = 'FIVE-POINTS';
+    this.options = [];
+  }
+  //   private pageInfo: any;
+  //   @Watch('questionId')
+  //   async loadQuestion() {
+  //     if (this.quizData) {
+  //       this.question = this.quizData[+this.questionId];
+  //     }
+  //   }
+  //@State() question: SparkleQuizQuestion;
+  //@State() quizData: { [key: string]: SparkleQuizQuestion };
+  async componentWillLoad() { }
+  async componentDidLoad() {
+    this.options = [];
+    if (this.el.querySelector("[slot='options']")) {
+      Array.from(this.el.querySelector("[slot='options']").querySelectorAll('option')).forEach(el => {
+        this.options = [...this.options, { option: el.innerText }];
+      });
+    }
+    this.quizAnswerChanged.emit({
+      question: null,
+      answer: '1',
+    });
+  }
+  quizInputChangeHandler(event) {
+    this.quizAnswerChanged.emit({
+      question: event.detail.question,
+      answer: event.detail.value,
+    });
+  }
+  quizFeedbackChangeHandler(event) {
+    this.quizAnswerChanged.emit({
+      question: event.detail.question,
+      answer: event.detail.value,
+    });
+  }
+  quizSelectChangeHandler(event) {
+    this.quizAnswerChanged.emit({
+      question: event.detail.question,
+      answer: event.detail.value,
+    });
+  }
+  quizOpinionChangeHandler(event) {
+    this.quizAnswerChanged.emit({
+      question: event.detail.question,
+      answer: event.detail.value,
+    });
+  }
+  getQuestionFeedback() {
+    if (this.type == 'MULTIPLE-CHOICE') {
+      //   const feedbacks = this.question.options.filter(x => x.correct == true).map(x => x.feedback);
+      //   return feedbacks.length > 0 && feedbacks.map(feedback => <small>{feedback}</small>);
+      return h("small", null);
+    }
+    else if (this.type == 'FEEDBACK' || this.type == 'TEXT') {
+      return this.feedback && h("small", null,
+        " ",
+        this.feedback);
+    }
+  }
+  showAnswerStatus() {
+    return h("div", null, this.correct ? h("strong", null, "Good job!") : h("strong", null, "Incorrect answer, please try again."));
+  }
+  renderQuestion() {
+    var question = {
+      questionId: this.questionId,
+      questionText: this.questionText,
+      questionType: this.type,
+      scale: this.scale,
+      showOptionNumber: this.showOptionNumber,
+      options: this.options,
+      //options: Array<SparkleQuizQuestionOption>;
+      feedback: this.feedback,
+    };
+    if (this.type == 'MULTIPLE-CHOICE') {
+      return h("sparkle-quiz-select", { question: question, allowMultiple: true });
+    }
+    else if (this.type == 'FEEDBACK') {
+      return h("sparkle-quiz-feedback", { question: question });
+    }
+    else if (this.type == 'TEXT') {
+      return h("sparkle-quiz-input", { question: question });
+    }
+    else if (this.type == 'OPINION') {
+      return h("sparkle-quiz-opinion", { question: question });
+    }
+    else if (this.type == 'POLL') {
+      return h("sparkle-quiz-poll", { question: question });
+    }
+  }
+  render() {
+    if (this.questionText) {
+      let classes = {
+        correct: this.submitted && this.correct,
+        incorrect: this.submitted && !this.correct,
+      };
+      return (h("div", { class: classes, ref: el => (this.containerRef = el) },
+        h("div", null,
+          h("slot", null)),
+        this.renderQuestion(),
+        this.submitted && this.showInstantResult && h("div", { class: "feedback-container" }, [this.showAnswerStatus(), this.getQuestionFeedback()])));
+    }
+    else {
+      return h("p", null, "No question found.");
+    }
+  }
+  static get is() { return "sparkle-quiz"; }
+  static get originalStyleUrls() { return {
+    "$": ["sparkle-quiz.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["sparkle-quiz.css"]
+  }; }
+  static get properties() { return {
+    "questionId": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "question-id",
+      "reflect": false
+    },
+    "type": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'MULTIPLE-CHOICE' | 'TEXT' | 'FEEDBACK' | 'OPINION' | 'POLL'",
+        "resolved": "\"FEEDBACK\" | \"MULTIPLE-CHOICE\" | \"OPINION\" | \"POLL\" | \"TEXT\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "type",
+      "reflect": false,
+      "defaultValue": "'TEXT'"
+    },
+    "scale": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'FIVE-POINTS' | 'TEN-POINTS'",
+        "resolved": "\"FIVE-POINTS\" | \"TEN-POINTS\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "scale",
+      "reflect": false,
+      "defaultValue": "'FIVE-POINTS'"
+    },
+    "questionText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "question-text",
+      "reflect": false
+    },
+    "showOptionNumber": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "show-option-number",
+      "reflect": false
+    },
+    "submitted": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "submitted",
+      "reflect": false
+    },
+    "correct": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "correct",
+      "reflect": false
+    },
+    "feedback": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "feedback",
+      "reflect": false
+    },
+    "showInstantResult": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "show-instant-result",
+      "reflect": false
+    }
+  }; }
+  static get states() { return {
+    "options": {}
+  }; }
+  static get events() { return [{
+      "method": "quizAnswerChanged",
+      "name": "quizAnswerChanged",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "{ answer: any; question: SparkleQuizQuestion }",
+        "resolved": "{ answer: any; question: SparkleQuizQuestion; }",
+        "references": {
+          "SparkleQuizQuestion": {
+            "location": "import",
+            "path": "../../../models/quiz.model"
+          }
+        }
+      }
+    }]; }
+  static get elementRef() { return "el"; }
+  static get listeners() { return [{
+      "name": "quizInputChange",
+      "method": "quizInputChangeHandler",
+      "target": undefined,
+      "capture": false,
+      "passive": false
+    }, {
+      "name": "quizFeedbackChange",
+      "method": "quizFeedbackChangeHandler",
+      "target": undefined,
+      "capture": false,
+      "passive": false
+    }, {
+      "name": "quizSelectChange",
+      "method": "quizSelectChangeHandler",
+      "target": undefined,
+      "capture": false,
+      "passive": false
+    }, {
+      "name": "quizOpinionChange",
+      "method": "quizOpinionChangeHandler",
+      "target": undefined,
+      "capture": false,
+      "passive": false
+    }]; }
+}