@sparkle-learning/core 0.0.55 → 0.0.57

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

@@ -0,0 +1,98 @@
+import { r as registerInstance, q as createEvent, k as h, o as getElement } from './index-1dec9544.js';
+import { E as EnvironmentConfigService, A as AssetsService } from './assets.service-6508aae6.js';
+
+const sparkleQuizCss = "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 {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.quizAnswerChanged = createEvent(this, "quizAnswerChanged", 7);
+  }
+  async loadQuestion() {
+    if (this.quizData) {
+      this.question = this.quizData[+this.questionId];
+    }
+  }
+  async componentWillLoad() { }
+  async componentDidLoad() {
+    const config = EnvironmentConfigService.getInstance().get('sparkle');
+    this.quizData = await AssetsService.getInstance().loadJsonFile(config.quizPath);
+    await this.loadQuestion();
+    this.quizAnswerChanged.emit({
+      question: null,
+      answer: '1',
+    });
+  }
+  quizInputChangeHandler(event) {
+    this.quizAnswerChanged.emit({
+      question: event.detail.question,
+      answer: event.detail.value,
+    });
+  }
+  quizFeedbackChangeHandler(event) {
+    this.quizAnswerChanged.emit({
+      question: event.detail.question,
+      answer: event.detail.value,
+    });
+  }
+  quizSelectChangeHandler(event) {
+    this.quizAnswerChanged.emit({
+      question: event.detail.question,
+      answer: event.detail.value,
+    });
+  }
+  quizOpinionChangeHandler(event) {
+    this.quizAnswerChanged.emit({
+      question: event.detail.question,
+      answer: event.detail.value,
+    });
+  }
+  getQuestionFeedback() {
+    if (this.question.questionType == 'MULTIPLE-CHOICE') {
+      const feedbacks = this.question.options.filter(x => x.correct == true).map(x => x.feedback);
+      return feedbacks.length > 0 && feedbacks.map(feedback => h("small", null, feedback));
+    }
+    else if (this.question.questionType == 'FEEDBACK' || this.question.questionType == 'TEXT') {
+      return this.question.feedback && h("small", null, " ", this.question.feedback);
+    }
+  }
+  showAnswerStatus() {
+    return h("div", null, this.correct ? h("strong", null, "Good job!") : h("strong", null, "Incorrect answer, please try again."));
+  }
+  renderQuestion() {
+    if (this.question.questionType == 'MULTIPLE-CHOICE') {
+      return h("sparkle-quiz-select", { question: this.question, allowMultiple: true });
+    }
+    else if (this.question.questionType == 'FEEDBACK') {
+      return h("sparkle-quiz-feedback", { question: this.question });
+    }
+    else if (this.question.questionType == 'TEXT') {
+      return h("sparkle-quiz-input", { question: this.question });
+    }
+    else if (this.question.questionType == 'OPINION') {
+      return h("sparkle-quiz-opinion", { question: this.question });
+    }
+    else if (this.question.questionType == 'POLL') {
+      return h("sparkle-quiz-poll", { question: this.question });
+    }
+  }
+  render() {
+    if (this.question) {
+      let classes = {
+        correct: this.submitted && this.correct,
+        incorrect: this.submitted && !this.correct,
+      };
+      return (h("div", { class: classes }, this.renderQuestion(), this.submitted && this.showInstantResult && h("div", { class: "feedback-container" }, [this.showAnswerStatus(), this.getQuestionFeedback()])));
+    }
+    else {
+      return h("p", null, "No question found.");
+    }
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "questionId": ["loadQuestion"]
+  }; }
+};
+SparkleQuiz.style = sparkleQuizCss;
+
+export { SparkleQuiz as sparkle_quiz };

package/dist/sparkle-core/sparkle-reset-password.entry.js

