@sparkle-learning/core 0.0.34 → 0.0.37

package/dist/esm/sparkle-facilitator-header_19.entry.js

@@ -1,24 +1,25 @@
-import { r as registerInstance, h, e as getElement, H as Host, i as createEvent, F as Fragment, c as getAssetPath, k as getContext } from './index-5568e3fa.js';
-import { m as menuController } from './index-fa5e93c5.js';
-import { S as SignalRService, t as templates, s as signalRStore } from './index-c92f99d4.js';
-import { T as TocStore, A as AuthStore, H as HttpService, c as createStore } from './auth.store-98fad96d.js';
-import { F as FacilitatorService, f as facilitatorStore } from './facilitator.service-1524bf89.js';
-import { m as modalController, h as alertController } from './overlays-5c777f10.js';
-import { A as AppDataService, g as goalStore, F as FeedService, f as feedStore } from './feed.service-4900fc62.js';
+import { r as registerInstance, h, e as getElement, H as Host, i as createEvent, F as Fragment, c as getAssetPath, k as getContext } from './index-c04b9ed5.js';
+import { m as menuController } from './index-dedabca0.js';
+import { S as SignalRService, t as templates, s as signalRStore } from './index-f9b9ba5d.js';
+import { T as TocStore, A as AuthStore, c as createStore } from './auth.store-633e8414.js';
+import { F as FacilitatorService, f as facilitatorStore } from './facilitator.service-8fd435bf.js';
+import { H as HttpService } from './httpService-61864992.js';
+import { m as modalController, h as alertController } from './overlays-bdd9344a.js';
+import { A as AppDataService, g as goalStore, F as FeedService, f as feedStore } from './feed.service-ace049e5.js';
 import { E as EnvironmentConfigService } from './environment-config.service-2b5d692b.js';
 import { A as AssetsService } from './assets.service-66e848b8.js';
 import { b as MyHealthTemplate, S as SparkleGlobal$1, c as MyHealthTemplateJSON, d as MyMoodTemplate, e as MyMoodTemplateJSON } from './util-a831d09d.js';
-import { A as AuthService, s as setupConfig } from './auth.service-7ab0ac58.js';
-import { u as userStore } from './user.store-e6ff7558.js';
-import { S as StudentService } from './student.service-c2f44f3a.js';
-import { i as injectHistory } from './injectHistory-52d0c7eb.js';
+import { A as AuthService, s as setupConfig } from './auth.service-9fb86455.js';
+import { u as userStore } from './user.store-b8645067.js';
+import { S as StudentService } from './student.service-e6eb1f99.js';
+import { i as injectHistory } from './injectHistory-968f626d.js';
 import { m as matchPath, a as matchesAreEqual, s as stripTrailingSlash, b as addLeadingSlash, c as createLocation, d as createKey, h as hasBasename, e as stripBasename, f as createPath, g as stripLeadingSlash, l as locationsAreEqual } from './match-path-36fdf5c7.js';
