@sparkle-learning/core 0.0.30 → 0.0.33

package/dist/esm/sparkle-facilitator-notes-form.entry.js

@@ -1,10 +1,10 @@
 import { h, r as registerInstance, H as Host, e as getElement } from './index-5568e3fa.js';
-import { t as toastController } from './overlays-34cfa9e0.js';
-import { F as FacilitatorService, f as facilitatorStore } from './facilitator.service-ec0a9739.js';
+import { t as toastController } from './overlays-5c777f10.js';
+import { F as FacilitatorService, f as facilitatorStore } from './facilitator.service-1524bf89.js';
 import './ionic-global-0939c477.js';
 import './hardware-back-button-b6ccf74a.js';
-import './helpers-39367fe1.js';
-import './auth.store-3ed2389e.js';
+import './helpers-9d0930de.js';
+import './auth.store-98fad96d.js';
 import './environment-config.service-2b5d692b.js';
 
 const LoadingSpinner = () => (h("div", { class: "spinner-border", role: "status" }));

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

@@ -1,11 +1,12 @@
 import { r as registerInstance, h, H as Host, e as getElement } from './index-5568e3fa.js';
-import { S as StudentService } from './student.service-29b688ba.js';
-import { t as toastController } from './overlays-34cfa9e0.js';
-import './auth.store-3ed2389e.js';
+import { S as StudentService } from './student.service-c2f44f3a.js';
+import { t as toastController } from './overlays-5c777f10.js';
+import './auth.store-98fad96d.js';
 import './environment-config.service-2b5d692b.js';
+import './user.store-e6ff7558.js';
 import './ionic-global-0939c477.js';
 import './hardware-back-button-b6ccf74a.js';
-import './helpers-39367fe1.js';
+import './helpers-9d0930de.js';
 
 const sparkleFeedbackCss = ":host{display:block}";
 

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

@@ -1,13 +1,13 @@
 import { r as registerInstance, h, e as getElement } from './index-5568e3fa.js';
-import { S as SparkleGlobal, G as GetGoalAppData, e as MyGoalTemplate, f as MyGoalTemplateJSON } from './util-6ef753e9.js';
+import { S as SparkleGlobal, G as GetGoalAppData, M as MyGoalTemplate, a as MyGoalTemplateJSON } from './util-a831d09d.js';
 import { E as EnvironmentConfigService } from './environment-config.service-2b5d692b.js';
 import { A as AssetsService } from './assets.service-66e848b8.js';
-import { A as AppDataService, F as FeedService, g as goalStore, f as feedStore } from './feed.service-33b83cb7.js';
-import './auth.store-3ed2389e.js';
-import './overlays-34cfa9e0.js';
+import { A as AppDataService, F as FeedService, g as goalStore, f as feedStore } from './feed.service-4900fc62.js';
+import './auth.store-98fad96d.js';
+import './overlays-5c777f10.js';
 import './ionic-global-0939c477.js';
 import './hardware-back-button-b6ccf74a.js';
-import './helpers-39367fe1.js';
+import './helpers-9d0930de.js';
 
 const sparkleGoalFormCss = ":host{display:block}";
 

package/dist/esm/sparkle-goal-progress.entry.js

@@ -0,0 +1,15 @@
+import { r as registerInstance, h, H as Host } from './index-5568e3fa.js';
+
+const sparkleGoalProgressCss = ":host{display:block}.progress-container{padding:4px;display:flex;align-items:center}.progress-container>.progress{padding-left:6px}#progress-bar{background:#ccc;border-radius:12px;height:10px;width:100%;padding:0px;margin:0 auto}#progress-bar:after{content:'';display:block;background:var(--ion-color-primary);width:var(--p);height:100%;border-radius:9px}.percentage{padding-left:10px}";
+
+const SparkleGoalProgress = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "progress-container" }, h("div", { id: "progress-bar", style: { "--p": this.percentage + "%" } }), h("strong", { class: "percentage" }, this.percentage, "%"))));
+  }
+};
+SparkleGoalProgress.style = sparkleGoalProgressCss;
+
+export { SparkleGoalProgress as sparkle_goal_progress };

package/dist/esm/sparkle-gww-item.entry.js

