@sparkle-learning/core 0.0.57 → 0.0.59

package/dist/sparkle-core/sparkle-page.entry.js

@@ -1,245 +0,0 @@
-import { r as registerInstance, q as createEvent, k as h, n as Host } from './index-1dec9544.js';
-import { t as templates } from './index-81dab78f.js';
-import './index-1d7a6fa0.js';
-import { a as AuthStore } from './index-0df264ee.js';
-import { u as userStore } from './user.store-3d052406.js';
-import { S as StoreService } from './store.service-0f7d998b.js';
-import { s as signalRStore, S as SignalRService } from './signalR.service-2b7645c1.js';
-import { m as modalController, c as alertController } from './overlays-fd3cfa13.js';
-import './util-ba470e54.js';
-import './utils-cae23bce.js';
-import './animation-676a644d.js';
-import './helpers-f11f0674.js';
-import './ios.transition-02531dda.js';
-import './index-183cda39.js';
-import './md.transition-f8765467.js';
-import './cubic-bezier-4c0db14f.js';
-import './index-dd414b33.js';
-import './ionic-global-127576f6.js';
-import './index-be6112f8.js';
-import './index-0af0deac.js';
-import './hardware-back-button-fa04d6e9.js';
-import './assets.service-6508aae6.js';
-import './localstorage.service-4bf408c8.js';
-
-const pageCss = ".Error{align-items:center;background-color:var(--offset-background);color:var(--text-color--light);display:flex;flex-direction:column;justify-content:center;line-height:1;white-space:nowrap}.Error.full-screen{padding-bottom:3rem}.Error>*{margin:10px}.Error h1,.Error div{color:inherit;font-size:3rem}.Error div{text-shadow:3px 3px 3px rgba(0,0,0,0.1)}.Error p{font-size:18px}sparkle-page{display:grid;font-size:16px;grid-template-columns:1fr minmax(0, var(--page-width, 720px)) 1fr;line-height:2;margin-left:var(--page-margin-left);margin-top:var(--header-height);overflow-x:hidden;transform:var(--page-transform, none);transition:transform 200ms cubic-bezier(0.2, 1, 0.2, 1)}@media (min-width: 1234px){sparkle-page{grid-template-columns:1fr minmax(0, var(--page-width, 720px)) 3fr}}@media (min-width: 1800px){sparkle-page{grid-template-columns:1fr minmax(0, var(--page-width, 720px)) 1fr 240px}}sparkle-page>main{position:relative;grid-column:2;margin-bottom:3rem;padding:var(--page-padding, 2rem 1rem);position:relative}sparkle-page sparkle-pagination{grid-column:1 / -1}sparkle-page .full-screen{grid-column:1 / -1;height:calc(100vh - var(--header-height));margin-bottom:0;overflow:hidden;padding:0}sparkle-page .page-heading-encapsulation{text-transform:uppercase;background:transparent;color:#2d4665;border:1px solid #dee3ea;border-radius:14px;height:24px;padding:2px 8px;font-weight:600;font-size:10px;line-height:14px;display:inline-flex;align-items:center;align-self:center;justify-self:flex-end;letter-spacing:0.08em;float:right}sparkle-page .page-heading-encapsulation:hover{border-color:#92a1b3}sparkle-page h1{display:flex;justify-content:space-between;margin-top:2rem;margin-bottom:1rem}sparkle-page h2 a[href^='#'],sparkle-page h3 a[href^='#'],sparkle-page h4 a[href^='#'],sparkle-page h5 a[href^='#'],sparkle-page h6 a[href^='#']{color:inherit;position:relative}sparkle-page h2 a[href^='#']:before,sparkle-page h3 a[href^='#']:before,sparkle-page h4 a[href^='#']:before,sparkle-page h5 a[href^='#']:before,sparkle-page h6 a[href^='#']:before{content:'#';opacity:0;padding-right:5px;position:absolute;right:100%;transition:opacity 100ms ease}sparkle-page h2 a[href^='#']:hover:before,sparkle-page h3 a[href^='#']:hover:before,sparkle-page h4 a[href^='#']:hover:before,sparkle-page h5 a[href^='#']:hover:before,sparkle-page h6 a[href^='#']:hover:before{opacity:1}sparkle-page h2 code,sparkle-page h3 code,sparkle-page h4 code,sparkle-page h5 code,sparkle-page h6 code{background:none;font-size:inherit}sparkle-page aside{float:right;margin-left:20px;margin-bottom:20px}@media (min-width: 1234px){sparkle-page main.no-demo .page-meta{position:fixed;right:0;top:100px;width:240px;transition:0.2s transform ease}sparkle-header.hidden~stencil-route sparkle-page main.no-demo .page-meta{transform:translateY(-60px)}}sparkle-page main.has-demo .page-meta internal-ad{display:none}sparkle-page .controls{display:flex;justify-content:flex-end}.controls ion-button ion-icon{color:#fff}";
-
-const SparklePage = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.pageDidLoad = createEvent(this, "pageDidLoad", 7);
-    this.presentation = false;
-    this.page = { title: null, path: null, body: null, pageInfo: null };
-    this.isLesson = false;
-    this.eventEmitter = (user, data) => {
-      let event = new CustomEvent('receivedSignalREvent', { detail: JSON.parse(data) });
-      document.body.dispatchEvent(event);
-    };
-    this.pollSubmissionEventEmitter = (type, data) => {
-      let event = new CustomEvent('receivedPollSubmissionSignalREvent', { detail: { data: data, type: type } });
-      document.body.dispatchEvent(event);
-    };
-    this.handleFacilitatorNavigationChange = url => {
-      this.history.replace(url, {});
-    };
-    this.validateFetch = (response) => {
-      if (!response.ok) {
-        throw response;
-      }
-      return response.json();
-    };
-    this.handleNewPage = (page) => {
-      this.badFetch = null;
-      this.page = page;
-      if (this.presentation) {
-        this.page = Object.assign(Object.assign({}, this.page), { previousUrl: '/presentation' + this.page.previousUrl, nextUrl: '/presentation' + this.page.nextUrl });
-      }
-      StoreService.getInstance().UpdateTocPageInfo(this.page.pageInfo);
-      this.isLesson = this.page.pageInfo.pageId > 0;
-      this.pageDidLoad.emit({ pageInfo: this.page.pageInfo });
-    };
-    this.handleBadFetch = (error) => {
-      this.badFetch = error;
-      this.page = {
-        title: error.statusText,
-        body: null,
-        path: null,
-        pageInfo: null,
-      };
-    };
-  }
-  componentWillLoad() {
-    if (this.path) {
-      return this.fetchPage(this.path);
-    }
-  }
-  componentDidLoad() {
-    if (this.presentation) {
-      signalRStore.onChange('connected', connected => {
-        if (connected) {
-          SignalRService.getInstance().connection.on('SendMessage', this.eventEmitter);
-          SignalRService.getInstance().connection.on('NavigateFacilitatorPresentationCourseTo', this.handleFacilitatorNavigationChange);
-          SignalRService.getInstance().connection.on('PollSubmission', this.pollSubmissionEventEmitter);
-        }
-        else {
-          SignalRService.getInstance().connection.off('SendMessage', this.eventEmitter);
-          SignalRService.getInstance().connection.off('PollSubmission', this.eventEmitter);
-          SignalRService.getInstance().connection.off('NavigateFacilitatorPresentationCourseTo', this.handleFacilitatorNavigationChange);
-        }
-      });
-    }
-  }
-  fetchPage(path, oldPath) {
-    if (SignalRService.getInstance().connection._connectionState == 'Connected') {
-      SignalRService.getInstance().callSignalR('OnStudentNavigate', { url: window.location.href });
-      if (this.presentation) {
-        SignalRService.getInstance().connection.on('NavigateFacilitatorPresentationCourseTo', this.handleFacilitatorNavigationChange);
-      }
-    }
-    if (path === null || path === oldPath) {
-      return;
-    }
-    path = /^\/docs\/pages\/[a-z]{2}\.json$/.test(path) ? path.replace('.json', '/index.json') : path;
-    return fetch(path).then(this.validateFetch).then(this.handleNewPage).catch(this.handleBadFetch);
-  }
-  disconnectedCallback() {
-    StoreService.getInstance().UpdateTocPageInfo(null);
-  }
-  // @Watch('page')
-  // setScrollPosition() {
-  //   const hash = this.history.location.hash;
-  //   if (this.isServer || (hash !== undefined && hash !== '')) {
-  //     return;
-  //   }
-  //   requestAnimationFrame(() => {
-  //     const { location } = this.history;
-  //     const { scrollPosition = [0, 0] } = location;
-  //     const [x, y] = scrollPosition;
-  //     document.documentElement.scrollTo(x, y);
-  //   });
-  // }
-  setDocumentMeta(page) {
-    const { title, meta = {} } = page;
-    const metaEls = {
-      title: document.head.querySelectorAll('.meta-title'),
-      description: document.head.querySelectorAll('.meta-description'),
-      url: document.head.querySelectorAll('.meta-url, link[rel="canonical"]'),
-      image: document.head.querySelectorAll('.meta-image'),
-    };
-    const updateMeta = (els, update) => {
-      els.forEach((el) => {
-        ['href', 'content'].forEach(attr => {
-          if (el.hasAttribute(attr)) {
-            el.setAttribute(attr, update(el.getAttribute(attr)));
-          }
-        });
-      });
-    };
-    // Title
-    const getTitle = () => {
-      const suffix = /^\/docs\/pages\/appflow.*$/.test(this.path) ? 'Sparkle' : 'Sparkle';
-      // Favor meta title, else go with auto-title. fallback to generic title
-      return meta.title || title ? `${title} - ${suffix}` : suffix;
-    };
-    document.title = getTitle();
-    updateMeta(metaEls.title, getTitle);
-    // Canonical URL
-    updateMeta(metaEls.url, (oldVal) => {
-      const uri = '/docs/';
-      const path = location.pathname.split(uri)[1];
-      return oldVal.split(uri)[0] + uri + path;
-    });
-    // Description
-    updateMeta(metaEls.description, () => meta.description || 'Sparkle is the free open-source platform for creating learning content on web, mobile and desktop.');
-    // Sharing Image
-    updateMeta(metaEls.image, () => meta.image || 'https://girlsinclearning.com//images/logo-primary.png');
-  }
-  hostData() {
-    return {
-      class: {
-        [this.page.pageClass]: typeof this.page.pageClass === 'string',
-      },
-    };
-  }
-  async presentFeedbackModal() {
-    const modal = await modalController.create({
-      component: 'sparkle-feedback',
-      cssClass: 'sparkle-modal sparkle-feedback-modal',
-    });
-    await modal.present();
-  }
-  async openProjectorPage() {
-    if (userStore.state.user.FacilitatorClassList.length > 1) {
-      await this.presentAlertClasses();
-    }
-    else {
-      this.openWindows();
-    }
-  }
-  async presentAlertClasses() {
-    var inputs = [];
-    //    var defaultCourseClassId = this.jwtService.getDefaultCourseClassId();
-    var classes = userStore.state.user.FacilitatorClassList;
-    classes.forEach((item, index) => inputs.push({
-      name: 'radio' + index,
-      type: 'radio',
-      label: item.CourseName,
-      value: item.CourseClassId,
-      //checked: defaultCourseClassId > 0 ? item.CourseClassId == defaultCourseClassId : index == 0
-    }));
-    const alert = await alertController.create({
-      header: 'Classes',
-      inputs: inputs,
-      buttons: [
-        {
-          text: 'Cancel',
-          role: 'cancel',
-          cssClass: 'secondary',
-          handler: () => { },
-        },
-        {
-          text: 'Ok',
-          handler: data => { },
-        },
-      ],
-    });
-    await alert.present();
-  }
-  openWindows() {
-    //this.jwtService.updateDefaultCourseClassId(data);
-    window.open(window.location.origin + '/presentation' + this.path.replace('.json', ''), '_blank');
-    setTimeout(() => {
-      window.open(window.location.origin + '/presentation' + '/teacher' + this.path.replace('.json', ''), '_blank');
-    }, 500);
-  }
-  renderControls() {
-    if (AuthStore.state.isAuthenticated) {
-      return (h("div", { class: "controls" }, h("ion-button", { onClick: () => this.presentFeedbackModal() }, h("ion-icon", { name: "chatbox-outline" })), this.isLesson && userStore.state.user && userStore.state.user.Roles.indexOf('Facilitator') > -1 && (h("ion-button", { onClick: () => this.openProjectorPage() }, h("ion-icon", { name: "desktop-outline" })))));
-    }
-    return '';
-  }
-  __stencil_render() {
-    if (this.path) {
-      const { page } = this;
-      if (this.badFetch) {
-        return templates.error(this.badFetch);
-      }
-      const Template = templates[page.template] || templates.default;
-      const content = [
-        h("main", { class: 'no-demo' }, this.renderControls(), h(Template, { page: page })),
-      ];
-      return content;
-    }
-    else {
-      return (h("main", { class: 'no-demo' }, h("slot", null)));
-    }
-  }
-  static get watchers() { return {
-    "path": ["fetchPage"],
-    "page": ["setDocumentMeta"]
-  }; }
-  render() { return h(Host, this.hostData(), this.__stencil_render()); }
-};
-SparklePage.style = pageCss;
-
-export { SparklePage as sparkle_page };

