@sparkle-learning/core 0.0.32 → 0.0.35

package/dist/cjs/sparkle-youtube.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bae2a754.js');
+const index = require('./index-51e8292e.js');
 
 const sparkleYoutubeCss = ":host(.loaded) div.youtube-container{opacity:var(--sparkle-youtube-opacity-loaded, 1)}div.youtube-container{opacity:var(--sparkle-youtube-opacity-not-loaded, 0);transition:var(--sparkle-youtube-transition, opacity 0.15s linear)}.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}.embed-container iframe,.embed-container object,.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}";
 

package/dist/cjs/{spinner-configs-6f6b7ef0.js → spinner-configs-0ac05f2d.js}

@@ -4,40 +4,40 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 const spinners = {
-  'bubbles': {
+  bubbles: {
     dur: 1000,
     circles: 9,
     fn: (dur, index, total) => {
-      const animationDelay = `${(dur * index / total) - dur}ms`;
-      const angle = 2 * Math.PI * index / total;
+      const animationDelay = `${(dur * index) / total - dur}ms`;
+      const angle = (2 * Math.PI * index) / total;
       return {
         r: 5,
         style: {
-          'top': `${9 * Math.sin(angle)}px`,
-          'left': `${9 * Math.cos(angle)}px`,
+          top: `${9 * Math.sin(angle)}px`,
+          left: `${9 * Math.cos(angle)}px`,
           'animation-delay': animationDelay,
-        }
+        },
       };
-    }
+    },
   },
-  'circles': {
+  circles: {
     dur: 1000,
     circles: 8,
     fn: (dur, index, total) => {
       const step = index / total;
-      const animationDelay = `${(dur * step) - dur}ms`;
+      const animationDelay = `${dur * step - dur}ms`;
       const angle = 2 * Math.PI * step;
       return {
         r: 5,
         style: {
-          'top': `${9 * Math.sin(angle)}px`,
-          'left': `${9 * Math.cos(angle)}px`,
+          top: `${9 * Math.sin(angle)}px`,
+          left: `${9 * Math.cos(angle)}px`,
           'animation-delay': animationDelay,
-        }
+        },
       };
-    }
+    },
   },
-  'circular': {
+  circular: {
     dur: 1400,
     elmDuration: true,
     circles: 1,
@@ -49,21 +49,21 @@ const spinners = {
         fill: 'none',
         viewBox: '24 24 48 48',
         transform: 'translate(0,0)',
-        style: {}
+        style: {},
       };
-    }
+    },
   },
-  'crescent': {
+  crescent: {
     dur: 750,
     circles: 1,
     fn: () => {
       return {
         r: 26,
-        style: {}
+        style: {},
       };
-    }
+    },
   },
-  'dots': {
+  dots: {
     dur: 750,
     circles: 3,
     fn: (_, index) => {
@@ -71,76 +71,76 @@ const spinners = {
       return {
         r: 6,
         style: {
-          'left': `${9 - (9 * index)}px`,
+          left: `${9 - 9 * index}px`,
           'animation-delay': animationDelay,
-        }
+        },
       };
-    }
+    },
   },
-  'lines': {
+  lines: {
     dur: 1000,
     lines: 8,
     fn: (dur, index, total) => {
-      const transform = `rotate(${(360 / total) * index + (index < (total / 2) ? 180 : -180)}deg)`;
-      const animationDelay = `${(dur * index / total) - dur}ms`;
+      const transform = `rotate(${(360 / total) * index + (index < total / 2 ? 180 : -180)}deg)`;
+      const animationDelay = `${(dur * index) / total - dur}ms`;
       return {
         y1: 14,
         y2: 26,
         style: {
-          'transform': transform,
+          transform: transform,
           'animation-delay': animationDelay,
-        }
+        },
       };
-    }
+    },
   },
   'lines-small': {
     dur: 1000,
     lines: 8,
     fn: (dur, index, total) => {
-      const transform = `rotate(${(360 / total) * index + (index < (total / 2) ? 180 : -180)}deg)`;
-      const animationDelay = `${(dur * index / total) - dur}ms`;
+      const transform = `rotate(${(360 / total) * index + (index < total / 2 ? 180 : -180)}deg)`;
+      const animationDelay = `${(dur * index) / total - dur}ms`;
       return {
         y1: 12,
         y2: 20,
         style: {
-          'transform': transform,
+          transform: transform,
           'animation-delay': animationDelay,
-        }
+        },
       };
-    }
+    },
   },
   'lines-sharp': {
     dur: 1000,
     lines: 12,
     fn: (dur, index, total) => {
       const transform = `rotate(${30 * index + (index < 6 ? 180 : -180)}deg)`;
-      const animationDelay = `${(dur * index / total) - dur}ms`;
+      const animationDelay = `${(dur * index) / total - dur}ms`;
       return {
         y1: 17,
         y2: 29,
         style: {
-          'transform': transform,
+          transform: transform,
           'animation-delay': animationDelay,
-        }
+        },
       };
-    }
+    },
   },
   'lines-sharp-small': {
     dur: 1000,
     lines: 12,
     fn: (dur, index, total) => {
       const transform = `rotate(${30 * index + (index < 6 ? 180 : -180)}deg)`;
-      const animationDelay = `${(dur * index / total) - dur}ms`;
+      const animationDelay = `${(dur * index) / total - dur}ms`;
       return {
         y1: 12,
         y2: 20,
         style: {
-          'transform': transform,
+          transform: transform,
           'animation-delay': animationDelay,
-        }
+        },
       };
-    }
-  }
+    },
+  },
 };
 const SPINNERS = spinners;
 