-import { A as ActiveRouter } from './active-router-909088d6.js';
-import { s as storageAvailable, a as supportsHistory, b as supportsPopStateOnHashChange, g as getConfirmation, i as isExtraneousPopstateEvent, c as supportsGoWithoutReloadUsingHash } from './dom-utils-8e73e88b.js';
-import './hardware-back-button-b6ccf74a.js';
-import './helpers-9d0930de.js';
-import './ionic-global-0939c477.js';
-import './animation-7b083379.js';
+import { A as ActiveRouter } from './active-router-fc9e4e06.js';
+import { s as storageAvailable, a as supportsHistory, b as supportsPopStateOnHashChange, g as getConfirmation, c as isExtraneousPopstateEvent, d as supportsGoWithoutReloadUsingHash } from './dom-utils-109a7d75.js';
+import './hardware-back-button-fa04d6e9.js';
+import './helpers-03073fe4.js';
+import './ionic-global-4903e23e.js';
+import './animation-e0716b39.js';
 import './localstorage.service-4bf408c8.js';
 
 const facilitatorHeaderCss = "sparkle-facilitator-header{background-color:var(--background);box-shadow:0px 1px 3px rgba(2, 8, 20, 0.06), 0px 1px 2px rgba(2, 8, 20, 0.04);color:var(--text-color--light);display:block;font-size:14px;font-weight:500;line-height:1;position:fixed;top:0;left:0;transform:translateY(0);transition:transform 200ms ease;user-select:none;width:100%;white-space:nowrap;z-index:2}@media (min-width: 768px){.Layout:not(.is-menu-toggled) sparkle-facilitator-header.hidden{transform:translateY(-100%)}}@media (max-width: 768px){.Layout.is-menu-toggled sparkle-facilitator-header.hidden{transform:translateY(-100%)}}sparkle-facilitator-header header{align-items:center;display:flex;height:var(--header-height);padding:0 1.4rem 0 0.8rem}sparkle-facilitator-header a{color:inherit;font-weight:500;padding:10px 0}sparkle-facilitator-header ion-icon{font-size:16px;color:#B2BECD}sparkle-facilitator-header .link-active{color:var(--ion-color-sparkle)}@media (hover: hover){sparkle-facilitator-header a:not(.link-active):hover{color:var(--text-color)}}sparkle-facilitator-header sparkle-menu-toggle{flex:none;margin-right:0.75em}sparkle-facilitator-header .HeaderLogo{color:var(--text-color--dark);font-family:var(--heading-font-family);height:25px;margin-right:2em;display:flex;justify-content:center;align-items:center;font-size:1.5em}sparkle-facilitator-header .SectionNav stencil-route{display:flex}sparkle-facilitator-header .SectionNav .Dropdown{align-self:center;color:var(--text-color);margin-right:0.75em}sparkle-facilitator-header .SectionNav .Dropdown-button{border:solid 1px #DEE3EA;border-radius:6px;color:var(--text-color--dark);padding:10px;transition:border-color 100ms ease}sparkle-facilitator-header .SectionNav .Dropdown.is-open .Dropdown-button{border-color:var(--line-rule-color)}sparkle-facilitator-header .SectionNav .Dropdown-panel{min-width:180px}sparkle-facilitator-header .SectionNav .Dropdown-panel a{display:flex;justify-content:space-between}sparkle-facilitator-header .SectionNav .Dropdown-panel svg{height:1em;width:1em}sparkle-facilitator-header .SectionNav .Dropdown-panel .Nav-link{margin-left:0;margin-right:0}sparkle-facilitator-header .SectionNav-tabs>*{align-items:center;display:inline-flex;height:var(--header-height);margin-right:1em;padding:0px 1em;position:relative}sparkle-facilitator-header .SectionNav-tabs .link-active:after{background-color:currentColor;bottom:0;content:\"\";display:block;height:2px;left:0;position:absolute;width:100%}sparkle-facilitator-header .UtilNav{align-items:center;display:flex;font-size:12px;margin-left:auto}sparkle-facilitator-header .UtilNav>*{margin-left:1em}sparkle-facilitator-header .UtilNav .Dropdown.is-open{color:var(--text-color)}sparkle-facilitator-header .UtilNav .Dropdown-button{padding:10px 0}@media (hover: hover){sparkle-facilitator-header .UtilNav .Dropdown-button:hover{color:var(--text-color)}}sparkle-facilitator-header .UtilNav .Dropdown-panel{font-size:14px}sparkle-facilitator-header .girls-inc-logo{display:block;max-width:40px;max-height:40px;width:auto;height:auto}";

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

@@ -1,10 +1,11 @@
-import { h, r as registerInstance, H as Host, e as getElement } from './index-5568e3fa.js';
-import { t as toastController } from './overlays-5c777f10.js';
-import { F as FacilitatorService, f as facilitatorStore } from './facilitator.service-1524bf89.js';
-import './ionic-global-0939c477.js';
-import './hardware-back-button-b6ccf74a.js';
-import './helpers-9d0930de.js';
-import './auth.store-98fad96d.js';
+import { h, r as registerInstance, H as Host, e as getElement } from './index-c04b9ed5.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-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,14 +1,115 @@
-import { r as registerInstance, h, H as Host } from './index-5568e3fa.js';
+import { r as registerInstance, h, e as getElement } from './index-c04b9ed5.js';
+import { E as EnvironmentConfigService } from './environment-config.service-2b5d692b.js';
+import './auth.store-633e8414.js';
 