@@ -0,0 +1,70 @@
+import { r as registerInstance, h, c as getAssetPath, H as Host } from './index-5568e3fa.js';
+import { m as modalController } from './overlays-5c777f10.js';
+import { S as SparkleGlobal, f as date } from './util-a831d09d.js';
+import './ionic-global-0939c477.js';
+import './hardware-back-button-b6ccf74a.js';
+import './helpers-9d0930de.js';
+
+var PostVisibility;
+(function (PostVisibility) {
+  PostVisibility[PostVisibility["Private"] = 0] = "Private";
+  PostVisibility[PostVisibility["Public"] = 1] = "Public";
+})(PostVisibility || (PostVisibility = {}));
+
+const sparkleGwwItemCss = ":host{display:block}.Card{background-color:var(--background);border-radius:4px;box-shadow:rgb(2 8 20 / 10%) 0px 0.175em 0.5em, rgb(2 8 20 / 8%) 0px 0.085em 0.175em;color:var(--text-color--light);display:flex;flex-direction:column;font-size:inherit;font-weight:normal;justify-content:flex-start;line-height:1.6;transition:box-shadow 150ms ease 0s, transform 150ms ease 0s, -webkit-box-shadow 150ms ease 0s, -webkit-transform 150ms ease 0s;width:100%;overflow:hidden;margin-bottom:20px;height:auto !important}.footer ion-item ion-avatar{width:30px;height:30px}.comment-overview{padding:0px 16px;text-align:right;cursor:pointer}";
+
+const SparkleGwwItem = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  async presentModal(comments) {
+    const modal = await modalController.create({
+      component: "sparkle-gww-comment-list",
+      componentProps: { comments: comments }
+    });
+    await modal.present();
+  }
+  clearCommentField() {
+    this.comment = "";
+  }
+  renderMyMoodTemplate(data) {
+    return (h("div", null, h("b", null, "Mood:"), " ", data.Mood, h("br", null), h("b", null, "Level:"), " ", data.Level, h("br", null), h("img", { src: data.MoodImage }), "`"));
+  }
+  renderMyHealthTemplate(data) {
+    return (h("div", null, h("b", null, "Heart rate:"), " ", data.HeartRate, " bpm "));
+  }
+  renderMyGoalTemplate(data) {
+    return (h("div", null, h("b", null, "Goal: "), " ", data.GoalTitle, " ", h("br", null), h("b", null, "Update Text: "), " ", data.GoalText, " ", h("br", null), h("sparkle-goal-progress", { percentage: data.GoalProgress })));
+  }
+  renderTemplate() {
+    if (this.post.PostTextJSON) {
+      var parseData = JSON.parse(this.post.PostTextJSON);
+      if (this.post.MiniAppId == SparkleGlobal.MY_GOALS_APP_ID) {
+        return this.renderMyGoalTemplate(parseData);
+      }
+      else if (this.post.MiniAppId == SparkleGlobal.MY_HEALTH_APP_ID) {
+        return this.renderMyHealthTemplate(parseData);
+      }
+      else if (this.post.MiniAppId == SparkleGlobal.MY_MOOD_APP_ID) {
+        return this.renderMyMoodTemplate(parseData);
+      }
+    }
+    else {
+      return ([
+        h("div", { innerHTML: this.post.PostText }),
+        this.post.ExternalResourceUrl && h("div", null, h("img", { src: this.post.ExternalResourceUrl, class: "external-src-image" }))
+      ]);
+    }
+  }
+  render() {
+    return (h(Host, { class: {
+        'Card': true,
+      } }, h("ion-item", { class: "header-item" }, h("ion-avatar", { class: "header-avatar", slot: "start" }, h("img", { src: this.post.ProfileImageUrl ? this.post.ProfileImageUrl : getAssetPath("/assets/img/user.png") })), h("div", null, h("strong", { class: "requester-name", "text-capitalize": true }, this.post.Name), h("div", null, h("small", null, " ", date(this.post.CreatedOn)))), h("div", { slot: "end" }, h("ion-icon", { color: "primary", name: this.post.PostVisibility == PostVisibility.Public ? "globe-outline" : "eye-outline" }))), h("div", { class: "ion-padding" }, this.renderTemplate()), h("div", { class: "footer" }, this.post.Comments.length > 0 &&
+      h("div", { class: "comment-overview", slot: "end" }, " ", h("small", { onClick: () => this.post.Comments.length > 0 && this.presentModal(this.post.Comments) }, "Comments (", this.post.Comments.length, ")")), this.post.Comments.map((item) => {
+      h("ion-item", { class: "comment-box", onClick: () => this.presentModal(this.post.Comments) }, h("ion-avatar", { class: "footer-avatar", slot: "start" }, h("img", { src: item.ProfileImageUrl ? item.ProfileImageUrl : "/assets/img/user.png" })), h("small", null, h("b", null, item.Name), " ", item.Comment), h("ion-icon", { slot: "end", name: "git-merge", color: "primary" }));
+    }), h("hr", null), h("ion-item", { class: "comment-footer" }, h("ion-avatar", { class: "footer-avatar", slot: "start" }, h("img", { src: getAssetPath("/assets/img/user.png") })), h("ion-input", { value: this.comment, onIonChange: (e) => this.comment = e.target.value, type: "text", placeholder: "Write a comment" }), h("ion-button", { onClick: () => this.onPostComment({ Comment: this.comment, PostId: this.post.Id }), slot: "end", size: "small", disabled: !this.comment || this.loading }, this.loading ? h("ion-spinner", { name: "dots" }) : "POST COMMENT")))));
+  }
+};
+SparkleGwwItem.style = sparkleGwwItemCss;
+
+export { SparkleGwwItem as sparkle_gww_item };

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

