@sparkle-learning/core 0.0.56 → 0.0.57

package/dist/collection/components/mini-apps/sparkle-mood/sparkle-mood.js

@@ -1,127 +0,0 @@
-import { Component, State, Prop, Host, getAssetPath, h } from '@stencil/core';
-import { SparkleGlobal, MyMoodTemplate, MyMoodTemplateJSON } from "../../../util";
-import { EnvironmentConfigService } from "../../../services/environment/environment-config.service";
-import { AssetsService } from "../../../services/core/assets.service";
-import { FeedService } from '../../../services/feed.service';
-import feedStore from '../../../stores/feed.store';
-export class SparkleMood {
-  constructor() {
-    this.feelingItems = ["Anger", "Fear", "Disgust", "Happiness", "Sadness", "Suprise", "Neutral", "Anxiety", "Love", "Depression", "Contempt", "Pride", "Shame", "Envy"];
-    this.intensityItems = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10'];
-    this.locationItems = ["anger.jpg", "fear.jpg", "disgust.jpg", "happiness.jpg", "sadness.jpg", "neutral.jpg", "anxiety.jpg", "love.jpg", "depression.jpg", "contempt.jpg", "pride.jpg", "shame.jpg", "envy.jpg"];
-    this.feeling = this.feelingItems[0];
-    this.intensity = this.intensityItems[0];
-    this.location = this.locationItems[0];
-    this.public = true;
-    this.submitted = false;
-    this.currentStep = "FEELING";
-  }
-  back() {
-    if (this.currentStep == "LOCATION") {
-      this.currentStep = "INTENSITY";
-    }
-    else if (this.currentStep == "INTENSITY") {
-      this.currentStep = "FEELING";
-    }
-  }
-  async next() {
-    if (this.currentStep == "FEELING") {
-      this.currentStep = "INTENSITY";
-    }
-    else if (this.currentStep == "INTENSITY") {
-      this.currentStep = "LOCATION";
-    }
-    else if (this.currentStep == "LOCATION") {
-      const sparkleConfig = EnvironmentConfigService.getInstance().get('sparkle');
-      const tocData = await AssetsService.getInstance().loadJsonFile(sparkleConfig.tocPath);
-      var model = {
-        CourseId: tocData.id,
-        PostText: MyMoodTemplate(this.feeling, this.intensity, getAssetPath(`../assets/img/mood/` + this.location)),
-        PostTextJSON: MyMoodTemplateJSON(this.feeling, this.intensity, getAssetPath(`../assets/img/mood/` + this.location)),
-        ExternalResourceUrl: "",
-        IsPublic: this.public,
-        MiniAppId: SparkleGlobal.MY_MOOD_APP_ID,
-      };
-      const result = await FeedService.getInstance().createPost(model);
-      if (result.Succeeded) {
-        this.history.replace('/home');
-      }
-    }
-  }
-  render() {
-    const buttonLabel = this.currentStep == "LOCATION" ? "SUBMIT" : "NEXT";
-    return (h(Host, null,
-      h("div", { class: `${this.currentStep == "FEELING" ? '' : 'hide'}` },
-        h("ion-list", null,
-          h("ion-radio-group", { name: "feeling", value: this.feeling, onIonChange: (ev) => this.feeling = ev.detail.value },
-            h("ion-list-header", null,
-              h("ion-label", null, "FEELING")),
-            this.feelingItems.map((item) => h("ion-item", null,
-              h("ion-label", null, item),
-              h("ion-radio", { slot: "start", value: item })))))),
-      h("div", { class: `${this.currentStep == "INTENSITY" ? '' : 'hide'}` },
-        h("ion-list", null,
-          h("ion-radio-group", { name: "intesity", value: this.intensity, onIonChange: (ev) => this.intensity = ev.detail.value },
-            h("ion-list-header", null,
-              h("ion-label", null, "INTENSITY")),
-            this.intensityItems.map((item) => h("ion-item", null,
-              h("ion-label", null, item),
-              h("ion-radio", { slot: "start", value: item })))))),
-      h("div", { class: `${this.currentStep == "LOCATION" ? '' : 'hide'}` },
-        h("ion-list", null,
-          h("ion-radio-group", { name: "location", value: this.location, onIonChange: (ev) => this.location = ev.detail.value },
-            h("ion-list-header", null,
-              h("ion-label", null,
-                h("h3", null, "LOCATION"))),
-            this.locationItems.map((item) => h("ion-item", null,
-              h("ion-label", null,
-                h("img", { src: getAssetPath(`../assets/img/mood/` + item) })),
-              h("ion-radio", { slot: "start", value: item })))),
-          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" },
-        this.currentStep != "FEELING" && h("ion-button", { size: "default", slot: "start", onClick: () => this.back() }, "BACK"),
-        h("ion-button", { slot: "end", color: "primary", size: "default", onClick: () => this.next(), disabled: feedStore.state.createPostLoading },
-          feedStore.state.createPostLoading && h("ion-spinner", { name: "dots" }),
-          buttonLabel))));
-  }
-  static get is() { return "sparkle-mood"; }
-  static get originalStyleUrls() { return {
-    "$": ["sparkle-mood.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["sparkle-mood.css"]
-  }; }
-  static get properties() { return {
-    "history": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "RouterHistory",
-        "resolved": "RouterHistory",
-        "references": {
-          "RouterHistory": {
-            "location": "import",
-            "path": "@stencil/router"
-          }
-        }
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    }
-  }; }
-  static get states() { return {
-    "loading": {},
-    "feeling": {},
-    "intensity": {},
-    "location": {},
-    "public": {},
-    "submitted": {},
-    "currentStep": {}
-  }; }
-}

package/dist/collection/components/modal-image/modal-image.css

@@ -1,61 +0,0 @@
-:host {
-  display: block;
-}
-
-.overlay {
-  opacity: 0;
-  visibility: hidden;
-  position: fixed;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  background: rgba(0, 0, 0, 0.7);
-  -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
-  transition: opacity 0.5s, visibility 0s 0.5s;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 100;
-}
-
-.is-visible {
-  opacity: 1;
-  visibility: visible;
-  -webkit-transition: opacity 0.5s;
-  transition: opacity 0.5s;
-}
-
-.is-transparent {
-  opacity: 0;
-}
-
-.modal-window {
-  /* background: white; */
-  border-radius: 25px;
-  width: 75%;
-  height: 75%;
-  padding: 50px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.modal-window__content {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  animation-name: zoom;
-  animation-duration: 0.6s;
-}
-
-@keyframes zoom {
-  from {
-    transform: scale(0);
-  }
-  to {
-    transform: scale(1);
-  }
-}

package/dist/collection/components/modal-image/modal-image.js

@@ -1,159 +0,0 @@
-import { Component, Host, Prop, Listen, h } from '@stencil/core';
-export class SparkleModalImage {
-  constructor() {
-    this.openDialog = false;
-    this.transparent = false;
-  }
-  handleKeyDown(ev) {
-    if (ev.key === 'Escape') {
-      this.openDialog = false;
-    }
-  }
-  handleScroll() {
-    if (this.openDialog) {
-      this.openDialog = false;
-    }
-  }
-  openImage() {
-    this.openDialog = true;
-  }
-  render() {
-    return (h(Host, null,
-      h("a", { href: "javascript:void()", onClick: () => this.openImage() },
-        h("img", { src: this.src, alt: this.alt, width: this.width, height: this.height })),
-      this.openDialog && h("div", { class: 'overlay ' + (this.openDialog ? 'is-visible' : '') + ' ' + (this.transparent ? 'is-transparent' : '') },
-        h("div", { class: "modal-window" },
-          h("div", { class: "modal-window__content" },
-            h("img", { src: this.src, alt: this.alt, width: this.width, height: this.height }))))));
-  }
-  static get is() { return "sparkle-modal-image"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["modal-image.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["modal-image.css"]
-  }; }
-  static get properties() { return {
-    "src": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "src",
-      "reflect": false
-    },
-    "alt": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "alt",
-      "reflect": false
-    },
-    "width": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "width",
-      "reflect": false
-    },
-    "height": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "height",
-      "reflect": false
-    },
-    "openDialog": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "open-dialog",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "transparent": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "transparent",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get listeners() { return [{
-      "name": "keydown",
-      "method": "handleKeyDown",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "click",
-      "method": "handleScroll",
-      "target": undefined,
-      "capture": true,
-      "passive": false
-    }]; }
-}
-{ /* <sparkle-modal-image src="/assets/img/characters/yuna.png">
-</sparkle-modal-image> */
-}