package/dist/sparkle-core/sparkle-pagination.entry.js

@@ -1,67 +0,0 @@
-import { r as registerInstance, k as h } from './index-1dec9544.js';
-import { B as BackArrow, F as ForwardArrow } from './icons-758d1417.js';
-import './index-1d7a6fa0.js';
-import { t as toastController } from './overlays-fd3cfa13.js';
-import './utils-cae23bce.js';
-import './animation-676a644d.js';
-import './helpers-f11f0674.js';
-import './ios.transition-02531dda.js';
-import './index-183cda39.js';
-import './md.transition-f8765467.js';
-import './cubic-bezier-4c0db14f.js';
-import './index-dd414b33.js';
-import './ionic-global-127576f6.js';
-import './index-be6112f8.js';
-import './index-0af0deac.js';
-import './hardware-back-button-fa04d6e9.js';
-
-const paginationCss = "sparkle-pagination{border-color:var(--line-rule-color);border-style:solid;border-width:0 0 1px;display:flex;flex-wrap:wrap-reverse;padding:var(--page-padding, 2rem 0rem) 0}sparkle-pagination .next,sparkle-pagination .previous{max-width:100%;overflow:hidden}sparkle-pagination .next{margin-left:auto}sparkle-pagination a{border-radius:4px;display:flex;align-items:flex-start;flex-direction:column;padding:1em 1.5em;color:rgb(var(--accent-color-rgb))}sparkle-pagination .previous a{padding-left:0}sparkle-pagination .next a{padding-right:0;align-items:flex-end}@media (max-width: 700px){sparkle-pagination .previous a{padding-right:0.5rem}sparkle-pagination .next a{padding-left:0.5rem}}@media (hover: hover){sparkle-pagination a:hover,sparkle-pagination a:active{filter:brightness(0.8)}}sparkle-pagination .pagination__title{color:var(--text-color--lighter);font-size:12px;display:block}sparkle-pagination .pagination__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;color:var(--ion-color-sparkle)}sparkle-pagination span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sparkle-pagination svg{fill:currentColor;flex:none;height:1em;margin-bottom:-0.125em;width:1em}sparkle-pagination .next svg{margin-left:0.5em}sparkle-pagination .previous svg{margin-right:0.5em}.completed-toast{z-index:999999999999999999999999999 !important}";
-
-const SparklePagination = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.page = { title: null, path: null, body: null, pageInfo: null };
-  }
-  async presentToast() {
-    console.log('showToast');
-    const toast = await toastController.create({
-      message: 'Lesson Completed.',
-      duration: 3000,
-      cssClass: "completed-toast"
-    });
-    toast.present();
-  }
-  async presentToastLastSession() {
-    console.log('showToast');
-    const toast = await toastController.create({
-      message: 'Session Completed',
-      duration: 3000,
-      cssClass: "completed-toast"
-    });
-    toast.present();
-  }
-  render() {
-    const { previousText, previousUrl, nextText, nextUrl, lastLession, lastSession } = this.page;
-    const shouldShowPrevious = previousText && previousUrl;
-    const shouldShowNext = nextText && nextUrl;
-    const links = [];
-    if (shouldShowPrevious) {
-      links.push(h("stencil-route-link", { url: previousUrl, key: "previous", class: "previous", anchorTitle: previousText }, h("div", { class: "pagination__title" }, "Previous"), h("div", { class: "pagination__text" }, h(BackArrow, null), h("span", null, previousText))));
-    }
-    if (shouldShowNext) {
-      if (lastLession == 'true') {
-        links.push(h("stencil-route-link", { onClick: () => this.presentToast(), url: nextUrl, key: "next", class: "next last-lesson", anchorTitle: nextText }, h("div", { class: "pagination__title" }, "Next"), h("div", { class: "pagination__text" }, h("span", null, nextText), h(ForwardArrow, null))));
-      }
-      else if (lastSession == 'true') {
-        links.push(h("stencil-route-link", { onClick: () => this.presentToastLastSession(), url: nextUrl, key: "next", class: "next last-session", anchorTitle: nextText }, h("div", { class: "pagination__title" }, "Next"), h("div", { class: "pagination__text" }, h("span", null, nextText), h(ForwardArrow, null))));
-      }
-      else {
-        links.push(h("stencil-route-link", { url: nextUrl, key: "next", class: "next", anchorTitle: nextText }, h("div", { class: "pagination__title" }, "Next"), h("div", { class: "pagination__text" }, h("span", null, nextText), h(ForwardArrow, null))));
-      }
-    }
-    return links;
-  }
-};
-SparklePagination.style = paginationCss;
-
-export { SparklePagination as sparkle_pagination };

