@sparkle-learning/core 0.0.52 → 0.0.53

package/dist/types/components.d.ts

@@ -5,11 +5,11 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { SparkleQuizQuestion } from "./models/quiz.model";
 import { IPageResult } from "./models/page.model";
 import { RouterHistory } from "@stencil/router";
 import { ClassFeedPostViewModel, CommentViewModel, StudentAppDataViewModel } from "./models/class.model";
 import { IGoal } from "./models/goal.model";
-import { SparkleQuizQuestion } from "./models/quiz.model";
 import { EnvironmentSparkleConfig } from "./services/environment/environment-config";
 export namespace Components {
     interface CompassSvg {
@@ -43,6 +43,25 @@ export namespace Components {
     }
     interface SparkleCourseRoot {
     }
+    interface SparkleDiscussion {
+        "allowPostToFeed": boolean;
+        "feedStartingText": string;
+        "isTeacherMode": boolean;
+        "questionIds": string;
+    }
+    interface SparkleDiscussionQuestions {
+        "allowPostToFeed": boolean;
+        "feedStartingText": string;
+        "isTeacherMode": boolean;
+        "postToFeedAssignmentName": string;
+        "questions": Array<SparkleQuizQuestion>;
+    }
+    interface SparkleDiscussionResults {
+        "allowPostToFeed": boolean;
+        "feedStartingText": string;
+        "isTeacherMode": boolean;
+        "questions": Array<SparkleQuizQuestion>;
+    }
     interface SparkleEmoji {
         "mood": string;
         "size": 'xs' | 'sm' | 'mg' | 'lg';
@@ -276,6 +295,24 @@ declare global {
         prototype: HTMLSparkleCourseRootElement;
         new (): HTMLSparkleCourseRootElement;
     };
+    interface HTMLSparkleDiscussionElement extends Components.SparkleDiscussion, HTMLStencilElement {
+    }
+    var HTMLSparkleDiscussionElement: {
+        prototype: HTMLSparkleDiscussionElement;
+        new (): HTMLSparkleDiscussionElement;
+    };
+    interface HTMLSparkleDiscussionQuestionsElement extends Components.SparkleDiscussionQuestions, HTMLStencilElement {
+    }
+    var HTMLSparkleDiscussionQuestionsElement: {
+        prototype: HTMLSparkleDiscussionQuestionsElement;
+        new (): HTMLSparkleDiscussionQuestionsElement;
+    };
+    interface HTMLSparkleDiscussionResultsElement extends Components.SparkleDiscussionResults, HTMLStencilElement {
+    }
+    var HTMLSparkleDiscussionResultsElement: {
+        prototype: HTMLSparkleDiscussionResultsElement;
+        new (): HTMLSparkleDiscussionResultsElement;
+    };
     interface HTMLSparkleEmojiElement extends Components.SparkleEmoji, HTMLStencilElement {
     }
     var HTMLSparkleEmojiElement: {
@@ -535,6 +572,9 @@ declare global {
         "sparkle-compass": HTMLSparkleCompassElement;
         "sparkle-compass-post": HTMLSparkleCompassPostElement;
         "sparkle-course-root": HTMLSparkleCourseRootElement;
+        "sparkle-discussion": HTMLSparkleDiscussionElement;
+        "sparkle-discussion-questions": HTMLSparkleDiscussionQuestionsElement;
+        "sparkle-discussion-results": HTMLSparkleDiscussionResultsElement;
         "sparkle-emoji": HTMLSparkleEmojiElement;
         "sparkle-export-lessons": HTMLSparkleExportLessonsElement;
         "sparkle-facilitator-dashboard": HTMLSparkleFacilitatorDashboardElement;
@@ -606,6 +646,25 @@ declare namespace LocalJSX {
     interface SparkleCourseRoot {
         "onPageChanged"?: (event: SparkleCourseRootCustomEvent<any>) => void;
     }
+    interface SparkleDiscussion {
+        "allowPostToFeed"?: boolean;
+        "feedStartingText"?: string;
+        "isTeacherMode"?: boolean;
+        "questionIds"?: string;
+    }
+    interface SparkleDiscussionQuestions {
+        "allowPostToFeed"?: boolean;
+        "feedStartingText"?: string;
+        "isTeacherMode"?: boolean;
+        "postToFeedAssignmentName"?: string;
+        "questions"?: Array<SparkleQuizQuestion>;
+    }
+    interface SparkleDiscussionResults {
+        "allowPostToFeed"?: boolean;
+        "feedStartingText"?: string;
+        "isTeacherMode"?: boolean;
+        "questions"?: Array<SparkleQuizQuestion>;
+    }
     interface SparkleEmoji {
         "mood"?: string;
         "size"?: 'xs' | 'sm' | 'mg' | 'lg';
@@ -769,6 +828,9 @@ declare namespace LocalJSX {
         "sparkle-compass": SparkleCompass;
         "sparkle-compass-post": SparkleCompassPost;
         "sparkle-course-root": SparkleCourseRoot;
+        "sparkle-discussion": SparkleDiscussion;
+        "sparkle-discussion-questions": SparkleDiscussionQuestions;
+        "sparkle-discussion-results": SparkleDiscussionResults;
         "sparkle-emoji": SparkleEmoji;
         "sparkle-export-lessons": SparkleExportLessons;
         "sparkle-facilitator-dashboard": SparkleFacilitatorDashboard;
@@ -823,6 +885,9 @@ declare module "@stencil/core" {
             "sparkle-compass": LocalJSX.SparkleCompass & JSXBase.HTMLAttributes<HTMLSparkleCompassElement>;
             "sparkle-compass-post": LocalJSX.SparkleCompassPost & JSXBase.HTMLAttributes<HTMLSparkleCompassPostElement>;
             "sparkle-course-root": LocalJSX.SparkleCourseRoot & JSXBase.HTMLAttributes<HTMLSparkleCourseRootElement>;
+            "sparkle-discussion": LocalJSX.SparkleDiscussion & JSXBase.HTMLAttributes<HTMLSparkleDiscussionElement>;
+            "sparkle-discussion-questions": LocalJSX.SparkleDiscussionQuestions & JSXBase.HTMLAttributes<HTMLSparkleDiscussionQuestionsElement>;
+            "sparkle-discussion-results": LocalJSX.SparkleDiscussionResults & JSXBase.HTMLAttributes<HTMLSparkleDiscussionResultsElement>;
             "sparkle-emoji": LocalJSX.SparkleEmoji & JSXBase.HTMLAttributes<HTMLSparkleEmojiElement>;
             "sparkle-export-lessons": LocalJSX.SparkleExportLessons & JSXBase.HTMLAttributes<HTMLSparkleExportLessonsElement>;
             "sparkle-facilitator-dashboard": LocalJSX.SparkleFacilitatorDashboard & JSXBase.HTMLAttributes<HTMLSparkleFacilitatorDashboardElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sparkle-learning/core",
-  "version": "0.0.52",
+  "version": "0.0.53",
   "description": "sparkle",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

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

@@ -1,124 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-51e8292e.js');
-const environmentConfig_service = require('./environment-config.service-0e02b049.js');
-require('./auth.store-1e630a7d.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) {
-    index.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;
-  }
-  // async postToFeed() {
-  //   const sparkleConfig: EnvironmentSparkleConfig = EnvironmentConfigService.getInstance().get('sparkle');
-  //   const tocData = await AssetsService.getInstance().loadJsonFile<ICourse>(sparkleConfig.tocPath);
-  //   var model = {
-  //     CourseId: tocData.id,
-  //     MiniAppId: SparkleGlobal.MY_GOALS_APP_ID,
-  //     PostText: MyGoalTemplate(this.name.value, this.goalUpdateText.value, this.progress),
-  //     PostTextJSON: MyGoalTemplateJSON(this.name.value, this.goalUpdateText.value, this.progress),
-  //     IsPublic: this.public,
-  //     ExternalResourceUrl: "",
-  //   }
-  //   const result = await FeedService.getInstance().createPost(model);
-  //   if (result.Succeeded) {
-  //     //show success toast
-  //   }
-  // }
-  isAuthenticated() {
-    try {
-      var sparkleConfig = environmentConfig_service.EnvironmentConfigService.getInstance().get('sparkle');
-      if (!!sparkleConfig && !!sparkleConfig.auth && !!sparkleConfig.auth.getToken()) {
-        return true;
-      }
-    }
-    catch (_a) {
-      return false;
-    }
-  }
-  submitPost() {
-    this.errorMessage = '';
-    this.successMessage = '';
-    //let formData = new FormData(this.el.querySelector("form")) as any;
-    //var postText = this.el.getElementsByClassName("PostText")[0] as HTMLInputElement;
-    this.el.getElementsByClassName('PostExternalUrl')[0];
-    this.el.getElementsByClassName('IsPublic')[0];
-    // this.dataSvc.saveData(data, '/api/class/feed').subscribe(
-    //   x => {
-    //     this.successMessage = 'Posted Successfully.';
-    //     // this.presentToast('Success');
-    //   },
-    //   error => {
-    //     this.errorMessage = 'There is an error while posting.';
-    //     //  this.presentToast('There is an error');
-    //   },
-    // );
-    //TODO can we return data from the dataSvc so we know if it's successful and can update the form? (Perhaps replace it with the post itself?)
-    // if (this.assignmentName) {
-    //   data.AssignmentData = JSON.stringify({ text: data.PostText, url: data.ExternalResourceUrl });
-    //   this.dataSvc.saveData(data, '/api/student/assignment-response').subscribe(
-    //     x => {
-    //       this.successMessage = 'Posted Successfully.';
-    //       // this.presentToast('Success');
-    //     },
-    //     error => {
-    //       this.errorMessage = 'There is an error while posting.';
-    //       //  this.presentToast('There is an error');
-    //     },
-    //   );
-    // }
-  }
-  uploadImage(evt) {
-    // this.uploadImageLoading = true;
-    // var files = evt.target.files;
-    // this.dataSvc.uploadImage(files, '/api/mediaitems/upload').subscribe(
-    //   x => {
-    //     this.uploadImageLoading = false;
-    //     this.uploadedImage = x.length > 0 ? x[0].FullImageUrl : '';
-    //     this.externalResourceUrl = x.length > 0 ? x[0].FullImageUrl : '';
-    //     //this.successMessage = 'Posted Successfully.'
-    //     // this.presentToast('Success');
-    //   },
-    //   error => {
-    //     this.uploadImageLoading = false;
-    //     this.errorMessage = 'There is an error while uploading an image.';
-    //   },
-    // );
-  }
-  selectFile() {
-    var fileInput = document.getElementById('fileInput');
-    fileInput.click();
-  }
-  renderUserInfo() {
-    var tokenInfo = { Token: null, ProfileImageUrl: null };
-    if (tokenInfo != null && tokenInfo.Token) {
-      return (index.h("ion-avatar", { class: "header-avatar", slot: "end" }, index.h("img", { src: "/assets/img/avatar.png" })));
-    }
-    else {
-      return (index.h("ion-button", { slot: "end", href: "/login" }, "Login to Post"));
-    }
-  }
-  render() {
-    const userInfo = this.renderUserInfo();
-    return (index.h(index.Host, null, index.h("div", { class: "assignment-name", ref: el => (this.ref = el) }, index.h("slot", null)), index.h("ion-card", null, index.h("ion-item", { class: "header", lines: "full" }, userInfo), index.h("ion-card-content", null, index.h("form", null, index.h("ion-list", null, index.h("ion-item", { class: "padding" }, index.h("ion-textarea", { class: "PostText", required: true, placeholder: "Post Text", name: "PostText", value: this.postText })), index.h("ion-item", { class: "padding" }, index.h("ion-input", { class: "PostExternalUrl", required: true, type: "text", placeholder: "URL", name: "ExternalResourceUrl", value: this.externalResourceUrl })), this.uploadedImage ? (index.h("ion-item", { class: "padding" }, index.h("img", { class: "uploaded-image", src: this.uploadedImage }))) : (''), index.h("ion-item", { lines: "none" }, index.h("input", { type: "file", id: "fileInput", onChange: evt => this.uploadImage(evt), style: { display: 'none' }, accept: "image/*" }), this.uploadImageLoading ? index.h("ion-spinner", { color: "primary" }) : '', index.h("ion-button", { slot: "start", onClick: evt => this.selectFile() }, index.h("ion-icon", { name: "add" }), "Upload Image")), index.h("div", { class: "public-post-toggle" }, index.h("ion-toggle", { class: "IsPublic", color: "primary", name: "IsPublic" }), index.h("div", null, "Public Post")), index.h("div", { class: "post-footer-container" }, index.h("div", { class: "post-footer" }, index.h("div", null, index.h("div", { class: "error" }, this.errorMessage), index.h("div", { class: "success" }, this.successMessage)), index.h("ion-button", { slot: "end", size: "default", onClick: evt => this.submitPost(), disabled: !this.isAuthenticated() }, "Post")))))))));
-  }
-  get el() { return index.getElement(this); }
-};
-SparkleFeedPost.style = sparkleFeedPostCss;
-
-exports.sparkle_feed_post = SparkleFeedPost;

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

@@ -1,120 +0,0 @@
-import { r as registerInstance, h, H as Host, e as getElement } from './index-c04b9ed5.js';
-import { E as EnvironmentConfigService } from './environment-config.service-2b5d692b.js';
-import './auth.store-dba2c2da.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;
-  }
-  // async postToFeed() {
-  //   const sparkleConfig: EnvironmentSparkleConfig = EnvironmentConfigService.getInstance().get('sparkle');
-  //   const tocData = await AssetsService.getInstance().loadJsonFile<ICourse>(sparkleConfig.tocPath);
-  //   var model = {
-  //     CourseId: tocData.id,
-  //     MiniAppId: SparkleGlobal.MY_GOALS_APP_ID,
-  //     PostText: MyGoalTemplate(this.name.value, this.goalUpdateText.value, this.progress),
-  //     PostTextJSON: MyGoalTemplateJSON(this.name.value, this.goalUpdateText.value, this.progress),
-  //     IsPublic: this.public,
-  //     ExternalResourceUrl: "",
-  //   }
-  //   const result = await FeedService.getInstance().createPost(model);
-  //   if (result.Succeeded) {
-  //     //show success toast
-  //   }
-  // }
-  isAuthenticated() {
-    try {
-      var sparkleConfig = EnvironmentConfigService.getInstance().get('sparkle');
-      if (!!sparkleConfig && !!sparkleConfig.auth && !!sparkleConfig.auth.getToken()) {
-        return true;
-      }
-    }
-    catch (_a) {
-      return false;
-    }
-  }
-  submitPost() {
-    this.errorMessage = '';
-    this.successMessage = '';
-    //let formData = new FormData(this.el.querySelector("form")) as any;
-    //var postText = this.el.getElementsByClassName("PostText")[0] as HTMLInputElement;
-    this.el.getElementsByClassName('PostExternalUrl')[0];
-    this.el.getElementsByClassName('IsPublic')[0];
-    // this.dataSvc.saveData(data, '/api/class/feed').subscribe(
-    //   x => {
-    //     this.successMessage = 'Posted Successfully.';
-    //     // this.presentToast('Success');
-    //   },
-    //   error => {
-    //     this.errorMessage = 'There is an error while posting.';
-    //     //  this.presentToast('There is an error');
-    //   },
-    // );
-    //TODO can we return data from the dataSvc so we know if it's successful and can update the form? (Perhaps replace it with the post itself?)
-    // if (this.assignmentName) {
-    //   data.AssignmentData = JSON.stringify({ text: data.PostText, url: data.ExternalResourceUrl });
-    //   this.dataSvc.saveData(data, '/api/student/assignment-response').subscribe(
-    //     x => {
-    //       this.successMessage = 'Posted Successfully.';
-    //       // this.presentToast('Success');
-    //     },
-    //     error => {
-    //       this.errorMessage = 'There is an error while posting.';
-    //       //  this.presentToast('There is an error');
-    //     },
-    //   );
-    // }
-  }
-  uploadImage(evt) {
-    // this.uploadImageLoading = true;
-    // var files = evt.target.files;
-    // this.dataSvc.uploadImage(files, '/api/mediaitems/upload').subscribe(
-    //   x => {
-    //     this.uploadImageLoading = false;
-    //     this.uploadedImage = x.length > 0 ? x[0].FullImageUrl : '';
-    //     this.externalResourceUrl = x.length > 0 ? x[0].FullImageUrl : '';
-    //     //this.successMessage = 'Posted Successfully.'
-    //     // this.presentToast('Success');
-    //   },
-    //   error => {
-    //     this.uploadImageLoading = false;
-    //     this.errorMessage = 'There is an error while uploading an image.';
-    //   },
-    // );
-  }
-  selectFile() {
-    var fileInput = document.getElementById('fileInput');
-    fileInput.click();
-  }
-  renderUserInfo() {
-    var tokenInfo = { Token: null, ProfileImageUrl: null };
-    if (tokenInfo != null && tokenInfo.Token) {
-      return (h("ion-avatar", { class: "header-avatar", slot: "end" }, h("img", { src: "/assets/img/avatar.png" })));
-    }
-    else {
-      return (h("ion-button", { slot: "end", href: "/login" }, "Login to Post"));
-    }
-  }
-  render() {
-    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", name: "PostText", value: this.postText })), h("ion-item", { class: "padding" }, h("ion-input", { class: "PostExternalUrl", required: true, type: "text", placeholder: "URL", name: "ExternalResourceUrl", value: this.externalResourceUrl })), this.uploadedImage ? (h("ion-item", { class: "padding" }, h("img", { class: "uploaded-image", src: this.uploadedImage }))) : (''), h("ion-item", { lines: "none" }, h("input", { type: "file", id: "fileInput", onChange: evt => this.uploadImage(evt), style: { display: 'none' }, accept: "image/*" }), this.uploadImageLoading ? h("ion-spinner", { color: "primary" }) : '', h("ion-button", { slot: "start", onClick: evt => this.selectFile() }, h("ion-icon", { name: "add" }), "Upload Image")), h("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("ion-button", { slot: "end", size: "default", onClick: evt => this.submitPost(), disabled: !this.isAuthenticated() }, "Post")))))))));
-  }
-  get el() { return getElement(this); }
-};
-SparkleFeedPost.style = sparkleFeedPostCss;
-
-export { SparkleFeedPost as sparkle_feed_post };

package/dist/sparkle-core/p-15403881.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,H as s,e as i}from"./p-ee1e0eb4.js";import{E as n}from"./p-b226f54d.js";import"./p-2f569553.js";const l=class{constructor(e){t(this,e)}componentDidLoad(){this.postText=this.textValue,this.ref&&this.ref.innerText&&(this.assignmentName=this.ref.innerText,console.log(this.assignmentName))}setText(t){this.postText=t}isAuthenticated(){try{var t=n.getInstance().get("sparkle");if(t&&t.auth&&t.auth.getToken())return!0}catch(t){return!1}}submitPost(){this.errorMessage="",this.successMessage="",this.el.getElementsByClassName("PostExternalUrl"),this.el.getElementsByClassName("IsPublic")}uploadImage(t){}selectFile(){document.getElementById("fileInput").click()}renderUserInfo(){var t={Token:null,ProfileImageUrl:null};return null!=t&&t.Token?e("ion-avatar",{class:"header-avatar",slot:"end"},e("img",{src:"/assets/img/avatar.png"})):e("ion-button",{slot:"end",href:"/login"},"Login to Post")}render(){const t=this.renderUserInfo();return e(s,null,e("div",{class:"assignment-name",ref:t=>this.ref=t},e("slot",null)),e("ion-card",null,e("ion-item",{class:"header",lines:"full"},t),e("ion-card-content",null,e("form",null,e("ion-list",null,e("ion-item",{class:"padding"},e("ion-textarea",{class:"PostText",required:!0,placeholder:"Post Text",name:"PostText",value:this.postText})),e("ion-item",{class:"padding"},e("ion-input",{class:"PostExternalUrl",required:!0,type:"text",placeholder:"URL",name:"ExternalResourceUrl",value:this.externalResourceUrl})),this.uploadedImage?e("ion-item",{class:"padding"},e("img",{class:"uploaded-image",src:this.uploadedImage})):"",e("ion-item",{lines:"none"},e("input",{type:"file",id:"fileInput",onChange:t=>this.uploadImage(t),style:{display:"none"},accept:"image/*"}),this.uploadImageLoading?e("ion-spinner",{color:"primary"}):"",e("ion-button",{slot:"start",onClick:()=>this.selectFile()},e("ion-icon",{name:"add"}),"Upload Image")),e("div",{class:"public-post-toggle"},e("ion-toggle",{class:"IsPublic",color:"primary",name:"IsPublic"}),e("div",null,"Public Post")),e("div",{class:"post-footer-container"},e("div",{class:"post-footer"},e("div",null,e("div",{class:"error"},this.errorMessage),e("div",{class:"success"},this.successMessage)),e("ion-button",{slot:"end",size:"default",onClick:()=>this.submitPost(),disabled:!this.isAuthenticated()},"Post"))))))))}get el(){return i(this)}};l.style=":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}";export{l as sparkle_feed_post}

package/dist/sparkle-core/p-41a9ece7.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,c as s,e}from"./p-ee1e0eb4.js";import{g as a}from"./p-5d409601.js";import{S as o}from"./p-935e7cfc.js";class n{constructor(){this.pItems={}}fromSrt(t,i){var s=!!i;(t=(t=t.replace(/\r/g,"")).split(/(\d+)\n(\d{2}:\d{2}:\d{2},\d{3}) --> (\d{2}:\d{2}:\d{2},\d{3})/g)).shift();for(var e={},a=0;a<t.length;a+=4)e[s?this.timeS(t[a+1].trim()):t[a+1].trim()]=t[a+3].trim();return e}toSrt(t){if(!(t instanceof Array))return"";for(var i="",s=0;s<t.length;s++){var e=t[s];isNaN(e.startTime)||isNaN(e.endTime)||(e.startTime=this.msTime(parseInt(e.startTime,10)),e.endTime=this.msTime(parseInt(e.endTime,10))),i+=e.id+"\r\n",i+=e.startTime+" --\x3e "+e.endTime+"\r\n",i+=e.text.replace("\n","\r\n")+"\r\n\r\n"}return i}timeS(t){var i=/(\d+):(\d{2}):(\d{2}),(\d{3})/.exec(t);if(null===i)return 0;for(var s=1;s<5;s++)i[s]=parseInt(i[s],10).toString(),isNaN(parseInt(i[s],10))&&(i[s]="0");return 3600*parseInt(i[1],10)+60*parseInt(i[2],10)+parseInt(i[3],10)+Math.floor(parseInt(i[4],10)/1e3)}msTime(t){var i=[36e5,6e4,1e3],s=[];for(var e in i){var a=(t/i[e]>>0).toString();a.length<2&&(a="0"+a),t%=i[e],s.push(a)}var o=t.toString();if(o.length<3)for(let t=0;t<=3-o.length;t++)o="0"+o;return s.join(":")+","+o}}const r=class{constructor(i){t(this,i),this.showCaption=!1,this.paused=!0,this.dataLoaded=!1,this.currentProgressWidth=0,this.captionText="",this.showFirstFrame=!1,this.firstFramePath="",this.isBusy=!1,this.animationVideoProgress="0",this.captionData={}}closedCaptionChange(t){this.showCaption=!this.showCaption}onClassRoomModeChanged(t){this.classMode=t.detail}componentWillLoad(){this.classMode=a(o.LOCALSTORAGE_CLASSROOM_MODE);const t=document.createElement("script");this.firstFramePath=this.src.replace(".js",".png"),t.src=this.src,document.body.appendChild(t),this.readTextFile(this.src.replace(".js",".srt")),this.rergisterSoundControls()}readTextFile(t){let i=this;var s=new XMLHttpRequest;s.open("GET",t,!1),s.onreadystatechange=function(){if(4===s.readyState&&(200===s.status||0==s.status)){var t=s.responseText,e=new n;i.captionData=e.fromSrt(t,!0)}},s.send(null)}isScriptLoaded(t){for(var i=document.getElementsByTagName("script"),s=i.length;s--;)if(i[s].getAttribute("src")==t)return!0;return!1}rergisterSoundControls(){window.playSound=t=>(this.sound&&this.sound.stop(),this.sound=createjs.Sound.play(t,{interrupt:createjs.Sound.INTERRUPT_EARLY,loop:0,volume:1}),this.sound),window.resetToStart=()=>{console.log("reset"),this.rewindAnimationToStart()}}startLoading(){this.isBusy=!0,this.paused=!1}doneLoading(){this.isBusy=!1,this.dataLoaded=!0,this.paused=!1}handleFileLoad(t){var i=this.comp.getImages();t&&"image"==t.item.type&&(i[t.item.id]=t.result)}handleQueueProgress(t){return t=>{this.animationVideoProgress=t.loaded?(100*t.loaded).toFixed(0):"0",1==t.loaded&&this.doneLoading()}}handleComplete(t){for(var i=this.comp.getSpriteSheet(),s=t.target,e=this.library.ssMetadata,a=0;a<e.length;a++)i[e[a].name]=new createjs.SpriteSheet({images:[s.getResult(e[a].name)],frames:e[a].frames});var o=this.src.substring(this.src.lastIndexOf("/")+1,this.src.lastIndexOf("."));this.exportRoot=new this.library[o],this.stage=new this.library.Stage(this.canvas),this.makeResponsive(!0,"both",!1,1),AdobeAn.compositionLoaded(this.library.properties.id),this.stage.addChild(this.exportRoot),createjs.Ticker.framerate=this.library.properties.fps,createjs.Ticker.paused=!1,createjs.Ticker.addEventListener("tick",this.stage),createjs.Ticker.addEventListener("tick",(t=>{this.tickHandler(t)}))}loadAnimation(){this.startLoading(),createjs.Sound.initializeDefaultPlugins()&&(this.canvas=this.el.querySelector(".video-canvas"),this.anim_container=this.el.querySelector(".canvas-container"),this.comp=AdobeAn.getComposition(this.composition),this.canvas.style.width="100%",this.canvas.style.height=this.canvas.offsetWidth+"px",this.anim_container.style.height=this.canvas.offsetWidth+"px",this.library=this.comp.getLibrary(),this.loader=new createjs.LoadQueue(!1),this.loader.setMaxConnections(3),this.loader.maintainScriptOrder=!0,this.loader.installPlugin(createjs.Sound),this.loader.addEventListener("complete",(t=>{this.handleComplete(t)})),this.loader.addEventListener("fileload",(t=>{this.handleFileLoad(t)})),this.loader.addEventListener("progress",this.handleQueueProgress(this)),this.loader.loadManifest(this.library.properties.manifest,!0,this.src.substring(0,this.src.lastIndexOf("/")+1)))}playButtonAction(){this.dataLoaded?this.playPauseAnimation():this.loadAnimation()}playPauseAnimation(){createjs.Ticker.paused?this.playAnimation():this.pauseAnimation()}async playAnimation(){if(this.showFirstFrame=!1,null!=this.loader&&this.loader.close(),createjs&&createjs.Ticker){let t=!1,i=this.sound;i&&(i.paused=t),createjs.Ticker.paused=t,createjs.Ticker.addEventListener("tick",this.stage),this.paused=t}}async pauseAnimation(){if(null!=this.loader&&this.loader.close(),createjs&&createjs.Ticker){let t=!0,i=this.sound;i&&(i.paused=t),createjs.Ticker.paused=t,createjs.Ticker.removeEventListener("tick",this.stage),this.paused=t}}disconnectedCallback(){this.pauseAnimation(),createjs.Sound.removeAllSounds()}async classRoomModeChanged(t){this.classMode=t}async destroyAnimation(){this.pauseAnimation()}makeResponsive(t,i,s,e){window.addEventListener("resize",(()=>this.resizeCanvas(t,i,s,e))),this.resizeCanvas(t,i,s,e)}resizeCanvas(t,i,s,e){var a,o,n=1,r=this.library.properties.width,h=this.library.properties.height,l=window.innerWidth,c=window.innerHeight,d=window.devicePixelRatio||1,p=l/r,u=c/h,m=1;t&&("width"==i&&a==l||"height"==i&&o==c?m=n:s?1==e?m=Math.min(p,u):2==e&&(m=Math.max(p,u)):(l<r||c<h)&&(m=Math.min(p,u)));var g=this.el.querySelector(".canvas-container");this.canvas.width=r*d*m,this.canvas.height=h*d*m,this.canvas.style.width="100%",this.canvas.style.height=this.canvas.offsetWidth+"px",g.style.height=this.canvas.offsetWidth+"px",this.stage.scaleX=d*m,this.stage.scaleY=d*m,a=l,o=c,n=m,this.sizeOfCanvas=this.canvas.offsetWidth;var v=this.el.querySelector(".progressBar");this.sizeofProgressBar=v.offsetWidth,this.stage.tickOnUpdate=!1,this.stage.update(),this.stage.tickOnUpdate=!0}tickHandler(t){t.paused||(this.timeline=this.stage.children[0].timeline,this.captionData[Math.floor(this.timeline.position/this.library.properties.fps)]&&(this.captionText=this.captionData[Math.floor(this.timeline.position/this.library.properties.fps)]),this.timeline.position%10==0&&(this.timeline.position>this.timeline.duration-10&&this.animationCompleted(),this.currentProgressWidth=parseFloat((this.timeline.position/this.timeline.duration*this.sizeofProgressBar).toFixed(0))))}animationCompleted(){console.log("completed"),this.showFirstFrame=!0,this.rewindAnimationTo(0),this.pauseAnimation()}rewindAnimationTo(t){let i=this.sound;i&&(i.paused=!0);let s=this.stage.children[0],e=s.timeline;t<0&&(t=0),t>e.duration&&(t=e.duration-10),this.paused?(s.gotoAndStop(t),this.stage.update(),i&&!i.getPaused()&&(createjs.Ticker.paused=!0)):(s.gotoAndPlay(t),createjs.Ticker.paused=!1)}rewindAnimationToStart(){this.paused=!0,this.rewindAnimationTo(0)}rewindAnimation(t){t.stopPropagation();let i=Math.round(t.offsetX/this.sizeofProgressBar*this.stage.children[0].timeline.duration);this.rewindAnimationTo(i)}rewind5Sec(){this.rewindAnimationTo(this.stage.children[0].timeline.position-5*this.library.properties.fps)}fastForward5Sec(){this.rewindAnimationTo(this.stage.children[0].timeline.position+5*this.library.properties.fps)}muteVolume(){let t=this.sound;t&&(t.volume=0)}downVolume(){let t=this.sound;t&&t._getVolume()>.9&&(t.volume=t._getVolume()-.1)}upVolume(){let t=this.sound;t&&t._getVolume()<1&&(t.volume=t._getVolume()+.1)}render(){return i("div",{class:"cavase-main-container"},i("div",{class:"canvas-container",id:"canvas-container"},this.classMode?"":i("div",null,i("canvas",{class:"video-canvas",onClick:()=>this.playButtonAction()}),this.showCaption?i("div",{class:"caption"},this.captionText):""),!this.dataLoaded||this.showFirstFrame?i("img",{class:"frame-img",src:this.firstFramePath}):"",this.classMode?i("img",{class:"overlay-img",src:s("./assets/play-button-disabled-overlay.png")}):"",!this.classMode&&this.paused?i("img",{class:"overlay-img",onClick:()=>this.playButtonAction(),src:s("./assets/play-button-overlay.png")}):"",this.isBusy?i("div",{class:"loading-container"},i("div",{class:"uil-ring-css"},i("div",null),i("a",null,"Loading ",this.animationVideoProgress,"%"))):""),this.dataLoaded?i("div",{class:"navControls"},i("div",{class:"progressBar",onClick:t=>this.rewindAnimation(t)},i("div",{class:"currentProgress",style:{width:this.currentProgressWidth+"px"}})),i("div",{class:"button-panel"},i("ion-button",{size:"small",color:"transperant",onClick:()=>this.rewind5Sec()}," ",i("ion-icon",{name:"play-back-outline"})," "),i("ion-button",{size:"small",color:"transperant",onClick:()=>this.playButtonAction()}," ",i("ion-icon",this.paused?{name:"pause-outline"}:{name:"play-outline"})),i("ion-button",{size:"small",color:"transperant",onClick:()=>this.fastForward5Sec()}," ",i("ion-icon",{name:"play-forward-outline"})))):"",this.dataLoaded&&this.captionText?i("div",{class:"closed-caption"},i("ion-item",{lines:"none"},i("ion-label",null,"Closed Caption"),i("ion-toggle",{slot:"end",color:"primary",checked:this.showCaption}))):"")}static get assetsDirs(){return["assets"]}get el(){return e(this)}};r.style='.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%}}';export{r as sparkle_animation_player}

package/dist/types/components/sparkle-quiz/sparkle-quiz.d.ts

@@ -1,41 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { SparkleQuizQuestion } from '../../models/quiz.model';
-export declare class SparkleQuiz {
-    el: HTMLElement;
-    questionId: number;
-    submitted: boolean;
-    correct: boolean;
-    showInstantResult: boolean;
-    quizAnswerChanged: EventEmitter<{
-        answer: any;
-        question: SparkleQuizQuestion;
-    }>;
-    private pageInfo;
-    loadQuestion(): Promise<void>;
-    question: SparkleQuizQuestion;
-    quizData: {
-        [key: string]: SparkleQuizQuestion;
-    };
-    componentWillLoad(): Promise<void>;
-    componentDidLoad(): Promise<void>;
-    quizInputChangeHandler(event: CustomEvent<{
-        value: string;
-        question: SparkleQuizQuestion;
-    }>): void;
-    quizFeedbackChangeHandler(event: CustomEvent<{
-        value: string;
-        question: SparkleQuizQuestion;
-    }>): void;
-    quizSelectChangeHandler(event: CustomEvent<{
-        value: string;
-        question: SparkleQuizQuestion;
-    }>): void;
-    quizOpinionChangeHandler(event: CustomEvent<{
-        value: string;
-        question: SparkleQuizQuestion;
-    }>): void;
-    private getQuestionFeedback;
-    private showAnswerStatus;
-    private renderQuestion;
-    render(): any;
-}