@sparkle-learning/core 0.0.55 → 0.0.57

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

@@ -0,0 +1,22 @@
+import { r as registerInstance, k as h, n as Host, h as getAssetPath, o as getElement } from './index-1dec9544.js';
+
+const sparkleGwwCommentListCss = ":host{display:block}.avatar{width:30px;height:30px}";
+
+const SparkleGwwCommentList = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  dismiss(data) {
+    // dismiss the closest modal and optionally pass back data
+    this.el.closest('ion-modal').dismiss({
+      'dismissed': true
+    });
+  }
+  render() {
+    return (h(Host, null, h("ion-toolbar", { color: "primary" }, h("ion-buttons", { slot: "start" }, h("ion-back-button", { defaultHref: "great-white-wall", onClick: () => this.dismiss() })), h("ion-title", null, "Comments")), h("ion-content", null, this.comments.map((comment) => h("ion-item", null, h("ion-avatar", { class: "avatar", slot: "start" }, h("img", { src: getAssetPath("/assets/img/user.png") })), h("ion-label", null, h("h2", null, comment.Name), h("p", null, comment.Comment)))))));
+  }
+  get el() { return getElement(this); }
+};
+SparkleGwwCommentList.style = sparkleGwwCommentListCss;
+
+export { SparkleGwwCommentList as sparkle_gww_comment_list };

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

@@ -0,0 +1,15 @@
+import { r as registerInstance, k as h, n as Host } from './index-1dec9544.js';
+
+const sparkleGwwGraphCss = ":host{display:block}";
+
+const SparkleGwwGraph = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, null, h("slot", null)));
+  }
+};
+SparkleGwwGraph.style = sparkleGwwGraphCss;
+
+export { SparkleGwwGraph as sparkle_gww_graph };

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

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

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

@@ -0,0 +1,44 @@
+import { r as registerInstance, q as createEvent, k as h, n as Host } from './index-1dec9544.js';
+import { F as FeedService, f as feedStore } from './feed.service-d495f3e1.js';
+import './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 sparkleGwwCss = ":host{display:block}";
+
+const SparkleGww = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.commentPosted = createEvent(this, "commentPosted", 7);
+    this.postComment = async (model) => {
+      const result = await FeedService.getInstance().createPostComment(model);
+      if (result.Succeeded) {
+        this.commentPosted.emit();
+      }
+    };
+  }
+  async componentDidLoad() {
+    await FeedService.getInstance().getAllPosts();
+  }
+  render() {
+    console.log(feedStore.state.postIdLoading, "Loading");
+    return (h(Host, null, feedStore.state.posts.map((item) => h("sparkle-gww-item", { key: item.Id, post: item, onPostComment: this.postComment, loading: feedStore.state.postIdLoading == item.Id }))));
+  }
+};
+SparkleGww.style = sparkleGwwCss;
+
+export { SparkleGww as sparkle_gww };

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

