@sparkle-learning/core 0.0.32 → 0.0.35

package/dist/cjs/compass-svg.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 compassSvgCss = ":host{display:block}.donut-ring{stroke:#000;stroke-width:1px}text{font-size:30px;font-weight:800;letter-spacing:2px;text-transform:uppercase;font-family:'Roboto Slab', serif}";
 

package/dist/cjs/context-consumer.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 ContextConsumer = class {
   constructor(hostRef) {

package/dist/cjs/course-select.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 CourseSelect = class {
   constructor(hostRef) {

package/dist/cjs/{cubic-bezier-293f4663.js → cubic-bezier-53d26d05.js}

@@ -23,7 +23,7 @@
  * provided progression, this function will return an empty array.
  */
 const getTimeGivenProgression = (p0, p1, p2, p3, progression) => {
-  return solveCubicBezier(p0[1], p1[1], p2[1], p3[1], progression).map(tValue => {
+  return solveCubicBezier(p0[1], p1[1], p2[1], p3[1], progression).map((tValue) => {
     return solveCubicParametricEquation(p0[0], p1[0], p2[0], p3[0], tValue);
   });
 };
@@ -31,10 +31,10 @@ const getTimeGivenProgression = (p0, p1, p2, p3, progression) => {
  * Solve a cubic equation in one dimension (time)
  */
 const solveCubicParametricEquation = (p0, p1, p2, p3, t) => {
-  const partA = (3 * p1) * Math.pow(t - 1, 2);
-  const partB = (-3 * p2 * t) + (3 * p2) + (p3 * t);
+  const partA = 3 * p1 * Math.pow(t - 1, 2);
+  const partB = -3 * p2 * t + 3 * p2 + p3 * t;
   const partC = p0 * Math.pow(t - 1, 3);
-  return t * (partA + (t * partB)) - partC;
+  return t * (partA + t * partB) - partC;
 };
 /**
  * Find the `t` value for a cubic bezier using Cardano's formula
@@ -45,7 +45,7 @@ const solveCubicBezier = (p0, p1, p2, p3, refPoint) => {
   p2 -= refPoint;
   p3 -= refPoint;
   const roots = solveCubicEquation(p3 - 3 * p2 + 3 * p1 - p0, 3 * p2 - 6 * p1 + 3 * p0, 3 * p1 - 3 * p0, p0);
-  return roots.filter(root => root >= 0 && root <= 1);
+  return roots.filter((root) => root >= 0 && root <= 1);
 };
 const solveQuadraticEquation = (a, b, c) => {
   const discriminant = b * b - 4 * a * c;
@@ -53,10 +53,7 @@ const solveQuadraticEquation = (a, b, c) => {
     return [];
   }
   else {
-    return [
-      (-b + Math.sqrt(discriminant)) / (2 * a),
-      (-b - Math.sqrt(discriminant)) / (2 * a)
-    ];
+    return [(-b + Math.sqrt(discriminant)) / (2 * a), (-b - Math.sqrt(discriminant)) / (2 * a)];
   }
 };
 const solveCubicEquation = (a, b, c, d) => {
@@ -79,7 +76,9 @@ const solveCubicEquation = (a, b, c, d) => {
     return [Math.pow(q / 2, 1 / 2) - b / 3];
   }
   else if (discriminant > 0) {
-    return [Math.pow(-(q / 2) + Math.sqrt(discriminant), 1 / 3) - Math.pow((q / 2) + Math.sqrt(discriminant), 1 / 3) - b / 3];
+    return [
+      Math.pow(-(q / 2) + Math.sqrt(discriminant), 1 / 3) - Math.pow(q / 2 + Math.sqrt(discriminant), 1 / 3) - b / 3,
+    ];
   }
   const r = Math.sqrt(Math.pow(-(p / 3), 3));
   const phi = Math.acos(-(q / (2 * Math.sqrt(Math.pow(-(p / 3), 3)))));
@@ -87,7 +86,7 @@ const solveCubicEquation = (a, b, c, d) => {
   return [
     s * Math.cos(phi / 3) - b / 3,
     s * Math.cos((phi + 2 * Math.PI) / 3) - b / 3,
-    s * Math.cos((phi + 4 * Math.PI) / 3) - b / 3
+    s * Math.cos((phi + 4 * Math.PI) / 3) - b / 3,
   ];
 };
 

package/dist/cjs/dom-utils-b8befdd5.js

@@ -0,0 +1,63 @@
+'use strict';
+
+const getConfirmation = (win, message, callback) => (callback(win.confirm(message)));
+const isModifiedEvent = (ev) => (ev.metaKey || ev.altKey || ev.ctrlKey || ev.shiftKey);
+/**
+ * Returns true if the HTML5 history API is supported. Taken from Modernizr.
+ *
+ * https://github.com/Modernizr/Modernizr/blob/master/LICENSE
+ * https://github.com/Modernizr/Modernizr/blob/master/feature-detects/history.js
+ * changed to avoid false negatives for Windows Phones: https://github.com/reactjs/react-router/issues/586
+ */
+const supportsHistory = (win) => {
+    const ua = win.navigator.userAgent;
+    if ((ua.indexOf('Android 2.') !== -1 || ua.indexOf('Android 4.0') !== -1) &&
+        ua.indexOf('Mobile Safari') !== -1 &&
+        ua.indexOf('Chrome') === -1 &&
+        ua.indexOf('Windows Phone') === -1) {
+        return false;
+    }
+    return win.history && 'pushState' in win.history;
+};
+/**
+ * Returns true if browser fires popstate on hash change.
+ * IE10 and IE11 do not.
+ */
+const supportsPopStateOnHashChange = (nav) => (nav.userAgent.indexOf('Trident') === -1);
+/**
+ * Returns false if using go(n) with hash history causes a full page reload.
+ */
+const supportsGoWithoutReloadUsingHash = (nav) => (nav.userAgent.indexOf('Firefox') === -1);
+const isExtraneousPopstateEvent = (nav, event) => (event.state === undefined &&
+    nav.userAgent.indexOf('CriOS') === -1);
+const storageAvailable = (win, type) => {
+    const storage = win[type];
+    const x = '__storage_test__';
+    try {
+        storage.setItem(x, x);
+        storage.removeItem(x);
+        return true;
+    }
+    catch (e) {
+        return e instanceof DOMException && (
+        // everything except Firefox
+        e.code === 22 ||
+            // Firefox
+            e.code === 1014 ||
+            // test name field too, because code might not be present
+            // everything except Firefox
+            e.name === 'QuotaExceededError' ||
+            // Firefox
+            e.name === 'NS_ERROR_DOM_QUOTA_REACHED') &&
+            // acknowledge QuotaExceededError only if there's something already stored
+            storage.length !== 0;
+    }
+};
+
+exports.getConfirmation = getConfirmation;
+exports.isExtraneousPopstateEvent = isExtraneousPopstateEvent;
+exports.isModifiedEvent = isModifiedEvent;
+exports.storageAvailable = storageAvailable;
+exports.supportsGoWithoutReloadUsingHash = supportsGoWithoutReloadUsingHash;
+exports.supportsHistory = supportsHistory;
+exports.supportsPopStateOnHashChange = supportsPopStateOnHashChange;

package/dist/cjs/{facilitator.service-faac5c0c.js → facilitator.service-9e990274.js}

@@ -1,6 +1,7 @@
 'use strict';
 
-const auth_store = require('./auth.store-ff3fda09.js');
+const httpService = require('./httpService-7211d93b.js');
+const auth_store = require('./auth.store-1e630a7d.js');
 
 const { state, onChange } = auth_store.createStore({
   pageNotes: [],
@@ -26,7 +27,7 @@ class FacilitatorService {
   }
   async fetchClasses() {
     facilitatorStore.state.classesLoading = true;
-    let result = await auth_store.HttpService.http.get(`api/v1/Teacher/Classes`);
+    let result = await httpService.HttpService.http.get(`api/v1/Teacher/Classes`);
     if (result) {
       facilitatorStore.state.classes = result.Data;
       facilitatorStore.state.classesLoading = false;
@@ -35,7 +36,7 @@ class FacilitatorService {
   }
   async fetchDashboardData(payload) {
     facilitatorStore.state.dashboardDataLoading = true;
-    let result = await auth_store.HttpService.http.get(`api/v1/Teacher/Dashboard/${payload.ClassId}`);
+    let result = await httpService.HttpService.http.get(`api/v1/Teacher/Dashboard/${payload.ClassId}`);
     if (result) {
       facilitatorStore.state.dashboardData = result.Data;
       facilitatorStore.state.dashboardDataLoading = false;
@@ -44,7 +45,7 @@ class FacilitatorService {
   }
   async fetchNotes(payload) {
     facilitatorStore.state.notesLoading = true;
-    let result = await auth_store.HttpService.http.get(`api/v1/Teacher/Notes/${payload.showAllNotes}`);
+    let result = await httpService.HttpService.http.get(`api/v1/Teacher/Notes/${payload.showAllNotes}`);
     if (result) {
       if (payload.showAllNotes) {
         facilitatorStore.state.allPageNotes = result.Data;
@@ -58,7 +59,7 @@ class FacilitatorService {
   }
   async addFacilitatorNote(payload) {
     facilitatorStore.state.notesLoading = true;
-    let result = await auth_store.HttpService.http.post(`api/v1/Teacher/Notes`, payload);
+    let result = await httpService.HttpService.http.post(`api/v1/Teacher/Notes`, payload);
     if (result) {
       facilitatorStore.state.pageNotes = [...facilitatorStore.state.pageNotes, result.Data];
     }
@@ -67,7 +68,7 @@ class FacilitatorService {
   }
   async updateFacilitatorNote(payload) {
     facilitatorStore.state.notesLoading = true;
-    let result = await auth_store.HttpService.http.put(`api/v1/Teacher/Notes/${payload.Id}`, payload);
+    let result = await httpService.HttpService.http.put(`api/v1/Teacher/Notes/${payload.Id}`, payload);
     if (result) {
       facilitatorStore.state.pageNotes = facilitatorStore.state.pageNotes.map((item) => {
         if (item.Id == result.Data.Id) {
@@ -81,7 +82,7 @@ class FacilitatorService {
   }
   async deleteFacilitatorNote(id) {
     facilitatorStore.state.notesLoading = true;
-    let result = await auth_store.HttpService.http.delete(`api/v1/Teacher/Notes/${id}`);
+    let result = await httpService.HttpService.http.delete(`api/v1/Teacher/Notes/${id}`);
     if (result) {
       facilitatorStore.state.pageNotes = facilitatorStore.state.pageNotes.filter(x => x.Id != id);
     }

package/dist/cjs/{feed.service-66405969.js → feed.service-b4f09441.js}

@@ -1,6 +1,7 @@
 'use strict';
 
-const auth_store = require('./auth.store-ff3fda09.js');
+const httpService = require('./httpService-7211d93b.js');
+const auth_store = require('./auth.store-1e630a7d.js');
 const util = require('./util-d383acb8.js');
 
 const { state: state$1, onChange } = auth_store.createStore({
@@ -19,15 +20,15 @@ class AppDataService {
     return AppDataService.instance;
   }
   async getAllAppData(appId) {
-    let result = await auth_store.HttpService.http.get(`api/v1/AppData/${appId}`);
+    let result = await httpService.HttpService.http.get(`api/v1/AppData/${appId}`);
     return result;
   }
   async createAppData(payload) {
-    let result = await auth_store.HttpService.http.post(`api/v1/AppData/`, payload);
+    let result = await httpService.HttpService.http.post(`api/v1/AppData/`, payload);
     return result;
   }
   async updateAppData(payload) {
-    let result = await auth_store.HttpService.http.put(`api/v1/AppData/${payload.Id}`, payload);
+    let result = await httpService.HttpService.http.put(`api/v1/AppData/${payload.Id}`, payload);
     return result;
   }
   async getAllGoals() {
@@ -86,7 +87,7 @@ class FeedService {
   }
   async getAllPosts() {
     feedStore.state.postsLoading = true;
-    let result = await auth_store.HttpService.http.get(`api/v1/Feed/GetAll`);
+    let result = await httpService.HttpService.http.get(`api/v1/Feed/GetAll`);
     if (result) {
       feedStore.state.posts = result.Data;
       feedStore.state.postsLoading = false;
@@ -95,7 +96,7 @@ class FeedService {
   }
   async createPost(payload) {
     feedStore.state.createPostLoading = true;
-    let result = await auth_store.HttpService.http.post(`api/v1/Feed/PostFeed`, payload);
+    let result = await httpService.HttpService.http.post(`api/v1/Feed/PostFeed`, payload);
     if (result) {
       feedStore.state.posts = [result.Data, ...feedStore.state.posts];
       feedStore.state.createPostLoading = false;
@@ -104,7 +105,7 @@ class FeedService {
   }
   async createPostComment(payload) {
     feedStore.state.postIdLoading = payload.PostId;
-    let result = await auth_store.HttpService.http.post(`api/v1/Feed/Comment`, payload);
+    let result = await httpService.HttpService.http.post(`api/v1/Feed/Comment`, payload);
     if (result) {
       feedStore.state.posts = feedStore.state.posts.map((item) => {
         if (item.Id == result.Data.ClassFeedPostId) {

package/dist/cjs/{focus-visible-ad3828a7.js → focus-visible-b0b07ba6.js}

@@ -5,15 +5,28 @@
  */
 const ION_FOCUSED = 'ion-focused';
 const ION_FOCUSABLE = 'ion-focusable';
-const FOCUS_KEYS = ['Tab', 'ArrowDown', 'Space', 'Escape', ' ', 'Shift', 'Enter', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'Home', 'End'];
+const FOCUS_KEYS = [
+  'Tab',
+  'ArrowDown',
+  'Space',
+  'Escape',
+  ' ',
+  'Shift',
+  'Enter',
+  'ArrowLeft',
+  'ArrowRight',
+  'ArrowUp',
+  'Home',
+  'End',
+];
 const startFocusVisible = (rootEl) => {
   let currentFocus = [];
   let keyboardMode = true;
-  const ref = (rootEl) ? rootEl.shadowRoot : document;
-  const root = (rootEl) ? rootEl : document.body;
+  const ref = rootEl ? rootEl.shadowRoot : document;
+  const root = rootEl ? rootEl : document.body;
   const setFocus = (elements) => {
-    currentFocus.forEach(el => el.classList.remove(ION_FOCUSED));
-    elements.forEach(el => el.classList.add(ION_FOCUSED));
+    currentFocus.forEach((el) => el.classList.remove(ION_FOCUSED));
+    elements.forEach((el) => el.classList.add(ION_FOCUSED));
     currentFocus = elements;
   };
   const pointerDown = () => {
@@ -56,7 +69,7 @@ const startFocusVisible = (rootEl) => {
   };
   return {
     destroy,
-    setFocus
+    setFocus,
   };
 };
 

package/dist/cjs/{framework-delegate-2470a246.js → framework-delegate-59a98abd.js}

@@ -1,28 +1,27 @@
 'use strict';
 
-const helpers = require('./helpers-7e28976c.js');
+const helpers = require('./helpers-c2496722.js');
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
 const attachComponent = async (delegate, container, component, cssClasses, componentProps, inline) => {
+  var _a;
   if (delegate) {
     return delegate.attachViewToDom(container, component, componentProps, cssClasses);
   }
   if (!inline && typeof component !== 'string' && !(component instanceof HTMLElement)) {
     throw new Error('framework delegate is missing');
   }
-  const el = (typeof component === 'string')
-    ? container.ownerDocument && container.ownerDocument.createElement(component)
-    : component;
+  const el = typeof component === 'string' ? (_a = container.ownerDocument) === null || _a === void 0 ? void 0 : _a.createElement(component) : component;
   if (cssClasses) {
-    cssClasses.forEach(c => el.classList.add(c));
+    cssClasses.forEach((c) => el.classList.add(c));
   }
   if (componentProps) {
     Object.assign(el, componentProps);
   }
   container.appendChild(el);
-  await new Promise(resolve => helpers.componentOnReady(el, resolve));
+  await new Promise((resolve) => helpers.componentOnReady(el, resolve));
   return el;
 };
 const detachComponent = (delegate, element) => {
@@ -39,6 +38,7 @@ const CoreDelegate = () => {
   let BaseComponent;
   let Reference;
   const attachViewToDom = async (parentElement, userComponent, userComponentProps = {}, cssClasses = []) => {
+    var _a, _b;
     BaseComponent = parentElement;
     /**
      * If passing in a component via the `component` props
@@ -50,14 +50,12 @@ const CoreDelegate = () => {
        * the element otherwise just get a reference
        * to the component.
        */
-      const el = (typeof userComponent === 'string')
-        ? BaseComponent.ownerDocument && BaseComponent.ownerDocument.createElement(userComponent)
-        : userComponent;
+      const el = typeof userComponent === 'string' ? (_a = BaseComponent.ownerDocument) === null || _a === void 0 ? void 0 : _a.createElement(userComponent) : userComponent;
       /**
        * Add any css classes passed in
        * via the cssClasses prop on the overlay.
        */
-      cssClasses.forEach(c => el.classList.add(c));
+      cssClasses.forEach((c) => el.classList.add(c));
       /**
        * Add any props passed in
        * via the componentProps prop on the overlay.
@@ -68,13 +66,13 @@ const CoreDelegate = () => {
        * inside of the overlay component.
        */
       BaseComponent.appendChild(el);
-      await new Promise(resolve => helpers.componentOnReady(el, resolve));
+      await new Promise((resolve) => helpers.componentOnReady(el, resolve));
     }
     else if (BaseComponent.children.length > 0) {
       // If there is no component, then we need to create a new parent
       // element to apply the css classes to.
-      const el = BaseComponent.ownerDocument && BaseComponent.ownerDocument.createElement('div');
-      cssClasses.forEach(c => el.classList.add(c));
+      const el = (_b = BaseComponent.ownerDocument) === null || _b === void 0 ? void 0 : _b.createElement('div');
+      cssClasses.forEach((c) => el.classList.add(c));
       // Move each child from the original template to the new parent element.
       el.append(...BaseComponent.children);
       // Append the new parent element to the original parent element.

package/dist/cjs/{gesture-controller-07c31f70.js → gesture-controller-0eb5579e.js}

@@ -36,7 +36,7 @@ class GestureController {
     }
     const requestedStart = this.requestedStart;
     let maxPriority = -10000;
-    requestedStart.forEach(value => {
+    requestedStart.forEach((value) => {
       maxPriority = Math.max(maxPriority, value);
     });
     if (maxPriority === priority) {

package/dist/cjs/{haptic-91e86eb7.js → haptic-780f33c4.js}

@@ -5,8 +5,9 @@
  */
 const HapticEngine = {
   getEngine() {
+    var _a;
     const win = window;
-    return (win.TapticEngine) || (win.Capacitor && win.Capacitor.isPluginAvailable('Haptics') && win.Capacitor.Plugins.Haptics);
+    return win.TapticEngine || (((_a = win.Capacitor) === null || _a === void 0 ? void 0 : _a.isPluginAvailable('Haptics')) && win.Capacitor.Plugins.Haptics);
   },
   available() {
     return !!this.getEngine();
@@ -72,7 +73,7 @@ const HapticEngine = {
     else {
       engine.gestureSelectionEnd();
     }
-  }
+  },
 };
 /**
  * Trigger a selection changed haptic event. Good for one-time events

package/dist/cjs/{hardware-back-button-f7b5d99e.js → hardware-back-button-92d97ff8.js}

@@ -14,7 +14,7 @@
  * will still happen.
  */
 const blockHardwareBackButton = () => {
-  document.addEventListener('backbutton', () => { }); // tslint:disable-line
+  document.addEventListener('backbutton', () => { }); // eslint-disable-line
 };
 const startHardwareBackButton = () => {
   const doc = document;
@@ -30,13 +30,13 @@ const startHardwareBackButton = () => {
       detail: {
         register(priority, handler) {
           handlers.push({ priority, handler, id: index++ });
-        }
-      }
+        },
+      },
     });
     doc.dispatchEvent(ev);
     const executeAction = async (handlerRegister) => {
       try {
-        if (handlerRegister && handlerRegister.handler) {
+        if (handlerRegister === null || handlerRegister === void 0 ? void 0 : handlerRegister.handler) {
           const result = handlerRegister.handler(processHandlers);
           if (result != null) {
             await result;
@@ -52,16 +52,16 @@ const startHardwareBackButton = () => {
         let selectedHandler = {
           priority: Number.MIN_SAFE_INTEGER,
           handler: () => undefined,
-          id: -1
+          id: -1,
         };
-        handlers.forEach(handler => {
+        handlers.forEach((handler) => {
           if (handler.priority >= selectedHandler.priority) {
             selectedHandler = handler;
           }
         });
         busy = true;
-        handlers = handlers.filter(handler => handler.id !== selectedHandler.id);
-        executeAction(selectedHandler).then(() => busy = false);
+        handlers = handlers.filter((handler) => handler.id !== selectedHandler.id);
+        executeAction(selectedHandler).then(() => (busy = false));
       }
     };
     processHandlers();

package/dist/cjs/header-mobile-collapse_2.cjs.entry.js

@@ -0,0 +1,112 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-51e8292e.js');
+const icons = require('./icons-c61db785.js');
+
+const headerMobileCollapseCss = "header-mobile-collapse,header-mobile-collapse .header-mobile-collapse__content{flex:1;display:flex;justify-content:flex-end;align-items:center}header-mobile-collapse .ionic-sub-header__mobile-toggle{display:none;padding-top:14px;pointer-events:none;padding-left:8px}header-mobile-collapse .ionic-sub-header__mobile-toggle svg{height:20px;width:20px}header-mobile-collapse .UtilNav{margin-left:auto}header-mobile-collapse>ionic-search{padding-right:8px;padding-top:4px;display:none}header-mobile-collapse .label-sm-only .Dropdown-button-label,header-mobile-collapse .sm-only{display:none}@media (max-width: 800px){header-mobile-collapse .ionic-sub-header__mobile-toggle{display:block;cursor:pointer;padding-top:14px;pointer-events:all;transition:0.2s transform ease 0.1s;transform-origin:66% 50%}header-mobile-collapse .header-mobile-collapse__backdrop{position:fixed;top:100%;height:100vh;left:0;right:0;background:rgba(0, 0, 0, 0.1);cursor:pointer;opacity:0;pointer-events:none;transition:0.4s opacity}header-mobile-collapse.ionic-sub-header--mobile-active .header-mobile-collapse__backdrop{opacity:1;pointer-events:all}header-mobile-collapse>ionic-search{display:block}header-mobile-collapse .header-mobile-collapse__content{display:flex;flex-direction:column;align-items:stretch;position:fixed;width:100vw;left:0;background:white;box-shadow:0px 1px 3px rgba(2, 8, 20, 0.06), 0px 1px 2px rgba(2, 8, 20, 0.04);top:56px;padding:16px 16px 8px;max-height:calc(100vh - 64px);overflow:auto;pointer-events:none;opacity:0;transform:translateY(-10px);transition:transform 0.2s cubic-bezier(0.36, 0.66, 0.04, 1), opacity 0.2s linear}header-mobile-collapse.ionic-sub-header--mobile-active .header-mobile-collapse__content{opacity:1;pointer-events:all;transform:translateY(0);transition:transform 0.25s cubic-bezier(0.17, 0.67, 0.52, 1), opacity 0.1s linear}header-mobile-collapse .sparkle-dropdown,header-mobile-collapse .SectionNav .Dropdown{align-self:stretch}header-mobile-collapse .Dropdown .Dropdown-button,header-mobile-collapse .UtilNav .sm-only{width:100%;display:flex;justify-content:space-between;color:#5b708b;font-size:20px;line-height:24px;letter-spacing:-0.03em;padding:13px 0 14px}header-mobile-collapse .Dropdown--left .Dropdown-button{padding-left:16px;padding-right:14px;margin-bottom:10px;padding-top:10px;height:44px;box-shadow:0px 1px 2px rgba(2, 8, 20, 0.04)}header-mobile-collapse .Dropdown .Dropdown-button .Dropdown-arrow{height:26px;width:20px;margin-right:-4px}header-mobile-collapse .SectionNav .Dropdown,header-mobile-collapse .SectionNav-tabs>*{margin-right:0}header-mobile-collapse .Dropdown:focus{outline:none}header-mobile-collapse .SectionNav-tabs stencil-route-link{height:45px}header-mobile-collapse .Dropdown--right .Dropdown-button{text-align:left}header-mobile-collapse .SectionNav stencil-route,header-mobile-collapse .SectionNav-tabs,header-mobile-collapse .UtilNav{display:flex;flex-direction:column;margin-left:0;align-items:stretch}header-mobile-collapse .UtilNav>*{margin-left:0;border-bottom:1px solid #e6e6e8}header-mobile-collapse .UtilNav>:last-child{border-bottom:none}header-mobile-collapse .Dropdown-panel{position:static;border-bottom:1px solid var(--text-color--lighter)}header-mobile-collapse .SectionNav-tabs a{font-size:20px;line-height:24px;letter-spacing:-0.02em;color:#5b708b;padding-left:16px;padding-right:14px;font-weight:400}header-mobile-collapse .UtilNav a{padding:0}header-mobile-collapse .SectionNav-tabs .link-active{background:rgba(var(--ion-color-primary-rgb), 0.12);color:var(--ion-color-primary);display:flex;justify-content:space-between;width:100%;border-radius:8px}header-mobile-collapse .SectionNav-tabs .link-active::after{content:'\\2713';position:static;background:none;width:auto;font-size:16px}header-mobile-collapse .SectionNav-tabs{position:relative;padding-bottom:8px;margin-bottom:18px;margin-top:5px}header-mobile-collapse .SectionNav-tabs::after{position:absolute;bottom:0;left:-16px;width:100vw;border-bottom:1px solid #e6e6e8;content:''}header-mobile-collapse .header-mobile-collapse__content ionic-search{display:none}header-mobile-collapse .UtilNav::before{content:'More';font-size:20px;line-height:24px;letter-spacing:0.01em;color:#000;padding:6px 2px 8px}header-mobile-collapse .label-sm-only .Dropdown-button-label,header-mobile-collapse .sm-only{display:block}header-mobile-collapse .label-sm-only .Dropdown-icon,header-mobile-collapse .lg-only{display:none}header-mobile-collapse .label-sm-only .Dropdown-icon+.Dropdown-arrow{fill:#5b708b}header-mobile-collapse .UtilNav .sm-only .Dropdown-arrow{height:26px;width:20px;margin-right:-4px;fill:#b2becd}header-mobile-collapse .Dropdown-panel a{padding:8px;font-size:16px}header-mobile-collapse .Dropdown.is-open .Dropdown-panel{position:static}}";
+
+const HeaderMobileCollapse = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.darkMode = true;
+    this.mobileDropdownActive = false;
+    this.stuck = false;
+    this.queued = false;
+  }
+  deactivate() {
+    setTimeout(() => {
+      this.el.classList.remove('ionic-sub-header--mobile-active');
+    }, 200); // give the page a chance to load in the background so it's pretty
+  }
+  getTriggerEl() {
+    // return (<div class="ionic-sub-header__trigger"></div>)
+    const trigger = document.createElement('div');
+    trigger.id = 'ionic-sub-header__trigger';
+    return trigger;
+  }
+  componentDidLoad() {
+    // tslint:disable-next-line
+    if (!this.el.before) {
+      return;
+    }
+    this.el.before(this.getTriggerEl());
+    this.init();
+    requestAnimationFrame(() => {
+      this.el.classList.add('ionic-sub-header--initialized');
+    });
+  }
+  init() {
+    this.observer = new IntersectionObserver(entries => {
+      if (this.queued) {
+        return;
+      }
+      // no intersection with screen
+      if (!this.stuck && entries[0].intersectionRatio === 0) {
+        this.queued = true;
+        requestAnimationFrame(() => {
+          this.el.classList.add('ionic-sub-header--stuck');
+          this.stuck = true;
+          this.queued = false;
+        });
+        // fully intersects with screen
+      }
+      else if (this.stuck && entries[0].intersectionRatio === 1) {
+        this.queued = true;
+        requestAnimationFrame(() => {
+          this.el.classList.remove('ionic-sub-header--stuck');
+          this.stuck = false;
+          this.queued = false;
+        });
+      }
+    }, { threshold: [0, 1] });
+    const headerEl = document.getElementById('ionic-sub-header__trigger');
+    if (this.el && headerEl) {
+      this.observer.observe(headerEl);
+      setTimeout(() => {
+        this.el.classList.add('ionic-sub-header--initialized');
+        const navBar = document.querySelector('.navbar-default');
+        if (navBar) {
+          navBar.classList.add('navbar--not-fixed');
+        }
+      }, 405);
+    }
+  }
+  handleMobileToggleClick() {
+    this.el.classList.toggle('ionic-sub-header--mobile-active');
+  }
+  render() {
+    return ([
+      index.h("div", { class: "header-mobile-collapse__backdrop", onClick: () => this.deactivate() }),
+      index.h("a", { class: "ionic-sub-header__mobile-toggle", onClick: () => this.handleMobileToggleClick() }, index.h(icons.MoreDots, null)),
+      index.h("div", { class: "header-mobile-collapse__content" }, index.h("slot", null))
+    ]);
+  }
+  get el() { return index.getElement(this); }
+};
+HeaderMobileCollapse.style = headerMobileCollapseCss;
+
+const buttonCss = "sparkle-button{background-color:rgba(var(--ion-color-sparkle-rgb), var(--bg-alpha, 0.06));border-radius:6px;color:var(--accent-color);display:inline-block;font-weight:600;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.1)}sparkle-button a,sparkle-button button{color:inherit;display:inline-block;font-size:inherit;font-weight:inherit;padding:0.75em 1.5em}sparkle-button button{appearance:none;background:none;border:none;line-height:inherit}sparkle-button svg{fill:currentColor;height:1em;margin-bottom:-0.125em;width:1em}sparkle-button[round]{border-radius:2em}sparkle-button[primary]{background-color:rgba(var(--ion-color-sparkle-rgb));color:var(--ion-color-sparkle-contrast)}@media (hover: hover){sparkle-button:hover{--bg-alpha:0.08}sparkle-button:active{--bg-alpha:0.1}}";
+
+const SparkleButton = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.round = false;
+    this.primary = false;
+  }
+  render() {
+    if (this.href !== undefined) {
+      const isInternal = /^\/course/.test(this.href);
+      if (isInternal) {
+        return (index.h("stencil-route-link", { url: this.href }, index.h("slot", null)));
+      }
+      return (index.h("a", { href: this.href }, index.h("slot", null)));
+    }
+    return (index.h("button", null, index.h("slot", null)));
+  }
+};
+SparkleButton.style = buttonCss;
+
+exports.header_mobile_collapse = HeaderMobileCollapse;
+exports.sparkle_button = SparkleButton;