framework7 8.0.0 → 8.0.2

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 (50) hide show
  1. package/components/app/app.less +19 -1
  2. package/components/data-table/data-table-class.js +1 -1
  3. package/components/dialog/dialog-rtl.css +1 -1
  4. package/components/dialog/dialog-vars.less +1 -6
  5. package/components/dialog/dialog.css +1 -1
  6. package/components/fab/fab-rtl.css +1 -1
  7. package/components/fab/fab-vars.less +9 -10
  8. package/components/fab/fab.css +1 -1
  9. package/components/input/input-rtl.css +1 -1
  10. package/components/input/input-vars.less +1 -2
  11. package/components/input/input.css +1 -1
  12. package/components/messagebar/messagebar-rtl.css +1 -1
  13. package/components/messagebar/messagebar-vars.less +3 -0
  14. package/components/messagebar/messagebar.css +1 -1
  15. package/components/messagebar/messagebar.less +3 -0
  16. package/components/page/page-transitions/circle.less +3 -0
  17. package/components/page/page-transitions/cover-v.less +3 -0
  18. package/components/page/page-transitions/cover.less +3 -0
  19. package/components/page/page-transitions/dive.less +3 -0
  20. package/components/page/page-transitions/fade.less +3 -0
  21. package/components/page/page-transitions/flip.less +1 -0
  22. package/components/page/page-transitions/parallax.less +6 -0
  23. package/components/page/page-transitions/push.less +6 -0
  24. package/components/searchbar/searchbar-rtl.css +1 -1
  25. package/components/searchbar/searchbar-vars.less +1 -1
  26. package/components/searchbar/searchbar.css +1 -1
  27. package/components/text-editor/text-editor-rtl.css +1 -1
  28. package/components/text-editor/text-editor-vars.less +3 -2
  29. package/components/text-editor/text-editor.css +1 -1
  30. package/components/touch-ripple/touch-ripple.less +3 -1
  31. package/framework7-bundle-rtl.css +77 -23
  32. package/framework7-bundle-rtl.min.css +5 -5
  33. package/framework7-bundle.css +77 -23
  34. package/framework7-bundle.esm.js +2 -2
  35. package/framework7-bundle.js +76 -44
  36. package/framework7-bundle.js.map +1 -1
  37. package/framework7-bundle.less +2 -2
  38. package/framework7-bundle.min.css +5 -5
  39. package/framework7-bundle.min.js +3 -3
  40. package/framework7-bundle.min.js.map +1 -1
  41. package/framework7-lite-bundle.esm.js +2 -2
  42. package/framework7-lite.esm.js +2 -2
  43. package/framework7-rtl.css +57 -3
  44. package/framework7-rtl.min.css +4 -4
  45. package/framework7.css +57 -3
  46. package/framework7.esm.js +2 -2
  47. package/framework7.less +2 -2
  48. package/framework7.min.css +4 -4
  49. package/package.json +2 -2
  50. package/shared/material-color-utils.js +73 -41
package/framework7.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Framework7 8.0.0
2
+ * Framework7 8.0.2
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: April 3, 2023
10
+ * Released on: April 12, 2023
11
11
  */
12
12
 
