framework7 6.3.11 → 6.3.16
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/cjs/components/calendar/calendar-class.js +37 -20
- package/cjs/components/progressbar/progressbar.js +1 -1
- package/cjs/components/tabs/tabs.js +4 -5
- package/cjs/components/toolbar/toolbar.js +1 -1
- package/cjs/framework7-bundle.js +3 -3
- package/cjs/framework7-lite-bundle.js +3 -3
- package/cjs/framework7-lite.js +3 -3
- package/cjs/framework7.js +3 -3
- package/cjs/modules/router/back.js +10 -1
- package/components/calendar/calendar.js +1 -1
- package/components/list-index/list-index.d.ts +1 -1
- package/components/notification/notification.d.ts +4 -4
- package/components/popup/popup-rtl.css +1 -1
- package/components/popup/popup.css +1 -1
- package/components/popup/popup.d.ts +2 -0
- package/components/popup/popup.less +1 -0
- package/components/progressbar/progressbar-aurora.less +32 -13
- package/components/progressbar/progressbar-ios.less +19 -7
- package/components/progressbar/progressbar-md.less +64 -28
- package/components/progressbar/progressbar-rtl.css +1 -1
- package/components/progressbar/progressbar.css +1 -1
- package/components/progressbar/progressbar.js +1 -1
- package/components/progressbar/progressbar.less +16 -4
- package/components/range/range.d.ts +23 -5
- package/components/tabs/tabs.js +1 -1
- package/components/toast/toast.d.ts +2 -2
- package/components/toolbar/toolbar-aurora.less +0 -13
- package/components/toolbar/toolbar-md.less +0 -13
- package/components/toolbar/toolbar.less +13 -0
- package/esm/components/calendar/calendar-class.js +37 -20
- package/esm/components/progressbar/progressbar.js +1 -1
- package/esm/components/tabs/tabs.js +4 -5
- package/esm/components/toolbar/toolbar.js +1 -1
- package/esm/framework7-bundle.js +3 -3
- package/esm/framework7-lite-bundle.js +3 -3
- package/esm/framework7-lite.js +3 -3
- package/esm/framework7.js +3 -3
- package/esm/modules/router/back.js +11 -1
- package/framework7-bundle-rtl.css +31 -39
- package/framework7-bundle-rtl.min.css +4 -4
- package/framework7-bundle.css +16 -23
- package/framework7-bundle.js +57 -31
- package/framework7-bundle.js.map +1 -1
- package/framework7-bundle.less +3 -3
- package/framework7-bundle.min.css +4 -4
- package/framework7-bundle.min.js +4 -4
- package/framework7-bundle.min.js.map +1 -1
- package/framework7-rtl.css +12 -21
- package/framework7-rtl.min.css +4 -4
- package/framework7.css +11 -19
- package/framework7.js +15 -5
- package/framework7.js.map +1 -1
- package/framework7.less +3 -3
- package/framework7.min.css +4 -4
- package/framework7.min.js +4 -4
- package/framework7.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/list-index/list-index.d.ts +1 -1
- package/types/components/notification/notification.d.ts +4 -4
- package/types/components/popup/popup.d.ts +2 -0
- package/types/components/range/range.d.ts +23 -5
- package/types/components/toast/toast.d.ts +2 -2
|
@@ -34,20 +34,39 @@
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
|
-
|
|
38
|
-
@keyframes aurora-progressbar-infinite {
|
|
39
|
-
|
|
40
|
-
|
|
37
|
+
.ltr({
|
|
38
|
+
@keyframes aurora-progressbar-infinite {
|
|
39
|
+
0% {
|
|
40
|
+
transform: translate3d(-100%, 0, 0);
|
|
41
|
+
}
|
|
42
|
+
100% {
|
|
43
|
+
transform: translate3d(100%, 0, 0);
|
|
44
|
+
}
|
|
41
45
|
}
|
|
42
|
-
|
|
43
|
-
|
|
46
|
+
@keyframes aurora-progressbar-infinite-multicolor {
|
|
47
|
+
0% {
|
|
48
|
+
transform: translate3d(0%, 0, 0);
|
|
49
|
+
}
|
|
50
|
+
100% {
|
|
51
|
+
transform: translate3d(-50%, 0, 0);
|
|
52
|
+
}
|
|
44
53
|
}
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
54
|
+
});
|
|
55
|
+
.rtl({
|
|
56
|
+
@keyframes aurora-progressbar-infinite {
|
|
57
|
+
0% {
|
|
58
|
+
transform: translate3d(100%, 0, 0);
|
|
59
|
+
}
|
|
60
|
+
100% {
|
|
61
|
+
transform: translate3d(-100%, 0, 0);
|
|
62
|
+
}
|
|
49
63
|
}
|
|
50
|
-
|
|
51
|
-
|
|
64
|
+
@keyframes aurora-progressbar-infinite-multicolor {
|
|
65
|
+
0% {
|
|
66
|
+
transform: translate3d(0%, 0, 0);
|
|
67
|
+
}
|
|
68
|
+
100% {
|
|
69
|
+
transform: translate3d(50%, 0, 0);
|
|
70
|
+
}
|
|
52
71
|
}
|
|
53
|
-
}
|
|
72
|
+
});
|
|
@@ -28,15 +28,27 @@
|
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
|
-
|
|
32
|
-
@keyframes ios-progressbar-infinite {
|
|
33
|
-
|
|
34
|
-
|
|
31
|
+
.ltr({
|
|
32
|
+
@keyframes ios-progressbar-infinite {
|
|
33
|
+
0% {
|
|
34
|
+
transform: translate3d(-100%, 0, 0);
|
|
35
|
+
}
|
|
36
|
+
100% {
|
|
37
|
+
transform: translate3d(100%, 0, 0);
|
|
38
|
+
}
|
|
35
39
|
}
|
|
36
|
-
|
|
37
|
-
|
|
40
|
+
});
|
|
41
|
+
.rtl({
|
|
42
|
+
@keyframes ios-progressbar-infinite {
|
|
43
|
+
0% {
|
|
44
|
+
transform: translate3d(100%, 0, 0);
|
|
45
|
+
}
|
|
46
|
+
100% {
|
|
47
|
+
transform: translate3d(-100%, 0, 0);
|
|
48
|
+
}
|
|
38
49
|
}
|
|
39
|
-
}
|
|
50
|
+
});
|
|
51
|
+
|
|
40
52
|
@keyframes ios-progressbar-infinite-multicolor {
|
|
41
53
|
0% {
|
|
42
54
|
transform: translate3d(0%, 0, 0);
|
|
@@ -22,38 +22,74 @@
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
}
|
|
40
|
-
@keyframes md-progressbar-infinite-2 {
|
|
41
|
-
0% {
|
|
42
|
-
transform: translateX(-100%) scaleX(1);
|
|
43
|
-
}
|
|
44
|
-
40% {
|
|
45
|
-
transform: translateX(-100%) scaleX(1);
|
|
25
|
+
.ltr({
|
|
26
|
+
@keyframes md-progressbar-infinite-1 {
|
|
27
|
+
0% {
|
|
28
|
+
transform: translateX(-10%) scaleX(0.1);
|
|
29
|
+
}
|
|
30
|
+
25% {
|
|
31
|
+
transform: translateX(30%) scaleX(0.6);
|
|
32
|
+
}
|
|
33
|
+
50% {
|
|
34
|
+
transform: translateX(100%) scaleX(1);
|
|
35
|
+
}
|
|
36
|
+
100% {
|
|
37
|
+
transform: translateX(100%) scaleX(1);
|
|
38
|
+
}
|
|
46
39
|
}
|
|
47
|
-
|
|
48
|
-
|
|
40
|
+
@keyframes md-progressbar-infinite-2 {
|
|
41
|
+
0% {
|
|
42
|
+
transform: translateX(-100%) scaleX(1);
|
|
43
|
+
}
|
|
44
|
+
40% {
|
|
45
|
+
transform: translateX(-100%) scaleX(1);
|
|
46
|
+
}
|
|
47
|
+
75% {
|
|
48
|
+
transform: translateX(60%) scaleX(0.35);
|
|
49
|
+
}
|
|
50
|
+
90% {
|
|
51
|
+
transform: translateX(100%) scaleX(0.1);
|
|
52
|
+
}
|
|
53
|
+
100% {
|
|
54
|
+
transform: translateX(100%) scaleX(0.1);
|
|
55
|
+
}
|
|
49
56
|
}
|
|
50
|
-
|
|
51
|
-
|
|
57
|
+
});
|
|
58
|
+
|
|
59
|
+
.rtl({
|
|
60
|
+
@keyframes md-progressbar-infinite-1 {
|
|
61
|
+
0% {
|
|
62
|
+
transform: translateX(10%) scaleX(0.1);
|
|
63
|
+
}
|
|
64
|
+
25% {
|
|
65
|
+
transform: translateX(-30%) scaleX(0.6);
|
|
66
|
+
}
|
|
67
|
+
50% {
|
|
68
|
+
transform: translateX(-100%) scaleX(1);
|
|
69
|
+
}
|
|
70
|
+
100% {
|
|
71
|
+
transform: translateX(-100%) scaleX(1);
|
|
72
|
+
}
|
|
52
73
|
}
|
|
53
|
-
|
|
54
|
-
|
|
74
|
+
@keyframes md-progressbar-infinite-2 {
|
|
75
|
+
0% {
|
|
76
|
+
transform: translateX(100%) scaleX(1);
|
|
77
|
+
}
|
|
78
|
+
40% {
|
|
79
|
+
transform: translateX(100%) scaleX(1);
|
|
80
|
+
}
|
|
81
|
+
75% {
|
|
82
|
+
transform: translateX(-60%) scaleX(0.35);
|
|
83
|
+
}
|
|
84
|
+
90% {
|
|
85
|
+
transform: translateX(-100%) scaleX(0.1);
|
|
86
|
+
}
|
|
87
|
+
100% {
|
|
88
|
+
transform: translateX(-100%) scaleX(0.1);
|
|
89
|
+
}
|
|
55
90
|
}
|
|
56
|
-
}
|
|
91
|
+
});
|
|
92
|
+
|
|
57
93
|
@keyframes md-progressbar-infinite-multicolor-bg {
|
|
58
94
|
0% {
|
|
59
95
|
background-color: @green;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ios{--f7-progressbar-height:4px;--f7-progressbar-border-radius:4px;--f7-progressbar-bg-color:rgba(0, 0, 0, 0.3)}.ios .theme-dark,.ios.theme-dark{--f7-progressbar-bg-color:rgba(255, 255, 255, 0.3)}.md{--f7-progressbar-height:4px;--f7-progressbar-border-radius:0px}.aurora{--f7-progressbar-height:6px;--f7-progressbar-border-radius:3px;--f7-progressbar-bg-color:#dbdbdb}.aurora .theme-dark,.aurora.theme-dark{--f7-progressbar-bg-color:#444}.progressbar,.progressbar-infinite{width:100%;overflow:hidden;position:relative;display:block;transform-style:preserve-3d;background:var(--f7-progressbar-bg-color,rgba(var(--f7-theme-color-rgb),.5));transform-origin:center top;height:var(--f7-progressbar-height);border-radius:var(--f7-progressbar-border-radius)}.progressbar{vertical-align:middle}.progressbar span{background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));width:100%;height:100%;position:absolute;
|
|
1
|
+
.ios{--f7-progressbar-height:4px;--f7-progressbar-border-radius:4px;--f7-progressbar-bg-color:rgba(0, 0, 0, 0.3)}.ios .theme-dark,.ios.theme-dark{--f7-progressbar-bg-color:rgba(255, 255, 255, 0.3)}.md{--f7-progressbar-height:4px;--f7-progressbar-border-radius:0px}.aurora{--f7-progressbar-height:6px;--f7-progressbar-border-radius:3px;--f7-progressbar-bg-color:#dbdbdb}.aurora .theme-dark,.aurora.theme-dark{--f7-progressbar-bg-color:#444}.progressbar,.progressbar-infinite{width:100%;overflow:hidden;position:relative;display:block;transform-style:preserve-3d;background:var(--f7-progressbar-bg-color,rgba(var(--f7-theme-color-rgb),.5));transform-origin:center top;height:var(--f7-progressbar-height);border-radius:var(--f7-progressbar-border-radius)}.progressbar{vertical-align:middle}.progressbar span{background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));width:100%;height:100%;position:absolute;top:0;transition-duration:150ms;right:0;transform:translate3d(100%,0,0)}.progressbar-infinite{z-index:15000}.progressbar-infinite:after,.progressbar-infinite:before{content:'';position:absolute;top:0;width:100%;height:100%;transform:translate3d(0,0,0);display:block;background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));right:0;transform-origin:right center}.progressbar-infinite.color-multi{background:0 0!important}.progressbar-in{animation:progressbar-in 150ms forwards}.progressbar-out{animation:progressbar-out 150ms forwards}.framework7-root>.progressbar,.framework7-root>.progressbar-infinite,.page>.progressbar,.page>.progressbar-infinite,.panel>.progressbar,.panel>.progressbar-infinite,.popup>.progressbar,.popup>.progressbar-infinite,.view>.progressbar,.view>.progressbar-infinite,.views>.progressbar,.views>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{position:absolute;left:0;top:0;z-index:15000;border-radius:0!important;transform-origin:center top!important}@keyframes progressbar-in{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes progressbar-out{from{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}.ios .progressbar-infinite:before{animation:ios-progressbar-infinite 1s linear infinite}.ios .progressbar-infinite:after{display:none}.ios .progressbar-infinite.color-multi:before{width:400%;background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-size:25% 100%;background-repeat:repeat-x;animation:ios-progressbar-infinite-multicolor 3s linear infinite}@keyframes ios-progressbar-infinite{0%{transform:translate3d(100%,0,0)}100%{transform:translate3d(-100%,0,0)}}@keyframes ios-progressbar-infinite-multicolor{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-50%,0,0)}}.md .progressbar-infinite:before{animation:md-progressbar-infinite-1 2s linear infinite}.md .progressbar-infinite:after{animation:md-progressbar-infinite-2 2s linear infinite}.md .progressbar-infinite.color-multi:before{background:0 0;animation:md-progressbar-infinite-multicolor-bg 3s step-end infinite}.md .progressbar-infinite.color-multi:after{background:0 0;animation:md-progressbar-infinite-multicolor-fill 3s linear infinite;transform-origin:center center}@keyframes md-progressbar-infinite-1{0%{transform:translateX(10%) scaleX(.1)}25%{transform:translateX(-30%) scaleX(.6)}50%{transform:translateX(-100%) scaleX(1)}100%{transform:translateX(-100%) scaleX(1)}}@keyframes md-progressbar-infinite-2{0%{transform:translateX(100%) scaleX(1)}40%{transform:translateX(100%) scaleX(1)}75%{transform:translateX(-60%) scaleX(.35)}90%{transform:translateX(-100%) scaleX(.1)}100%{transform:translateX(-100%) scaleX(.1)}}@keyframes md-progressbar-infinite-multicolor-bg{0%{background-color:#4caf50}25%{background-color:#f44336}50%{background-color:#2196f3}75%{background-color:#ffeb3b}}@keyframes md-progressbar-infinite-multicolor-fill{0%{transform:scaleX(0);background-color:#f44336}24.9%{transform:scaleX(1);background-color:#f44336}25%{transform:scaleX(0);background-color:#2196f3}49.9%{transform:scaleX(1);background-color:#2196f3}50%{transform:scaleX(0);background-color:#ffeb3b}74.9%{transform:scaleX(1);background-color:#ffeb3b}75%{transform:scaleX(0);background-color:#4caf50}100%{transform:scaleX(1);background-color:#4caf50}}.aurora .progressbar,.aurora .progressbar span,.aurora .progressbar-infinite,.aurora .progressbar-infinite:before{box-shadow:0px 0px 0px 1px rgba(0,0,0,.05) inset}.aurora .progressbar-infinite:before{animation:aurora-progressbar-infinite 1s linear infinite}.aurora .progressbar-infinite:after{display:none}.aurora .progressbar-infinite.color-multi:before{width:400%;background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-size:25% 100%;background-repeat:repeat-x;animation:aurora-progressbar-infinite-multicolor 3s linear infinite}@keyframes aurora-progressbar-infinite{0%{transform:translate3d(100%,0,0)}100%{transform:translate3d(-100%,0,0)}}@keyframes aurora-progressbar-infinite-multicolor{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(50%,0,0)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ios{--f7-progressbar-height:4px;--f7-progressbar-border-radius:4px;--f7-progressbar-bg-color:rgba(0, 0, 0, 0.3)}.ios .theme-dark,.ios.theme-dark{--f7-progressbar-bg-color:rgba(255, 255, 255, 0.3)}.md{--f7-progressbar-height:4px;--f7-progressbar-border-radius:0px}.aurora{--f7-progressbar-height:6px;--f7-progressbar-border-radius:3px;--f7-progressbar-bg-color:#dbdbdb}.aurora .theme-dark,.aurora.theme-dark{--f7-progressbar-bg-color:#444}.progressbar,.progressbar-infinite{width:100%;overflow:hidden;position:relative;display:block;transform-style:preserve-3d;background:var(--f7-progressbar-bg-color,rgba(var(--f7-theme-color-rgb),.5));transform-origin:center top;height:var(--f7-progressbar-height);border-radius:var(--f7-progressbar-border-radius)}.progressbar{vertical-align:middle}.progressbar span{background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));width:100%;height:100%;position:absolute;
|
|
1
|
+
.ios{--f7-progressbar-height:4px;--f7-progressbar-border-radius:4px;--f7-progressbar-bg-color:rgba(0, 0, 0, 0.3)}.ios .theme-dark,.ios.theme-dark{--f7-progressbar-bg-color:rgba(255, 255, 255, 0.3)}.md{--f7-progressbar-height:4px;--f7-progressbar-border-radius:0px}.aurora{--f7-progressbar-height:6px;--f7-progressbar-border-radius:3px;--f7-progressbar-bg-color:#dbdbdb}.aurora .theme-dark,.aurora.theme-dark{--f7-progressbar-bg-color:#444}.progressbar,.progressbar-infinite{width:100%;overflow:hidden;position:relative;display:block;transform-style:preserve-3d;background:var(--f7-progressbar-bg-color,rgba(var(--f7-theme-color-rgb),.5));transform-origin:center top;height:var(--f7-progressbar-height);border-radius:var(--f7-progressbar-border-radius)}.progressbar{vertical-align:middle}.progressbar span{background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));width:100%;height:100%;position:absolute;top:0;transition-duration:150ms;left:0;transform:translate3d(-100%,0,0)}.progressbar-infinite{z-index:15000}.progressbar-infinite:after,.progressbar-infinite:before{content:'';position:absolute;top:0;width:100%;height:100%;transform:translate3d(0,0,0);display:block;background-color:var(--f7-progressbar-progress-color,var(--f7-theme-color));left:0;transform-origin:left center}.progressbar-infinite.color-multi{background:0 0!important}.progressbar-in{animation:progressbar-in 150ms forwards}.progressbar-out{animation:progressbar-out 150ms forwards}.framework7-root>.progressbar,.framework7-root>.progressbar-infinite,.page>.progressbar,.page>.progressbar-infinite,.panel>.progressbar,.panel>.progressbar-infinite,.popup>.progressbar,.popup>.progressbar-infinite,.view>.progressbar,.view>.progressbar-infinite,.views>.progressbar,.views>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{position:absolute;left:0;top:0;z-index:15000;border-radius:0!important;transform-origin:center top!important}@keyframes progressbar-in{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes progressbar-out{from{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}.ios .progressbar-infinite:before{animation:ios-progressbar-infinite 1s linear infinite}.ios .progressbar-infinite:after{display:none}.ios .progressbar-infinite.color-multi:before{width:400%;background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-size:25% 100%;background-repeat:repeat-x;animation:ios-progressbar-infinite-multicolor 3s linear infinite}@keyframes ios-progressbar-infinite{0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(100%,0,0)}}@keyframes ios-progressbar-infinite-multicolor{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-50%,0,0)}}.md .progressbar-infinite:before{animation:md-progressbar-infinite-1 2s linear infinite}.md .progressbar-infinite:after{animation:md-progressbar-infinite-2 2s linear infinite}.md .progressbar-infinite.color-multi:before{background:0 0;animation:md-progressbar-infinite-multicolor-bg 3s step-end infinite}.md .progressbar-infinite.color-multi:after{background:0 0;animation:md-progressbar-infinite-multicolor-fill 3s linear infinite;transform-origin:center center}@keyframes md-progressbar-infinite-1{0%{transform:translateX(-10%) scaleX(.1)}25%{transform:translateX(30%) scaleX(.6)}50%{transform:translateX(100%) scaleX(1)}100%{transform:translateX(100%) scaleX(1)}}@keyframes md-progressbar-infinite-2{0%{transform:translateX(-100%) scaleX(1)}40%{transform:translateX(-100%) scaleX(1)}75%{transform:translateX(60%) scaleX(.35)}90%{transform:translateX(100%) scaleX(.1)}100%{transform:translateX(100%) scaleX(.1)}}@keyframes md-progressbar-infinite-multicolor-bg{0%{background-color:#4caf50}25%{background-color:#f44336}50%{background-color:#2196f3}75%{background-color:#ffeb3b}}@keyframes md-progressbar-infinite-multicolor-fill{0%{transform:scaleX(0);background-color:#f44336}24.9%{transform:scaleX(1);background-color:#f44336}25%{transform:scaleX(0);background-color:#2196f3}49.9%{transform:scaleX(1);background-color:#2196f3}50%{transform:scaleX(0);background-color:#ffeb3b}74.9%{transform:scaleX(1);background-color:#ffeb3b}75%{transform:scaleX(0);background-color:#4caf50}100%{transform:scaleX(1);background-color:#4caf50}}.aurora .progressbar,.aurora .progressbar span,.aurora .progressbar-infinite,.aurora .progressbar-infinite:before{box-shadow:0px 0px 0px 1px rgba(0,0,0,.05) inset}.aurora .progressbar-infinite:before{animation:aurora-progressbar-infinite 1s linear infinite}.aurora .progressbar-infinite:after{display:none}.aurora .progressbar-infinite.color-multi:before{width:400%;background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);background-size:25% 100%;background-repeat:repeat-x;animation:aurora-progressbar-infinite-multicolor 3s linear infinite}@keyframes aurora-progressbar-infinite{0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(100%,0,0)}}@keyframes aurora-progressbar-infinite-multicolor{0%{transform:translate3d(0%,0,0)}100%{transform:translate3d(-50%,0,0)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function framework7ComponentLoader(r,e){void 0===e&&(e=!0);var s=r.$,n=r.utils,t=(r.getDevice,r.getSupport,r.Class,r.Modal,r.ConstructorMethods,r.ModalMethods,n.bindMethods),a={set:function(){for(var r=this,e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];var a=n[0],o=n[1],i=n[2];if("number"==typeof n[0]&&(o=n[0],i=n[1],a=r.$el),null==o)return a;o||(o=0);var p=s(a||r.$el);if(0===p.length)return a;var g,l=Math.min(Math.max(o,0),100);if(0===(g=p.hasClass("progressbar")?p.eq(0):p.children(".progressbar")).length||g.hasClass("progressbar-infinite"))return g;var f=g.children("span");return 0===f.length&&(f=s("<span></span>"),g.append(f)),f.transition(void 0!==i?i:"").transform("translate3d("+(-100+l)+"%,0,0)"),g[0]},show:function(){for(var r=this,e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];var a=n[0],o=n[1],i=n[2],p="determined";2===n.length?"string"!=typeof n[0]&&"object"!=typeof n[0]||"string"!=typeof n[1]?"number"==typeof n[0]&&"string"==typeof n[1]&&(o=n[0],i=n[1],a=r.$el):(a=n[0],i=n[1],o=n[2],p="infinite"):1===n.length?"number"==typeof n[0]?(a=r.$el,o=n[0]):"string"==typeof n[0]&&(p="infinite",a=r.$el,i=n[0]):0===n.length&&(p="infinite",a=r.$el);var g,l=s(a);if(0!==l.length)return l.hasClass("progressbar")||l.hasClass("progressbar-infinite")?g=l:0===(g=l.children(".progressbar:not(.progressbar-out), .progressbar-infinite:not(.progressbar-out)")).length&&(g=s('\n <span class="progressbar'+("infinite"===p?"-infinite":"")+(i?" color-"+i:"")+' progressbar-in">\n '+("infinite"===p?"":"<span></span>")+"\n </span>"),l.append(g)),void 0!==o&&r.progressbar.set(g,o),g[0]},hide:function(r,e){void 0===e&&(e=!0);var n,t=s(r||this.$el);if(0!==t.length)return 0===(n=t.hasClass("progressbar")||t.hasClass("progressbar-infinite")?t:t.children(".progressbar, .progressbar-infinite")).length||!n.hasClass("progressbar-in")||n.hasClass("progressbar-out")||n.removeClass("progressbar-in").addClass("progressbar-out").animationEnd((function(){e&&n.remove()})),n}},o={name:"progressbar",create:function(){t(this,{progressbar:a})},on:{tabMounted:function(r){var e=this;s(r).find(".progressbar").each((function(r){var n=s(r);e.progressbar.set(n,n.attr("data-progress"))}))},pageInit:function(r){var e=this;r.$el.find(".progressbar").each((function(r){var n=s(r);e.progressbar.set(n,n.attr("data-progress"))}))}},vnode:{progressbar:{insert:function(r){var e=r.elm;this.progressbar.set(e,e.getAttribute("data-progress"))},update:function(r){var e=r.elm;this.progressbar.set(e,e.getAttribute("data-progress"))}}}};if(e){if(r.prototype.modules&&r.prototype.modules[o.name])return;r.use(o),r.instance&&(r.instance.useModuleParams(o,r.instance.params),r.instance.useModule(o))}return o}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
|
|
1
|
+
(function framework7ComponentLoader(r,e){void 0===e&&(e=!0);var s=r.$,n=r.utils,t=(r.getDevice,r.getSupport,r.Class,r.Modal,r.ConstructorMethods,r.ModalMethods,n.bindMethods),a={set:function(){for(var r=this,e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];var a=n[0],o=n[1],i=n[2];if("number"==typeof n[0]&&(o=n[0],i=n[1],a=r.$el),null==o)return a;o||(o=0);var p=s(a||r.$el);if(0===p.length)return a;var g,l=Math.min(Math.max(o,0),100);if(0===(g=p.hasClass("progressbar")?p.eq(0):p.children(".progressbar")).length||g.hasClass("progressbar-infinite"))return g;var f=g.children("span");return 0===f.length&&(f=s("<span></span>"),g.append(f)),f.transition(void 0!==i?i:"").transform("translate3d("+(-100+l)*(r.rtl?-1:1)+"%,0,0)"),g[0]},show:function(){for(var r=this,e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];var a=n[0],o=n[1],i=n[2],p="determined";2===n.length?"string"!=typeof n[0]&&"object"!=typeof n[0]||"string"!=typeof n[1]?"number"==typeof n[0]&&"string"==typeof n[1]&&(o=n[0],i=n[1],a=r.$el):(a=n[0],i=n[1],o=n[2],p="infinite"):1===n.length?"number"==typeof n[0]?(a=r.$el,o=n[0]):"string"==typeof n[0]&&(p="infinite",a=r.$el,i=n[0]):0===n.length&&(p="infinite",a=r.$el);var g,l=s(a);if(0!==l.length)return l.hasClass("progressbar")||l.hasClass("progressbar-infinite")?g=l:0===(g=l.children(".progressbar:not(.progressbar-out), .progressbar-infinite:not(.progressbar-out)")).length&&(g=s('\n <span class="progressbar'+("infinite"===p?"-infinite":"")+(i?" color-"+i:"")+' progressbar-in">\n '+("infinite"===p?"":"<span></span>")+"\n </span>"),l.append(g)),void 0!==o&&r.progressbar.set(g,o),g[0]},hide:function(r,e){void 0===e&&(e=!0);var n,t=s(r||this.$el);if(0!==t.length)return 0===(n=t.hasClass("progressbar")||t.hasClass("progressbar-infinite")?t:t.children(".progressbar, .progressbar-infinite")).length||!n.hasClass("progressbar-in")||n.hasClass("progressbar-out")||n.removeClass("progressbar-in").addClass("progressbar-out").animationEnd((function(){e&&n.remove()})),n}},o={name:"progressbar",create:function(){t(this,{progressbar:a})},on:{tabMounted:function(r){var e=this;s(r).find(".progressbar").each((function(r){var n=s(r);e.progressbar.set(n,n.attr("data-progress"))}))},pageInit:function(r){var e=this;r.$el.find(".progressbar").each((function(r){var n=s(r);e.progressbar.set(n,n.attr("data-progress"))}))}},vnode:{progressbar:{insert:function(r){var e=r.elm;this.progressbar.set(e,e.getAttribute("data-progress"))},update:function(r){var e=r.elm;this.progressbar.set(e,e.getAttribute("data-progress"))}}}};if(e){if(r.prototype.modules&&r.prototype.modules[o.name])return;r.use(o),r.instance&&(r.instance.useModuleParams(o,r.instance.params),r.instance.useModule(o))}return o}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
|
|
@@ -20,10 +20,16 @@
|
|
|
20
20
|
width: 100%;
|
|
21
21
|
height: 100%;
|
|
22
22
|
position: absolute;
|
|
23
|
-
left: 0;
|
|
24
23
|
top: 0;
|
|
25
|
-
transform: translate3d(-100%, 0, 0);
|
|
26
24
|
transition-duration: 150ms;
|
|
25
|
+
.ltr({
|
|
26
|
+
left: 0;
|
|
27
|
+
transform: translate3d(-100%, 0, 0);
|
|
28
|
+
});
|
|
29
|
+
.rtl({
|
|
30
|
+
right: 0;
|
|
31
|
+
transform: translate3d(100%, 0, 0);
|
|
32
|
+
});
|
|
27
33
|
}
|
|
28
34
|
}
|
|
29
35
|
.progressbar-infinite {
|
|
@@ -32,14 +38,20 @@
|
|
|
32
38
|
&:after {
|
|
33
39
|
content: '';
|
|
34
40
|
position: absolute;
|
|
35
|
-
left: 0;
|
|
36
41
|
top: 0;
|
|
37
42
|
width: 100%;
|
|
38
43
|
height: 100%;
|
|
39
|
-
transform-origin: left center;
|
|
40
44
|
transform: translate3d(0, 0, 0);
|
|
41
45
|
display: block;
|
|
42
46
|
background-color: var(--f7-progressbar-progress-color, var(--f7-theme-color));
|
|
47
|
+
.ltr({
|
|
48
|
+
left: 0;
|
|
49
|
+
transform-origin: left center;
|
|
50
|
+
});
|
|
51
|
+
.rtl({
|
|
52
|
+
right: 0;
|
|
53
|
+
transform-origin: right center;
|
|
54
|
+
});
|
|
43
55
|
}
|
|
44
56
|
&.color-multi {
|
|
45
57
|
background: none !important;
|
|
@@ -13,6 +13,8 @@ export namespace Range {
|
|
|
13
13
|
step?: number;
|
|
14
14
|
/** Enables additional label around range slider knob (default false) */
|
|
15
15
|
label?: boolean;
|
|
16
|
+
/** Method must return formatted range knob label text. As an argument it receives label value */
|
|
17
|
+
formatLabel?: (value: number) => string;
|
|
16
18
|
/** Minimum value */
|
|
17
19
|
min?: number;
|
|
18
20
|
/** Maximum value */
|
|
@@ -21,11 +23,19 @@ export namespace Range {
|
|
|
21
23
|
value?: number | number[];
|
|
22
24
|
/** When enabled it is also possible to interact with range slider (change value) on range bar click and swipe (default true) */
|
|
23
25
|
draggableBar?: boolean;
|
|
24
|
-
/** Enables vertical range slider */
|
|
26
|
+
/** Enables vertical range slider (default false) */
|
|
25
27
|
vertical?: boolean;
|
|
26
|
-
/** Makes vertical range slider reversed */
|
|
28
|
+
/** Makes vertical range slider reversed (default false) */
|
|
27
29
|
verticalReversed?: boolean;
|
|
28
|
-
/**
|
|
30
|
+
/** Enables range slider scale (default false) */
|
|
31
|
+
scale?: boolean;
|
|
32
|
+
/** Number of scale steps (default 5) */
|
|
33
|
+
scaleSteps?: number;
|
|
34
|
+
/** Number of scale sub steps (each step will be divided by this value) (default 0) */
|
|
35
|
+
scaleSubSteps?: number;
|
|
36
|
+
/** Method must return formatted scale value. As an argument it receives currect scale step value. This method will be called as for each scale step. */
|
|
37
|
+
formatScaleLabel?: (value: number) => string;
|
|
38
|
+
/** Limit knob position to the size of range bar. By default enabled from iOS theme */
|
|
29
39
|
limitKnobPosition?: boolean;
|
|
30
40
|
/** Object with events handlers.. */
|
|
31
41
|
on?: {
|
|
@@ -55,13 +65,21 @@ export namespace Range {
|
|
|
55
65
|
max: number;
|
|
56
66
|
/** Range value */
|
|
57
67
|
value: number | number[];
|
|
68
|
+
/** Boolean property indicating whether scale is enabled or not */
|
|
69
|
+
scale: boolean;
|
|
70
|
+
/** Number of scale steps */
|
|
71
|
+
scaleSteps: number;
|
|
72
|
+
/** Number of scale sub steps */
|
|
73
|
+
scaleSubSteps: number;
|
|
74
|
+
/** Dom7 instance with generated scale HTML element */
|
|
75
|
+
$scaleEl: Dom7Array;
|
|
58
76
|
/** Array where each element represents HTMLElement of created range knob (2 knobs in case of dual slider) */
|
|
59
77
|
knobs: HTMLElement[];
|
|
60
78
|
/** Array where each element represent HTMLElement of created range knob label (2 labels in case of dual slider) */
|
|
61
79
|
labels: HTMLElement[];
|
|
62
|
-
/** Boolean property indicating whether it is vertical or not
|
|
80
|
+
/** Boolean property indicating whether it is vertical or not */
|
|
63
81
|
vertical: boolean;
|
|
64
|
-
/** Boolean property indicating whether it is vertical and reversed or not
|
|
82
|
+
/** Boolean property indicating whether it is vertical and reversed or not */
|
|
65
83
|
verticalReversed: boolean;
|
|
66
84
|
/** Range parameters */
|
|
67
85
|
params: Parameters;
|
package/components/tabs/tabs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function framework7ComponentLoader(a,t){void 0===t&&(t=!0);var e=a.$,n=a.utils,i=(a.getDevice,a.getSupport,a.Class,a.Modal,a.ConstructorMethods,a.ModalMethods,n.extend),r={show:function(){for(var a,t,n,i,r,s=this,l=arguments.length,o=new Array(l),b=0;b<l;b++)o[b]=arguments[b];1===o.length&&o[0]&&o[0].constructor===Object?(a=o[0].tabEl,t=o[0].tabLinkEl,n=o[0].animate,i=o[0].tabRoute,r=o[0].animatedInit):(a=o[0],t=o[1],n=o[2],i=o[3],"boolean"==typeof o[1]&&(a=o[0],n=o[1],t=o[2],i=o[3],o.length>2&&t.constructor===Object&&(a=o[0],n=o[1],i=o[2],t=o[3]))),void 0===n&&(n=!0);var h,d=e(a);if(i&&d[0]&&(d[0].f7TabRoute=i),!r&&(0===d.length||d.hasClass("tab-active")))return{$newTabEl:d,newTabEl:d[0]};t&&(h=e(t));var g=d.parent(".tabs");if(0===g.length)return{$newTabEl:d,newTabEl:d[0]};s.swipeout&&(s.swipeout.allowOpen=!0);var c=[];function p(a){c.push(a)}function u(){c.forEach((function(a){a()}))}var f,v=!1;if(g.parent().hasClass("tabs-animated-wrap")){g.parent()[n?"removeClass":"addClass"]("not-animated");var m=parseFloat(g.css("transition-duration").replace(",","."));n&&m&&(g.transitionEnd(u),v=!0);var w=100*(s.rtl?d.index():-d.index());g.transform("translate3d("+w+"%,0,0)")}g.parent().hasClass("tabs-swipeable-wrap")&&s.swiper&&((f=g.parent()[0].swiper)&&f.activeIndex!==d.index()?(v=!0,f.once("slideChangeTransitionEnd",(function(){u()})).slideTo(d.index(),n?void 0:0)):f&&f.animating&&(v=!0,f.once("slideChangeTransitionEnd",(function(){u()}))));var
|
|
1
|
+
(function framework7ComponentLoader(a,t){void 0===t&&(t=!0);var e=a.$,n=a.utils,i=(a.getDevice,a.getSupport,a.Class,a.Modal,a.ConstructorMethods,a.ModalMethods,n.extend),r={show:function(){for(var a,t,n,i,r,s=this,l=arguments.length,o=new Array(l),b=0;b<l;b++)o[b]=arguments[b];1===o.length&&o[0]&&o[0].constructor===Object?(a=o[0].tabEl,t=o[0].tabLinkEl,n=o[0].animate,i=o[0].tabRoute,r=o[0].animatedInit):(a=o[0],t=o[1],n=o[2],i=o[3],"boolean"==typeof o[1]&&(a=o[0],n=o[1],t=o[2],i=o[3],o.length>2&&t.constructor===Object&&(a=o[0],n=o[1],i=o[2],t=o[3]))),void 0===n&&(n=!0);var h,d=e(a);if(i&&d[0]&&(d[0].f7TabRoute=i),!r&&(0===d.length||d.hasClass("tab-active")))return{$newTabEl:d,newTabEl:d[0]};t&&(h=e(t));var g=d.parent(".tabs");if(0===g.length)return{$newTabEl:d,newTabEl:d[0]};s.swipeout&&(s.swipeout.allowOpen=!0);var c=[];function p(a){c.push(a)}function u(){c.forEach((function(a){a()}))}var f,v=!1;if(g.parent().hasClass("tabs-animated-wrap")){g.parent()[n?"removeClass":"addClass"]("not-animated");var m=parseFloat(g.css("transition-duration").replace(",","."));n&&m&&(g.transitionEnd(u),v=!0);var w=100*(s.rtl?d.index():-d.index());g.transform("translate3d("+w+"%,0,0)")}g.parent().hasClass("tabs-swipeable-wrap")&&s.swiper&&((f=g.parent()[0].swiper)&&f.activeIndex!==d.index()?(v=!0,f.once("slideChangeTransitionEnd",(function(){u()})).slideTo(d.index(),n?void 0:0)):f&&f.animating&&(v=!0,f.once("slideChangeTransitionEnd",(function(){u()}))));var C=g.children(".tab-active");if(C.removeClass("tab-active"),!r&&(!f||f&&!f.animating||f&&i)&&(C.hasClass("view")&&C.children(".page").length&&C.children(".page").each((function(a){e(a).trigger("page:tabhide"),s.emit("pageTabHide",a)})),C.trigger("tab:hide"),s.emit("tabHide",C[0])),d.addClass("tab-active"),!r&&(!f||f&&!f.animating||f&&i)&&(d.hasClass("view")&&d.children(".page").length&&d.children(".page").each((function(a){e(a).trigger("page:tabshow"),s.emit("pageTabShow",a)})),d.trigger("tab:show"),s.emit("tabShow",d[0])),!h&&((!(h=e("string"==typeof a?'.tab-link[href="'+a+'"]':'.tab-link[href="#'+d.attr("id")+'"]'))||h&&0===h.length)&&e("[data-tab]").each((function(a){d.is(e(a).attr("data-tab"))&&(h=e(a))})),i&&(!h||h&&0===h.length)&&0===(h=e('[data-route-tab-id="'+i.route.tab.id+'"]')).length&&(h=e('.tab-link[href="'+i.url+'"]')),h.length>1&&d.parents(".page").length&&(h=h.filter((function(a){return e(a).parents(".page")[0]===d.parents(".page")[0]})),"ios"===s.theme&&0===h.length&&i))){var E=d.parents(".page"),k=e(s.navbar.getElByPage(E));0===(h=k.find('[data-route-tab-id="'+i.route.tab.id+'"]')).length&&(h=k.find('.tab-link[href="'+i.url+'"]'))}if(h.length>0){var T;if(C&&C.length>0){var x=C.attr("id");x&&(!(T=e('.tab-link[href="#'+x+'"]'))||T&&0===T.length)&&(T=e('.tab-link[data-route-tab-id="'+x+'"]')),(!T||T&&0===T.length)&&e("[data-tab]").each((function(a){C.is(e(a).attr("data-tab"))&&(T=e(a))})),(!T||T&&0===T.length)&&(T=h.siblings(".tab-link-active"))}else i&&(T=h.siblings(".tab-link-active"));if(T&&T.length>1&&C&&C.parents(".page").length&&(T=T.filter((function(a){return e(a).parents(".page")[0]===C.parents(".page")[0]}))),T&&T.length>0&&T.removeClass("tab-link-active"),h&&h.length>0){h.addClass("tab-link-active");var M=h.parents(".tabbar, .tabbar-labels"),y=s.toolbar&&M.length>0&&(M.hasClass("tabbar-highlight")||"ios"!==s.theme);y&&s.toolbar.setHighlight(M)}}return{$newTabEl:d,newTabEl:d[0],$oldTabEl:C,oldTabEl:C[0],onTabsChanged:p,animated:v}}},s={name:"tabs",create:function(){i(this,{tab:{show:r.show.bind(this)}})},on:{"pageInit tabMounted":function(a){var t=e(a.el||a).find(".tabs-animated-wrap > .tabs > .tab-active")[0];if(t){this.tab.show({tabEl:t,animatedInit:!0,animate:!1})}}},clicks:{".tab-link":function(a,t){if(void 0===t&&(t={}),a.attr("href")&&0===a.attr("href").indexOf("#")||a.attr("data-tab")){this.tab.show({tabEl:t.tab||a.attr("href"),tabLinkEl:a,animate:t.animate})}}}};if(t){if(a.prototype.modules&&a.prototype.modules[s.name])return;a.use(s),a.instance&&(a.instance.useModuleParams(s,a.instance.params),a.instance.useModule(s))}return s}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
|
|
@@ -10,19 +10,6 @@
|
|
|
10
10
|
}
|
|
11
11
|
.tabbar,
|
|
12
12
|
.tabbar-labels {
|
|
13
|
-
.tab-link-highlight {
|
|
14
|
-
position: absolute;
|
|
15
|
-
left: 0;
|
|
16
|
-
height: 2px;
|
|
17
|
-
background: var(--f7-tabbar-link-active-border-color, var(--f7-theme-color));
|
|
18
|
-
transition-duration: 300ms;
|
|
19
|
-
.ltr({
|
|
20
|
-
left: 0;
|
|
21
|
-
});
|
|
22
|
-
.rtl({
|
|
23
|
-
right: 0;
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
13
|
.toolbar-inner {
|
|
27
14
|
padding-left: 0;
|
|
28
15
|
padding-right: 0;
|
|
@@ -26,19 +26,6 @@
|
|
|
26
26
|
overflow: hidden;
|
|
27
27
|
position: relative;
|
|
28
28
|
}
|
|
29
|
-
.tab-link-highlight {
|
|
30
|
-
position: absolute;
|
|
31
|
-
left: 0;
|
|
32
|
-
height: 2px;
|
|
33
|
-
background: var(--f7-tabbar-link-active-border-color, var(--f7-theme-color));
|
|
34
|
-
transition-duration: 300ms;
|
|
35
|
-
.ltr({
|
|
36
|
-
left: 0;
|
|
37
|
-
});
|
|
38
|
-
.rtl({
|
|
39
|
-
right: 0;
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
29
|
}
|
|
43
30
|
|
|
44
31
|
.tabbar-labels {
|
|
@@ -153,6 +153,19 @@
|
|
|
153
153
|
height: var(--f7-tabbar-icon-size);
|
|
154
154
|
line-height: var(--f7-tabbar-icon-size);
|
|
155
155
|
}
|
|
156
|
+
.tab-link-highlight {
|
|
157
|
+
position: absolute;
|
|
158
|
+
left: 0;
|
|
159
|
+
height: 2px;
|
|
160
|
+
background: var(--f7-tabbar-link-active-border-color, var(--f7-theme-color));
|
|
161
|
+
transition-duration: 300ms;
|
|
162
|
+
.ltr({
|
|
163
|
+
left: 0;
|
|
164
|
+
});
|
|
165
|
+
.rtl({
|
|
166
|
+
right: 0;
|
|
167
|
+
});
|
|
168
|
+
}
|
|
156
169
|
}
|
|
157
170
|
.tabbar-labels {
|
|
158
171
|
--f7-toolbar-height: var(--f7-tabbar-labels-height);
|
|
@@ -68,17 +68,34 @@ var Calendar = /*#__PURE__*/function (_Framework7Class) {
|
|
|
68
68
|
allowTouchMove: true,
|
|
69
69
|
hasTimePicker: calendar.params.timePicker && !calendar.params.rangePicker && !calendar.params.multiple
|
|
70
70
|
});
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
71
|
+
|
|
72
|
+
calendar.dayFormatter = function (date) {
|
|
73
|
+
var formatter = new Intl.DateTimeFormat(calendar.params.locale, {
|
|
74
|
+
day: 'numeric'
|
|
75
|
+
});
|
|
76
|
+
return formatter.format(date).replace(/日/, '');
|
|
77
|
+
};
|
|
78
|
+
|
|
79
|
+
calendar.monthFormatter = function (date) {
|
|
80
|
+
var formatter = new Intl.DateTimeFormat(calendar.params.locale, {
|
|
81
|
+
month: 'long'
|
|
82
|
+
});
|
|
83
|
+
return formatter.format(date);
|
|
84
|
+
};
|
|
85
|
+
|
|
86
|
+
calendar.yearFormatter = function (date) {
|
|
87
|
+
var formatter = new Intl.DateTimeFormat(calendar.params.locale, {
|
|
88
|
+
year: 'numeric'
|
|
89
|
+
});
|
|
90
|
+
return formatter.format(date);
|
|
91
|
+
};
|
|
92
|
+
|
|
93
|
+
calendar.timeSelectorFormatter = function (date) {
|
|
94
|
+
var formatter = new Intl.DateTimeFormat(calendar.params.locale, calendar.params.timePickerFormat);
|
|
95
|
+
return formatter.format(date);
|
|
96
|
+
};
|
|
97
|
+
|
|
98
|
+
var timeFormatCheckDate = calendar.timeSelectorFormatter(new Date()).toLowerCase();
|
|
82
99
|
calendar.is12HoursFormat = timeFormatCheckDate.indexOf('pm') >= 0 || timeFormatCheckDate.indexOf('am') >= 0; // Auto names
|
|
83
100
|
|
|
84
101
|
var _calendar$params = calendar.params,
|
|
@@ -483,7 +500,7 @@ var Calendar = /*#__PURE__*/function (_Framework7Class) {
|
|
|
483
500
|
|
|
484
501
|
for (var i = 0; i < 24; i += 1) {
|
|
485
502
|
var date = new Date().setMonth(i, 1);
|
|
486
|
-
var currentYear = calendar.yearFormatter
|
|
503
|
+
var currentYear = calendar.yearFormatter(date);
|
|
487
504
|
|
|
488
505
|
if (year && currentYear !== year) {
|
|
489
506
|
if (yearStarted) yearEnded = true;
|
|
@@ -782,7 +799,7 @@ var Calendar = /*#__PURE__*/function (_Framework7Class) {
|
|
|
782
799
|
}
|
|
783
800
|
|
|
784
801
|
if ($el && $el.length > 0 && calendar.hasTimePicker) {
|
|
785
|
-
$el.find('.calendar-time-selector a').text(value && value.length ? calendar.timeSelectorFormatter
|
|
802
|
+
$el.find('.calendar-time-selector a').text(value && value.length ? calendar.timeSelectorFormatter(value[0]) : calendar.params.timePickerPlaceholder);
|
|
786
803
|
}
|
|
787
804
|
|
|
788
805
|
if ($inputEl && $inputEl.length || params.header) {
|
|
@@ -1213,9 +1230,9 @@ var Calendar = /*#__PURE__*/function (_Framework7Class) {
|
|
|
1213
1230
|
var date = new Date(d);
|
|
1214
1231
|
var year = date.getFullYear();
|
|
1215
1232
|
var month = date.getMonth();
|
|
1216
|
-
var localeMonth = calendar.monthNames.indexOf(calendar.monthFormatter
|
|
1233
|
+
var localeMonth = calendar.monthNames.indexOf(calendar.monthFormatter(date));
|
|
1217
1234
|
if (localeMonth < 0) localeMonth = month;
|
|
1218
|
-
var localeYear = calendar.yearFormatter
|
|
1235
|
+
var localeYear = calendar.yearFormatter(date);
|
|
1219
1236
|
|
|
1220
1237
|
if (offset === 'next') {
|
|
1221
1238
|
if (month === 11) date = new Date(year + 1, 0);else date = new Date(year, month + 1, 1);
|
|
@@ -1228,9 +1245,9 @@ var Calendar = /*#__PURE__*/function (_Framework7Class) {
|
|
|
1228
1245
|
if (offset === 'next' || offset === 'prev') {
|
|
1229
1246
|
month = date.getMonth();
|
|
1230
1247
|
year = date.getFullYear();
|
|
1231
|
-
localeMonth = calendar.monthNames.indexOf(calendar.monthFormatter
|
|
1248
|
+
localeMonth = calendar.monthNames.indexOf(calendar.monthFormatter(date));
|
|
1232
1249
|
if (localeMonth < 0) localeMonth = month;
|
|
1233
|
-
localeYear = calendar.yearFormatter
|
|
1250
|
+
localeYear = calendar.yearFormatter(date);
|
|
1234
1251
|
}
|
|
1235
1252
|
|
|
1236
1253
|
var currentValues = [];
|
|
@@ -1375,7 +1392,7 @@ var Calendar = /*#__PURE__*/function (_Framework7Class) {
|
|
|
1375
1392
|
dayDate = new Date(dayDate);
|
|
1376
1393
|
var dayYear = dayDate.getFullYear();
|
|
1377
1394
|
var dayMonth = dayDate.getMonth();
|
|
1378
|
-
var dayNumberDisplay = calendar.dayFormatter
|
|
1395
|
+
var dayNumberDisplay = calendar.dayFormatter(dayDate); // prettier-ignore
|
|
1379
1396
|
|
|
1380
1397
|
rowHtml += ("\n <div data-year=\"" + dayYear + "\" data-month=\"" + dayMonth + "\" data-day=\"" + dayNumber + "\" class=\"calendar-day" + addClass + "\" data-date=\"" + dayYear + "-" + dayMonth + "-" + dayNumber + "\">\n <span class=\"calendar-day-number\">" + dayNumberDisplay + eventsHtml + "</span>\n </div>").trim();
|
|
1381
1398
|
};
|
|
@@ -1499,7 +1516,7 @@ var Calendar = /*#__PURE__*/function (_Framework7Class) {
|
|
|
1499
1516
|
return $jsx("div", {
|
|
1500
1517
|
"data-year": year,
|
|
1501
1518
|
class: "calendar-year-picker-item " + (year === currentYear ? 'calendar-year-picker-item-current' : '')
|
|
1502
|
-
}, $jsx("span", null, calendar.yearFormatter
|
|
1519
|
+
}, $jsx("span", null, calendar.yearFormatter(new Date().setFullYear(year))));
|
|
1503
1520
|
}));
|
|
1504
1521
|
} // eslint-disable-next-line
|
|
1505
1522
|
;
|
|
@@ -1508,7 +1525,7 @@ var Calendar = /*#__PURE__*/function (_Framework7Class) {
|
|
|
1508
1525
|
var calendar = this;
|
|
1509
1526
|
var value = calendar.value && calendar.value[0];
|
|
1510
1527
|
var timeString;
|
|
1511
|
-
if (value) timeString = calendar.timeSelectorFormatter
|
|
1528
|
+
if (value) timeString = calendar.timeSelectorFormatter(value);
|
|
1512
1529
|
return $jsx("div", {
|
|
1513
1530
|
class: "calendar-time-selector"
|
|
1514
1531
|
}, $jsx("a", {
|
|
@@ -43,7 +43,7 @@ var Progressbar = {
|
|
|
43
43
|
$progressbarEl.append($progressbarLine);
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
$progressbarLine.transition(typeof duration !== 'undefined' ? duration : '').transform("translate3d(" + (-100 + progressNormalized) + "%,0,0)");
|
|
46
|
+
$progressbarLine.transition(typeof duration !== 'undefined' ? duration : '').transform("translate3d(" + (-100 + progressNormalized) * (app.rtl ? -1 : 1) + "%,0,0)");
|
|
47
47
|
return $progressbarEl[0];
|
|
48
48
|
},
|
|
49
49
|
show: function show() {
|
|
@@ -224,12 +224,11 @@ var Tab = {
|
|
|
224
224
|
if ($tabLinkEl && $tabLinkEl.length > 0) {
|
|
225
225
|
$tabLinkEl.addClass('tab-link-active'); // Material Highlight
|
|
226
226
|
|
|
227
|
-
|
|
228
|
-
|
|
227
|
+
var $tabbarEl = $tabLinkEl.parents('.tabbar, .tabbar-labels');
|
|
228
|
+
var hasHighlight = app.toolbar && $tabbarEl.length > 0 && ($tabbarEl.hasClass('tabbar-highlight') || app.theme !== 'ios');
|
|
229
229
|
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
}
|
|
230
|
+
if (hasHighlight) {
|
|
231
|
+
app.toolbar.setHighlight($tabbarEl);
|
|
233
232
|
}
|
|
234
233
|
}
|
|
235
234
|
}
|
|
@@ -3,8 +3,8 @@ import { nextFrame, bindMethods } from '../../shared/utils';
|
|
|
3
3
|
var Toolbar = {
|
|
4
4
|
setHighlight: function setHighlight(tabbarEl) {
|
|
5
5
|
var app = this;
|
|
6
|
-
if (app.theme === 'ios') return;
|
|
7
6
|
var $tabbarEl = $(tabbarEl);
|
|
7
|
+
if (app.theme === 'ios' && !$tabbarEl.hasClass('tabbar-highlight')) return;
|
|
8
8
|
if ($tabbarEl.length === 0 || !($tabbarEl.hasClass('tabbar') || $tabbarEl.hasClass('tabbar-labels'))) return;
|
|
9
9
|
var $highlightEl = $tabbarEl.find('.tab-link-highlight');
|
|
10
10
|
var tabLinksCount = $tabbarEl.find('.tab-link').length;
|
package/esm/framework7-bundle.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 6.3.
|
|
2
|
+
* Framework7 6.3.16
|
|
3
3
|
* Full featured mobile HTML framework for building iOS & Android apps
|
|
4
4
|
* https://framework7.io/
|
|
5
5
|
*
|
|
6
|
-
* Copyright 2014-
|
|
6
|
+
* Copyright 2014-2022 Vladimir Kharlampidi
|
|
7
7
|
*
|
|
8
8
|
* Released under the MIT License
|
|
9
9
|
*
|
|
10
|
-
* Released on:
|
|
10
|
+
* Released on: February 10, 2022
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
import $ from './shared/dom7';
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 6.3.
|
|
2
|
+
* Framework7 6.3.16
|
|
3
3
|
* Full featured mobile HTML framework for building iOS & Android apps
|
|
4
4
|
* https://framework7.io/
|
|
5
5
|
*
|
|
6
|
-
* Copyright 2014-
|
|
6
|
+
* Copyright 2014-2022 Vladimir Kharlampidi
|
|
7
7
|
*
|
|
8
8
|
* Released under the MIT License
|
|
9
9
|
*
|
|
10
|
-
* Released on:
|
|
10
|
+
* Released on: February 10, 2022
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
import $ from './shared/dom7';
|