@sparkle-learning/core 0.0.27 → 0.0.30

package/dist/collection/components/sparkle-course-root/sparkle-course-root.js

@@ -1,16 +1,16 @@
 import { Component, State, Event, Watch, Build, h } from '@stencil/core';
 import { injectHistory } from '@stencil/router';
 import { PrivateRoute } from '../../PrivateRoute';
-import { AssetsService } from "../../services/core/assets.service";
-import { AuthStore } from "../../stores/auth.store";
-import { AuthService } from "../../services/auth/auth.service";
+import { AssetsService } from '../../services/core/assets.service';
+import { AuthStore } from '../../stores/auth.store';
+import { AuthService } from '../../services/auth/auth.service';
 import { initSetupConfig as initSetupSparkleConfig } from '../../services/environment/environment-config';
 import userStore from '../../stores/user.store';
 export class SparkleCourseRoot {
   constructor() {
     this.history = null;
-    this.tocPath = "/assets/content/toc.json";
-    this.quizPath = "/assets/quiz.json";
+    this.tocPath = '/assets/content/toc.json';
+    this.quizPath = '/assets/quiz.json';
     this.config = {
       appUrl: 'http://localhost:3333',
       globalAssetsUrl: 'http://localhost:3333/assets',
@@ -20,10 +20,10 @@ export class SparkleCourseRoot {
       menu: {
         showRomanNumber: true,
         showModuleIndex: true,
-        showSessionIndex: true
+        showSessionIndex: true,
       },
       prod: true,
-      courseId: 1
+      courseId: 1,
     };
     this.isMenuToggled = false;
     //ICourse;
@@ -52,7 +52,7 @@ export class SparkleCourseRoot {
   }
   async componentWillLoad() {
     initSetupSparkleConfig({
-      sparkle: Object.assign({}, this.config)
+      sparkle: Object.assign({}, this.config),
     });
     this.tocData = await AssetsService.getInstance().loadJsonFile(this.tocPath);
   }
@@ -60,36 +60,37 @@ export class SparkleCourseRoot {
     return matchMedia && matchMedia('(max-width: 768px)').matches;
   }
   async toggleStudentSidebar() {
-    var sidebar = document.getElementById("onlineStudents");
+    var sidebar = document.getElementById('onlineStudents');
     await sidebar.show();
   }
   renderPage(path) {
-    return (h("stencil-route", { url: "/" + path, routeRender: props => [this.renderHeaderAndMenu(), h("sparkle-page", { history: this.history, path: "" },
-          path == "login" && h("sparkle-login", null),
-          path == "signup" && h("sparkle-signup", { history: this.history }),
-          path == "forgot-password" && h("sparkle-forgot-password", { history: this.history }),
-          path == "reset-password" && h("sparkle-reset-password", { history: this.history }))
+    return (h("stencil-route", { url: '/' + path, routeRender: props => [
+        this.renderHeaderAndMenu(),
+        h("sparkle-page", { history: this.history, path: "" },
+          path == 'login' && h("sparkle-login", null),
+          path == 'signup' && h("sparkle-signup", { history: this.history }),
+          path == 'forgot-password' && h("sparkle-forgot-password", { history: this.history }),
+          path == 'reset-password' && h("sparkle-reset-password", { history: this.history })),
       ] }));
   }
   renderPrivatePage(path) {
-    return (h(PrivateRoute, { url: "/" + path, render: () => [this.renderHeaderAndMenu(), h("sparkle-page", { history: this.history, path: "" },
-          path == "profile" && h("sparkle-user-profile", null),
-          path == "enrollment" && h("sparkle-user-enrollment", null),
-          path == "home/my-mood" && h("sparkle-mood", { history: this.history }),
-          path == "home/my-health" && h("sparkle-health", { history: this.history }),
-          path == "home/my-goals" && h("sparkle-goals", null),
-          path == "home/great-white-wall" && h("sparkle-gww", null))
+    return (h(PrivateRoute, { url: '/' + path, render: () => [
+        this.renderHeaderAndMenu(),
+        h("sparkle-page", { history: this.history, path: "" },
+          path == 'profile' && h("sparkle-user-profile", null),
+          path == 'enrollment' && h("sparkle-user-enrollment", null),
+          path == 'home/my-mood' && h("sparkle-mood", { history: this.history }),
+          path == 'home/my-health' && h("sparkle-health", { history: this.history }),
+          path == 'home/my-goals' && h("sparkle-goals", null),
+          path == 'home/great-white-wall' && h("sparkle-gww", null)),
       ] }));
   }
   renderHeaderAndMenu() {
-    return [
-      this.renderHeader(),
-      h("sparkle-menu", { toc: this.tocData, config: this.config.menu, toggleClickFn: this.toggleMenu }),
-    ];
+    return [this.renderHeader(), h("sparkle-menu", { toc: this.tocData, config: this.config.menu, toggleClickFn: this.toggleMenu })];
   }
   renderHeader() {
     return [
-      h("sparkle-header", { courseName: this.tocData.name, toggleClickFn: this.toggleMenu, signoutClickFn: this.signout, authUser: AuthStore.state.isAuthenticated, imageUrl: userStore.state.user.ProfileImage }, this.renderLogo())
+      h("sparkle-header", { courseName: this.tocData.name, toggleClickFn: this.toggleMenu, signoutClickFn: this.signout, authUser: AuthStore.state.isAuthenticated, imageUrl: userStore.state.user.ProfileImage }, this.renderLogo()),
     ];
   }
   async signout() {
@@ -121,29 +122,33 @@ export class SparkleCourseRoot {
       h("stencil-router", { class: layout },
         h("stencil-route", { style: { display: 'none' }, routeRender: this.setHistory }),
         h("stencil-route-switch", { scrollTopOffset: 0 },
-          h("stencil-route", { url: "/", exact: true },
-            h("stencil-router-redirect", { url: this.getFirstLessonUrl() })),
-          h("stencil-route", { url: "/unauthorized", routeRender: props => [
+          h("stencil-route", { url: "/", exact: true, routeRender: () => {
+              return h("stencil-router-redirect", { url: this.getFirstLessonUrl() });
+            } }),
+          h("stencil-route", { url: "/unauthorized", routeRender: props => [this.renderHeaderAndMenu(), h("sparkle-unauthorized", null)] }),
+          h("stencil-route", { url: "/course/:page*", routeRender: props => [
               this.renderHeaderAndMenu(),
-              h("sparkle-unauthorized", null)
+              h("sparkle-page", { history: this.history, path: `/course/${props.match.params.page || 'index'}.json`, onClick: this.handlePageClick }),
             ] }),
-          h("stencil-route", { url: "/course/:page*", routeRender: props => [this.renderHeaderAndMenu(), h("sparkle-page", { history: this.history, path: `/course/${props.match.params.page || 'index'}.json`, onClick: this.handlePageClick })] }),
-          h("stencil-route", { url: "/presentation/course/:page*", routeRender: props => h("sparkle-page", { history: this.history, presentation: true, path: `/course/${props.match.params.page || 'index'}.json`, onClick: this.handlePageClick }) }),
+          h("stencil-route", { url: "/presentation/course/:page*", routeRender: props => (h("sparkle-page", { history: this.history, presentation: true, path: `/course/${props.match.params.page || 'index'}.json`, onClick: this.handlePageClick })) }),
           h("stencil-route", { url: "/presentation/teacher/course/:page*", routeRender: props => [
               h("sparkle-facilitator-header", { courseName: this.tocData.name, toggleStudentClickFn: this.toggleStudentSidebar }, this.renderLogo()),
               h("sparkle-facilitator-page", { notesPath: `/course/${props.match.params.page || 'index'}-notes.json`, path: `/course/${props.match.params.page || 'index'}.json`, onClick: this.handlePageClick }),
             ] }),
-          this.renderPrivatePage("home/my-mood"),
-          this.renderPrivatePage("home/my-health"),
-          this.renderPrivatePage("home/my-goals"),
-          this.renderPrivatePage("home/great-white-wall"),
-          h(PrivateRoute, { url: "/home/:page*", render: props => [this.renderHeaderAndMenu(), h("sparkle-page", { history: this.history, path: `/course/home/${props.match.params.page || 'index'}.json`, onClick: this.handlePageClick })] }),
-          this.renderPage("login"),
-          this.renderPage("signup"),
-          this.renderPage("forgot-password"),
-          this.renderPage("reset-password"),
-          this.renderPrivatePage("profile"),
-          this.renderPrivatePage("enrollment")))));
+          this.renderPrivatePage('home/my-mood'),
+          this.renderPrivatePage('home/my-health'),
+          this.renderPrivatePage('home/my-goals'),
+          this.renderPrivatePage('home/great-white-wall'),
+          h(PrivateRoute, { url: "/home/:page*", render: props => [
+              this.renderHeaderAndMenu(),
+              h("sparkle-page", { history: this.history, path: `/course/home/${props.match.params.page || 'index'}.json`, onClick: this.handlePageClick }),
+            ] }),
+          this.renderPage('login'),
+          this.renderPage('signup'),
+          this.renderPage('forgot-password'),
+          this.renderPage('reset-password'),
+          this.renderPrivatePage('profile'),
+          this.renderPrivatePage('enrollment')))));
   }
   static get is() { return "sparkle-course-root"; }
   static get originalStyleUrls() { return {

package/dist/collection/components/sparkle-youtube/sparkle-youtube.js

@@ -15,7 +15,7 @@ export class SparkleYoutube {
       }
     }
   }
-  classRoomModeChanged(val) {
+  async classRoomModeChanged(val) {
     this.classMode = val;
   }
   render() {
@@ -78,7 +78,11 @@ export class SparkleYoutube {
             "tags": [],
             "text": ""
           }],
-        "references": {},
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
         "return": "Promise<void>"
       },
       "docs": {

package/dist/collection/util.js

@@ -46,6 +46,7 @@ export class SparkleGlobal {
 SparkleGlobal.MY_GOALS_APP_ID = 1;
 SparkleGlobal.MY_HEALTH_APP_ID = 2;
 SparkleGlobal.MY_MOOD_APP_ID = 3;
+SparkleGlobal.LOCALSTORAGE_CLASSROOM_MODE = "SPARKLE_CLASSROOM_MODE";
 export function date(date) {
   return format(new Date(date), 'DD MMM YYYY');
 }

package/dist/esm/{PrivateRoute-9f0973bb.js → PrivateRoute-b9937c45.js}

@@ -1,5 +1,6 @@
-import { a as getAssetPath, h } from './index-55fc9f5e.js';
-import { A as AuthStore, H as HttpService } from './auth.store-dd944bc2.js';
+import { c as getAssetPath, h } from './index-5568e3fa.js';
+import { s as set, r as remove, g as get } from './localstorage.service-4bf408c8.js';
+import { A as AuthStore, H as HttpService } from './auth.store-3ed2389e.js';
 
 //import * as abpTypings from '../lib/abp';
 class Utils {
@@ -117,41 +118,6 @@ async function initSetupConfig(config) {
   await setupConfig(config);
 }
 
-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;
-  }
-}
-
 const AppConsts = {
   AUTH_USER_LOCALSTORAGE: "CurrentUser",
   userManagement: {

package/dist/esm/{active-router-b3ae32c7.js → active-router-909088d6.js}

@@ -1,4 +1,4 @@
-import { h } from './index-55fc9f5e.js';
+import { h } from './index-5568e3fa.js';
 
 const createProviderConsumer = (defaultState, consumerRender) => {
     let listeners = new Map();

package/dist/esm/{animation-72fdacfb.js → animation-b306f6c2.js}

@@ -1,5 +1,8 @@
-import { e as raf } from './helpers-e7f66b2b.js';
+import { k as raf } from './helpers-39367fe1.js';
 
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
 let animationPrefix;
 /**
  * Web Animations requires hyphenated CSS properties
@@ -115,6 +118,9 @@ const addClassToArray = (classes = [], className) => {
   return classes;
 };
 
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
 const createAnimation = (animationId) => {
   let _delay;
   let _duration;
@@ -457,9 +463,29 @@ const createAnimation = (animationId) => {
     return ani;
   };
   const keyframes = (keyframeValues) => {
+    const different = _keyframes !== keyframeValues;
     _keyframes = keyframeValues;
+    if (different) {
+      updateKeyframes(_keyframes);
+    }
     return ani;
   };
+  const updateKeyframes = (keyframeValues) => {
+    if (supportsWebAnimations) {
+      getWebAnimations().forEach(animation => {
+        if (animation.effect.setKeyframes) {
+          animation.effect.setKeyframes(keyframeValues);
+        }
+        else {
+          const newEffect = new KeyframeEffect(animation.effect.target, keyframeValues, animation.effect.getTiming());
+          animation.effect = newEffect;
+        }
+      });
+    }
+    else {
+      initializeCSSAnimation();
+    }
+  };
   /**
    * Run all "before" animation hooks.
    */
@@ -670,9 +696,7 @@ const createAnimation = (animationId) => {
     if (!initialized) {
       initializeAnimation();
     }
-    else {
-      update(false, true, step);
-    }
+    update(false, true, step);
     return ani;
   };
   const progressStep = (step) => {

package/dist/esm/app-globals-5c736ae5.js

@@ -0,0 +1,7 @@
+import { i as initialize } from './ionic-global-0939c477.js';
+
+const globalScripts = () => {
+  initialize();
+};
+
+export { globalScripts as g };