@@ -0,0 +1,96 @@
+import { r as registerInstance, k as h, n as Host, h as getAssetPath } from './index-1dec9544.js';
+import { A as AccountService } from './account.service-e711795d.js';
+import { a as AuthStore } from './index-0df264ee.js';
+import './assets.service-6508aae6.js';
+import './localstorage.service-4bf408c8.js';
+import './index-1d7a6fa0.js';
+import './utils-cae23bce.js';
+import './animation-676a644d.js';
+import './helpers-f11f0674.js';
+import './ios.transition-02531dda.js';
+import './index-183cda39.js';
+import './md.transition-f8765467.js';
+import './cubic-bezier-4c0db14f.js';
+import './index-dd414b33.js';
+import './ionic-global-127576f6.js';
+import './index-be6112f8.js';
+import './index-0af0deac.js';
+import './hardware-back-button-fa04d6e9.js';
+import './overlays-fd3cfa13.js';
+
+const sparkleResetPasswordCss = ":host{display:block}";
+
+const SparkleResetPassword = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.formControls = {
+      password: {
+        isValid: false,
+        value: '',
+        validate: value => {
+          if (value) {
+            return true;
+          }
+          else {
+            return false;
+          }
+        },
+      },
+      confirmPassword: {
+        isValid: false,
+        value: '',
+        validate: value => {
+          if (value) {
+            return true;
+          }
+          else {
+            return false;
+          }
+        },
+      },
+    };
+    this.submitted = false;
+  }
+  componentDidLoad() {
+    console.log(this.history.location.query.code);
+    console.log(this.history.location.query.email);
+  }
+  changeFormValue(controlName, value) {
+    this.formControls = Object.assign(Object.assign({}, this.formControls), { [controlName]: Object.assign(Object.assign({}, this.formControls[controlName]), { value: value, isValid: this.formControls[controlName].validate(value) }) });
+  }
+  async handleSubmit(e) {
+    e.preventDefault();
+    this.submitted = true;
+    let isFormValid = true;
+    //Run all validation functions
+    for (let controlName in this.formControls) {
+      let control = this.formControls[controlName];
+      control.validate(control.value);
+      if (!control.isValid) {
+        isFormValid = false;
+      }
+    }
+    if (isFormValid) {
+      let result = await AccountService.getInstance().resetPassword({
+        Email: this.history.location.query.email,
+        Token: this.history.location.query.code,
+        Password: this.formControls.password.value,
+        ConfirmPassword: this.formControls.confirmPassword.value,
+      });
+      if (result.Succeeded) {
+        this.history.replace('/login', {});
+      }
+      else if (result.Failed) {
+        if (result.Errors.length > 0) {
+          this.validationErrors = result.Errors;
+        }
+      }
+    }
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "login-logo" }, h("img", { src: getAssetPath("/assets/img/G3-Girls.jpg"), alt: "Girls Inc" })), h("sparkle-validation-error", { errors: this.validationErrors }), h("form", { novalidate: "true", onSubmit: (e) => this.handleSubmit(e) }, h("ion-item", null, h("ion-label", { position: "stacked", color: "primary" }, "Password"), h("ion-input", { name: "password", type: "password", value: this.formControls.password.value, onInput: (ev) => this.changeFormValue("password", ev.target.value) })), h("ion-text", { color: "danger" }, h("p", { hidden: this.formControls.password.isValid || this.submitted === false, class: "ion-padding-start" }, "Password is required")), h("ion-item", null, h("ion-label", { position: "stacked", color: "primary" }, "Confirm Password"), h("ion-input", { name: "confirmPassword", type: "password", value: this.formControls.confirmPassword.value, onInput: (ev) => this.changeFormValue("confirmPassword", ev.target.value) })), h("ion-text", { color: "danger" }, h("p", { hidden: this.formControls.confirmPassword.isValid || this.submitted === false, class: "ion-padding-start" }, "Confirm Password is required")), h("br", null), h("div", { class: "ion-padding" }, h("ion-button", { type: "submit", expand: "block", disabled: AuthStore.state.loading }, AuthStore.state.loading && h("ion-spinner", { name: "dots" }), " Reset Password")))));
+  }
+};
+SparkleResetPassword.style = sparkleResetPasswordCss;
+
+export { SparkleResetPassword as sparkle_reset_password };

