framework7 9.0.0-beta.1 → 9.0.0

package/framework7-bundle.css

@@ -1,5 +1,5 @@
 /**
- * Framework7 9.0.0-beta.1
+ * Framework7 9.0.0
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: November 10, 2025
+ * Released on: November 25, 2025
  */
 
 /*====================
@@ -1524,13 +1524,13 @@ html.device-full-viewport body {
   position: absolute;
   inset: 0;
   backdrop-filter: blur(2px);
-  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
+  mask-image: linear-gradient(to bottom, black calc(50% + var(--f7-safe-area-top, 0px)), transparent 100%);
 }
 .ios .navbar-bg::after {
   content: '';
   position: absolute;
   inset: 0;
-  background-image: linear-gradient(to bottom, var(--f7-navbar-bg-color, var(--f7-bars-bg-color)) 0%, transparent 100%);
+  background-image: linear-gradient(to bottom, var(--f7-navbar-bg-color, var(--f7-bars-bg-color)) var(--f7-safe-area-top, 0px), transparent 100%);
 }
 .ios .navbar-inner {
   justify-content: space-between;
@@ -2056,10 +2056,10 @@ html.device-full-viewport body {
 }
 .ios .toolbar::before {
   backdrop-filter: blur(2px);
-  mask-image: linear-gradient(to top, black 50%, transparent 100%);
+  mask-image: linear-gradient(to top, black calc(50% + var(--f7-safe-area-bottom, 0px)), transparent 100%);
 }
 .ios .toolbar::after {
-  background-image: linear-gradient(to top, var(--f7-toolbar-bg-color, var(--f7-bars-bg-color)) 0%, transparent 100%);
+  background-image: linear-gradient(to top, var(--f7-toolbar-bg-color, var(--f7-bars-bg-color)) var(--f7-safe-area-bottom, 0px), transparent 100%);
 }
 .ios .toolbar.toolbar-bottom::before,
 .ios .toolbar.messagebar::before,
@@ -2073,11 +2073,11 @@ html.device-full-viewport body {
 }
 .ios .toolbar.toolbar-top::before,
 .ios .toolbar:not(.toolbar-bottom, .toolbar-top, .messagebar)::before {
-  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
+  mask-image: linear-gradient(to bottom, black calc(50% + var(--f7-safe-area-top, 0px)), transparent 100%);
 }
 .ios .toolbar.toolbar-top::after,
 .ios .toolbar:not(.toolbar-bottom, .toolbar-top, .messagebar)::after {
-  background-image: linear-gradient(to bottom, var(--f7-toolbar-bg-color, var(--f7-bars-bg-color)) 0%, transparent 100%);
+  background-image: linear-gradient(to bottom, var(--f7-toolbar-bg-color, var(--f7-bars-bg-color)) var(--f7-safe-area-top, 0px), transparent 100%);
 }
 .ios .toolbar.toolbar-top::before,
 .ios .toolbar:not(.toolbar-bottom, .toolbar-top, .messagebar)::before,

package/framework7-bundle.esm.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 9.0.0-beta.1
+ * Framework7 9.0.0
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: November 10, 2025
+ * Released on: November 25, 2025
  */
 
 import $ from './shared/dom7.js';

package/framework7-bundle.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 9.0.0-beta.1
+ * Framework7 9.0.0
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: November 10, 2025
+ * Released on: November 25, 2025
  */
 
 (function (global, factory) {
@@ -6570,7 +6570,7 @@
         });
       }
       document.addEventListener('contextmenu', e => {
-        if (params.disableContextMenu && (device.ios || device.android || device.cordova || window.Capacitor && window.Capacitor.isNative)) {
+        if (params.disableContextMenu && (device.ios || device.android || device.cordova || window.Capacitor && (window.Capacitor.isNative || window.Capacitor.isNativePlatform && window.Capacitor.isNativePlatform()))) {
           e.preventDefault();
         }
         if (useRipple) {
@@ -9881,11 +9881,13 @@
             }
           }
           router.xhrAbortController = new AbortController();
+          const fetchOptions = {
+            method: 'GET',
+            signal: router.xhrAbortController.signal
+          };
+          router.emit('routerAjaxStart', options, fetchOptions);
           let fetchRes;
-          fetch(url, {
-            signal: router.xhrAbortController.signal,
-            method: 'GET'
-          }).then(res => {
+          fetch(url, fetchOptions).then(res => {
             fetchRes = res;
             return res.text();
           }).then(responseText => {
@@ -10184,7 +10186,7 @@
         let {
           browserHistoryRoot
         } = router.params;
-        if ((window.cordova || window.Capacitor && window.Capacitor.isNative) && browserHistory && !browserHistorySeparator && !browserHistoryRoot && location.pathname.indexOf('index.html')) {
+        if ((window.cordova || window.Capacitor && (window.Capacitor.isNative || window.Capacitor.isNativePlatform && window.Capacitor.isNativePlatform())) && browserHistory && !browserHistorySeparator && !browserHistoryRoot && location.pathname.indexOf('index.html')) {
           // eslint-disable-next-line
           console.warn('Framework7: wrong or not complete browserHistory configuration, trying to guess browserHistoryRoot');
           browserHistoryRoot = location.pathname.split('index.html')[0];
@@ -12725,7 +12727,7 @@
           const window = getWindow$1();
           if (!('serviceWorker' in window.navigator)) return;
           const app = this;
-          if (app.device.cordova || window.Capacitor && window.Capacitor.isNative) return;
+          if (app.device.cordova || window.Capacitor && (window.Capacitor.isNative || window.Capacitor.isNativePlatform && window.Capacitor.isNativePlatform())) return;
           if (!app.serviceWorker.container) return;
           const paths = app.params.serviceWorker.path;
           const scope = app.params.serviceWorker.scope;
@@ -12881,7 +12883,7 @@
 
     const isCapacitor = () => {
       const window = getWindow$1();
-      return window.Capacitor && window.Capacitor.isNative && window.Capacitor.Plugins && window.Capacitor.Plugins.StatusBar;
+      return window.Capacitor && (window.Capacitor.isNative || window.Capacitor.isNativePlatform) && window.Capacitor.Plugins && window.Capacitor.Plugins.StatusBar;
     };
     const Statusbar = {
       hide() {