framework7 8.1.0 → 8.3.0

package/framework7-bundle.css

@@ -1,5 +1,5 @@
 /**
- * Framework7 8.1.0
+ * Framework7 8.3.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: June 12, 2023
+ * Released on: August 18, 2023
  */
 
 /*====================
@@ -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;
 }
@@ -9474,6 +9471,9 @@ html.with-panel-right-push .framework7-root > .view {
 .with-panel-right-floating .panel-right {
   transform: translate3d(-8px, 0, 0);
 }
+.panel-resizable {
+  max-width: 100%;
+}
 .panel-resize-handler {
   position: absolute;
   top: 0;
@@ -9486,17 +9486,19 @@ html.with-panel-right-push .framework7-root > .view {
 .panel-resizable .panel-resize-handler {
   display: block;
 }
-.panel-left.panel-cover .panel-resize-handler {
+.panel-left.panel-cover .panel-resize-handler,
+.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;
 }
-.panel-right.panel-cover .panel-resize-handler {
+.panel-right.panel-cover .panel-resize-handler,
+.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;
 }
@@ -10736,6 +10738,11 @@ textarea:-webkit-autofill-and-obscured {
 .ios .item-input-outline .item-content .item-input-wrap,
 .ios .item-input-outline.item-content .item-input-wrap,
 .ios .input-outline .item-input-wrap {
+  margin-top: 2px;
+}
+.ios .item-input-outline .item-content .item-title + .item-input-wrap,
+.ios .item-input-outline.item-content .item-title + .item-input-wrap,
+.ios .input-outline .item-title + .item-input-wrap {
   margin-top: -22px;
 }
 .ios .item-input-outline .item-content .item-label,
@@ -16494,7 +16501,7 @@ table.data-table {
 }
 /* === Swiper === */
 /**
- * Swiper 9.2.0
+ * Swiper 10.2.0
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -16502,7 +16509,7 @@ table.data-table {
  *
  * Released under the MIT License
  *
- * Released on: March 31, 2023
+ * Released on: August 17, 2023
  */
 
 /* FONT_START */
@@ -16520,12 +16527,19 @@ table.data-table {
   --swiper-wrapper-transition-timing-function: initial;
   */
 }