package/dist/sparkle-core/sparkle-root.entry.js

@@ -0,0 +1,79 @@
+import { r as registerInstance, k as h, n as Host } from './index-1dec9544.js';
+import { s as setupConfig, H as HttpService, b as AppConsts, a as AuthStore } from './index-0df264ee.js';
+import { S as StudentService } from './student.service-f0375229.js';
+import { S as SignalRService } from './signalR.service-2b7645c1.js';
+import { i as injectHistory } from './index-faeec85a.js';
+import { g as get } from './localstorage.service-4bf408c8.js';
+import './assets.service-6508aae6.js';
+import './index-1d7a6fa0.js';
+import './utils-cae23bce.js';
+import './animation-676a644d.js';
+import './helpers-f11f0674.js';
+import './ios.transition-02531dda.js';
+import './index-183cda39.js';
+import './md.transition-f8765467.js';
+import './cubic-bezier-4c0db14f.js';
+import './index-dd414b33.js';
+import './ionic-global-127576f6.js';
+import './index-be6112f8.js';
+import './index-0af0deac.js';
+import './hardware-back-button-fa04d6e9.js';
+import './overlays-fd3cfa13.js';
+import './user.store-3d052406.js';
+import './active-router-af86c9b4.js';
+import './match-path-760e1797.js';
+import './location-utils-fea12957.js';
+
+const sparkleRootCss = ":root{--page-padding:2rem 0}sparkle-root{overflow-y:auto}.Layout{display:flex;overflow-x:hidden}.Layout>stencil-route,.Layout>stencil-route-switch{width:100%}.Layout.is-menu-toggled{--menu-transform:translateX(calc(-1 * var(--menu-width)));--page-margin-left:0}@media (max-width: 768px){.Layout{--menu-transform:translateX(calc(-1 * var(--menu-width)));--page-padding:1.5rem;--page-margin-left:0}.Layout.is-menu-toggled{--menu-transform:none;--page-transform:translateX(var(--menu-width))}.Layout.is-menu-toggled sparkle-page>*{opacity:0.2;pointer-events:none}body.scroll-lock{overflow-y:hidden}}#messagesList{display:grid;font-size:12px;font-weight:bold;grid-template-columns:1fr minmax(0, var(--page-width, 720px)) 1fr;line-height:2;margin-left:var(--page-margin-left);margin-top:var(--header-height);overflow-x:hidden;transform:var(--page-transform, none);margin-top:56px;padding:4px;background:#e50739;color:#fff}ion-toast{z-index:600000001}";
+
+const SparkleRoot = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.history = null;
+    this.handleStudentNavigationChange = url => {
+      this.history.replace(url, {});
+    };
+  }
+  async componentWillLoad() {
+    setupConfig({
+      sparkle: Object.assign(Object.assign({}, this.config), { prod: true }),
+    });
+    //return Promise.reject();
+    await HttpService.getInstance();
+    await HttpService.init();
+    let auth = await get(AppConsts.AUTH_USER_LOCALSTORAGE);
+    console.log(auth);
+    //TODO: check expiry as well
+    if (auth && auth.JWToken) {
+      AuthStore.state.isAuthenticated = true;
+    }
+    AuthStore.onChange('isAuthenticated', async (isAuthenticated) => {
+      if (isAuthenticated) {
+        console.log('authenticated');
+        await StudentService.getInstance().fetchUserConfiguration();
+      }
+    });
+    if (AuthStore.state.isAuthenticated) {
+      return await StudentService.getInstance().fetchUserConfiguration();
+    }
+    //SignalRAspNetCoreHelper.initSignalR();
+  }
+  componentDidLoad() {
+    SignalRService.getInstance().connection.on('NavigateStudentTo', this.handleStudentNavigationChange);
+    AuthStore.onChange('isAuthenticated', async (isAuthenticated) => {
+      if (isAuthenticated) {
+        SignalRService.getInstance().start();
+      }
+    });
+    if (AuthStore.state.isAuthenticated) {
+      SignalRService.getInstance().start();
+    }
+  }
+  render() {
+    return (h(Host, null, h("slot", null)));
+  }
+};
+injectHistory(SparkleRoot);
+SparkleRoot.style = sparkleRootCss;
+
+export { SparkleRoot as sparkle_root };

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

