@sparkle-learning/core 0.0.56 → 0.0.57

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

@@ -0,0 +1,131 @@
+import { r as registerInstance, h as getAssetPath, k as h, n as Host, o as getElement } from './index-1dec9544.js';
+import { A as AssignmentService } from './assignment.service-e42e9368.js';
+import { F as FeedService } from './feed.service-d495f3e1.js';
+import { M as MediaService } from './media.service-2609406e.js';
+import { T as TokenService } from './index-0df264ee.js';
+import { S as SparkleGlobal } from './util-ba470e54.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 sparkleFeedPostCss = ":host{display:block}.post-footer-container{display:flex;justify-content:flex-end}.post-footer{display:flex;justify-content:space-between;align-items:center}.error{color:red;margin-right:10px}.success{color:green;margin-right:10px}.uploaded-image{display:block;max-height:140px;width:auto !important}.public-post-toggle{display:flex;justify-content:flex-end;align-items:center}.assignment-name{display:none}";
+
+const SparkleFeedPost = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  // @Prop({ connect: 'ion-toast-controller' })
+  // toastCtrl: HTMLIonToastControllerElement;
+  componentDidLoad() {
+    this.postText = this.textValue;
+    if (this.ref && this.ref.innerText) {
+      this.assignmentName = this.ref.innerText;
+      console.log(this.assignmentName);
+    }
+  }
+  setText(text) {
+    this.postText = text;
+  }
+  isAuthenticated() {
+    return TokenService.getInstance().isAuthenticated();
+  }
+  async submitPost() {
+    this.postLoading = true;
+    this.errorMessage = '';
+    this.successMessage = '';
+    //let formData = new FormData(this.el.querySelector("form")) as any;
+    //var postText = this.el.getElementsByClassName("PostText")[0] as HTMLInputElement;
+    var postExternalUrl = this.el.getElementsByClassName('PostExternalUrl')[0];
+    var isPublic = this.el.getElementsByClassName('IsPublic')[0];
+    var data = {
+      PostText: this.postText,
+      IsPublic: isPublic.checked,
+      ExternalResourceUrl: postExternalUrl.value,
+      MiniAppId: SparkleGlobal.MY_GOALS_APP_ID,
+      AssignmentName: this.assignmentName,
+      AssignmentData: '',
+      PostTextJSON: null,
+    };
+    try {
+      const result = await FeedService.getInstance().createPost(data);
+      if (result.Succeeded) {
+        this.postLoading = false;
+        //show success toast
+        this.successMessage = 'Posted Successfully.';
+        this.postText = '';
+        this.externalResourceUrl = '';
+        this.uploadedImage = '';
+      }
+      else {
+        this.postLoading = false;
+        this.errorMessage = 'There is an error while posting to feed.';
+      }
+      if (this.assignmentName) {
+        var assignmentModel = {
+          AssignmentData: JSON.stringify({ text: data.PostText, url: data.ExternalResourceUrl }),
+          AssignmentName: this.assignmentName,
+        };
+        await AssignmentService.getInstance().createAssignment(assignmentModel);
+      }
+    }
+    catch (e) {
+      this.postLoading = false;
+    }
+  }
+  async uploadImage(evt) {
+    this.uploadImageLoading = true;
+    var files = evt.target.files;
+    let result = await MediaService.getInstance().uploadImage(files);
+    if (result.Succeeded) {
+      console.log(result);
+      this.uploadImageLoading = false;
+      this.uploadedImage = result.Data.length > 0 ? result.Data[0].FullImageUrl : '';
+      this.externalResourceUrl = result.Data.length > 0 ? result.Data[0].FullImageUrl : '';
+    }
+    else {
+      this.uploadImageLoading = false;
+      this.errorMessage = 'There is an error while uploading an image.';
+    }
+  }
+  selectFile() {
+    var fileInput = this.el.querySelector('#fileInput');
+    fileInput.click();
+  }
+  renderUserInfo() {
+    const imageSrc = getAssetPath(`./assets/user.png`);
+    let authUser = TokenService.getInstance().getAuthUserSync();
+    //var tokenInfo = { Token: null, ProfileImageUrl: null };
+    if (authUser && authUser.JWToken) {
+      return (h("ion-avatar", { class: "header-avatar", slot: "end" }, authUser.PhotoUrl ? h("img", { src: authUser.PhotoUrl }) : h("img", { src: imageSrc })));
+    }
+    else {
+      return (h("ion-avatar", { class: "header-avatar", slot: "end" }, h("img", { src: imageSrc }))
+      // <ion-button slot="end" href="/login">
+      //   Login to Post
+      // </ion-button>
+      );
+    }
+  }
+  render() {
+    const userInfo = this.renderUserInfo();
+    return (h(Host, null, h("div", { class: "assignment-name", ref: el => (this.ref = el) }, h("slot", null)), h("ion-card", null, h("ion-item", { class: "header", lines: "full" }, userInfo), h("ion-card-content", null, h("form", null, h("ion-list", null, h("ion-item", { class: "padding" }, h("ion-textarea", { class: "PostText", required: true, placeholder: "Post Text", onInput: (ev) => (this.postText = ev.target.value), name: "PostText", value: this.postText })), h("ion-item", { class: "padding" }, h("ion-input", { class: "PostExternalUrl", required: true, type: "text", placeholder: "URL", name: "ExternalResourceUrl", onInput: (ev) => (this.externalResourceUrl = ev.target.value), value: this.externalResourceUrl })), this.uploadedImage ? (h("ion-item", { class: "ion-padding", lines: "none" }, 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("div", { class: "public-post-toggle" }, h("ion-toggle", { class: "IsPublic", color: "primary", name: "IsPublic" }), h("div", null, "Public Post")), h("div", { class: "post-footer-container" }, h("div", { class: "post-footer" }, h("div", null, h("div", { class: "error" }, this.errorMessage), h("div", { class: "success" }, this.successMessage)), h("div", null, this.postLoading ? h("ion-spinner", { color: "primary" }) : ''), h("ion-button", { slot: "end", size: "default", onClick: evt => this.submitPost(), disabled: this.postLoading || !this.isAuthenticated() }, "Post")))))))));
+  }
+  static get assetsDirs() { return ["assets"]; }
+  get el() { return getElement(this); }
+};
+SparkleFeedPost.style = sparkleFeedPostCss;
+
+export { SparkleFeedPost as sparkle_feed_post };

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

@@ -0,0 +1,106 @@
+import { r as registerInstance, k as h, n as Host, o as getElement } from './index-1dec9544.js';
+import { S as StudentService } from './student.service-f0375229.js';
+import './index-1d7a6fa0.js';
+import { t as toastController } from './overlays-fd3cfa13.js';
+import './index-0df264ee.js';
+import './assets.service-6508aae6.js';
+import './localstorage.service-4bf408c8.js';
+import './user.store-3d052406.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';
+
+const sparkleFeedbackCss = ":host{display:block}";
+
+const SparkleFeedback = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.formControls = {
+      type: {
+        isValid: true,
+        value: 1,
+        validate: value => {
+          if (value) {
+            return true;
+          }
+          else {
+            return false;
+          }
+        },
+      },
+      note: {
+        isValid: false,
+        value: '',
+        validate: value => {
+          if (value) {
+            return true;
+          }
+          else {
+            return false;
+          }
+        },
+      }
+    };
+    this.submitted = true;
+  }
+  async onSubmit(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 StudentService.getInstance().submitFeedback({
+        Note: this.formControls.note.value,
+        Type: this.formControls.type.value
+      });
+      console.log(result);
+      if (result.Succeeded) {
+        const toast = await toastController.create({
+          message: "Feedback submitted successfully",
+          duration: 3000
+        });
+        toast.present();
+        this.dismiss();
+      }
+      else {
+        const toast = await toastController.create({
+          message: result.Message,
+          duration: 3000
+        });
+        toast.present();
+      }
+    }
+  }
+  dismiss(data) {
+    // dismiss the closest modal and optionally pass back data
+    this.el.closest('ion-modal').dismiss({
+      'dismissed': true
+    });
+  }
+  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) }) });
+  }
+  render() {
+    return (h(Host, null, h("ion-header", { translucent: true }, h("ion-toolbar", null, h("ion-title", null, "Feedback"), h("ion-buttons", { slot: "end" }, h("ion-button", { onClick: () => this.dismiss() }, "Close")))), h("ion-content", { class: "ion-padding" }, h("form", { onSubmit: (e) => this.onSubmit(e), novalidate: true }, h("ion-list", null, h("ion-radio-group", { value: this.formControls.type.value, onChange: (e) => this.changeFormValue("type", +e.target.value) }, h("ion-list-header", null, h("ion-label", null, "Feedback Type")), h("ion-item", null, h("ion-label", null, "Comments"), h("ion-radio", { value: 1 })), h("ion-item", null, h("ion-label", null, "Suggestions"), h("ion-radio", { value: 2 })), h("ion-item", null, h("ion-label", null, "Questions"), h("ion-radio", { value: 3 }))), h("ion-item", null, h("ion-label", { position: "floating" }, "Notes"), h("ion-textarea", { value: this.formControls.note.value, onChange: (e) => this.changeFormValue("note", e.target.value) })), h("br", null), h("ion-button", { color: "primary", type: "submit" }, "Submit"))))));
+  }
+  get el() { return getElement(this); }
+};
+SparkleFeedback.style = sparkleFeedbackCss;
+
+export { SparkleFeedback as sparkle_feedback };

