framework7 7.1.2 → 7.1.4

package/framework7-bundle.css

@@ -1,5 +1,5 @@
 /**
- * Framework7 7.1.2
+ * Framework7 7.1.4
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: January 18, 2023
+ * Released on: February 2, 2023
  */
 
 /*====================
@@ -7093,6 +7093,10 @@ html.with-modal-popup-push-closing .framework7-root > .view.dark:after {
   border-radius: var(--f7-popover-border-radius);
   box-shadow: var(--f7-popover-box-shadow);
   will-change: transform, opacity;
+  --f7-safe-area-top: 0px;
+  --f7-safe-area-left: 0px;
+  --f7-safe-area-right: 0px;
+  --f7-safe-area-bottom: 0px;
 }
 .popover .list {
   margin: 0;

package/framework7-bundle.esm.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 7.1.2
+ * Framework7 7.1.4
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: January 18, 2023
+ * Released on: February 2, 2023
  */
 
 import $ from './shared/dom7.js';

package/framework7-bundle.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 7.1.2
+ * Framework7 7.1.4
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: January 18, 2023
+ * Released on: February 2, 2023
  */
 
 (function (global, factory) {
@@ -204,15 +204,15 @@
     }
 
     /**
-     * Dom7 4.0.4
+     * Dom7 4.0.5
      * Minimalistic JavaScript library for DOM manipulation, with a jQuery-compatible API
      * https://framework7.io/docs/dom7.html
      *
-     * Copyright 2022, Vladimir Kharlampidi
+     * Copyright 2023, Vladimir Kharlampidi
      *
      * Licensed under MIT
      *
-     * Released on: January 11, 2022
+     * Released on: February 2, 2023
      */
     /* eslint-disable no-proto */
 
@@ -754,6 +754,22 @@
       return this;
     }
 
+    function transitionStart$1(callback) {
+      const dom = this;
+
+      function fireCallBack(e) {
+        if (e.target !== this) return;
+        callback.call(this, e);
+        dom.off('transitionstart', fireCallBack);
+      }
+
+      if (callback) {
+        dom.on('transitionstart', fireCallBack);
+      }
+
+      return this;
+    }
+
     function transitionEnd$1(callback) {
       const dom = this;
 
@@ -1830,6 +1846,7 @@
         transform: transform,
         transition: transition$1,
         transitionEnd: transitionEnd$1,
+        transitionStart: transitionStart$1,
         trigger: trigger,
         val: val,
         value: value,
@@ -6522,15 +6539,20 @@
         if (((options.reloadCurrent || reloadDetail && otherDetailPageEl) && router.history.length) > 0 || options.replaceState) {
           if (reloadDetail && detailsInBetweenRemoved > 0) {
             router.history = router.history.slice(0, router.history.length - detailsInBetweenRemoved);
+            router.propsHistory = router.propsHistory.slice(0, router.propsHistory.length - detailsInBetweenRemoved);
           }
 
           router.history[router.history.length - (options.reloadPrevious ? 2 : 1)] = url;
+          router.propsHistory[router.propsHistory.length - (options.reloadPrevious ? 2 : 1)] = options.props || {};
         } else if (options.reloadPrevious) {
           router.history[router.history.length - 2] = url;
+          router.propsHistory[router.propsHistory.length - 2] = options.props || {};
         } else if (options.reloadAll) {
           router.history = [url];
+          router.propsHistory = [options.props || {}];
         } else {
           router.history.push(url);
+          router.propsHistory.push(options.props || {});
         }
       }
 
@@ -7781,11 +7803,13 @@
           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);
