framework7 7.0.9 → 8.0.0-beta.1

package/modules/router/back.js

@@ -7,7 +7,6 @@ import redirect from './redirect.js';
 import processRouteQueue from './process-route-queue.js';
 import appRouterCheck from './app-router-check.js';
 import asyncComponent from './async-component.js';
-
 function backward(router, el, backwardOptions) {
   const device = getDevice();
   const document = getDocument();
@@ -28,51 +27,45 @@ function backward(router, el, backwardOptions) {
   const $oldPage = router.$el.children('.page-current');
   const initialPreload = $oldPage.length === 0 && options.preload;
   const currentIsMaster = masterDetailEnabled && $oldPage.hasClass('page-master');
-
   if ($newPage.length) {
     // Remove theme elements
     router.removeThemeElements($newPage);
   }
-
   let $navbarsEl;
   let $newNavbarEl;
   let $oldNavbarEl;
-
   if (dynamicNavbar) {
     $newNavbarEl = $newPage.children('.navbar');
     $navbarsEl = router.$navbarsEl;
-
     if ($newNavbarEl.length === 0 && $newPage[0] && $newPage[0].f7Page) {
       // Try from pageData
       $newNavbarEl = $newPage[0].f7Page.$navbarEl;
     }
-
     $oldNavbarEl = $navbarsEl.find('.navbar-current');
   }
-
   router.allowPageChange = false;
-
   if ($newPage.length === 0 || $oldPage.length === 0 && !options.preload) {
     router.allowPageChange = true;
     return router;
-  } // Remove theme elements
-
+  }
 
-  router.removeThemeElements($newPage); // Save Keep Alive Cache
+  // Remove theme elements
+  router.removeThemeElements($newPage);
 
+  // Save Keep Alive Cache
   if (options.route && options.route.route && options.route.route.keepAlive && !options.route.route.keepAliveData) {
     options.route.route.keepAliveData = {
       pageEl: $el[0]
     };
-  } // Pages In View
-
+  }
 
+  // Pages In View
   let isDetail;
   let isDetailRoot;
