@sparkle-learning/core 0.0.32 → 0.0.35

package/dist/esm/{spinner-configs-f609a655.js → spinner-configs-a37e628a.js}

@@ -2,40 +2,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,
@@ -47,21 +47,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) => {
@@ -69,76 +69,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/esm/{status-tap-6351a0cb.js → status-tap-79b6199d.js}

@@ -1,5 +1,7 @@
-import { j as readTask, w as writeTask } from './index-5568e3fa.js';
-import { c as componentOnReady } from './helpers-39367fe1.js';
+import { j as readTask, w as writeTask } from './index-9db08224.js';
+import { a as findClosestIonContent, s as scrollToTop } from './index-c23a1826.js';
+import { c as componentOnReady } from './helpers-94a5855b.js';
+import './index-dad75b83.js';
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -14,9 +16,9 @@ const startStatusTap = () => {
       if (!el) {
         return;
       }
-      const contentEl = el.closest('ion-content');
+      const contentEl = findClosestIonContent(el);
       if (contentEl) {
-        new Promise(resolve => componentOnReady(contentEl, resolve)).then(() => {
+        new Promise((resolve) => componentOnReady(contentEl, resolve)).then(() => {
           writeTask(async () => {
             /**
              * If scrolling and user taps status bar,
@@ -26,7 +28,7 @@ const startStatusTap = () => {
              * any in-progress momentum scrolling.
              */
             contentEl.style.setProperty('--overflow', 'hidden');
-            await contentEl.scrollToTop(300);
+            await scrollToTop(contentEl, 300);
             contentEl.style.removeProperty('--overflow');
           });
         });

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-5568e3fa.js';
+import { r as registerInstance, h } from './index-9db08224.js';
 
 const AsyncContent = class {
   constructor(hostRef) {

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

@@ -0,0 +1,73 @@
+import { r as registerInstance, h, i as getElement } from './index-9db08224.js';
+import { m as matchPath } from './match-path-36fdf5c7.js';
+import { d as isModifiedEvent } from './dom-utils-8e73e88b.js';
+import { A as ActiveRouter } from './active-router-9843e205.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) {
+    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(this.location.pathname, {
+        path: this.urlMatch || this.url,
+        exact: this.exact,
+        strict: this.strict
+      });
+    }
+  }
+  handleClick(e) {
+    if (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 (h(this.custom, Object.assign({}, anchorAttributes), h("slot", null)));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "location": ["computeMatch"]
+  }; }
+};
+ActiveRouter.injectProps(RouteLink, [
+  'history',
+  'location',
+  'root'
+]);
+
+export { RouteLink as stencil_route_link };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, e as getElement } from './index-5568e3fa.js';
-import { A as ActiveRouter } from './active-router-909088d6.js';
+import { r as registerInstance, i as getElement } from './index-9db08224.js';
+import { A as ActiveRouter } from './active-router-9843e205.js';
 
 const RouteTitle = class {
   constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, e as getElement } from './index-5568e3fa.js';
-import { A as ActiveRouter } from './active-router-909088d6.js';
+import { r as registerInstance, i as getElement } from './index-9db08224.js';
+import { A as ActiveRouter } from './active-router-9843e205.js';
 
 const StencilRouterPrompt = class {
   constructor(hostRef) {

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

@@ -0,0 +1,28 @@
+import { r as registerInstance, i as getElement } from './index-9db08224.js';
+import { A as ActiveRouter } from './active-router-9843e205.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) {
+    registerInstance(this, hostRef);
+  }
+  componentWillLoad() {
+    if (this.history && this.root && this.url) {
+      return this.history.replace(getUrl(this.url, this.root));
+    }
+  }
+  get el() { return getElement(this); }
+};
+ActiveRouter.injectProps(Redirect, [
+  'history',
+  'root'
+]);
+
+export { Redirect as stencil_router_redirect };

package/dist/esm/{student.service-29b688ba.js → student.service-0caed0f4.js}

@@ -1,20 +1,5 @@
-import { b as createStore, H as HttpService } from './auth.store-3ed2389e.js';
-
-const { state, onChange, reset } = createStore({
-  user: {
-    FirstName: '',
-    LastName: '',
-    ProfileText: '',
-    ProfileImage: '',
-    IsVerified: false,
-    Roles: [],
-    FacilitatorClassList: []
-  },
-  loaded: false,
-  updateLoading: false,
-  enrollmentList: [],
-});
-const userStore = { state, onChange, reset };
+import { H as HttpService } from './httpService-b2b7a1ad.js';
+import { u as userStore } from './user.store-8477642a.js';
 
 class StudentService {
   constructor() { }
@@ -71,4 +56,4 @@ class StudentService {
   }
 }
 
-export { StudentService as S, userStore as u };
+export { StudentService as S };

package/dist/esm/{swipe-back-34251834.js → swipe-back-ad7a0361.js}

@@ -1,7 +1,7 @@
-import { l as clamp } from './helpers-39367fe1.js';
+import { m as clamp } from './helpers-94a5855b.js';
 import { i as isRTL } from './dir-03012648.js';
-import { createGesture } from './index-a12c14bd.js';
-import './gesture-controller-686622ba.js';
+import { createGesture } from './index-21661af2.js';
+import './gesture-controller-7be18351.js';
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -57,7 +57,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 : clamp(0, stepValue, 0.9999), realDur);
+    onEndHandler(shouldComplete, stepValue <= 0 ? 0.01 : clamp(0, stepValue, 0.9999), realDur);
   };
   return createGesture({
     el,
@@ -67,7 +67,7 @@ const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandl
     canStart,
     onStart: onStartHandler,
     onMove,
-    onEnd
+    onEnd,
   });
 };
 

