@sparkle-learning/core 0.0.27 → 0.0.30

package/dist/cjs/{helpers-26770c32.js → helpers-7e28976c.js}

@@ -1,5 +1,71 @@
 'use strict';
 
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+const transitionEndAsync = (el, expectedDuration = 0) => {
+  return new Promise(resolve => {
+    transitionEnd(el, expectedDuration, resolve);
+  });
+};
+/**
+ * Allows developer to wait for a transition
+ * to finish and fallback to a timer if the
+ * transition is cancelled or otherwise
+ * never finishes. Also see transitionEndAsync
+ * which is an await-able version of this.
+ */
+const transitionEnd = (el, expectedDuration = 0, callback) => {
+  let unRegTrans;
+  let animationTimeout;
+  const opts = { passive: true };
+  const ANIMATION_FALLBACK_TIMEOUT = 500;
+  const unregister = () => {
+    if (unRegTrans) {
+      unRegTrans();
+    }
+  };
+  const onTransitionEnd = (ev) => {
+    if (ev === undefined || el === ev.target) {
+      unregister();
+      callback(ev);
+    }
+  };
+  if (el) {
+    el.addEventListener('webkitTransitionEnd', onTransitionEnd, opts);
+    el.addEventListener('transitionend', onTransitionEnd, opts);
+    animationTimeout = setTimeout(onTransitionEnd, expectedDuration + ANIMATION_FALLBACK_TIMEOUT);
+    unRegTrans = () => {
+      if (animationTimeout) {
+        clearTimeout(animationTimeout);
+        animationTimeout = undefined;
+      }
+      el.removeEventListener('webkitTransitionEnd', onTransitionEnd, opts);
+      el.removeEventListener('transitionend', onTransitionEnd, opts);
+    };
+  }
+  return unregister;
+};
+/**
+ * Waits for a component to be ready for
+ * both custom element and non-custom element builds.
+ * If non-custom element build, el.componentOnReady
+ * will be used.
+ * For custom element builds, we wait a frame
+ * so that the inner contents of the component
+ * have a chance to render.
+ *
+ * Use this utility rather than calling
+ * el.componentOnReady yourself.
+ */
+const componentOnReady = (el, callback) => {
+  if (el.componentOnReady) {
+    el.componentOnReady().then((resolvedEl) => callback(resolvedEl));
+  }
+  else {
+    raf(() => callback(el));
+  }
+};
 /**
  * Elements inside of web components sometimes need to inherit global attributes
  * set on the host. For example, the inner input in `ion-input` should inherit
@@ -90,6 +156,23 @@ const findItemLabel = (componentEl) => {
   }
   return null;
 };
+const focusElement = (el) => {
+  el.focus();
+  /**
+   * When programmatically focusing an element,
+   * the focus-visible utility will not run because
+   * it is expecting a keyboard event to have triggered this;
+   * however, there are times when we need to manually control
+   * this behavior so we call the `setFocus` method on ion-app
+   * which will let us explicitly set the elements to focus.
+   */
+  if (el.classList.contains('ion-focusable')) {
+    const app = el.closest('ion-app');
+    if (app) {
+      app.setFocus([el]);
+    }
+  }
+};
 /**
  * This method is used for Ionic's input components that use Shadow DOM. In
  * order to properly label the inputs to work with screen readers, we need
@@ -115,7 +198,7 @@ const getAriaLabel = (componentEl, inputId) => {
     ? labelledBy
     : inputId + '-lbl';
   let label = labelledBy !== null && labelledBy.trim() !== ''
-    ? document.querySelector(`#${labelledBy}`)
+    ? document.getElementById(labelledBy)
     : findItemLabel(componentEl);
   if (label) {
     if (labelledBy === null) {
@@ -127,9 +210,14 @@ const getAriaLabel = (componentEl, inputId) => {
     // one by setting an id on the component and using the label element
   }
   else if (componentId.trim() !== '') {
-    label = document.querySelector(`label[for=${componentId}]`);
+    label = document.querySelector(`label[for="${componentId}"]`);
     if (label) {
-      label.id = labelId = `${componentId}-lbl`;
+      if (label.id !== '') {
+        labelId = label.id;
+      }
+      else {
+        label.id = labelId = `${componentId}-lbl`;
+      }
       labelText = label.textContent;
     }
   }
@@ -220,13 +308,42 @@ const debounce = (func, wait = 0) => {
     timer = setTimeout(func, wait, ...args);
   };
 };
+/**
+ * Check whether the two string maps are shallow equal.
+ *
+ * undefined is treated as an empty map.
+ *
+ * @returns whether the keys are the same and the values are shallow equal.
+ */
+const shallowEqualStringMap = (map1, map2) => {
+  map1 !== null && map1 !== void 0 ? map1 : (map1 = {});
+  map2 !== null && map2 !== void 0 ? map2 : (map2 = {});
+  if (map1 === map2) {
+    return true;
+  }
+  const keys1 = Object.keys(map1);
+  if (keys1.length !== Object.keys(map2).length) {
+    return false;
+  }
+  for (const k1 of keys1) {
+    if (!(k1 in map2)) {
+      return false;
+    }
+    if (map1[k1] !== map2[k1]) {
+      return false;
+    }
+  }
+  return true;
+};
 
 exports.addEventListener = addEventListener;
 exports.assert = assert;
 exports.clamp = clamp;
