@sparkle-learning/core 0.0.36 → 0.0.39

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

@@ -1,11 +1,11 @@
 import { h, r as registerInstance, H as Host, e as getElement } from './index-c04b9ed5.js';
-import { t as toastController } from './overlays-3b4dca92.js';
-import { F as FacilitatorService, f as facilitatorStore } from './facilitator.service-b0292f7f.js';
+import { t as toastController } from './overlays-bdd9344a.js';
+import { F as FacilitatorService, f as facilitatorStore } from './facilitator.service-8fd435bf.js';
 import './ionic-global-4903e23e.js';
 import './hardware-back-button-fa04d6e9.js';
-import './helpers-bf0e23d6.js';
-import './httpService-7b75b095.js';
-import './auth.store-dba2c2da.js';
+import './helpers-03073fe4.js';
+import './httpService-61864992.js';
+import './auth.store-633e8414.js';
 import './environment-config.service-2b5d692b.js';
 
 const LoadingSpinner = () => (h("div", { class: "spinner-border", role: "status" }));

package/dist/esm/sparkle-feed-post.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, e as getElement } from './index-c04b9ed5.js';
+import { r as registerInstance, h, H as Host, e as getElement } from './index-c04b9ed5.js';
 import { E as EnvironmentConfigService } from './environment-config.service-2b5d692b.js';
-import './auth.store-dba2c2da.js';
+import './auth.store-633e8414.js';
 
 const sparkleFeedPostCss = ":host{display:block}.post-footer{display:flex;justify-content:space-between}.error{color:red}.success{color:green}.uploaded-image{display:block;max-height:140px;width:auto !important}";
 
@@ -107,7 +107,7 @@ const SparkleFeedPost = class {
   }
   render() {
     const userInfo = this.renderUserInfo();
-    return (h("ion-card", null, h("ion-item", { class: "header" }, h("ion-card-title", null, "Bulletin Board"), userInfo), h("ion-card-content", null, h("form", null, h("ion-list", null, h("ion-item", { lines: "none" }, h("ion-label", null, "Public"), h("ion-toggle", { class: "IsPublic", slot: "end", color: "primary", name: "IsPublic" })), h("ion-item", { class: "padding" }, h("ion-textarea", { class: "PostText", required: true, placeholder: "Post Text", name: "PostText", value: this.postText })), h("ion-item", { class: "padding" }, h("ion-input", { class: "PostExternalUrl", required: true, type: "text", placeholder: "URL", name: "ExternalResourceUrl", value: this.externalResourceUrl })), this.uploadedImage ? (h("ion-item", { class: "padding" }, h("img", { class: "uploaded-image", src: this.uploadedImage }))) : (''), h("ion-item", { lines: "none" }, h("input", { type: "file", id: "fileInput", onChange: evt => this.uploadImage(evt), style: { display: 'none' }, accept: "image/*" }), this.uploadImageLoading ? h("ion-spinner", { color: "primary" }) : '', h("ion-button", { slot: "start", onClick: evt => this.selectFile() }, h("ion-icon", { name: "add" }), "Upload Image")), h("ion-item", { class: "post-footer", lines: "none" }, h("div", null, h("div", { class: "error" }, this.errorMessage), h("div", { class: "success" }, this.successMessage)), h("ion-button", { slot: "end", size: "default", onClick: evt => this.submitPost(), disabled: !this.isAuthenticated() }, "Post")))))));
+    return (h(Host, null, h("slot", null), h("ion-card", null, h("ion-item", { class: "header" }, h("ion-card-title", null, "Community Wall"), userInfo), h("ion-card-content", null, h("form", null, h("ion-list", null, h("ion-item", { lines: "none" }, h("ion-label", null, "Public"), h("ion-toggle", { class: "IsPublic", slot: "end", color: "primary", name: "IsPublic" })), h("ion-item", { class: "padding" }, h("ion-textarea", { class: "PostText", required: true, placeholder: "Post Text", name: "PostText", value: this.postText })), h("ion-item", { class: "padding" }, h("ion-input", { class: "PostExternalUrl", required: true, type: "text", placeholder: "URL", name: "ExternalResourceUrl", value: this.externalResourceUrl })), this.uploadedImage ? (h("ion-item", { class: "padding" }, h("img", { class: "uploaded-image", src: this.uploadedImage }))) : (''), h("ion-item", { lines: "none" }, h("input", { type: "file", id: "fileInput", onChange: evt => this.uploadImage(evt), style: { display: 'none' }, accept: "image/*" }), this.uploadImageLoading ? h("ion-spinner", { color: "primary" }) : '', h("ion-button", { slot: "start", onClick: evt => this.selectFile() }, h("ion-icon", { name: "add" }), "Upload Image")), h("ion-item", { class: "post-footer", lines: "none" }, h("div", null, h("div", { class: "error" }, this.errorMessage), h("div", { class: "success" }, this.successMessage)), h("ion-button", { slot: "end", size: "default", onClick: evt => this.submitPost(), disabled: !this.isAuthenticated() }, "Post"))))))));
   }
   get el() { return getElement(this); }
 };

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

@@ -1,12 +1,13 @@
 import { r as registerInstance, h, H as Host, e as getElement } from './index-c04b9ed5.js';
-import { S as StudentService } from './student.service-0746418b.js';
-import { t as toastController } from './overlays-3b4dca92.js';
-import './httpService-7b75b095.js';
-import './auth.store-dba2c2da.js';
+import { S as StudentService } from './student.service-e6eb1f99.js';
+import { t as toastController } from './overlays-bdd9344a.js';
+import './httpService-61864992.js';
+import './auth.store-633e8414.js';
 import './environment-config.service-2b5d692b.js';
+import './user.store-b8645067.js';
 import './ionic-global-4903e23e.js';
 import './hardware-back-button-fa04d6e9.js';