package/dist/sparkle-core/sparkle-poll.entry.js

@@ -1,15 +0,0 @@
-import { r as registerInstance, k as h, n as Host } from './index-1dec9544.js';
-
-const sparklePollCss = ":host{display:block}";
-
-const SparklePoll = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h(Host, null, h("slot", null)));
-  }
-};
-SparklePoll.style = sparklePollCss;
-
-export { SparklePoll as sparkle_poll };

package/dist/sparkle-core/sparkle-quiz-container.entry.js

@@ -1,43 +0,0 @@
-import { r as registerInstance, k as h, n as Host } from './index-1dec9544.js';
-
-const sparkleQuizContainerCss = ":host{display:block}";
-
-const SparkleQuizContainer = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.showInstantResult = false;
-    this.submitted = false;
-    this.answers = {};
-  }
-  //TODO: not working
-  pageDidLoadHandler($event) {
-    if ($event) {
-      this.pageInfo = $event.detail.pageInfo;
-      console.log("pageInfo", this.pageInfo);
-    }
-  }
-  updateQuizAnswerModelHandler(obj) {
-    if (obj.detail.question) {
-      this.answers[obj.detail.question.questionId] = {
-        question: obj.detail.question,
-        answer: obj.detail.answer
-      };
-    }
-    console.log(this.answers);
-  }
-  submitQuiz() {
-    this.submitted = true;
-    let model = {
-      pageInfo: this.pageInfo,
-      quiz: this.answers
-    };
-    console.log(model);
-    //post api
-  }
-  render() {
-    return (h(Host, null, this.questionIds && this.questionIds.split(",").map((id => h("sparkle-quiz-v1", { questionId: +id, submitted: this.submitted, showInstantResult: this.showInstantResult }))), h("ion-button", { slot: "end", onClick: () => this.submitQuiz() }, "Submit")));
-  }
-};
-SparkleQuizContainer.style = sparkleQuizContainerCss;
-
-export { SparkleQuizContainer as sparkle_quiz_container };

