@sparkle-learning/core 0.0.33 → 0.0.36

package/dist/esm/sparkle-notfound-page.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-5568e3fa.js';
+import { r as registerInstance, h } from './index-c04b9ed5.js';
 
 const notfoundPageCss = "notfound-page{text-align:center}";
 

package/dist/esm/sparkle-overlay.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, i as createEvent, h, H as Host, e as getElement } from './index-5568e3fa.js';
+import { r as registerInstance, i as createEvent, h, H as Host, e as getElement } from './index-c04b9ed5.js';
 
 const overlayCss = "sparkle-overlay{--sparkle-z-index-xl:500;--sparkle-transition-fast:0.3s;--sparkle-color-light-base:197, 209, 218;--sparkle-shadow-xl:0 20px 40px rgba(0, 0, 0, 0.2)}.sparkle-overlay{-ms-flex-align:center;align-items:center;display:flex;visibility:hidden;-ms-flex-pack:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:auto;-ms-touch-action:none;touch-action:none;opacity:0;z-index:var(--sparkle-z-index-xl)}.sparkle-overlay,.sparkle-overlay.opened{-webkit-transition:all var(--sparkle-transition-fast) ease-in-out;transition:all var(--sparkle-transition-fast) ease-in-out}.sparkle-overlay.opened{visibility:visible;opacity:1}.sparkle-overlay.opened .content{-webkit-transition:all var(--sparkle-transition-fast) ease-in-out;transition:all var(--sparkle-transition-fast) ease-in-out}.sparkle-overlay.light{background-color:rgba(var(--sparkle-color-light-base), 0.6)}.sparkle-overlay.dark{background-color:rgba(var(--sparkle-color-dark-base), 0.6)}.sparkle-overlay.absolute{position:absolute}.sparkle-overlay .scrim{border-radius:inherit;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-transition:inherit;transition:inherit;width:100%;will-change:opacity}.sparkle-overlay .content{position:relative;outline:none;-webkit-box-shadow:var(--sparkle-shadow-xl);box-shadow:var(--sparkle-shadow-xl);-webkit-transition:all var(--sparkle-transition-fast) ease-in-out;transition:all var(--sparkle-transition-fast) ease-in-out}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-5568e3fa.js';
+import { r as registerInstance, h, H as Host } from './index-c04b9ed5.js';
 
 const sparklePollCss = ":host{display:block}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-5568e3fa.js';
+import { r as registerInstance, h, H as Host } from './index-c04b9ed5.js';
 
 const sparkleQuizContainerCss = ":host{display:block}";
 

package/dist/esm/sparkle-quiz-feedback_5.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, i as createEvent, h, H as Host, e as getElement } from './index-5568e3fa.js';
+import { r as registerInstance, i as createEvent, h, H as Host, e as getElement } from './index-c04b9ed5.js';
 
 function GetSelectOptionId(questionId, index) {
   return "question-" + questionId + "-option-" + index;

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

@@ -0,0 +1,101 @@
+import { r as registerInstance, i as createEvent, h, e as getElement } from './index-c04b9ed5.js';
+import { A as AssetsService } from './assets.service-66e848b8.js';
+import { E as EnvironmentConfigService } from './environment-config.service-2b5d692b.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) {
+    registerInstance(this, hostRef);
+    this.quizAnswerChanged = createEvent(this, "quizAnswerChanged", 7);
+  }
+  async loadQuestion() {
+    if (this.quizData) {
+      this.question = this.quizData[+this.questionId];
+    }
+  }
+  async componentWillLoad() {
+  }
+  async componentDidLoad() {
+    const config = EnvironmentConfigService.getInstance().get('sparkle');
+    this.quizData = await 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 => h("small", null, feedback));
+    }
+    else if (this.question.questionType == "FEEDBACK" || this.question.questionType == "TEXT") {
+      return this.question.feedback && h("small", null, " ", this.question.feedback);
+    }
+  }
+  showAnswerStatus() {
+    return h("div", null, this.correct ? h("strong", null, "Good job!") : h("strong", null, "Incorrect answer, please try again."));
+  }
+  renderQuestion() {
+    if (this.question.questionType == "MULTIPLE-CHOICE") {
+      return h("sparkle-quiz-select", { question: this.question, allowMultiple: true });
+    }
+    else if (this.question.questionType == "FEEDBACK") {
+      return h("sparkle-quiz-feedback", { question: this.question });
+    }
+    else if (this.question.questionType == "TEXT") {
+      return h("sparkle-quiz-input", { question: this.question });
+    }
+    else if (this.question.questionType == "OPINION") {
+      return h("sparkle-quiz-opinion", { question: this.question });
+    }
+    else if (this.question.questionType == "POLL") {
+      return h("sparkle-quiz-poll", { question: this.question });
+    }
+  }
+  render() {
+    if (this.question) {
+      let classes = {
+        'correct': this.submitted && this.correct,
+        'incorrect': this.submitted && !this.correct
+      };
+      return h("div", { class: classes }, 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); }
+  static get watchers() { return {
+    "questionId": ["loadQuestion"]
+  }; }
+};
+SparkleQuizV1.style = sparkleQuizV1Css;
+
+export { SparkleQuizV1 as sparkle_quiz_v1 };

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