package/dist/collection/components/sparkle-animation-player/caption-parser.js

@@ -1,94 +0,0 @@
-//https://github.com/bazh/subtitles-parser/blob/master/index.js
-export class CaptionParser {
-  constructor() {
-    this.pItems = {};
-  }
-  fromSrt(data, s) {
-    var useSec = s ? true : false;
-    data = data.replace(/\r/g, '');
-    var regex = /(\d+)\n(\d{2}:\d{2}:\d{2},\d{3}) --> (\d{2}:\d{2}:\d{2},\d{3})/g;
-    data = data.split(regex);
-    data.shift();
-    var items = {};
-    // for (var i = 0; i < data.length; i += 4) {
-    //     items.push({
-    //         id: data[i].trim(),
-    //         startTime: useMs ? this.timeMs(data[i + 1].trim()) : data[i + 1].trim(),
-    //         endTime: useMs ? this.timeMs(data[i + 2].trim()) : data[i + 2].trim(),
-    //         text: data[i + 3].trim()
-    //     });
-    // }
-    for (var i = 0; i < data.length; i += 4) {
-      items[useSec ? this.timeS(data[i + 1].trim()) : data[i + 1].trim()] = data[i + 3].trim();
-    }
-    return items;
-  }
-  ;
-  toSrt(data) {
-    if (!(data instanceof Array))
-      return '';
-    var res = '';
-    for (var i = 0; i < data.length; i++) {
-      var s = data[i];
-      if (!isNaN(s.startTime) && !isNaN(s.endTime)) {
-        s.startTime = this.msTime(parseInt(s.startTime, 10));
-        s.endTime = this.msTime(parseInt(s.endTime, 10));
-      }
-      res += s.id + '\r\n';
-      res += s.startTime + ' --> ' + s.endTime + '\r\n';
-      res += s.text.replace('\n', '\r\n') + '\r\n\r\n';
-    }
-    return res;
-  }
-  ;
-  // private timeMs(val) {
-  //     var regex = /(\d+):(\d{2}):(\d{2}),(\d{3})/;
-  //     var parts = regex.exec(val);
-  //     if (parts === null) {
-  //         return 0;
-  //     }
-  //     for (var i = 1; i < 5; i++) {
-  //         // parts[i] = parseInt(parts[i], 10);
-  //         // if (isNaN(parts[i])) parts[i] = 0;
-  //         parts[i] = parseInt(parts[i], 10).toString();
-  //         if (isNaN(parseInt(parts[i], 10))) parts[i] = "0";
-  //     }
-  //     // hours + minutes + seconds + ms
-  //     return (parseInt(parts[1], 10) * 3600000) + (parseInt(parts[2], 10) * 60000) + (parseInt(parts[3], 10) * 1000) + parseInt(parts[4], 10);
-  // };
-  timeS(val) {
-    var regex = /(\d+):(\d{2}):(\d{2}),(\d{3})/;
-    var parts = regex.exec(val);
-    if (parts === null) {
-      return 0;
-    }
-    for (var i = 1; i < 5; i++) {
-      // parts[i] = parseInt(parts[i], 10);
-      // if (isNaN(parts[i])) parts[i] = 0;
-      parts[i] = parseInt(parts[i], 10).toString();
-      if (isNaN(parseInt(parts[i], 10)))
-        parts[i] = "0";
-    }
-    // hours + minutes + seconds + ms
-    return (parseInt(parts[1], 10) * 3600) + (parseInt(parts[2], 10) * 60) + (parseInt(parts[3], 10)) + Math.floor(parseInt(parts[4], 10) / 1000);
-  }
-  ;
-  msTime(val) {
-    var measures = [3600000, 60000, 1000];
-    var time = [];
-    for (var i in measures) {
-      var res = (val / measures[i] >> 0).toString();
-      if (res.length < 2)
-        res = '0' + res;
-      val %= measures[i];
-      time.push(res);
-    }
-    var ms = val.toString();
-    if (ms.length < 3) {
-      for (let i = 0; i <= 3 - ms.length; i++)
-        ms = '0' + ms;
-    }
-    return time.join(':') + ',' + ms;
-  }
-  ;
-}