package/dist/sparkle-core/sparkle-quiz-feedback.entry.js

@@ -1,18 +0,0 @@
-import { r as registerInstance, q as createEvent, k as h, n as Host } from './index-1dec9544.js';
-import { G as GetSelectOptionId } from './quiz.model-1cff62e4.js';
-
-const sparkleQuizFeedbackCss = ":host{display:block}";
-
-const SparkleQuizFeedback = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.quizFeedbackChange = createEvent(this, "quizFeedbackChange", 7);
-    this.displayOptions = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
-  }
-  render() {
-    return (h(Host, { class: "quiz__feedback" }, h("div", { class: "question-container" }, h("div", { class: "question-text" }, this.question.questionText), h("div", null, this.displayOptions.map((option, index) => h("div", { class: "option" }, h("input", { type: "radio", id: GetSelectOptionId(this.question.questionId, index), name: "question-" + this.question.questionId, value: option, onChange: (e) => this.quizFeedbackChange.emit({ value: e.target.value, question: this.question }) }), h("label", { htmlFor: GetSelectOptionId(this.question.questionId, index) }, h("span", { class: "number" }, this.displayOptions[index]), " ", option), h("br", null)))))));
-  }
-};
-SparkleQuizFeedback.style = sparkleQuizFeedbackCss;
-
-export { SparkleQuizFeedback as sparkle_quiz_feedback };