@@ -0,0 +1,97 @@
+import { r as registerInstance, q as createEvent, k as h, n as Host } from './index-1dec9544.js';
+
+const storage = window.localStorage;
+function set(key, value) {
+  return new Promise((resolve, reject) => {
+    try {
+      storage && storage.setItem(key, JSON.stringify(value));
+      resolve();
+    }
+    catch (err) {
+      reject(`Couldnt store object ${err}`);
+    }
+  });
+}
+function remove(key) {
+  return new Promise((resolve, reject) => {
+    try {
+      storage && storage.removeItem(key);
+      resolve();
+    }
+    catch (err) {
+      reject(`Couldnt remove object ${err}`);
+    }
+  });
+}
+function get(key) {
+  try {
+    if (storage) {
+      const item = storage.getItem(key);
+      return JSON.parse(item);
+    }
+  }
+  catch (err) {
+    return null;
+  }
+}
+
+function format(first, middle, last) {
+  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}
+class SparkleGlobal {
+}
+SparkleGlobal.LOCALSTORAGE_CLASSROOM_MODE = "SPARKLE_CLASSROOM_MODE";
+
+const headerCss = "sparkle-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-header.hidden{transform:translateY(-100%)}}@media (max-width: 768px){.Layout.is-menu-toggled sparkle-header.hidden{transform:translateY(-100%)}}sparkle-header header{align-items:center;display:flex;height:var(--header-height);padding:0 1.4rem 0 0.8rem}sparkle-header a{color:inherit;font-weight:500;padding:10px 0}sparkle-header ion-icon{font-size:16px;color:#b2becd}sparkle-header .link-active{color:var(--ion-color-sparkle)}@media (hover: hover){sparkle-header a:not(.link-active):hover{color:var(--text-color)}}sparkle-header sparkle-menu-toggle{flex:none;margin-right:0.75em}sparkle-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-header .SectionNav stencil-route{display:flex}sparkle-header .SectionNav .Dropdown{align-self:center;color:var(--text-color);margin-right:0.75em}sparkle-header .SectionNav .Dropdown-button{border:solid 1px #dee3ea;border-radius:6px;color:var(--text-color--dark);padding:10px;transition:border-color 100ms ease}sparkle-header .SectionNav .Dropdown.is-open .Dropdown-button{border-color:var(--line-rule-color)}sparkle-header .SectionNav .Dropdown-panel{min-width:180px}sparkle-header .SectionNav .Dropdown-panel a{display:flex;justify-content:space-between}sparkle-header .SectionNav .Dropdown-panel svg{height:1em;width:1em}sparkle-header .SectionNav .Dropdown-panel .Nav-link{margin-left:0;margin-right:0}sparkle-header .SectionNav-tabs>*{align-items:center;display:inline-flex;height:var(--header-height);margin-right:1em;padding:0px 1em;position:relative}sparkle-header .SectionNav-tabs .link-active:after{background-color:currentColor;bottom:0;content:'';display:block;height:2px;left:0;position:absolute;width:100%}sparkle-header .UtilNav{align-items:center;display:flex;font-size:12px;margin-left:auto}sparkle-header .UtilNav>*{margin-left:1em}sparkle-header .UtilNav .Dropdown.is-open{color:var(--text-color)}sparkle-header .UtilNav .Dropdown-button{padding:10px 0}@media (hover: hover){sparkle-header .UtilNav .Dropdown-button:hover{color:var(--text-color)}}sparkle-header .UtilNav .Dropdown-panel{font-size:14px}sparkle-header .class-room-toggle-container{display:flex;justify-content:start;align-items:center;padding-left:20px}sparkle-header .class-room-mode-toggle-title{padding-right:5px}sparkle-header .class-room-mode-toggle{align-items:center;display:flex;justify-content:center;width:90px;height:28px;background:var(--ion-color-sparkle-step-50);border-radius:18px}sparkle-header .class-room-mode-toggle button{background-color:transparent;border:none;border-radius:16px;color:#5b708b;cursor:pointer;font-family:var(--font-family);font-size:11px;letter-spacing:-0.02em;width:calc(50% - 2px);line-height:21px;padding-top:2px;transition:200ms background-color ease, 200ms color ease}sparkle-header .class-room-mode-toggle button:focus,sparkle-header .class-room-mode-toggle button:active{outline:none}sparkle-header .class-room-mode-toggle button.is-selected{background-color:var(--ion-color-sparkle);color:var(--ion-color-sparkle-contrast);font-weight:600;box-shadow:0px 2px 3px #a7b5c7}sparkle-header .girls-inc-logo{display:block;max-width:40px;max-height:40px;width:auto;height:auto}sparkle-header sparkle-dropdown.profile-dropdown .Dropdown-icon{height:30px;width:30px}sparkle-header sparkle-dropdown.profile-dropdown .Dropdown-arrow{height:30px}";
+
+const SparkleHeader = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.classRoomModeChanged = createEvent(this, "classRoomModeChanged", 7);
+    this.hideClassRoomToggle = false;
+    this.courseName = '';
+    this.imageUrl = '';
+    this.classRoomMode = true;
+    this.hidden = false;
+    this.frameRequested = false;
+    this.prevScroll = 0;
+  }
+  handleScroll() {
+    if (!this.frameRequested) {
+      requestAnimationFrame(() => {
+        const { scrollY } = window;
+        this.hidden = scrollY > 60 && scrollY > this.prevScroll;
+        this.prevScroll = scrollY;
+        this.frameRequested = false;
+      });
+      this.frameRequested = true;
+    }
+  }
+  componentDidLoad() {
+    var _a;
+    this.classRoomMode = (_a = get(SparkleGlobal.LOCALSTORAGE_CLASSROOM_MODE)) !== null && _a !== void 0 ? _a : false;
+  }
+  hostData() {
+    return {
+      class: { hidden: this.hidden },
+    };
+  }
+  toggleClassRoomMode() {
+    this.classRoomMode = !this.classRoomMode;
+    set(SparkleGlobal.LOCALSTORAGE_CLASSROOM_MODE, this.classRoomMode);
+    this.classRoomModeChanged.emit(this.classRoomMode);
+  }
+  renderModeToggle() {
+    return (h("div", { class: "class-room-toggle-container" }, h("div", { class: "class-room-mode-toggle-title" }, "Classroom"), h("div", { class: "class-room-mode-toggle" }, h("button", { class: this.classRoomMode == true ? 'is-selected' : null, title: "Toggle classroom mode", onClick: () => this.toggleClassRoomMode() }, "On"), h("button", { class: this.classRoomMode == false ? 'is-selected' : null, title: "Toggle classroom mode", onClick: () => this.toggleClassRoomMode() }, "Off"))));
+  }
+  __stencil_render() {
+    return (h("header", null, h("sparkle-menu-toggle", { onClick: this.toggleClickFn }), h("a", { href: "/home" }, h("div", { class: "HeaderLogo" }, this.courseName)), h("header-mobile-collapse", null, h("div", { class: "SectionNav-tabs" }, h("stencil-route-link", { url: "/home" }, "Home")), h("nav", { class: "UtilNav" }, !this.authUser ? ([
+      h("sparkle-button", { href: "/login", round: true }, "Login"),
+      h("sparkle-button", { href: "/signup", primary: true, round: true }, "Get Started"),
+    ]) : (h("sparkle-dropdown", { image: this.imageUrl, align: "center", label: "Account", class: "label-sm-only profile-dropdown" }, h("section", null, h("stencil-route-link", { url: "/profile" }, "My Profile"), h("stencil-route-link", { url: "/enrollment" }, "My Enrollment"), h("a", { onClick: this.signoutClickFn }, "Sign Out")))), !this.hideClassRoomToggle && this.renderModeToggle(), h("slot", { name: "logo" })))));
+  }
+  render() { return h(Host, this.hostData(), this.__stencil_render()); }
+};
+SparkleHeader.style = headerCss;
+
+export { SparkleHeader as sparkle_header };

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