-import './helpers-bf0e23d6.js';
+import './helpers-03073fe4.js';
 
 const sparkleFeedbackCss = ":host{display:block}";
 

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

@@ -1,14 +1,14 @@
 import { r as registerInstance, h, e as getElement } from './index-c04b9ed5.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-8fbe4ce3.js';
-import './httpService-7b75b095.js';
-import './auth.store-dba2c2da.js';
-import './overlays-3b4dca92.js';
+import { A as AppDataService, F as FeedService, g as goalStore, f as feedStore } from './feed.service-ace049e5.js';
+import './httpService-61864992.js';
+import './auth.store-633e8414.js';
+import './overlays-bdd9344a.js';
 import './ionic-global-4903e23e.js';
 import './hardware-back-button-fa04d6e9.js';
-import './helpers-bf0e23d6.js';
+import './helpers-03073fe4.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-c04b9ed5.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-c04b9ed5.js';
+import { m as modalController } from './overlays-bdd9344a.js';
+import { S as SparkleGlobal, f as date } from './util-a831d09d.js';
+import './ionic-global-4903e23e.js';
+import './hardware-back-button-fa04d6e9.js';
+import './helpers-03073fe4.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-menu-collapsible.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, e as getElement, H as Host } from './index-c04b9ed5.js';
-import { D as DownArrow } from './icons-9b62a1ec.js';
+import { D as DownArrow } from './icons-90b957ab.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-c04b9ed5.js';
+import { M as Menu } from './icons-90b957ab.js';
+import { A as ActiveRouter } from './active-router-fc9e4e06.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 ? (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-c04b9ed5.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-dde52787.js → status-tap-463d0f87.js}

@@ -1,6 +1,6 @@
 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 { f as findClosestIonContent, s as scrollToTop } from './index-37004831.js';