package/dist/sparkle-core/sparkle-quiz-input.entry.js

@@ -1,16 +0,0 @@
-import { r as registerInstance, q as createEvent, k as h, n as Host } from './index-1dec9544.js';
-
-const sparkleQuizInputCss = ":host{display:block}";
-
-const SparkleQuizInput = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.quizInputChange = createEvent(this, "quizInputChange", 7);
-  }
-  render() {
-    return (h(Host, { class: "quiz__input" }, h("div", { class: "question-container" }, h("label", { htmlFor: "question-" + this.question.questionId, class: "form-label" }, this.question.questionText), h("input", { type: "text", class: "form-control", id: "question-" + this.question.questionId, name: "question-" + this.question.questionId, onInput: (e) => this.quizInputChange.emit({ value: e.target.value, question: this.question }) }))));
-  }
-};
-SparkleQuizInput.style = sparkleQuizInputCss;
-
-export { SparkleQuizInput as sparkle_quiz_input };

package/dist/sparkle-core/sparkle-quiz-old.entry.js

@@ -1,116 +0,0 @@
-import { r as registerInstance, q as createEvent, k as h, o as getElement } from './index-1dec9544.js';
-
-const sparkleQuizOldCss = "sparkle-quiz-old{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 SparkleQuizOld = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.quizAnswerChanged = createEvent(this, "quizAnswerChanged", 7);
-    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 }];
-      });
-      console.log(this.questionText, this.options);
-    }
-    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", { hidden: true }, 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.");
-    }
-  }
-  get el() { return getElement(this); }
-};
-SparkleQuizOld.style = sparkleQuizOldCss;
-
-export { SparkleQuizOld as sparkle_quiz_old };

