@sparkle-learning/core 0.0.33 → 0.0.36

package/dist/esm/{animation-7b083379.js → animation-12377cb3.js}

@@ -1,4 +1,4 @@
-import { b as raf } from './helpers-9d0930de.js';
+import { l as raf } from './helpers-bf0e23d6.js';
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -9,8 +9,9 @@ let animationPrefix;
  * to be written in camelCase when animating
  */
 const processKeyframes = (keyframes) => {
-  keyframes.forEach(keyframe => {
+  keyframes.forEach((keyframe) => {
     for (const key in keyframe) {
+      // eslint-disable-next-line no-prototype-builtins
       if (keyframe.hasOwnProperty(key)) {
         const value = keyframe[key];
         if (key === 'easing') {
@@ -37,7 +38,7 @@ const getAnimationPrefix = (el) => {
   if (animationPrefix === undefined) {
     const supportsUnprefixed = el.style.animationName !== undefined;
     const supportsWebkitPrefix = el.style.webkitAnimationName !== undefined;
-    animationPrefix = (!supportsUnprefixed && supportsWebkitPrefix) ? '-webkit-' : '';
+    animationPrefix = !supportsUnprefixed && supportsWebkitPrefix ? '-webkit-' : '';
   }
   return animationPrefix;
 };
@@ -74,28 +75,31 @@ const animationEnd = (el, callback) => {
   return unregister;
 };
 const generateKeyframeRules = (keyframes = []) => {
-  return keyframes.map(keyframe => {
+  return keyframes
+    .map((keyframe) => {
     const offset = keyframe.offset;
     const frameString = [];
     for (const property in keyframe) {
+      // eslint-disable-next-line no-prototype-builtins
       if (keyframe.hasOwnProperty(property) && property !== 'offset') {
         frameString.push(`${property}: ${keyframe[property]};`);
       }
     }
     return `${offset * 100}% { ${frameString.join(' ')} }`;
-  }).join(' ');
+  })
+    .join(' ');
 };
 const keyframeIds = [];
 const generateKeyframeName = (keyframeRules) => {
   let index = keyframeIds.indexOf(keyframeRules);
   if (index < 0) {
-    index = (keyframeIds.push(keyframeRules) - 1);
+    index = keyframeIds.push(keyframeRules) - 1;
   }
   return `ion-animation-${index}`;
 };
 const getStyleContainer = (element) => {
   const rootNode = element.getRootNode();
-  return (rootNode.head || rootNode);
+  return rootNode.head || rootNode;
 };
 const createKeyframeStylesheet = (keyframeName, keyframeRules, element) => {
   const styleContainer = getStyleContainer(element);
@@ -112,7 +116,7 @@ const createKeyframeStylesheet = (keyframeName, keyframeRules, element) => {
 };
 const addClassToArray = (classes = [], className) => {
   if (className !== undefined) {
-    const classNameToAppend = (Array.isArray(className)) ? className : [className];
+    const classNameToAppend = Array.isArray(className) ? className : [className];
     return [...classes, ...classNameToAppend];
   }
   return classes;
@@ -149,6 +153,7 @@ const createAnimation = (animationId) => {
   let shouldCalculateNumAnimations = true;
   let keyframeName;
   let ani;
+  let paused = false;
   const id = animationId;
   const onFinishCallbacks = [];
   const onFinishOneTimeCallbacks = [];
@@ -160,14 +165,16 @@ const createAnimation = (animationId) => {
   const _afterAddReadFunctions = [];
   const _afterAddWriteFunctions = [];
   const webAnimations = [];
-  const supportsAnimationEffect = (typeof AnimationEffect === 'function' || typeof window.AnimationEffect === 'function');
-  const supportsWebAnimations = (typeof Element === 'function') && (typeof Element.prototype.animate === 'function') && supportsAnimationEffect;
+  const supportsAnimationEffect = typeof AnimationEffect === 'function' || typeof window.AnimationEffect === 'function';
+  const supportsWebAnimations = typeof Element === 'function' &&
+    typeof Element.prototype.animate === 'function' &&
+    supportsAnimationEffect;
   const ANIMATION_END_FALLBACK_PADDING_MS = 100;
   const getWebAnimations = () => {
     return webAnimations;
   };
   const destroy = (clearStyleSheets) => {
-    childAnimations.forEach(childAnimation => {
+    childAnimations.forEach((childAnimation) => {
       childAnimation.destroy(clearStyleSheets);
     });
     cleanUp(clearStyleSheets);
@@ -201,9 +208,13 @@ const createAnimation = (animationId) => {
     numAnimationsRunning = 0;
     finished = false;
     willComplete = true;
+    paused = false;
+  };
+  const isRunning = () => {
+    return numAnimationsRunning !== 0 && !paused;
   };
   const onFinish = (callback, opts) => {
-    const callbacks = (opts && opts.oneTimeCallback) ? onFinishOneTimeCallbacks : onFinishCallbacks;
+    const callbacks = (opts === null || opts === void 0 ? void 0 : opts.oneTimeCallback) ? onFinishOneTimeCallbacks : onFinishCallbacks;
     callbacks.push({ c: callback, o: opts });
     return ani;
   };
@@ -219,7 +230,7 @@ const createAnimation = (animationId) => {
    */
   const cleanUpElements = () => {
     if (supportsWebAnimations) {
-      webAnimations.forEach(animation => {
+      webAnimations.forEach((animation) => {
         animation.cancel();
       });
       webAnimations.length = 0;
@@ -227,7 +238,7 @@ const createAnimation = (animationId) => {
     else {
       const elementsArray = elements.slice();
       raf(() => {
-        elementsArray.forEach(element => {
+        elementsArray.forEach((element) => {
           removeStyleProperty(element, 'animation-name');
           removeStyleProperty(element, 'animation-duration');
           removeStyleProperty(element, 'animation-timing-function');
@@ -245,13 +256,13 @@ const createAnimation = (animationId) => {
    * from the DOM.
    */
   const cleanUpStyleSheets = () => {
-    stylesheets.forEach(stylesheet => {
+    stylesheets.forEach((stylesheet) => {
       /**
        * When sharing stylesheets, it's possible
        * for another animation to have already
        * cleaned up a particular stylesheet
        */
-      if (stylesheet && stylesheet.parentNode) {
+      if (stylesheet === null || stylesheet === void 0 ? void 0 : stylesheet.parentNode) {
         stylesheet.parentNode.removeChild(stylesheet);
       }
     });
@@ -472,7 +483,7 @@ const createAnimation = (animationId) => {
   };
   const updateKeyframes = (keyframeValues) => {
     if (supportsWebAnimations) {
-      getWebAnimations().forEach(animation => {
+      getWebAnimations().forEach((animation) => {
         if (animation.effect.setKeyframes) {
           animation.effect.setKeyframes(keyframeValues);
         }
@@ -491,18 +502,19 @@ const createAnimation = (animationId) => {
    */
   const beforeAnimation = () => {
     // Runs all before read callbacks
-    _beforeAddReadFunctions.forEach(callback => callback());
+    _beforeAddReadFunctions.forEach((callback) => callback());
     // Runs all before write callbacks
-    _beforeAddWriteFunctions.forEach(callback => callback());
+    _beforeAddWriteFunctions.forEach((callback) => callback());
     // Updates styles and classes before animation runs
     const addClasses = beforeAddClasses;
     const removeClasses = beforeRemoveClasses;
     const styles = beforeStylesValue;
-    elements.forEach(el => {
+    elements.forEach((el) => {
       const elementClassList = el.classList;
-      addClasses.forEach(c => elementClassList.add(c));
-      removeClasses.forEach(c => elementClassList.remove(c));
+      addClasses.forEach((c) => elementClassList.add(c));
+      removeClasses.forEach((c) => elementClassList.remove(c));
       for (const property in styles) {
+        // eslint-disable-next-line no-prototype-builtins
         if (styles.hasOwnProperty(property)) {
           setStyleProperty(el, property, styles[property]);
         }
@@ -515,28 +527,29 @@ const createAnimation = (animationId) => {
   const afterAnimation = () => {
     clearCSSAnimationsTimeout();
     // Runs all after read callbacks
-    _afterAddReadFunctions.forEach(callback => callback());
+    _afterAddReadFunctions.forEach((callback) => callback());
     // Runs all after write callbacks
-    _afterAddWriteFunctions.forEach(callback => callback());
+    _afterAddWriteFunctions.forEach((callback) => callback());
     // Updates styles and classes before animation ends
     const currentStep = willComplete ? 1 : 0;
     const addClasses = afterAddClasses;
     const removeClasses = afterRemoveClasses;
     const styles = afterStylesValue;
-    elements.forEach(el => {
+    elements.forEach((el) => {
       const elementClassList = el.classList;
-      addClasses.forEach(c => elementClassList.add(c));
-      removeClasses.forEach(c => elementClassList.remove(c));
+      addClasses.forEach((c) => elementClassList.add(c));
+      removeClasses.forEach((c) => elementClassList.remove(c));
       for (const property in styles) {
+        // eslint-disable-next-line no-prototype-builtins
         if (styles.hasOwnProperty(property)) {
           setStyleProperty(el, property, styles[property]);
         }
       }
     });
-    onFinishCallbacks.forEach(onFinishCallback => {
+    onFinishCallbacks.forEach((onFinishCallback) => {
       return onFinishCallback.c(currentStep, ani);
     });
-    onFinishOneTimeCallbacks.forEach(onFinishCallback => {
+    onFinishOneTimeCallbacks.forEach((onFinishCallback) => {
       return onFinishCallback.c(currentStep, ani);
     });
     onFinishOneTimeCallbacks.length = 0;
@@ -561,10 +574,10 @@ const createAnimation = (animationId) => {
   const initializeCSSAnimation = (toggleAnimationName = true) => {
     cleanUpStyleSheets();
     const processedKeyframes = processKeyframes(_keyframes);
-    elements.forEach(element => {
+    elements.forEach((element) => {
       if (processedKeyframes.length > 0) {
         const keyframeRules = generateKeyframeRules(processedKeyframes);
-        keyframeName = (animationId !== undefined) ? animationId : generateKeyframeName(keyframeRules);
+        keyframeName = animationId !== undefined ? animationId : generateKeyframeName(keyframeRules);
         const stylesheet = createKeyframeStylesheet(keyframeName, keyframeRules, element);
         stylesheets.push(stylesheet);
         setStyleProperty(element, 'animation-duration', `${getDuration()}ms`);
@@ -572,9 +585,7 @@ const createAnimation = (animationId) => {
         setStyleProperty(element, 'animation-delay', `${getDelay()}ms`);
         setStyleProperty(element, 'animation-fill-mode', getFill());
         setStyleProperty(element, 'animation-direction', getDirection());
-        const iterationsCount = (getIterations() === Infinity)
-          ? 'infinite'
-          : getIterations().toString();
+        const iterationsCount = getIterations() === Infinity ? 'infinite' : getIterations().toString();
         setStyleProperty(element, 'animation-iteration-count', iterationsCount);
         setStyleProperty(element, 'animation-play-state', 'paused');
         if (toggleAnimationName) {
@@ -587,7 +598,7 @@ const createAnimation = (animationId) => {
     });
   };
   const initializeWebAnimation = () => {
-    elements.forEach(element => {
+    elements.forEach((element) => {
       const animation = element.animate(_keyframes, {
         id,
         delay: getDelay(),
@@ -595,7 +606,7 @@ const createAnimation = (animationId) => {
         easing: getEasing(),
         iterations: getIterations(),
         fill: getFill(),
-        direction: getDirection()
+        direction: getDirection(),
       });
       animation.pause();
       webAnimations.push(animation);
@@ -621,14 +632,14 @@ const createAnimation = (animationId) => {
   const setAnimationStep = (step) => {
     step = Math.min(Math.max(step, 0), 0.9999);
     if (supportsWebAnimations) {
-      webAnimations.forEach(animation => {
-        animation.currentTime = animation.effect.getComputedTiming().delay + (getDuration() * step);
+      webAnimations.forEach((animation) => {
+        animation.currentTime = animation.effect.getComputedTiming().delay + getDuration() * step;
         animation.pause();
       });
     }
     else {
       const animationDuration = `-${getDuration() * step}ms`;
-      elements.forEach(element => {
+      elements.forEach((element) => {
         if (_keyframes.length > 0) {
           setStyleProperty(element, 'animation-delay', animationDuration);
           setStyleProperty(element, 'animation-play-state', 'paused');
@@ -637,14 +648,14 @@ const createAnimation = (animationId) => {
     }
   };
   const updateWebAnimation = (step) => {
-    webAnimations.forEach(animation => {
+    webAnimations.forEach((animation) => {
       animation.effect.updateTiming({
         delay: getDelay(),
         duration: getDuration(),
         easing: getEasing(),
         iterations: getIterations(),
         fill: getFill(),
-        direction: getDirection()
+        direction: getDirection(),
       });
     });
     if (step !== undefined) {
@@ -653,16 +664,14 @@ const createAnimation = (animationId) => {
   };
   const updateCSSAnimation = (toggleAnimationName = true, step) => {
     raf(() => {
-      elements.forEach(element => {
+      elements.forEach((element) => {
         setStyleProperty(element, 'animation-name', keyframeName || null);
         setStyleProperty(element, 'animation-duration', `${getDuration()}ms`);
         setStyleProperty(element, 'animation-timing-function', getEasing());
-        setStyleProperty(element, 'animation-delay', (step !== undefined) ? `-${step * getDuration()}ms` : `${getDelay()}ms`);
+        setStyleProperty(element, 'animation-delay', step !== undefined ? `-${step * getDuration()}ms` : `${getDelay()}ms`);
         setStyleProperty(element, 'animation-fill-mode', getFill() || null);
         setStyleProperty(element, 'animation-direction', getDirection() || null);
-        const iterationsCount = (getIterations() === Infinity)
-          ? 'infinite'
-          : getIterations().toString();
+        const iterationsCount = getIterations() === Infinity ? 'infinite' : getIterations().toString();
         setStyleProperty(element, 'animation-iteration-count', iterationsCount);
         if (toggleAnimationName) {
           setStyleProperty(element, 'animation-name', `${keyframeName}-alt`);
@@ -675,7 +684,7 @@ const createAnimation = (animationId) => {
   };
   const update = (deep = false, toggleAnimationName = true, step) => {
     if (deep) {
-      childAnimations.forEach(animation => {
+      childAnimations.forEach((animation) => {
         animation.update(deep, toggleAnimationName, step);
       });
     }
@@ -688,7 +697,7 @@ const createAnimation = (animationId) => {
     return ani;
   };
   const progressStart = (forceLinearEasing = false, step) => {
-    childAnimations.forEach(animation => {
+    childAnimations.forEach((animation) => {
       animation.progressStart(forceLinearEasing, step);
     });
     pauseAnimation();
@@ -700,7 +709,7 @@ const createAnimation = (animationId) => {
     return ani;
   };
   const progressStep = (step) => {
-    childAnimations.forEach(animation => {
+    childAnimations.forEach((animation) => {
       animation.progressStep(step);
     });
     setAnimationStep(step);
@@ -708,17 +717,16 @@ const createAnimation = (animationId) => {
   };
   const progressEnd = (playTo, step, dur) => {
     shouldForceLinearEasing = false;
-    childAnimations.forEach(animation => {
+    childAnimations.forEach((animation) => {
       animation.progressEnd(playTo, step, dur);
     });
     if (dur !== undefined) {
       forceDurationValue = dur;
     }
     finished = false;
-    // tslint:disable-next-line: strict-boolean-conditions
     willComplete = true;
     if (playTo === 0) {
-      forceDirectionValue = (getDirection() === 'reverse') ? 'normal' : 'reverse';
+      forceDirectionValue = getDirection() === 'reverse' ? 'normal' : 'reverse';
       if (forceDirectionValue === 'reverse') {
         willComplete = false;
       }
@@ -727,7 +735,7 @@ const createAnimation = (animationId) => {
         setAnimationStep(1 - step);
       }
       else {
-        forceDelayValue = ((1 - step) * getDuration()) * -1;
+        forceDelayValue = (1 - step) * getDuration() * -1;
         update(false, false);
       }
     }
@@ -737,7 +745,7 @@ const createAnimation = (animationId) => {
         setAnimationStep(step);
       }
       else {
-        forceDelayValue = (step * getDuration()) * -1;
+        forceDelayValue = step * getDuration() * -1;
         update(false, false);
       }
     }
@@ -747,7 +755,7 @@ const createAnimation = (animationId) => {
         forceDirectionValue = undefined;
         forceDelayValue = undefined;
       }, {
-        oneTimeCallback: true
+        oneTimeCallback: true,
       });
       if (!parentAnimation) {
         play();
@@ -758,19 +766,20 @@ const createAnimation = (animationId) => {
   const pauseAnimation = () => {
     if (initialized) {
       if (supportsWebAnimations) {
-        webAnimations.forEach(animation => {
+        webAnimations.forEach((animation) => {
           animation.pause();
         });
       }
       else {
-        elements.forEach(element => {
+        elements.forEach((element) => {
           setStyleProperty(element, 'animation-play-state', 'paused');
         });
       }
+      paused = true;
     }
   };
   const pause = () => {
-    childAnimations.forEach(animation => {
+    childAnimations.forEach((animation) => {
       animation.pause();
     });
     pauseAnimation();
@@ -788,7 +797,7 @@ const createAnimation = (animationId) => {
   const playCSSAnimations = () => {
     clearCSSAnimationsTimeout();
     raf(() => {
-      elements.forEach(element => {
+      elements.forEach((element) => {
         if (_keyframes.length > 0) {
           setStyleProperty(element, 'animation-play-state', 'running');
         }
@@ -811,7 +820,7 @@ const createAnimation = (animationId) => {
       const animationIterations = getIterations() || 1;
       // No need to set a timeout when animation has infinite iterations
       if (isFinite(animationIterations)) {
-        cssAnimationsTimerFallback = setTimeout(onAnimationEndFallback, animationDelay + (animationDuration * animationIterations) + ANIMATION_END_FALLBACK_PADDING_MS);
+        cssAnimationsTimerFallback = setTimeout(onAnimationEndFallback, animationDelay + animationDuration * animationIterations + ANIMATION_END_FALLBACK_PADDING_MS);
       }
       animationEnd(elements[0], () => {
         clearCSSAnimationsTimeout();
@@ -834,14 +843,14 @@ const createAnimation = (animationId) => {
     }
   };
   const clearCSSAnimationPlayState = () => {
-    elements.forEach(element => {
+    elements.forEach((element) => {
       removeStyleProperty(element, 'animation-duration');
       removeStyleProperty(element, 'animation-delay');
       removeStyleProperty(element, 'animation-play-state');
     });
   };
   const playWebAnimations = () => {
-    webAnimations.forEach(animation => {
+    webAnimations.forEach((animation) => {
       animation.play();
     });
     if (_keyframes.length === 0 || elements.length === 0) {
@@ -858,10 +867,10 @@ const createAnimation = (animationId) => {
     }
   };
   const play = (opts) => {
-    return new Promise(resolve => {
-      if (opts && opts.sync) {
+    return new Promise((resolve) => {
+      if (opts === null || opts === void 0 ? void 0 : opts.sync) {
         shouldForceSyncPlayback = true;
-        onFinish(() => shouldForceSyncPlayback = false, { oneTimeCallback: true });
+        onFinish(() => (shouldForceSyncPlayback = false), { oneTimeCallback: true });
       }
       if (!initialized) {
         initializeAnimation();
@@ -875,7 +884,7 @@ const createAnimation = (animationId) => {
         shouldCalculateNumAnimations = false;
       }
       onFinish(() => resolve(), { oneTimeCallback: true });
-      childAnimations.forEach(animation => {
+      childAnimations.forEach((animation) => {
         animation.play();
       });
       if (supportsWebAnimations) {
@@ -884,10 +893,11 @@ const createAnimation = (animationId) => {
       else {
         playCSSAnimations();
       }
+      paused = false;
     });
   };
   const stop = () => {
-    childAnimations.forEach(animation => {
+    childAnimations.forEach((animation) => {
       animation.stop();
     });
     if (initialized) {
@@ -902,10 +912,7 @@ const createAnimation = (animationId) => {
       firstFrame[property] = value;
     }
     else {
-      _keyframes = [
-        { offset: 0, [property]: value },
-        ..._keyframes
-      ];
+      _keyframes = [{ offset: 0, [property]: value }, ..._keyframes];
     }
     return ani;
   };
@@ -915,17 +922,14 @@ const createAnimation = (animationId) => {
       lastFrame[property] = value;
     }
     else {
-      _keyframes = [
-        ..._keyframes,
-        { offset: 1, [property]: value }
-      ];
+      _keyframes = [..._keyframes, { offset: 1, [property]: value }];
     }
     return ani;
   };
   const fromTo = (property, fromValue, toValue) => {
     return from(property, fromValue).to(property, toValue);
   };
-  return ani = {
+  return (ani = {
     parentAnimation,
     elements,
     childAnimations,
@@ -970,10 +974,11 @@ const createAnimation = (animationId) => {
     beforeRemoveClass,
     beforeAddClass,
     onFinish,
+    isRunning,
     progressStart,
     progressStep,
-    progressEnd
-  };
+    progressEnd,
+  });
 };
 
 export { createAnimation as c };

package/dist/esm/{app-globals-5c736ae5.js → app-globals-3f0347b0.js}

@@ -1,4 +1,4 @@
-import { i as initialize } from './ionic-global-0939c477.js';
+import { i as initialize } from './ionic-global-4903e23e.js';
 
 const globalScripts = () => {
   initialize();