@@ -1,6 +1,4 @@
-import { r as registerInstance, i as createEvent, h, e as getElement } from './index-5568e3fa.js';
-import { A as AssetsService } from './assets.service-66e848b8.js';
-import { E as EnvironmentConfigService } from './environment-config.service-2b5d692b.js';
+import { r as registerInstance, i as createEvent, h, e as getElement } from './index-c04b9ed5.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)}";
 
@@ -8,93 +6,109 @@ const SparkleQuiz = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.quizAnswerChanged = 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 = EnvironmentConfigService.getInstance().get('sparkle');
-    this.quizData = await 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 => 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 h("small", null);
     }
-    else if (this.question.questionType == "FEEDBACK" || this.question.questionType == "TEXT") {
-      return this.question.feedback && h("small", null, " ", this.question.feedback);
+    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() {
-    if (this.question.questionType == "MULTIPLE-CHOICE") {
-      return 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 h("sparkle-quiz-select", { question: question, allowMultiple: true });
     }
-    else if (this.question.questionType == "FEEDBACK") {
-      return h("sparkle-quiz-feedback", { question: this.question });
+    else if (this.type == 'FEEDBACK') {
+      return h("sparkle-quiz-feedback", { question: question });
     }
-    else if (this.question.questionType == "TEXT") {
-      return h("sparkle-quiz-input", { question: this.question });
+    else if (this.type == 'TEXT') {
+      return h("sparkle-quiz-input", { question: question });
     }
-    else if (this.question.questionType == "OPINION") {
-      return h("sparkle-quiz-opinion", { question: this.question });
+    else if (this.type == 'OPINION') {
+      return h("sparkle-quiz-opinion", { question: question });
     }
-    else if (this.question.questionType == "POLL") {
-      return h("sparkle-quiz-poll", { question: this.question });
+    else if (this.type == 'POLL') {
+      return 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 h("div", { class: classes }, this.renderQuestion(), this.submitted && this.showInstantResult && h("div", { class: "feedback-container" }, [this.showAnswerStatus(),
-        this.getQuestionFeedback()]));
+      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.");
     }
   }
   get el() { return getElement(this); }
-  static get watchers() { return {
-    "questionId": ["loadQuestion"]
-  }; }
 };
 SparkleQuiz.style = sparkleQuizCss;
 

package/dist/esm/sparkle-select.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, i as createEvent, h, H as Host } from './index-5568e3fa.js';
+import { r as registerInstance, i as createEvent, h, H as Host } from './index-c04b9ed5.js';
 
 const selectCss = ".Select{cursor:pointer;display:inline-block;font-weight:500}.Select .Dropdown-button{align-items:center;border:solid 1px #dee3ea;border-radius:6px;display:inline-flex;justify-content:space-between;min-width:100px;padding:0.5em 1em}.Select .Dropdown-panel{padding:0.5em 0}.Select .Dropdown-arrow{margin-left:0.5em}.Select-option{--bg-alpha:0;background-color:rgba(0, 0, 0, var(--bg-alpha));padding:0.5em 1.5em}.Select-option:focus{--bg-alpha:0.025;outline:none}.Select-option--selected{--bg-alpha:0.05}.Select-option--selected:focus{--bg-alpha:0.075}@media (hover: hover){.Select-option:hover{--bg-alpha:0.025}.Select-option--selected:hover{--bg-alpha:0.075}}";
 

package/dist/esm/sparkle-sidebar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, e as getElement } from './index-5568e3fa.js';
+import { r as registerInstance, h, e as getElement } from './index-c04b9ed5.js';
 
 const sidebarCss = "sparkle-sidebar{--sparkle-spacing-size-lg:1rem;--sparkle-transition-med:0.5s;--sparkle-color-dark-lighter:89, 109, 127;--sparkle-font-size-md:1.25rem;--sparkle-spacing-size-none:0;--sparkle-spacing-size-xxxs:0.0625rem;--sparkle-color-light-base:1197, 209, 218;--sparkle-font-size-lg:1.5rem;--sparkle-color-dark-base:55, 68, 79}.sparkle-sidebar{height:100%;max-width:90%;position:fixed;top:0;bottom:0;overflow-x:hidden;overflow-y:auto;background-color:#fff;padding:var(--sparkle-spacing-size-lg);-webkit-transition:all var(--sparkle-transition-med) ease-in-out;transition:all var(--sparkle-transition-med) ease-in-out}.sparkle-sidebar.left{border-right:var(--sparkle-spacing-size-xxxs) solid rgba(var(--sparkle-color-dark-lighter), 1)}.sparkle-sidebar.left.size-sm{width:16rem;left:-16rem}.sparkle-sidebar.left.size-md{width:22.5rem;left:-22.5rem}.sparkle-sidebar.left.size-lg{width:30rem;left:-30rem}.sparkle-sidebar.left.size-xl{width:45rem;left:-45rem}.sparkle-sidebar.left.show{visibility:visible;left:0}.sparkle-sidebar.right{border-right:var(--sparkle-spacing-size-xxxs) solid rgba(var(--sparkle-color-dark-lighter), 1)}.sparkle-sidebar.right.size-sm{width:16rem;right:-16rem}.sparkle-sidebar.right.size-md{width:22.5rem;right:-22.5rem}.sparkle-sidebar.right.size-lg{width:30rem;right:-30rem}.sparkle-sidebar.right.size-xl{width:45rem;right:-45rem}.sparkle-sidebar.right.show{visibility:visible;right:0}.sparkle-sidebar .drawer-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center;border-bottom:var(--sparkle-spacing-size-xxxs) solid rgba(var(--sparkle-color-light-base), 1);font-size:var(--sparkle-font-size-lg);color:rgba(var(--sparkle-color-dark-base), 1)}.sparkle-sidebar .drawer-header .drawer-title{line-height:1}.sparkle-sidebar .drawer-header .drawer-close .ks-button .button{padding:var(--sparkle-spacing-size-none)}.sparkle-sidebar .drawer-header .drawer-close .ks-button .button .button-text{display:-ms-inline-flexbox;display:inline-flex}.sparkle-sidebar .drawer-header .drawer-close .ks-button .button .icon{font-size:var(--sparkle-font-size-md)}.sparkle-sidebar .drawer-body{padding-top:var(--sparkle-spacing-size-lg);padding-bottom:var(--sparkle-spacing-size-lg)}";
 

package/dist/esm/sparkle-tab.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-5568e3fa.js';
+import { r as registerInstance, h, H as Host } from './index-c04b9ed5.js';
 
 const SparkleTab = class {
   constructor(hostRef) {

package/dist/esm/sparkle-table-of-contents.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-5568e3fa.js';
+import { r as registerInstance, h } from './index-c04b9ed5.js';
 
 const tableOfContentsCss = "sparkle-table-of-contents{display:block;font-size:13px;margin-bottom:2rem}sparkle-table-of-contents .Nav-header{color:var(--text-color--lighter);font-size:0.75em;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding-left:0}sparkle-table-of-contents ul{padding:0;list-style:none;line-height:1.23em}sparkle-table-of-contents .Nav-link{padding-left:0;margin-left:0}sparkle-table-of-contents a{color:inherit;display:inline-block;transition:.2s color, .3s transform ease-out}sparkle-table-of-contents .Nav-link.selected a{color:var(--accent-color);transform:translateX(2px)}";
 

package/dist/esm/sparkle-tabs.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, e as getElement, H as Host } from './index-5568e3fa.js';
+import { r as registerInstance, h, e as getElement, H as Host } from './index-c04b9ed5.js';
 
 const tabsCss = ".Tabs,.Tabs-tab{display:block}.Tabs-tab:not([selected]){display:none}.Tabs-header{border-bottom:solid 1px rgba(0, 32, 88, 0.1);white-space:nowrap}.Tabs-button{--bg-alpha:0;appearance:none;background-color:rgba(0, 0, 0, var(--bg-alpha));border:none;color:var(--text-color--light);cursor:pointer;font-family:inherit;font-size:10px;font-weight:600;letter-spacing:0.04em;padding:1rem;text-transform:uppercase;transform:translateY(1px)}.Tabs-button:first-child{border-top-left-radius:6px}.Tabs-button:last-child{border-top-right-radius:6px}.Tabs-button:focus{outline:none}.Tabs-button:focus{--bg-alpha:0.015}@media (hover: hover){.Tabs-button:hover{--bg-alpha:0.015}}.Tabs-button:active{--bg-alpha:0.03}.Tabs-button.is-selected{border-bottom:solid 1px currentColor;color:var(--accent-color)}.Tabs-tab sparkle-code pre{margin-top:0}";
 

package/dist/esm/sparkle-youtube.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, e as getElement } from './index-5568e3fa.js';
+import { r as registerInstance, h, e as getElement } from './index-c04b9ed5.js';
 
 const sparkleYoutubeCss = ":host(.loaded) div.youtube-container{opacity:var(--sparkle-youtube-opacity-loaded, 1)}div.youtube-container{opacity:var(--sparkle-youtube-opacity-not-loaded, 0);transition:var(--sparkle-youtube-transition, opacity 0.15s linear)}.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}.embed-container iframe,.embed-container object,.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}";
 

package/dist/esm/{spinner-configs-f609a655.js → spinner-configs-a37e628a.js}

@@ -2,40 +2,40 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 const spinners = {
-  'bubbles': {
+  bubbles: {
     dur: 1000,
     circles: 9,
     fn: (dur, index, total) => {
-      const animationDelay = `${(dur * index / total) - dur}ms`;
-      const angle = 2 * Math.PI * index / total;
+      const animationDelay = `${(dur * index) / total - dur}ms`;
+      const angle = (2 * Math.PI * index) / total;
       return {
         r: 5,
         style: {
-          'top': `${9 * Math.sin(angle)}px`,
-          'left': `${9 * Math.cos(angle)}px`,
+          top: `${9 * Math.sin(angle)}px`,
+          left: `${9 * Math.cos(angle)}px`,
           'animation-delay': animationDelay,
-        }
+        },
       };
-    }
+    },
   },
-  'circles': {
+  circles: {
     dur: 1000,
     circles: 8,
     fn: (dur, index, total) => {
       const step = index / total;
-      const animationDelay = `${(dur * step) - dur}ms`;
+      const animationDelay = `${dur * step - dur}ms`;
       const angle = 2 * Math.PI * step;
       return {
         r: 5,
         style: {
-          'top': `${9 * Math.sin(angle)}px`,
-          'left': `${9 * Math.cos(angle)}px`,
+          top: `${9 * Math.sin(angle)}px`,
+          left: `${9 * Math.cos(angle)}px`,
           'animation-delay': animationDelay,
-        }
+        },
       };
-    }
+    },
   },
-  'circular': {
+  circular: {
     dur: 1400,
     elmDuration: true,
     circles: 1,
@@ -47,21 +47,21 @@ const spinners = {
         fill: 'none',
         viewBox: '24 24 48 48',
         transform: 'translate(0,0)',
-        style: {}
+        style: {},
       };
-    }
+    },
   },
