framework7 6.3.14 → 6.3.15
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/progressbar/progressbar.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/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/esm/components/progressbar/progressbar.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/framework7-bundle-rtl.css +21 -21
- package/framework7-bundle-rtl.min.css +4 -4
- package/framework7-bundle.css +7 -7
- package/framework7-bundle.js +4 -4
- 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 +3 -3
- package/framework7-rtl.min.css +3 -3
- package/framework7.css +3 -3
- package/framework7.js +3 -3
- package/framework7.less +3 -3
- package/framework7.min.css +3 -3
- package/framework7.min.js +3 -3
- package/package.json +1 -1
|
@@ -52,7 +52,7 @@ var Progressbar = {
|
|
|
52
52
|
$progressbarEl.append($progressbarLine);
|
|
53
53
|
}
|
|
54
54
|
|
|
55
|
-
$progressbarLine.transition(typeof duration !== 'undefined' ? duration : '').transform("translate3d(" + (-100 + progressNormalized) + "%,0,0)");
|
|
55
|
+
$progressbarLine.transition(typeof duration !== 'undefined' ? duration : '').transform("translate3d(" + (-100 + progressNormalized) * (app.rtl ? -1 : 1) + "%,0,0)");
|
|
56
56
|
return $progressbarEl[0];
|
|
57
57
|
},
|
|
58
58
|
show: function show() {
|
package/cjs/framework7-bundle.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 6.3.
|
|
2
|
+
* Framework7 6.3.15
|
|
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: January 19, 2022
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
"use strict";
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 6.3.
|
|
2
|
+
* Framework7 6.3.15
|
|
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: January 19, 2022
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
"use strict";
|
package/cjs/framework7-lite.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 6.3.
|
|
2
|
+
* Framework7 6.3.15
|
|
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: January 19, 2022
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
"use strict";
|
package/cjs/framework7.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 6.3.
|
|
2
|
+
* Framework7 6.3.15
|
|
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: January 19, 2022
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
"use strict";
|
|
@@ -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;
|
|
@@ -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() {
|
package/esm/framework7-bundle.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 6.3.
|
|
2
|
+
* Framework7 6.3.15
|
|
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: January 19, 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.15
|
|
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: January 19, 2022
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
import $ from './shared/dom7';
|
package/esm/framework7-lite.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 6.3.
|
|
2
|
+
* Framework7 6.3.15
|
|
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: January 19, 2022
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
import $ from './shared/dom7';
|
package/esm/framework7.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 6.3.
|
|
2
|
+
* Framework7 6.3.15
|
|
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: January 19, 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.15
|
|
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: January 19, 2022
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
/*====================
|
|
@@ -8533,10 +8533,10 @@ html.with-modal-preloader .page-content,
|
|
|
8533
8533
|
width: 100%;
|
|
8534
8534
|
height: 100%;
|
|
8535
8535
|
position: absolute;
|
|
8536
|
-
left: 0;
|
|
8537
8536
|
top: 0;
|
|
8538
|
-
transform: translate3d(-100%, 0, 0);
|
|
8539
8537
|
transition-duration: 150ms;
|
|
8538
|
+
right: 0;
|
|
8539
|
+
transform: translate3d(100%, 0, 0);
|
|
8540
8540
|
}
|
|
8541
8541
|
.progressbar-infinite {
|
|
8542
8542
|
z-index: 15000;
|
|
@@ -8545,14 +8545,14 @@ html.with-modal-preloader .page-content,
|
|
|
8545
8545
|
.progressbar-infinite:after {
|
|
8546
8546
|
content: '';
|
|
8547
8547
|
position: absolute;
|
|
8548
|
-
left: 0;
|
|
8549
8548
|
top: 0;
|
|
8550
8549
|
width: 100%;
|
|
8551
8550
|
height: 100%;
|
|
8552
|
-
transform-origin: left center;
|
|
8553
8551
|
transform: translate3d(0, 0, 0);
|
|
8554
8552
|
display: block;
|
|
8555
8553
|
background-color: var(--f7-progressbar-progress-color, var(--f7-theme-color));
|
|
8554
|
+
right: 0;
|
|
8555
|
+
transform-origin: right center;
|
|
8556
8556
|
}
|
|
8557
8557
|
.progressbar-infinite.color-multi {
|
|
8558
8558
|
background: none !important;
|
|
@@ -8619,10 +8619,10 @@ body > .progressbar-infinite,
|
|
|
8619
8619
|
}
|
|
8620
8620
|
@keyframes ios-progressbar-infinite {
|
|
8621
8621
|
0% {
|
|
8622
|
-
transform: translate3d(
|
|
8622
|
+
transform: translate3d(100%, 0, 0);
|
|
8623
8623
|
}
|
|
8624
8624
|
100% {
|
|
8625
|
-
transform: translate3d(100%, 0, 0);
|
|
8625
|
+
transform: translate3d(-100%, 0, 0);
|
|
8626
8626
|
}
|
|
8627
8627
|
}
|
|
8628
8628
|
@keyframes ios-progressbar-infinite-multicolor {
|
|
@@ -8650,33 +8650,33 @@ body > .progressbar-infinite,
|
|
|
8650
8650
|
}
|
|
8651
8651
|
@keyframes md-progressbar-infinite-1 {
|
|
8652
8652
|
0% {
|
|
8653
|
-
transform: translateX(
|
|
8653
|
+
transform: translateX(10%) scaleX(0.1);
|
|
8654
8654
|
}
|
|
8655
8655
|
25% {
|
|
8656
|
-
transform: translateX(30%) scaleX(0.6);
|
|
8656
|
+
transform: translateX(-30%) scaleX(0.6);
|
|
8657
8657
|
}
|
|
8658
8658
|
50% {
|
|
8659
|
-
transform: translateX(100%) scaleX(1);
|
|
8659
|
+
transform: translateX(-100%) scaleX(1);
|
|
8660
8660
|
}
|
|
8661
8661
|
100% {
|
|
8662
|
-
transform: translateX(100%) scaleX(1);
|
|
8662
|
+
transform: translateX(-100%) scaleX(1);
|
|
8663
8663
|
}
|
|
8664
8664
|
}
|
|
8665
8665
|
@keyframes md-progressbar-infinite-2 {
|
|
8666
8666
|
0% {
|
|
8667
|
-
transform: translateX(
|
|
8667
|
+
transform: translateX(100%) scaleX(1);
|
|
8668
8668
|
}
|
|
8669
8669
|
40% {
|
|
8670
|
-
transform: translateX(
|
|
8670
|
+
transform: translateX(100%) scaleX(1);
|
|
8671
8671
|
}
|
|
8672
8672
|
75% {
|
|
8673
|
-
transform: translateX(60%) scaleX(0.35);
|
|
8673
|
+
transform: translateX(-60%) scaleX(0.35);
|
|
8674
8674
|
}
|
|
8675
8675
|
90% {
|
|
8676
|
-
transform: translateX(100%) scaleX(0.1);
|
|
8676
|
+
transform: translateX(-100%) scaleX(0.1);
|
|
8677
8677
|
}
|
|
8678
8678
|
100% {
|
|
8679
|
-
transform: translateX(100%) scaleX(0.1);
|
|
8679
|
+
transform: translateX(-100%) scaleX(0.1);
|
|
8680
8680
|
}
|
|
8681
8681
|
}
|
|
8682
8682
|
@keyframes md-progressbar-infinite-multicolor-bg {
|
|
@@ -8748,10 +8748,10 @@ body > .progressbar-infinite,
|
|
|
8748
8748
|
}
|
|
8749
8749
|
@keyframes aurora-progressbar-infinite {
|
|
8750
8750
|
0% {
|
|
8751
|
-
transform: translate3d(
|
|
8751
|
+
transform: translate3d(100%, 0, 0);
|
|
8752
8752
|
}
|
|
8753
8753
|
100% {
|
|
8754
|
-
transform: translate3d(100%, 0, 0);
|
|
8754
|
+
transform: translate3d(-100%, 0, 0);
|
|
8755
8755
|
}
|
|
8756
8756
|
}
|
|
8757
8757
|
@keyframes aurora-progressbar-infinite-multicolor {
|
|
@@ -8759,7 +8759,7 @@ body > .progressbar-infinite,
|
|
|
8759
8759
|
transform: translate3d(0%, 0, 0);
|
|
8760
8760
|
}
|
|
8761
8761
|
100% {
|
|
8762
|
-
transform: translate3d(
|
|
8762
|
+
transform: translate3d(50%, 0, 0);
|
|
8763
8763
|
}
|
|
8764
8764
|
}
|
|
8765
8765
|
/* === Sortable === */
|