@sparkle-learning/core 0.0.32 → 0.0.35

package/dist/esm/compass-svg.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, F as Fragment, H as Host } from './index-5568e3fa.js';
+import { r as registerInstance, h, F as Fragment, H as Host } from './index-9db08224.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/esm/context-consumer.entry.js

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

package/dist/esm/course-select.entry.js

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

package/dist/esm/{cubic-bezier-a7ad9c8e.js → cubic-bezier-4c0db14f.js}

@@ -21,7 +21,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);
   });
 };
@@ -29,10 +29,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
@@ -43,7 +43,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;
@@ -51,10 +51,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) => {
@@ -77,7 +74,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)))));
@@ -85,7 +84,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/esm/dom-utils-8e73e88b.js

@@ -0,0 +1,55 @@
+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;
+    }
+};
+
+export { supportsHistory as a, supportsPopStateOnHashChange as b, supportsGoWithoutReloadUsingHash as c, isModifiedEvent as d, getConfirmation as g, isExtraneousPopstateEvent as i, storageAvailable as s };

package/dist/esm/{facilitator.service-ec0a9739.js → facilitator.service-7babc526.js}

@@ -1,4 +1,5 @@
-import { b as createStore, H as HttpService } from './auth.store-3ed2389e.js';
+import { H as HttpService } from './httpService-b2b7a1ad.js';
+import { c as createStore } from './auth.store-b812b34b.js';
 
 const { state, onChange } = createStore({
   pageNotes: [],

package/dist/esm/{feed.service-33b83cb7.js → feed.service-80fbe79d.js}

@@ -1,5 +1,6 @@
-import { b as createStore, H as HttpService } from './auth.store-3ed2389e.js';
-import { S as SparkleGlobal } from './util-6ef753e9.js';
+import { H as HttpService } from './httpService-b2b7a1ad.js';
+import { c as createStore } from './auth.store-b812b34b.js';
+import { S as SparkleGlobal } from './util-a831d09d.js';
 
 const { state: state$1, onChange } = createStore({
   goals: [],

package/dist/esm/{focus-visible-40cda868.js → focus-visible-4e9a0764.js}

@@ -3,15 +3,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 = () => {
@@ -54,7 +67,7 @@ const startFocusVisible = (rootEl) => {
   };
   return {
     destroy,
-    setFocus
+    setFocus,
   };
 };
 

package/dist/esm/{framework-delegate-3bc58c27.js → framework-delegate-9b329182.js}

@@ -1,26 +1,25 @@
-import { c as componentOnReady } from './helpers-39367fe1.js';
+import { c as componentOnReady } from './helpers-94a5855b.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 => componentOnReady(el, resolve));
+  await new Promise((resolve) => componentOnReady(el, resolve));
   return el;
 };
 const detachComponent = (delegate, element) => {
@@ -37,6 +36,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
@@ -48,14 +48,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.
@@ -66,13 +64,13 @@ const CoreDelegate = () => {
        * inside of the overlay component.
        */
       BaseComponent.appendChild(el);
-      await new Promise(resolve => componentOnReady(el, resolve));
+      await new Promise((resolve) => 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/esm/{gesture-controller-686622ba.js → gesture-controller-7be18351.js}

@@ -34,7 +34,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/esm/{haptic-99c9e346.js → haptic-3a76a65c.js}

@@ -3,8 +3,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();
@@ -70,7 +71,7 @@ const HapticEngine = {
     else {
       engine.gestureSelectionEnd();
     }
-  }
+  },
 };
 /**
  * Trigger a selection changed haptic event. Good for one-time events
@@ -106,4 +107,4 @@ const hapticImpact = (options) => {
   HapticEngine.impact(options);
 };
 
-export { hapticSelectionStart as a, hapticSelectionChanged as b, hapticSelectionEnd as c, hapticSelection as d, hapticImpact as h };
+export { hapticImpact as a, hapticSelectionStart as b, hapticSelectionChanged as c, hapticSelectionEnd as d, hapticSelection as h };

package/dist/esm/{hardware-back-button-b6ccf74a.js → hardware-back-button-fa04d6e9.js}

@@ -12,7 +12,7 @@
  * will still happen.
  */
 const blockHardwareBackButton = () => {
-  document.addEventListener('backbutton', () => { }); // tslint:disable-line
+  document.addEventListener('backbutton', () => { }); // eslint-disable-line
 };
 const startHardwareBackButton = () => {
   const doc = document;
@@ -28,13 +28,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;
@@ -50,16 +50,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/esm/header-mobile-collapse_2.entry.js

@@ -0,0 +1,107 @@
+import { r as registerInstance, h, i as getElement } from './index-9db08224.js';
+import { a as MoreDots } from './icons-16f1a80b.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) {
+    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 ([
+      h("div", { class: "header-mobile-collapse__backdrop", onClick: () => this.deactivate() }),
+      h("a", { class: "ionic-sub-header__mobile-toggle", onClick: () => this.handleMobileToggleClick() }, h(MoreDots, null)),
+      h("div", { class: "header-mobile-collapse__content" }, h("slot", null))
+    ]);
+  }
+  get el() { return 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) {
+    registerInstance(this, hostRef);
+    this.round = false;
+    this.primary = false;
+  }
+  render() {
+    if (this.href !== undefined) {
+      const isInternal = /^\/course/.test(this.href);
+      if (isInternal) {
+        return (h("stencil-route-link", { url: this.href }, h("slot", null)));
+      }
+      return (h("a", { href: this.href }, h("slot", null)));
+    }
+    return (h("button", null, h("slot", null)));
+  }
+};
+SparkleButton.style = buttonCss;
+
+export { HeaderMobileCollapse as header_mobile_collapse, SparkleButton as sparkle_button };

package/dist/esm/{helpers-39367fe1.js → helpers-94a5855b.js}

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 const transitionEndAsync = (el, expectedDuration = 0) => {
-  return new Promise(resolve => {
+  return new Promise((resolve) => {
     transitionEnd(el, expectedDuration, resolve);
   });
 };
@@ -76,7 +76,7 @@ const componentOnReady = (el, callback) => {
  */
 const inheritAttributes = (el, attributes = []) => {
   const attributeObject = {};
-  attributes.forEach(attr => {
+  attributes.forEach((attr) => {
     if (el.hasAttribute(attr)) {
       const value = el.getAttribute(attr);
       if (value !== null) {
@@ -87,10 +87,77 @@ const inheritAttributes = (el, attributes = []) => {
   });
   return attributeObject;
 };
+/**
+ * List of available ARIA attributes + `role`.
+ * Removed deprecated attributes.
+ * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes
+ */
+const ariaAttributes = [
+  'role',
+  'aria-activedescendant',
+  'aria-atomic',
+  'aria-autocomplete',
+  'aria-braillelabel',
+  'aria-brailleroledescription',
+  'aria-busy',
+  'aria-checked',
+  'aria-colcount',
+  'aria-colindex',
+  'aria-colindextext',
+  'aria-colspan',
+  'aria-controls',
+  'aria-current',
+  'aria-describedby',
+  'aria-description',
+  'aria-details',
+  'aria-disabled',
+  'aria-errormessage',
+  'aria-expanded',
+  'aria-flowto',
+  'aria-haspopup',
+  'aria-hidden',
+  'aria-invalid',
+  'aria-keyshortcuts',
+  'aria-label',
+  'aria-labelledby',
+  'aria-level',
+  'aria-live',
+  'aria-multiline',
+  'aria-multiselectable',
+  'aria-orientation',
+  'aria-owns',
+  'aria-placeholder',
+  'aria-posinset',
+  'aria-pressed',
+  'aria-readonly',
+  'aria-relevant',
+  'aria-required',
+  'aria-roledescription',
+  'aria-rowcount',
+  'aria-rowindex',
+  'aria-rowindextext',
+  'aria-rowspan',
+  'aria-selected',
+  'aria-setsize',
+  'aria-sort',
+  'aria-valuemax',
+  'aria-valuemin',
+  'aria-valuenow',
+  'aria-valuetext',
+];
+/**
+ * Returns an array of aria attributes that should be copied from
+ * the shadow host element to a target within the light DOM.
+ * @param el The element that the attributes should be copied from.
+ */
+const inheritAriaAttributes = (el) => {
+  return inheritAttributes(el, ariaAttributes);
+};
 const addEventListener = (el, eventName, callback, opts) => {
+  var _a;
   if (typeof window !== 'undefined') {
     const win = window;
-    const config = win && win.Ionic && win.Ionic.config;
+    const config = (_a = win === null || win === void 0 ? void 0 : win.Ionic) === null || _a === void 0 ? void 0 : _a.config;
     if (config) {
       const ael = config.get('_ael');
       if (ael) {
@@ -104,9 +171,10 @@ const addEventListener = (el, eventName, callback, opts) => {
   return el.addEventListener(eventName, callback, opts);
 };
 const removeEventListener = (el, eventName, callback, opts) => {
+  var _a;
   if (typeof window !== 'undefined') {
     const win = window;
-    const config = win && win.Ionic && win.Ionic.config;
+    const config = (_a = win === null || win === void 0 ? void 0 : win.Ionic) === null || _a === void 0 ? void 0 : _a.config;
     if (config) {
       const rel = config.get('_rel');
       if (rel) {
@@ -192,12 +260,8 @@ const getAriaLabel = (componentEl, inputId) => {
   // Grab the id off of the component in case they are using
   // a custom label using the label element
   const componentId = componentEl.id;
-  let labelId = labelledBy !== null && labelledBy.trim() !== ''
-    ? labelledBy
-    : inputId + '-lbl';
-  let label = labelledBy !== null && labelledBy.trim() !== ''
-    ? document.getElementById(labelledBy)
-    : findItemLabel(componentEl);
+  let labelId = labelledBy !== null && labelledBy.trim() !== '' ? labelledBy : inputId + '-lbl';
+  let label = labelledBy !== null && labelledBy.trim() !== '' ? document.getElementById(labelledBy) : findItemLabel(componentEl);
   if (label) {
     if (labelledBy === null) {
       label.id = labelId;
@@ -254,7 +318,7 @@ const assert = (actual, reason) => {
   if (!actual) {
     const message = 'ASSERT: ' + reason;
     console.error(message);
-    debugger; // tslint:disable-line
+    debugger; // eslint-disable-line
     throw new Error(message);
   }
 };
@@ -286,8 +350,10 @@ const pointerCoord = (ev) => {
 const isEndSide = (side) => {
   const isRTL = document.dir === 'rtl';
   switch (side) {
-    case 'start': return isRTL;
-    case 'end': return !isRTL;
+    case 'start':
+      return isRTL;
+    case 'end':
+      return !isRTL;
     default:
       throw new Error(`"${side}" is not a valid value for [side]. Use "start" or "end" instead.`);
   }
@@ -296,7 +362,7 @@ const debounceEvent = (event, wait) => {
   const original = event._original || event;
   return {
     _original: event,
-    emit: debounce(original.emit.bind(original), wait)
+    emit: debounce(original.emit.bind(original), wait),
   };
 };
 const debounce = (func, wait = 0) => {
@@ -334,4 +400,4 @@ const shallowEqualStringMap = (map1, map2) => {
   return true;
 };
 
-export { addEventListener as a, getAriaLabel as b, componentOnReady as c, renderHiddenInput as d, debounceEvent as e, focusElement as f, getElementRoot as g, hasShadowDom as h, inheritAttributes as i, findItemLabel as j, raf as k, clamp as l, isEndSide as m, assert as n, debounce as o, pointerCoord as p, now as q, removeEventListener as r, shallowEqualStringMap as s, transitionEndAsync as t };
+export { addEventListener as a, inheritAttributes as b, componentOnReady as c, debounceEvent as d, findItemLabel as e, focusElement as f, getElementRoot as g, hasShadowDom as h, inheritAriaAttributes as i, raf as j, getAriaLabel as k, renderHiddenInput as l, clamp as m, isEndSide as n, assert as o, debounce as p, pointerCoord as q, removeEventListener as r, shallowEqualStringMap as s, transitionEndAsync as t, now as u };