-  'crescent': {
+  crescent: {
     dur: 750,
     circles: 1,
     fn: () => {
       return {
         r: 26,
-        style: {}
+        style: {},
       };
-    }
+    },
   },
-  'dots': {
+  dots: {
     dur: 750,
     circles: 3,
     fn: (_, index) => {
@@ -69,76 +69,76 @@ const spinners = {
       return {
         r: 6,
         style: {
-          'left': `${9 - (9 * index)}px`,
+          left: `${9 - 9 * index}px`,
           'animation-delay': animationDelay,
-        }
+        },
       };
-    }
+    },
   },
-  'lines': {
+  lines: {
     dur: 1000,
     lines: 8,
     fn: (dur, index, total) => {
-      const transform = `rotate(${(360 / total) * index + (index < (total / 2) ? 180 : -180)}deg)`;
-      const animationDelay = `${(dur * index / total) - dur}ms`;
+      const transform = `rotate(${(360 / total) * index + (index < total / 2 ? 180 : -180)}deg)`;
+      const animationDelay = `${(dur * index) / total - dur}ms`;
       return {
         y1: 14,
         y2: 26,
         style: {
-          'transform': transform,
+          transform: transform,
           'animation-delay': animationDelay,
-        }
+        },
       };
-    }
+    },
   },
   'lines-small': {
     dur: 1000,
     lines: 8,
     fn: (dur, index, total) => {
-      const transform = `rotate(${(360 / total) * index + (index < (total / 2) ? 180 : -180)}deg)`;
-      const animationDelay = `${(dur * index / total) - dur}ms`;
+      const transform = `rotate(${(360 / total) * index + (index < total / 2 ? 180 : -180)}deg)`;
+      const animationDelay = `${(dur * index) / total - dur}ms`;
       return {
         y1: 12,
         y2: 20,
         style: {
-          'transform': transform,
+          transform: transform,
           'animation-delay': animationDelay,
-        }
+        },
       };
-    }
+    },
   },
   'lines-sharp': {
     dur: 1000,
     lines: 12,
     fn: (dur, index, total) => {
       const transform = `rotate(${30 * index + (index < 6 ? 180 : -180)}deg)`;
-      const animationDelay = `${(dur * index / total) - dur}ms`;
+      const animationDelay = `${(dur * index) / total - dur}ms`;
       return {
         y1: 17,
         y2: 29,
         style: {
-          'transform': transform,
+          transform: transform,
           'animation-delay': animationDelay,
-        }
+        },
       };
-    }
+    },
   },
   'lines-sharp-small': {
     dur: 1000,
     lines: 12,
     fn: (dur, index, total) => {
       const transform = `rotate(${30 * index + (index < 6 ? 180 : -180)}deg)`;
-      const animationDelay = `${(dur * index / total) - dur}ms`;
+      const animationDelay = `${(dur * index) / total - dur}ms`;
       return {
         y1: 12,
         y2: 20,
         style: {
-          'transform': transform,
+          transform: transform,
           'animation-delay': animationDelay,
-        }
+        },
       };
-    }
-  }
+    },
+  },
 };
 const SPINNERS = spinners;
 

