framework7 8.2.0 → 8.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/components/panel/panel-rtl.css +1 -1
  2. package/components/panel/panel.css +1 -1
  3. package/components/panel/panel.less +2 -2
  4. package/components/popup/popup-class.js +1 -0
  5. package/components/popup/popup-rtl.css +1 -1
  6. package/components/popup/popup.css +1 -1
  7. package/components/popup/popup.less +3 -0
  8. package/components/sheet/sheet-class.js +216 -18
  9. package/components/sheet/sheet-rtl.css +1 -1
  10. package/components/sheet/sheet.css +1 -1
  11. package/components/sheet/sheet.d.ts +16 -1
  12. package/components/sheet/sheet.js +8 -0
  13. package/components/sheet/sheet.less +8 -14
  14. package/components/swiper/swiper-rtl.css +1 -1
  15. package/components/swiper/swiper.css +1 -1
  16. package/components/swiper/swiper.less +1 -1
  17. package/framework7-bundle-rtl.css +22 -21
  18. package/framework7-bundle-rtl.min.css +4 -4
  19. package/framework7-bundle.css +22 -21
  20. package/framework7-bundle.esm.js +2 -2
  21. package/framework7-bundle.js +394 -74
  22. package/framework7-bundle.js.map +1 -1
  23. package/framework7-bundle.less +2 -2
  24. package/framework7-bundle.min.css +4 -4
  25. package/framework7-bundle.min.js +3 -3
  26. package/framework7-bundle.min.js.map +1 -1
  27. package/framework7-lite-bundle.esm.js +2 -2
  28. package/framework7-lite.esm.js +2 -2
  29. package/framework7-lite.js +31 -0
  30. package/framework7-rtl.css +2 -2
  31. package/framework7-rtl.min.css +2 -2
  32. package/framework7.css +2 -2
  33. package/framework7.esm.js +2 -2
  34. package/framework7.js +42 -0
  35. package/framework7.less +2 -2
  36. package/framework7.min.css +2 -2
  37. package/less/plugin.js +15 -0
  38. package/modules/clicks/clicks.js +1 -1
  39. package/modules/router/component-loader.js +42 -8
  40. package/package.json +3 -3
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Framework7 8.2.0
2
+ * Framework7 8.3.0
3
3
  * Full featured mobile HTML framework for building iOS & Android apps
4
4
  * https://framework7.io/
5
5
  *
@@ -7,7 +7,7 @@
7
7
  *
8
8
  * Released under the MIT License
9
9
  *
10
- * Released on: July 6, 2023
10
+ * Released on: August 18, 2023
11
11
  */
12
12
 