@@ -0,0 +1,57 @@
+import { r as registerInstance, q as createEvent, k as h, n as Host } from './index-1dec9544.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}}";
+
+const SparkleSelect = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.selection = createEvent(this, "selection", 7);
+    this.optionRenderer = (option) => option;
+    this.select = (option) => {
+      this.selected = option;
+    };
+    this.toOption = (option) => {
+      const isSelected = this.selected === option;
+      const classNames = {
+        'Select-option': true,
+        'Select-option--selected': isSelected
+      };
+      const handleClick = () => {
+        this.select(option);
+        this.dropdown.close();
+      };
+      const handleKeyUp = (event) => {
+        if (event.key === 'Enter') {
+          this.select(option);
+          this.dropdown.focus();
+        }
+      };
+      return (h("div", { class: classNames, role: "menuitemradio", "aria-checked": isSelected ? 'true' : 'false', tabindex: "0", onClick: handleClick, onKeyUp: handleKeyUp }, this.optionRenderer(option)));
+    };
+  }
+  handleSelect(option) {
+    this.selection.emit(option);
+  }
+  componentWillLoad() {
+    this.selected = typeof this.initializer === 'function'
+      ? this.initializer(this.options)
+      : this.options[0];
+  }
+  hostData() {
+    return {
+      class: {
+        'Select': true
+      }
+    };
+  }
+  __stencil_render() {
+    return (h("sparkle-dropdown", { ref: el => { this.dropdown = el; }, label: this.optionRenderer(this.selected) }, this.options.map(this.toOption)));
+  }
+  static get watchers() { return {
+    "selected": ["handleSelect"]
+  }; }
+  render() { return h(Host, this.hostData(), this.__stencil_render()); }
+};
+SparkleSelect.style = selectCss;
+
+export { SparkleSelect as sparkle_select };

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