package/dist/esm/{status-tap-e8c0c752.js → status-tap-dde52787.js}

@@ -1,5 +1,7 @@
-import { j as readTask, w as writeTask } from './index-5568e3fa.js';
-import { c as componentOnReady } from './helpers-9d0930de.js';
+import { j as readTask, w as writeTask } from './index-c04b9ed5.js';
+import { f as findClosestIonContent, s as scrollToTop } from './index-5e8971ae.js';
+import { c as componentOnReady } from './helpers-bf0e23d6.js';
+import './index-dad75b83.js';
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -14,9 +16,9 @@ const startStatusTap = () => {
       if (!el) {
         return;
       }
-      const contentEl = el.closest('ion-content');
+      const contentEl = findClosestIonContent(el);
       if (contentEl) {
-        new Promise(resolve => componentOnReady(contentEl, resolve)).then(() => {
+        new Promise((resolve) => componentOnReady(contentEl, resolve)).then(() => {
           writeTask(async () => {
             /**
              * If scrolling and user taps status bar,
@@ -26,7 +28,7 @@ const startStatusTap = () => {
              * any in-progress momentum scrolling.
              */
             contentEl.style.setProperty('--overflow', 'hidden');
-            await contentEl.scrollToTop(300);
+            await scrollToTop(contentEl, 300);
             contentEl.style.removeProperty('--overflow');
           });
         });

package/dist/esm/stencil-async-content.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-5568e3fa.js';
+import { r as registerInstance, h } from './index-c04b9ed5.js';
 
 const AsyncContent = class {
   constructor(hostRef) {

package/dist/esm/stencil-route-title.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, e as getElement } from './index-5568e3fa.js';
-import { A as ActiveRouter } from './active-router-909088d6.js';
+import { r as registerInstance, e as getElement } from './index-c04b9ed5.js';
+import { A as ActiveRouter } from './active-router-fc9e4e06.js';
 
 const RouteTitle = class {
   constructor(hostRef) {

package/dist/esm/stencil-router-prompt.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, e as getElement } from './index-5568e3fa.js';
-import { A as ActiveRouter } from './active-router-909088d6.js';
+import { r as registerInstance, e as getElement } from './index-c04b9ed5.js';
+import { A as ActiveRouter } from './active-router-fc9e4e06.js';
 
 const StencilRouterPrompt = class {
   constructor(hostRef) {

package/dist/esm/{student.service-c2f44f3a.js → student.service-0746418b.js}

@@ -1,5 +1,21 @@
-import { H as HttpService } from './auth.store-98fad96d.js';
-import { u as userStore } from './user.store-e6ff7558.js';
+import { H as HttpService } from './httpService-7b75b095.js';
+import { d as createStore } from './auth.store-dba2c2da.js';
+
+const { state, onChange, reset } = createStore({
+  user: {
+    FirstName: '',
+    LastName: '',
+    ProfileText: '',
+    ProfileImage: '',
+    IsVerified: false,
+    Roles: [],
+    FacilitatorClassList: []
+  },
+  loaded: false,
+  updateLoading: false,
+  enrollmentList: [],
+});
+const userStore = { state, onChange, reset };
 
 class StudentService {
   constructor() { }
@@ -56,4 +72,4 @@ class StudentService {
   }
 }
 
-export { StudentService as S };
+export { StudentService as S, userStore as u };

package/dist/esm/{swipe-back-9a3b2cdd.js → swipe-back-7847a0c1.js}

@@ -1,7 +1,7 @@
-import { e as clamp } from './helpers-9d0930de.js';
+import { m as clamp } from './helpers-bf0e23d6.js';
 import { i as isRTL } from './dir-03012648.js';
-import { createGesture } from './index-a12c14bd.js';
-import './gesture-controller-686622ba.js';
+import { createGesture } from './index-21661af2.js';
+import './gesture-controller-7be18351.js';
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -57,7 +57,7 @@ const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandl
      * or values greater than 1 which should not be possible.
      * Need to investigate more to find where the issue is.
      */
-    onEndHandler(shouldComplete, (stepValue <= 0) ? 0.01 : clamp(0, stepValue, 0.9999), realDur);
+    onEndHandler(shouldComplete, stepValue <= 0 ? 0.01 : clamp(0, stepValue, 0.9999), realDur);
   };
   return createGesture({
     el,
@@ -67,7 +67,7 @@ const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandl
     canStart,
     onStart: onStartHandler,
     onMove,
-    onEnd
+    onEnd,
   });
 };