13
13
  /*====================
@@ -5734,6 +5734,9 @@ html.with-modal-dialog .page-content {
5734
5734
  .popup:not(.popup-tablet-fullscreen).popup-behind.modal-out {
5735
5735
  transform: translate3d(0, 100vh, 0) scale(0.9);
5736
5736
  }
5737
+ html.with-modal-popup-push .popup-push:not(.popup-tablet-fullscreen) {
5738
+ margin-top: 0;
5739
+ }
5737
5740
  }
5738
5741
  html.with-modal-popup .framework7-root > .views .page-content,
5739
5742
  html.with-modal-popup .framework7-root > .view .page-content,
@@ -6668,9 +6671,10 @@ html.with-modal-popup-push-closing .framework7-root > .view.dark:after {
6668
6671
  display: block;
6669
6672
  transform: translate3d(0, 0, 0);
6670
6673
  }
6671
- .sheet-modal.modal-in-swipe-step {
6674
+ .sheet-modal.modal-in-swipe-step,
6675
+ .sheet-modal.modal-in-breakpoint {
6672
6676
  display: block;
6673
- transform: translate3d(0, var(--f7-sheet-swipe-step, 0), 0);
6677
+ transform: translate3d(0, var(--f7-sheet-breakpoint, var(--f7-sheet-swipe-step, 0)), 0);
6674
6678
  }
6675
6679
  .sheet-modal.modal-out {
6676
6680
  transform: translate3d(0, 100%, 0);
@@ -6819,9 +6823,10 @@ html.with-modal-sheet-push-closing .framework7-root > .view.dark:after {
6819
6823
  height: 100%;
6820
6824
  background: rgba(255, 255, 255, 0.1);
6821
6825
  z-index: 13000;
6822
- border-radius: var(--f7-sheet-push-border-radius) var(--f7-sheet-push-border-radius) 0 0;
6823
6826
  opacity: 1;
6824
- animation: sheet-dark-push-overlay-fade-in var(--f7-sheet-transition-duration) forwards;
6827
+ transition-duration: var(--f7-sheet-transition-duration);
6828
+ transition-timing-function: var(--f7-sheet-transition-timing-function);
6829
+ animation: sheet-dark-push-overlay-fade-in var(--f7-sheet-transition-duration);
6825
6830
  animation-timing-function: var(--f7-sheet-transition-timing-function);
6826
6831
  }
6827
6832
  html.with-modal-sheet-push .framework7-root > .views,
@@ -6837,8 +6842,8 @@ html.with-modal-sheet-push-closing .dark.framework7-root > .views:after,
6837
6842
  html.with-modal-sheet-push-closing .dark.framework7-root > .view:after,
6838
6843
  html.with-modal-sheet-push-closing .framework7-root > .views.dark:after,
6839
6844
  html.with-modal-sheet-push-closing .framework7-root > .view.dark:after {
6840
- animation: sheet-dark-push-overlay-fade-out var(--f7-sheet-transition-duration) forwards;
6841
- animation-timing-function: var(--f7-sheet-transition-timing-function);
6845
+ opacity: 0;
6846
+ animation: none;
6842
6847
  }
6843
6848
  @keyframes sheet-dark-push-overlay-fade-in {
6844
6849
  from {
@@ -6848,14 +6853,6 @@ html.with-modal-sheet-push-closing .framework7-root > .view.dark:after {
6848
6853
  opacity: 1;
6849
6854
  }
6850
6855
  }
6851
- @keyframes sheet-dark-push-overlay-fade-out {
6852
- from {
6853
- opacity: 1;
6854
- }
6855
- to {
6856
- opacity: 0;
6857
- }
6858
- }
6859
6856
  .md .sheet-modal .toolbar a.link:not(.tab-link) {
6860
6857
  flex-shrink: 0;
6861
6858
  }
@@ -9493,7 +9490,7 @@ html.with-panel-right-push .framework7-root > .view {
9493
9490
  .panel-left.panel-floating .panel-resize-handler {
9494
9491
  right: -3px;
9495
9492
  }
9496
- .panel-resize-handler .panel-left.panel-reveal,
9493
+ .panel-left.panel-reveal .panel-resize-handler,
9497
9494
  .panel-left.panel-push .panel-resize-handler {
9498
9495
  right: 0;
9499
9496
  }
@@ -9501,7 +9498,7 @@ html.with-panel-right-push .framework7-root > .view {
9501
9498
  .panel-right.panel-floating .panel-resize-handler {
9502
9499
  left: -3px;
9503
9500
  }
9504
- .panel-resize-handler .panel-right.panel-reveal,
9501
+ .panel-right.panel-reveal .panel-resize-handler,
9505
9502
  .panel-right.panel-push .panel-resize-handler {
9506
9503
  left: 0;
9507
9504
  }
@@ -16504,7 +16501,7 @@ table.data-table {
16504
16501
  }
16505
16502
  /* === Swiper === */
16506
16503
  /**
16507
- * Swiper 10.0.3
16504
+ * Swiper 10.2.0
16508
16505
  * Most modern mobile touch slider and framework with hardware accelerated transitions
16509
16506
  * https://swiperjs.com
16510
16507
  *
@@ -16512,7 +16509,7 @@ table.data-table {
16512
16509
  *
16513
16510
  * Released under the MIT License
16514
16511
  *
16515
- * Released on: July 3, 2023
16512
+ * Released on: August 17, 2023
16516
16513
  */
16517
16514
 
16518
16515
  /* FONT_START */
@@ -17076,6 +17073,7 @@ button.swiper-pagination-bullet {
17076
17073
  .swiper-scrollbar-lock {
17077
17074
  display: none;
17078
17075
  }
17076
+ /* Zoom container styles start */
17079
17077
  .swiper-zoom-container {
17080
17078
  width: 100%;
17081
17079
  height: 100%;
@@ -17091,6 +17089,7 @@ button.swiper-pagination-bullet {
17091
17089
  max-height: 100%;
17092
17090
  object-fit: contain;
17093
17091
  }
17092
+ /* Zoom container styles end */
17094
17093
  .swiper-slide-zoomed {
17095
17094
  cursor: move;
17096
17095
  touch-action: none;
@@ -17125,7 +17124,9 @@ button.swiper-pagination-bullet {
17125
17124
  .swiper-fade .swiper-slide .swiper-slide {
17126
17125
  pointer-events: none;
17127
17126
  }
17128
- .swiper-fade .swiper-slide-active,
17127
+ .swiper-fade .swiper-slide-active {
17128
+ pointer-events: auto;
17129
+ }
17129
17130
  .swiper-fade .swiper-slide-active .swiper-slide-active {
17130
17131
  pointer-events: auto;
17131
17132
  }
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Framework7 8.2.0
2
+ * Framework7 8.3.0
3
3
  * Full featured mobile HTML framework for building iOS & Android apps
4
4
  * https://framework7.io/
5
5
  *
@@ -7,7 +7,7 @@
7
7
  *
8
8
  * Released under the MIT License
9
9
  *
10
- * Released on: July 6, 2023
10
+ * Released on: August 18, 2023
11
11
  */
12
12
 
13
13
  import $ from './shared/dom7.js';