package/dist/collection/components/sparkle-animation-player/sparkle-animation-player.css

@@ -1,157 +0,0 @@
-.video-canvas {
-  position: absolute;
-  display: block;
-  background-color: #f5f5f5;
-  width: auto;
-}
-
-.closed-caption {
-  justify-content: flex-end;
-  width: 100%;
-  display: flex;
-}
-
-sparkle-animation-player {
-  width: 100%;
-  margin: 0 auto;
-}
-
-.caption {
-  position: absolute;
-  bottom: 0px;
-  color: white;
-  text-align: center;
-  width: 100%;
-  text-shadow: 1px 1px 2px #e50539;
-}
-
-.canvas-container {
-  width: 680px;
-  height: 680px;
-  background-color: #f5f5f5;
-  border-radius: 10px;
-  position: relative;
-}
-
-.frame-img {
-  position: absolute;
-  display: block;
-  max-width: 100%;
-  width: 100%;
-  height: auto;
-}
-
-.overlay-img {
-  position: absolute;
-  z-index: 9999;
-  top: 0px;
-  display: block;
-  max-width: 100%;
-  width: 100%;
-  height: auto;
-}
-
-.button-panel {
-  display: flex;
-  justify-content: center;
-}
-
-ion-icon {
-  color: var(--ion-color-primary);
-}
-
-.navControls {
-  width: 680px;
-  background: transparent;
-  border-radius: 10px;
-  position: relative;
-  padding-top: 15px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.navControls .progressBar {
-  flex: 100%;
-  border-radius: 20px;
-  position: relative;
-  left: 0;
-  right: 0;
-  height: 4px;
-  background-color: rgba(205, 205, 205, 0.7);
-  width: 100%;
-}
-.navControls .progressBar .currentProgress {
-  border-radius: 20px;
-  position: absolute;
-  height: 25px;
-  background-color: var(--ion-color-primary);
-  transition: width 0.5s;
-  width: 100%;
-}
-.navControls .progressBar .currentProgress:before {
-  position: absolute;
-  top: 50%;
-  right: 4px;
-  content: " ";
-  display: block;
-  width: 12px;
-  height: 12px;
-  margin-top: -10px;
-  background: #e5053a;
-  border-radius: 10px;
-  border: 4px solid #d9d4d4;
-  z-index: 10;
-}
-
-#dom_overlay_container {
-  pointer-events: none;
-  overflow: hidden;
-  position: absolute;
-  left: 0px;
-  top: 0px;
-  display: block;
-}
-
-.cavase-main-container {
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  padding: 15px;
-  background-position: center;
-  background-size: cover;
-  background-repeat: no-repeat;
-}
-
-.loading-container {
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.uil-ring-css {
-  position: absolute;
-}
-
-ion-button {
-  --ion-color-base: transparent;
-  --ion-color-contrast: var(--ion-color-primary);
-  --box-shadow: none !important;
-}
-
-@media screen and (min-width: 760px) {
-  .navControls {
-    flex-direction: row;
-  }
-  .navControls .progressBar {
-    height: 24px;
-    flex: 75%;
-    width: 75%;
-  }
-
-  .button-panel {
-    flex: 25%;
-    width: 25%;
-  }
-}