@@ -0,0 +1,39 @@
+import { r as registerInstance, k as h, o as getElement } from './index-1dec9544.js';
+
+const sidebarCss = "sparkle-sidebar{--sparkle-spacing-size-lg:1rem;--sparkle-transition-med:0.5s;--sparkle-color-dark-lighter:89, 109, 127;--sparkle-font-size-md:1.25rem;--sparkle-spacing-size-none:0;--sparkle-spacing-size-xxxs:0.0625rem;--sparkle-color-light-base:1197, 209, 218;--sparkle-font-size-lg:1.5rem;--sparkle-color-dark-base:55, 68, 79}.sparkle-sidebar{height:100%;max-width:90%;position:fixed;top:0;bottom:0;overflow-x:hidden;overflow-y:auto;background-color:#fff;padding:var(--sparkle-spacing-size-lg);-webkit-transition:all var(--sparkle-transition-med) ease-in-out;transition:all var(--sparkle-transition-med) ease-in-out}.sparkle-sidebar.left{border-right:var(--sparkle-spacing-size-xxxs) solid rgba(var(--sparkle-color-dark-lighter), 1)}.sparkle-sidebar.left.size-sm{width:16rem;left:-16rem}.sparkle-sidebar.left.size-md{width:22.5rem;left:-22.5rem}.sparkle-sidebar.left.size-lg{width:30rem;left:-30rem}.sparkle-sidebar.left.size-xl{width:45rem;left:-45rem}.sparkle-sidebar.left.show{visibility:visible;left:0}.sparkle-sidebar.right{border-right:var(--sparkle-spacing-size-xxxs) solid rgba(var(--sparkle-color-dark-lighter), 1)}.sparkle-sidebar.right.size-sm{width:16rem;right:-16rem}.sparkle-sidebar.right.size-md{width:22.5rem;right:-22.5rem}.sparkle-sidebar.right.size-lg{width:30rem;right:-30rem}.sparkle-sidebar.right.size-xl{width:45rem;right:-45rem}.sparkle-sidebar.right.show{visibility:visible;right:0}.sparkle-sidebar .drawer-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center;border-bottom:var(--sparkle-spacing-size-xxxs) solid rgba(var(--sparkle-color-light-base), 1);font-size:var(--sparkle-font-size-lg);color:rgba(var(--sparkle-color-dark-base), 1)}.sparkle-sidebar .drawer-header .drawer-title{line-height:1}.sparkle-sidebar .drawer-header .drawer-close .ks-button .button{padding:var(--sparkle-spacing-size-none)}.sparkle-sidebar .drawer-header .drawer-close .ks-button .button .button-text{display:-ms-inline-flexbox;display:inline-flex}.sparkle-sidebar .drawer-header .drawer-close .ks-button .button .icon{font-size:var(--sparkle-font-size-md)}.sparkle-sidebar .drawer-body{padding-top:var(--sparkle-spacing-size-lg);padding-bottom:var(--sparkle-spacing-size-lg)}";
+
+const SparkleSideBar = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.position = 'left';
+    this.size = 'sm';
+  }
+  async hide() {
+    this.isShowing = false;
+    await this.$overlay.hide();
+  }
+  async show() {
+    await this.$overlay.show();
+    this.isShowing = true;
+  }
+  componentDidRender() {
+    const $scrim = this.$overlay.querySelector('.scrim');
+    $scrim.addEventListener('click', () => this.hide());
+  }
+  overlayHiddenHandler() {
+    this.isShowing = false;
+  }
+  render() {
+    let classes = {
+      'sparkle-sidebar': true,
+      [`size-${this.size}`]: true,
+      [this.position]: true,
+      'show': this.isShowing
+    };
+    return (h("sparkle-overlay", { onHidden: () => this.overlayHiddenHandler(), ref: el => this.$overlay = el }, h("aside", { class: classes, ref: el => this.$drawer = el }, h("header", { class: "drawer-header" }, h("h3", { class: "drawer-title" }, this.headerText), h("ion-button", { onClick: () => this.hide(), class: "drawer-close", color: "dark" }, h("ion-icon", { name: "close-outline" }))), h("div", { class: "drawer-body" }, h("slot", null)))));
+  }
+  get $el() { return getElement(this); }
+};
+SparkleSideBar.style = sidebarCss;
+
+export { SparkleSideBar as sparkle_sidebar };

package/dist/sparkle-core/sparkle-signup.entry.js