@@ -0,0 +1,22 @@
+import { r as registerInstance, h, e as getElement } from './index-5568e3fa.js';
+
+const sparkleIntroCss = ".people{display:flex}.character-intro{position:absolute;width:100%;padding:15px;border:1px red solid;border-radius:5px}.character-image{opacity:0.5}.character-image:hover{opacity:1}";
+
+const SparkleIntro = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  componentDidLoad() { }
+  introOnMouseOver(description, event) {
+    this.description = description;
+    console.log(event);
+    event.target.style.opacity = 1;
+  }
+  render() {
+    return (h("div", null, h("div", { class: "people" }, h("div", { class: "character-image zynab", onMouseOver: evt => this.introOnMouseOver('<strong>I’m Zinab or Z.</strong> My family’s from Nigeria, and we live in the Melrose section of the South Bronx. I’m all about racial justice, and watch… I’m going to be the first Muslim mayor of New York City. Believe that!', evt) }, h("img", { src: "/assets/img/characters/zynab.png" })), h("div", { class: "character-image kimberley", onMouseOver: evt => this.introOnMouseOver('<strong>Hey, everyone, this is Kimberly </strong>and I’m from Brooklyn. My dream is to become a venture capitalist, so I can fund businesses and causes led by other Black Women. I love watching reality TV shows that are related to business like Shark Tank and Undercover Boss.', evt) }, h("img", { src: "/assets/img/characters/kimberly.png" })), h("div", { class: "character-image jen", onMouseOver: evt => this.introOnMouseOver('<strong>Hi, my name’s Jen</strong> and I’m from Murray Hill Queens. Second-generation Korean American. I love softball and statistics, so right now my dream job would be in sabermetrics. You know, basically a data analyst in baseball.', evt) }, h("img", { src: "/assets/img/characters/jen.png" })), h("div", { class: "character-image yuna", onMouseOver: evt => this.introOnMouseOver('<strong>Hi, my name’s Yuna</strong> and I’m from Murray Hill Queens. Second-generation Korean American. I love softball and statistics, so right now my dream job would be in sabermetrics. You know, basically a data analyst in baseball.', evt) }, h("img", { src: "/assets/img/characters/yuna.png" })), h("div", { class: "character-image valeria", onMouseOver: evt => this.introOnMouseOver('<strong>I’m VALERIA but most of my friends call me Val.</strong> First-generation Dominican from Washington Heights. I could watch MSNBC and CNN all day. In fact, one day I’m going to have my own political talk show like my crushes Rachel Maddow and Robin Roberts.', evt) }, h("img", { src: "/assets/img/characters/valeria.png" }))), h("div", { class: "people-description" }, this.description ? h("div", { class: "character-intro", innerHTML: this.description }) : '')));
+  }
+  get el() { return getElement(this); }
+};
+SparkleIntro.style = sparkleIntroCss;
+
+export { SparkleIntro as sparkle_intro };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, e as getElement, H as Host } from './index-5568e3fa.js';
-import { D as DownArrow } from './icons-5debfbaf.js';
+import { D as DownArrow } from './icons-05b6ce86.js';
 
 const collapsibleCss = "collapsible{}";
 

package/dist/esm/sparkle-menu-toggle_3.entry.js

