framework7 8.2.0 → 8.3.1

package/framework7-bundle.css

@@ -1,13 +1,13 @@
 /**
- * Framework7 8.2.0
+ * Framework7 8.3.1
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
- * Copyright 2014-2023 Vladimir Kharlampidi
+ * Copyright 2014-2024 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: July 6, 2023
+ * Released on: February 5, 2024
  */
 
 /*====================
@@ -5734,6 +5734,9 @@ html.with-modal-dialog .page-content {
   .popup:not(.popup-tablet-fullscreen).popup-behind.modal-out {
     transform: translate3d(0, 100vh, 0) scale(0.9);
   }
+  html.with-modal-popup-push .popup-push:not(.popup-tablet-fullscreen) {
+    margin-top: 0;
+  }
 }
 html.with-modal-popup .framework7-root > .views .page-content,
 html.with-modal-popup .framework7-root > .view .page-content,
@@ -6668,9 +6671,10 @@ html.with-modal-popup-push-closing .framework7-root > .view.dark:after {
   display: block;
   transform: translate3d(0, 0, 0);
 }
-.sheet-modal.modal-in-swipe-step {
+.sheet-modal.modal-in-swipe-step,
+.sheet-modal.modal-in-breakpoint {
   display: block;
-  transform: translate3d(0, var(--f7-sheet-swipe-step, 0), 0);
+  transform: translate3d(0, var(--f7-sheet-breakpoint, var(--f7-sheet-swipe-step, 0)), 0);
 }
 .sheet-modal.modal-out {
   transform: translate3d(0, 100%, 0);
@@ -6819,9 +6823,10 @@ html.with-modal-sheet-push-closing .framework7-root > .view.dark:after {
   height: 100%;
   background: rgba(255, 255, 255, 0.1);
   z-index: 13000;
-  border-radius: var(--f7-sheet-push-border-radius) var(--f7-sheet-push-border-radius) 0 0;
   opacity: 1;
-  animation: sheet-dark-push-overlay-fade-in var(--f7-sheet-transition-duration) forwards;
+  transition-duration: var(--f7-sheet-transition-duration);
+  transition-timing-function: var(--f7-sheet-transition-timing-function);
+  animation: sheet-dark-push-overlay-fade-in var(--f7-sheet-transition-duration);
   animation-timing-function: var(--f7-sheet-transition-timing-function);
 }
 html.with-modal-sheet-push .framework7-root > .views,
@@ -6837,8 +6842,8 @@ html.with-modal-sheet-push-closing .dark.framework7-root > .views:after,
 html.with-modal-sheet-push-closing .dark.framework7-root > .view:after,
 html.with-modal-sheet-push-closing .framework7-root > .views.dark:after,
 html.with-modal-sheet-push-closing .framework7-root > .view.dark:after {
-  animation: sheet-dark-push-overlay-fade-out var(--f7-sheet-transition-duration) forwards;
-  animation-timing-function: var(--f7-sheet-transition-timing-function);
+  opacity: 0;
+  animation: none;
 }
 @keyframes sheet-dark-push-overlay-fade-in {
   from {
@@ -6848,14 +6853,6 @@ html.with-modal-sheet-push-closing .framework7-root > .view.dark:after {
     opacity: 1;
   }
 }
-@keyframes sheet-dark-push-overlay-fade-out {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
 .md .sheet-modal .toolbar a.link:not(.tab-link) {
   flex-shrink: 0;
 }
@@ -7652,6 +7649,7 @@ body > .progressbar-infinite,
 }
 .sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .sortable-handler {
   pointer-events: auto;
+  touch-action: none;
   opacity: 1;
 }
 .sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .sortable-handler:after {
@@ -9493,7 +9491,7 @@ html.with-panel-right-push .framework7-root > .view {
 .panel-left.panel-floating .panel-resize-handler {
   right: -3px;
 }
-.panel-resize-handler .panel-left.panel-reveal,
+.panel-left.panel-reveal .panel-resize-handler,
 .panel-left.panel-push .panel-resize-handler {
   right: 0;
 }
@@ -9501,7 +9499,7 @@ html.with-panel-right-push .framework7-root > .view {
 .panel-right.panel-floating .panel-resize-handler {
   left: -3px;
 }
-.panel-resize-handler .panel-right.panel-reveal,
+.panel-right.panel-reveal .panel-resize-handler,
 .panel-right.panel-push .panel-resize-handler {
   left: 0;
 }
@@ -16504,7 +16502,7 @@ table.data-table {
 }
 /* === Swiper === */
 /**
- * Swiper 10.0.3
+ * Swiper 10.2.0
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -16512,7 +16510,7 @@ table.data-table {
  *
  * Released under the MIT License
  *
- * Released on: July 3, 2023
+ * Released on: August 17, 2023
  */
 
 /* FONT_START */
@@ -17076,6 +17074,7 @@ button.swiper-pagination-bullet {
 .swiper-scrollbar-lock {
   display: none;
 }
+/* Zoom container styles start */
 .swiper-zoom-container {
   width: 100%;
   height: 100%;
@@ -17091,6 +17090,7 @@ button.swiper-pagination-bullet {
   max-height: 100%;
   object-fit: contain;
 }
+/* Zoom container styles end */
 .swiper-slide-zoomed {
   cursor: move;
   touch-action: none;
@@ -17125,7 +17125,9 @@ button.swiper-pagination-bullet {
 .swiper-fade .swiper-slide .swiper-slide {
   pointer-events: none;
 }
-.swiper-fade .swiper-slide-active,
+.swiper-fade .swiper-slide-active {
+  pointer-events: auto;
+}
 .swiper-fade .swiper-slide-active .swiper-slide-active {
   pointer-events: auto;
 }
@@ -18611,8 +18613,12 @@ button.swiper-pagination-bullet {
 }
 .color-picker-slider-alpha .range-bar {
   background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #000), linear-gradient(to right, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%), linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
-  background-size: 100% 100%, 6px 3px, 6px 3px;
-  background-position: 0 0, 0px 3px, 0 0;
+  background-size: 100% 100%,
+      6px 3px,
+      6px 3px;
+  background-position: 0 0,
+      0px 3px,
+      0 0;
   background-repeat: repeat-y, repeat-x, repeat-x;
 }
 .color-picker-slider-hue .range-bar {

package/framework7-bundle.esm.js

@@ -1,13 +1,13 @@
 /**
- * Framework7 8.2.0
+ * Framework7 8.3.1
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
- * Copyright 2014-2023 Vladimir Kharlampidi
+ * Copyright 2014-2024 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: July 6, 2023
+ * Released on: February 5, 2024
  */
 
 import $ from './shared/dom7.js';