-const sparkleFeedPostCss = ":host{display:block}";
+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}";
 
 const SparkleFeedPost = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
   }
+  // @Prop({ connect: 'ion-toast-controller' })
+  // toastCtrl: HTMLIonToastControllerElement;
+  componentDidLoad() {
+    this.postText = this.textValue;
+  }
+  setText(text) {
+    this.postText = text;
+  }
+  // async postToFeed() {
+  //   const sparkleConfig: EnvironmentSparkleConfig = EnvironmentConfigService.getInstance().get('sparkle');
+  //   const tocData = await AssetsService.getInstance().loadJsonFile<ICourse>(sparkleConfig.tocPath);
+  //   var model = {
+  //     CourseId: tocData.id,
+  //     MiniAppId: SparkleGlobal.MY_GOALS_APP_ID,
+  //     PostText: MyGoalTemplate(this.name.value, this.goalUpdateText.value, this.progress),
+  //     PostTextJSON: MyGoalTemplateJSON(this.name.value, this.goalUpdateText.value, this.progress),
+  //     IsPublic: this.public,
+  //     ExternalResourceUrl: "",
+  //   }
+  //   const result = await FeedService.getInstance().createPost(model);
+  //   if (result.Succeeded) {
+  //     //show success toast
+  //   }
+  // }
+  isAuthenticated() {
+    try {
+      var sparkleConfig = EnvironmentConfigService.getInstance().get('sparkle');
+      if (!!sparkleConfig && !!sparkleConfig.auth && !!sparkleConfig.auth.getToken()) {
+        return true;
+      }
+    }
+    catch (_a) {
+      return false;
+    }
+  }
+  submitPost() {
+    this.errorMessage = '';
+    this.successMessage = '';
+    //let formData = new FormData(this.el.querySelector("form")) as any;
+    //var postText = this.el.getElementsByClassName("PostText")[0] as HTMLInputElement;
+    this.el.getElementsByClassName('PostExternalUrl')[0];
+    this.el.getElementsByClassName('IsPublic')[0];
+    // this.dataSvc.saveData(data, '/api/class/feed').subscribe(
+    //   x => {
+    //     this.successMessage = 'Posted Successfully.';
+    //     // this.presentToast('Success');
+    //   },
+    //   error => {
+    //     this.errorMessage = 'There is an error while posting.';
+    //     //  this.presentToast('There is an error');
+    //   },
+    // );
+    //TODO can we return data from the dataSvc so we know if it's successful and can update the form? (Perhaps replace it with the post itself?)
+    // if (this.assignmentName) {
+    //   data.AssignmentData = JSON.stringify({ text: data.PostText, url: data.ExternalResourceUrl });
+    //   this.dataSvc.saveData(data, '/api/student/assignment-response').subscribe(
+    //     x => {
+    //       this.successMessage = 'Posted Successfully.';
+    //       // this.presentToast('Success');
+    //     },
+    //     error => {
+    //       this.errorMessage = 'There is an error while posting.';
+    //       //  this.presentToast('There is an error');
+    //     },
+    //   );
+    // }
+  }
+  uploadImage(evt) {
+    // this.uploadImageLoading = true;
+    // var files = evt.target.files;
+    // this.dataSvc.uploadImage(files, '/api/mediaitems/upload').subscribe(
+    //   x => {
+    //     this.uploadImageLoading = false;
+    //     this.uploadedImage = x.length > 0 ? x[0].FullImageUrl : '';
+    //     this.externalResourceUrl = x.length > 0 ? x[0].FullImageUrl : '';
+    //     //this.successMessage = 'Posted Successfully.'
+    //     // this.presentToast('Success');
+    //   },
+    //   error => {
+    //     this.uploadImageLoading = false;
+    //     this.errorMessage = 'There is an error while uploading an image.';
+    //   },
+    // );
+  }
+  selectFile() {
+    var fileInput = document.getElementById('fileInput');
+    fileInput.click();
+  }
+  renderUserInfo() {
+    var tokenInfo = { Token: null, ProfileImageUrl: null };
+    if (tokenInfo != null && tokenInfo.Token) {
+      return (h("ion-avatar", { class: "header-avatar", slot: "end" }, h("img", { src: "/assets/img/avatar.png" })));
+    }
+    else {
+      return (h("ion-button", { slot: "end", href: "/login" }, "Login to Post"));
+    }
+  }
   render() {
-    return (h(Host, null, h("slot", null)));
+    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")))))));
   }