@@ -0,0 +1,230 @@
+import { r as registerInstance, h, H as Host, e as getElement, k as getContext } from './index-5568e3fa.js';
+import { M as Menu } from './icons-05b6ce86.js';
+import { A as ActiveRouter } from './active-router-909088d6.js';
+import { m as matchPath } from './match-path-36fdf5c7.js';
+
+const menuToggleCss = "sparkle-menu-toggle{background-color:rgba(0, 0, 0, var(--bg-alpha, 0));border-radius:50%;color:var(--text-color--light);cursor:pointer;height:40px;padding:8px;width:40px}@media (hover: hover){sparkle-menu-toggle:focus,sparkle-menu-toggle:hover{--bg-alpha:0.03;outline:none}sparkle-menu-toggle:active{--bg-alpha:0.06}}sparkle-menu-toggle svg{fill:currentColor}";
+
+const SparkleMenuToggle = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  hostData() {
+    return {
+      'role': 'button',
+      'tabindex': '0',
+      'aria-label': 'Toggle Menu',
+    };
+  }
+  __stencil_render() {
+    return h(Menu, null);
+  }
+  render() { return h(Host, this.hostData(), this.__stencil_render()); }
+};
+SparkleMenuToggle.style = menuToggleCss;
+
+const navCss = "sparkle-nav{display:block;flex:0 0 auto;z-index:1}sparkle-nav .wrapper{position:relative}sparkle-nav .section-label{margin-bottom:0;font-size:14px;font-weight:600}sparkle-nav .module-list li,sparkle-nav .module-list ul li{list-style-type:none;margin:0;padding:0}sparkle-nav .module-list{margin-top:0;padding:0}sparkle-nav .module-list .section-label:first-of-type{margin-top:0}sparkle-nav .module-list li{font-size:14px;padding:10px 10px 0px 14px}sparkle-nav .module-list>li{margin-top:10px}sparkle-nav .module-list a{font-weight:400;color:#6c6c8b;text-decoration:none;white-space:nowrap;border:0}sparkle-nav .module-list a:not(.link-active){transition:color 0.2s}sparkle-nav .module-list a:hover{border:0}sparkle-nav .module-list .link-active{font-weight:bold;color:var(--ion-color-sparkle)}sparkle-nav .module-list .link-active a{color:var(--ion-color-sparkle)}sparkle-nav .module-list a:hover:not(.link-active){color:var(--ion-color-sparkle)}sparkle-nav .module-list ul li{padding-left:12px;transition:80ms height;display:block;overflow:hidden;text-overflow:ellipsis}sparkle-nav .module-list ul.collapsed li{height:0}sparkle-nav ul.session-list{margin:0;padding:10px 0px 0px 0px}sparkle-nav ul.session-list li a{display:flex;flex-direction:column;padding:15px 24px;position:relative}sparkle-nav ul.session-list li a:before{content:'';width:10px;height:10px;border-radius:50%;background:#dfe1e3;display:block;position:absolute;left:1px;top:50%;margin-top:-5px;z-index:5}sparkle-nav ul.session-list li a:after{content:'';background:#dfe1e3;height:100%;position:absolute;width:2px;display:block;left:5px;top:0}sparkle-nav ul.session-list li a.is-active{color:var(--ion-color-sparkle)}sparkle-nav ul.session-list li a.is-active:before{width:14px;height:14px;left:23px;margin-top:-7px;background:var(--ion-color-sparkle);box-shadow:0 0 4px var(--ion-color-sparkle)}sparkle-nav ul.session-list li a.is-active:after{background:#dfe1e3}sparkle-nav ul.session-list li stencil-route-link.is-completed a{}sparkle-nav ul.session-list li stencil-route-link.is-completed a:before{background:var(--ion-color-sparkle)}sparkle-nav ul.session-list li stencil-route-link.is-completed a:after{background:var(--ion-color-sparkle)}sparkle-nav ul.session-list li a p{color:#fff;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.2s ease-in-out color}sparkle-nav ul.session-list li a span{display:block;line-height:12px}sparkle-nav ul li span.coming-soon{font-size:0.7rem;display:block;background:0 0;color:#f6c95b;line-height:14px;border-radius:4px;padding:1px 4px 0;box-shadow:none;border:1px solid #f6c95b;width:85px;text-align:center}sparkle-nav ul.session-list li a:hover p{color:var(--ion-color-sparkle)}sparkle-nav ul.session-list li:first-child a:after{height:50%;top:50%}sparkle-nav ul.session-list li:last-child a:after{height:50%;bottom:50%}";
+
+const SparkleNav = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    //TODO: get this config somewhere from the config initialization
+    this.config = {
+      showRomanNumber: false,
+      showModuleIndex: true,
+      showSessionIndex: true,
+    };
+    this.toggleParent = (parentItem) => {
+      return (e) => {
+        e.preventDefault();
+        this.selectedParent = parentItem;
+      };
+    };
+  }
+  componentDidLoad() { }
+  //TODO: not working
+  pageDidLoadHandler($event) {
+    if ($event) {
+      //let pageInfo = $event.detail.pageInfo;
+      let splittedParts = window.location.pathname.split('/').filter(x => !!x && x != 'course');
+      this.moduleURLName = splittedParts[0];
+      this.sessionURLName = splittedParts[1];
+      if (this.toc) {
+        let courseModule = this.toc.courseModules.find(x => x.urlName == this.moduleURLName);
+        this.selectedParent = courseModule;
+      }
+    }
+  }
+  toggleLeftSidebar() { }
+  romanize(num) {
+    if (isNaN(num))
+      return NaN;
+    var digits = String(+num).split(''), key = [
+      '',
+      'C',
+      'CC',
+      'CCC',
+      'CD',
+      'D',
+      'DC',
+      'DCC',
+      'DCCC',
+      'CM',
+      '',
+      'X',
+      'XX',
+      'XXX',
+      'XL',
+      'L',
+      'LX',
+      'LXX',
+      'LXXX',
+      'XC',
+      '',
+      'I',
+      'II',
+      'III',
+      'IV',
+      'V',
+      'VI',
+      'VII',
+      'VIII',
+      'IX',
+    ], roman = '', i = 3;
+    while (i--)
+      roman = (key[+digits.pop() + i * 10] || '') + roman;
+    return Array(+digits.join('') + 1).join('M') + roman;
+  }
+  getModuleIndex(index, preventNumbering) {
+    return this.config.showModuleIndex && !preventNumbering ? (this.config.showRomanNumber ? this.romanize(index) : index) + '. ' : '';
+  }
+  getSessionIndex(index, preventNumbering) {
+    return this.config.showSessionIndex && !preventNumbering ? (this.config.showRomanNumber ? this.romanize(index) : index) + '. ' : '';
+  }
+  hostData() {
+    return {
+      role: 'navigation',
+    };
+  }
+  __stencil_render() {
+    let moduleIndex = 0;
+    let sessionIndex = 0;
+    return (h("ul", { class: "module-list" }, this.toc &&
+      this.toc.courseModules.map(module => {
+        sessionIndex = 0;
+        if (!module.preventNumbering) {
+          moduleIndex++;
+        }
+        return (module.sessions.length > 0 && (h("li", null, h("a", { class: { 'link-active': module.urlName == this.moduleURLName }, href: module.sessions[0].urlName || '#', onClick: this.toggleParent(module) }, h("span", { class: "section-label" }, this.getModuleIndex(moduleIndex, module.preventNumbering), module.name, module.comingSoon && h("span", { class: "coming-soon" }, " Coming soon"))), h("ul", { class: { 'collapsed': this.selectedParent ? module !== this.selectedParent : moduleIndex !== 0, 'session-list': true } }, module.sessions.map(session => {
+          if (!session.preventNumbering) {
+            sessionIndex++;
+          }
+          return (h("li", { class: {
+              'active': module.urlName == this.moduleURLName && session.urlName == this.sessionURLName,
+            } }, h("stencil-route-link", { class: {
+              'is-completed': true,
+              'link-active': module.urlName == this.moduleURLName && session.urlName == this.sessionURLName,
+            }, url: 'course/' + module.urlName + '/' + session.urlName + '/' + session.pages[0].urlName, onClick: () => this.toggleLeftSidebar() }, this.getSessionIndex(sessionIndex, session.preventNumbering), session.name, session.comingSoon && h("span", { class: "coming-soon" }, " Coming soon"))));
+        })))));
+      })));
+  }
+  get el() { return getElement(this); }
+  render() { return h(Host, this.hostData(), this.__stencil_render()); }
+};
+SparkleNav.style = navCss;
+
+const getUniqueId = () => {
+  return ((Math.random() * 10e16).toString().match(/.{4}/g) || []).join('-');
+};
+const getMatch = (pathname, url, exact) => {
+  return matchPath(pathname, {
+    path: url,
+    exact: exact,
+    strict: true
+  });
+};
+const isHTMLStencilRouteElement = (elm) => {
+  return elm.tagName === 'STENCIL-ROUTE';
+};
+const RouteSwitch = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.group = getUniqueId();
+    this.subscribers = [];
+    this.queue = getContext(this, "queue");
+  }
+  componentWillLoad() {
+    if (this.location != null) {
+      this.regenerateSubscribers(this.location);
+    }
+  }
+  async regenerateSubscribers(newLocation) {
+    if (newLocation == null) {
+      return;
+    }
+    let newActiveIndex = -1;
+    this.subscribers = Array.prototype.slice.call(this.el.children)
+      .filter(isHTMLStencilRouteElement)
+      .map((childElement, index) => {
+      const match = getMatch(newLocation.pathname, childElement.url, childElement.exact);
+      if (match && newActiveIndex === -1) {
+        newActiveIndex = index;
+      }
+      return {
+        el: childElement,
+        match: match
+      };
+    });
+    if (newActiveIndex === -1) {
+      return;
+    }
+    // Check if this actually changes which child is active
+    // then just pass the new match down if the active route isn't changing.
+    if (this.activeIndex === newActiveIndex) {
+      this.subscribers[newActiveIndex].el.match = this.subscribers[newActiveIndex].match;
+      return;
+    }
+    this.activeIndex = newActiveIndex;
+    // Set all props on the new active route then wait until it says that it
+    // is completed
+    const activeChild = this.subscribers[this.activeIndex];
+    if (this.scrollTopOffset) {
+      activeChild.el.scrollTopOffset = this.scrollTopOffset;
+    }
+    activeChild.el.group = this.group;
+    activeChild.el.match = activeChild.match;
+    activeChild.el.componentUpdated = (routeViewUpdatedOptions) => {
+      // After the new active route has completed then update visibility of routes
+      this.queue.write(() => {
+        this.subscribers.forEach((child, index) => {
+          child.el.componentUpdated = undefined;
+          if (index === this.activeIndex) {
+            return child.el.style.display = '';
+          }
+          if (this.scrollTopOffset) {
+            child.el.scrollTopOffset = this.scrollTopOffset;
+          }
+          child.el.group = this.group;
+          child.el.match = null;
+          child.el.style.display = 'none';
+        });
+      });
+      if (this.routeViewsUpdated) {
+        this.routeViewsUpdated(Object.assign({ scrollTopOffset: this.scrollTopOffset }, routeViewUpdatedOptions));
+      }
+    };
+  }
+  render() {
+    return (h("slot", null));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "location": ["regenerateSubscribers"]
+  }; }
+};
+ActiveRouter.injectProps(RouteSwitch, [
+  'location',
+  'routeViewsUpdated'
+]);
+
+export { SparkleMenuToggle as sparkle_menu_toggle, SparkleNav as sparkle_nav, RouteSwitch as stencil_route_switch };