-.swiper,
-swiper-container {
+:host {
+  position: relative;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  z-index: 1;
+}
+.swiper {
   margin-left: auto;
   margin-right: auto;
   position: relative;
   overflow: hidden;
+  overflow: clip;
   list-style: none;
   padding: 0;
   /* Fix of Webkit flickering */
@@ -16546,6 +16560,7 @@ swiper-container {
   box-sizing: content-box;
 }
 .swiper-android .swiper-slide,
+.swiper-ios .swiper-slide,
 .swiper-wrapper {
   transform: translate3d(0px, 0, 0);
 }
@@ -16555,8 +16570,7 @@ swiper-container {
 .swiper-vertical {
   touch-action: pan-x;
 }
-.swiper-slide,
-swiper-slide {
+.swiper-slide {
   flex-shrink: 0;
   width: 100%;
   height: 100%;
@@ -16592,42 +16606,9 @@ swiper-slide {
   perspective: 1200px;
 }
 .swiper-3d .swiper-slide,
-.swiper-3d .swiper-slide-shadow,
-.swiper-3d .swiper-slide-shadow-left,
-.swiper-3d .swiper-slide-shadow-right,
-.swiper-3d .swiper-slide-shadow-top,
-.swiper-3d .swiper-slide-shadow-bottom,
 .swiper-3d .swiper-cube-shadow {
   transform-style: preserve-3d;
 }
-.swiper-3d .swiper-slide-shadow,
-.swiper-3d .swiper-slide-shadow-left,
-.swiper-3d .swiper-slide-shadow-right,
-.swiper-3d .swiper-slide-shadow-top,
-.swiper-3d .swiper-slide-shadow-bottom {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  z-index: 10;
-}
-.swiper-3d .swiper-slide-shadow {
-  background: rgba(0, 0, 0, 0.15);
-}
-.swiper-3d .swiper-slide-shadow-left {
-  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
-}
-.swiper-3d .swiper-slide-shadow-right {
-  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
-}
-.swiper-3d .swiper-slide-shadow-top {
-  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
-}
-.swiper-3d .swiper-slide-shadow-bottom {
-  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
-}
 /* CSS Mode */
 .swiper-css-mode > .swiper-wrapper {
   overflow: auto;
@@ -16642,37 +16623,78 @@ swiper-slide {
 .swiper-css-mode > .swiper-wrapper > .swiper-slide {
   scroll-snap-align: start start;
 }
-.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
+.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
   scroll-snap-type: x mandatory;
 }
-.swiper-vertical.swiper-css-mode > .swiper-wrapper {
+.swiper-css-mode.swiper-vertical > .swiper-wrapper {
   scroll-snap-type: y mandatory;
 }
-.swiper-centered > .swiper-wrapper::before {
+.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
+  scroll-snap-type: none;
+}
+.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
+  scroll-snap-align: none;
+}
+.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
   content: '';
   flex-shrink: 0;
   order: 9999;
 }
-.swiper-centered > .swiper-wrapper > .swiper-slide {
+.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
   scroll-snap-align: center center;
   scroll-snap-stop: always;
 }
-.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
+.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
   margin-inline-start: var(--swiper-centered-offset-before);
 }
-.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
+.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
   height: 100%;
   min-height: 1px;
   width: var(--swiper-centered-offset-after);
 }
-.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
+.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
   margin-block-start: var(--swiper-centered-offset-before);
 }
-.swiper-centered.swiper-vertical > .swiper-wrapper::before {
+.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
   width: 100%;
   min-width: 1px;
   height: var(--swiper-centered-offset-after);
 }
+/* Slide styles start */
+/* 3D Shadows */
+.swiper-3d .swiper-slide-shadow,
+.swiper-3d .swiper-slide-shadow-left,
+.swiper-3d .swiper-slide-shadow-right,
+.swiper-3d .swiper-slide-shadow-top,
+.swiper-3d .swiper-slide-shadow-bottom,
+.swiper-3d .swiper-slide-shadow,
+.swiper-3d .swiper-slide-shadow-left,
+.swiper-3d .swiper-slide-shadow-right,
+.swiper-3d .swiper-slide-shadow-top,
+.swiper-3d .swiper-slide-shadow-bottom {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 10;
+}
+.swiper-3d .swiper-slide-shadow {
+  background: rgba(0, 0, 0, 0.15);
+}
+.swiper-3d .swiper-slide-shadow-left {
+  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+.swiper-3d .swiper-slide-shadow-right {
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+.swiper-3d .swiper-slide-shadow-top {
+  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+.swiper-3d .swiper-slide-shadow-bottom {
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
 .swiper-lazy-preloader {
   width: 42px;
   height: 42px;
@@ -16689,7 +16711,6 @@ swiper-slide {
   border-top-color: transparent;
 }
 .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
-swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
 .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
   animation: swiper-preloader-spin 1s infinite linear;
 }
@@ -16707,6 +16728,7 @@ swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
     transform: rotate(360deg);
   }
 }
+/* Slide styles end */
 .swiper-virtual .swiper-slide {
   -webkit-backface-visibility: hidden;
   transform: translateZ(0);
@@ -16764,6 +16786,31 @@ swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
 .swiper-navigation-disabled .swiper-button-next {
   display: none !important;
 }
+.swiper-button-prev svg,
+.swiper-button-next svg {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  transform-origin: center;
+}
+.swiper-rtl .swiper-button-prev svg,
+.swiper-rtl .swiper-button-next svg {
+  transform: rotate(180deg);
+}
+.swiper-button-prev,
+.swiper-rtl .swiper-button-next {
+  left: var(--swiper-navigation-sides-offset, 10px);
+  right: auto;
+}
+.swiper-button-next,
+.swiper-rtl .swiper-button-prev {
+  right: var(--swiper-navigation-sides-offset, 10px);
+  left: auto;
+}
+.swiper-button-lock {
+  display: none;
+}
+/* Navigation font start */
 .swiper-button-prev:after,
 .swiper-button-next:after {
   font-family: swiper-icons;
@@ -16773,11 +16820,6 @@ swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
   font-variant: initial;
   line-height: 1;
 }
-.swiper-button-prev,
-.swiper-rtl .swiper-button-next {
-  left: var(--swiper-navigation-sides-offset, 10px);
-  right: auto;
-}
 .swiper-button-prev:after,
 .swiper-rtl .swiper-button-next:after {
   content: 'prev';
@@ -16791,9 +16833,7 @@ swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
 .swiper-rtl .swiper-button-prev:after {
   content: 'next';
 }
-.swiper-button-lock {
-  display: none;
-}
+/* Navigation font end */
 :root {
   /*
   --swiper-pagination-color: var(--swiper-theme-color);
@@ -16929,8 +16969,7 @@ button.swiper-pagination-bullet {
 .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   transition: 200ms transform, 200ms left;
 }
-.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
-:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
   transition: 200ms transform, 200ms right;
 }
 /* Fraction */
@@ -16941,7 +16980,6 @@ button.swiper-pagination-bullet {
 .swiper-pagination-progressbar {
   background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
   position: absolute;
-  /*ADD_HOST*/
 }
 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
   background: var(--swiper-pagination-color, var(--swiper-theme-color));
@@ -17035,6 +17073,7 @@ button.swiper-pagination-bullet {
 .swiper-scrollbar-lock {
   display: none;
 }
+/* Zoom container styles start */
 .swiper-zoom-container {
   width: 100%;
   height: 100%;
@@ -17050,13 +17089,13 @@ button.swiper-pagination-bullet {
   max-height: 100%;
   object-fit: contain;
 }
+/* Zoom container styles end */
 .swiper-slide-zoomed {
   cursor: move;
   touch-action: none;
 }
 /* a11y */
-.swiper .swiper-notification,
-swiper-container .swiper-notification {
+.swiper .swiper-notification {
   position: absolute;
   left: 0;
   top: 0;
@@ -17085,7 +17124,9 @@ swiper-container .swiper-notification {
 .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;
 }
@@ -17114,19 +17155,10 @@ swiper-container .swiper-notification {
 }
 .swiper-cube .swiper-slide-active,
 .swiper-cube .swiper-slide-next,
-.swiper-cube .swiper-slide-prev,
-.swiper-cube .swiper-slide-next + .swiper-slide {
+.swiper-cube .swiper-slide-prev {
   pointer-events: auto;
   visibility: visible;
 }
-.swiper-cube .swiper-slide-shadow-top,
-.swiper-cube .swiper-slide-shadow-bottom,
-.swiper-cube .swiper-slide-shadow-left,
-.swiper-cube .swiper-slide-shadow-right {
-  z-index: 0;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
-}
 .swiper-cube .swiper-cube-shadow {
   position: absolute;
   left: 0;
@@ -17146,6 +17178,20 @@ swiper-container .swiper-notification {
   right: 0;
   filter: blur(50px);
 }
+.swiper-cube .swiper-slide-next + .swiper-slide {
+  pointer-events: auto;
+  visibility: visible;
+}
+/* Cube slide shadows start */
+.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
+.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
+.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
+.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
+  z-index: 0;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+}
+/* Cube slide shadows end */
 .swiper-flip {
   overflow: visible;
 }
@@ -17162,14 +17208,16 @@ swiper-container .swiper-notification {
 .swiper-flip .swiper-slide-active .swiper-slide-active {
   pointer-events: auto;
 }
-.swiper-flip .swiper-slide-shadow-top,
-.swiper-flip .swiper-slide-shadow-bottom,
-.swiper-flip .swiper-slide-shadow-left,
-.swiper-flip .swiper-slide-shadow-right {
+/* Flip slide shadows start */
+.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
+.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
+.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
+.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
   z-index: 0;
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
 }
+/* Flip slide shadows end */
 .swiper-creative .swiper-slide {
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;

package/framework7-bundle.esm.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 8.1.0
+ * Framework7 8.3.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: June 12, 2023
+ * Released on: August 18, 2023
  */
 
 import $ from './shared/dom7.js';