framework7 8.0.0-beta.9 → 8.0.1
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.
- package/components/data-table/data-table-class.js +1 -1
- package/components/navbar/navbar.less +3 -1
- package/components/page/page-transitions/circle.less +3 -0
- package/components/page/page-transitions/cover-v.less +3 -0
- package/components/page/page-transitions/cover.less +3 -0
- package/components/page/page-transitions/dive.less +3 -0
- package/components/page/page-transitions/fade.less +3 -0
- package/components/page/page-transitions/flip.less +1 -0
- package/components/page/page-transitions/parallax.less +6 -0
- package/components/page/page-transitions/push.less +6 -0
- package/components/panel/panel-rtl.css +3 -1
- package/components/panel/panel.css +3 -1
- package/components/panel/panel.less +3 -1
- package/components/touch-ripple/touch-ripple.less +3 -1
- package/framework7-bundle-rtl.css +49 -8
- package/framework7-bundle-rtl.min.css +9 -3
- package/framework7-bundle.css +49 -8
- package/framework7-bundle.esm.js +2 -2
- package/framework7-bundle.js +190 -127
- package/framework7-bundle.js.map +1 -1
- package/framework7-bundle.less +2 -2
- package/framework7-bundle.min.css +9 -3
- package/framework7-bundle.min.js +3 -3
- package/framework7-bundle.min.js.map +1 -1
- package/framework7-lite-bundle.esm.js +2 -2
- package/framework7-lite.esm.js +2 -2
- package/framework7-rtl.css +44 -5
- package/framework7-rtl.min.css +7 -3
- package/framework7.css +44 -5
- package/framework7.esm.js +2 -2
- package/framework7.less +2 -2
- package/framework7.min.css +7 -3
- package/package.json +3 -3
- package/shared/utils.js +2 -1
package/framework7-bundle.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 8.0.
|
|
2
|
+
* Framework7 8.0.1
|
|
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:
|
|
10
|
+
* Released on: April 6, 2023
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
/*====================
|
|
@@ -666,6 +666,10 @@ html.device-full-viewport body {
|
|
|
666
666
|
background: var(--f7-page-bg-color);
|
|
667
667
|
z-index: 100;
|
|
668
668
|
}
|
|
669
|
+
.router-transition-f7-circle-forward .page,
|
|
670
|
+
.router-transition-f7-circle-backward .page {
|
|
671
|
+
pointer-events: none;
|
|
672
|
+
}
|
|
669
673
|
.router-transition-f7-circle-forward:after {
|
|
670
674
|
transform: scale(0);
|
|
671
675
|
border-radius: 50%;
|
|
@@ -751,6 +755,10 @@ html.device-full-viewport body {
|
|
|
751
755
|
background: #000;
|
|
752
756
|
perspective: 1200px;
|
|
753
757
|
}
|
|
758
|
+
.router-transition-f7-cover-v-forward .page,
|
|
759
|
+
.router-transition-f7-cover-v-backward .page {
|
|
760
|
+
pointer-events: none;
|
|
761
|
+
}
|
|
754
762
|
.router-transition-f7-cover-v-forward .page-next {
|
|
755
763
|
animation: f7-cover-v-next-to-current var(--f7-page-cover-transition-duration) forwards;
|
|
756
764
|
}
|
|
@@ -804,6 +812,10 @@ html.device-full-viewport body {
|
|
|
804
812
|
background: #000;
|
|
805
813
|
perspective: 1200px;
|
|
806
814
|
}
|
|
815
|
+
.router-transition-f7-cover-forward .page,
|
|
816
|
+
.router-transition-f7-cover-backward .page {
|
|
817
|
+
pointer-events: none;
|
|
818
|
+
}
|
|
807
819
|
.router-transition-f7-cover-forward .page-next {
|
|
808
820
|
animation: f7-cover-next-to-current var(--f7-page-cover-transition-duration) forwards;
|
|
809
821
|
}
|
|
@@ -857,6 +869,10 @@ html.device-full-viewport body {
|
|
|
857
869
|
background: var(--f7-page-bg-color);
|
|
858
870
|
perspective: 1200px;
|
|
859
871
|
}
|
|
872
|
+
.router-transition-f7-dive-forward .page,
|
|
873
|
+
.router-transition-f7-dive-backward .page {
|
|
874
|
+
pointer-events: none;
|
|
875
|
+
}
|
|
860
876
|
.router-transition-f7-dive-forward .page-next {
|
|
861
877
|
animation: f7-dive-next-to-current var(--f7-page-dive-transition-duration) forwards;
|
|
862
878
|
}
|
|
@@ -925,6 +941,10 @@ html.device-full-viewport body {
|
|
|
925
941
|
.router-transition-f7-fade-backward {
|
|
926
942
|
background: var(--f7-page-bg-color);
|
|
927
943
|
}
|
|
944
|
+
.router-transition-f7-fade-forward .page,
|
|
945
|
+
.router-transition-f7-fade-backward .page {
|
|
946
|
+
pointer-events: none;
|
|
947
|
+
}
|
|
928
948
|
.ios .router-transition-f7-fade-forward .page-next,
|
|
929
949
|
.md .router-transition-f7-fade-forward .page-next {
|
|
930
950
|
opacity: 0;
|
|
@@ -974,6 +994,7 @@ html.device-full-viewport body {
|
|
|
974
994
|
-webkit-backface-visibility: hidden;
|
|
975
995
|
backface-visibility: hidden;
|
|
976
996
|
overflow: hidden;
|
|
997
|
+
pointer-events: none;
|
|
977
998
|
}
|
|
978
999
|
.router-transition-f7-flip-forward .page-next {
|
|
979
1000
|
transform-style: preserve-3d;
|
|
@@ -1031,12 +1052,18 @@ html.device-full-viewport body {
|
|
|
1031
1052
|
transform: translateZ(0px) rotateY(0deg);
|
|
1032
1053
|
}
|
|
1033
1054
|
}
|
|
1055
|
+
.router-transition-f7-parallax-forward .page {
|
|
1056
|
+
pointer-events: none;
|
|
1057
|
+
}
|
|
1034
1058
|
.router-transition-f7-parallax-forward .page-next {
|
|
1035
1059
|
animation: f7-parallax-next-to-current var(--f7-page-parallax-transition-duration) forwards;
|
|
1036
1060
|
}
|
|
1037
1061
|
.router-transition-f7-parallax-forward .page-current {
|
|
1038
1062
|
animation: f7-parallax-current-to-prev var(--f7-page-parallax-transition-duration) forwards;
|
|
1039
1063
|
}
|
|
1064
|
+
.router-transition-f7-parallax-backward .page {
|
|
1065
|
+
pointer-events: none;
|
|
1066
|
+
}
|
|
1040
1067
|
.router-transition-f7-parallax-backward .page-current {
|
|
1041
1068
|
animation: f7-parallax-current-to-next var(--f7-page-parallax-transition-duration) forwards;
|
|
1042
1069
|
}
|
|
@@ -1075,12 +1102,18 @@ html.device-full-viewport body {
|
|
|
1075
1102
|
transform: translateX(0%);
|
|
1076
1103
|
}
|
|
1077
1104
|
}
|
|
1105
|
+
.router-transition-f7-push-forward .page {
|
|
1106
|
+
pointer-events: none;
|
|
1107
|
+
}
|
|
1078
1108
|
.router-transition-f7-push-forward .page-next {
|
|
1079
1109
|
animation: f7-push-next-to-current var(--f7-page-push-transition-duration) forwards;
|
|
1080
1110
|
}
|
|
1081
1111
|
.router-transition-f7-push-forward .page-current {
|
|
1082
1112
|
animation: f7-push-current-to-prev var(--f7-page-push-transition-duration) forwards;
|
|
1083
1113
|
}
|
|
1114
|
+
.router-transition-f7-push-backward .page {
|
|
1115
|
+
pointer-events: none;
|
|
1116
|
+
}
|
|
1084
1117
|
.router-transition-f7-push-backward .page-current {
|
|
1085
1118
|
animation: f7-push-current-to-next var(--f7-page-push-transition-duration) forwards;
|
|
1086
1119
|
}
|
|
@@ -1416,8 +1449,12 @@ html.device-full-viewport body {
|
|
|
1416
1449
|
.navbars > .navbar {
|
|
1417
1450
|
position: absolute;
|
|
1418
1451
|
}
|
|
1419
|
-
.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible):not(
|
|
1420
|
-
.
|
|
1452
|
+
.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible):not(
|
|
1453
|
+
.with-searchbar-expandable-enabled
|
|
1454
|
+
) .navbar-bg,
|
|
1455
|
+
.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible):not(
|
|
1456
|
+
.with-searchbar-expandable-enabled
|
|
1457
|
+
) .title {
|
|
1421
1458
|
opacity: 0;
|
|
1422
1459
|
}
|
|
1423
1460
|
.navbar-large .navbar-bg {
|
|
@@ -4993,7 +5030,9 @@ button .ripple-wave,
|
|
|
4993
5030
|
.stepper-button .ripple-wave,
|
|
4994
5031
|
.stepper-button-minus .ripple-wave,
|
|
4995
5032
|
.stepper-button-plus .ripple-wave,
|
|
4996
|
-
.list.accordion-list .accordion-item-toggle .ripple-wave
|
|
5033
|
+
.list.accordion-list .accordion-item-toggle .ripple-wave,
|
|
5034
|
+
.photo-browser .toolbar .link .ripple-wave,
|
|
5035
|
+
.ripple-blur .ripple-wave {
|
|
4997
5036
|
animation: touch-ripple-in-blurred 250ms forwards;
|
|
4998
5037
|
background-image: radial-gradient(closest-side circle at 50% 50%, var(--f7-touch-ripple-color) 50%, rgba(255, 255, 255, 0));
|
|
4999
5038
|
background-color: transparent;
|
|
@@ -9192,7 +9231,9 @@ swiper-container.tabs > .tab {
|
|
|
9192
9231
|
transition-property: transform;
|
|
9193
9232
|
transition-duration: var(--f7-panel-transition-duration);
|
|
9194
9233
|
}
|
|
9195
|
-
.panel:not(.panel-in):not(.panel-out):not(.panel-in-breakpoint):not(.panel-in-collapsed):not(
|
|
9234
|
+
.panel:not(.panel-in):not(.panel-out):not(.panel-in-breakpoint):not(.panel-in-collapsed):not(
|
|
9235
|
+
.panel-in-swipe
|
|
9236
|
+
) {
|
|
9196
9237
|
display: none;
|
|
9197
9238
|
}
|
|
9198
9239
|
.panel:after {
|
|
@@ -16379,7 +16420,7 @@ table.data-table {
|
|
|
16379
16420
|
}
|
|
16380
16421
|
/* === Swiper === */
|
|
16381
16422
|
/**
|
|
16382
|
-
* Swiper 9.
|
|
16423
|
+
* Swiper 9.2.0
|
|
16383
16424
|
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
|
16384
16425
|
* https://swiperjs.com
|
|
16385
16426
|
*
|
|
@@ -16387,7 +16428,7 @@ table.data-table {
|
|
|
16387
16428
|
*
|
|
16388
16429
|
* Released under the MIT License
|
|
16389
16430
|
*
|
|
16390
|
-
* Released on: March
|
|
16431
|
+
* Released on: March 31, 2023
|
|
16391
16432
|
*/
|
|
16392
16433
|
|
|
16393
16434
|
/* FONT_START */
|
package/framework7-bundle.esm.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 8.0.
|
|
2
|
+
* Framework7 8.0.1
|
|
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:
|
|
10
|
+
* Released on: April 6, 2023
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
import $ from './shared/dom7.js';
|