-
   if (masterDetailEnabled) {
-    const $pagesInView = router.$el.children('.page:not(.stacked)').filter(pageInView => pageInView !== $newPage[0]); // Find Detail' master page
+    const $pagesInView = router.$el.children('.page').filter(pageInView => pageInView !== $newPage[0]);
 
+    // Find Detail' master page
     for (let i = 0; i < $pagesInView.length; i += 1) {
       if (!masterPageEl && $pagesInView[i].classList.contains('page-master')) {
         masterPageEl = $pagesInView[i];
@@ -81,23 +74,20 @@ function backward(router, el, backwardOptions) {
     }
 
     isDetail = !isMaster && masterPageEl && router.history.indexOf(options.route.url) > router.history.indexOf(masterPageEl.f7Page.route.url);
-
     if (!isDetail && !isMaster && masterPageEl && masterPageEl.f7Page && options.route.route.masterRoute) {
       isDetail = options.route.route.masterRoute.path === masterPageEl.f7Page.route.route.path;
     }
   }
-
   if (isDetail && masterPageEl && masterPageEl.f7Page) {
     isDetailRoot = router.history.indexOf(options.route.url) - router.history.indexOf(masterPageEl.f7Page.route.url) === 1;
-  } // New Page
-
+  }
 
-  $newPage.addClass(`page-${initialPreload ? 'current' : 'previous'}${isMaster ? ' page-master' : ''}${isDetail ? ' page-master-detail' : ''}${isDetailRoot ? ' page-master-detail-root' : ''}`).removeClass('stacked').removeAttr('aria-hidden').trigger('page:unstack').trigger('page:position', {
+  // New Page
+  $newPage.addClass(`page-${initialPreload ? 'current' : 'previous'}${isMaster ? ' page-master' : ''}${isDetail ? ' page-master-detail' : ''}${isDetailRoot ? ' page-master-detail-root' : ''}`).removeAttr('aria-hidden').trigger('page:unstack').trigger('page:position', {
     position: initialPreload ? 'current' : 'previous'
   });
   router.emit('pageUnstack', $newPage[0]);
   router.emit('pagePosition', $newPage[0], initialPreload ? 'current' : 'previous');
-
   if (isMaster || isDetail) {
     $newPage.trigger('page:role', {
       role: isMaster ? 'master' : 'detail',
@@ -108,27 +98,24 @@ function backward(router, el, backwardOptions) {
       detailRoot: !!isDetailRoot
     });
   }
-
   if (dynamicNavbar && $newNavbarEl.length > 0) {
-    $newNavbarEl.addClass(`navbar-${initialPreload ? 'current' : 'previous'}${isMaster ? ' navbar-master' : ''}${isDetail ? ' navbar-master-detail' : ''}${isDetailRoot ? ' navbar-master-detail-root' : ''}`).removeClass('stacked').removeAttr('aria-hidden');
+    $newNavbarEl.addClass(`navbar-${initialPreload ? 'current' : 'previous'}${isMaster ? ' navbar-master' : ''}${isDetail ? ' navbar-master-detail' : ''}${isDetailRoot ? ' navbar-master-detail-root' : ''}`).removeAttr('aria-hidden');
     $newNavbarEl.trigger('navbar:position', {
       position: initialPreload ? 'current' : 'previous'
     });
     router.emit('navbarPosition', $newNavbarEl[0], initialPreload ? 'current' : 'previous');
-
     if (isMaster || isDetailRoot) {
       router.emit('navbarRole', $newNavbarEl[0], {
         role: isMaster ? 'master' : 'detail',
         detailRoot: !!isDetailRoot
       });
     }
-  } // Remove previous page in case of "forced"
-
+  }
 
+  // Remove previous page in case of "forced"
   let backIndex;
-
   if (options.force) {
-    if ($oldPage.prev('.page-previous:not(.stacked)').length > 0 || $oldPage.prev('.page-previous').length === 0) {
+    if ($oldPage.prev('.page-previous').length >= 0) {
       if (router.history.indexOf(options.route.url) >= 0) {
         backIndex = router.history.length - router.history.indexOf(options.route.url) - 1;
         router.history = router.history.slice(0, router.history.indexOf(options.route.url) + 2);
@@ -138,76 +125,27 @@ function backward(router, el, backwardOptions) {
       } else {
         router.history.unshift(router.url);
       }
-
-      if (backIndex && router.params.stackPages) {
-        $oldPage.prevAll('.page-previous').each(pageToRemove => {
-          const $pageToRemove = $(pageToRemove);
-          let $navbarToRemove;
-
-          if (dynamicNavbar) {
-            // $navbarToRemove = $oldNavbarEl.prevAll('.navbar-previous').eq(index);
-            $navbarToRemove = $(app.navbar.getElByPage($pageToRemove));
-          }
-
-          if ($pageToRemove[0] !== $newPage[0] && $pageToRemove.index() > $newPage.index()) {
-            if (router.initialPages.indexOf($pageToRemove[0]) >= 0) {
-              $pageToRemove.addClass('stacked');
-              $pageToRemove.trigger('page:stack');
-              router.emit('pageStack', $pageToRemove[0]);
-
-              if (dynamicNavbar) {
-                $navbarToRemove.addClass('stacked');
-              }
-            } else {
-              router.pageCallback('beforeRemove', $pageToRemove, $navbarToRemove, 'previous', undefined, options);
-
-              if ($pageToRemove[0] === masterPageEl) {
-                masterPageRemoved = true;
-              }
-
-              router.removePage($pageToRemove);
-
-              if (dynamicNavbar && $navbarToRemove.length > 0) {
-                router.removeNavbar($navbarToRemove);
-              }
-            }
-          }
-        });
-      } else {
-        const $pageToRemove = $oldPage.prev('.page-previous:not(.stacked)');
-        let $navbarToRemove;
-
-        if (dynamicNavbar) {
-          // $navbarToRemove = $oldNavbarEl.prev('.navbar-inner:not(.stacked)');
-          $navbarToRemove = $(app.navbar.getElByPage($pageToRemove));
+      const $pageToRemove = $oldPage.prev('.page-previous');
+      let $navbarToRemove;
+      if (dynamicNavbar) {
+        $navbarToRemove = $(app.navbar.getElByPage($pageToRemove));
+      }
+      if ($pageToRemove.length > 0) {
+        router.pageCallback('beforeRemove', $pageToRemove, $navbarToRemove, 'previous', undefined, options);
+        if ($pageToRemove[0] === masterPageEl) {
+          masterPageRemoved = true;
         }
-
-        if (router.params.stackPages && router.initialPages.indexOf($pageToRemove[0]) >= 0) {
-          $pageToRemove.addClass('stacked');
-          $pageToRemove.trigger('page:stack');
-          router.emit('pageStack', $pageToRemove[0]);
-          $navbarToRemove.addClass('stacked');
-        } else if ($pageToRemove.length > 0) {
-          router.pageCallback('beforeRemove', $pageToRemove, $navbarToRemove, 'previous', undefined, options);
-
-          if ($pageToRemove[0] === masterPageEl) {
-            masterPageRemoved = true;
-          }
-
-          router.removePage($pageToRemove);
-
-          if (dynamicNavbar && $navbarToRemove.length) {
-            router.removeNavbar($navbarToRemove);
-          }
+        router.removePage($pageToRemove);
+        if (dynamicNavbar && $navbarToRemove.length) {
+          router.removeNavbar($navbarToRemove);
         }
       }
     }
-  } // Insert new page
-
+  }
 
+  // Insert new page
   const newPageInDom = $newPage.parents(document).length > 0;
   const f7Component = $newPage[0].f7Component;
-
   function insertPage() {
     if (initialPreload) {
       if (!newPageInDom && f7Component) {
@@ -218,7 +156,6 @@ function backward(router, el, backwardOptions) {
         router.$el.append($newPage);
       }
     }
-
     if ($newPage.next($oldPage).length === 0) {
       if (!newPageInDom && f7Component) {
         f7Component.mount(componentEl => {
@@ -228,25 +165,20 @@ function backward(router, el, backwardOptions) {
         $newPage.insertBefore($oldPage);
       }
     }
-
     if (dynamicNavbar && $newNavbarEl.length) {
       if ($newNavbarEl.find('.title-large').length) {
         $newNavbarEl.addClass('navbar-large');
       }
-
       $newNavbarEl.insertBefore($oldNavbarEl);
-
       if ($oldNavbarEl.length > 0) {
         $newNavbarEl.insertBefore($oldNavbarEl);
       } else {
         if (!router.$navbarsEl.parents(document).length) {
           router.$el.prepend(router.$navbarsEl);
         }
-
         $navbarsEl.append($newNavbarEl);
       }
     }
-
     if (!newPageInDom) {
       router.pageCallback('mounted', $newPage, $newNavbarEl, 'previous', 'current', options, $oldPage);
     } else if (options.route && options.route.route && options.route.route.keepAlive && !$newPage[0].f7PageMounted) {
@@ -254,11 +186,10 @@ function backward(router, el, backwardOptions) {
       router.pageCallback('mounted', $newPage, $newNavbarEl, 'previous', 'current', options, $oldPage);
     }
   }
-
   if (options.preload) {
     // Insert Page
-    insertPage(); // Tab route
-
+    insertPage();
+    // Tab route
     if (options.route.route.tab) {
       router.tabLoad(options.route.route.tab, extend({}, options, {
         history: false,
@@ -266,61 +197,40 @@ function backward(router, el, backwardOptions) {
         preload: true
       }));
     }
-
     if (isMaster) {
       $newPage.removeClass('page-master-stacked').trigger('page:masterunstack');
       router.emit('pageMasterUnstack', $newPage[0]);
-
       if (dynamicNavbar) {
         $(app.navbar.getElByPage($newPage)).removeClass('navbar-master-stacked');
         router.emit('navbarMasterUnstack', app.navbar.getElByPage($newPage));
       }
-    } // Page init and before init events
-
-
+    }
+    // Page init and before init events
     router.pageCallback('init', $newPage, $newNavbarEl, 'previous', 'current', options, $oldPage);
-
     if (initialPreload) {
       router.pageCallback('beforeIn', $newPage, $newNavbarEl, 'current', undefined, options);
       router.pageCallback('afterIn', $newPage, $newNavbarEl, 'current', undefined, options);
     }
-
-    const $previousPages = $newPage.prevAll('.page-previous:not(.stacked):not(.page-master)');
-
+    const $previousPages = $newPage.prevAll('.page-previous:not(.page-master)');
     if ($previousPages.length > 0) {
       $previousPages.each(pageToRemove => {
         const $pageToRemove = $(pageToRemove);
         let $navbarToRemove;
-
         if (dynamicNavbar) {
-          // $navbarToRemove = $newNavbarEl.prevAll('.navbar-previous:not(.stacked)').eq(index);
           $navbarToRemove = $(app.navbar.getElByPage($pageToRemove));
         }
-
-        if (router.params.stackPages && router.initialPages.indexOf(pageToRemove) >= 0) {
-          $pageToRemove.addClass('stacked');
-          $pageToRemove.trigger('page:stack');
-          router.emit('pageStack', $pageToRemove[0]);
-
-          if (dynamicNavbar) {
-            $navbarToRemove.addClass('stacked');
-          }
-        } else {
-          router.pageCallback('beforeRemove', $pageToRemove, $navbarToRemove, 'previous', undefined);
-          router.removePage($pageToRemove);
-
-          if (dynamicNavbar && $navbarToRemove.length) {
-            router.removeNavbar($navbarToRemove);
-          }
+        router.pageCallback('beforeRemove', $pageToRemove, $navbarToRemove, 'previous', undefined);
+        router.removePage($pageToRemove);
+        if (dynamicNavbar && $navbarToRemove.length) {
+          router.removeNavbar($navbarToRemove);
         }
       });
     }
-
     router.allowPageChange = true;
     return router;
-  } // History State
-
+  }
 
+  // History State
   if (!(device.ie || device.edge || device.firefox && !device.ios)) {
     if (router.params.browserHistory && options.browserHistory) {
       if (options.replaceState) {
@@ -334,32 +244,31 @@ function backward(router, el, backwardOptions) {
         History.back();
       }
     }
-  } // Update History
-
+  }
 
+  // Update History
   if (options.replaceState) {
     router.history[router.history.length - 1] = options.route.url;
   } else {
     if (router.history.length === 1) {
       router.history.unshift(router.url);
     }
-
     router.history.pop();
   }
+  router.saveHistory();
 
-  router.saveHistory(); // Current Page & Navbar
-
+  // Current Page & Navbar
   router.currentPageEl = $newPage[0];
-
   if (dynamicNavbar && $newNavbarEl.length) {
     router.currentNavbarEl = $newNavbarEl[0];
   } else {
     delete router.currentNavbarEl;
-  } // Current Route
-
+  }
 
-  router.currentRoute = options.route; // History State
+  // Current Route
+  router.currentRoute = options.route;
 
+  // History State
   if (device.ie || device.edge || device.firefox && !device.ios) {
     if (router.params.browserHistory && options.browserHistory) {
       if (options.replaceState) {
@@ -373,104 +282,88 @@ function backward(router, el, backwardOptions) {
         History.back();
       }
     }
-  } // Insert Page
-
+  }
 
-  insertPage(); // Load Tab
+  // Insert Page
+  insertPage();
 
+  // Load Tab
   if (options.route.route.tab) {
     router.tabLoad(options.route.route.tab, extend({}, options, {
       history: false,
       browserHistory: false
     }));
-  } // Check master detail
+  }
 
+  // Check master detail
 
   if (masterDetailEnabled && (currentIsMaster || masterPageRemoved)) {
     view.checkMasterDetailBreakpoint(false);
-  } // Page init and before init events
-
+  }
 
-  router.pageCallback('init', $newPage, $newNavbarEl, 'previous', 'current', options, $oldPage); // Before animation callback
+  // Page init and before init events
+  router.pageCallback('init', $newPage, $newNavbarEl, 'previous', 'current', options, $oldPage);
 
+  // Before animation callback
   router.pageCallback('beforeOut', $oldPage, $oldNavbarEl, 'current', 'next', options);
-  router.pageCallback('beforeIn', $newPage, $newNavbarEl, 'previous', 'current', options); // Animation
+  router.pageCallback('beforeIn', $newPage, $newNavbarEl, 'previous', 'current', options);
 
+  // Animation
   function afterAnimation() {
     // Set classes
     router.setPagePosition($newPage, 'current', false);
     router.setPagePosition($oldPage, 'next', true);
-
     if (dynamicNavbar) {
       router.setNavbarPosition($newNavbarEl, 'current', false);
       router.setNavbarPosition($oldNavbarEl, 'next', true);
-    } // After animation event
-
+    }
 
+    // After animation event
     router.pageCallback('afterOut', $oldPage, $oldNavbarEl, 'current', 'next', options);
-    router.pageCallback('afterIn', $newPage, $newNavbarEl, 'previous', 'current', options); // Remove Old Page
-
-    if (router.params.stackPages && router.initialPages.indexOf($oldPage[0]) >= 0) {
-      $oldPage.addClass('stacked');
-      $oldPage.trigger('page:stack');
-      router.emit('pageStack', $oldPage[0]);
+    router.pageCallback('afterIn', $newPage, $newNavbarEl, 'previous', 'current', options);
 
-      if (dynamicNavbar) {
-        $oldNavbarEl.addClass('stacked');
-      }
-    } else {
-      router.pageCallback('beforeRemove', $oldPage, $oldNavbarEl, 'next', undefined, options);
-      router.removePage($oldPage);
+    // Remove Old Page
 
-      if (dynamicNavbar && $oldNavbarEl.length) {
-        router.removeNavbar($oldNavbarEl);
-      }
+    router.pageCallback('beforeRemove', $oldPage, $oldNavbarEl, 'next', undefined, options);
+    router.removePage($oldPage);
+    if (dynamicNavbar && $oldNavbarEl.length) {
+      router.removeNavbar($oldNavbarEl);
     }
-
     router.allowPageChange = true;
-    router.emit('routeChanged', router.currentRoute, router.previousRoute, router); // Preload previous page
+    router.emit('routeChanged', router.currentRoute, router.previousRoute, router);
 
+    // Preload previous page
     const preloadPreviousPage = router.params.preloadPreviousPage || router.params[`${app.theme}SwipeBack`];
-
     if (preloadPreviousPage && router.history[router.history.length - 2] && !isMaster) {
       router.back(router.history[router.history.length - 2], {
         preload: true
       });
     }
-
     if (router.params.browserHistory) {
       History.clearRouterQueue();
     }
   }
-
   function setPositionClasses() {
     router.setPagePosition($oldPage, 'current');
     router.setPagePosition($newPage, 'previous', false);
-
     if (dynamicNavbar) {
       router.setNavbarPosition($oldNavbarEl, 'current');
       router.setNavbarPosition($newNavbarEl, 'previous', false);
     }
   }
-
   if (options.animate && !(currentIsMaster && app.width >= router.params.masterDetailBreakpoint)) {
     let transition = router.params.transition;
-
     if ($oldPage[0] && $oldPage[0].f7PageTransition) {
       transition = $oldPage[0].f7PageTransition;
       delete $oldPage[0].f7PageTransition;
     }
-
     if (options.transition) transition = options.transition;
-
     if (!transition && router.previousRoute && router.previousRoute.route) {
       transition = router.previousRoute.route.transition;
     }
-
     if (!transition && router.previousRoute && router.previousRoute.route && router.previousRoute.route.options) {
       transition = router.previousRoute.route.options.transition;
     }
-
     setPositionClasses();
     router.animate($oldPage, $newPage, $oldNavbarEl, $newNavbarEl, 'backward', transition, () => {
       afterAnimation();
@@ -478,10 +371,8 @@ function backward(router, el, backwardOptions) {
   } else {
     afterAnimation();
   }
-
   return router;
 }
-
 function loadBack(router, backParams, backOptions, ignorePageChange) {
   if (!router.allowPageChange && !ignorePageChange) return router;
   const params = backParams;
@@ -494,30 +385,26 @@ function loadBack(router, backParams, backOptions, ignorePageChange) {
     component,
     componentUrl
   } = params;
-
   if (options.route.url && router.url === options.route.url && !(options.reloadCurrent || options.reloadPrevious) && !router.params.allowDuplicateUrls) {
     return false;
   }
-
   if (!options.route && url) {
     options.route = router.parseRouteUrl(url);
-  } // Component Callbacks
-
+  }
 
+  // Component Callbacks
   function resolve(pageEl, newOptions) {
     return backward(router, pageEl, extend(options, newOptions));
   }
-
   function reject() {
     router.allowPageChange = true;
     return router;
   }
-
   if (url || componentUrl || component) {
     router.allowPageChange = false;
-  } // Proceed
-
+  }
 
+  // Proceed
   if (content) {
     backward(router, router.getPageEl(content), options);
   } else if (el) {
@@ -547,17 +434,14 @@ function loadBack(router, backParams, backOptions, ignorePageChange) {
       router.xhrAbortController.abort();
       router.xhrAbortController = false;
     }
-
     router.xhrRequest(url, options).then(pageContent => {
       backward(router, router.getPageEl(pageContent), options);
     }).catch(() => {
       router.allowPageChange = true;
     });
   }
-
   return router;
 }
-
 function back() {
   const router = this;
   const device = getDevice();
@@ -565,27 +449,23 @@ function back() {
   let navigateUrl;
   let navigateOptions;
   let route;
-
   if (typeof (arguments.length <= 0 ? undefined : arguments[0]) === 'object') {
     navigateOptions = (arguments.length <= 0 ? undefined : arguments[0]) || {};
   } else {
     navigateUrl = arguments.length <= 0 ? undefined : arguments[0];
     navigateOptions = (arguments.length <= 1 ? undefined : arguments[1]) || {};
   }
-
   const {
     name,
     params,
     query
   } = navigateOptions;
-
   if (name) {
     navigateUrl = router.generateUrl({
       name,
       params,
       query
     });
-
     if (navigateUrl) {
       return router.back(navigateUrl, extend({}, navigateOptions, {
         name: null,
@@ -593,15 +473,12 @@ function back() {
         query: null
       }));
     }
-
     return router;
   }
-
   const app = router.app;
   appRouterCheck(router, 'back');
   let currentRouteIsModal = router.currentRoute.modal;
   let modalType;
-
   if (!currentRouteIsModal) {
     'popup popover sheet loginScreen actions customModal panel'.split(' ').forEach(modalLoadProp => {
       if (router.currentRoute.route[modalLoadProp]) {
@@ -610,28 +487,24 @@ function back() {
       }
     });
   }
-
   if (currentRouteIsModal && !navigateOptions.preload) {
     const modalToClose = router.currentRoute.modal || router.currentRoute.route.modalInstance || app[modalType].get();
     const previousUrl = router.history[router.history.length - 2];
-    let previousRoute; // check if previous route is modal too
-
+    let previousRoute;
+    // check if previous route is modal too
     if (modalToClose && modalToClose.$el) {
       const prevOpenedModals = modalToClose.$el.prevAll('.modal-in');
-
       if (prevOpenedModals.length && prevOpenedModals[0].f7Modal) {
-        const modalEl = prevOpenedModals[0]; // check if current router not inside of the modalEl
-
+        const modalEl = prevOpenedModals[0];
+        // check if current router not inside of the modalEl
         if (!router.$el.parents(modalEl).length) {
           previousRoute = modalEl.f7Modal.route;
         }
       }
     }
-
     if (!previousRoute) {
       previousRoute = router.findMatchingRoute(previousUrl);
     }
-
     if (!previousRoute && previousUrl) {
       previousRoute = {
         url: previousUrl,
@@ -643,34 +516,26 @@ function back() {
         }
       };
     }
-
     if (!navigateUrl || navigateUrl.replace(/[# ]/g, '').trim().length === 0) {
       if (!previousRoute || !modalToClose) {
         return router;
       }
     }
-
     const forceOtherUrl = navigateOptions.force && previousRoute && navigateUrl;
-
     if (previousRoute && modalToClose) {
       const isBrokenBrowserHistory = device.ie || device.edge || device.firefox && !device.ios;
       const needHistoryBack = router.params.browserHistory && navigateOptions.browserHistory !== false;
       const currentRouteWithoutBrowserHistory = router.currentRoute && router.currentRoute.route && router.currentRoute.route.options && router.currentRoute.route.options.browserHistory === false;
-
       if (needHistoryBack && !isBrokenBrowserHistory && !currentRouteWithoutBrowserHistory) {
         History.back();
       }
-
       router.currentRoute = previousRoute;
       router.history.pop();
       router.saveHistory();
-
       if (needHistoryBack && isBrokenBrowserHistory && !currentRouteWithoutBrowserHistory) {
         History.back();
       }
-
       router.modalRemove(modalToClose);
-
       if (forceOtherUrl) {
         router.navigate(navigateUrl, {
           reloadCurrent: true
@@ -678,41 +543,33 @@ function back() {
       }
     } else if (modalToClose) {
       router.modalRemove(modalToClose);
-
       if (navigateUrl) {
         router.navigate(navigateUrl, {
           reloadCurrent: true
         });
       }
     }
-
     return router;
   }
-
   let $previousPage = router.$el.children('.page-current').prevAll('.page-previous:not(.page-master)').eq(0);
   let skipMaster;
-
   if (router.params.masterDetailBreakpoint > 0) {
     const classes = [];
     router.$el.children('.page').each(pageEl => {
       classes.push(pageEl.className);
     });
     const $previousMaster = router.$el.children('.page-current').prevAll('.page-master').eq(0);
-
     if ($previousMaster.length) {
       const expectedPreviousPageUrl = router.history[router.history.length - 2];
       const expectedPreviousPageRoute = router.findMatchingRoute(expectedPreviousPageUrl);
-
       if (expectedPreviousPageRoute && $previousMaster[0].f7Page && expectedPreviousPageRoute.route === $previousMaster[0].f7Page.route.route) {
         $previousPage = $previousMaster;
-
         if (!navigateOptions.preload) {
           skipMaster = app.width >= router.params.masterDetailBreakpoint;
         }
       }
     }
   }
-
   if (!navigateOptions.force && $previousPage.length && !skipMaster) {
     if (router.params.browserHistory && $previousPage[0].f7Page && router.history[router.history.length - 2] !== $previousPage[0].f7Page.route.url) {
       router.back(router.history[router.history.length - 2], extend(navigateOptions, {
@@ -720,18 +577,7 @@ function back() {
       }));
       return router;
     }
-
     const previousPageRoute = $previousPage[0].f7Page.route;
-
-    if (navigateOptions.preload && $previousPage.hasClass('stacked')) {
-      loadBack(router, {
-        el: $previousPage
-      }, extend(navigateOptions, {
-        route: previousPageRoute
-      }));
-      return router;
-    }
-
     processRouteQueue.call(router, previousPageRoute, router.currentRoute, () => {
       loadBack(router, {
         el: $previousPage
@@ -740,35 +586,30 @@ function back() {
       }));
     }, () => {}, 'backward');
     return router;
-  } // Navigate URL
-
+  }
 
+  // Navigate URL
   if (navigateUrl === '#') {
     navigateUrl = undefined;
   }
-
   if (navigateUrl && navigateUrl[0] !== '/' && navigateUrl.indexOf('#') !== 0) {
     navigateUrl = ((router.path || '/') + navigateUrl).replace('//', '/');
   }
-
   if (!navigateUrl && router.history.length > 1) {
     navigateUrl = router.history[router.history.length - 2];
   }
-
   if (skipMaster && !navigateOptions.force && router.history[router.history.length - 3]) {
     return router.back(router.history[router.history.length - 3], extend({}, navigateOptions || {}, {
       force: true,
       animate: false
     }));
   }
-
   if (skipMaster && !navigateOptions.force) {
     return router;
-  } // Find route to load
-
+  }
 
+  // Find route to load
   route = router.findMatchingRoute(navigateUrl);
-
   if (!route) {
     if (navigateUrl) {
       route = {
@@ -782,51 +623,27 @@ function back() {
       };
     }
   }
-
   if (!route) {
     return router;
   }
-
   if (route.route.redirect) {
     return redirect.call(router, 'backward', route, navigateOptions);
   }
-
   const options = {};
-
   if (route.route.options) {
     extend(options, route.route.options, navigateOptions);
   } else {
     extend(options, navigateOptions);
   }
-
   options.route = route;
-  let backForceLoaded;
-
-  if (options.force && router.params.stackPages) {
-    router.$el.children('.page-previous.stacked').each(pageEl => {
-      if (pageEl.f7Page && pageEl.f7Page.route && pageEl.f7Page.route.url === route.url) {
-        backForceLoaded = true;
-        loadBack(router, {
-          el: pageEl
-        }, options);
-      }
-    });
-
-    if (backForceLoaded) {
-      return router;
-    }
-  }
-
   function resolve() {
     let routerLoaded = false;
-
     if (route.route.keepAlive && route.route.keepAliveData) {
       loadBack(router, {
         el: route.route.keepAliveData.pageEl
       }, options);
       routerLoaded = true;
     }
-
     'url content component pageName el componentUrl'.split(' ').forEach(pageLoadProp => {
       if (route.route[pageLoadProp] && !routerLoaded) {
         routerLoaded = true;
@@ -835,17 +652,15 @@ function back() {
         }, options);
       }
     });
-    if (routerLoaded) return; // Async
-
+    if (routerLoaded) return;
+    // Async
     function asyncResolve(resolveParams, resolveOptions) {
       router.allowPageChange = false;
       loadBack(router, resolveParams, extend(options, resolveOptions), true);
     }
-
     function asyncReject() {
       router.allowPageChange = true;
     }
-
     if (route.route.async) {
       router.allowPageChange = false;
       route.route.async.call(router, {
@@ -858,16 +673,13 @@ function back() {
         app
       });
     }
-
     if (route.route.asyncComponent) {
       asyncComponent(router, route.route.asyncComponent, asyncResolve, asyncReject);
     }
   }
-
   function reject() {
     router.allowPageChange = true;
   }
-
   if (options.preload) {
     resolve();
   } else {
@@ -884,10 +696,9 @@ function back() {
     }, () => {
       reject();
     }, 'backward');
-  } // Return Router
-
+  }
 
+  // Return Router
   return router;
 }
-
 export { back };