package/dist/sparkle-core/sparkle-quiz-opinion.entry.js

@@ -1,41 +0,0 @@
-import { r as registerInstance, q as createEvent, k as h, n as Host, o as getElement } from './index-1dec9544.js';
-import { G as GetSelectOptionId } from './quiz.model-1cff62e4.js';
-
-const sparkleQuizOpinionCss = "sparkle-quiz-opinion .scale{display:flex;justify-content:space-between}sparkle-quiz-opinion .scale>p{margin:0}sparkle-quiz-opinion .scale>p.selected{color:var(--ion-color-primary)}sparkle-quiz-opinion ion-icon{font-size:30px}sparkle-quiz-opinion .icon-group{min-width:70px;text-align:right;padding-right:10px}";
-
-const SparkleQuizOpinion = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.quizOpinionChange = createEvent(this, "quizOpinionChange", 7);
-    this.fivePointsDisplayOptions = ['Strongly agree', 'Agree', 'Not sure', 'Disagree', 'Strongly disagree'];
-    this.tenPointsDisplayOptions = ["Never",
-      "Never",
-      "Sometimes",
-      "Sometimes",
-      "Half of the time",
-      "Half of the time",
-      "Most of the time",
-      "Most of the time",
-      "Always",
-      "Always",
-      "Always"];
-    this.tenPointsDefaultValue = 5;
-  }
-  optionChanged(index, answer) {
-    this.selectedIndex = index;
-    this.quizOpinionChange.emit({ value: answer, question: this.question });
-  }
-  renderFivePointScale() {
-    return (this.fivePointsDisplayOptions.map((option, index) => h("div", { class: "option" }, h("input", { id: GetSelectOptionId(this.question.questionId, index), type: "radio", name: "question-" + this.question.questionId, value: option, onChange: (e) => this.optionChanged(index, this.fivePointsDisplayOptions[index]) }), h("label", { htmlFor: GetSelectOptionId(this.question.questionId, index) }, h("span", { class: "number" }, index + 1), option), h("br", null))));
-  }
-  renderTenPointScale() {
-    return (h("div", null, h("ion-item", null, h("ion-range", { class: "opinion-range", onIonChange: (e) => this.optionChanged(+e.detail.value, this.tenPointsDisplayOptions[+e.detail.value]), min: 0, max: 10, value: this.tenPointsDefaultValue, step: 1, pin: true, snaps: true }, h("ion-icon", { size: "small", slot: "start", name: "star-outline" }), h("ion-icon", { slot: "end", name: "star" }))), h("div", { class: "scale" }, h("p", null, "Never"), h("p", { class: "selected" }, this.tenPointsDisplayOptions[this.selectedIndex] || this.tenPointsDisplayOptions[this.tenPointsDefaultValue]), h("p", null, "Always")), h("br", null), h("hr", null)));
-  }
-  render() {
-    return (h(Host, { class: "quiz__opinion" }, h("div", { class: "opinion-container" }, h("div", { class: "question-text" }, this.question.questionText), h("div", null, this.question.scale == "FIVE-POINTS" && this.renderFivePointScale(), this.question.scale == "TEN-POINTS" && this.renderTenPointScale()))));
-  }
-  get el() { return getElement(this); }
-};
-SparkleQuizOpinion.style = sparkleQuizOpinionCss;
-
-export { SparkleQuizOpinion as sparkle_quiz_opinion };