+  get el() { return getElement(this); }
 };
 SparkleFeedPost.style = sparkleFeedPostCss;
 

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

@@ -1,12 +1,13 @@
-import { r as registerInstance, h, H as Host, e as getElement } from './index-5568e3fa.js';
-import { S as StudentService } from './student.service-c2f44f3a.js';
-import { t as toastController } from './overlays-5c777f10.js';
-import './auth.store-98fad96d.js';
+import { r as registerInstance, h, H as Host, e as getElement } from './index-c04b9ed5.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-e6ff7558.js';
-import './ionic-global-0939c477.js';
-import './hardware-back-button-b6ccf74a.js';
-import './helpers-9d0930de.js';
+import './user.store-b8645067.js';
+import './ionic-global-4903e23e.js';
+import './hardware-back-button-fa04d6e9.js';
+import './helpers-03073fe4.js';
 
 const sparkleFeedbackCss = ":host{display:block}";
 

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

@@ -1,13 +1,14 @@
-import { r as registerInstance, h, e as getElement } from './index-5568e3fa.js';
+import { r as registerInstance, h, e as getElement } from './index-c04b9ed5.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-4900fc62.js';
-import './auth.store-98fad96d.js';
-import './overlays-5c777f10.js';
-import './ionic-global-0939c477.js';
-import './hardware-back-button-b6ccf74a.js';
-import './helpers-9d0930de.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-03073fe4.js';
 
 const sparkleGoalFormCss = ":host{display:block}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-5568e3fa.js';
+import { r as registerInstance, h, H as Host } from './index-c04b9ed5.js';
 
 const 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}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, c as getAssetPath, H as Host, e as getElement } from './index-5568e3fa.js';
+import { r as registerInstance, h, c as getAssetPath, H as Host, e as getElement } from './index-c04b9ed5.js';
 
 const sparkleGwwCommentListCss = ":host{display:block}.avatar{width:30px;height:30px}";
 

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

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

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, c as getAssetPath, H as Host } from './index-5568e3fa.js';
-import { m as modalController } from './overlays-5c777f10.js';
+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-0939c477.js';
-import './hardware-back-button-b6ccf74a.js';
-import './helpers-9d0930de.js';
+import './ionic-global-4903e23e.js';
+import './hardware-back-button-fa04d6e9.js';
+import './helpers-03073fe4.js';
 
 var PostVisibility;
 (function (PostVisibility) {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, e as getElement } from './index-5568e3fa.js';
+import { r as registerInstance, h, e as getElement } from './index-c04b9ed5.js';
 
 const 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}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-5568e3fa.js';
+import { r as registerInstance, h } from './index-c04b9ed5.js';
 
 const sparkleLowerContentNavCss = "lower-content-nav{display:flex;justify-content:space-between}lower-content-nav>stencil-route-link{display:inline-block}";
 

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

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

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, e as getElement, k as getContext } from './index-5568e3fa.js';
-import { M as Menu } from './icons-05b6ce86.js';
-import { A as ActiveRouter } from './active-router-909088d6.js';
+import { 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}";

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-5568e3fa.js';
+import { r as registerInstance, h, H as Host } from './index-c04b9ed5.js';
 
 const 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/esm/sparkle-notfound-page.entry.js

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

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

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

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

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

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

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