+import { c as componentOnReady } from './helpers-03073fe4.js';
 import './index-dad75b83.js';
 
 /*!

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

@@ -0,0 +1,28 @@
+import { r as registerInstance, e as getElement } from './index-c04b9ed5.js';
+import { A as ActiveRouter } from './active-router-fc9e4e06.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-0746418b.js → student.service-e6eb1f99.js}

@@ -1,21 +1,5 @@
-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 };
+import { H as HttpService } from './httpService-61864992.js';
+import { u as userStore } from './user.store-b8645067.js';
 
 class StudentService {
   constructor() { }
@@ -72,4 +56,4 @@ class StudentService {
   }
 }
 
-export { StudentService as S, userStore as u };
+export { StudentService as S };

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

@@ -1,4 +1,4 @@
-import { m as clamp } from './helpers-bf0e23d6.js';
+import { d as clamp } from './helpers-03073fe4.js';
 import { i as isRTL } from './dir-03012648.js';
 import { createGesture } from './index-21661af2.js';
 import './gesture-controller-7be18351.js';

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

@@ -0,0 +1,19 @@
+import { c as createStore } from './auth.store-633e8414.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-462bffba.js";export{E as EnvironmentConfigService}from"./p-b226f54d.js";export{A as AssetsService}from"./p-9a443f51.js";export{A as AuthStore}from"./p-2f569553.js";import"./p-ee1e0eb4.js";import"./p-5d409601.js";import"./p-1d4c7c11.js";import"./p-2ff67662.js";import"./p-871106e0.js";import"./p-add30d46.js";import"./p-d68092b7.js";
+export{A as AuthService,i as initSetupEnvironmentConfig,s as setupEnvironmentConfig}from"./p-1019ebc3.js";export{E as EnvironmentConfigService}from"./p-b226f54d.js";export{A as AssetsService}from"./p-9a443f51.js";export{A as AuthStore}from"./p-340754ed.js";export{P as PrivateRoute}from"./p-91accfc1.js";import"./p-ee1e0eb4.js";import"./p-5d409601.js";import"./p-a85598ad.js";import"./p-2e2b813c.js";import"./p-871106e0.js";import"./p-add30d46.js";import"./p-17eb4633.js";

package/dist/sparkle-core/{p-2c1ca854.entry.js → p-014b5707.entry.js}

@@ -1 +1 @@
-import{r as t,i as s,w as i,h as e,H as o,e as n}from"./p-ee1e0eb4.js";import{c as r,g as a}from"./p-871106e0.js";import{q as h}from"./p-d68092b7.js";import{i as l}from"./p-506221fe.js";import{c,h as d}from"./p-0e4de1d0.js";const u=class{constructor(i){t(this,i),this.ionChange=s(this,"ionChange",7),this.ionSelect=s(this,"ionSelect",7),this.ionStyle=s(this,"ionStyle",7),this.didInit=!1,this.activated=!1,this.disabled=!1,this.scrollable=!1,this.swipeGesture=!0,this.selectOnFocus=!1,this.onClick=t=>{const s=t.target,i=this.checked;"ION-SEGMENT"!==s.tagName&&(this.value=s.value,!this.scrollable&&this.swipeGesture||(i?this.checkButton(i,s):this.setCheckedClasses()),this.checked=s)},this.getSegmentButton=t=>{const s=this.getButtons().filter((t=>!t.disabled)),i=s.findIndex((t=>t===document.activeElement));switch(t){case"first":return s[0];case"last":return s[s.length-1];case"next":return s[i+1]||s[0];case"previous":return s[i-1]||s[s.length-1];default:return null}}}colorChanged(t,s){(void 0===s&&void 0!==t||void 0!==s&&void 0===t)&&this.emitStyle()}swipeGestureChanged(){this.gestureChanged()}valueChanged(t,s){this.ionSelect.emit({value:t}),(""!==s||this.didInit)&&(this.activated?this.valueAfterGesture=t:this.ionChange.emit({value:t}))}disabledChanged(){this.gestureChanged();const t=this.getButtons();for(const s of t)s.disabled=this.disabled}gestureChanged(){this.gesture&&this.gesture.enable(!this.scrollable&&!this.disabled&&this.swipeGesture)}connectedCallback(){this.emitStyle()}componentWillLoad(){this.emitStyle()}async componentDidLoad(){this.setCheckedClasses(),this.ensureFocusable(),this.gesture=(await import("./p-e9431eeb.js")).createGesture({el:this.el,gestureName:"segment",gesturePriority:100,threshold:0,passive:!1,onStart:t=>this.onStart(t),onMove:t=>this.onMove(t),onEnd:t=>this.onEnd(t)}),this.gestureChanged(),this.disabled&&this.disabledChanged(),this.didInit=!0}onStart(t){this.activate(t)}onMove(t){this.setNextIndex(t)}onEnd(t){this.setActivated(!1);const s=this.setNextIndex(t,!0);t.event.stopImmediatePropagation(),s&&this.addRipple(t);const i=this.valueAfterGesture;void 0!==i&&(this.ionChange.emit({value:i}),this.valueAfterGesture=void 0)}getButtons(){return Array.from(this.el.querySelectorAll("ion-segment-button"))}addRipple(t){if(!r.getBoolean("animated",!0)||!r.getBoolean("rippleEffect",!0))return;const s=this.getButtons().find((t=>t.value===this.value)),i=(s.shadowRoot||s).querySelector("ion-ripple-effect");if(!i)return;const{x:e,y:o}=h(t.event);i.addRipple(e,o).then((t=>t()))}setActivated(t){this.getButtons().forEach((s=>{t?s.classList.add("segment-button-activated"):s.classList.remove("segment-button-activated")})),this.activated=t}activate(t){const s=t.event.target,i=this.getButtons().find((t=>t.value===this.value));"ION-SEGMENT-BUTTON"===s.tagName&&(i||(this.value=s.value,this.setCheckedClasses()),this.value===s.value&&this.setActivated(!0))}getIndicator(t){return(t.shadowRoot||t).querySelector(".segment-button-indicator")}checkButton(t,s){const e=this.getIndicator(t),o=this.getIndicator(s);if(null===e||null===o)return;const n=e.getBoundingClientRect(),r=o.getBoundingClientRect(),a=`translate3d(${n.left-r.left}px, 0, 0) scaleX(${n.width/r.width})`;i((()=>{o.classList.remove("segment-button-indicator-animated"),o.style.setProperty("transform",a),o.getBoundingClientRect(),o.classList.add("segment-button-indicator-animated"),o.style.setProperty("transform","")})),this.value=s.value,this.setCheckedClasses()}setCheckedClasses(){const t=this.getButtons(),s=t.findIndex((t=>t.value===this.value))+1;this.checked=t.find((t=>t.value===this.value));for(const s of t)s.classList.remove("segment-button-after-checked");s<t.length&&t[s].classList.add("segment-button-after-checked")}setNextIndex(t,s=!1){const i=l(this.el),e=this.activated,o=this.getButtons(),n=o.findIndex((t=>t.value===this.value)),r=o[n];let a,h;if(-1===n)return;const c=r.getBoundingClientRect(),d=c.left,u=c.width,g=t.currentX,m=c.top+c.height/2,b=this.el.getRootNode().elementFromPoint(g,m);if(e&&!s){if(i?g>d+u:g<d){const t=n-1;t>=0&&(h=t)}else if((i?g<d:g>d+u)&&e&&!s){const t=n+1;t<o.length&&(h=t)}void 0===h||o[h].disabled||(a=o[h])}if(!e&&s&&(a=b),null!=a){if("ION-SEGMENT"===a.tagName)return!1;r!==a&&this.checkButton(r,a)}return!0}emitStyle(){this.ionStyle.emit({segment:!0})}onKeyDown(t){const s=l(this.el);let i,e=this.selectOnFocus;switch(t.key){case"ArrowRight":t.preventDefault(),i=this.getSegmentButton(s?"previous":"next");break;case"ArrowLeft":t.preventDefault(),i=this.getSegmentButton(s?"next":"previous");break;case"Home":t.preventDefault(),i=this.getSegmentButton("first");break;case"End":t.preventDefault(),i=this.getSegmentButton("last");break;case" ":case"Enter":t.preventDefault(),i=document.activeElement,e=!0}i&&(e&&this.checkButton(this.checked||i,i),i.focus())}ensureFocusable(){var t;void 0===this.value&&(null===(t=this.getButtons()[0])||void 0===t||t.setAttribute("tabindex","0"))}render(){const t=a(this);return e(o,{role:"tablist",onClick:this.onClick,class:c(this.color,{[t]:!0,"in-toolbar":d("ion-toolbar",this.el),"in-toolbar-color":d("ion-toolbar[color]",this.el),"segment-activated":this.activated,"segment-disabled":this.disabled,"segment-scrollable":this.scrollable})},e("slot",null))}get el(){return n(this)}static get watchers(){return{color:["colorChanged"],swipeGesture:["swipeGestureChanged"],value:["valueChanged"],disabled:["disabledChanged"]}}};u.style={ios:":host{--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;position:relative;align-items:stretch;justify-content:center;width:100%;background:var(--background);font-family:var(--ion-font-family, inherit);text-align:center;contain:paint;user-select:none}:host(.segment-scrollable){justify-content:start;width:auto;overflow-x:auto}:host(.segment-scrollable::-webkit-scrollbar){display:none}:host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065);border-radius:8px;overflow:hidden;z-index:0}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.065)}:host(.in-toolbar){margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;width:auto}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host(.in-toolbar){margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}}:host(.in-toolbar:not(.ion-color)){background:var(--ion-toolbar-segment-background, var(--background))}:host(.in-toolbar-color:not(.ion-color)){background:rgba(var(--ion-color-contrast-rgb), 0.11)}",md:":host{--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;position:relative;align-items:stretch;justify-content:center;width:100%;background:var(--background);font-family:var(--ion-font-family, inherit);text-align:center;contain:paint;user-select:none}:host(.segment-scrollable){justify-content:start;width:auto;overflow-x:auto}:host(.segment-scrollable::-webkit-scrollbar){display:none}:host{--background:transparent}:host(.segment-scrollable) ::slotted(ion-segment-button){min-width:auto}"};export{u as ion_segment}
+import{r as t,i as s,w as i,h as e,H as o,e as n}from"./p-ee1e0eb4.js";import{c as r,g as a}from"./p-871106e0.js";import{p as h}from"./p-17eb4633.js";import{i as l}from"./p-506221fe.js";import{c,h as d}from"./p-0e4de1d0.js";const u=class{constructor(i){t(this,i),this.ionChange=s(this,"ionChange",7),this.ionSelect=s(this,"ionSelect",7),this.ionStyle=s(this,"ionStyle",7),this.didInit=!1,this.activated=!1,this.disabled=!1,this.scrollable=!1,this.swipeGesture=!0,this.selectOnFocus=!1,this.onClick=t=>{const s=t.target,i=this.checked;"ION-SEGMENT"!==s.tagName&&(this.value=s.value,!this.scrollable&&this.swipeGesture||(i?this.checkButton(i,s):this.setCheckedClasses()),this.checked=s)},this.getSegmentButton=t=>{const s=this.getButtons().filter((t=>!t.disabled)),i=s.findIndex((t=>t===document.activeElement));switch(t){case"first":return s[0];case"last":return s[s.length-1];case"next":return s[i+1]||s[0];case"previous":return s[i-1]||s[s.length-1];default:return null}}}colorChanged(t,s){(void 0===s&&void 0!==t||void 0!==s&&void 0===t)&&this.emitStyle()}swipeGestureChanged(){this.gestureChanged()}valueChanged(t,s){this.ionSelect.emit({value:t}),(""!==s||this.didInit)&&(this.activated?this.valueAfterGesture=t:this.ionChange.emit({value:t}))}disabledChanged(){this.gestureChanged();const t=this.getButtons();for(const s of t)s.disabled=this.disabled}gestureChanged(){this.gesture&&this.gesture.enable(!this.scrollable&&!this.disabled&&this.swipeGesture)}connectedCallback(){this.emitStyle()}componentWillLoad(){this.emitStyle()}async componentDidLoad(){this.setCheckedClasses(),this.ensureFocusable(),this.gesture=(await import("./p-e9431eeb.js")).createGesture({el:this.el,gestureName:"segment",gesturePriority:100,threshold:0,passive:!1,onStart:t=>this.onStart(t),onMove:t=>this.onMove(t),onEnd:t=>this.onEnd(t)}),this.gestureChanged(),this.disabled&&this.disabledChanged(),this.didInit=!0}onStart(t){this.activate(t)}onMove(t){this.setNextIndex(t)}onEnd(t){this.setActivated(!1);const s=this.setNextIndex(t,!0);t.event.stopImmediatePropagation(),s&&this.addRipple(t);const i=this.valueAfterGesture;void 0!==i&&(this.ionChange.emit({value:i}),this.valueAfterGesture=void 0)}getButtons(){return Array.from(this.el.querySelectorAll("ion-segment-button"))}addRipple(t){if(!r.getBoolean("animated",!0)||!r.getBoolean("rippleEffect",!0))return;const s=this.getButtons().find((t=>t.value===this.value)),i=(s.shadowRoot||s).querySelector("ion-ripple-effect");if(!i)return;const{x:e,y:o}=h(t.event);i.addRipple(e,o).then((t=>t()))}setActivated(t){this.getButtons().forEach((s=>{t?s.classList.add("segment-button-activated"):s.classList.remove("segment-button-activated")})),this.activated=t}activate(t){const s=t.event.target,i=this.getButtons().find((t=>t.value===this.value));"ION-SEGMENT-BUTTON"===s.tagName&&(i||(this.value=s.value,this.setCheckedClasses()),this.value===s.value&&this.setActivated(!0))}getIndicator(t){return(t.shadowRoot||t).querySelector(".segment-button-indicator")}checkButton(t,s){const e=this.getIndicator(t),o=this.getIndicator(s);if(null===e||null===o)return;const n=e.getBoundingClientRect(),r=o.getBoundingClientRect(),a=`translate3d(${n.left-r.left}px, 0, 0) scaleX(${n.width/r.width})`;i((()=>{o.classList.remove("segment-button-indicator-animated"),o.style.setProperty("transform",a),o.getBoundingClientRect(),o.classList.add("segment-button-indicator-animated"),o.style.setProperty("transform","")})),this.value=s.value,this.setCheckedClasses()}setCheckedClasses(){const t=this.getButtons(),s=t.findIndex((t=>t.value===this.value))+1;this.checked=t.find((t=>t.value===this.value));for(const s of t)s.classList.remove("segment-button-after-checked");s<t.length&&t[s].classList.add("segment-button-after-checked")}setNextIndex(t,s=!1){const i=l(this.el),e=this.activated,o=this.getButtons(),n=o.findIndex((t=>t.value===this.value)),r=o[n];let a,h;if(-1===n)return;const c=r.getBoundingClientRect(),d=c.left,u=c.width,g=t.currentX,m=c.top+c.height/2,b=this.el.getRootNode().elementFromPoint(g,m);if(e&&!s){if(i?g>d+u:g<d){const t=n-1;t>=0&&(h=t)}else if((i?g<d:g>d+u)&&e&&!s){const t=n+1;t<o.length&&(h=t)}void 0===h||o[h].disabled||(a=o[h])}if(!e&&s&&(a=b),null!=a){if("ION-SEGMENT"===a.tagName)return!1;r!==a&&this.checkButton(r,a)}return!0}emitStyle(){this.ionStyle.emit({segment:!0})}onKeyDown(t){const s=l(this.el);let i,e=this.selectOnFocus;switch(t.key){case"ArrowRight":t.preventDefault(),i=this.getSegmentButton(s?"previous":"next");break;case"ArrowLeft":t.preventDefault(),i=this.getSegmentButton(s?"next":"previous");break;case"Home":t.preventDefault(),i=this.getSegmentButton("first");break;case"End":t.preventDefault(),i=this.getSegmentButton("last");break;case" ":case"Enter":t.preventDefault(),i=document.activeElement,e=!0}i&&(e&&this.checkButton(this.checked||i,i),i.focus())}ensureFocusable(){var t;void 0===this.value&&(null===(t=this.getButtons()[0])||void 0===t||t.setAttribute("tabindex","0"))}render(){const t=a(this);return e(o,{role:"tablist",onClick:this.onClick,class:c(this.color,{[t]:!0,"in-toolbar":d("ion-toolbar",this.el),"in-toolbar-color":d("ion-toolbar[color]",this.el),"segment-activated":this.activated,"segment-disabled":this.disabled,"segment-scrollable":this.scrollable})},e("slot",null))}get el(){return n(this)}static get watchers(){return{color:["colorChanged"],swipeGesture:["swipeGestureChanged"],value:["valueChanged"],disabled:["disabledChanged"]}}};u.style={ios:":host{--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;position:relative;align-items:stretch;justify-content:center;width:100%;background:var(--background);font-family:var(--ion-font-family, inherit);text-align:center;contain:paint;user-select:none}:host(.segment-scrollable){justify-content:start;width:auto;overflow-x:auto}:host(.segment-scrollable::-webkit-scrollbar){display:none}:host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065);border-radius:8px;overflow:hidden;z-index:0}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.065)}:host(.in-toolbar){margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;width:auto}@supports (margin-inline-start: 0) or (-webkit-margin-start: 0){:host(.in-toolbar){margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}}:host(.in-toolbar:not(.ion-color)){background:var(--ion-toolbar-segment-background, var(--background))}:host(.in-toolbar-color:not(.ion-color)){background:rgba(var(--ion-color-contrast-rgb), 0.11)}",md:":host{--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;position:relative;align-items:stretch;justify-content:center;width:100%;background:var(--background);font-family:var(--ion-font-family, inherit);text-align:center;contain:paint;user-select:none}:host(.segment-scrollable){justify-content:start;width:auto;overflow-x:auto}:host(.segment-scrollable::-webkit-scrollbar){display:none}:host{--background:transparent}:host(.segment-scrollable) ::slotted(ion-segment-button){min-width:auto}"};export{u as ion_segment}

package/dist/sparkle-core/p-03585916.js

@@ -0,0 +1 @@
+import{H as a}from"./p-a85598ad.js";import{u as e}from"./p-4a5f2b2b.js";class t{constructor(){}static getInstance(){return t.instance||(t.instance=new t),t.instance}async enrollClass(t){let r=await a.http.post("api/v1/Student/EnrollClass",t);return r&&(e.state.enrollmentList=[...e.state.enrollmentList,r.Data]),r}async leaveClass(t){let r=await a.http.post("api/v1/Student/LeaveClass",t);return r&&(e.state.enrollmentList=e.state.enrollmentList.filter((a=>a.Id!=r.Data))),r}async fetchUserConfiguration(){let t=await a.http.get("api/v1/Student/UserConfiguration");return t&&(e.state.enrollmentList=t.Data.EnrollmentList,e.state.user.FirstName=t.Data.FirstName,e.state.user.LastName=t.Data.LastName,e.state.user.ProfileText=t.Data.ProfileText,e.state.user.ProfileImage=t.Data.ProfileImage,e.state.user.IsVerified=t.Data.IsVerified,e.state.user.Roles=t.Data.Roles,e.state.user.FacilitatorClassList=t.Data.FacilitatorClassList),t}async updateProfile(t){e.state.updateLoading=!0;let r=await a.http.post("api/Account/update-profile",t);return console.log("after fetch",r),r&&(e.state.updateLoading=!1,e.state.user=Object.assign(Object.assign({},e.state.user),{FirstName:r.Data.FirstName,LastName:r.Data.LastName,ProfileText:r.Data.ProfileText,ProfileImage:r.Data.ProfileImage})),r}async submitFeedback(e){return await a.http.post("api/v1/Feedback",e)}}export{t as S}

package/dist/sparkle-core/p-08d97c59.entry.js

@@ -0,0 +1 @@
+import{r as e,h as t,H as s,e as i}from"./p-ee1e0eb4.js";import{E as l}from"./p-b226f54d.js";import"./p-340754ed.js";const o=class{constructor(t){e(this,t)}componentDidLoad(){this.postText=this.textValue}setText(e){this.postText=e}isAuthenticated(){try{var e=l.getInstance().get("sparkle");if(e&&e.auth&&e.auth.getToken())return!0}catch(e){return!1}}submitPost(){this.errorMessage="",this.successMessage="",this.el.getElementsByClassName("PostExternalUrl"),this.el.getElementsByClassName("IsPublic")}uploadImage(e){}selectFile(){document.getElementById("fileInput").click()}renderUserInfo(){var e={Token:null,ProfileImageUrl:null};return null!=e&&e.Token?t("ion-avatar",{class:"header-avatar",slot:"end"},t("img",{src:"/assets/img/avatar.png"})):t("ion-button",{slot:"end",href:"/login"},"Login to Post")}render(){const e=this.renderUserInfo();return t(s,null,t("slot",null),t("ion-card",null,t("ion-item",{class:"header"},t("ion-card-title",null,"Community Wall"),e),t("ion-card-content",null,t("form",null,t("ion-list",null,t("ion-item",{lines:"none"},t("ion-label",null,"Public"),t("ion-toggle",{class:"IsPublic",slot:"end",color:"primary",name:"IsPublic"})),t("ion-item",{class:"padding"},t("ion-textarea",{class:"PostText",required:!0,placeholder:"Post Text",name:"PostText",value:this.postText})),t("ion-item",{class:"padding"},t("ion-input",{class:"PostExternalUrl",required:!0,type:"text",placeholder:"URL",name:"ExternalResourceUrl",value:this.externalResourceUrl})),this.uploadedImage?t("ion-item",{class:"padding"},t("img",{class:"uploaded-image",src:this.uploadedImage})):"",t("ion-item",{lines:"none"},t("input",{type:"file",id:"fileInput",onChange:e=>this.uploadImage(e),style:{display:"none"},accept:"image/*"}),this.uploadImageLoading?t("ion-spinner",{color:"primary"}):"",t("ion-button",{slot:"start",onClick:()=>this.selectFile()},t("ion-icon",{name:"add"}),"Upload Image")),t("ion-item",{class:"post-footer",lines:"none"},t("div",null,t("div",{class:"error"},this.errorMessage),t("div",{class:"success"},this.successMessage)),t("ion-button",{slot:"end",size:"default",onClick:()=>this.submitPost(),disabled:!this.isAuthenticated()},"Post")))))))}get el(){return i(this)}};o.style=":host{display:block}.post-footer{display:flex;justify-content:space-between}.error{color:red}.success{color:green}.uploaded-image{display:block;max-height:140px;width:auto !important}";export{o as sparkle_feed_post}

package/dist/sparkle-core/{p-cabfbf22.entry.js → p-0bb0cf41.entry.js}

@@ -1 +1 @@
-import{r as t,i,h as s,e,H as h}from"./p-ee1e0eb4.js";import{g as n}from"./p-871106e0.js";import{f as o,d as a,r}from"./p-bd80ff43.js";import{n as d}from"./p-d68092b7.js";import"./p-a208ab2d.js";let l;const c=class{constructor(s){t(this,s),this.ionDrag=i(this,"ionDrag",7),this.item=null,this.openAmount=0,this.initialOpenAmount=0,this.optsWidthRightSide=0,this.optsWidthLeftSide=0,this.sides=0,this.optsDirty=!0,this.contentEl=null,this.initialContentScrollY=!0,this.state=2,this.disabled=!1}disabledChanged(){this.gesture&&this.gesture.enable(!this.disabled)}async connectedCallback(){this.item=this.el.querySelector("ion-item"),this.contentEl=o(this.el),await this.updateOptions(),this.gesture=(await import("./p-e9431eeb.js")).createGesture({el:this.el,gestureName:"item-swipe",gesturePriority:100,threshold:5,canStart:t=>this.canStart(t),onStart:()=>this.onStart(),onMove:t=>this.onMove(t),onEnd:t=>this.onEnd(t)}),this.disabledChanged()}disconnectedCallback(){this.gesture&&(this.gesture.destroy(),this.gesture=void 0),this.item=null,this.leftOptions=this.rightOptions=void 0,l===this.el&&(l=void 0)}getOpenAmount(){return Promise.resolve(this.openAmount)}getSlidingRatio(){return Promise.resolve(this.getSlidingRatioSync())}async open(t){if(null===this.item)return;const i=this.getOptions(t);i&&(void 0===t&&(t=i===this.leftOptions?"start":"end"),t=d(t)?"end":"start",this.openAmount<0&&i===this.leftOptions||this.openAmount>0&&i===this.rightOptions||(this.closeOpened(),this.state=4,requestAnimationFrame((()=>{this.calculateOptsWidth(),l=this.el,this.setOpenAmount("end"===t?this.optsWidthRightSide:-this.optsWidthLeftSide,!1),this.state="end"===t?8:16}))))}async close(){this.setOpenAmount(0,!0)}async closeOpened(){return void 0!==l&&(l.close(),l=void 0,!0)}getOptions(t){return void 0===t?this.leftOptions||this.rightOptions:"start"===t?this.leftOptions:this.rightOptions}async updateOptions(){const t=this.el.querySelectorAll("ion-item-options");let i=0;this.leftOptions=this.rightOptions=void 0;for(let s=0;s<t.length;s++){const e=t.item(s),h=void 0!==e.componentOnReady?await e.componentOnReady():e;"start"==(d(h.side)?"end":"start")?(this.leftOptions=h,i|=1):(this.rightOptions=h,i|=2)}this.optsDirty=!0,this.sides=i}canStart(t){return!("rtl"===document.dir?window.innerWidth-t.startX<15:t.startX<15)&&(l&&l!==this.el&&this.closeOpened(),!(!this.rightOptions&&!this.leftOptions))}onStart(){this.item=this.el.querySelector("ion-item");const{contentEl:t}=this;t&&(this.initialContentScrollY=a(t)),l=this.el,void 0!==this.tmr&&(clearTimeout(this.tmr),this.tmr=void 0),0===this.openAmount&&(this.optsDirty=!0,this.state=4),this.initialOpenAmount=this.openAmount,this.item&&(this.item.style.transition="none")}onMove(t){this.optsDirty&&this.calculateOptsWidth();let i,s=this.initialOpenAmount-t.deltaX;switch(this.sides){case 2:s=Math.max(0,s);break;case 1:s=Math.min(0,s);break;case 3:break;case 0:return;default:console.warn("invalid ItemSideFlags value",this.sides)}s>this.optsWidthRightSide?(i=this.optsWidthRightSide,s=i+.55*(s-i)):s<-this.optsWidthLeftSide&&(i=-this.optsWidthLeftSide,s=i+.55*(s-i)),this.setOpenAmount(s,!1)}onEnd(t){const{contentEl:i,initialContentScrollY:s}=this;i&&r(i,s);const e=t.velocityX;let h=this.openAmount>0?this.optsWidthRightSide:-this.optsWidthLeftSide;const n=this.openAmount>0==!(e<0),o=Math.abs(e)>.3,a=Math.abs(this.openAmount)<Math.abs(h/2);p(n,o,a)&&(h=0);const d=this.state;this.setOpenAmount(h,!0),0!=(32&d)&&this.rightOptions?this.rightOptions.fireSwipeEvent():0!=(64&d)&&this.leftOptions&&this.leftOptions.fireSwipeEvent()}calculateOptsWidth(){this.optsWidthRightSide=0,this.rightOptions&&(this.rightOptions.style.display="flex",this.optsWidthRightSide=this.rightOptions.offsetWidth,this.rightOptions.style.display=""),this.optsWidthLeftSide=0,this.leftOptions&&(this.leftOptions.style.display="flex",this.optsWidthLeftSide=this.leftOptions.offsetWidth,this.leftOptions.style.display=""),this.optsDirty=!1}setOpenAmount(t,i){if(void 0!==this.tmr&&(clearTimeout(this.tmr),this.tmr=void 0),!this.item)return;const s=this.item.style;if(this.openAmount=t,i&&(s.transition=""),t>0)this.state=t>=this.optsWidthRightSide+30?40:8;else{if(!(t<0))return this.gesture&&this.gesture.enable(!1),this.tmr=setTimeout((()=>{this.state=2,this.tmr=void 0,this.gesture&&this.gesture.enable(!this.disabled)}),600),l=void 0,void(s.transform="");this.state=t<=-this.optsWidthLeftSide-30?80:16}s.transform=`translate3d(${-t}px,0,0)`,this.ionDrag.emit({amount:t,ratio:this.getSlidingRatioSync()})}getSlidingRatioSync(){return this.openAmount>0?this.openAmount/this.optsWidthRightSide:this.openAmount<0?this.openAmount/this.optsWidthLeftSide:0}render(){const t=n(this);return s(h,{class:{[t]:!0,"item-sliding-active-slide":2!==this.state,"item-sliding-active-options-end":0!=(8&this.state),"item-sliding-active-options-start":0!=(16&this.state),"item-sliding-active-swipe-end":0!=(32&this.state),"item-sliding-active-swipe-start":0!=(64&this.state)}})}get el(){return e(this)}static get watchers(){return{disabled:["disabledChanged"]}}},p=(t,i,s)=>!i&&s||t&&i;c.style="ion-item-sliding{display:block;position:relative;width:100%;overflow:hidden;user-select:none}ion-item-sliding .item{user-select:none}.item-sliding-active-slide .item{position:relative;transition:transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);opacity:1;z-index:2;pointer-events:none;will-change:transform}.item-sliding-active-swipe-end .item-options-end .item-option-expandable{padding-left:100%;order:1;transition-duration:0.6s;transition-property:padding-left}[dir=rtl] .item-sliding-active-swipe-end .item-options-end .item-option-expandable,:host-context([dir=rtl]) .item-sliding-active-swipe-end .item-options-end .item-option-expandable{order:-1}.item-sliding-active-swipe-start .item-options-start .item-option-expandable{padding-right:100%;order:-1;transition-duration:0.6s;transition-property:padding-right}[dir=rtl] .item-sliding-active-swipe-start .item-options-start .item-option-expandable,:host-context([dir=rtl]) .item-sliding-active-swipe-start .item-options-start .item-option-expandable{order:1}";export{c as ion_item_sliding}
+import{r as t,i,h as s,e,H as h}from"./p-ee1e0eb4.js";import{g as n}from"./p-871106e0.js";import{f as o,d as a,r}from"./p-ad102371.js";import{l as d}from"./p-17eb4633.js";import"./p-a208ab2d.js";let l;const c=class{constructor(s){t(this,s),this.ionDrag=i(this,"ionDrag",7),this.item=null,this.openAmount=0,this.initialOpenAmount=0,this.optsWidthRightSide=0,this.optsWidthLeftSide=0,this.sides=0,this.optsDirty=!0,this.contentEl=null,this.initialContentScrollY=!0,this.state=2,this.disabled=!1}disabledChanged(){this.gesture&&this.gesture.enable(!this.disabled)}async connectedCallback(){this.item=this.el.querySelector("ion-item"),this.contentEl=o(this.el),await this.updateOptions(),this.gesture=(await import("./p-e9431eeb.js")).createGesture({el:this.el,gestureName:"item-swipe",gesturePriority:100,threshold:5,canStart:t=>this.canStart(t),onStart:()=>this.onStart(),onMove:t=>this.onMove(t),onEnd:t=>this.onEnd(t)}),this.disabledChanged()}disconnectedCallback(){this.gesture&&(this.gesture.destroy(),this.gesture=void 0),this.item=null,this.leftOptions=this.rightOptions=void 0,l===this.el&&(l=void 0)}getOpenAmount(){return Promise.resolve(this.openAmount)}getSlidingRatio(){return Promise.resolve(this.getSlidingRatioSync())}async open(t){if(null===this.item)return;const i=this.getOptions(t);i&&(void 0===t&&(t=i===this.leftOptions?"start":"end"),t=d(t)?"end":"start",this.openAmount<0&&i===this.leftOptions||this.openAmount>0&&i===this.rightOptions||(this.closeOpened(),this.state=4,requestAnimationFrame((()=>{this.calculateOptsWidth(),l=this.el,this.setOpenAmount("end"===t?this.optsWidthRightSide:-this.optsWidthLeftSide,!1),this.state="end"===t?8:16}))))}async close(){this.setOpenAmount(0,!0)}async closeOpened(){return void 0!==l&&(l.close(),l=void 0,!0)}getOptions(t){return void 0===t?this.leftOptions||this.rightOptions:"start"===t?this.leftOptions:this.rightOptions}async updateOptions(){const t=this.el.querySelectorAll("ion-item-options");let i=0;this.leftOptions=this.rightOptions=void 0;for(let s=0;s<t.length;s++){const e=t.item(s),h=void 0!==e.componentOnReady?await e.componentOnReady():e;"start"==(d(h.side)?"end":"start")?(this.leftOptions=h,i|=1):(this.rightOptions=h,i|=2)}this.optsDirty=!0,this.sides=i}canStart(t){return!("rtl"===document.dir?window.innerWidth-t.startX<15:t.startX<15)&&(l&&l!==this.el&&this.closeOpened(),!(!this.rightOptions&&!this.leftOptions))}onStart(){this.item=this.el.querySelector("ion-item");const{contentEl:t}=this;t&&(this.initialContentScrollY=a(t)),l=this.el,void 0!==this.tmr&&(clearTimeout(this.tmr),this.tmr=void 0),0===this.openAmount&&(this.optsDirty=!0,this.state=4),this.initialOpenAmount=this.openAmount,this.item&&(this.item.style.transition="none")}onMove(t){this.optsDirty&&this.calculateOptsWidth();let i,s=this.initialOpenAmount-t.deltaX;switch(this.sides){case 2:s=Math.max(0,s);break;case 1:s=Math.min(0,s);break;case 3:break;case 0:return;default:console.warn("invalid ItemSideFlags value",this.sides)}s>this.optsWidthRightSide?(i=this.optsWidthRightSide,s=i+.55*(s-i)):s<-this.optsWidthLeftSide&&(i=-this.optsWidthLeftSide,s=i+.55*(s-i)),this.setOpenAmount(s,!1)}onEnd(t){const{contentEl:i,initialContentScrollY:s}=this;i&&r(i,s);const e=t.velocityX;let h=this.openAmount>0?this.optsWidthRightSide:-this.optsWidthLeftSide;const n=this.openAmount>0==!(e<0),o=Math.abs(e)>.3,a=Math.abs(this.openAmount)<Math.abs(h/2);p(n,o,a)&&(h=0);const d=this.state;this.setOpenAmount(h,!0),0!=(32&d)&&this.rightOptions?this.rightOptions.fireSwipeEvent():0!=(64&d)&&this.leftOptions&&this.leftOptions.fireSwipeEvent()}calculateOptsWidth(){this.optsWidthRightSide=0,this.rightOptions&&(this.rightOptions.style.display="flex",this.optsWidthRightSide=this.rightOptions.offsetWidth,this.rightOptions.style.display=""),this.optsWidthLeftSide=0,this.leftOptions&&(this.leftOptions.style.display="flex",this.optsWidthLeftSide=this.leftOptions.offsetWidth,this.leftOptions.style.display=""),this.optsDirty=!1}setOpenAmount(t,i){if(void 0!==this.tmr&&(clearTimeout(this.tmr),this.tmr=void 0),!this.item)return;const s=this.item.style;if(this.openAmount=t,i&&(s.transition=""),t>0)this.state=t>=this.optsWidthRightSide+30?40:8;else{if(!(t<0))return this.gesture&&this.gesture.enable(!1),this.tmr=setTimeout((()=>{this.state=2,this.tmr=void 0,this.gesture&&this.gesture.enable(!this.disabled)}),600),l=void 0,void(s.transform="");this.state=t<=-this.optsWidthLeftSide-30?80:16}s.transform=`translate3d(${-t}px,0,0)`,this.ionDrag.emit({amount:t,ratio:this.getSlidingRatioSync()})}getSlidingRatioSync(){return this.openAmount>0?this.openAmount/this.optsWidthRightSide:this.openAmount<0?this.openAmount/this.optsWidthLeftSide:0}render(){const t=n(this);return s(h,{class:{[t]:!0,"item-sliding-active-slide":2!==this.state,"item-sliding-active-options-end":0!=(8&this.state),"item-sliding-active-options-start":0!=(16&this.state),"item-sliding-active-swipe-end":0!=(32&this.state),"item-sliding-active-swipe-start":0!=(64&this.state)}})}get el(){return e(this)}static get watchers(){return{disabled:["disabledChanged"]}}},p=(t,i,s)=>!i&&s||t&&i;c.style="ion-item-sliding{display:block;position:relative;width:100%;overflow:hidden;user-select:none}ion-item-sliding .item{user-select:none}.item-sliding-active-slide .item{position:relative;transition:transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);opacity:1;z-index:2;pointer-events:none;will-change:transform}.item-sliding-active-swipe-end .item-options-end .item-option-expandable{padding-left:100%;order:1;transition-duration:0.6s;transition-property:padding-left}[dir=rtl] .item-sliding-active-swipe-end .item-options-end .item-option-expandable,:host-context([dir=rtl]) .item-sliding-active-swipe-end .item-options-end .item-option-expandable{order:-1}.item-sliding-active-swipe-start .item-options-start .item-option-expandable{padding-right:100%;order:-1;transition-duration:0.6s;transition-property:padding-right}[dir=rtl] .item-sliding-active-swipe-start .item-options-start .item-option-expandable,:host-context([dir=rtl]) .item-sliding-active-swipe-start .item-options-start .item-option-expandable{order:1}";export{c as ion_item_sliding}