@@ -0,0 +1,144 @@
+import { r as registerInstance, k as h, h as getAssetPath } from './index-1dec9544.js';
+import { A as AccountService } from './account.service-e711795d.js';
+import { a as AuthStore } from './index-0df264ee.js';
+import './assets.service-6508aae6.js';
+import './localstorage.service-4bf408c8.js';
+import './index-1d7a6fa0.js';
+import './utils-cae23bce.js';
+import './animation-676a644d.js';
+import './helpers-f11f0674.js';
+import './ios.transition-02531dda.js';
+import './index-183cda39.js';
+import './md.transition-f8765467.js';
+import './cubic-bezier-4c0db14f.js';
+import './index-dd414b33.js';
+import './ionic-global-127576f6.js';
+import './index-be6112f8.js';
+import './index-0af0deac.js';
+import './hardware-back-button-fa04d6e9.js';
+import './overlays-fd3cfa13.js';
+
+const sparkleSignupCss = "sparkle-signup .list{margin-bottom:0}";
+
+const SparkleSignup = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.formControls = {
+      firstName: {
+        isValid: false,
+        value: '',
+        validate: value => {
+          if (value) {
+            return true;
+          }
+          else {
+            return false;
+          }
+        },
+      },
+      lastName: {
+        isValid: false,
+        value: '',
+        validate: value => {
+          if (value) {
+            return true;
+          }
+          else {
+            return false;
+          }
+        },
+      },
+      userName: {
+        isValid: false,
+        value: '',
+        validate: value => {
+          if (value) {
+            return true;
+          }
+          else {
+            return false;
+          }
+        },
+      },
+      email: {
+        isValid: false,
+        value: '',
+        validate: value => {
+          if (value) {
+            return true;
+          }
+          else {
+            return false;
+          }
+        },
+      },
+      password: {
+        isValid: false,
+        value: '',
+        validate: value => {
+          if (value) {
+            return true;
+          }
+          else {
+            return false;
+          }
+        },
+      },
+      confirmPassword: {
+        isValid: false,
+        value: '',
+        validate: value => {
+          if (value) {
+            return true;
+          }
+          else {
+            return false;
+          }
+        },
+      },
+    };
+    this.submitted = false;
+  }
+  changeFormValue(controlName, value) {
+    this.formControls = Object.assign(Object.assign({}, this.formControls), { [controlName]: Object.assign(Object.assign({}, this.formControls[controlName]), { value: value, isValid: this.formControls[controlName].validate(value) }) });
+  }
+  async handleSubmit(e) {
+    e.preventDefault();
+    this.submitted = true;
+    let isFormValid = true;
+    //Run all validation functions
+    for (let controlName in this.formControls) {
+      let control = this.formControls[controlName];
+      control.validate(control.value);
+      if (!control.isValid) {
+        isFormValid = false;
+      }
+    }
+    if (isFormValid) {
+      let result = await AccountService.getInstance().register({
+        Email: this.formControls.email.value,
+        UserName: this.formControls.userName.value,
+        FirstName: this.formControls.firstName.value,
+        LastName: this.formControls.lastName.value,
+        Password: this.formControls.password.value,
+        ConfirmPassword: this.formControls.confirmPassword.value,
+      });
+      if (result.Succeeded) {
+        this.history.replace('/login', {});
+      }
+      else if (result.Failed) {
+        if (result.Errors.length > 0) {
+          this.validationErrors = result.Errors;
+        }
+      }
+    }
+  }
+  render() {
+    return [
+      h("div", null, h("div", { class: "signup-logo" }, h("img", { src: getAssetPath("/assets/img/G3-Girls.jpg"), alt: "Girls Inc" })), h("sparkle-validation-error", { errors: this.validationErrors }), h("form", { onSubmit: e => this.handleSubmit(e), novalidate: true }, h("ion-list", { "no-lines": true }, h("ion-item", null, h("ion-label", { position: "stacked", color: "primary" }, "First Name"), h("ion-input", { name: "firstName", type: "text", value: this.formControls.firstName.value, onInput: (ev) => this.changeFormValue("firstName", ev.target.value) })), h("ion-text", { color: "danger" }, h("p", { hidden: this.formControls.firstName.isValid || this.submitted === false, class: "ion-padding-start" }, "First Name is required")), h("ion-item", null, h("ion-label", { position: "stacked", color: "primary" }, "Last Name"), h("ion-input", { name: "lastName", type: "text", value: this.formControls.lastName.value, onInput: (ev) => this.changeFormValue("lastName", ev.target.value) })), h("ion-text", { color: "danger" }, h("p", { hidden: this.formControls.lastName.isValid || this.submitted === false, class: "ion-padding-start" }, "Last Name is required")), h("ion-item", null, h("ion-label", { position: "stacked", color: "primary" }, "Username"), h("ion-input", { name: "userName", type: "text", value: this.formControls.userName.value, onInput: (ev) => this.changeFormValue("userName", ev.target.value) })), h("ion-text", { color: "danger" }, h("p", { hidden: this.formControls.userName.isValid || this.submitted === false, class: "ion-padding-start" }, "Username is required")), h("ion-item", null, h("ion-label", { position: "stacked", color: "primary" }, "Email"), h("ion-input", { name: "email", type: "text", value: this.formControls.email.value, onInput: (ev) => this.changeFormValue("email", ev.target.value) })), h("ion-text", { color: "danger" }, h("p", { hidden: this.formControls.email.isValid || this.submitted === false, class: "ion-padding-start" }, "Email is required")), h("ion-item", null, h("ion-label", { position: "stacked", color: "primary" }, "Password"), h("ion-input", { name: "password", type: "password", value: this.formControls.password.value, onInput: (ev) => this.changeFormValue("password", ev.target.value) })), h("ion-text", { color: "danger" }, h("p", { hidden: this.formControls.password.isValid || this.submitted === false, class: "ion-padding-start" }, "Password is required")), h("ion-item", null, h("ion-label", { position: "stacked", color: "primary" }, "Confirm Password"), h("ion-input", { name: "confirmPassword", type: "password", value: this.formControls.confirmPassword.value, onInput: (ev) => this.changeFormValue("confirmPassword", ev.target.value) })), h("ion-text", { color: "danger" }, h("p", { hidden: this.formControls.confirmPassword.isValid || this.submitted === false, class: "ion-padding-start" }, "Confirm Password is required"))), h("div", { class: "ion-padding" }, h("ion-button", { type: "submit", expand: "block", disabled: AuthStore.state.loading }, AuthStore.state.loading && h("ion-spinner", { name: "dots" }), "Register")), h("ion-item", { lines: "none" }, "Already have an account? \u00A0", h("stencil-route-link", { url: "/login", exact: true }, "Log In"))))
+    ];
+  }
+};
+SparkleSignup.style = sparkleSignupCss;
+
+export { SparkleSignup as sparkle_signup };

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