package/dist/cjs/{status-tap-8697433c.js → status-tap-033befa2.js}

@@ -1,7 +1,9 @@
 'use strict';
 
-const index = require('./index-bae2a754.js');
-const helpers = require('./helpers-7e28976c.js');
+const index = require('./index-51e8292e.js');
+const index$1 = require('./index-9c7b27e4.js');
+const helpers = require('./helpers-c2496722.js');
+require('./index-e56e09b8.js');
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -16,9 +18,9 @@ const startStatusTap = () => {
       if (!el) {
         return;
       }
-      const contentEl = el.closest('ion-content');
+      const contentEl = index$1.findClosestIonContent(el);
       if (contentEl) {
-        new Promise(resolve => helpers.componentOnReady(contentEl, resolve)).then(() => {
+        new Promise((resolve) => helpers.componentOnReady(contentEl, resolve)).then(() => {
           index.writeTask(async () => {
             /**
              * If scrolling and user taps status bar,
@@ -28,7 +30,7 @@ const startStatusTap = () => {
              * any in-progress momentum scrolling.
              */
             contentEl.style.setProperty('--overflow', 'hidden');
-            await contentEl.scrollToTop(300);
+            await index$1.scrollToTop(contentEl, 300);
             contentEl.style.removeProperty('--overflow');
           });
         });

package/dist/cjs/stencil-async-content.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bae2a754.js');
+const index = require('./index-51e8292e.js');
 
 const AsyncContent = class {
   constructor(hostRef) {

package/dist/cjs/stencil-route-link.cjs.entry.js

@@ -0,0 +1,77 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-51e8292e.js');
+const matchPath = require('./match-path-84c9f7ca.js');
+const domUtils = require('./dom-utils-b8befdd5.js');
+const activeRouter = require('./active-router-f9e18bd8.js');
+
+const getUrl = (url, root) => {
+  // Don't allow double slashes
+  if (url.charAt(0) == '/' && root.charAt(root.length - 1) == '/') {
+    return root.slice(0, root.length - 1) + url;
+  }
+  return root + url;
+};
+const RouteLink = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.unsubscribe = () => { return; };
+    this.activeClass = 'link-active';
+    this.exact = false;
+    this.strict = true;
+    /**
+      *  Custom tag to use instead of an anchor
+      */
+    this.custom = 'a';
+    this.match = null;
+  }
+  componentWillLoad() {
+    this.computeMatch();
+  }
+  // Identify if the current route is a match.
+  computeMatch() {
+    if (this.location) {
+      this.match = matchPath.matchPath(this.location.pathname, {
+        path: this.urlMatch || this.url,
+        exact: this.exact,
+        strict: this.strict
+      });
+    }
+  }
+  handleClick(e) {
+    if (domUtils.isModifiedEvent(e) || !this.history || !this.url || !this.root) {
+      return;
+    }
+    e.preventDefault();
+    return this.history.push(getUrl(this.url, this.root));
+  }
+  // Get the URL for this route link without the root from the router
+  render() {
+    let anchorAttributes = {
+      class: {
+        [this.activeClass]: this.match !== null,
+      },
+      onClick: this.handleClick.bind(this)
+    };
+    if (this.anchorClass) {
+      anchorAttributes.class[this.anchorClass] = true;
+    }
+    if (this.custom === 'a') {
+      anchorAttributes = Object.assign({}, anchorAttributes, { href: this.url, title: this.anchorTitle, role: this.anchorRole, tabindex: this.anchorTabIndex, 'aria-haspopup': this.ariaHaspopup, id: this.anchorId, 'aria-posinset': this.ariaPosinset, 'aria-setsize': this.ariaSetsize, 'aria-label': this.ariaLabel });
+    }
+    return (index.h(this.custom, Object.assign({}, anchorAttributes), index.h("slot", null)));
+  }
+  get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "location": ["computeMatch"]
+  }; }
+};
+activeRouter.ActiveRouter.injectProps(RouteLink, [
+  'history',
+  'location',
+  'root'
+]);
+
+exports.stencil_route_link = RouteLink;

package/dist/cjs/stencil-route-title.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bae2a754.js');
-const activeRouter = require('./active-router-eedb3bfe.js');
+const index = require('./index-51e8292e.js');
+const activeRouter = require('./active-router-f9e18bd8.js');
 
 const RouteTitle = class {
   constructor(hostRef) {

package/dist/cjs/stencil-router-prompt.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bae2a754.js');
-const activeRouter = require('./active-router-eedb3bfe.js');
+const index = require('./index-51e8292e.js');
+const activeRouter = require('./active-router-f9e18bd8.js');
 
 const StencilRouterPrompt = class {
   constructor(hostRef) {

package/dist/cjs/stencil-router-redirect.cjs.entry.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-51e8292e.js');
+const activeRouter = require('./active-router-f9e18bd8.js');
+
+// Get the URL for this route link without the root from the router
+const getUrl = (url, root) => {
+  // Don't allow double slashes
+  if (url.charAt(0) == '/' && root.charAt(root.length - 1) == '/') {
+    return root.slice(0, root.length - 1) + url;
+  }
+  return root + url;
+};
+const Redirect = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentWillLoad() {
+    if (this.history && this.root && this.url) {
+      return this.history.replace(getUrl(this.url, this.root));
+    }
+  }
+  get el() { return index.getElement(this); }
+};
+activeRouter.ActiveRouter.injectProps(Redirect, [
+  'history',
+  'root'
+]);
+
+exports.stencil_router_redirect = Redirect;

package/dist/cjs/student.service-d48f1c99.js

@@ -0,0 +1,61 @@
+'use strict';
+
+const httpService = require('./httpService-7211d93b.js');
+const user_store = require('./user.store-8a049c4e.js');
+
+class StudentService {
+  constructor() { }
+  static getInstance() {
+    if (!StudentService.instance) {
+      StudentService.instance = new StudentService();
+    }
+    return StudentService.instance;
+  }
+  async enrollClass(enrollInput) {
+    let result = await httpService.HttpService.http.post('api/v1/Student/EnrollClass', enrollInput);
+    if (result) {
+      user_store.userStore.state.enrollmentList = [
+        ...user_store.userStore.state.enrollmentList,
+        result.Data
+      ];
+    }
+    return result;
+  }
+  async leaveClass(leaveInput) {
+    let result = await httpService.HttpService.http.post('api/v1/Student/LeaveClass', leaveInput);
+    if (result) {
+      user_store.userStore.state.enrollmentList = user_store.userStore.state.enrollmentList.filter((item) => item.Id != result.Data);
+    }
+    return result;
+  }
+  async fetchUserConfiguration() {
+    let result = await httpService.HttpService.http.get('api/v1/Student/UserConfiguration');
+    if (result) {
+      user_store.userStore.state.enrollmentList = result.Data.EnrollmentList;
+      user_store.userStore.state.user.FirstName = result.Data.FirstName;
+      user_store.userStore.state.user.LastName = result.Data.LastName;
+      user_store.userStore.state.user.ProfileText = result.Data.ProfileText;
+      user_store.userStore.state.user.ProfileImage = result.Data.ProfileImage;
+      user_store.userStore.state.user.IsVerified = result.Data.IsVerified;
+      user_store.userStore.state.user.Roles = result.Data.Roles;
+      user_store.userStore.state.user.FacilitatorClassList = result.Data.FacilitatorClassList;
+    }
+    return result;
+  }
+  async updateProfile(updateProfileInput) {
+    user_store.userStore.state.updateLoading = true;
+    let result = await httpService.HttpService.http.post('api/Account/update-profile', updateProfileInput);
+    console.log('after fetch', result);
+    if (result) {
+      user_store.userStore.state.updateLoading = false;
+      user_store.userStore.state.user = Object.assign(Object.assign({}, user_store.userStore.state.user), { FirstName: result.Data.FirstName, LastName: result.Data.LastName, ProfileText: result.Data.ProfileText, ProfileImage: result.Data.ProfileImage });
+    }
+    return result;
+  }
+  async submitFeedback(feedbackInput) {
+    let result = await httpService.HttpService.http.post('api/v1/Feedback', feedbackInput);
+    return result;
+  }
+}
+
+exports.StudentService = StudentService;

package/dist/cjs/{swipe-back-7e08b5e0.js → swipe-back-4a826f9b.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const helpers = require('./helpers-7e28976c.js');
+const helpers = require('./helpers-c2496722.js');
 const dir = require('./dir-5af5259a.js');
-const index = require('./index-43642662.js');
-require('./gesture-controller-07c31f70.js');
+const index = require('./index-12082cba.js');
+require('./gesture-controller-0eb5579e.js');
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -59,7 +59,7 @@ const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandl
      * or values greater than 1 which should not be possible.
      * Need to investigate more to find where the issue is.
      */
-    onEndHandler(shouldComplete, (stepValue <= 0) ? 0.01 : helpers.clamp(0, stepValue, 0.9999), realDur);
+    onEndHandler(shouldComplete, stepValue <= 0 ? 0.01 : helpers.clamp(0, stepValue, 0.9999), realDur);
   };
   return index.createGesture({
     el,
@@ -69,7 +69,7 @@ const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandl
     canStart,
     onStart: onStartHandler,
     onMove,
-    onEnd
+    onEnd,
   });
 };
 

package/dist/cjs/{theme-4252ac15.js → theme-b0b295c1.js}

@@ -10,21 +10,22 @@ const hostContext = (selector, el) => {
  * Create the mode and color classes for the component based on the classes passed in
  */
 const createColorClasses = (color, cssClassMap) => {
-  return (typeof color === 'string' && color.length > 0) ? Object.assign({ 'ion-color': true, [`ion-color-${color}`]: true }, cssClassMap) : cssClassMap;
+  return typeof color === 'string' && color.length > 0
+    ? Object.assign({ 'ion-color': true, [`ion-color-${color}`]: true }, cssClassMap) : cssClassMap;
 };
 const getClassList = (classes) => {
   if (classes !== undefined) {
     const array = Array.isArray(classes) ? classes : classes.split(' ');
     return array
-      .filter(c => c != null)
-      .map(c => c.trim())
-      .filter(c => c !== '');
+      .filter((c) => c != null)
+      .map((c) => c.trim())
+      .filter((c) => c !== '');
   }
   return [];
 };
 const getClassMap = (classes) => {
   const map = {};
-  getClassList(classes).forEach(c => map[c] = true);
+  getClassList(classes).forEach((c) => (map[c] = true));
   return map;
 };
 const SCHEME = /^[a-z][a-z0-9+\-.]*:/;

package/dist/cjs/user.store-8a049c4e.js

@@ -0,0 +1,21 @@
+'use strict';
+
+const auth_store = require('./auth.store-1e630a7d.js');
+
+const { state, onChange, reset } = auth_store.createStore({
+  user: {
+    FirstName: '',
+    LastName: '',
+    ProfileText: '',
+    ProfileImage: '',
+    IsVerified: false,
+    Roles: [],
+    FacilitatorClassList: []
+  },
+  loaded: false,
+  updateLoading: false,
+  enrollmentList: [],
+});
+const userStore = { state, onChange, reset };
+
+exports.userStore = userStore;

package/dist/collection/collection-manifest.json

@@ -29,6 +29,7 @@
     "./components/sparkle-feed-post/sparkle-feed-post.js",
     "./components/sparkle-feedback/sparkle-feedback.js",
     "./components/sparkle-forgot-password/sparkle-forgot-password.js",
+    "./components/sparkle-intro/sparkle-intro.js",
     "./components/sparkle-login/sparkle-login.js",
     "./components/sparkle-poll/sparkle-poll.js",
     "./components/sparkle-quiz/sparkle-quiz.js",
@@ -49,7 +50,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.15.0",
+    "version": "2.17.3",
     "typescriptVersion": "4.5.4"
   },
   "collections": [
@@ -79,6 +80,7 @@
         "ion-col",
         "ion-content",
         "ion-datetime",
+        "ion-datetime-button",
         "ion-fab",
         "ion-fab-button",
         "ion-fab-list",

package/dist/collection/components/sparkle-feed-post/sparkle-feed-post.css

@@ -1,3 +1,19 @@
 :host {
   display: block;
 }
+
+.post-footer{
+  display: flex;
+  justify-content: space-between;
+}
+.error{
+  color:red;
+}
+.success{
+  color:green;
+}
+.uploaded-image{
+  display: block;
+  max-height: 140px;
+  width : auto !important
+}