framework7 7.0.8 → 8.0.0-beta.1

package/modules/router/router.d.ts

@@ -247,14 +247,12 @@ export namespace Router {
     /** Event will be fired when router.updateCurrentUrl method called */
     routeUrlUpdate(newRoute: Route, router: Router): void;
 
-    /** Event will be fired after router XHR opened and before XHR send. Can be used to modify the XHR object before it is sent. Use this callback to set custom headers, etc. As an arguments receives XHR object and navigating options object */
-    routerAjaxStart(xhr: XMLHttpRequest, options: RouteOptions): void;
     /** Event will be fired when the request succeeds. As an arguments receives XHR object and navigating options object */
-    routerAjaxSuccess(xhr: XMLHttpRequest, options: RouteOptions): void;
+    routerAjaxSuccess(response: Response, options: RouteOptions): void;
     /** Event will be fired if the request fails. As an arguments receives XHR object and navigating options object */
-    routerAjaxError(xhr: XMLHttpRequest, options: RouteOptions): void;
+    routerAjaxError(response: Response, options: RouteOptions): void;
     /** Event will be fired when the request finishes. As an arguments receives XHR object and navigating options object */
-    routerAjaxComplete(xhr: XMLHttpRequest, options: RouteOptions): void;
+    routerAjaxComplete(response: Response, options: RouteOptions): void;
 
     /** Event will be triggered during swipe back move */
     swipebackMove(data: SwipeBackData): void;

package/modules/router/router.js

@@ -11,10 +11,8 @@ export default {
       components: []
     }
   },
