framework7 6.3.11 → 6.3.16

package/esm/framework7-lite.js

@@ -1,13 +1,13 @@
 /**
- * Framework7 6.3.11
+ * Framework7 6.3.16
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
- * Copyright 2014-2021 Vladimir Kharlampidi
+ * Copyright 2014-2022 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: December 8, 2021
+ * Released on: February 10, 2022
  */
 
 import $ from './shared/dom7';

package/esm/framework7.js

@@ -1,13 +1,13 @@
 /**
- * Framework7 6.3.11
+ * Framework7 6.3.16
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
- * Copyright 2014-2021 Vladimir Kharlampidi
+ * Copyright 2014-2022 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: December 8, 2021
+ * Released on: February 10, 2022
  */
 
 import $ from './shared/dom7';

package/esm/modules/router/back.js

@@ -14,7 +14,7 @@ function backward(router, el, backwardOptions) {
   var $el = $(el);
   var app = router.app;
   var view = router.view;
-  var options = extend({
+  var options = extend(false, {
     animate: router.params.animate,
     browserHistory: true,
     replaceState: false
@@ -722,6 +722,16 @@ function back() {
     }
 
     var 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, function () {
       loadBack(router, {
         el: $previousPage

package/framework7-bundle-rtl.css

@@ -1,13 +1,13 @@
 /**
- * Framework7 6.3.11
+ * Framework7 6.3.16
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
- * Copyright 2014-2021 Vladimir Kharlampidi
+ * Copyright 2014-2022 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: December 8, 2021
+ * Released on: February 10, 2022
  */
 
 /*====================
@@ -3121,6 +3121,15 @@ html.device-full-viewport body {
   height: var(--f7-tabbar-icon-size);
   line-height: var(--f7-tabbar-icon-size);
 }
+.tabbar .tab-link-highlight,
+.tabbar-labels .tab-link-highlight {
+  position: absolute;
+  left: 0;
+  height: 2px;
+  background: var(--f7-tabbar-link-active-border-color, var(--f7-theme-color));
+  transition-duration: 300ms;
+  right: 0;
+}
 .tabbar-labels {
   --f7-toolbar-height: var(--f7-tabbar-labels-height);
 }
@@ -3381,15 +3390,6 @@ html.device-full-viewport body {
   overflow: hidden;
   position: relative;
 }
-.md .tabbar .tab-link-highlight,
-.md .tabbar-labels .tab-link-highlight {
-  position: absolute;
-  left: 0;
-  height: 2px;
-  background: var(--f7-tabbar-link-active-border-color, var(--f7-theme-color));
-  transition-duration: 300ms;
-  right: 0;
-}
 .md .tabbar-labels .tab-link,
 .md .tabbar-labels .link {
   padding-top: 7px;
@@ -3414,15 +3414,6 @@ html.device-full-viewport body {
   align-items: center;
   margin: 0;
 }
-.aurora .tabbar .tab-link-highlight,
-.aurora .tabbar-labels .tab-link-highlight {
-  position: absolute;
-  left: 0;
-  height: 2px;
-  background: var(--f7-tabbar-link-active-border-color, var(--f7-theme-color));
-  transition-duration: 300ms;
-  right: 0;
-}
 .aurora .tabbar .toolbar-inner,
 .aurora .tabbar-labels .toolbar-inner {
   padding-left: 0;
@@ -6780,6 +6771,7 @@ html.with-modal-dialog .page-content {
   }
   .popup:not(.popup-tablet-fullscreen).popup-behind {
     transform: translate3d(0, 0, 0) scale(0.9);
+    pointer-events: none;
   }
   .popup:not(.popup-tablet-fullscreen).popup-behind.modal-out {
     transform: translate3d(0, 100vh, 0) scale(0.9);
@@ -8541,10 +8533,10 @@ html.with-modal-preloader .page-content,
   width: 100%;
   height: 100%;
   position: absolute;
-  left: 0;
   top: 0;
-  transform: translate3d(-100%, 0, 0);
   transition-duration: 150ms;
+  right: 0;
+  transform: translate3d(100%, 0, 0);
 }
 .progressbar-infinite {
   z-index: 15000;
@@ -8553,14 +8545,14 @@ html.with-modal-preloader .page-content,
 .progressbar-infinite:after {
   content: '';
   position: absolute;
-  left: 0;
   top: 0;
   width: 100%;
   height: 100%;
-  transform-origin: left center;
   transform: translate3d(0, 0, 0);
   display: block;
   background-color: var(--f7-progressbar-progress-color, var(--f7-theme-color));
+  right: 0;
+  transform-origin: right center;
 }
 .progressbar-infinite.color-multi {
   background: none !important;
@@ -8627,10 +8619,10 @@ body > .progressbar-infinite,
 }
 @keyframes ios-progressbar-infinite {
   0% {
-    transform: translate3d(-100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
   }
   100% {
-    transform: translate3d(100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
   }
 }
 @keyframes ios-progressbar-infinite-multicolor {
@@ -8658,33 +8650,33 @@ body > .progressbar-infinite,
 }
 @keyframes md-progressbar-infinite-1 {
   0% {
-    transform: translateX(-10%) scaleX(0.1);
+    transform: translateX(10%) scaleX(0.1);
   }
   25% {
-    transform: translateX(30%) scaleX(0.6);
+    transform: translateX(-30%) scaleX(0.6);
   }
   50% {
-    transform: translateX(100%) scaleX(1);
+    transform: translateX(-100%) scaleX(1);
   }
   100% {
-    transform: translateX(100%) scaleX(1);
+    transform: translateX(-100%) scaleX(1);
   }
 }
 @keyframes md-progressbar-infinite-2 {
   0% {
-    transform: translateX(-100%) scaleX(1);
+    transform: translateX(100%) scaleX(1);
   }
   40% {
-    transform: translateX(-100%) scaleX(1);
+    transform: translateX(100%) scaleX(1);
   }
   75% {
-    transform: translateX(60%) scaleX(0.35);
+    transform: translateX(-60%) scaleX(0.35);
   }
   90% {
-    transform: translateX(100%) scaleX(0.1);
+    transform: translateX(-100%) scaleX(0.1);
   }
   100% {
-    transform: translateX(100%) scaleX(0.1);
+    transform: translateX(-100%) scaleX(0.1);
   }
 }
 @keyframes md-progressbar-infinite-multicolor-bg {
@@ -8756,10 +8748,10 @@ body > .progressbar-infinite,
 }
 @keyframes aurora-progressbar-infinite {
   0% {
-    transform: translate3d(-100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
   }
   100% {
-    transform: translate3d(100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
   }
 }
 @keyframes aurora-progressbar-infinite-multicolor {
@@ -8767,7 +8759,7 @@ body > .progressbar-infinite,
     transform: translate3d(0%, 0, 0);
   }
   100% {
-    transform: translate3d(-50%, 0, 0);
+    transform: translate3d(50%, 0, 0);
   }
 }
 /* === Sortable === */