13
13
  /*====================
@@ -138,6 +138,9 @@
138
138
  font-weight: 400;
139
139
  font-style: normal;
140
140
  }
141
+ html {
142
+ overscroll-behavior: none;
143
+ }
141
144
  html,
142
145
  body,
143
146
  .framework7-root {
@@ -152,6 +155,7 @@ body {
152
155
  width: 100%;
153
156
  background: #fff;
154
157
  overflow: hidden;
158
+ overflow-y: scroll;
155
159
  -webkit-text-size-adjust: 100%;
156
160
  -webkit-font-smoothing: antialiased;
157
161
  font-family: var(--f7-font-family);
@@ -159,6 +163,21 @@ body {
159
163
  line-height: var(--f7-line-height);
160
164
  color: var(--f7-text-color);
161
165
  }
166
+ body::-webkit-scrollbar {
167
+ width: 0px;
168
+ background: transparent;
169
+ position: relative;
170
+ }
171
+ body::-webkit-scrollbar-track {
172
+ box-shadow: none;
173
+ background: transparent;
174
+ }
175
+ body::-webkit-scrollbar-thumb {
176
+ background-color: transparent;
177
+ outline: none;
178
+ border-radius: 9999px;
179
+ position: relative;
180
+ }
162
181
  .dark body,
163
182
  body.dark {
164
183
  background: #000;
@@ -666,6 +685,10 @@ html.device-full-viewport body {
666
685
  background: var(--f7-page-bg-color);
667
686
  z-index: 100;
668
687
  }
688
+ .router-transition-f7-circle-forward .page,
689
+ .router-transition-f7-circle-backward .page {
690
+ pointer-events: none;
691
+ }
669
692
  .router-transition-f7-circle-forward:after {
670
693
  transform: scale(0);
671
694
  border-radius: 50%;
@@ -751,6 +774,10 @@ html.device-full-viewport body {
751
774
  background: #000;
752
775
  perspective: 1200px;
753
776
  }
777
+ .router-transition-f7-cover-v-forward .page,
778
+ .router-transition-f7-cover-v-backward .page {
779
+ pointer-events: none;
780
+ }
754
781
  .router-transition-f7-cover-v-forward .page-next {
755
782
  animation: f7-cover-v-next-to-current var(--f7-page-cover-transition-duration) forwards;
756
783
  }
@@ -804,6 +831,10 @@ html.device-full-viewport body {
804
831
  background: #000;
805
832
  perspective: 1200px;
806
833
  }
834
+ .router-transition-f7-cover-forward .page,
835
+ .router-transition-f7-cover-backward .page {
836
+ pointer-events: none;
837
+ }
807
838
  .router-transition-f7-cover-forward .page-next {
808
839
  animation: f7-cover-next-to-current var(--f7-page-cover-transition-duration) forwards;
809
840
  }
@@ -857,6 +888,10 @@ html.device-full-viewport body {
857
888
  background: var(--f7-page-bg-color);
858
889
  perspective: 1200px;
859
890
  }
891
+ .router-transition-f7-dive-forward .page,
892
+ .router-transition-f7-dive-backward .page {
893
+ pointer-events: none;
894
+ }
860
895
  .router-transition-f7-dive-forward .page-next {
861
896
  animation: f7-dive-next-to-current var(--f7-page-dive-transition-duration) forwards;
862
897
  }
@@ -925,6 +960,10 @@ html.device-full-viewport body {
925
960
  .router-transition-f7-fade-backward {
926
961
  background: var(--f7-page-bg-color);
927
962
  }
963
+ .router-transition-f7-fade-forward .page,
964
+ .router-transition-f7-fade-backward .page {
965
+ pointer-events: none;
966
+ }
928
967
  .ios .router-transition-f7-fade-forward .page-next,
929
968
  .md .router-transition-f7-fade-forward .page-next {
930
969
  opacity: 0;
@@ -974,6 +1013,7 @@ html.device-full-viewport body {
974
1013
  -webkit-backface-visibility: hidden;
975
1014
  backface-visibility: hidden;
976
1015
  overflow: hidden;
1016
+ pointer-events: none;
977
1017
  }
978
1018
  .router-transition-f7-flip-forward .page-next {
979
1019
  transform-style: preserve-3d;
@@ -1031,12 +1071,18 @@ html.device-full-viewport body {
1031
1071
  transform: translateZ(0px) rotateY(0deg);
1032
1072
  }
1033
1073
  }
1074
+ .router-transition-f7-parallax-forward .page {
1075
+ pointer-events: none;
1076
+ }
1034
1077
  .router-transition-f7-parallax-forward .page-next {
1035
1078
  animation: f7-parallax-next-to-current var(--f7-page-parallax-transition-duration) forwards;
1036
1079
  }
1037
1080
  .router-transition-f7-parallax-forward .page-current {
1038
1081
  animation: f7-parallax-current-to-prev var(--f7-page-parallax-transition-duration) forwards;
1039
1082
  }
1083
+ .router-transition-f7-parallax-backward .page {
1084
+ pointer-events: none;
1085
+ }
1040
1086
  .router-transition-f7-parallax-backward .page-current {
1041
1087
  animation: f7-parallax-current-to-next var(--f7-page-parallax-transition-duration) forwards;
1042
1088
  }
@@ -1075,12 +1121,18 @@ html.device-full-viewport body {
1075
1121
  transform: translateX(0%);
1076
1122
  }
1077
1123
  }
1124
+ .router-transition-f7-push-forward .page {
1125
+ pointer-events: none;
1126
+ }
1078
1127
  .router-transition-f7-push-forward .page-next {
1079
1128
  animation: f7-push-next-to-current var(--f7-page-push-transition-duration) forwards;
1080
1129
  }
1081
1130
  .router-transition-f7-push-forward .page-current {
1082
1131
  animation: f7-push-current-to-prev var(--f7-page-push-transition-duration) forwards;
1083
1132
  }
1133
+ .router-transition-f7-push-backward .page {
1134
+ pointer-events: none;
1135
+ }
1084
1136
  .router-transition-f7-push-backward .page-current {
1085
1137
  animation: f7-push-current-to-next var(--f7-page-push-transition-duration) forwards;
1086
1138
  }
@@ -4997,7 +5049,9 @@ button .ripple-wave,
4997
5049
  .stepper-button .ripple-wave,
4998
5050
  .stepper-button-minus .ripple-wave,
4999
5051
  .stepper-button-plus .ripple-wave,
5000
- .list.accordion-list .accordion-item-toggle .ripple-wave {
5052
+ .list.accordion-list .accordion-item-toggle .ripple-wave,
5053
+ .photo-browser .toolbar .link .ripple-wave,
5054
+ .ripple-blur .ripple-wave {
5001
5055
  animation: touch-ripple-in-blurred 250ms forwards;
5002
5056
  background-image: radial-gradient(closest-side circle at 50% 50%, var(--f7-touch-ripple-color) 50%, rgba(255, 255, 255, 0));
5003
5057
  background-color: transparent;
package/framework7.esm.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Framework7 8.0.0
2
+ * Framework7 8.0.2
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: April 3, 2023
10
+ * Released on: April 12, 2023
11
11
  */
12
12
 
13
13
  import $ from './shared/dom7.js';
package/framework7.less CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Framework7 8.0.0
2
+ * Framework7 8.0.2
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: April 3, 2023
10
+ * Released on: April 12, 2023
11
11
  */
12
12
 
13
13
  @import (reference) './less/mixins.less';