reveal.js-appearance 1.3.0 → 1.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reveal.js-appearance",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "An animation plugin for Reveal.js that animates elements sequentially like in Powerpoint. Perfect for online portfolios or other presentations with images.",
   "keywords": [
     "reveal",
@@ -37,12 +37,12 @@
   },
   "browserslist": "> 2%, not dead",
   "devDependencies": {
-    "@babel/preset-env": "^7.22.5",
-    "@rollup/plugin-babel": "^6.0.3",
-    "@rollup/plugin-commonjs": "^25.0.2",
-    "@rollup/plugin-node-resolve": "^15.1.0",
+    "@babel/preset-env": "^7.23.2",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
     "browser-sync": "^2.29.3",
-    "core-js": "^3.31.0",
     "del": "^5.1.0",
     "gulp": "^4.0.2",
     "gulp-autoprefixer": "^8.0.0",
@@ -52,7 +52,7 @@
     "gulp-rename": "^2.0.0",
     "gulp-sass": "^5.1.0",
     "merge-stream": "^2.0.0",
-    "rollup": "^2.79.1",
+    "rollup": "^4.2.0",
     "sass": "^1.63.6"
   },
   "dependencies": {

package/plugin/appearance/appearance.css

@@ -2,7 +2,7 @@
 /*****************************************************************
  *
  * Appearance for Reveal.js 
- * Version 1.3.0
+ * Version 1.3.1
  * 
  * @author: Martijn De Jongh (Martino), martijn.de.jongh@gmail.com
  * https://github.com/martinomagnifico
@@ -148,6 +148,16 @@
 }
 
 /* Animate.css overrides */
+section:not(.stack):not([data-appearance-can-start]) .animate__animated, section:not(.stack):not([data-appearance-can-start]) .animated {
+  opacity: 0;
+  animation: none;
+}
+
+section:not(.stack)[data-appearance-can-start] .animate__animated:not(.fragment), section:not(.stack)[data-appearance-can-start] .animated:not(.fragment) {
+  opacity: 1;
+}
+
+/* Animations inside fragments */
 section:not(.stack):not([data-appearance-can-start]) .animate__animated,
 section:not(.stack):not([data-appearance-can-start]) .animated,
 .fragment:not(.visible) .animate__animated,
@@ -165,25 +175,33 @@ section:not(.stack):not([data-appearance-can-start]) .animated,
   opacity: 1;
 }
 
-.fragment.animate__animated:not(.visible), .fragment.animated:not(.visible) {
-  transition: opacity 0.3s ease-in-out !important;
+/* Animations which are also fragments */
+.reveal .fragment.animate__animated:not(.visible), .reveal .fragment.animated:not(.visible) {
+  transition: all 0.2s ease;
   opacity: 0;
   animation: none;
   will-change: animation;
 }
-.fragment.animate__animated.visible.animate__animated, .fragment.animate__animated.visible.animated, .fragment.animated.visible.animate__animated, .fragment.animated.visible.animated {
+.reveal .fragment.animate__animated.visible:not(.animationended), .reveal .fragment.animated.visible:not(.animationended) {
   transition: none;
 }
+.reveal .fragment.animate__animated.visible.animationended, .reveal .fragment.animated.visible.animationended {
+  animation: none;
+  transition: all 0.2s ease;
+}
 
 i.animate__animated, i.animated, span.animate__animated, span.animated {
   display: inline-block;
 }
 
-.animate__animated.animationended,
-.animated.animationended {
+.animate__animated[data-auto-animate-target]:not([data-auto-animate-target=unmatched]) {
   animation: none;
 }
 
+[data-auto-animate=running] .animate__animated[data-auto-animate-target]:not([data-auto-animate-target=unmatched]) {
+  opacity: 1 !important;
+}
+
 .fast, .animate__fast {
   animation-duration: calc(var(--animate-duration) * 0.8);
 }