@@ -0,0 +1,70 @@
+import { r as registerInstance, k as h, n as Host, o as getElement } from './index-1dec9544.js';
+import { E as EnvironmentConfigService, A as AssetsService } from './assets.service-6508aae6.js';
+import { b as MyHealthTemplate, S as SparkleGlobal, c as MyHealthTemplateJSON } from './util-ba470e54.js';
+import { F as FeedService, f as feedStore } from './feed.service-d495f3e1.js';
+import { M as MediaService, m as mediaStore } from './media.service-2609406e.js';
+import './index-0df264ee.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 sparkleHealthCss = ":host{display:block}.health-image{display:block;max-width:300px;max-height:200px;width:auto;height:auto}";
+
+const SparkleHealth = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.uploadedImageUrl = "";
+    this.heartRate = 0;
+    this.public = true;
+    this.submitted = false;
+  }
+  async postFeed() {
+    const sparkleConfig = EnvironmentConfigService.getInstance().get('sparkle');
+    const tocData = await AssetsService.getInstance().loadJsonFile(sparkleConfig.tocPath);
+    var model = {
+      PostText: MyHealthTemplate(this.heartRate),
+      ExternalResourceUrl: this.uploadedImageUrl,
+      IsPublic: this.public,
+      MiniAppId: SparkleGlobal.MY_HEALTH_APP_ID,
+      CourseId: tocData.id,
+      PostTextJSON: MyHealthTemplateJSON(this.heartRate)
+    };
+    const result = await FeedService.getInstance().createPost(model);
+    if (result.Succeeded) {
+      this.history.replace('/home');
+    }
+  }
+  async uploadImage(event) {
+    this.submitted = true;
+    console.log(event.target.files);
+    if (event.target.files && event.target.files[0]) {
+      const result = await MediaService.getInstance().uploadImage(event.target.files);
+      if (result.Succeeded && result.Data && result.Data.length > 0) {
+        this.uploadedImageUrl = result.Data[0].FullImageUrl;
+        console.log(this.uploadedImageUrl);
+      }
+    }
+  }
+  selectFile() {
+    this.el.querySelector("#fileInput").click();
+  }
+  render() {
+    return (h(Host, null, h("div", null, h("h3", null, "MY HEALTH"), h("p", null, "This mini-app will help girls develop and instil good physical health habits"), h("ion-list", null, h("ion-list-header", null, "Select Heart Rate"), h("ion-item", { lines: "none" }, h("ion-range", { min: 0, max: 150, step: 1, snaps: true, pin: true, onIonChange: (ev) => this.heartRate = +ev.detail.value }, h("ion-icon", { size: "small", slot: "start", name: "pulse" }), h("ion-icon", { name: "pulse", size: "small" }), h("div", { slot: "end" }, h("strong", null, this.heartRate)))), this.uploadedImageUrl && h("ion-item", { lines: "none" }, h("img", { class: "health-image", src: this.uploadedImageUrl })), h("ion-item", { lines: "none" }, h("input", { type: "file", id: "fileInput", onChange: (ev) => this.uploadImage(ev), style: { display: "none" }, accept: "image/*" }), h("div", null, h("ion-button", { onClick: () => this.selectFile(), disabled: mediaStore.state.mediaUploading }, mediaStore.state.mediaUploading && h("ion-spinner", { name: "dots" }), "Upload Image"))), h("ion-item", { lines: "none" }, h("ion-label", null, "Share to Community Wall"), h("ion-checkbox", { slot: "start", onChange: (ev) => this.public = ev.detail.checked, checked: true })), h("ion-item", { lines: "none" }, h("ion-button", { slot: "end", color: "primary", size: "default", onClick: () => this.postFeed(), disabled: mediaStore.state.mediaUploading || feedStore.state.createPostLoading }, feedStore.state.createPostLoading && h("ion-spinner", { name: "dots" }), " POST"))))));
+  }
+  get el() { return getElement(this); }
+};
+SparkleHealth.style = sparkleHealthCss;
+
+export { SparkleHealth as sparkle_health };

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