+exports.componentOnReady = componentOnReady;
 exports.debounce = debounce;
 exports.debounceEvent = debounceEvent;
 exports.findItemLabel = findItemLabel;
+exports.focusElement = focusElement;
 exports.getAriaLabel = getAriaLabel;
 exports.getElementRoot = getElementRoot;
 exports.hasShadowDom = hasShadowDom;
@@ -237,3 +354,5 @@ exports.pointerCoord = pointerCoord;
 exports.raf = raf;
 exports.removeEventListener = removeEventListener;
 exports.renderHiddenInput = renderHiddenInput;
+exports.shallowEqualStringMap = shallowEqualStringMap;
+exports.transitionEndAsync = transitionEndAsync;

package/dist/cjs/{icons-a0fef92b.js → icons-b8a2231a.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-fbf4d3bf.js');
+const index = require('./index-bae2a754.js');
 
 const BackArrow = (props) => (index.h("svg", Object.assign({ viewBox: "0 0 512 512" }, props),
   index.h("path", { d: "M217.9 256L345 129c9.4-9.4 9.4-24.6 0-33.9-9.4-9.4-24.6-9.3-34 0L167 239c-9.1 9.1-9.3 23.7-.7 33.1L310.9 417c4.7 4.7 10.9 7 17 7s12.3-2.3 17-7c9.4-9.4 9.4-24.6 0-33.9L217.9 256z" })));

package/dist/cjs/{index-427d03fb.js → index-185f9c5a.js}

@@ -1,5 +1,8 @@
 'use strict';
 
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
 /**
  * Does a simple sanitization of all elements
  * in an untrusted string

package/dist/cjs/{index-6eff209d.js → index-43642662.js}

@@ -1,7 +1,10 @@
 'use strict';
 
-const gestureController = require('./gesture-controller-e824cfb3.js');
+const gestureController = require('./gesture-controller-07c31f70.js');
 
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
 const addEventListener = (el, eventName, callback, opts) => {
   // use event listener options when supported
   // otherwise it's just a boolean for the "capture" arg
@@ -42,6 +45,9 @@ const supportsPassive = (node) => {
 };
 let _sPassive;
 
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
 const MOUSE_WAIT = 2000;
 const createPointerEvents = (el, pointerDown, pointerMove, pointerUp, options) => {
   let rmTouchStart;
@@ -60,11 +66,20 @@ const createPointerEvents = (el, pointerDown, pointerMove, pointerUp, options) =
     if (!rmTouchMove && pointerMove) {
       rmTouchMove = addEventListener(el, 'touchmove', pointerMove, options);
     }
+    /**
+     * Events are dispatched on the element that is tapped and bubble up to
+     * the reference element in the gesture. In the event that the element this
+     * event was first dispatched on is removed from the DOM, the event will no
+     * longer bubble up to our reference element. This leaves the gesture in an
+     * unusable state. To account for this, the touchend and touchcancel listeners
+     * should be added to the event target so that they still fire even if the target
+     * is removed from the DOM.
+     */
     if (!rmTouchEnd) {
-      rmTouchEnd = addEventListener(el, 'touchend', handleTouchEnd, options);
+      rmTouchEnd = addEventListener(ev.target, 'touchend', handleTouchEnd, options);
     }
     if (!rmTouchCancel) {
-      rmTouchCancel = addEventListener(el, 'touchcancel', handleTouchEnd, options);
+      rmTouchCancel = addEventListener(ev.target, 'touchcancel', handleTouchEnd, options);
     }
   };
   const handleMouseDown = (ev) => {
@@ -152,6 +167,9 @@ const getDocument = (node) => {
   return node instanceof Document ? node : node.ownerDocument;
 };
 
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
 const createPanRecognizer = (direction, thresh, maxAngle) => {
   const radians = maxAngle * (Math.PI / 180);
   const isDirX = direction === 'x';
@@ -201,6 +219,9 @@ const createPanRecognizer = (direction, thresh, maxAngle) => {
   };
 };
 
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
 const createGesture = (config) => {
   let hasCapturedPan = false;
   let hasStartedPan = false;

package/dist/cjs/{index-7bcd36a0.js → index-459a5fa9.js}

@@ -1,9 +1,13 @@
 'use strict';
 
-const ionicGlobal = require('./ionic-global-4930d319.js');
-const animation = require('./animation-05337433.js');
-const hardwareBackButton = require('./hardware-back-button-ca468aae.js');
+const hardwareBackButton = require('./hardware-back-button-f7b5d99e.js');
+const helpers = require('./helpers-7e28976c.js');
+const ionicGlobal = require('./ionic-global-878073d1.js');
+const animation = require('./animation-6132e37f.js');
 
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
 /**
  * baseAnimation
  * Base class which is extended by the various types. Each
@@ -21,6 +25,9 @@ const baseAnimation = (isIos) => {
   return animation.createAnimation().duration(isIos ? 400 : 300);
 };
 
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
 /**
  * Menu Overlay Type
  * The menu slides over the content. The content
@@ -54,6 +61,9 @@ const menuOverlayAnimation = (menu) => {
   return baseAnimation(isIos).addAnimation([menuAnimation, backdropAnimation]);
 };
 
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
 /**
  * Menu Push Type
  * The content slides over to reveal the menu underneath.
@@ -84,6 +94,9 @@ const menuPushAnimation = (menu) => {
   return baseAnimation(mode === 'ios').addAnimation([menuAnimation, contentAnimation, backdropAnimation]);
 };
 
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
 /**
  * Menu Reveal Type
  * The content slides over to reveal the menu underneath.
@@ -98,6 +111,9 @@ const menuRevealAnimation = (menu) => {
   return baseAnimation(mode === 'ios').addAnimation(contentOpen);
 };
 
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
 const createMenuController = () => {
   const menuAnimations = new Map();
   const menus = [];
@@ -265,7 +281,7 @@ const createMenuController = () => {
   };
   const waitUntilReady = () => {
     return Promise.all(Array.from(document.querySelectorAll('ion-menu'))
-      .map(menu => menu.componentOnReady()));
+      .map(menu => new Promise(resolve => helpers.componentOnReady(menu, resolve))));
   };
   registerAnimation('reveal', menuRevealAnimation);
   registerAnimation('push', menuPushAnimation);

package/dist/cjs/index-8540d72e.js

@@ -0,0 +1,42 @@
+'use strict';
+
+/* Ionicons v6.0.1, ES Modules */
+const arrowBackSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Arrow Back</title><path stroke-linecap='square' stroke-miterlimit='10' stroke-width='48' d='M244 400L100 256l144-144M120 256h292' class='ionicon-fill-none'/></svg>";
+const arrowDown = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Arrow Down</title><path stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 268l144 144 144-144M256 392V100' class='ionicon-fill-none'/></svg>";
+const caretBackSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Caret Back</title><path d='M368 64L144 256l224 192V64z'/></svg>";
+const caretDownSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Caret Down</title><path d='M64 144l192 224 192-224H64z'/></svg>";
+const caretUpSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Caret Up</title><path d='M448 368L256 144 64 368h384z'/></svg>";
+const chevronBack = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Chevron Back</title><path stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M328 112L184 256l144 144' class='ionicon-fill-none'/></svg>";
+const chevronDown = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Chevron Down</title><path stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 184l144 144 144-144' class='ionicon-fill-none'/></svg>";
+const chevronForward = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Chevron Forward</title><path stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M184 112l144 144-144 144' class='ionicon-fill-none'/></svg>";
+const chevronForwardOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Chevron Forward</title><path stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M184 112l144 144-144 144' class='ionicon-fill-none'/></svg>";
+const close = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Close</title><path d='M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z'/></svg>";
+const closeCircle = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Close Circle</title><path d='M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm75.31 260.69a16 16 0 11-22.62 22.62L256 278.63l-52.69 52.68a16 16 0 01-22.62-22.62L233.37 256l-52.68-52.69a16 16 0 0122.62-22.62L256 233.37l52.69-52.68a16 16 0 0122.62 22.62L278.63 256z'/></svg>";
+const closeSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Close</title><path d='M400 145.49L366.51 112 256 222.51 145.49 112 112 145.49 222.51 256 112 366.51 145.49 400 256 289.49 366.51 400 400 366.51 289.49 256 400 145.49z'/></svg>";
+const ellipsisHorizontal = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Ellipsis Horizontal</title><circle cx='256' cy='256' r='48'/><circle cx='416' cy='256' r='48'/><circle cx='96' cy='256' r='48'/></svg>";
+const menuOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Menu</title><path stroke-linecap='round' stroke-miterlimit='10' d='M80 160h352M80 256h352M80 352h352' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
+const menuSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Menu</title><path d='M64 384h384v-42.67H64zm0-106.67h384v-42.66H64zM64 128v42.67h384V128z'/></svg>";
+const reorderThreeOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Reorder Three</title><path stroke-linecap='round' stroke-linejoin='round' d='M96 256h320M96 176h320M96 336h320' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
+const reorderTwoSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Reorder Two</title><path stroke-linecap='square' stroke-linejoin='round' stroke-width='44' d='M118 304h276M118 208h276' class='ionicon-fill-none'/></svg>";
+const searchOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Search</title><path d='M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z' stroke-miterlimit='10' class='ionicon-fill-none ionicon-stroke-width'/><path stroke-linecap='round' stroke-miterlimit='10' d='M338.29 338.29L448 448' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
+const searchSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Search</title><path d='M464 428L339.92 303.9a160.48 160.48 0 0030.72-94.58C370.64 120.37 298.27 48 209.32 48S48 120.37 48 209.32s72.37 161.32 161.32 161.32a160.48 160.48 0 0094.58-30.72L428 464zM209.32 319.69a110.38 110.38 0 11110.37-110.37 110.5 110.5 0 01-110.37 110.37z'/></svg>";
+
+exports.arrowBackSharp = arrowBackSharp;
+exports.arrowDown = arrowDown;
+exports.caretBackSharp = caretBackSharp;
+exports.caretDownSharp = caretDownSharp;
+exports.caretUpSharp = caretUpSharp;
+exports.chevronBack = chevronBack;
+exports.chevronDown = chevronDown;
+exports.chevronForward = chevronForward;
+exports.chevronForwardOutline = chevronForwardOutline;
+exports.close = close;
+exports.closeCircle = closeCircle;
+exports.closeSharp = closeSharp;
+exports.ellipsisHorizontal = ellipsisHorizontal;
+exports.menuOutline = menuOutline;
+exports.menuSharp = menuSharp;
+exports.reorderThreeOutline = reorderThreeOutline;
+exports.reorderTwoSharp = reorderTwoSharp;
+exports.searchOutline = searchOutline;
+exports.searchSharp = searchSharp;

package/dist/cjs/{index-58b3ee93.js → index-b12edb26.js}

@@ -1,15 +1,22 @@
 'use strict';
 
-const index = require('./index-fbf4d3bf.js');
+const index = require('./index-bae2a754.js');
+const helpers = require('./helpers-7e28976c.js');
 
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
 const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';
 const LIFECYCLE_DID_ENTER = 'ionViewDidEnter';
 const LIFECYCLE_WILL_LEAVE = 'ionViewWillLeave';
 const LIFECYCLE_DID_LEAVE = 'ionViewDidLeave';
 const LIFECYCLE_WILL_UNLOAD = 'ionViewWillUnload';
 
-const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-6e1fd3d6.js'); });
-const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-3652ad78.js'); });
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-c3bfb096.js'); });
+const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-7eb9a1a7.js'); });
 const transition = (opts) => {
   return new Promise((resolve, reject) => {
     index.writeTask(() => {
@@ -38,8 +45,16 @@ const beforeTransition = (opts) => {
     enteringEl.classList.remove('can-go-back');
   }
   setPageHidden(enteringEl, false);
+  /**
+   * When transitioning, the page should not
+   * respond to click events. This resolves small
+   * issues like users double tapping the ion-back-button.
+   * These pointer events are removed in `afterTransition`.
+   */
+  enteringEl.style.setProperty('pointer-events', 'none');
   if (leavingEl) {
     setPageHidden(leavingEl, false);
+    leavingEl.style.setProperty('pointer-events', 'none');
   }
 };
 const runTransition = async (opts) => {
@@ -53,8 +68,10 @@ const afterTransition = (opts) => {
   const enteringEl = opts.enteringEl;
   const leavingEl = opts.leavingEl;
   enteringEl.classList.remove('ion-page-invisible');
+  enteringEl.style.removeProperty('pointer-events');
   if (leavingEl !== undefined) {
     leavingEl.classList.remove('ion-page-invisible');
+    leavingEl.style.removeProperty('pointer-events');
   }
 };
 const getAnimationBuilder = async (opts) => {
@@ -151,8 +168,8 @@ const lifecycle = (el, eventName) => {
   }
 };
 const shallowReady = (el) => {
-  if (el && el.componentOnReady) {
-    return el.componentOnReady();
+  if (el) {
+    return new Promise(resolve => helpers.componentOnReady(el, resolve));
   }
   return Promise.resolve();
 };
@@ -164,6 +181,18 @@ const deepReady = async (el) => {
       if (stencilEl != null) {
         return;
       }
+      /**
+       * Custom elements in Stencil will have __registerHost.
+       */
+    }
+    else if (element.__registerHost != null) {
+      /**
+       * Non-lazy loaded custom elements need to wait
+       * one frame for component to be loaded.
+       */
+      const waitForCustomElement = new Promise(resolve => helpers.raf(resolve));
+      await waitForCustomElement;
+      return;
     }
     await Promise.all(Array.from(element.children).map(deepReady));
   }