package/dist/sparkle-core/sparkle-file-upload.entry.js

@@ -0,0 +1,57 @@
+import { r as registerInstance, q as createEvent, k as h, n as Host, o as getElement } from './index-1dec9544.js';
+import { M as MediaService } from './media.service-2609406e.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 sparkleFileUploadCss = "";
+
+const SparkleFileUpload = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.fileUploaded = createEvent(this, "fileUploaded", 7);
+    this.uploadImageLoading = false;
+  }
+  componentDidLoad() { }
+  async uploadImage(evt) {
+    this.uploadImageLoading = true;
+    var files = evt.target.files;
+    let result = await MediaService.getInstance().uploadImage(files);
+    if (result.Succeeded) {
+      console.log(result);
+      this.uploadImageLoading = false;
+      this.uploadedImage = result.Data.length > 0 ? result.Data[0].FullImageUrl : '';
+      this.value = this.uploadedImage;
+      this.fileUploaded.emit(this.uploadedImage);
+    }
+    else {
+      this.uploadImageLoading = false;
+      this.errorMessage = 'There is an error while uploading an image.';
+    }
+  }
+  selectFile() {
+    var fileInput = this.el.shadowRoot.querySelector('#fileInput');
+    fileInput.click();
+  }
+  render() {
+    return (h(Host, null, this.uploadedImage ? (h("ion-item", { class: "ion-padding", lines: "none" }, 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/*,application/pdf,application/msword,application/vnd.ms-excel,application/vnd.ms-powerpoint,text/plain" }), this.uploadImageLoading ? h("ion-spinner", { color: "primary" }) : '', h("ion-button", { slot: "start", onClick: evt => this.selectFile() }, h("ion-icon", { name: "add" }), "Upload Image"))));
+  }
+  get el() { return getElement(this); }
+};
+SparkleFileUpload.style = sparkleFileUploadCss;
+
+export { SparkleFileUpload as sparkle_file_upload };

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

@@ -0,0 +1,80 @@
+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 sparkleForgotPasswordCss = "sparkle-forgot-password .list{margin-bottom:0}";
+
+const SparkleForgotPassword = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.formControls = {
+      email: {
+        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().forgotPassword({
+        Email: this.formControls.email.value,
+        ClientURL: window.location.origin + "/reset-password"
+      });
+      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: "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-list", { "no-lines": true }, h("ion-item", { lines: "none" }, "Enter your email address and we will send you a link to reset your password."), 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), spellcheck: false, autocapitalize: "off" })), h("ion-text", { color: "danger" }, h("p", { hidden: this.formControls.email.isValid || this.submitted === false, class: "ion-padding-left" }, "Email 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" }), " SEND PASSWORD RESET EMAIL")))))
+    ];
+  }
+};
+SparkleForgotPassword.style = sparkleForgotPasswordCss;
+
+export { SparkleForgotPassword as sparkle_forgot_password };

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

@@ -0,0 +1,182 @@
+import { r as registerInstance, k as h, o as getElement } from './index-1dec9544.js';
+import { G as GetGoalAppData, S as SparkleGlobal, M as MyGoalTemplate, a as MyGoalTemplateJSON } from './util-ba470e54.js';
+import { E as EnvironmentConfigService, A as AssetsService } from './assets.service-6508aae6.js';
+import { A as AppDataService, g as goalStore } from './appdata.service-703dff70.js';
+import { F as FeedService, f as feedStore } from './feed.service-d495f3e1.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 sparkleGoalFormCss = ":host{display:block}";
+
+const SparkleGoalForm = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.name = {
+      valid: false,
+      value: ''
+    };
+    this.description = {
+      valid: false,
+      value: ''
+    };
+    this.category = {
+      valid: false,
+      value: ''
+    };
+    this.progress = 0;
+    this.public = true;
+    this.goalUpdateText = {
+      valid: true,
+      value: ''
+    };
+    this.submitted = false;
+  }
+  goalHanlder(data) {
+    this.updateGoal(data.AppData);
+  }
+  ;
+  componentWillLoad() {
+    if (this.appData) {
+      this.updateGoal(this.appData.AppData);
+    }
+  }
+  updateGoal(data) {
+    if (data) {
+      this.name = Object.assign(Object.assign({}, this.name), { value: data.Name });
+      this.description = Object.assign(Object.assign({}, this.description), { value: data.Description });
+      this.category = Object.assign(Object.assign({}, this.category), { value: data.Category });
+      this.goalUpdateText = Object.assign(Object.assign({}, this.goalUpdateText), { value: data.GoalText });
+      this.progress = data.Percentage;
+    }
+  }
+  handleTitle(ev) {
+    this.validateTitle();
+    this.name = Object.assign(Object.assign({}, this.name), { value: ev.target.value });
+  }
+  handleDescription(ev) {
+    this.validateDescription();
+    this.description = Object.assign(Object.assign({}, this.description), { value: ev.target.value });
+  }
+  handleCategory(ev) {
+    this.validateCategoy();
+    this.category = Object.assign(Object.assign({}, this.category), { value: ev.target.value });
+  }
+  handleGoalProgressInfo(ev) {
+    this.goalUpdateText = Object.assign(Object.assign({}, this.goalUpdateText), { value: ev.target.value });
+  }
+  validateTitle() {
+    if (this.name.value && this.name.value.length > 0) {
+      this.name = Object.assign(Object.assign({}, this.name), { valid: true });
+      return;
+    }
+    this.name = Object.assign(Object.assign({}, this.name), { valid: false });
+  }
+  validateDescription() {
+    if (this.description.value && this.description.value.length > 0) {
+      this.description = Object.assign(Object.assign({}, this.description), { valid: true });
+      return;
+    }
+    this.description = Object.assign(Object.assign({}, this.description), { valid: false });
+  }
+  validateCategoy() {
+    if (this.category.value && this.category.value.length > 0) {
+      this.category = Object.assign(Object.assign({}, this.category), { valid: true });
+      return;
+    }
+    this.category = Object.assign(Object.assign({}, this.category), { valid: false });
+  }
+  validateGoalUpdateText() {
+    if (this.goalUpdateText.value && this.goalUpdateText.value.length > 0) {
+      this.goalUpdateText = Object.assign(Object.assign({}, this.goalUpdateText), { valid: true });
+      return;
+    }
+    this.goalUpdateText = Object.assign(Object.assign({}, this.goalUpdateText), { valid: false });
+  }
+  async onSubmit(e) {
+    e.preventDefault();
+    console.log('clicked signup');
+    this.validateTitle();
+    this.validateDescription();
+    this.validateCategoy();
+    this.submitted = true;
+    if (this.appData && this.appData.Id > 0) {
+      this.validateGoalUpdateText();
+      if (this.name.valid && this.description.valid && this.category.valid && this.goalUpdateText.valid) {
+        //update
+        var appData = GetGoalAppData(this.name.value, this.description.value, this.category.value, this.progress, this.goalUpdateText.value);
+        const result = await AppDataService.getInstance().updateGoal({ Id: this.appData.Id, MiniAppId: SparkleGlobal.MY_GOALS_APP_ID, AppJsonData: JSON.stringify(appData) });
+        if (result.Succeeded) {
+          if (this.public) {
+            await this.postToFeed();
+          }
+          else {
+            this.dismiss();
+          }
+        }
+      }
+    }
+    else {
+      if (this.name.valid && this.description.valid && this.category.valid) {
+        //add
+        var appData = GetGoalAppData(this.name.value, this.description.value, this.category.value, this.progress, this.goalUpdateText.value);
+        const result = await AppDataService.getInstance().createGoal({ MiniAppId: SparkleGlobal.MY_GOALS_APP_ID, AppJsonData: JSON.stringify(appData) });
+        if (result.Succeeded) {
+          this.dismiss();
+        }
+      }
+    }
+  }
+  async postToFeed() {
+    const sparkleConfig = EnvironmentConfigService.getInstance().get('sparkle');
+    const tocData = await AssetsService.getInstance().loadJsonFile(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) {
+      this.dismiss();
+    }
+  }
+  dismiss(data) {
+    // dismiss the closest modal and optionally pass back data
+    this.el.closest('ion-modal').dismiss({
+      'dismissed': true
+    });
+  }
+  renderEditBookingFields() {
+    if (this.appData) {
+      return (h("div", null, h("ion-item", null, h("ion-label", { position: "stacked", color: "primary" }, "Goal Progress Info"), h("ion-input", { name: "title", type: "text", value: this.goalUpdateText.value, onInput: (ev) => this.handleGoalProgressInfo(ev) })), h("ion-text", { color: "danger" }, h("p", { hidden: this.goalUpdateText.valid || this.submitted === false, class: "ion-padding-start" }, "Goal Progress text is required")), h("ion-item", null, h("ion-label", { position: "stacked" }, "Progress"), h("ion-range", { value: this.progress, min: 1, max: 100, step: 1, snaps: true, pin: true, onIonChange: (e) => this.progress = +e.detail.value }, h("ion-icon", { size: "small", slot: "start", name: "pulse" }), h("ion-icon", { name: "pulse", size: "small" }), h("strong", { slot: "end" }, this.progress))), h("ion-text", { color: "danger" }, h("p", { hidden: this.progress > 0 || this.submitted === false, class: "ion-padding-start" }, "Min Progress value should be 1")), 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 }))));
+    }
+  }
+  render() {
+    return [
+      h("div", null, h("ion-toolbar", { color: "primary" }, h("ion-buttons", { slot: "start" }, h("ion-back-button", { defaultHref: "home", onClick: () => this.dismiss() })), h("ion-title", null, "Add New Goal")), h("div", { class: "inner-content" }, h("form", { class: "ion-padding", novalidate: true, onSubmit: (e) => this.onSubmit(e) }, h("ion-list", { "no-lines": true }, h("ion-item", null, h("ion-label", { position: "stacked", color: "primary" }, "Title"), h("ion-input", { name: "title", type: "text", value: this.name.value, onInput: (ev) => this.handleTitle(ev), required: true })), h("ion-text", { color: "danger" }, h("p", { hidden: this.name.valid || this.submitted === false, class: "ion-padding-start" }, "Title is required")), h("ion-item", null, h("ion-label", { position: "stacked", color: "primary" }, "Description"), h("ion-textarea", { name: "desciption", value: this.description.value, onInput: (ev) => this.handleDescription(ev), required: true })), h("ion-text", { color: "danger" }, h("p", { hidden: this.description.valid || this.submitted === false, class: "ion-padding-start" }, "Description is required")), h("ion-item", null, h("ion-label", null, "Category"), h("ion-select", { value: this.category.value, onIonChange: (e) => this.handleCategory(e) }, h("ion-select-option", { value: "Emotional" }, "Emotional"), h("ion-select-option", { value: "Interpersonal" }, "Interpersonal"), h("ion-select-option", { value: "Learning" }, "Learning"), h("ion-select-option", { value: "Financial" }, "Financial"), h("ion-select-option", { value: "Physical" }, "Physical"))), h("ion-text", { color: "danger" }, h("p", { hidden: this.category.valid || this.submitted === false, class: "ion-padding-start" }, "Category is required")), this.renderEditBookingFields()), h("div", { class: "ion-padding" }, this.appData && h("ion-button", { type: "submit", expand: "block", disabled: goalStore.state.goalLoading || feedStore.state.postIdLoading > 0 }, goalStore.state.goalLoading && h("ion-spinner", { name: "dots" }), "  Update"), !this.appData && h("ion-button", { type: "submit", expand: "block", disabled: goalStore.state.goalLoading }, goalStore.state.goalLoading && h("ion-spinner", { name: "dots" }), "  Add")))))
+    ];
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "appData": ["goalHanlder"]
+  }; }
+};
+SparkleGoalForm.style = sparkleGoalFormCss;
+
+export { SparkleGoalForm as sparkle_goal_form };

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

@@ -0,0 +1,15 @@
+import { r as registerInstance, k as h, n as Host } from './index-1dec9544.js';
+
+const sparkleGoalItemCss = ":host{display:block}.Card-content{padding-top:8px}.goal-header{display:flex;justify-content:flex-end;margin-top:-40px !important}";
+
+const SparkleGoalItem = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, null, h("sparkle-card", { header: this.goal.Name, icon: this.goal.CategoryIcon }, h("div", { class: "goal-header" }, h("ion-button", { size: "small", color: "primary", onClick: () => this.onEditGoal() }, "Edit")), h("p", null, this.goal.Description), h("sparkle-goal-progress", { percentage: this.goal.Percentage.toString() }))));
+  }
+};
+SparkleGoalItem.style = sparkleGoalItemCss;
+
+export { SparkleGoalItem as sparkle_goal_item };

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

@@ -0,0 +1,15 @@
+import { r as registerInstance, k as h, n as Host } from './index-1dec9544.js';
+
+const sparkleGoalProgressCss = ":host{display:block}.progress-container{padding:4px;display:flex;align-items:center}.progress-container>.progress{padding-left:6px}#progress-bar{background:#ccc;border-radius:12px;height:10px;width:100%;padding:0px;margin:0 auto}#progress-bar:after{content:'';display:block;background:var(--ion-color-primary);width:var(--p);height:100%;border-radius:9px}.percentage{padding-left:10px}";
+
+const SparkleGoalProgress = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "progress-container" }, h("div", { id: "progress-bar", style: { "--p": this.percentage + "%" } }), h("strong", { class: "percentage" }, this.percentage, "%"))));
+  }
+};
+SparkleGoalProgress.style = sparkleGoalProgressCss;
+
+export { SparkleGoalProgress as sparkle_goal_progress };

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

@@ -0,0 +1,47 @@
+import { r as registerInstance, k as h, n as Host } from './index-1dec9544.js';
+import './index-1d7a6fa0.js';
+import { A as AppDataService, g as goalStore } from './appdata.service-703dff70.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';
+import './index-0df264ee.js';
+import './assets.service-6508aae6.js';
+import './localstorage.service-4bf408c8.js';
+import './util-ba470e54.js';
+
+const sparkleGoalsCss = ":host{display:block}sparkle-dropdown a{color:var(--text-color);padding:1em;cursor:pointer}";
+
+const SparkleGoals = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  async componentDidLoad() {
+    await AppDataService.getInstance().getAllGoals();
+  }
+  async presentAddGoalModal(appData) {
+    const modal = await modalController.create({
+      component: "sparkle-goal-form",
+      cssClass: "auto-height",
+      componentProps: { appData }
+    });
+    await modal.present();
+  }
+  render() {
+    return (h(Host, null, h("h2", null, "MY GOALS"), h("ion-item", { lines: "none" }, h("ion-button", { size: "default", color: "primary", slot: "end", onClick: () => this.presentAddGoalModal(null) }, h("ion-icon", { name: "add-outline" }), "Add")), h("div", { class: "ion-padding" }, h("sparkle-cards", null, goalStore.state.goals.map((goal) => h("div", { style: { "position": "relative" } }, h("sparkle-goal-item", { goal: goal.AppData, onEditGoal: () => this.presentAddGoalModal(goal) })))), !goalStore.state.goalsLoading && goalStore.state.goals.length == 0
+      && h("div", { class: "text-center" }, "No Goals"), goalStore.state.goalsLoading &&
+      h("div", { class: "text-center" }, h("ion-spinner", { name: "dots" })))));
+  }
+};
+SparkleGoals.style = sparkleGoalsCss;
+
+export { SparkleGoals as sparkle_goals };