@sparkle-learning/core 0.0.32 → 0.0.35

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

@@ -2,13 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bae2a754.js');
-const overlays = require('./overlays-0a748609.js');
-const facilitator_service = require('./facilitator.service-faac5c0c.js');
-require('./ionic-global-878073d1.js');
-require('./hardware-back-button-f7b5d99e.js');
-require('./helpers-7e28976c.js');
-require('./auth.store-ff3fda09.js');
+const index = require('./index-51e8292e.js');
+const overlays = require('./overlays-32df265a.js');
+const facilitator_service = require('./facilitator.service-9e990274.js');
+require('./ionic-global-2cde9d3a.js');
+require('./hardware-back-button-92d97ff8.js');
+require('./helpers-c2496722.js');
+require('./httpService-7211d93b.js');
+require('./auth.store-1e630a7d.js');
 require('./environment-config.service-0e02b049.js');
 
 const LoadingSpinner = () => (index.h("div", { class: "spinner-border", role: "status" }));

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

@@ -2,14 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bae2a754.js');
-const student_service = require('./student.service-744c3155.js');
-const overlays = require('./overlays-0a748609.js');
-require('./auth.store-ff3fda09.js');
+const index = require('./index-51e8292e.js');
+const student_service = require('./student.service-d48f1c99.js');
+const overlays = require('./overlays-32df265a.js');
+require('./httpService-7211d93b.js');
+require('./auth.store-1e630a7d.js');
 require('./environment-config.service-0e02b049.js');
-require('./ionic-global-878073d1.js');
-require('./hardware-back-button-f7b5d99e.js');
-require('./helpers-7e28976c.js');
+require('./user.store-8a049c4e.js');
+require('./ionic-global-2cde9d3a.js');
+require('./hardware-back-button-92d97ff8.js');
+require('./helpers-c2496722.js');
 
 const sparkleFeedbackCss = ":host{display:block}";
 

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

@@ -2,16 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bae2a754.js');
+const index = require('./index-51e8292e.js');
 const util = require('./util-d383acb8.js');
 const environmentConfig_service = require('./environment-config.service-0e02b049.js');
 const assets_service = require('./assets.service-0c759d51.js');
-const feed_service = require('./feed.service-66405969.js');
-require('./auth.store-ff3fda09.js');
-require('./overlays-0a748609.js');
-require('./ionic-global-878073d1.js');
-require('./hardware-back-button-f7b5d99e.js');
-require('./helpers-7e28976c.js');
+const feed_service = require('./feed.service-b4f09441.js');
+require('./httpService-7211d93b.js');
+require('./auth.store-1e630a7d.js');
+require('./overlays-32df265a.js');
+require('./ionic-global-2cde9d3a.js');
+require('./hardware-back-button-92d97ff8.js');
+require('./helpers-c2496722.js');
 
 const sparkleGoalFormCss = ":host{display:block}";
 

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

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-51e8292e.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) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: "progress-container" }, index.h("div", { id: "progress-bar", style: { "--p": this.percentage + "%" } }), index.h("strong", { class: "percentage" }, this.percentage, "%"))));
+  }
+};
+SparkleGoalProgress.style = sparkleGoalProgressCss;
+
+exports.sparkle_goal_progress = SparkleGoalProgress;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bae2a754.js');
+const index = require('./index-51e8292e.js');
 
 const sparkleGwwCommentListCss = ":host{display:block}.avatar{width:30px;height:30px}";
 

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

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

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