+            router.propsHistory = router.propsHistory.slice(0, router.history.indexOf(options.route.url) + 2);
             view.history = router.history;
           } else if (router.history[[router.history.length - 2]]) {
-            router.history[router.history.length - 2] = options.route.url;
+            router.propsHistory[router.propsHistory.length - 2] = options.props || {};
           } else {
             router.history.unshift(router.url);
+            router.propsHistory.unshift(options.props || {});
           }
 
           if (backIndex && router.params.stackPages) {
@@ -7988,12 +8012,15 @@
 
       if (options.replaceState) {
         router.history[router.history.length - 1] = options.route.url;
+        router.propsHistory[router.propsHistory.length - 1] = options.props || {};
       } else {
         if (router.history.length === 1) {
           router.history.unshift(router.url);
+          router.propsHistory.unshift(options.props || {});
         }
 
         router.history.pop();
+        router.propsHistory.pop();
       }
 
       router.saveHistory(); // Current Page & Navbar
@@ -8083,7 +8110,8 @@
 
         if (preloadPreviousPage && router.history[router.history.length - 2] && !isMaster) {
           router.back(router.history[router.history.length - 2], {
-            preload: true
+            preload: true,
+            props: router.propsHistory[router.propsHistory.length - 2] || {}
           });
         }
 
@@ -8214,6 +8242,7 @@
       if (router.swipeBackActive) return router;
       let navigateUrl;
       let navigateOptions;
+      let navigateProps;
       let route;
 
       if (typeof (arguments.length <= 0 ? undefined : arguments[0]) === 'object') {
@@ -8313,6 +8342,7 @@
 
           router.currentRoute = previousRoute;
           router.history.pop();
+          router.propsHistory.pop();
           router.saveHistory();
 
           if (needHistoryBack && isBrokenBrowserHistory && !currentRouteWithoutBrowserHistory) {
@@ -8366,7 +8396,8 @@
       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$1(navigateOptions, {
-            force: true
+            force: true,
+            props: router.propsHistory[router.propsHistory.length - 2] || {}
           }));
           return router;
         }
@@ -8403,12 +8434,14 @@
 
       if (!navigateUrl && router.history.length > 1) {
         navigateUrl = router.history[router.history.length - 2];
+        navigateProps = router.propsHistory[router.propsHistory.length - 2] || {};
       }
 
       if (skipMaster && !navigateOptions.force && router.history[router.history.length - 3]) {
         return router.back(router.history[router.history.length - 3], extend$1({}, navigateOptions || {}, {
           force: true,
-          animate: false
+          animate: false,
+          props: router.propsHistory[router.propsHistory.length - 3] || {}
         }));
       }
 
@@ -8444,9 +8477,13 @@
       const options = {};
 
       if (route.route.options) {
-        extend$1(options, route.route.options, navigateOptions);
+        extend$1(options, route.route.options, navigateOptions, {
+          props: navigateProps || {}
+        });
       } else {
-        extend$1(options, navigateOptions);
+        extend$1(options, navigateOptions, {
+          props: navigateProps || {}
+        });
       }
 
       options.route = route;
@@ -8606,6 +8643,7 @@
             params: view.params,
             routes: view.routes,
             history: view.history,
+            propsHistory: [],
             scrollHistory: view.scrollHistory,
             cache: app.cache,
             dynamicNavbar: app.theme === 'ios' && view.params.iosDynamicNavbar,
@@ -21050,7 +21088,7 @@
 
         const panel = this; // eslint-disable-next-line
 
-        panel._openTimeStamp = new Date().getTime();
+        panel._openTransitionStarted = false;
         const app = panel.app;
         panel.opened = true;
         app.panel.allowOpen = false;
@@ -21211,6 +21249,13 @@
 
         const transitionEndTarget = effect === 'reveal' ? $viewEl : $el;
 
+        function panelTransitionStart() {
+          transitionEndTarget.transitionStart(() => {
+            // eslint-disable-next-line
+            panel._openTransitionStarted = true;
+          });
+        }
+
         function panelTransitionEnd() {
           transitionEndTarget.transitionEnd(e => {
             if ($(e.target).is(transitionEndTarget)) {
@@ -21228,6 +21273,7 @@
             $backdropEl.removeClass('not-animated');
           }
 
+          panelTransitionStart();
           panelTransitionEnd();
           $el.removeClass('panel-out not-animated').addClass('panel-in');
           panel.onOpen();
@@ -21272,9 +21318,7 @@
 
         const transitionEndTarget = effect === 'reveal' ? $viewEl : $el; // eslint-disable-next-line
 
-        const openTimeDiff = new Date().getTime() - panel._openTimeStamp;
-
-        if (openTimeDiff < 16) {
+        if (!panel._openTransitionStarted) {
           // eslint-disable-next-line
           animate = false;
         }