@sparkle-learning/core 0.0.33 → 0.0.36

package/dist/cjs/{auth.service-f878f6ab.js → PrivateRoute-074c584e.js}

@@ -1,8 +1,9 @@
 'use strict';
 
-const index = require('./index-bae2a754.js');
+const index = require('./index-51e8292e.js');
 const localstorage_service = require('./localstorage.service-6346a41d.js');
-const auth_store = require('./auth.store-ff3fda09.js');
+const httpService = require('./httpService-7211d93b.js');
+const auth_store = require('./auth.store-1e630a7d.js');
 
 //import * as abpTypings from '../lib/abp';
 class Utils {
@@ -148,7 +149,7 @@ class AuthService {
     auth_store.AuthStore.state.loading = true;
     let result;
     try {
-      result = await auth_store.HttpService.http.post('api/Account/Authenticate', authenticationInput, {
+      result = await httpService.HttpService.http.post('api/Account/Authenticate', authenticationInput, {
         headers: headers
       });
       if (result) {
@@ -193,6 +194,36 @@ class AuthService {
   }
 }
 
+function isGranted(permissionName) {
+  return sparkle.auth.isGranted(permissionName);
+}
+
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+    t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
+const Route = (_a) => {
+  var { component, permission, render } = _a, props = __rest(_a, ["component", "permission", "render"]);
+  const Component = component;
+  return (index.h("stencil-route", Object.assign({}, props, { routeRender: (props) => {
+      if (!auth_store.AuthStore.state.isAuthenticated)
+        return (index.h("stencil-router-redirect", { url: "/login" }));
+      if (permission && !isGranted(permission)) {
+        return (index.h("stencil-router-redirect", { url: "/unauthorized" }));
+      }
+      return Component ? index.h(Component, Object.assign({}, props, props.componentProps)) : render(props);
+    } })));
+};
+const PrivateRoute = Route;
+
 exports.AuthService = AuthService;
+exports.PrivateRoute = PrivateRoute;
 exports.initSetupConfig = initSetupConfig;
 exports.setupConfig = setupConfig;

package/dist/cjs/{active-router-eedb3bfe.js → active-router-f9e18bd8.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-bae2a754.js');
+const index = require('./index-51e8292e.js');
 
 const createProviderConsumer = (defaultState, consumerRender) => {
     let listeners = new Map();

package/dist/cjs/{animation-6132e37f.js → animation-ee586546.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const helpers = require('./helpers-7e28976c.js');
+const helpers = require('./helpers-c2496722.js');
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -11,8 +11,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') {
@@ -39,7 +40,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;
 };
@@ -76,28 +77,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);
@@ -114,7 +118,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;
@@ -151,6 +155,7 @@ const createAnimation = (animationId) => {
   let shouldCalculateNumAnimations = true;
   let keyframeName;
   let ani;
+  let paused = false;
   const id = animationId;
   const onFinishCallbacks = [];
   const onFinishOneTimeCallbacks = [];
@@ -162,14 +167,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);
@@ -203,9 +210,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;
   };
@@ -221,7 +232,7 @@ const createAnimation = (animationId) => {
    */
   const cleanUpElements = () => {
     if (supportsWebAnimations) {
-      webAnimations.forEach(animation => {
+      webAnimations.forEach((animation) => {
         animation.cancel();
       });
       webAnimations.length = 0;
@@ -229,7 +240,7 @@ const createAnimation = (animationId) => {
     else {
       const elementsArray = elements.slice();
       helpers.raf(() => {
-        elementsArray.forEach(element => {
+        elementsArray.forEach((element) => {
           removeStyleProperty(element, 'animation-name');
           removeStyleProperty(element, 'animation-duration');
           removeStyleProperty(element, 'animation-timing-function');
@@ -247,13 +258,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);
       }
     });
@@ -474,7 +485,7 @@ const createAnimation = (animationId) => {
   };
   const updateKeyframes = (keyframeValues) => {
     if (supportsWebAnimations) {
-      getWebAnimations().forEach(animation => {
+      getWebAnimations().forEach((animation) => {
         if (animation.effect.setKeyframes) {
           animation.effect.setKeyframes(keyframeValues);
         }
@@ -493,18 +504,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]);
         }
@@ -517,28 +529,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;
@@ -563,10 +576,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`);
@@ -574,9 +587,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) {
@@ -589,7 +600,7 @@ const createAnimation = (animationId) => {
     });
   };
   const initializeWebAnimation = () => {
-    elements.forEach(element => {
+    elements.forEach((element) => {
       const animation = element.animate(_keyframes, {
         id,
         delay: getDelay(),
@@ -597,7 +608,7 @@ const createAnimation = (animationId) => {
         easing: getEasing(),
         iterations: getIterations(),
         fill: getFill(),
-        direction: getDirection()
+        direction: getDirection(),
       });
       animation.pause();
       webAnimations.push(animation);
@@ -623,14 +634,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');
@@ -639,14 +650,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) {
@@ -655,16 +666,14 @@ const createAnimation = (animationId) => {
   };
   const updateCSSAnimation = (toggleAnimationName = true, step) => {
     helpers.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`);
@@ -677,7 +686,7 @@ const createAnimation = (animationId) => {
   };
   const update = (deep = false, toggleAnimationName = true, step) => {
     if (deep) {
-      childAnimations.forEach(animation => {
+      childAnimations.forEach((animation) => {
         animation.update(deep, toggleAnimationName, step);
       });
     }
@@ -690,7 +699,7 @@ const createAnimation = (animationId) => {
     return ani;
   };
   const progressStart = (forceLinearEasing = false, step) => {
-    childAnimations.forEach(animation => {
+    childAnimations.forEach((animation) => {
       animation.progressStart(forceLinearEasing, step);
     });
     pauseAnimation();
@@ -702,7 +711,7 @@ const createAnimation = (animationId) => {
     return ani;
   };
   const progressStep = (step) => {
-    childAnimations.forEach(animation => {
+    childAnimations.forEach((animation) => {
       animation.progressStep(step);
     });
     setAnimationStep(step);
@@ -710,17 +719,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;
       }
@@ -729,7 +737,7 @@ const createAnimation = (animationId) => {
         setAnimationStep(1 - step);
       }
       else {
-        forceDelayValue = ((1 - step) * getDuration()) * -1;
+        forceDelayValue = (1 - step) * getDuration() * -1;
         update(false, false);
       }
     }
@@ -739,7 +747,7 @@ const createAnimation = (animationId) => {
         setAnimationStep(step);
       }
       else {
-        forceDelayValue = (step * getDuration()) * -1;
+        forceDelayValue = step * getDuration() * -1;
         update(false, false);
       }
     }
@@ -749,7 +757,7 @@ const createAnimation = (animationId) => {
         forceDirectionValue = undefined;
         forceDelayValue = undefined;
       }, {
-        oneTimeCallback: true
+        oneTimeCallback: true,
       });
       if (!parentAnimation) {
         play();
@@ -760,19 +768,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();
@@ -790,7 +799,7 @@ const createAnimation = (animationId) => {
   const playCSSAnimations = () => {
     clearCSSAnimationsTimeout();
     helpers.raf(() => {
-      elements.forEach(element => {
+      elements.forEach((element) => {
         if (_keyframes.length > 0) {
           setStyleProperty(element, 'animation-play-state', 'running');
         }
@@ -813,7 +822,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();
@@ -836,14 +845,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) {
@@ -860,10 +869,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();
@@ -877,7 +886,7 @@ const createAnimation = (animationId) => {
         shouldCalculateNumAnimations = false;
       }
       onFinish(() => resolve(), { oneTimeCallback: true });
-      childAnimations.forEach(animation => {
+      childAnimations.forEach((animation) => {
         animation.play();
       });
       if (supportsWebAnimations) {
@@ -886,10 +895,11 @@ const createAnimation = (animationId) => {
       else {
         playCSSAnimations();
       }
+      paused = false;
     });
   };
   const stop = () => {
-    childAnimations.forEach(animation => {
+    childAnimations.forEach((animation) => {
       animation.stop();
     });
     if (initialized) {
@@ -904,10 +914,7 @@ const createAnimation = (animationId) => {
       firstFrame[property] = value;
     }
     else {
-      _keyframes = [
-        { offset: 0, [property]: value },
-        ..._keyframes
-      ];
+      _keyframes = [{ offset: 0, [property]: value }, ..._keyframes];
     }
     return ani;
   };
@@ -917,17 +924,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,
@@ -972,10 +976,11 @@ const createAnimation = (animationId) => {
     beforeRemoveClass,
     beforeAddClass,
     onFinish,
+    isRunning,
     progressStart,
     progressStep,
-    progressEnd
-  };
+    progressEnd,
+  });
 };
 
 exports.createAnimation = createAnimation;

package/dist/cjs/{app-globals-9869bf67.js → app-globals-33c9f31b.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const ionicGlobal = require('./ionic-global-878073d1.js');
+const ionicGlobal = require('./ionic-global-2cde9d3a.js');
 
 const globalScripts = () => {
   ionicGlobal.initialize();