@@ -0,0 +1,74 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-51e8292e.js');
+const overlays = require('./overlays-32df265a.js');
+const util = require('./util-d383acb8.js');
+require('./ionic-global-2cde9d3a.js');
+require('./hardware-back-button-92d97ff8.js');
+require('./helpers-c2496722.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) {
+    index.registerInstance(this, hostRef);
+  }
+  async presentModal(comments) {
+    const modal = await overlays.modalController.create({
+      component: "sparkle-gww-comment-list",
+      componentProps: { comments: comments }
+    });
+    await modal.present();
+  }
+  clearCommentField() {
+    this.comment = "";
+  }
+  renderMyMoodTemplate(data) {
+    return (index.h("div", null, index.h("b", null, "Mood:"), " ", data.Mood, index.h("br", null), index.h("b", null, "Level:"), " ", data.Level, index.h("br", null), index.h("img", { src: data.MoodImage }), "`"));
+  }
+  renderMyHealthTemplate(data) {
+    return (index.h("div", null, index.h("b", null, "Heart rate:"), " ", data.HeartRate, " bpm "));
+  }
+  renderMyGoalTemplate(data) {
+    return (index.h("div", null, index.h("b", null, "Goal: "), " ", data.GoalTitle, " ", index.h("br", null), index.h("b", null, "Update Text: "), " ", data.GoalText, " ", index.h("br", null), index.h("sparkle-goal-progress", { percentage: data.GoalProgress })));
+  }
+  renderTemplate() {
+    if (this.post.PostTextJSON) {
+      var parseData = JSON.parse(this.post.PostTextJSON);
+      if (this.post.MiniAppId == util.SparkleGlobal.MY_GOALS_APP_ID) {
+        return this.renderMyGoalTemplate(parseData);
+      }
+      else if (this.post.MiniAppId == util.SparkleGlobal.MY_HEALTH_APP_ID) {
+        return this.renderMyHealthTemplate(parseData);
+      }
+      else if (this.post.MiniAppId == util.SparkleGlobal.MY_MOOD_APP_ID) {
+        return this.renderMyMoodTemplate(parseData);
+      }
+    }
+    else {
+      return ([
+        index.h("div", { innerHTML: this.post.PostText }),
+        this.post.ExternalResourceUrl && index.h("div", null, index.h("img", { src: this.post.ExternalResourceUrl, class: "external-src-image" }))
+      ]);
+    }
+  }
+  render() {
+    return (index.h(index.Host, { class: {
+        'Card': true,
+      } }, index.h("ion-item", { class: "header-item" }, index.h("ion-avatar", { class: "header-avatar", slot: "start" }, index.h("img", { src: this.post.ProfileImageUrl ? this.post.ProfileImageUrl : index.getAssetPath("/assets/img/user.png") })), index.h("div", null, index.h("strong", { class: "requester-name", "text-capitalize": true }, this.post.Name), index.h("div", null, index.h("small", null, " ", util.date(this.post.CreatedOn)))), index.h("div", { slot: "end" }, index.h("ion-icon", { color: "primary", name: this.post.PostVisibility == PostVisibility.Public ? "globe-outline" : "eye-outline" }))), index.h("div", { class: "ion-padding" }, this.renderTemplate()), index.h("div", { class: "footer" }, this.post.Comments.length > 0 &&
+      index.h("div", { class: "comment-overview", slot: "end" }, " ", index.h("small", { onClick: () => this.post.Comments.length > 0 && this.presentModal(this.post.Comments) }, "Comments (", this.post.Comments.length, ")")), this.post.Comments.map((item) => {
+      index.h("ion-item", { class: "comment-box", onClick: () => this.presentModal(this.post.Comments) }, index.h("ion-avatar", { class: "footer-avatar", slot: "start" }, index.h("img", { src: item.ProfileImageUrl ? item.ProfileImageUrl : "/assets/img/user.png" })), index.h("small", null, index.h("b", null, item.Name), " ", item.Comment), index.h("ion-icon", { slot: "end", name: "git-merge", color: "primary" }));
+    }), index.h("hr", null), index.h("ion-item", { class: "comment-footer" }, index.h("ion-avatar", { class: "footer-avatar", slot: "start" }, index.h("img", { src: index.getAssetPath("/assets/img/user.png") })), index.h("ion-input", { value: this.comment, onIonChange: (e) => this.comment = e.target.value, type: "text", placeholder: "Write a comment" }), index.h("ion-button", { onClick: () => this.onPostComment({ Comment: this.comment, PostId: this.post.Id }), slot: "end", size: "small", disabled: !this.comment || this.loading }, this.loading ? index.h("ion-spinner", { name: "dots" }) : "POST COMMENT")))));
+  }
+};
+SparkleGwwItem.style = sparkleGwwItemCss;
+
+exports.sparkle_gww_item = SparkleGwwItem;

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

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-51e8292e.js');
+
+const sparkleIntroCss = ".people{display:flex}.character-intro{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) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() { }
+  introOnMouseOver(description, event) {
+    this.description = description;
+    console.log(event);
+    event.target.style.opacity = 1;
+  }
+  render() {
+    return (index.h("div", null, index.h("div", { class: "people" }, index.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) }, index.h("img", { src: "/assets/img/characters/zynab.png" })), index.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) }, index.h("img", { src: "/assets/img/characters/kimberly.png" })), index.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) }, index.h("img", { src: "/assets/img/characters/jen.png" })), index.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) }, index.h("img", { src: "/assets/img/characters/yuna.png" })), index.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) }, index.h("img", { src: "/assets/img/characters/valeria.png" }))), index.h("div", { class: "people-description" }, this.description ? index.h("div", { class: "character-intro", innerHTML: this.description }) : '')));
+  }
+  get el() { return index.getElement(this); }
+};
+SparkleIntro.style = sparkleIntroCss;
+
+exports.sparkle_intro = SparkleIntro;

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

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

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bae2a754.js');
-const icons = require('./icons-80d477f6.js');
+const index = require('./index-51e8292e.js');
+const icons = require('./icons-c61db785.js');
 
 const collapsibleCss = "collapsible{}";
 

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

