framework7 7.1.1 → 7.1.3

package/framework7-bundle.css

@@ -1,13 +1,13 @@
 /**
- * Framework7 7.1.1
+ * Framework7 7.1.3
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
- * Copyright 2014-2022 Vladimir Kharlampidi
+ * Copyright 2014-2023 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: December 16, 2022
+ * Released on: February 2, 2023
  */
 
 /*====================
@@ -6556,6 +6556,7 @@ html.with-modal-dialog .page-content {
 }
 .md .dialog-buttons-vertical .dialog-button + .dialog-button {
   margin-top: 12px;
+  margin-left: 0;
 }
 .md .dialog-input {
   padding: 0;
@@ -7092,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;
@@ -15060,26 +15065,46 @@ label.item-radio.disabled,
   text-align: right;
   height: 100%;
   position: relative;
-  -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent);
   font-size: var(--f7-picker-column-font-size);
+  --f7-picker-mask-bg-color: transparent;
 }
-.picker-column {
-  position: relative;
-  max-height: 100%;
+.popover .picker-columns {
+  border-radius: 0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius);
 }
-.picker-column.picker-column-first:before,
-.picker-column.picker-column-last:after {
-  height: 100%;
-  width: 100vw;
-  position: absolute;
+.picker-columns::before,
+.picker-columns::after {
   content: '';
+  position: absolute;
+  left: 0;
+  width: 100%;
+  height: 20%;
+  z-index: 100;
+  pointer-events: none;
+}
+.page .picker-columns {
+  --f7-picker-mask-bg-color: var(--f7-page-bg-color);
+}
+.block-strong .picker-columns {
+  --f7-picker-mask-bg-color: var(--f7-block-strong-bg-color);
+}
+.picker-sheet .picker-columns {
+  --f7-picker-mask-bg-color: var(--f7-picker-sheet-bg-color, var(--f7-sheet-bg-color));
+}
+.picker-popover .picker-columns {
+  --f7-picker-mask-bg-color: var(--f7-popover-bg-color);
+}
+.picker-columns::before {
   top: 0;
+  background-image: linear-gradient(to bottom, var(--f7-picker-mask-bg-color), transparent);
 }
-.picker-column.picker-column-first:before {
-  right: 100%;
+.picker-columns::after {
+  bottom: 0;
+  background-image: linear-gradient(to top, var(--f7-picker-mask-bg-color), transparent);
 }
-.picker-column.picker-column-last:after {
-  left: 100%;
+.picker-column {
+  position: relative;
+  max-height: 100%;
+  z-index: 10;
 }
 .picker-column.picker-column-left {
   text-align: left;

package/framework7-bundle.esm.js

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

package/framework7-bundle.js

@@ -1,13 +1,13 @@
 /**
- * Framework7 7.1.1
+ * Framework7 7.1.3
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
- * Copyright 2014-2022 Vladimir Kharlampidi
+ * Copyright 2014-2023 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: December 16, 2022
+ * Released on: February 2, 2023
  */
 
 (function (global, factory) {
@@ -6522,15 +6522,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 +7786,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 +7995,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 +8093,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 +8225,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 +8325,7 @@
 
           router.currentRoute = previousRoute;
           router.history.pop();
+          router.propsHistory.pop();
           router.saveHistory();
 
           if (needHistoryBack && isBrokenBrowserHistory && !currentRouteWithoutBrowserHistory) {
@@ -8366,7 +8379,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 +8417,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 +8460,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 +8626,7 @@
             params: view.params,
             routes: view.routes,
             history: view.history,
+            propsHistory: [],
             scrollHistory: view.scrollHistory,
             cache: app.cache,
             dynamicNavbar: app.theme === 'ios' && view.params.iosDynamicNavbar,
@@ -9770,12 +9791,12 @@
           }
         } else {
           if (browserHistoryRoot && documentUrl.indexOf(browserHistoryRoot) >= 0) {
-            documentUrl = documentUrl.split(browserHistoryRoot)[1];
+            documentUrl = documentUrl.substring(documentUrl.indexOf(browserHistoryRoot) + browserHistoryRoot.length);
             if (documentUrl === '') documentUrl = '/';
           }
 
           if (browserHistorySeparator.length > 0 && documentUrl.indexOf(browserHistorySeparator) >= 0) {
-            initialUrl = documentUrl.split(browserHistorySeparator)[1];
+            initialUrl = documentUrl.substring(documentUrl.indexOf(browserHistorySeparator) + browserHistorySeparator.length);
           } else {
             initialUrl = documentUrl;
           }
@@ -21050,7 +21071,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 +21232,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 +21256,7 @@
             $backdropEl.removeClass('not-animated');
           }
 
+          panelTransitionStart();
           panelTransitionEnd();
           $el.removeClass('panel-out not-animated').addClass('panel-in');
           panel.onOpen();
@@ -21272,9 +21301,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;
         }
@@ -45418,6 +45445,7 @@
           renderPopup: undefined,
           renderStandalone: undefined,
           swiper: {
+            cssMode: false,
             initialSlide: 0,
             spaceBetween: 20,
             speed: 300,