@sparkle-learning/core 0.0.17 → 0.0.21

package/dist/cjs/sparkle-goal-form.cjs.entry.js

@@ -2,16 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-56cc404a.js');
-const assets_service = require('./assets.service-5098e79c.js');
-const util = require('./util-dd1e6ff1.js');
+const index = require('./index-fbf4d3bf.js');
+require('./ionic-global-4930d319.js');
+const environmentConfig_service = require('./environment-config.service-0e02b049.js');
+const assets_service = require('./assets.service-0c759d51.js');
+require('./auth.store-aba3d22f.js');
+require('./helpers-26770c32.js');
+require('./hardware-back-button-ca468aae.js');
+require('./overlays-08a817ea.js');
+const feed_service = require('./feed.service-518d18fd.js');
 
 const sparkleGoalFormCss = ":host{display:block}";
 
 const SparkleGoalForm = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.title = {
+    this.name = {
       valid: false,
       value: ''
     };
@@ -31,24 +37,27 @@ const SparkleGoalForm = class {
     };
     this.submitted = false;
   }
-  goalHanlder() {
-    this.updateGoal();
+  goalHanlder(data) {
+    this.updateGoal(data.AppData);
   }
   ;
   componentWillLoad() {
-    this.updateGoal();
-  }
-  updateGoal() {
-    if (this.goal) {
-      this.title = Object.assign(Object.assign({}, this.title), { value: this.goal.Title });
-      this.description = Object.assign(Object.assign({}, this.description), { value: this.goal.Description });
-      this.category = Object.assign(Object.assign({}, this.category), { value: this.goal.Category });
-      this.progress = this.goal.Progress;
+    if (this.appData) {
+      this.updateGoal(this.appData.AppData);
+    }
+  }
+  updateGoal(data) {
+    if (data) {
+      this.name = Object.assign(Object.assign({}, this.name), { value: data.Name });
+      this.description = Object.assign(Object.assign({}, this.description), { value: data.Description });
+      this.category = Object.assign(Object.assign({}, this.category), { value: data.Category });
+      this.goalUpdateText = Object.assign(Object.assign({}, this.goalUpdateText), { value: data.GoalText });
+      this.progress = data.Percentage;
     }
   }
   handleTitle(ev) {
     this.validateTitle();
-    this.title = Object.assign(Object.assign({}, this.title), { value: ev.target.value });
+    this.name = Object.assign(Object.assign({}, this.name), { value: ev.target.value });
   }
   handleDescription(ev) {
     this.validateDescription();
@@ -62,15 +71,15 @@ const SparkleGoalForm = class {
     this.goalUpdateText = Object.assign(Object.assign({}, this.goalUpdateText), { value: ev.target.value });
   }
   validateTitle() {
-    if (this.title.value && this.title.value.length > 0) {
-      this.title = Object.assign(Object.assign({}, this.title), { valid: true });
+    if (this.name.value && this.name.value.length > 0) {
+      this.name = Object.assign(Object.assign({}, this.name), { valid: true });
       return;
     }
-    this.title = Object.assign(Object.assign({}, this.title), { valid: false });
+    this.name = Object.assign(Object.assign({}, this.name), { valid: false });
   }
   validateDescription() {
     if (this.description.value && this.description.value.length > 0) {
-      this.title = Object.assign(Object.assign({}, this.description), { valid: true });
+      this.description = Object.assign(Object.assign({}, this.description), { valid: true });
       return;
     }
     this.description = Object.assign(Object.assign({}, this.description), { valid: false });
@@ -82,30 +91,62 @@ const SparkleGoalForm = class {
     }
     this.category = Object.assign(Object.assign({}, this.category), { valid: false });
   }
-  onSubmit(e) {
+  validateGoalUpdateText() {
+    if (this.goalUpdateText.value && this.goalUpdateText.value.length > 0) {
+      this.goalUpdateText = Object.assign(Object.assign({}, this.goalUpdateText), { valid: true });
+      return;
+    }
+    this.goalUpdateText = Object.assign(Object.assign({}, this.goalUpdateText), { valid: false });
+  }
+  async onSubmit(e) {
     e.preventDefault();
     console.log('clicked signup');
     this.validateTitle();
     this.validateDescription();
     this.validateCategoy();
     this.submitted = true;
+    if (this.appData && this.appData.Id > 0) {
+      this.validateGoalUpdateText();
+      if (this.name.valid && this.description.valid && this.category.valid && this.goalUpdateText.valid) {
+        //update
+        var appData = feed_service.GetGoalAppData(this.name.value, this.description.value, this.category.value, this.progress, this.goalUpdateText.value);
+        const result = await feed_service.AppDataService.getInstance().updateGoal({ Id: this.appData.Id, MiniAppId: feed_service.SparkleGlobal.MY_GOALS_APP_ID, AppJsonData: JSON.stringify(appData) });
+        if (result.Succeeded) {
+          if (this.public) {
+            await this.postToFeed();
+          }
+          else {
+            this.dismiss();
+          }
+        }
+      }
+    }
+    else {
+      if (this.name.valid && this.description.valid && this.category.valid) {
+        //add
+        var appData = feed_service.GetGoalAppData(this.name.value, this.description.value, this.category.value, this.progress, this.goalUpdateText.value);
+        const result = await feed_service.AppDataService.getInstance().createGoal({ MiniAppId: feed_service.SparkleGlobal.MY_GOALS_APP_ID, AppJsonData: JSON.stringify(appData) });
+        if (result.Succeeded) {
+          this.dismiss();
+        }
+      }
+    }
   }
   async postToFeed() {
-    this.submitted = true;
-    const sparkleConfig = assets_service.EnvironmentConfigService.getInstance().get('sparkle');
+    const sparkleConfig = environmentConfig_service.EnvironmentConfigService.getInstance().get('sparkle');
     const tocData = await assets_service.AssetsService.getInstance().loadJsonFile(sparkleConfig.tocPath);
     var model = {
       CourseId: tocData.id,
-      MiniAppId: util.SparkleGlobal.MY_GOALS_APP_ID,
-      StudentAppDataId: this.goal.StudentAppDataId,
-      PostText: util.MyGoalTemplate(this.goal.Title, this.goalUpdateText.value, this.progress),
+      MiniAppId: feed_service.SparkleGlobal.MY_GOALS_APP_ID,
+      PostText: feed_service.MyGoalTemplate(this.name.value, this.goalUpdateText.value, this.progress),
+      PostTextJSON: feed_service.MyGoalTemplateJSON(this.name.value, this.goalUpdateText.value, this.progress),
       IsPublic: this.public,
-      Percentage: this.progress,
-      GoalText: this.goalUpdateText,
-      IsProgress: true,
+      ExternalResourceUrl: "",
     };
-    console.log(model);
-    //this.store.dispatch(new fromRootStore.PostGoalProgress(model));
+    const result = await feed_service.FeedService.getInstance().createPost(model);
+    if (result.Succeeded) {
+      this.dismiss();
+    }
   }
   dismiss(data) {
     // dismiss the closest modal and optionally pass back data
@@ -114,18 +155,18 @@ const SparkleGoalForm = class {
     });
   }
   renderEditBookingFields() {
-    if (this.goal) {
-      return (index.h("div", null, index.h("ion-item", null, index.h("ion-label", { position: "stacked", color: "primary" }, "Goal Progress Info"), index.h("ion-input", { name: "title", type: "text", value: this.goalUpdateText.value, onInput: (ev) => this.handleGoalProgressInfo(ev) })), index.h("ion-text", { color: "danger" }, index.h("p", { hidden: this.goalUpdateText.valid || this.submitted === false, class: "ion-padding-start" }, "Goal Progress text is required")), index.h("ion-item", null, index.h("ion-label", { position: "stacked" }, "Progress"), index.h("ion-range", { value: this.progress, min: 1, max: 100, step: 1, snaps: true, pin: true, onIonChange: (e) => this.progress = +e.detail.value }, index.h("ion-icon", { size: "small", slot: "start", name: "pulse" }), index.h("ion-icon", { name: "pulse", size: "small" }), index.h("strong", { slot: "end" }, this.progress))), index.h("ion-text", { color: "danger" }, index.h("p", { hidden: this.progress <= 0 || this.submitted === false, class: "ion-padding-start" }, "Min Progress value should be 1")), index.h("ion-item", { lines: "none" }, index.h("ion-label", null, "Share to Community Wall"), index.h("ion-checkbox", { slot: "start", onChange: (ev) => this.public = ev.detail.checked, checked: true }))));
+    if (this.appData) {
+      return (index.h("div", null, index.h("ion-item", null, index.h("ion-label", { position: "stacked", color: "primary" }, "Goal Progress Info"), index.h("ion-input", { name: "title", type: "text", value: this.goalUpdateText.value, onInput: (ev) => this.handleGoalProgressInfo(ev) })), index.h("ion-text", { color: "danger" }, index.h("p", { hidden: this.goalUpdateText.valid || this.submitted === false, class: "ion-padding-start" }, "Goal Progress text is required")), index.h("ion-item", null, index.h("ion-label", { position: "stacked" }, "Progress"), index.h("ion-range", { value: this.progress, min: 1, max: 100, step: 1, snaps: true, pin: true, onIonChange: (e) => this.progress = +e.detail.value }, index.h("ion-icon", { size: "small", slot: "start", name: "pulse" }), index.h("ion-icon", { name: "pulse", size: "small" }), index.h("strong", { slot: "end" }, this.progress))), index.h("ion-text", { color: "danger" }, index.h("p", { hidden: this.progress > 0 || this.submitted === false, class: "ion-padding-start" }, "Min Progress value should be 1")), index.h("ion-item", { lines: "none" }, index.h("ion-label", null, "Share to Community Wall"), index.h("ion-checkbox", { slot: "start", onChange: (ev) => this.public = ev.detail.checked, checked: true }))));
     }
   }
   render() {
     return [
-      index.h("div", null, index.h("ion-toolbar", { color: "primary" }, index.h("ion-buttons", { slot: "start" }, index.h("ion-back-button", { defaultHref: "home", onClick: () => this.dismiss() })), index.h("ion-title", null, "Add New Goal")), index.h("form", { class: "ion-padding", novalidate: true, onSubmit: (e) => this.onSubmit(e) }, index.h("ion-list", { "no-lines": true }, index.h("ion-item", null, index.h("ion-label", { position: "stacked", color: "primary" }, "Title"), index.h("ion-input", { name: "title", type: "text", value: this.title.value, onInput: (ev) => this.handleTitle(ev), required: true })), index.h("ion-text", { color: "danger" }, index.h("p", { hidden: this.title.valid || this.submitted === false, class: "ion-padding-start" }, "Title is required")), index.h("ion-item", null, index.h("ion-label", { position: "stacked", color: "primary" }, "Description"), index.h("ion-textarea", { name: "desciption", value: this.description.value, onInput: (ev) => this.handleDescription(ev), required: true })), index.h("ion-text", { color: "danger" }, index.h("p", { hidden: this.description.valid || this.submitted === false, class: "ion-padding-start" }, "Description is required")), index.h("ion-item", null, index.h("ion-label", null, "Category"), index.h("ion-select", { value: this.category.value }, index.h("ion-select-option", { value: "Emotional" }, "Emotional"), index.h("ion-select-option", { value: "Interpersonal" }, "Interpersonal"), index.h("ion-select-option", { value: "Learning" }, "Learning"), index.h("ion-select-option", { value: "Financial" }, "Financial"), index.h("ion-select-option", { value: "Physical" }, "Physical"))), index.h("ion-text", { color: "danger" }, index.h("p", { hidden: this.category.valid || this.submitted === false, class: "ion-padding-start" }, "Category is required")), this.renderEditBookingFields()), index.h("div", { class: "ion-padding" }, this.goal && index.h("ion-button", { type: "submit", expand: "block" }, "Update"), !this.goal && index.h("ion-button", { type: "submit", expand: "block" }, "Add"))))
+      index.h("div", null, index.h("ion-toolbar", { color: "primary" }, index.h("ion-buttons", { slot: "start" }, index.h("ion-back-button", { defaultHref: "home", onClick: () => this.dismiss() })), index.h("ion-title", null, "Add New Goal")), index.h("div", { class: "inner-content" }, index.h("form", { class: "ion-padding", novalidate: true, onSubmit: (e) => this.onSubmit(e) }, index.h("ion-list", { "no-lines": true }, index.h("ion-item", null, index.h("ion-label", { position: "stacked", color: "primary" }, "Title"), index.h("ion-input", { name: "title", type: "text", value: this.name.value, onInput: (ev) => this.handleTitle(ev), required: true })), index.h("ion-text", { color: "danger" }, index.h("p", { hidden: this.name.valid || this.submitted === false, class: "ion-padding-start" }, "Title is required")), index.h("ion-item", null, index.h("ion-label", { position: "stacked", color: "primary" }, "Description"), index.h("ion-textarea", { name: "desciption", value: this.description.value, onInput: (ev) => this.handleDescription(ev), required: true })), index.h("ion-text", { color: "danger" }, index.h("p", { hidden: this.description.valid || this.submitted === false, class: "ion-padding-start" }, "Description is required")), index.h("ion-item", null, index.h("ion-label", null, "Category"), index.h("ion-select", { value: this.category.value, onIonChange: (e) => this.handleCategory(e) }, index.h("ion-select-option", { value: "Emotional" }, "Emotional"), index.h("ion-select-option", { value: "Interpersonal" }, "Interpersonal"), index.h("ion-select-option", { value: "Learning" }, "Learning"), index.h("ion-select-option", { value: "Financial" }, "Financial"), index.h("ion-select-option", { value: "Physical" }, "Physical"))), index.h("ion-text", { color: "danger" }, index.h("p", { hidden: this.category.valid || this.submitted === false, class: "ion-padding-start" }, "Category is required")), this.renderEditBookingFields()), index.h("div", { class: "ion-padding" }, this.appData && index.h("ion-button", { type: "submit", expand: "block", disabled: feed_service.goalStore.state.goalLoading || feed_service.feedStore.state.postIdLoading > 0 }, feed_service.goalStore.state.goalLoading && index.h("ion-spinner", { name: "dots" }), "  Update"), !this.appData && index.h("ion-button", { type: "submit", expand: "block", disabled: feed_service.goalStore.state.goalLoading }, feed_service.goalStore.state.goalLoading && index.h("ion-spinner", { name: "dots" }), "  Add")))))
     ];
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {
-    "goal": ["goalHanlder"]
+    "appData": ["goalHanlder"]
   }; }
 };
 SparkleGoalForm.style = sparkleGoalFormCss;

package/dist/cjs/sparkle-gww-comment-list.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-56cc404a.js');
+const index = require('./index-fbf4d3bf.js');
 
 const sparkleGwwCommentListCss = ":host{display:block}.avatar{width:30px;height:30px}";
 
@@ -17,7 +17,7 @@ const SparkleGwwCommentList = class {
     });
   }
   render() {
-    return (index.h(index.Host, null, index.h("ion-toolbar", { color: "primary" }, index.h("ion-buttons", { slot: "start" }, index.h("ion-back-button", { defaultHref: "great-white-wall", onClick: () => this.dismiss() })), index.h("ion-title", null, "Comments")), index.h("ion-content", null, this.comments.map((comment) => index.h("ion-item", null, index.h("ion-avatar", { class: "avatar", slot: "start" }, index.h("img", { src: index.getAssetPath("/assets/img/user.png") })), index.h("ion-label", null, comment.Comment))))));
+    return (index.h(index.Host, null, index.h("ion-toolbar", { color: "primary" }, index.h("ion-buttons", { slot: "start" }, index.h("ion-back-button", { defaultHref: "great-white-wall", onClick: () => this.dismiss() })), index.h("ion-title", null, "Comments")), index.h("ion-content", null, this.comments.map((comment) => index.h("ion-item", null, index.h("ion-avatar", { class: "avatar", slot: "start" }, index.h("img", { src: index.getAssetPath("/assets/img/user.png") })), index.h("ion-label", null, index.h("h2", null, comment.Name), index.h("p", null, comment.Comment)))))));
   }
   get el() { return index.getElement(this); }
 };

package/dist/cjs/sparkle-gww-graph.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-56cc404a.js');
+const index = require('./index-fbf4d3bf.js');
 
 const sparkleGwwGraphCss = ":host{display:block}";
 

package/dist/cjs/sparkle-lower-content-nav.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-56cc404a.js');
+const index = require('./index-fbf4d3bf.js');
 
 const sparkleLowerContentNavCss = "lower-content-nav{display:flex;justify-content:space-between}lower-content-nav>stencil-route-link{display:inline-block}";
 

package/dist/cjs/sparkle-menu-collapsible.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-56cc404a.js');
-const icons = require('./icons-fc80a947.js');
+const index = require('./index-fbf4d3bf.js');
+const icons = require('./icons-a0fef92b.js');
 
 const collapsibleCss = "collapsible{}";
 

package/dist/cjs/sparkle-modal-image.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-56cc404a.js');
+const index = require('./index-fbf4d3bf.js');
 
 const modalImageCss = ":host{display:block}.overlay{opacity:0;visibility:hidden;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0, 0, 0, 0.7);-webkit-transition:opacity 0.5s, visibility 0s 0.5s;transition:opacity 0.5s, visibility 0s 0.5s;display:flex;align-items:center;justify-content:center;z-index:100}.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}.is-transparent{opacity:0}.modal-window{border-radius:25px;width:75%;height:75%;padding:50px;display:flex;align-items:center;justify-content:center}.modal-window__content{width:100%;height:100%;display:flex;justify-content:center;align-items:center;animation-name:zoom;animation-duration:0.6s}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}";
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-56cc404a.js');
+const index = require('./index-fbf4d3bf.js');
 
 const notfoundPageCss = "notfound-page{text-align:center}";
 

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

@@ -0,0 +1,92 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-fbf4d3bf.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}";
+
+const FOCUSABLE_ELEMENTS = 'a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex="0"]';
+const SparkleOverlay = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.shown = index.createEvent(this, "shown", 7);
+    this.hidden = index.createEvent(this, "hidden", 7);
+    this.theme = 'dark';
+    this.preventClose = false;
+    this.focusIndex = 0;
+    this.isShowing = false;
+  }
+  async show() {
+    this.$focusedElBeforeOpen = document.activeElement;
+    this.$focusedElBeforeOpen && this.$focusedElBeforeOpen.setAttribute("aria-expanded", "true");
+    this.isShowing = true;
+    if (this.$focusableEls.length > 0)
+      setTimeout(() => this.$focusableEls[0].focus(), 100);
+    else
+      setTimeout(() => this.$content.focus(), 100);
+    this.shown.emit();
+  }
+  async hide() {
+    this.isShowing = false;
+    this.focusIndex = 0;
+    if (this.$focusedElBeforeOpen) {
+      this.$focusedElBeforeOpen.setAttribute("aria-expanded", "false");
+      this.$focusedElBeforeOpen.focus();
+    }
+    this.hidden.emit();
+  }
+  handleKeyDown(e) {
+    const KEY_TAB = 9;
+    const KEY_ESC = 27;
+    switch (e.keyCode) {
+      case KEY_TAB:
+        this.handleTab(e);
+        break;
+      case KEY_ESC:
+        this.handleEsc();
+        break;
+    }
+  }
+  handleEsc() {
+    if (!this.preventClose)
+      this.hide();
+  }
+  handleTab(e) {
+    e.preventDefault();
+    if (e.shiftKey) {
+      this.handleBackwardTab();
+    }
+    else {
+      this.handleForwardTab();
+    }
+  }
+  handleBackwardTab() {
+    this.focusIndex = this.focusIndex === 0 ? this.$focusableEls.length - 1 : --this.focusIndex;
+    this.$focusableEls[this.focusIndex].focus();
+  }
+  handleForwardTab() {
+    this.focusIndex = this.$focusableEls.length - 1 === this.focusIndex ? 0 : ++this.focusIndex;
+    this.$focusableEls[this.focusIndex].focus();
+  }
+  handleScrimClick() {
+    if (!this.preventClose)
+      this.hide();
+  }
+  componentDidLoad() {
+    this.$focusableEls = Array.from(this.$el.querySelectorAll(FOCUSABLE_ELEMENTS));
+  }
+  render() {
+    let classes = {
+      'sparkle-overlay': true,
+      [this.theme]: true,
+      'absolute': this.absolute,
+      'opened': this.isShowing
+    };
+    return (index.h(index.Host, { class: classes }, index.h("div", { class: "scrim", onClick: () => this.handleScrimClick() }), index.h("div", { class: "content", role: "dialog", "aria-labelledby": this.titleId, tabindex: "-1", ref: el => this.$content = el }, index.h("slot", null))));
+  }
+  get $el() { return index.getElement(this); }
+};
+SparkleOverlay.style = overlayCss;
+
+exports.sparkle_overlay = SparkleOverlay;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-56cc404a.js');
+const index = require('./index-fbf4d3bf.js');
 
 const sparklePollCss = ":host{display:block}";
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-56cc404a.js');
+const index = require('./index-fbf4d3bf.js');
 
 const sparkleQuizContainerCss = ":host{display:block}";
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-56cc404a.js');
+const index = require('./index-fbf4d3bf.js');
 
 function GetSelectOptionId(questionId, index) {
   return "question-" + questionId + "-option-" + index;

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

@@ -2,8 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-56cc404a.js');
-const assets_service = require('./assets.service-5098e79c.js');
+const index = require('./index-fbf4d3bf.js');
+const environmentConfig_service = require('./environment-config.service-0e02b049.js');
+const assets_service = require('./assets.service-0c759d51.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)}";
 
@@ -20,7 +21,7 @@ const SparkleQuiz = class {
   async componentWillLoad() {
   }
   async componentDidLoad() {
-    const config = assets_service.EnvironmentConfigService.getInstance().get('sparkle');
+    const config = environmentConfig_service.EnvironmentConfigService.getInstance().get('sparkle');
     this.quizData = await assets_service.AssetsService.getInstance().loadJsonFile(config.quizPath);
     await this.loadQuestion();
     this.quizAnswerChanged.emit({

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-56cc404a.js');
+const index = require('./index-fbf4d3bf.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/cjs/sparkle-sidebar.cjs.entry.js

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-fbf4d3bf.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)}";
+
+const SparkleSideBar = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.position = 'left';
+    this.size = 'sm';
+  }
+  async hide() {
+    this.isShowing = false;
+    await this.$overlay.hide();
+  }
+  async show() {
+    await this.$overlay.show();
+    this.isShowing = true;
+  }
+  componentDidRender() {
+    const $scrim = this.$overlay.querySelector('.scrim');
+    $scrim.addEventListener('click', () => this.hide());
+  }
+  overlayHiddenHandler() {
+    this.isShowing = false;
+  }
+  render() {
+    let classes = {
+      'sparkle-sidebar': true,
+      [`size-${this.size}`]: true,
+      [this.position]: true,
+      'show': this.isShowing
+    };
+    return (index.h("sparkle-overlay", { onHidden: () => this.overlayHiddenHandler(), ref: el => this.$overlay = el }, index.h("aside", { class: classes, ref: el => this.$drawer = el }, index.h("header", { class: "drawer-header" }, index.h("h3", { class: "drawer-title" }, this.headerText), index.h("ion-button", { onClick: () => this.hide(), class: "drawer-close", color: "dark" }, index.h("ion-icon", { name: "close-outline" }))), index.h("div", { class: "drawer-body" }, index.h("slot", null)))));
+  }
+  get $el() { return index.getElement(this); }
+};
+SparkleSideBar.style = sidebarCss;
+
+exports.sparkle_sidebar = SparkleSideBar;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-56cc404a.js');
+const index = require('./index-fbf4d3bf.js');
 
 const SparkleTab = class {
   constructor(hostRef) {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-56cc404a.js');
+const index = require('./index-fbf4d3bf.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/cjs/sparkle-tabs.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-56cc404a.js');
+const index = require('./index-fbf4d3bf.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/cjs/sparkle-youtube.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-56cc404a.js');
+const index = require('./index-fbf4d3bf.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)}";
 

package/dist/cjs/{status-tap-18630b4c.js → status-tap-466a7c6a.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-56cc404a.js');
+const index = require('./index-fbf4d3bf.js');
 
 const startStatusTap = () => {
   const win = window;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-56cc404a.js');
+const index = require('./index-fbf4d3bf.js');
 
 const AsyncContent = class {
   constructor(hostRef) {

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-56cc404a.js');
-const activeRouter = require('./active-router-dca7573e.js');
+const index = require('./index-fbf4d3bf.js');
+const activeRouter = require('./active-router-3bd7b540.js');
 
 const RouteTitle = class {
   constructor(hostRef) {

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-56cc404a.js');
-const activeRouter = require('./active-router-dca7573e.js');
+const index = require('./index-fbf4d3bf.js');
+const activeRouter = require('./active-router-3bd7b540.js');
 
 const StencilRouterPrompt = class {
   constructor(hostRef) {

package/dist/cjs/{student.service-93a3c3e1.js → student.service-41c7c78d.js}

@@ -1,17 +1,19 @@
 'use strict';
 
-const httpService = require('./httpService-6377985c.js');
+const auth_store = require('./auth.store-aba3d22f.js');
 
-const { state, onChange, reset } = httpService.createStore({
+const { state, onChange, reset } = auth_store.createStore({
   user: {
     FirstName: '',
     LastName: '',
     ProfileText: '',
     ProfileImage: '',
     IsVerified: false,
-    Roles: []
+    Roles: [],
+    FacilitatorClassList: []
   },
   loaded: false,
+  updateLoading: false,
   enrollmentList: [],
 });
 const userStore = { state, onChange, reset };
@@ -25,7 +27,7 @@ class StudentService {
     return StudentService.instance;
   }
   async enrollClass(enrollInput) {
-    let result = await httpService.HttpService.http.post('api/v1/Student/EnrollClass', enrollInput);
+    let result = await auth_store.HttpService.http.post('api/v1/Student/EnrollClass', enrollInput);
     if (result) {
       userStore.state.enrollmentList = [
         ...userStore.state.enrollmentList,
@@ -35,14 +37,14 @@ class StudentService {
     return result;
   }
   async leaveClass(leaveInput) {
-    let result = await httpService.HttpService.http.post('api/v1/Student/LeaveClass', leaveInput);
+    let result = await auth_store.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');
+    let result = await auth_store.HttpService.http.get('api/v1/Student/UserConfiguration');
     if (result) {
       userStore.state.enrollmentList = result.Data.EnrollmentList;
       userStore.state.user.FirstName = result.Data.FirstName;
@@ -51,21 +53,22 @@ class StudentService {
       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) {
-    let result = await httpService.HttpService.http.post('api/Account/UpdateProfile', updateProfileInput);
-    // if (result) {
-    //     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.updateLoading = true;
+    let result = await auth_store.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);
+    let result = await auth_store.HttpService.http.post('api/v1/Feedback', feedbackInput);
     return result;
   }
 }