@@ -0,0 +1,236 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-51e8292e.js');
+const icons = require('./icons-c61db785.js');
+const activeRouter = require('./active-router-f9e18bd8.js');
+const matchPath = require('./match-path-84c9f7ca.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) {
+    index.registerInstance(this, hostRef);
+  }
+  hostData() {
+    return {
+      'role': 'button',
+      'tabindex': '0',
+      'aria-label': 'Toggle Menu',
+    };
+  }
+  __stencil_render() {
+    return index.h(icons.Menu, null);
+  }
+  render() { return index.h(index.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) {
+    index.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 (index.h("ul", { class: "module-list" }, this.toc &&
+      this.toc.courseModules.map(module => {
+        sessionIndex = 0;
+        if (!module.preventNumbering) {
+          moduleIndex++;
+        }
+        return (module.sessions.length > 0 && (index.h("li", null, index.h("a", { class: { 'link-active': module.urlName == this.moduleURLName }, href: module.sessions[0].urlName || '#', onClick: this.toggleParent(module) }, index.h("span", { class: "section-label" }, this.getModuleIndex(moduleIndex, module.preventNumbering), module.name, module.comingSoon && index.h("span", { class: "coming-soon" }, " Coming soon"))), index.h("ul", { class: { 'collapsed': this.selectedParent ? module !== this.selectedParent : moduleIndex !== 0, 'session-list': true } }, module.sessions.map(session => {
+          if (!session.preventNumbering) {
+            sessionIndex++;
+          }
+          return (index.h("li", { class: {
+              'active': module.urlName == this.moduleURLName && session.urlName == this.sessionURLName,
+            } }, index.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 && index.h("span", { class: "coming-soon" }, " Coming soon"))));
+        })))));
+      })));
+  }
+  get el() { return index.getElement(this); }
+  render() { return index.h(index.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.matchPath(pathname, {
+    path: url,
+    exact: exact,
+    strict: true
+  });
+};
+const isHTMLStencilRouteElement = (elm) => {
+  return elm.tagName === 'STENCIL-ROUTE';
+};
+const RouteSwitch = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.group = getUniqueId();
+    this.subscribers = [];
+    this.queue = index.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 (index.h("slot", null));
+  }
+  get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "location": ["regenerateSubscribers"]
+  }; }
+};
+activeRouter.ActiveRouter.injectProps(RouteSwitch, [
+  'location',
+  'routeViewsUpdated'
+]);
+
+exports.sparkle_menu_toggle = SparkleMenuToggle;
+exports.sparkle_nav = SparkleNav;
+exports.stencil_route_switch = RouteSwitch;

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

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

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

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

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bae2a754.js');
+const index = require('./index-51e8292e.js');
 
 const overlayCss = "sparkle-overlay{--sparkle-z-index-xl:500;--sparkle-transition-fast:0.3s;--sparkle-color-light-base:197, 209, 218;--sparkle-shadow-xl:0 20px 40px rgba(0, 0, 0, 0.2)}.sparkle-overlay{-ms-flex-align:center;align-items:center;display:flex;visibility:hidden;-ms-flex-pack:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:auto;-ms-touch-action:none;touch-action:none;opacity:0;z-index:var(--sparkle-z-index-xl)}.sparkle-overlay,.sparkle-overlay.opened{-webkit-transition:all var(--sparkle-transition-fast) ease-in-out;transition:all var(--sparkle-transition-fast) ease-in-out}.sparkle-overlay.opened{visibility:visible;opacity:1}.sparkle-overlay.opened .content{-webkit-transition:all var(--sparkle-transition-fast) ease-in-out;transition:all var(--sparkle-transition-fast) ease-in-out}.sparkle-overlay.light{background-color:rgba(var(--sparkle-color-light-base), 0.6)}.sparkle-overlay.dark{background-color:rgba(var(--sparkle-color-dark-base), 0.6)}.sparkle-overlay.absolute{position:absolute}.sparkle-overlay .scrim{border-radius:inherit;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-transition:inherit;transition:inherit;width:100%;will-change:opacity}.sparkle-overlay .content{position:relative;outline:none;-webkit-box-shadow:var(--sparkle-shadow-xl);box-shadow:var(--sparkle-shadow-xl);-webkit-transition:all var(--sparkle-transition-fast) ease-in-out;transition:all var(--sparkle-transition-fast) ease-in-out}";
 

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

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

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

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

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

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

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bae2a754.js');
+const index = require('./index-51e8292e.js');
 const assets_service = require('./assets.service-0c759d51.js');
 const environmentConfig_service = require('./environment-config.service-0e02b049.js');
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bae2a754.js');
+const index = require('./index-51e8292e.js');
 
 const selectCss = ".Select{cursor:pointer;display:inline-block;font-weight:500}.Select .Dropdown-button{align-items:center;border:solid 1px #dee3ea;border-radius:6px;display:inline-flex;justify-content:space-between;min-width:100px;padding:0.5em 1em}.Select .Dropdown-panel{padding:0.5em 0}.Select .Dropdown-arrow{margin-left:0.5em}.Select-option{--bg-alpha:0;background-color:rgba(0, 0, 0, var(--bg-alpha));padding:0.5em 1.5em}.Select-option:focus{--bg-alpha:0.025;outline:none}.Select-option--selected{--bg-alpha:0.05}.Select-option--selected:focus{--bg-alpha:0.075}@media (hover: hover){.Select-option:hover{--bg-alpha:0.025}.Select-option--selected:hover{--bg-alpha:0.075}}";
 

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

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

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

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

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bae2a754.js');
+const index = require('./index-51e8292e.js');
 
 const tableOfContentsCss = "sparkle-table-of-contents{display:block;font-size:13px;margin-bottom:2rem}sparkle-table-of-contents .Nav-header{color:var(--text-color--lighter);font-size:0.75em;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding-left:0}sparkle-table-of-contents ul{padding:0;list-style:none;line-height:1.23em}sparkle-table-of-contents .Nav-link{padding-left:0;margin-left:0}sparkle-table-of-contents a{color:inherit;display:inline-block;transition:.2s color, .3s transform ease-out}sparkle-table-of-contents .Nav-link.selected a{color:var(--accent-color);transform:translateX(2px)}";
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bae2a754.js');
+const index = require('./index-51e8292e.js');
 
 const tabsCss = ".Tabs,.Tabs-tab{display:block}.Tabs-tab:not([selected]){display:none}.Tabs-header{border-bottom:solid 1px rgba(0, 32, 88, 0.1);white-space:nowrap}.Tabs-button{--bg-alpha:0;appearance:none;background-color:rgba(0, 0, 0, var(--bg-alpha));border:none;color:var(--text-color--light);cursor:pointer;font-family:inherit;font-size:10px;font-weight:600;letter-spacing:0.04em;padding:1rem;text-transform:uppercase;transform:translateY(1px)}.Tabs-button:first-child{border-top-left-radius:6px}.Tabs-button:last-child{border-top-right-radius:6px}.Tabs-button:focus{outline:none}.Tabs-button:focus{--bg-alpha:0.015}@media (hover: hover){.Tabs-button:hover{--bg-alpha:0.015}}.Tabs-button:active{--bg-alpha:0.03}.Tabs-button.is-selected{border-bottom:solid 1px currentColor;color:var(--accent-color)}.Tabs-tab sparkle-code pre{margin-top:0}";
 

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

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-51e8292e.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) {
+    index.registerInstance(this, hostRef);
+    this.errors = [];
+  }
+  render() {
+    return (index.h(index.Host, null, this.errors.length > 0 &&
+      index.h("div", { class: "alert alert-danger", role: "alert" }, index.h("ul", null, this.errors.map(error => index.h("li", null, index.h("b", null, error.Field, ": "), error.Message))))));
+  }
+};
+SparkleValidationError.style = sparkleValidationErrorCss;
+
+exports.sparkle_validation_error = SparkleValidationError;