package/dist/esm/sparkle-validation-error.entry.js

@@ -0,0 +1,17 @@
+import { r as registerInstance, h, H as Host } from './index-5568e3fa.js';
+
+const sparkleValidationErrorCss = ":host{display:block}sparkle-validation-error ul{padding:10px 0px}sparkle-validation-error .alert-danger{margin-top:10px;font-size:12px}";
+
+const SparkleValidationError = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.errors = [];
+  }
+  render() {
+    return (h(Host, null, this.errors.length > 0 &&
+      h("div", { class: "alert alert-danger", role: "alert" }, h("ul", null, this.errors.map(error => h("li", null, h("b", null, error.Field, ": "), error.Message))))));
+  }
+};
+SparkleValidationError.style = sparkleValidationErrorCss;
+
+export { SparkleValidationError as sparkle_validation_error };

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

@@ -1,5 +1,5 @@
 import { j as readTask, w as writeTask } from './index-5568e3fa.js';
-import { c as componentOnReady } from './helpers-39367fe1.js';
+import { c as componentOnReady } from './helpers-9d0930de.js';
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License

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

@@ -0,0 +1,73 @@
+import { r as registerInstance, h, e as getElement } from './index-5568e3fa.js';
+import { m as matchPath } from './match-path-36fdf5c7.js';
+import { d as isModifiedEvent } from './dom-utils-8e73e88b.js';
+import { A as ActiveRouter } from './active-router-909088d6.js';
+
+const getUrl = (url, root) => {
+  // Don't allow double slashes
+  if (url.charAt(0) == '/' && root.charAt(root.length - 1) == '/') {
+    return root.slice(0, root.length - 1) + url;
+  }
+  return root + url;
+};
+const RouteLink = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.unsubscribe = () => { return; };
+    this.activeClass = 'link-active';
+    this.exact = false;
+    this.strict = true;
+    /**
+      *  Custom tag to use instead of an anchor
+      */
+    this.custom = 'a';
+    this.match = null;
+  }
+  componentWillLoad() {
+    this.computeMatch();
+  }
+  // Identify if the current route is a match.
+  computeMatch() {
+    if (this.location) {
+      this.match = matchPath(this.location.pathname, {
+        path: this.urlMatch || this.url,
+        exact: this.exact,
+        strict: this.strict
+      });
+    }
+  }
+  handleClick(e) {
+    if (isModifiedEvent(e) || !this.history || !this.url || !this.root) {
+      return;
+    }
+    e.preventDefault();
+    return this.history.push(getUrl(this.url, this.root));
+  }
+  // Get the URL for this route link without the root from the router
+  render() {
+    let anchorAttributes = {
+      class: {
+        [this.activeClass]: this.match !== null,
+      },
+      onClick: this.handleClick.bind(this)
+    };
+    if (this.anchorClass) {
+      anchorAttributes.class[this.anchorClass] = true;
+    }
+    if (this.custom === 'a') {
+      anchorAttributes = Object.assign({}, anchorAttributes, { href: this.url, title: this.anchorTitle, role: this.anchorRole, tabindex: this.anchorTabIndex, 'aria-haspopup': this.ariaHaspopup, id: this.anchorId, 'aria-posinset': this.ariaPosinset, 'aria-setsize': this.ariaSetsize, 'aria-label': this.ariaLabel });
+    }
+    return (h(this.custom, Object.assign({}, anchorAttributes), h("slot", null)));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "location": ["computeMatch"]
+  }; }
+};
+ActiveRouter.injectProps(RouteLink, [
+  'history',
+  'location',
+  'root'
+]);
+
+export { RouteLink as stencil_route_link };

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