package/dist/esm/{sparkle-quiz.entry.js → sparkle-quiz-v1.entry.js}

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, h, e as getElement } from './index-5568e3fa.js';
+import { r as registerInstance, i as createEvent, h, e as getElement } from './index-c04b9ed5.js';
 import { A as AssetsService } from './assets.service-66e848b8.js';
 import { E as EnvironmentConfigService } from './environment-config.service-2b5d692b.js';
 
-const sparkleQuizCss = "sparkle-quiz{display:block;font-family:var(--font-family);--sparkle-quiz-question-container-padding:10px 0px;--sparkle-quiz-question-container-margin:0px;--sparkle-quiz-question-text-padding:10px 0px;--sparkle-quiz-option-border:2px solid var(--line-rule-color);--sparkle-quiz-selected-option-border:2px solid var(--text-color--dark);--sparkle-quiz-option-border-radius:4px;--sparkle-quiz-option-padding:5px 10px;--sparkle-quiz-option-width:100%;--sparkle-quiz-error-bg-color:#fbaeae;--sparkle-quiz-success-bg-color:#fbaeae;padding:var(--sparkle-quiz-question-container-padding);margin:var(--sparkle-quiz-question-container-margin)}.question-text{padding:var(--sparkle-quiz-question-text-padding)}.option{padding:5px 0px}.number{padding:0px 14px;border:1px solid #ebebeb;border-radius:4px;margin-right:10px;font-size:14px;width:14px;display:inline-flex;justify-content:center}.feedback-container{padding:10px;border-radius:4px}.incorrect .feedback-container{background-color:var(--sparkle-quiz-error-bg-color, #fbaeae)}.correct .feedback-container{background-color:var(--sparkle-quiz-success-bg-color, #fbaeae)}";
+const sparkleQuizV1Css = "sparkle-quiz-v1{display:block;font-family:var(--font-family);--sparkle-quiz-question-container-padding:10px 0px;--sparkle-quiz-question-container-margin:0px;--sparkle-quiz-question-text-padding:10px 0px;--sparkle-quiz-option-border:2px solid var(--line-rule-color);--sparkle-quiz-selected-option-border:2px solid var(--text-color--dark);--sparkle-quiz-option-border-radius:4px;--sparkle-quiz-option-padding:5px 10px;--sparkle-quiz-option-width:100%;--sparkle-quiz-error-bg-color:#fbaeae;--sparkle-quiz-success-bg-color:#fbaeae;padding:var(--sparkle-quiz-question-container-padding);margin:var(--sparkle-quiz-question-container-margin)}.question-text{padding:var(--sparkle-quiz-question-text-padding)}.option{padding:5px 0px}.number{padding:0px 14px;border:1px solid #ebebeb;border-radius:4px;margin-right:10px;font-size:14px;width:14px;display:inline-flex;justify-content:center}.feedback-container{padding:10px;border-radius:4px}.incorrect .feedback-container{background-color:var(--sparkle-quiz-error-bg-color, #fbaeae)}.correct .feedback-container{background-color:var(--sparkle-quiz-success-bg-color, #fbaeae)}";
 
-const SparkleQuiz = class {
+const SparkleQuizV1 = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.quizAnswerChanged = createEvent(this, "quizAnswerChanged", 7);
@@ -96,6 +96,6 @@ const SparkleQuiz = class {
     "questionId": ["loadQuestion"]
   }; }
 };
-SparkleQuiz.style = sparkleQuizCss;
+SparkleQuizV1.style = sparkleQuizV1Css;
 
-export { SparkleQuiz as sparkle_quiz };
+export { SparkleQuizV1 as sparkle_quiz_v1 };

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-5568e3fa.js';
+import { r as registerInstance, h, H as Host } from './index-c04b9ed5.js';
 
 const sparkleValidationErrorCss = ":host{display:block}sparkle-validation-error ul{padding:10px 0px}sparkle-validation-error .alert-danger{margin-top:10px;font-size:12px}";
 

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

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

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

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