package/dist/esm/{theme-c336c9d9.js → theme-7ef00c83.js}

@@ -8,21 +8,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/esm/user.store-8477642a.js

@@ -0,0 +1,19 @@
+import { c as createStore } from './auth.store-b812b34b.js';
+
+const { state, onChange, reset } = createStore({
+  user: {
+    FirstName: '',
+    LastName: '',
+    ProfileText: '',
+    ProfileImage: '',
+    IsVerified: false,
+    Roles: [],
+    FacilitatorClassList: []
+  },
+  loaded: false,
+  updateLoading: false,
+  enrollmentList: [],
+});
+const userStore = { state, onChange, reset };
+
+export { userStore as u };

package/dist/esm/{util-6ef753e9.js → util-a831d09d.js}

@@ -2448,4 +2448,4 @@ function date(date) {
   return format(new Date(date), 'DD MMM YYYY');
 }
 
-export { GetGoalAppData as G, MyHealthTemplate as M, SparkleGlobal as S, MyHealthTemplateJSON as a, MyMoodTemplate as b, MyMoodTemplateJSON as c, date as d, MyGoalTemplate as e, MyGoalTemplateJSON as f, sample as s };
+export { GetGoalAppData as G, MyGoalTemplate as M, SparkleGlobal as S, MyGoalTemplateJSON as a, MyHealthTemplate as b, MyHealthTemplateJSON as c, MyMoodTemplate as d, MyMoodTemplateJSON as e, date as f, sample as s };

package/dist/node_modules/@ionic/core/dist/collection/components/content/content.css

@@ -68,7 +68,14 @@
   color: var(--color);
   box-sizing: border-box;
   overflow: hidden;
-  touch-action: manipulation;
+  /**
+   * touch-action: manipulation is an alias
+   * for this, but WebKit has an issue
+   * where pointercancel events are not fired
+   * when scrolling: https://bugs.webkit.org/show_bug.cgi?id=240917
+   * Using the long form below avoids the issue.
+   */
+  touch-action: pan-x pan-y pinch-zoom;
 }
 @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
   .inner-scroll {

package/dist/node_modules/@ionic/core/dist/collection/components/datetime/datetime.ios.css

@@ -10,12 +10,37 @@
   overflow: hidden;
 }
 