@@ -0,0 +1,28 @@
+import { r as registerInstance, e as getElement } from './index-5568e3fa.js';
+import { A as ActiveRouter } from './active-router-909088d6.js';
+
+// Get the URL for this route link without the root from the router
+const getUrl = (url, root) => {
+  // Don't allow double slashes
+  if (url.charAt(0) == '/' && root.charAt(root.length - 1) == '/') {
+    return root.slice(0, root.length - 1) + url;
+  }
+  return root + url;
+};
+const Redirect = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  componentWillLoad() {
+    if (this.history && this.root && this.url) {
+      return this.history.replace(getUrl(this.url, this.root));
+    }
+  }
+  get el() { return getElement(this); }
+};
+ActiveRouter.injectProps(Redirect, [
+  'history',
+  'root'
+]);
+
+export { Redirect as stencil_router_redirect };

package/dist/esm/{student.service-29b688ba.js → student.service-c2f44f3a.js}

@@ -1,20 +1,5 @@
-import { b as createStore, H as HttpService } from './auth.store-3ed2389e.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 };
+import { H as HttpService } from './auth.store-98fad96d.js';
+import { u as userStore } from './user.store-e6ff7558.js';
 
 class StudentService {
   constructor() { }
@@ -71,4 +56,4 @@ class StudentService {
   }
 }
 
-export { StudentService as S, userStore as u };
+export { StudentService as S };

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

@@ -1,4 +1,4 @@
-import { l as clamp } from './helpers-39367fe1.js';
+import { e as clamp } from './helpers-9d0930de.js';
 import { i as isRTL } from './dir-03012648.js';
 import { createGesture } from './index-a12c14bd.js';
 import './gesture-controller-686622ba.js';

package/dist/esm/{tap-click-13f1fb0d.js → tap-click-cca25060.js}

@@ -1,4 +1,4 @@
-import { q as now, p as pointerCoord } from './helpers-39367fe1.js';
+import { q as now, p as pointerCoord } from './helpers-9d0930de.js';
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License

package/dist/esm/user.store-e6ff7558.js

@@ -0,0 +1,19 @@
+import { c as createStore } from './auth.store-98fad96d.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 };
+
+export { userStore as u };

package/dist/esm/{util-6ef753e9.js → util-a831d09d.js}

@@ -2448,4 +2448,4 @@ function date(date) {
   return format(new Date(date), 'DD MMM YYYY');
 }
 