@@ -0,0 +1,52 @@
+import { r as registerInstance, q as createEvent, k as h } from './index-1dec9544.js';
+
+const sparkleInputCss = "";
+
+const SparkleInput = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.valueChanged = createEvent(this, "valueChanged", 7);
+    this.checkedChanged = createEvent(this, "checkedChanged", 7);
+  }
+  arrayDataWatcher(newValue) {
+    if (typeof newValue === 'string') {
+      this._options = JSON.parse(newValue);
+    }
+    else {
+      this._options = newValue;
+    }
+  }
+  componentWillLoad() {
+    if (this.type == 'select') {
+      this.arrayDataWatcher(this.options);
+    }
+  }
+  handleChange(event) {
+    const value = this.type === 'checkbox' ? event.target.checked : event.target.value;
+    this.value = value;
+    this.valueChanged.emit(value);
+    if (this.type === 'checkbox') {
+      this.checkedChanged.emit(value);
+    }
+  }
+  render() {
+    switch (this.type) {
+      case 'text' || 'email' || 'number' || 'tel' || 'url':
+        return (h("div", null, h("ion-item", null, h("ion-label", null, this.label), h("ion-input", { type: this.type, value: this.value, placeholder: this.placeholder, onInput: (event) => this.handleChange(event), required: true }))));
+      case 'textarea':
+        return (h("div", null, h("ion-item", null, h("ion-label", null, this.label), h("ion-textarea", { value: this.value, placeholder: this.placeholder, onInput: (event) => this.handleChange(event), required: true }))));
+      case 'checkbox':
+        return (h("div", null, h("ion-item", null, h("ion-checkbox", { slot: "start", checked: this.checked, onChange: (event) => this.handleChange(event) }), h("ion-label", null, this.label))));
+      case 'select':
+        return (h("div", null, h("ion-item", null, h("ion-select", { value: this.value, placeholder: this.label, onIonChange: event => this.handleChange(event) }, this._options.map(option => (h("ion-select-option", { key: option.value, value: option.value }, option.label)))))));
+      default:
+        return null;
+    }
+  }
+  static get watchers() { return {
+    "options": ["arrayDataWatcher"]
+  }; }
+};
+SparkleInput.style = sparkleInputCss;
+
+export { SparkleInput as sparkle_input };

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

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

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

