reveal.js-appearance 1.3.0 → 1.3.3
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/CHANGELOG.md +19 -0
- package/package.json +10 -10
- package/plugin/appearance/appearance.css +24 -6
- package/plugin/appearance/appearance.esm.js +2 -693
- package/plugin/appearance/appearance.js +2 -701
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
|
|
4
|
+
## [1.3.2] - 2023-11-18
|
|
5
|
+
### Added
|
|
6
|
+
- Added embedded example to the demo’s
|
|
7
|
+
|
|
8
|
+
### Changed
|
|
9
|
+
- Fixed a bug where the plugin would not work if in an embedded presentation
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
## [1.3.1] - 2023-11-05
|
|
13
|
+
### Added
|
|
14
|
+
- Added Terser to minimize files
|
|
15
|
+
|
|
16
|
+
### Changed
|
|
17
|
+
- Fixed invisible elements in auto-animate slides
|
|
18
|
+
- Changed demo to align normal and MarkDown slides
|
|
19
|
+
- Changed loadStyle function
|
|
20
|
+
- Updated gulp file and dev dependencies
|
|
21
|
+
|
|
3
22
|
## [1.3.0] - 2023-10-25
|
|
4
23
|
### Added
|
|
5
24
|
- Added word and character appearances
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "reveal.js-appearance",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.3",
|
|
4
4
|
"description": "An animation plugin for Reveal.js that animates elements sequentially like in Powerpoint. Perfect for online portfolios or other presentations with images.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"reveal",
|
|
@@ -33,16 +33,17 @@
|
|
|
33
33
|
},
|
|
34
34
|
"overrides": {
|
|
35
35
|
"chokidar": "3.5.3",
|
|
36
|
-
"glob-parent": "6.0.2"
|
|
36
|
+
"glob-parent": "6.0.2",
|
|
37
|
+
"axios": "1.6.1"
|
|
37
38
|
},
|
|
38
39
|
"browserslist": "> 2%, not dead",
|
|
39
40
|
"devDependencies": {
|
|
40
|
-
"@babel/preset-env": "^7.
|
|
41
|
-
"@rollup/plugin-babel": "^6.0.
|
|
42
|
-
"@rollup/plugin-commonjs": "^25.0.
|
|
43
|
-
"@rollup/plugin-node-resolve": "^15.
|
|
41
|
+
"@babel/preset-env": "^7.23.2",
|
|
42
|
+
"@rollup/plugin-babel": "^6.0.4",
|
|
43
|
+
"@rollup/plugin-commonjs": "^25.0.7",
|
|
44
|
+
"@rollup/plugin-node-resolve": "^15.2.3",
|
|
45
|
+
"@rollup/plugin-terser": "^0.4.4",
|
|
44
46
|
"browser-sync": "^2.29.3",
|
|
45
|
-
"core-js": "^3.31.0",
|
|
46
47
|
"del": "^5.1.0",
|
|
47
48
|
"gulp": "^4.0.2",
|
|
48
49
|
"gulp-autoprefixer": "^8.0.0",
|
|
@@ -52,12 +53,11 @@
|
|
|
52
53
|
"gulp-rename": "^2.0.0",
|
|
53
54
|
"gulp-sass": "^5.1.0",
|
|
54
55
|
"merge-stream": "^2.0.0",
|
|
55
|
-
"rollup": "^2.
|
|
56
|
+
"rollup": "^4.2.0",
|
|
56
57
|
"sass": "^1.63.6"
|
|
57
58
|
},
|
|
58
59
|
"dependencies": {
|
|
59
|
-
"
|
|
60
|
-
"reveal.js": "^4.6.0"
|
|
60
|
+
"reveal.js": "^5.0.1"
|
|
61
61
|
},
|
|
62
62
|
"copydependencies": [
|
|
63
63
|
"reveal.js"
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
/*****************************************************************
|
|
3
3
|
*
|
|
4
4
|
* Appearance for Reveal.js
|
|
5
|
-
* Version 1.3.
|
|
5
|
+
* Version 1.3.3
|
|
6
6
|
*
|
|
7
7
|
* @author: Martijn De Jongh (Martino), martijn.de.jongh@gmail.com
|
|
8
8
|
* https://github.com/martinomagnifico
|
|
@@ -148,6 +148,16 @@
|
|
|
148
148
|
}
|
|
149
149
|
|
|
150
150
|
/* Animate.css overrides */
|
|
151
|
+
section:not(.stack):not([data-appearance-can-start]) .animate__animated, section:not(.stack):not([data-appearance-can-start]) .animated {
|
|
152
|
+
opacity: 0;
|
|
153
|
+
animation: none;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
section:not(.stack)[data-appearance-can-start] .animate__animated:not(.fragment), section:not(.stack)[data-appearance-can-start] .animated:not(.fragment) {
|
|
157
|
+
opacity: 1;
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
/* Animations inside fragments */
|
|
151
161
|
section:not(.stack):not([data-appearance-can-start]) .animate__animated,
|
|
152
162
|
section:not(.stack):not([data-appearance-can-start]) .animated,
|
|
153
163
|
.fragment:not(.visible) .animate__animated,
|
|
@@ -165,25 +175,33 @@ section:not(.stack):not([data-appearance-can-start]) .animated,
|
|
|
165
175
|
opacity: 1;
|
|
166
176
|
}
|
|
167
177
|
|
|
168
|
-
|
|
169
|
-
|
|
178
|
+
/* Animations which are also fragments */
|
|
179
|
+
.reveal .fragment.animate__animated:not(.visible), .reveal .fragment.animated:not(.visible) {
|
|
180
|
+
transition: all 0.2s ease;
|
|
170
181
|
opacity: 0;
|
|
171
182
|
animation: none;
|
|
172
183
|
will-change: animation;
|
|
173
184
|
}
|
|
174
|
-
.
|
|
185
|
+
.reveal .fragment.animate__animated.visible:not(.animationended), .reveal .fragment.animated.visible:not(.animationended) {
|
|
175
186
|
transition: none;
|
|
176
187
|
}
|
|
188
|
+
.reveal .fragment.animate__animated.visible.animationended, .reveal .fragment.animated.visible.animationended {
|
|
189
|
+
animation: none;
|
|
190
|
+
transition: all 0.2s ease;
|
|
191
|
+
}
|
|
177
192
|
|
|
178
193
|
i.animate__animated, i.animated, span.animate__animated, span.animated {
|
|
179
194
|
display: inline-block;
|
|
180
195
|
}
|
|
181
196
|
|
|
182
|
-
.animate__animated
|
|
183
|
-
.animated.animationended {
|
|
197
|
+
.animate__animated[data-auto-animate-target]:not([data-auto-animate-target=unmatched]) {
|
|
184
198
|
animation: none;
|
|
185
199
|
}
|
|
186
200
|
|
|
201
|
+
[data-auto-animate=running] .animate__animated[data-auto-animate-target]:not([data-auto-animate-target=unmatched]) {
|
|
202
|
+
opacity: 1 !important;
|
|
203
|
+
}
|
|
204
|
+
|
|
187
205
|
.fast, .animate__fast {
|
|
188
206
|
animation-duration: calc(var(--animate-duration) * 0.8);
|
|
189
207
|
}
|