framework7 8.0.0 → 8.0.1

package/components/data-table/data-table-class.js

@@ -129,7 +129,7 @@ class DataTable extends Framework7Class {
     let table = this;
     table.$el.trigger('datatable:beforedestroy');
     table.emit('local::beforeDestroy dataTableBeforeDestroy', table);
-    table.attachEvents();
+    table.detachEvents();
     if (table.$el[0]) {
       table.$el[0].f7DataTable = null;
       delete table.$el[0].f7DataTable;

package/components/page/page-transitions/circle.less

@@ -13,6 +13,9 @@
     background: var(--f7-page-bg-color);
     z-index: 100;
   }
+  .page {
+    pointer-events: none;
+  }
 }
 .router-transition-f7-circle-forward {
   &:after {

package/components/page/page-transitions/cover-v.less

@@ -3,6 +3,9 @@
 .router-transition-f7-cover-v-backward {
   background: #000;
   perspective: 1200px;
+  .page {
+    pointer-events: none;
+  }
 }
 .router-transition-f7-cover-v-forward {
   .page-next {

package/components/page/page-transitions/cover.less

@@ -3,6 +3,9 @@
 .router-transition-f7-cover-backward {
   background: #000;
   perspective: 1200px;
+  .page {
+    pointer-events: none;
+  }
 }
 .router-transition-f7-cover-forward {
   .page-next {

package/components/page/page-transitions/dive.less

@@ -3,6 +3,9 @@
 .router-transition-f7-dive-backward {
   background: var(--f7-page-bg-color);
   perspective: 1200px;
+  .page {
+    pointer-events: none;
+  }
 }
 .router-transition-f7-dive-forward {
   .page-next {

package/components/page/page-transitions/fade.less

@@ -2,6 +2,9 @@
 .router-transition-f7-fade-forward,
 .router-transition-f7-fade-backward {
   background: var(--f7-page-bg-color);
+  .page {
+    pointer-events: none;
+  }
 }
 .router-transition-f7-fade-forward {
   .ios &,

package/components/page/page-transitions/flip.less

@@ -6,6 +6,7 @@
   .page {
     backface-visibility: hidden;
     overflow: hidden;
+    pointer-events: none;
   }
 }
 .router-transition-f7-flip-forward {

package/components/page/page-transitions/parallax.less

@@ -1,5 +1,8 @@
 // f7-parallax
 .router-transition-f7-parallax-forward {
+  .page {
+    pointer-events: none;
+  }
   .page-next {
     animation: f7-parallax-next-to-current var(--f7-page-parallax-transition-duration) forwards;
   }
@@ -8,6 +11,9 @@
   }
 }
 .router-transition-f7-parallax-backward {
+  .page {
+    pointer-events: none;
+  }
   .page-current {
     animation: f7-parallax-current-to-next var(--f7-page-parallax-transition-duration) forwards;
   }

package/components/page/page-transitions/push.less

@@ -1,5 +1,8 @@
 // f7-Push
 .router-transition-f7-push-forward {
+  .page {
+    pointer-events: none;
+  }
   .page-next {
     animation: f7-push-next-to-current var(--f7-page-push-transition-duration) forwards;
   }
@@ -8,6 +11,9 @@
   }
 }
 .router-transition-f7-push-backward {
+  .page {
+    pointer-events: none;
+  }
   .page-current {
     animation: f7-push-current-to-next var(--f7-page-push-transition-duration) forwards;
   }

package/components/touch-ripple/touch-ripple.less

@@ -56,7 +56,9 @@ button,
 .stepper-button,
 .stepper-button-minus,
 .stepper-button-plus,
-.list.accordion-list .accordion-item-toggle {
+.list.accordion-list .accordion-item-toggle,
+.photo-browser .toolbar .link,
+.ripple-blur {
   .ripple-wave {
     animation: touch-ripple-in-blurred 250ms forwards;
     background-image: radial-gradient(

package/framework7-bundle-rtl.css

@@ -1,5 +1,5 @@
 /**
- * Framework7 8.0.0
+ * Framework7 8.0.1
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: April 3, 2023
+ * Released on: April 6, 2023
  */
 
 /*====================
@@ -671,6 +671,10 @@ html.device-full-viewport body {
   background: var(--f7-page-bg-color);
   z-index: 100;
 }
+.router-transition-f7-circle-forward .page,
+.router-transition-f7-circle-backward .page {
+  pointer-events: none;
+}
 .router-transition-f7-circle-forward:after {
   transform: scale(0);
   border-radius: 50%;
@@ -756,6 +760,10 @@ html.device-full-viewport body {
   background: #000;
   perspective: 1200px;
 }
+.router-transition-f7-cover-v-forward .page,
+.router-transition-f7-cover-v-backward .page {
+  pointer-events: none;
+}
 .router-transition-f7-cover-v-forward .page-next {
   animation: f7-cover-v-next-to-current var(--f7-page-cover-transition-duration) forwards;
 }
@@ -809,6 +817,10 @@ html.device-full-viewport body {
   background: #000;
   perspective: 1200px;
 }
+.router-transition-f7-cover-forward .page,
+.router-transition-f7-cover-backward .page {
+  pointer-events: none;
+}
 .router-transition-f7-cover-forward .page-next {
   animation: f7-cover-next-to-current var(--f7-page-cover-transition-duration) forwards;
 }
@@ -862,6 +874,10 @@ html.device-full-viewport body {
   background: var(--f7-page-bg-color);
   perspective: 1200px;
 }
+.router-transition-f7-dive-forward .page,
+.router-transition-f7-dive-backward .page {
+  pointer-events: none;
+}
 .router-transition-f7-dive-forward .page-next {
   animation: f7-dive-next-to-current var(--f7-page-dive-transition-duration) forwards;
 }
@@ -930,6 +946,10 @@ html.device-full-viewport body {
 .router-transition-f7-fade-backward {
   background: var(--f7-page-bg-color);
 }
+.router-transition-f7-fade-forward .page,
+.router-transition-f7-fade-backward .page {
+  pointer-events: none;
+}
 .ios .router-transition-f7-fade-forward .page-next,
 .md .router-transition-f7-fade-forward .page-next {
   opacity: 0;
@@ -979,6 +999,7 @@ html.device-full-viewport body {
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
   overflow: hidden;
+  pointer-events: none;
 }
 .router-transition-f7-flip-forward .page-next {
   transform-style: preserve-3d;
@@ -1036,12 +1057,18 @@ html.device-full-viewport body {
     transform: translateZ(0px) rotateY(0deg);
   }
 }
+.router-transition-f7-parallax-forward .page {
+  pointer-events: none;
+}
 .router-transition-f7-parallax-forward .page-next {
   animation: f7-parallax-next-to-current var(--f7-page-parallax-transition-duration) forwards;
 }
 .router-transition-f7-parallax-forward .page-current {
   animation: f7-parallax-current-to-prev var(--f7-page-parallax-transition-duration) forwards;
 }
+.router-transition-f7-parallax-backward .page {
+  pointer-events: none;
+}
 .router-transition-f7-parallax-backward .page-current {
   animation: f7-parallax-current-to-next var(--f7-page-parallax-transition-duration) forwards;
 }
@@ -1080,12 +1107,18 @@ html.device-full-viewport body {
     transform: translateX(0%);
   }
 }
+.router-transition-f7-push-forward .page {
+  pointer-events: none;
+}
 .router-transition-f7-push-forward .page-next {
   animation: f7-push-next-to-current var(--f7-page-push-transition-duration) forwards;
 }
 .router-transition-f7-push-forward .page-current {
   animation: f7-push-current-to-prev var(--f7-page-push-transition-duration) forwards;
 }
+.router-transition-f7-push-backward .page {
+  pointer-events: none;
+}
 .router-transition-f7-push-backward .page-current {
   animation: f7-push-current-to-next var(--f7-page-push-transition-duration) forwards;
 }
@@ -5004,7 +5037,9 @@ button .ripple-wave,
 .stepper-button .ripple-wave,
 .stepper-button-minus .ripple-wave,
 .stepper-button-plus .ripple-wave,
-.list.accordion-list .accordion-item-toggle .ripple-wave {
+.list.accordion-list .accordion-item-toggle .ripple-wave,
+.photo-browser .toolbar .link .ripple-wave,
+.ripple-blur .ripple-wave {
   animation: touch-ripple-in-blurred 250ms forwards;
   background-image: radial-gradient(closest-side circle at 50% 50%, var(--f7-touch-ripple-color) 50%, rgba(255, 255, 255, 0));
   background-color: transparent;