@@ -0,0 +1,22 @@
+import { r as registerInstance, k as h, n as Host } from './index-1dec9544.js';
+
+const SparkleTab = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.selected = false;
+  }
+  hostData() {
+    return {
+      role: 'tabpanel',
+      class: {
+        'Tabs-tab': true
+      }
+    };
+  }
+  __stencil_render() {
+    return h("slot", null);
+  }
+  render() { return h(Host, this.hostData(), this.__stencil_render()); }
+};
+
+export { SparkleTab as sparkle_tab };

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

@@ -0,0 +1,67 @@
+import { r as registerInstance, k as h } from './index-1dec9544.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)}";
+
+const SparkleTableOfContents = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.links = [];
+    this.label = 'Contents';
+    this.basepath = '';
+    this.itemOffsets = [];
+    this.selectedId = null;
+    this.pageWidth = document.body.offsetWidth;
+    this.toItem = ({ text, href }) => {
+      return (h("li", null, h("stencil-route-link", { url: `${this.basepath}${href}`, class: `Nav-link ${this.selectedId === href ? 'selected' : ''}` }, text)));
+    };
+  }
+  function() {
+    if (this.pageWidth < 1234) {
+      return;
+    }
+    requestAnimationFrame(() => {
+      const itemIndex = this.itemOffsets.findIndex(item => item.topOffset > window.scrollY);
+      if (itemIndex === 0 ||
+        // tslint:disable-next-line
+        this.itemOffsets[this.itemOffsets.length - 1] === undefined) {
+        this.selectedId = null;
+      }
+      else if (itemIndex === -1) {
+        this.selectedId = this.itemOffsets[this.itemOffsets.length - 1].id;
+      }
+      else {
+        this.selectedId = this.itemOffsets[itemIndex - 1].id;
+      }
+    });
+  }
+  updateItemOffsets() {
+    requestAnimationFrame(() => {
+      this.pageWidth = document.body.offsetWidth;
+      this.itemOffsets = this.links.map(link => {
+        const item = document.getElementById(link.href.substring(1));
+        return {
+          id: link.href,
+          topOffset: item.getBoundingClientRect().top + window.scrollY
+        };
+      });
+    });
+  }
+  componentDidLoad() {
+    this.updateItemOffsets();
+  }
+  render() {
+    if (this.links.length < 1) {
+      return null;
+    }
+    return [
+      h("strong", { class: "Nav-header" }, this.label),
+      h("nav", null, h("ul", { class: "Nav-subnav" }, this.links.map(this.toItem)))
+    ];
+  }
+  static get watchers() { return {
+    "links": ["updateItemOffsets"]
+  }; }
+};
+SparkleTableOfContents.style = tableOfContentsCss;
+
+export { SparkleTableOfContents as sparkle_table_of_contents };