@@ -0,0 +1,116 @@
+import { r as registerInstance, q as createEvent, k as h, h as getAssetPath } from './index-1dec9544.js';
+import { a as AuthStore, A as AuthService } 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 sparkleLoginCss = "sparkle-login .list{margin-bottom:0}";
+
+const PageLogin = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.userDidLogIn = createEvent(this, "userDidLogIn", 7);
+    this.username = {
+      valid: false,
+      value: ''
+    };
+    this.password = {
+      valid: false,
+      value: ''
+    };
+    this.rememberMe = {
+      valid: true,
+      value: false
+    };
+    this.submitted = false;
+  }
+  handleUsername(ev) {
+    this.validateUsername();
+    this.username = Object.assign(Object.assign({}, this.username), { value: ev.target.value });
+  }
+  handlePassword(ev) {
+    this.validatePassword();
+    this.password.value = ev.target.value;
+    this.password = Object.assign(Object.assign({}, this.password), { value: ev.target.value });
+  }
+  handleRememberMe(ev) {
+    this.rememberMe = Object.assign(Object.assign({}, this.password), { value: ev.target.checked });
+    console.log(this.rememberMe.value);
+  }
+  validateUsername() {
+    if (this.username.value && this.username.value.length > 0) {
+      this.username = Object.assign(Object.assign({}, this.username), { valid: true });
+      return;
+    }
+    this.username = Object.assign(Object.assign({}, this.username), { valid: false });
+  }
+  validatePassword() {
+    if (this.password.value && this.password.value.length > 0) {
+      this.password.valid = true;
+      this.password = Object.assign(Object.assign({}, this.password), { valid: true });
+      return;
+    }
+    this.password = Object.assign(Object.assign({}, this.password), { valid: false });
+  }
+  async componentWillLoad() {
+    this.destroyListener = AuthStore.onChange('authUser', async (authUser) => {
+      this.notsignin = !authUser;
+    });
+    this.notsignin = !AuthStore.state.authUser;
+  }
+  disconnectedCallback() {
+    if (this.destroyListener) {
+      this.destroyListener();
+    }
+  }
+  async onLogin(e) {
+    e.preventDefault();
+    //    const navCtrl: HTMLIonRouterElement = await (this.nav as any).componentOnReady();
+    this.validatePassword();
+    this.validateUsername();
+    this.submitted = true;
+    if (this.password.valid && this.username.valid) {
+      //await UserData.login(this.username.value);
+      let result = await AuthService.getInstance().authenticate({
+        Email: this.username.value,
+        Password: this.password.value,
+        RememberClient: this.rememberMe.value
+      });
+      console.log(result);
+      //sessionStorage.setItem('rememberMe', this.rememberMe.value == true ? '1' : '0');
+      this.userDidLogIn.emit({ loginStatus: true });
+    }
+  }
+  async onSignup(e) {
+    e.preventDefault();
+    //const navCtrl: HTMLIonRouterElement = await (this.nav as any).componentOnReady();
+    //navCtrl.push('/signup');
+  }
+  renderLogin() {
+    return [
+      h("div", null, h("div", { class: "login-logo" }, h("img", { src: getAssetPath("/assets/img/G3-Girls.jpg"), alt: "Girls Inc" })), h("form", { novalidate: "true", onSubmit: (e) => this.onLogin(e) }, h("ion-list", { "no-lines": true }, h("ion-item", null, h("ion-label", { position: "stacked", color: "primary" }, "Username"), h("ion-input", { name: "username", type: "text", value: this.username.value, onInput: (ev) => this.handleUsername(ev), spellcheck: false, autocapitalize: "off", required: true })), h("ion-text", { color: "danger" }, h("p", { hidden: this.username.valid || this.submitted === false, class: "ion-padding-left" }, "Username is required")), h("ion-item", null, h("ion-label", { position: "stacked", color: "primary" }, "Password"), h("ion-input", { name: "password", type: "password", value: this.password.value, onInput: (ev) => this.handlePassword(ev), required: true })), h("ion-text", { color: "danger" }, h("p", { hidden: this.password.valid || this.submitted === false, class: "ion-padding-left" }, "Password is required")), h("ion-item", { lines: "none" }, h("ion-label", null, "Remember Me"), h("ion-checkbox", { slot: "start", checked: this.rememberMe.value, onIonChange: (e) => this.handleRememberMe(e) })), h("ion-item", { lines: "none" }, h("stencil-route-link", { slot: "end", url: "/forgot-password", exact: true }, "Forgot Password?"))), h("ion-row", null, h("ion-col", null, h("ion-button", { type: "submit", expand: "block", disabled: AuthStore.state.loading }, AuthStore.state.loading && h("ion-spinner", { name: "dots" }), " Log In"))), h("ion-item", { lines: "none" }, h("span", null, " Not registered yet? ", h("stencil-route-link", { url: "/signup", exact: true }, "Sign Up")))))
+    ];
+  }
+  render() {
+    if (!this.notsignin) {
+      return h("stencil-router-redirect", { url: "home" });
+    }
+    return this.renderLogin();
+  }
+};
+PageLogin.style = sparkleLoginCss;
+
+export { PageLogin as sparkle_login };

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