package/dist/sparkle-core/sparkle-quiz-poll.entry.js

@@ -1,16 +0,0 @@
-import { r as registerInstance, q as createEvent, k as h, n as Host } from './index-1dec9544.js';
-
-const sparkleQuizPollCss = ":host{display:block}";
-
-const SparkleQuizPoll = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.quizInputChange = createEvent(this, "quizInputChange", 7);
-  }
-  render() {
-    return (h(Host, { class: "quiz__input" }, h("div", { class: "question-container" }, h("label", { htmlFor: "question-" + this.question.questionId, class: "form-label" }, this.question.questionText), h("input", { type: "text", class: "form-control", id: "question-" + this.question.questionId, name: "question-" + this.question.questionId, onInput: (e) => this.quizInputChange.emit({ value: e.target.value, question: this.question }) }))));
-  }
-};
-SparkleQuizPoll.style = sparkleQuizPollCss;
-
-export { SparkleQuizPoll as sparkle_quiz_poll };

package/dist/sparkle-core/sparkle-quiz-select.entry.js

@@ -1,29 +0,0 @@
-import { r as registerInstance, q as createEvent, k as h, n as Host } from './index-1dec9544.js';
-import { G as GetSelectOptionId } from './quiz.model-1cff62e4.js';
-
-const sparkleQuizSelectCss = ":host{display:block}";
-
-const SparkleQuizSelect = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.quizSelectChange = createEvent(this, "quizSelectChange", 7);
-    this.allowMultiple = false;
-    this.values = [];
-    this.displayOptions = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
-  }
-  optionChanged(e) {
-    if (e.target.checked) {
-      this.values = [...this.values, e.target.value];
-    }
-    else {
-      this.values = this.values.filter(x => x !== e.target.value);
-    }
-    this.quizSelectChange.emit({ value: this.values, question: this.question });
-  }
-  render() {
-    return (h(Host, { class: "quiz__select" }, h("div", { class: "question-container" }, h("div", { class: "question-text" }, this.question.questionText), h("div", null, this.question.options.map((option, index) => h("div", { class: "option" }, h("input", { type: this.allowMultiple ? "checkbox" : "radio", id: GetSelectOptionId(this.question.questionId, index), name: "question-" + this.question.questionId, value: option.option, onChange: (e) => this.optionChanged(e) }), h("label", { htmlFor: GetSelectOptionId(this.question.questionId, index) }, h("span", { class: "number" }, this.displayOptions[index]), option.option), h("br", null)))))));
-  }
-};
-SparkleQuizSelect.style = sparkleQuizSelectCss;
-
-export { SparkleQuizSelect as sparkle_quiz_select };