@sparkle-learning/core 0.0.32 → 0.0.35

package/dist/esm/ion-refresher.entry.js

@@ -1,9 +1,11 @@
-import { w as writeTask, r as registerInstance, i as createEvent, j as readTask, h, e as getElement, H as Host } from './index-5568e3fa.js';
-import { a as isPlatform, g as getIonMode } from './ionic-global-0939c477.js';
-import { g as getTimeGivenProgression } from './cubic-bezier-a7ad9c8e.js';
-import { t as transitionEndAsync, c as componentOnReady, l as clamp, g as getElementRoot, k as raf } from './helpers-39367fe1.js';
-import { h as hapticImpact } from './haptic-99c9e346.js';
-import { c as createAnimation } from './animation-b306f6c2.js';
+import { w as writeTask, r as registerInstance, e as createEvent, j as readTask, h, i as getElement, H as Host } from './index-9db08224.js';
+import { a as isPlatform, g as getIonMode } from './ionic-global-293e882b.js';
+import { g as getTimeGivenProgression } from './cubic-bezier-4c0db14f.js';
+import { I as ION_CONTENT_ELEMENT_SELECTOR, p as printIonContentErrorMsg, b as ION_CONTENT_CLASS_SELECTOR, g as getScrollElement } from './index-c23a1826.js';
+import { t as transitionEndAsync, c as componentOnReady, m as clamp, g as getElementRoot, j as raf } from './helpers-94a5855b.js';
+import { a as hapticImpact } from './haptic-3a76a65c.js';
+import { c as createAnimation } from './animation-d98d3e81.js';
+import './index-dad75b83.js';
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -14,38 +16,38 @@ const getRefresherAnimationType = (contentEl) => {
   return hasHeader ? 'translate' : 'scale';
 };
 const createPullingAnimation = (type, pullingSpinner, refresherEl) => {
-  return type === 'scale' ? createScaleAnimation(pullingSpinner, refresherEl) : createTranslateAnimation(pullingSpinner, refresherEl);
+  return type === 'scale'
+    ? createScaleAnimation(pullingSpinner, refresherEl)
+    : createTranslateAnimation(pullingSpinner, refresherEl);
 };
 const createBaseAnimation = (pullingRefresherIcon) => {
   const spinner = pullingRefresherIcon.querySelector('ion-spinner');
   const circle = spinner.shadowRoot.querySelector('circle');
   const spinnerArrowContainer = pullingRefresherIcon.querySelector('.spinner-arrow-container');
   const arrowContainer = pullingRefresherIcon.querySelector('.arrow-container');
-  const arrow = (arrowContainer) ? arrowContainer.querySelector('ion-icon') : null;
-  const baseAnimation = createAnimation()
-    .duration(1000)
-    .easing('ease-out');
+  const arrow = arrowContainer ? arrowContainer.querySelector('ion-icon') : null;
+  const baseAnimation = createAnimation().duration(1000).easing('ease-out');
   const spinnerArrowContainerAnimation = createAnimation()
     .addElement(spinnerArrowContainer)
     .keyframes([
     { offset: 0, opacity: '0.3' },
     { offset: 0.45, opacity: '0.3' },
     { offset: 0.55, opacity: '1' },
-    { offset: 1, opacity: '1' }
+    { offset: 1, opacity: '1' },
   ]);
   const circleInnerAnimation = createAnimation()
     .addElement(circle)
     .keyframes([
     { offset: 0, strokeDasharray: '1px, 200px' },
-    { offset: 0.20, strokeDasharray: '1px, 200px' },
+    { offset: 0.2, strokeDasharray: '1px, 200px' },
     { offset: 0.55, strokeDasharray: '100px, 200px' },
-    { offset: 1, strokeDasharray: '100px, 200px' }
+    { offset: 1, strokeDasharray: '100px, 200px' },
   ]);
   const circleOuterAnimation = createAnimation()
     .addElement(spinner)
     .keyframes([
     { offset: 0, transform: 'rotate(-90deg)' },
-    { offset: 1, transform: 'rotate(210deg)' }
+    { offset: 1, transform: 'rotate(210deg)' },
   ]);
   /**
    * Only add arrow animation if present
@@ -57,17 +59,17 @@ const createBaseAnimation = (pullingRefresherIcon) => {
       .addElement(arrowContainer)
       .keyframes([
       { offset: 0, transform: 'rotate(0deg)' },
-      { offset: 0.30, transform: 'rotate(0deg)' },
+      { offset: 0.3, transform: 'rotate(0deg)' },
       { offset: 0.55, transform: 'rotate(280deg)' },
-      { offset: 1, transform: 'rotate(400deg)' }
+      { offset: 1, transform: 'rotate(400deg)' },
     ]);
     const arrowAnimation = createAnimation()
       .addElement(arrow)
       .keyframes([
       { offset: 0, transform: 'translateX(2px) scale(0)' },
-      { offset: 0.30, transform: 'translateX(2px) scale(0)' },
+      { offset: 0.3, transform: 'translateX(2px) scale(0)' },
       { offset: 0.55, transform: 'translateX(-1.5px) scale(1)' },
-      { offset: 1, transform: 'translateX(-1.5px) scale(1)' }
+      { offset: 1, transform: 'translateX(-1.5px) scale(1)' },
     ]);
     baseAnimation.addAnimation([arrowContainerAnimation, arrowAnimation]);
   }
@@ -88,7 +90,7 @@ const createScaleAnimation = (pullingRefresherIcon, refresherEl) => {
     .addElement(pullingRefresherIcon)
     .keyframes([
     { offset: 0, transform: `scale(0) translateY(-${height}px)` },
-    { offset: 1, transform: 'scale(1) translateY(100px)' }
+    { offset: 1, transform: 'scale(1) translateY(100px)' },
   ]);
   return createBaseAnimation(pullingRefresherIcon).addAnimation([spinnerAnimation]);
 };
@@ -107,7 +109,7 @@ const createTranslateAnimation = (pullingRefresherIcon, refresherEl) => {
     .addElement(pullingRefresherIcon)
     .keyframes([
     { offset: 0, transform: `translateY(-${height}px)` },
-    { offset: 1, transform: 'translateY(100px)' }
+    { offset: 1, transform: 'translateY(100px)' },
   ]);
   return createBaseAnimation(pullingRefresherIcon).addAnimation([spinnerAnimation]);
 };
@@ -143,7 +145,7 @@ const handleScrollWhilePulling = (ticks, numTicks, pullAmount) => {
 const handleScrollWhileRefreshing = (spinner, lastVelocityY) => {
   writeTask(() => {
     // If user pulls down quickly, the spinner should spin faster
-    spinner.style.setProperty('--refreshing-rotation-duration', (lastVelocityY >= 1.0) ? '0.5s' : '2s');
+    spinner.style.setProperty('--refreshing-rotation-duration', lastVelocityY >= 1.0 ? '0.5s' : '2s');
     spinner.style.setProperty('opacity', '1');
   });
 };
@@ -170,7 +172,7 @@ const shouldUseNativeRefresher = async (referenceEl, mode) => {
   if (!refresherContent) {
     return Promise.resolve(false);
   }
-  await new Promise(resolve => componentOnReady(refresherContent, resolve));
+  await new Promise((resolve) => componentOnReady(refresherContent, resolve));
   const pullingSpinner = referenceEl.querySelector('ion-refresher-content .refresher-pulling ion-spinner');
   const refreshingSpinner = referenceEl.querySelector('ion-refresher-content .refresher-refreshing ion-spinner');
   return (pullingSpinner !== null &&
@@ -289,7 +291,7 @@ const Refresher = class {
     this.didRefresh = false;
     this.needsCompletion = false;
     this.pointerDown = false;
-    this.animations.forEach(ani => ani.destroy());
+    this.animations.forEach((ani) => ani.destroy());
     this.animations = [];
     this.progress = 0;
     this.state = 1 /* Inactive */;
@@ -299,7 +301,7 @@ const Refresher = class {
     const ticks = pullingSpinner.shadowRoot.querySelectorAll('svg');
     let MAX_PULL = this.scrollEl.clientHeight * 0.16;
     const NUM_TICKS = ticks.length;
-    writeTask(() => ticks.forEach(el => el.style.setProperty('animation', 'none')));
+    writeTask(() => ticks.forEach((el) => el.style.setProperty('animation', 'none')));
     this.scrollListenerCallback = () => {
       // If pointer is not on screen or refresher is not active, ignore scroll
       if (!this.pointerDown && this.state === 1 /* Inactive */) {
@@ -338,8 +340,8 @@ const Refresher = class {
          * gesture before the refresher completes, we want the
          * refresher tick marks to quickly fade out.
          */
-        const offset = (this.didStart) ? 30 : 0;
-        const pullAmount = this.progress = clamp(0, (Math.abs(scrollTop) - offset) / MAX_PULL, 1);
+        const offset = this.didStart ? 30 : 0;
+        const pullAmount = (this.progress = clamp(0, (Math.abs(scrollTop) - offset) / MAX_PULL, 1));
         const shouldShowRefreshingSpinner = this.state === 8 /* Refreshing */ || pullAmount === 1;
         if (shouldShowRefreshingSpinner) {
           if (this.pointerDown) {
@@ -365,7 +367,7 @@ const Refresher = class {
       });
     };
     this.scrollEl.addEventListener('scroll', this.scrollListenerCallback);
-    this.gesture = (await import('./index-a12c14bd.js')).createGesture({
+    this.gesture = (await import('./index-21661af2.js')).createGesture({
       el: this.scrollEl,
       gestureName: 'refresher',
       gesturePriority: 31,
@@ -388,7 +390,7 @@ const Refresher = class {
           MAX_PULL = this.scrollEl.clientHeight * 0.16;
         }
       },
-      onMove: ev => {
+      onMove: (ev) => {
         this.lastVelocityY = ev.velocityY;
       },
       onEnd: () => {
@@ -417,14 +419,17 @@ const Refresher = class {
         refreshingCircle.style.setProperty('animation-delay', '-655ms');
       });
     }
-    this.gesture = (await import('./index-a12c14bd.js')).createGesture({
+    this.gesture = (await import('./index-21661af2.js')).createGesture({
       el: this.scrollEl,
       gestureName: 'refresher',
       gesturePriority: 31,
       direction: 'y',
       threshold: 5,
-      canStart: () => this.state !== 8 /* Refreshing */ && this.state !== 32 /* Completing */ && this.scrollEl.scrollTop === 0,
+      canStart: () => this.state !== 8 /* Refreshing */ &&
+        this.state !== 32 /* Completing */ &&
+        this.scrollEl.scrollTop === 0,
       onStart: (ev) => {
+        this.progress = 0;
         ev.data = { animation: undefined, didStart: false, cancelled: false };
       },
       onMove: (ev) => {
@@ -453,13 +458,11 @@ const Refresher = class {
         if (!ev.data.didStart) {
           return;
         }
+        this.gesture.enable(false);
         writeTask(() => this.scrollEl.style.removeProperty('--overflow'));
         if (this.progress <= 0.4) {
-          this.gesture.enable(false);
-          ev.data.animation
-            .progressEnd(0, this.progress, 500)
-            .onFinish(() => {
-            this.animations.forEach(ani => ani.destroy());
+          ev.data.animation.progressEnd(0, this.progress, 500).onFinish(() => {
+            this.animations.forEach((ani) => ani.destroy());
             this.animations = [];
             this.gesture.enable(true);
             this.state = 1 /* Inactive */;
@@ -470,13 +473,14 @@ const Refresher = class {
         const snapBackAnimation = createSnapBackAnimation(pullingRefresherIcon);
         this.animations.push(snapBackAnimation);
         writeTask(async () => {
-          pullingRefresherIcon.style.setProperty('--ion-pulling-refresher-translate', `${(progress * 100)}px`);
+          pullingRefresherIcon.style.setProperty('--ion-pulling-refresher-translate', `${progress * 100}px`);
           ev.data.animation.progressEnd();
           await snapBackAnimation.play();
           this.beginRefresh();
           ev.data.animation.destroy();
+          this.gesture.enable(true);
         });
-      }
+      },
     });
     this.disabledChanged();
   }
@@ -510,19 +514,33 @@ const Refresher = class {
       console.error('Make sure you use: <ion-refresher slot="fixed">');
       return;
     }
-    const contentEl = this.el.closest('ion-content');
+    const contentEl = this.el.closest(ION_CONTENT_ELEMENT_SELECTOR);
     if (!contentEl) {
-      console.error('<ion-refresher> must be used inside an <ion-content>');
+      printIonContentErrorMsg(this.el);
       return;
     }
-    await new Promise(resolve => componentOnReady(contentEl, resolve));
-    this.scrollEl = await contentEl.getScrollElement();
-    this.backgroundContentEl = getElementRoot(contentEl).querySelector('#background-content');
+    const customScrollTarget = contentEl.querySelector(ION_CONTENT_CLASS_SELECTOR);
+    /**
+     * Query the custom scroll target (if available), first. In refresher implementations,
+     * the ion-refresher element will always be a direct child of ion-content (slot="fixed"). By
+     * querying the custom scroll target first and falling back to the ion-content element,
+     * the correct scroll element will be returned by the implementation.
+     */
+    this.scrollEl = await getScrollElement(customScrollTarget !== null && customScrollTarget !== void 0 ? customScrollTarget : contentEl);
+    /**
+     * Query the host `ion-content` directly (if it is available), to use its
+     * inner #background-content has the target. Otherwise fallback to the
+     * custom scroll target host.
+     *
+     * This makes it so that implementers do not need to re-create the background content
+     * element and styles.
+     */
+    this.backgroundContentEl = getElementRoot(contentEl !== null && contentEl !== void 0 ? contentEl : customScrollTarget).querySelector('#background-content');
     if (await shouldUseNativeRefresher(this.el, getIonMode(this))) {
       this.setupNativeRefresher(contentEl);
     }
     else {
-      this.gesture = (await import('./index-a12c14bd.js')).createGesture({
+      this.gesture = (await import('./index-21661af2.js')).createGesture({
         el: contentEl,
         gestureName: 'refresher',
         gesturePriority: 31,
@@ -531,7 +549,7 @@ const Refresher = class {
         passive: false,
         canStart: () => this.canStart(),
         onStart: () => this.onStart(),
-        onMove: ev => this.onMove(ev),
+        onMove: (ev) => this.onMove(ev),
         onEnd: () => this.onEnd(),
       });
       this.disabledChanged();
@@ -628,7 +646,7 @@ const Refresher = class {
     if ((this.state & 56 /* _BUSY_ */) !== 0) {
       return;
     }
-    const pullFactor = (Number.isNaN(this.pullFactor) || this.pullFactor < 0) ? 1 : this.pullFactor;
+    const pullFactor = Number.isNaN(this.pullFactor) || this.pullFactor < 0 ? 1 : this.pullFactor;
     const deltaY = detail.deltaY * pullFactor;
     // don't bother if they're scrolling up
     // and have not already started dragging
@@ -719,7 +737,7 @@ const Refresher = class {
     // emit "refresh" because it was pulled down far enough
     // and they let go to begin refreshing
     this.ionRefresh.emit({
-      complete: this.complete.bind(this)
+      complete: this.complete.bind(this),
     });
   }
   close(state, delay) {
@@ -740,15 +758,15 @@ const Refresher = class {
     if (this.nativeRefresher) {
       return;
     }
-    this.appliedStyles = (y > 0);
+    this.appliedStyles = y > 0;
     writeTask(() => {
       if (this.scrollEl && this.backgroundContentEl) {
         const scrollStyle = this.scrollEl.style;
         const backgroundStyle = this.backgroundContentEl.style;
-        scrollStyle.transform = backgroundStyle.transform = ((y > 0) ? `translateY(${y}px) translateZ(0px)` : '');
+        scrollStyle.transform = backgroundStyle.transform = y > 0 ? `translateY(${y}px) translateZ(0px)` : '';
         scrollStyle.transitionDuration = backgroundStyle.transitionDuration = duration;
         scrollStyle.transitionDelay = backgroundStyle.transitionDelay = delay;
-        scrollStyle.overflow = (overflowVisible ? 'hidden' : '');
+        scrollStyle.overflow = overflowVisible ? 'hidden' : '';
       }
     });
   }

package/dist/esm/ion-reorder-group.entry.js

@@ -1,7 +1,9 @@
-import { r as registerInstance, i as createEvent, h, e as getElement, H as Host } from './index-5568e3fa.js';
-import { g as getIonMode } from './ionic-global-0939c477.js';
-import { c as componentOnReady } from './helpers-39367fe1.js';
-import { a as hapticSelectionStart, b as hapticSelectionChanged, c as hapticSelectionEnd } from './haptic-99c9e346.js';
+import { r as registerInstance, e as createEvent, h, i as getElement, H as Host } from './index-9db08224.js';
+import { g as getIonMode } from './ionic-global-293e882b.js';
+import { a as findClosestIonContent, g as getScrollElement } from './index-c23a1826.js';
+import { b as hapticSelectionStart, c as hapticSelectionChanged, d as hapticSelectionEnd } from './haptic-3a76a65c.js';
+import './helpers-94a5855b.js';
+import './index-dad75b83.js';
 
 const reorderGroupCss = ".reorder-list-active>*{transition:transform 300ms;will-change:transform}.reorder-enabled{user-select:none}.reorder-enabled ion-reorder{display:block;cursor:grab;pointer-events:all;touch-action:none}.reorder-selected,.reorder-selected ion-reorder{cursor:grabbing}.reorder-selected{position:relative;transition:none !important;box-shadow:0 0 10px rgba(0, 0, 0, 0.4);opacity:0.8;z-index:100}.reorder-visible ion-reorder .reorder-icon{transform:translate3d(0,  0,  0)}";
 
@@ -28,21 +30,20 @@ const ReorderGroup = class {
     }
   }
   async connectedCallback() {
-    const contentEl = this.el.closest('ion-content');
+    const contentEl = findClosestIonContent(this.el);
     if (contentEl) {
-      await new Promise(resolve => componentOnReady(contentEl, resolve));
-      this.scrollEl = await contentEl.getScrollElement();
+      this.scrollEl = await getScrollElement(contentEl);
     }
-    this.gesture = (await import('./index-a12c14bd.js')).createGesture({
+    this.gesture = (await import('./index-21661af2.js')).createGesture({
       el: this.el,
       gestureName: 'reorder',
       gesturePriority: 110,
       threshold: 0,
       direction: 'y',
       passive: false,
-      canStart: detail => this.canStart(detail),
-      onStart: ev => this.onStart(ev),
-      onMove: ev => this.onMove(ev),
+      canStart: (detail) => this.canStart(detail),
+      onStart: (ev) => this.onStart(ev),
+      onMove: (ev) => this.onMove(ev),
       onEnd: () => this.onEnd(),
     });
     this.disabledChanged();
@@ -88,7 +89,7 @@ const ReorderGroup = class {
   }
   onStart(ev) {
     ev.event.preventDefault();
-    const item = this.selectedItemEl = ev.data;
+    const item = (this.selectedItemEl = ev.data);
     const heights = this.cachedHeights;
     heights.length = 0;
     const el = this.el;
@@ -162,7 +163,7 @@ const ReorderGroup = class {
       this.ionItemReorder.emit({
         from: fromIndex,
         to: toIndex,
-        complete: this.completeSync.bind(this)
+        complete: this.completeSync.bind(this),
       });
     }
     hapticSelectionEnd();
@@ -175,9 +176,7 @@ const ReorderGroup = class {
       const toIndex = this.lastToIndex;
       const fromIndex = indexForItem(selectedItemEl);
       if (toIndex !== fromIndex && (listOrReorder === undefined || listOrReorder === true)) {
-        const ref = (fromIndex < toIndex)
-          ? children[toIndex + 1]
-          : children[toIndex];
+        const ref = fromIndex < toIndex ? children[toIndex + 1] : children[toIndex];
         this.el.insertBefore(selectedItemEl, ref);
       }
       if (Array.isArray(listOrReorder)) {

package/dist/esm/ion-reorder.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, e as getElement } from './index-5568e3fa.js';
-import { r as reorderThreeOutline, l as reorderTwoSharp } from './index-dc61f152.js';
-import { g as getIonMode } from './ionic-global-0939c477.js';
+import { r as registerInstance, h, H as Host, i as getElement } from './index-9db08224.js';
+import { o as reorderThreeOutline, p as reorderTwoSharp } from './index-4ec6b9c2.js';
+import { g as getIonMode } from './ionic-global-293e882b.js';
 
 const reorderIosCss = ":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block;font-size:22px}.reorder-icon{font-size:34px;opacity:0.4}";
 

package/dist/esm/ion-route-redirect.entry.js

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

package/dist/esm/ion-route.entry.js

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

package/dist/esm/ion-router-link.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-5568e3fa.js';
-import { g as getIonMode } from './ionic-global-0939c477.js';
-import { o as openURL, c as createColorClasses } from './theme-c336c9d9.js';
+import { r as registerInstance, h, H as Host } from './index-9db08224.js';
+import { g as getIonMode } from './ionic-global-293e882b.js';
+import { o as openURL, c as createColorClasses } from './theme-7ef00c83.js';
 
 const routerLinkCss = ":host{--background:transparent;--color:var(--ion-color-primary, #3880ff);background:var(--background);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}a{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit}";
 
@@ -21,11 +21,11 @@ const RouterLink = class {
     const attrs = {
       href: this.href,
       rel: this.rel,
-      target: this.target
+      target: this.target,
     };
     return (h(Host, { onClick: this.onClick, class: createColorClasses(this.color, {
         [mode]: true,
-        'ion-activatable': true
+        'ion-activatable': true,
       }) }, h("a", Object.assign({}, attrs), h("slot", null))));
   }
 };

package/dist/esm/ion-router-outlet.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, h, e as getElement } from './index-5568e3fa.js';
-import { g as getIonMode, c as config } from './ionic-global-0939c477.js';
-import { g as getTimeGivenProgression } from './cubic-bezier-a7ad9c8e.js';
-import { a as attachComponent, d as detachComponent } from './framework-delegate-3bc58c27.js';
-import { s as shallowEqualStringMap } from './helpers-39367fe1.js';
-import { t as transition } from './index-c26d8655.js';
+import { r as registerInstance, e as createEvent, h, i as getElement } from './index-9db08224.js';
+import { g as getIonMode, c as config } from './ionic-global-293e882b.js';
+import { g as getTimeGivenProgression } from './cubic-bezier-4c0db14f.js';
+import { a as attachComponent, d as detachComponent } from './framework-delegate-9b329182.js';
+import { s as shallowEqualStringMap } from './helpers-94a5855b.js';
+import { t as transition } from './index-478745be.js';
 
 const routeOutletCss = ":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:layout size style;overflow:hidden;z-index:0}";
 
@@ -35,7 +35,7 @@ const RouterOutlet = class {
         this.swipeHandler.onStart();
       }
     };
-    this.gesture = (await import('./swipe-back-34251834.js')).createSwipeBackGesture(this.el, () => !this.gestureOrAnimationInProgress && !!this.swipeHandler && this.swipeHandler.canStart(), () => onStart(), step => this.ani && this.ani.progressStep(step), (shouldComplete, step, dur) => {
+    this.gesture = (await import('./swipe-back-ad7a0361.js')).createSwipeBackGesture(this.el, () => !this.gestureOrAnimationInProgress && !!this.swipeHandler && this.swipeHandler.canStart(), () => onStart(), (step) => { var _a; return (_a = this.ani) === null || _a === void 0 ? void 0 : _a.progressStep(step); }, (shouldComplete, step, dur) => {
       if (this.ani) {
         this.ani.onFinish(() => {
           this.gestureOrAnimationInProgress = false;
@@ -44,7 +44,7 @@ const RouterOutlet = class {
           }
         }, { oneTimeCallback: true });
         // Account for rounding errors in JS
-        let newStepValue = (shouldComplete) ? -0.001 : 0.001;
+        let newStepValue = shouldComplete ? -0.001 : 0.001;
         /**
          * Animation will be reversed here, so need to
          * reverse the easing curve as well
@@ -95,21 +95,23 @@ const RouterOutlet = class {
     const changed = await this.setRoot(id, params, {
       duration: direction === 'root' ? 0 : undefined,
       direction: direction === 'back' ? 'back' : 'forward',
-      animationBuilder: animation
+      animationBuilder: animation,
     });
     return {
       changed,
-      element: this.activeEl
+      element: this.activeEl,
     };
   }
   /** @internal */
   async getRouteId() {
     const active = this.activeEl;
-    return active ? {
-      id: active.tagName,
-      element: active,
-      params: this.activeParams,
-    } : undefined;
+    return active
+      ? {
+        id: active.tagName,
+        element: active,
+        params: this.activeParams,
+      }
+      : undefined;
   }
   async setRoot(component, params, opts) {
     if (this.activeComponent === component && shallowEqualStringMap(params, this.activeParams)) {
@@ -138,8 +140,8 @@ const RouterOutlet = class {
     await transition(Object.assign(Object.assign({ mode,
       animated,
       enteringEl,
-      leavingEl, baseEl: el, progressCallback: (opts.progressAnimation
-        ? ani => {
+      leavingEl, baseEl: el, progressCallback: opts.progressAnimation
+        ? (ani) => {
           /**
            * Because this progress callback is called asynchronously
            * it is possible for the gesture to start and end before
@@ -167,7 +169,7 @@ const RouterOutlet = class {
             this.ani = ani;
           }
         }
-        : undefined) }, opts), { animationBuilder }));
+        : undefined }, opts), { animationBuilder }));
     // emit nav changed event
     this.ionNavDidChange.emit();
     return true;
@@ -175,14 +177,14 @@ const RouterOutlet = class {
   async lock() {
     const p = this.waitPromise;
     let resolve;
-    this.waitPromise = new Promise(r => resolve = r);
+    this.waitPromise = new Promise((r) => (resolve = r));
     if (p !== undefined) {
       await p;
     }
     return resolve;
   }
   render() {
-    return (h("slot", null));
+    return h("slot", null);
   }
   get el() { return getElement(this); }
   static get watchers() { return {