+/**
+ * When using the wheel picker to switch
+ * between months, sometimes the allowed
+ * dates may be filtered. As a result, it
+ * is possible to get a layout shift as
+ * the picker column will shrink to fit the
+ * widest item in the column. Setting a minimum
+ * width avoids this layout shifting.
+ */
+ion-picker-column-internal {
+  min-width: 26px;
+}
+
 :host(.datetime-size-fixed) {
   width: auto;
-  max-width: 350px;
   height: auto;
 }
 
+:host(.datetime-size-fixed:not(.datetime-prefer-wheel)) {
+  max-width: 350px;
+}
+
+/**
+ * This ensures that the picker is apppropriately
+ * sized and never truncates the text.
+ */
+:host(.datetime-size-fixed.datetime-prefer-wheel) {
+  min-width: 350px;
+  max-width: max-content;
+}
+
 :host(.datetime-size-cover) {
   width: 100%;
 }
@@ -49,20 +74,17 @@
  * the order we need to manually switch
  * the text alignment too.
  */
-:host .datetime-year .order-month-first .month-column {
-  order: 1;
-}
-
-:host .datetime-year .order-month-first .year-column {
-  order: 2;
+:host .wheel-order-year-first .day-column {
+  order: 3;
+  text-align: end;
 }
 
-:host .datetime-year .order-year-first .month-column {
+:host .wheel-order-year-first .month-column {
   order: 2;
   text-align: end;
 }
 
-:host .datetime-year .order-year-first .year-column {
+:host .wheel-order-year-first .year-column {
   order: 1;
   text-align: start;
 }
@@ -87,9 +109,8 @@
 }
 
 /**
- * Safari 14 has an issue where Intersection
- * Observer is incorrectly fired when
- * unhiding the calendar content.
+ * Safari 14 has an issue where a scroll event
+ * is incorrectly fired when unhiding the calendar content.
  * To workaround this, we set the opacity
  * of the content to 0 and hide it offscreen.
  *
@@ -138,6 +159,10 @@
     display: none;
   }
 }
+:host(.month-year-picker-open) .datetime-footer {
+  display: none;
+}
+
 :host(.datetime-readonly),
 :host(.datetime-disabled) {
   pointer-events: none;
@@ -327,14 +352,18 @@
   padding-right: 4px;
   padding-top: 4px;
   padding-bottom: 4px;
+  position: absolute;
   /**
    * Explicit position values are required here
    * as pseudo element positioning is incorrect
    * in older implementations of css grid.
+   *
+   * TODO: FW-1720: Remove top/left styles when deprecating iOS 13 support
    */
-  left: 50%;
+  /* stylelint-disable-next-line property-disallowed-list */
   top: 50%;
-  position: absolute;
+  /* stylelint-disable-next-line property-disallowed-list */
+  left: 50%;
   width: 32px;
   height: 32px;
   transform: translate(-50%, -50%);
@@ -351,11 +380,6 @@
     padding-inline-end: 4px;
   }
 }
-:host-context([dir=rtl]) {
-  left: unset;
-  right: unset;
-  right: 50%;
-}
 
 :host .datetime-time {
   display: flex;
@@ -422,9 +446,9 @@
   --title-color: var(--ion-color-step-600, #666666);
 }
 
-:host(.datetime-presentation-date-time),
-:host(.datetime-presentation-time-date),
-:host(.datetime-presentation-date) {
+:host(.datetime-presentation-date-time:not(.datetime-prefer-wheel)),
+:host(.datetime-presentation-time-date:not(.datetime-prefer-wheel)),
+:host(.datetime-presentation-date:not(.datetime-prefer-wheel)) {
   min-height: 350px;
 }