-
   create() {
     const instance = this;
-
     if (instance.app) {
       // View Router
       if (instance.params.router) {
@@ -25,5 +23,4 @@ export default {
       instance.router = new Router(instance);
     }
   }
-
 };

package/modules/router/swipe-back.js

@@ -3,7 +3,6 @@ import History from '../../shared/history.js';
 import { getSupport } from '../../shared/get-support.js';
 import { getDevice } from '../../shared/get-device.js';
 import { now } from '../../shared/utils.js';
-
 function SwipeBack(r) {
   const router = r;
   const {
@@ -36,7 +35,6 @@ function SwipeBack(r) {
   const paramsSwipeBackThreshold = params[`${app.theme}SwipeBackThreshold`];
   const transformOrigin = app.rtl ? 'right center' : 'left center';
   const transformOriginTitleLarge = app.rtl ? 'calc(100% - var(--f7-navbar-large-title-padding-left) - var(--f7-safe-area-left)) center' : 'calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)) center';
-
   function animatableNavElements() {
     const els = [];
     const inverter = app.rtl ? -1 : 1;
@@ -54,20 +52,17 @@ function SwipeBack(r) {
     const $previousNavElements = $previousNavbarEl.find('.left, .title, .right, .subnavbar, .fading, .title-large, .navbar-bg');
     let activeNavBackIconText;
     let previousNavBackIconText;
-
     if (params.iosAnimateNavbarBackIcon) {
       if ($currentNavbarEl.hasClass('sliding') || $currentNavbarEl.find('.navbar-inner.sliding').length) {
         activeNavBackIconText = $currentNavbarEl.find('.left').find('.back .icon + span').eq(0);
       } else {
         activeNavBackIconText = $currentNavbarEl.find('.left.sliding').find('.back .icon + span').eq(0);
       }
-
       if ($previousNavbarEl.hasClass('sliding') || $previousNavbarEl.find('.navbar-inner.sliding').length) {
         previousNavBackIconText = $previousNavbarEl.find('.left').find('.back .icon + span').eq(0);
       } else {
         previousNavBackIconText = $previousNavbarEl.find('.left.sliding').find('.back .icon + span').eq(0);
       }
-
       if (activeNavBackIconText.length) {
         $previousNavElements.each(el => {
           if (!$(el).hasClass('title')) return;
@@ -75,7 +70,6 @@ function SwipeBack(r) {
         });
       }
     }
-
     $currentNavElements.each(navEl => {
       const $navEl = $(navEl);
       const isSubnavbar = $navEl.hasClass('subnavbar');
@@ -87,10 +81,8 @@ function SwipeBack(r) {
       const el = {
         el: navEl
       };
-
       if (fromLarge) {
         if (isTitle) return;
-
         if ($navEl.hasClass('title-large')) {
           if (els.indexOf(el) < 0) els.push(el);
           el.overflow = 'visible';
@@ -103,7 +95,6 @@ function SwipeBack(r) {
           return;
         }
       }
-
       if (toLarge) {
         if (!fromLarge) {
           if ($navEl.hasClass('title-large')) {
@@ -111,12 +102,9 @@ function SwipeBack(r) {
             el.opacity = 0;
           }
         }
-
         if (isLeft) {
           if (els.indexOf(el) < 0) els.push(el);
-
           el.opacity = progress => 1 - progress ** 0.33;
-
           $navEl.find('.back span').each(subNavEl => {
             els.push({
               el: subNavEl,
@@ -127,50 +115,38 @@ function SwipeBack(r) {
           return;
         }
       }
-
       if (isBg) {
         if (els.indexOf(el) < 0) els.push(el);
-
         if (!fromLarge && !toLarge) {
           if (currentNavIsCollapsed) {
             if (currentNavIsLargeTransparent) {
               el.className = 'ios-swipeback-navbar-bg-large';
             }
-
             el.transform = progress => `translateX(${100 * progress * inverter}%) translateY(calc(-1 * var(--f7-navbar-large-title-height)))`;
           } else {
             el.transform = progress => `translateX(${100 * progress * inverter}%)`;
           }
         }
-
         if (!fromLarge && toLarge) {
           el.className = 'ios-swipeback-navbar-bg-large';
-
           el.transform = progress => `translateX(${100 * progress * inverter}%) translateY(calc(-1 * ${1 - progress} * var(--f7-navbar-large-title-height)))`;
         }
-
         if (fromLarge && toLarge) {
           el.transform = progress => `translateX(${100 * progress * inverter}%)`;
         }
-
         if (fromLarge && !toLarge) {
           el.transform = progress => `translateX(${100 * progress * inverter}%) translateY(calc(-${progress} * var(--f7-navbar-large-title-height)))`;
         }
-
         return;
       }
-
       if ($navEl.hasClass('title-large')) return;
       const isSliding = $navEl.hasClass('sliding') || $navEl.parents('.navbar-inner.sliding').length;
       if (els.indexOf(el) < 0) els.push(el);
-
       if (!isSubnavbar || isSubnavbar && !isSliding) {
         el.opacity = progress => 1 - progress ** 0.33;
       }
-
       if (isSliding) {
         let transformTarget = el;
-
         if (isLeft && activeNavBackIconText.length && params.iosAnimateNavbarBackIcon) {
           const textEl = {
             el: activeNavBackIconText[0]
@@ -178,15 +154,12 @@ function SwipeBack(r) {
           transformTarget = textEl;
           els.push(textEl);
         }
-
         transformTarget.transform = progress => {
           let activeNavTranslate = progress * transformTarget.el.f7NavbarRightOffset;
           if (device.pixelRatio === 1) activeNavTranslate = Math.round(activeNavTranslate);
-
           if (isSubnavbar && currentNavIsLarge) {
             return `translate3d(${activeNavTranslate}px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0)`;
           }
-
           return `translate3d(${activeNavTranslate}px,0,0)`;
         };
       }
@@ -201,11 +174,9 @@ function SwipeBack(r) {
       const el = {
         el: navEl
       };
-
       if (toLarge) {
         if (isTitle) return;
         if (els.indexOf(el) < 0) els.push(el);
-
         if ($navEl.hasClass('title-large')) {
           el.opacity = 1;
           el.overflow = 'visible';
@@ -220,50 +191,38 @@ function SwipeBack(r) {
           return;
         }
       }
-
       if (isBg) {
         if (els.indexOf(el) < 0) els.push(el);
-
         if (!fromLarge && !toLarge) {
           if (previousNavIsCollapsed) {
             if (previousNavIsLargeTransparent) {
               el.className = 'ios-swipeback-navbar-bg-large';
             }
-
             el.transform = progress => `translateX(${(-100 + 100 * progress) * inverter}%) translateY(calc(-1 * var(--f7-navbar-large-title-height)))`;
           } else {
             el.transform = progress => `translateX(${(-100 + 100 * progress) * inverter}%)`;
           }
         }
-
         if (!fromLarge && toLarge) {
           el.transform = progress => `translateX(${(-100 + 100 * progress) * inverter}%) translateY(calc(-1 * ${1 - progress} * var(--f7-navbar-large-title-height)))`;
         }
-
         if (fromLarge && !toLarge) {
           el.className = 'ios-swipeback-navbar-bg-large';
-
           el.transform = progress => `translateX(${(-100 + 100 * progress) * inverter}%) translateY(calc(-${progress} * var(--f7-navbar-large-title-height)))`;
         }
-
         if (fromLarge && toLarge) {
           el.transform = progress => `translateX(${(-100 + 100 * progress) * inverter}%)`;
         }
-
         return;
       }
-
       if ($navEl.hasClass('title-large')) return;
       const isSliding = $navEl.hasClass('sliding') || $previousNavbarEl.children('.navbar-inner.sliding').length;
       if (els.indexOf(el) < 0) els.push(el);
-
       if (!isSubnavbar || isSubnavbar && !isSliding) {
         el.opacity = progress => progress ** 3;
       }
-
       if (isSliding) {
         let transformTarget = el;
-
         if (isLeft && previousNavBackIconText.length && params.iosAnimateNavbarBackIcon) {
           const textEl = {
             el: previousNavBackIconText[0]
@@ -271,22 +230,18 @@ function SwipeBack(r) {
           transformTarget = textEl;
           els.push(textEl);
         }
-
         transformTarget.transform = progress => {
           let previousNavTranslate = transformTarget.el.f7NavbarLeftOffset * (1 - progress);
           if (device.pixelRatio === 1) previousNavTranslate = Math.round(previousNavTranslate);
-
           if (isSubnavbar && previousNavIsLarge) {
             return `translate3d(${previousNavTranslate}px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0)`;
           }
-
           return `translate3d(${previousNavTranslate}px,0,0)`;
         };
       }
     });
     return els;
   }
-
   function setAnimatableNavElements(_temp) {
     let {
       progress,
@@ -295,39 +250,31 @@ function SwipeBack(r) {
       reflow
     } = _temp === void 0 ? {} : _temp;
     const styles = ['overflow', 'transform', 'transform-origin', 'opacity'];
-
     if (transition === true || transition === false) {
       for (let i = 0; i < animatableNavEls.length; i += 1) {
         const el = animatableNavEls[i];
-
         if (el && el.el) {
           if (transition === true) el.el.classList.add('navbar-page-transitioning');
           if (transition === false) el.el.classList.remove('navbar-page-transitioning');
         }
       }
     }
-
     if (reflow && animatableNavEls.length && animatableNavEls[0] && animatableNavEls[0].el) {
       // eslint-disable-next-line
       animatableNavEls[0].el._clientLeft = animatableNavEls[0].el.clientLeft;
     }
-
     for (let i = 0; i < animatableNavEls.length; i += 1) {
       const el = animatableNavEls[i];
-
       if (el && el.el) {
         if (el.className && !el.classNameSet && !reset) {
           el.el.classList.add(el.className);
           el.classNameSet = true;
         }
-
         if (el.className && reset) {
           el.el.classList.remove(el.className);
         }
-
         for (let j = 0; j < styles.length; j += 1) {
           const styleProp = styles[j];
-
           if (el[styleProp]) {
             if (reset) {
               el.el.style[styleProp] = '';
@@ -341,7 +288,6 @@ function SwipeBack(r) {
       }
     }
   }
-
   function handleTouchStart(e) {
     const swipeBackEnabled = params[`${app.theme}SwipeBack`];
     if (!allowViewTouchMove || !swipeBackEnabled || isTouched || app.swipeout && app.swipeout.el || !router.allowPageChange) return;
@@ -355,103 +301,87 @@ function SwipeBack(r) {
     touchStartTime = now();
     dynamicNavbar = router.dynamicNavbar;
   }
-
   function handleTouchMove(e) {
     if (!isTouched) return;
     const pageX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;
     const pageY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
-
     if (typeof isScrolling === 'undefined') {
       isScrolling = !!(isScrolling || Math.abs(pageY - touchesStart.y) > Math.abs(pageX - touchesStart.x)) || pageX < touchesStart.x && !app.rtl || pageX > touchesStart.x && app.rtl;
     }
-
     if (isScrolling || e.f7PreventSwipeBack || app.preventSwipeBack) {
       isTouched = false;
       return;
     }
-
     if (!isMoved) {
       // Calc values during first move fired
       let cancel = false;
       const target = $(e.target);
       const swipeout = target.closest('.swipeout');
-
       if (swipeout.length > 0) {
         if (!app.rtl && swipeout.find('.swipeout-actions-left').length > 0) cancel = true;
         if (app.rtl && swipeout.find('.swipeout-actions-right').length > 0) cancel = true;
       }
-
       $currentPageEl = target.closest('.page');
       if ($currentPageEl.hasClass('no-swipeback') || target.closest('.no-swipeback, .card-opened').length > 0) cancel = true;
-      $previousPageEl = $el.find('.page-previous:not(.stacked)');
-
+      $previousPageEl = $el.find('.page-previous');
       if ($previousPageEl.length > 1) {
         $previousPageEl = $previousPageEl.eq($previousPageEl.length - 1);
       }
-
       let notFromBorder = touchesStart.x - $el.offset().left > paramsSwipeBackActiveArea;
       viewContainerWidth = $el.width();
-
       if (app.rtl) {
         notFromBorder = touchesStart.x < $el.offset().left - $el[0].scrollLeft + (viewContainerWidth - paramsSwipeBackActiveArea);
       } else {
         notFromBorder = touchesStart.x - $el.offset().left > paramsSwipeBackActiveArea;
       }
-
       if (notFromBorder) cancel = true;
       if ($previousPageEl.length === 0 || $currentPageEl.length === 0) cancel = true;
-
       if (cancel) {
         isTouched = false;
         return;
       }
-
       if (paramsSwipeBackAnimateShadow) {
         $pageShadowEl = $currentPageEl.find('.page-shadow-effect');
-
         if ($pageShadowEl.length === 0) {
           $pageShadowEl = $('<div class="page-shadow-effect"></div>');
           $currentPageEl.append($pageShadowEl);
         }
       }
-
       if (paramsSwipeBackAnimateOpacity) {
         $pageOpacityEl = $previousPageEl.find('.page-opacity-effect');
-
         if ($pageOpacityEl.length === 0) {
           $pageOpacityEl = $('<div class="page-opacity-effect"></div>');
           $previousPageEl.append($pageOpacityEl);
         }
       }
-
       if (dynamicNavbar) {
-        $currentNavbarEl = $navbarsEl.find('.navbar-current:not(.stacked)');
-        $previousNavbarEl = $navbarsEl.find('.navbar-previous:not(.stacked)');
-
+        $currentNavbarEl = $navbarsEl.find('.navbar-current');
+        $previousNavbarEl = $navbarsEl.find('.navbar-previous');
         if ($previousNavbarEl.length > 1) {
           $previousNavbarEl = $previousNavbarEl.eq($previousNavbarEl.length - 1);
         }
-
         animatableNavEls = animatableNavElements($previousNavbarEl, $currentNavbarEl);
-      } // Close/Hide Any Picker
-
+      }
 
+      // Close/Hide Any Picker
       if ($('.sheet.modal-in').length > 0 && app.sheet) {
         app.sheet.close($('.sheet.modal-in'));
       }
     }
-
     e.f7PreventSwipePanel = true;
     isMoved = true;
     app.preventSwipePanelBySwipeBack = true;
-    e.preventDefault(); // RTL inverter
+    e.preventDefault();
 
-    const inverter = app.rtl ? -1 : 1; // Touches diff
+    // RTL inverter
+    const inverter = app.rtl ? -1 : 1;
 
+    // Touches diff
     touchesDiff = (pageX - touchesStart.x - paramsSwipeBackThreshold) * inverter;
     if (touchesDiff < 0) touchesDiff = 0;
-    const percentage = Math.min(Math.max(touchesDiff / viewContainerWidth, 0), 1); // Swipe Back Callback
+    const percentage = Math.min(Math.max(touchesDiff / viewContainerWidth, 0), 1);
 
+    // Swipe Back Callback
     const callbackData = {
       percentage,
       progress: percentage,
@@ -461,11 +391,11 @@ function SwipeBack(r) {
       previousNavbarEl: $previousNavbarEl[0]
     };
     $el.trigger('swipeback:move', callbackData);
-    router.emit('swipebackMove', callbackData); // Transform pages
+    router.emit('swipebackMove', callbackData);
 
+    // Transform pages
     let currentPageTranslate = touchesDiff * inverter;
     let previousPageTranslate = (touchesDiff / 5 - viewContainerWidth / 5) * inverter;
-
     if (!app.rtl) {
       currentPageTranslate = Math.min(currentPageTranslate, viewContainerWidth);
       previousPageTranslate = Math.min(previousPageTranslate, 0);
@@ -473,86 +403,70 @@ function SwipeBack(r) {
       currentPageTranslate = Math.max(currentPageTranslate, -viewContainerWidth);
       previousPageTranslate = Math.max(previousPageTranslate, 0);
     }
-
     if (device.pixelRatio === 1) {
       currentPageTranslate = Math.round(currentPageTranslate);
       previousPageTranslate = Math.round(previousPageTranslate);
     }
-
     router.swipeBackActive = true;
     $([$currentPageEl[0], $previousPageEl[0]]).addClass('page-swipeback-active');
     $currentPageEl.transform(`translate3d(${currentPageTranslate}px,0,0)`);
     if (paramsSwipeBackAnimateShadow) $pageShadowEl[0].style.opacity = 1 - 1 * percentage;
-
     if (app.theme === 'ios') {
       $previousPageEl.transform(`translate3d(${previousPageTranslate}px,0,0)`);
     }
+    if (paramsSwipeBackAnimateOpacity) $pageOpacityEl[0].style.opacity = 1 - 1 * percentage;
 
-    if (paramsSwipeBackAnimateOpacity) $pageOpacityEl[0].style.opacity = 1 - 1 * percentage; // Dynamic Navbars Animation
-
+    // Dynamic Navbars Animation
     if (!dynamicNavbar) return;
     setAnimatableNavElements({
       progress: percentage
     });
   }
-
   function handleTouchEnd() {
     app.preventSwipePanelBySwipeBack = false;
-
     if (!isTouched || !isMoved) {
       isTouched = false;
       isMoved = false;
       return;
     }
-
     isTouched = false;
     isMoved = false;
     router.swipeBackActive = false;
     const $pages = $([$currentPageEl[0], $previousPageEl[0]]);
     $pages.removeClass('page-swipeback-active');
-
     if (touchesDiff === 0) {
       $pages.transform('');
       if ($pageShadowEl && $pageShadowEl.length > 0) $pageShadowEl.remove();
       if ($pageOpacityEl && $pageOpacityEl.length > 0) $pageOpacityEl.remove();
-
       if (dynamicNavbar) {
         setAnimatableNavElements({
           reset: true
         });
       }
-
       return;
     }
-
     const timeDiff = now() - touchStartTime;
-    let pageChanged = false; // Swipe back to previous page
-
+    let pageChanged = false;
+    // Swipe back to previous page
     if (timeDiff < 300 && touchesDiff > 10 || timeDiff >= 300 && touchesDiff > viewContainerWidth / 2) {
       $currentPageEl.removeClass('page-current').addClass(`page-next${app.theme !== 'ios' ? ' page-next-on-right' : ''}`);
       $previousPageEl.removeClass('page-previous').addClass('page-current').removeAttr('aria-hidden');
       if ($pageShadowEl) $pageShadowEl[0].style.opacity = '';
       if ($pageOpacityEl) $pageOpacityEl[0].style.opacity = '';
-
       if (dynamicNavbar) {
         router.setNavbarPosition($currentNavbarEl, 'next');
         router.setNavbarPosition($previousNavbarEl, 'current', false);
       }
-
       pageChanged = true;
-    } // Reset custom styles
+    }
+    // Reset custom styles
     // Add transitioning class for transition-duration
-
-
     $pages.addClass('page-transitioning page-transitioning-swipeback');
-
     if (device.ios) {
       // eslint-disable-next-line
       $currentPageEl[0]._clientLeft = $currentPageEl[0].clientLeft;
     }
-
     $pages.transform('');
-
     if (dynamicNavbar) {
       setAnimatableNavElements({
         progress: pageChanged ? 1 : 0,
@@ -560,22 +474,22 @@ function SwipeBack(r) {
         reflow: !!device.ios
       });
     }
-
     allowViewTouchMove = false;
-    router.allowPageChange = false; // Swipe Back Callback
+    router.allowPageChange = false;
 
+    // Swipe Back Callback
     const callbackData = {
       currentPageEl: $currentPageEl[0],
       previousPageEl: $previousPageEl[0],
       currentNavbarEl: $currentNavbarEl[0],
       previousNavbarEl: $previousNavbarEl[0]
     };
-
     if (pageChanged) {
       // Update Route
       router.currentRoute = $previousPageEl[0].f7Page.route;
-      router.currentPage = $previousPageEl[0]; // Page before animation callback
+      router.currentPage = $previousPageEl[0];
 
+      // Page before animation callback
       router.pageCallback('beforeOut', $currentPageEl, $currentNavbarEl, 'current', 'next', {
         route: $currentPageEl[0].f7Page.route,
         swipeBack: true
@@ -590,34 +504,30 @@ function SwipeBack(r) {
       $el.trigger('swipeback:beforereset', callbackData);
       router.emit('swipebackBeforeReset', callbackData);
     }
-
     $currentPageEl.transitionEnd(() => {
       $pages.removeClass('page-transitioning page-transitioning-swipeback');
-
       if (dynamicNavbar) {
         setAnimatableNavElements({
           reset: true,
           transition: false
         });
       }
-
       allowViewTouchMove = true;
       router.allowPageChange = true;
-
       if (pageChanged) {
         // Update History
         if (router.history.length === 1) {
           router.history.unshift(router.url);
         }
-
         router.history.pop();
-        router.saveHistory(); // Update push state
+        router.saveHistory();
 
+        // Update push state
         if (params.browserHistory) {
           History.back();
-        } // Page after animation callback
-
+        }
 
+        // Page after animation callback
         router.pageCallback('afterOut', $currentPageEl, $currentNavbarEl, 'current', 'next', {
           route: $currentPageEl[0].f7Page.route,
           swipeBack: true
@@ -625,29 +535,20 @@ function SwipeBack(r) {
         router.pageCallback('afterIn', $previousPageEl, $previousNavbarEl, 'previous', 'current', {
           route: $previousPageEl[0].f7Page.route,
           swipeBack: true
-        }); // Remove Old Page
-
-        if (params.stackPages && router.initialPages.indexOf($currentPageEl[0]) >= 0) {
-          $currentPageEl.addClass('stacked');
+        });
 
-          if (dynamicNavbar) {
-            $currentNavbarEl.addClass('stacked');
-          }
-        } else {
-          router.pageCallback('beforeRemove', $currentPageEl, $currentNavbarEl, 'next', {
-            swipeBack: true
-          });
-          router.removePage($currentPageEl);
+        // Remove Old Page
 
-          if (dynamicNavbar) {
-            router.removeNavbar($currentNavbarEl);
-          }
+        router.pageCallback('beforeRemove', $currentPageEl, $currentNavbarEl, 'next', {
+          swipeBack: true
+        });
+        router.removePage($currentPageEl);
+        if (dynamicNavbar) {
+          router.removeNavbar($currentNavbarEl);
         }
-
         $el.trigger('swipeback:afterchange', callbackData);
         router.emit('swipebackAfterChange', callbackData);
         router.emit('routeChanged', router.currentRoute, router.previousRoute, router);
-
         if (params.preloadPreviousPage) {
           router.back(router.history[router.history.length - 2], {
             preload: true
@@ -657,12 +558,10 @@ function SwipeBack(r) {
         $el.trigger('swipeback:afterreset', callbackData);
         router.emit('swipebackAfterReset', callbackData);
       }
-
       if ($pageShadowEl && $pageShadowEl.length > 0) $pageShadowEl.remove();
       if ($pageOpacityEl && $pageOpacityEl.length > 0) $pageOpacityEl.remove();
     });
   }
-
   function attachEvents() {
     const passiveListener = app.touchEvents.start === 'touchstart' && support.passiveListener ? {
       passive: true,
@@ -672,7 +571,6 @@ function SwipeBack(r) {
     app.on('touchmove:active', handleTouchMove);
     app.on('touchend:passive', handleTouchEnd);
   }
-
   function detachEvents() {
     const passiveListener = app.touchEvents.start === 'touchstart' && support.passiveListener ? {
       passive: true,
@@ -682,9 +580,7 @@ function SwipeBack(r) {
     app.off('touchmove:active', handleTouchMove);
     app.off('touchend:passive', handleTouchEnd);
   }
-
   attachEvents();
   router.on('routerDestroy', detachEvents);
 }
-
 export default SwipeBack;