@@ -0,0 +1,18 @@
+import { r as registerInstance, k as h } from './index-1dec9544.js';
+
+const sparkleLowerContentNavCss = "lower-content-nav{display:flex;justify-content:space-between}lower-content-nav>stencil-route-link{display:inline-block}";
+
+const SparkleLowerContentNav = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return [
+      this.prev != null ? (h("stencil-route-link", { url: this.prev.url, anchorClass: "pull-left btn btn--secondary" }, "Back")) : null,
+      this.next != null ? (h("stencil-route-link", { url: this.next.url, anchorClass: "pull-right btn btn--primary" }, "Next")) : null,
+    ];
+  }
+};
+SparkleLowerContentNav.style = sparkleLowerContentNavCss;
+
+export { SparkleLowerContentNav as sparkle_lower_content_nav };

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

@@ -0,0 +1,42 @@
+import { r as registerInstance, k as h, o as getElement, n as Host } from './index-1dec9544.js';
+import { D as DownArrow } from './icons-758d1417.js';
+
+const collapsibleCss = "collapsible{}";
+
+const SparkleMenuCollapsible = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.isOpen = true; // default open
+  }
+  hostData() {
+    return {
+      class: 'sparkle-menu-collapsible--status-open',
+      role: 'button',
+      tabindex: '0',
+      'aria-label': 'Collapsible Menu'
+    };
+  }
+  toggle() {
+    this.isOpen = !this.isOpen;
+    removeClassThatStartWith(this.el, 'sparkle-menu-collapsible--status-');
+    this.el.classList.add(`sparkle-menu-collapsible--status-${this.isOpen ? 'open' : 'closed'}`);
+  }
+  __stencil_render() {
+    return [
+      h("a", { onClick: () => this.toggle(), class: `sparkle-menu-collapsible__title` }, this.heading, h(DownArrow, null)),
+      h("div", { class: "sparkle-menu-collapsible__contents" }, h("slot", null))
+    ];
+  }
+  get el() { return getElement(this); }
+  render() { return h(Host, this.hostData(), this.__stencil_render()); }
+};
+const removeClassThatStartWith = (el, classStart) => {
+  el.classList.forEach(className => {
+    if (className.startsWith(classStart)) {
+      el.classList.remove(className);
+    }
+  });
+};
+SparkleMenuCollapsible.style = collapsibleCss;
+
+export { SparkleMenuCollapsible as sparkle_menu_collapsible };

package/dist/sparkle-core/sparkle-menu-toggle.entry.js

@@ -0,0 +1,24 @@
+import { r as registerInstance, k as h, n as Host } from './index-1dec9544.js';
+import { a as Menu } from './icons-758d1417.js';
+
+const menuToggleCss = "sparkle-menu-toggle{background-color:rgba(0, 0, 0, var(--bg-alpha, 0));border-radius:50%;color:var(--text-color--light);cursor:pointer;height:40px;padding:8px;width:40px}@media (hover: hover){sparkle-menu-toggle:focus,sparkle-menu-toggle:hover{--bg-alpha:0.03;outline:none}sparkle-menu-toggle:active{--bg-alpha:0.06}}sparkle-menu-toggle svg{fill:currentColor}";
+
+const SparkleMenuToggle = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  hostData() {
+    return {
+      'role': 'button',
+      'tabindex': '0',
+      'aria-label': 'Toggle Menu',
+    };
+  }
+  __stencil_render() {
+    return h(Menu, null);
+  }
+  render() { return h(Host, this.hostData(), this.__stencil_render()); }
+};
+SparkleMenuToggle.style = menuToggleCss;
+
+export { SparkleMenuToggle as sparkle_menu_toggle };