-export { GetGoalAppData as G, MyHealthTemplate as M, SparkleGlobal as S, MyHealthTemplateJSON as a, MyMoodTemplate as b, MyMoodTemplateJSON as c, date as d, MyGoalTemplate as e, MyGoalTemplateJSON as f, sample as s };
+export { GetGoalAppData as G, MyGoalTemplate as M, SparkleGlobal as S, MyGoalTemplateJSON as a, MyHealthTemplate as b, MyHealthTemplateJSON as c, MyMoodTemplate as d, MyMoodTemplateJSON as e, date as f, sample as s };

package/dist/sparkle-core/index.esm.js

@@ -1 +1 @@
-export{A as AuthService,P as PrivateRoute,i as initSetupEnvironmentConfig,s as setupEnvironmentConfig}from"./p-03189863.js";export{E as EnvironmentConfigService}from"./p-b226f54d.js";export{A as AssetsService}from"./p-9a443f51.js";export{A as AuthStore}from"./p-6bf07a28.js";import"./p-9babd345.js";import"./p-5d409601.js";import"./p-6c6145cd.js";import"./p-fef04ab5.js";import"./p-6fd4985d.js";import"./p-55ae49e1.js";
+export{A as AuthService,i as initSetupEnvironmentConfig,s as setupEnvironmentConfig}from"./p-7c1f59ec.js";export{E as EnvironmentConfigService}from"./p-b226f54d.js";export{A as AssetsService}from"./p-9a443f51.js";export{A as AuthStore}from"./p-c1c59771.js";export{P as PrivateRoute}from"./p-c8ed0575.js";import"./p-9babd345.js";import"./p-5d409601.js";import"./p-b17dd6df.js";import"./p-fef04ab5.js";import"./p-6fd4985d.js";import"./p-4f144efa.js";

package/dist/sparkle-core/p-021fde3c.entry.js

@@ -0,0 +1 @@
+import{r as e,h as o,e as i}from"./p-9babd345.js";import{a as l}from"./p-401feeb0.js";const t=class{constructor(o){e(this,o),this.darkMode=!0,this.mobileDropdownActive=!1,this.stuck=!1,this.queued=!1}deactivate(){setTimeout((()=>{this.el.classList.remove("ionic-sub-header--mobile-active")}),200)}getTriggerEl(){const e=document.createElement("div");return e.id="ionic-sub-header__trigger",e}componentDidLoad(){this.el.before&&(this.el.before(this.getTriggerEl()),this.init(),requestAnimationFrame((()=>{this.el.classList.add("ionic-sub-header--initialized")})))}init(){this.observer=new IntersectionObserver((e=>{this.queued||(this.stuck||0!==e[0].intersectionRatio?this.stuck&&1===e[0].intersectionRatio&&(this.queued=!0,requestAnimationFrame((()=>{this.el.classList.remove("ionic-sub-header--stuck"),this.stuck=!1,this.queued=!1}))):(this.queued=!0,requestAnimationFrame((()=>{this.el.classList.add("ionic-sub-header--stuck"),this.stuck=!0,this.queued=!1}))))}),{threshold:[0,1]});const e=document.getElementById("ionic-sub-header__trigger");this.el&&e&&(this.observer.observe(e),setTimeout((()=>{this.el.classList.add("ionic-sub-header--initialized");const e=document.querySelector(".navbar-default");e&&e.classList.add("navbar--not-fixed")}),405))}handleMobileToggleClick(){this.el.classList.toggle("ionic-sub-header--mobile-active")}render(){return[o("div",{class:"header-mobile-collapse__backdrop",onClick:()=>this.deactivate()}),o("a",{class:"ionic-sub-header__mobile-toggle",onClick:()=>this.handleMobileToggleClick()},o(l,null)),o("div",{class:"header-mobile-collapse__content"},o("slot",null))]}get el(){return i(this)}};t.style="header-mobile-collapse,header-mobile-collapse .header-mobile-collapse__content{flex:1;display:flex;justify-content:flex-end;align-items:center}header-mobile-collapse .ionic-sub-header__mobile-toggle{display:none;padding-top:14px;pointer-events:none;padding-left:8px}header-mobile-collapse .ionic-sub-header__mobile-toggle svg{height:20px;width:20px}header-mobile-collapse .UtilNav{margin-left:auto}header-mobile-collapse>ionic-search{padding-right:8px;padding-top:4px;display:none}header-mobile-collapse .label-sm-only .Dropdown-button-label,header-mobile-collapse .sm-only{display:none}@media (max-width: 800px){header-mobile-collapse .ionic-sub-header__mobile-toggle{display:block;cursor:pointer;padding-top:14px;pointer-events:all;transition:0.2s transform ease 0.1s;transform-origin:66% 50%}header-mobile-collapse .header-mobile-collapse__backdrop{position:fixed;top:100%;height:100vh;left:0;right:0;background:rgba(0, 0, 0, 0.1);cursor:pointer;opacity:0;pointer-events:none;transition:0.4s opacity}header-mobile-collapse.ionic-sub-header--mobile-active .header-mobile-collapse__backdrop{opacity:1;pointer-events:all}header-mobile-collapse>ionic-search{display:block}header-mobile-collapse .header-mobile-collapse__content{display:flex;flex-direction:column;align-items:stretch;position:fixed;width:100vw;left:0;background:white;box-shadow:0px 1px 3px rgba(2, 8, 20, 0.06), 0px 1px 2px rgba(2, 8, 20, 0.04);top:56px;padding:16px 16px 8px;max-height:calc(100vh - 64px);overflow:auto;pointer-events:none;opacity:0;transform:translateY(-10px);transition:transform 0.2s cubic-bezier(0.36, 0.66, 0.04, 1), opacity 0.2s linear}header-mobile-collapse.ionic-sub-header--mobile-active .header-mobile-collapse__content{opacity:1;pointer-events:all;transform:translateY(0);transition:transform 0.25s cubic-bezier(0.17, 0.67, 0.52, 1), opacity 0.1s linear}header-mobile-collapse .sparkle-dropdown,header-mobile-collapse .SectionNav .Dropdown{align-self:stretch}header-mobile-collapse .Dropdown .Dropdown-button,header-mobile-collapse .UtilNav .sm-only{width:100%;display:flex;justify-content:space-between;color:#5b708b;font-size:20px;line-height:24px;letter-spacing:-0.03em;padding:13px 0 14px}header-mobile-collapse .Dropdown--left .Dropdown-button{padding-left:16px;padding-right:14px;margin-bottom:10px;padding-top:10px;height:44px;box-shadow:0px 1px 2px rgba(2, 8, 20, 0.04)}header-mobile-collapse .Dropdown .Dropdown-button .Dropdown-arrow{height:26px;width:20px;margin-right:-4px}header-mobile-collapse .SectionNav .Dropdown,header-mobile-collapse .SectionNav-tabs>*{margin-right:0}header-mobile-collapse .Dropdown:focus{outline:none}header-mobile-collapse .SectionNav-tabs stencil-route-link{height:45px}header-mobile-collapse .Dropdown--right .Dropdown-button{text-align:left}header-mobile-collapse .SectionNav stencil-route,header-mobile-collapse .SectionNav-tabs,header-mobile-collapse .UtilNav{display:flex;flex-direction:column;margin-left:0;align-items:stretch}header-mobile-collapse .UtilNav>*{margin-left:0;border-bottom:1px solid #e6e6e8}header-mobile-collapse .UtilNav>:last-child{border-bottom:none}header-mobile-collapse .Dropdown-panel{position:static;border-bottom:1px solid var(--text-color--lighter)}header-mobile-collapse .SectionNav-tabs a{font-size:20px;line-height:24px;letter-spacing:-0.02em;color:#5b708b;padding-left:16px;padding-right:14px;font-weight:400}header-mobile-collapse .UtilNav a{padding:0}header-mobile-collapse .SectionNav-tabs .link-active{background:rgba(var(--ion-color-primary-rgb), 0.12);color:var(--ion-color-primary);display:flex;justify-content:space-between;width:100%;border-radius:8px}header-mobile-collapse .SectionNav-tabs .link-active::after{content:'\\2713';position:static;background:none;width:auto;font-size:16px}header-mobile-collapse .SectionNav-tabs{position:relative;padding-bottom:8px;margin-bottom:18px;margin-top:5px}header-mobile-collapse .SectionNav-tabs::after{position:absolute;bottom:0;left:-16px;width:100vw;border-bottom:1px solid #e6e6e8;content:''}header-mobile-collapse .header-mobile-collapse__content ionic-search{display:none}header-mobile-collapse .UtilNav::before{content:'More';font-size:20px;line-height:24px;letter-spacing:0.01em;color:#000;padding:6px 2px 8px}header-mobile-collapse .label-sm-only .Dropdown-button-label,header-mobile-collapse .sm-only{display:block}header-mobile-collapse .label-sm-only .Dropdown-icon,header-mobile-collapse .lg-only{display:none}header-mobile-collapse .label-sm-only .Dropdown-icon+.Dropdown-arrow{fill:#5b708b}header-mobile-collapse .UtilNav .sm-only .Dropdown-arrow{height:26px;width:20px;margin-right:-4px;fill:#b2becd}header-mobile-collapse .Dropdown-panel a{padding:8px;font-size:16px}header-mobile-collapse .Dropdown.is-open .Dropdown-panel{position:static}}";const a=class{constructor(o){e(this,o),this.round=!1,this.primary=!1}render(){return void 0!==this.href?/^\/course/.test(this.href)?o("stencil-route-link",{url:this.href},o("slot",null)):o("a",{href:this.href},o("slot",null)):o("button",null,o("slot",null))}};a.style="sparkle-button{background-color:rgba(var(--ion-color-sparkle-rgb), var(--bg-alpha, 0.06));border-radius:6px;color:var(--accent-color);display:inline-block;font-weight:600;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.1)}sparkle-button a,sparkle-button button{color:inherit;display:inline-block;font-size:inherit;font-weight:inherit;padding:0.75em 1.5em}sparkle-button button{appearance:none;background:none;border:none;line-height:inherit}sparkle-button svg{fill:currentColor;height:1em;margin-bottom:-0.125em;width:1em}sparkle-button[round]{border-radius:2em}sparkle-button[primary]{background-color:rgba(var(--ion-color-sparkle-rgb));color:var(--ion-color-sparkle-contrast)}@media (hover: hover){sparkle-button:hover{--bg-alpha:0.08}sparkle-button:active{--bg-alpha:0.1}}";export{t as header_mobile_collapse,a as sparkle_button}