mirror/reveal.js
1
0
Fork 0
mirror of https://github.com/hakimel/reveal.js.git synced 2025-10-28 20:36:13 +01:00
Code Issues Releases Wiki Activity

massive reader mode refactor; adds support for auto-animate + snapping for fragments

Browse Source
This commit is contained in:
Hakim El Hattab
2023-10-20 10:18:34 +02:00
parent a9031821ef
commit cc9a36dc25
8 changed files with 337 additions and 146 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
js/reveal.js
View File

@@ -1431,7 +1431,7 @@ export default function( revealElement, options ) {
if( slideChanged && previousSlide && currentSlide && !overview.isActive() ) {
transition = 'running';
autoAnimateTransition = shoulAutoAnimateBetween( previousSlide, currentSlide, indexhBefore, indexvBefore );
autoAnimateTransition = shouldAutoAnimateBetween( previousSlide, currentSlide, indexhBefore, indexvBefore );
// If this is an auto-animated transition, we disable the
// regular slide transition
@@ -1556,7 +1556,7 @@ export default function( revealElement, options ) {
*
* @returns {boolean}
*/
function shoulAutoAnimateBetween( fromSlide, toSlide, indexhBefore, indexvBefore ) {
function shouldAutoAnimateBetween( fromSlide, toSlide, indexhBefore, indexvBefore ) {
return fromSlide.hasAttribute( 'data-auto-animate' ) && toSlide.hasAttribute( 'data-auto-animate' ) &&
fromSlide.getAttribute( 'data-auto-animate-id' ) === toSlide.getAttribute( 'data-auto-animate-id' ) &&
@@ -1569,9 +1569,9 @@ export default function( revealElement, options ) {
* page is the page that occupies the most space in the viewport.
*
* @param {number} pageIndex
* @param {HTMLElement} pageElement
* @param {HTMLElement} slideElement
*/
function setCurrentReaderPage( pageElement, h, v ) {
function setCurrentReaderPage( slideElement, h, v ) {
let indexhBefore = indexh || 0;
@@ -1579,12 +1579,12 @@ export default function( revealElement, options ) {
indexv = v;
previousSlide = currentSlide;
currentSlide = pageElement.querySelector( 'section' );
currentSlide = slideElement;
if( currentSlide && previousSlide ) {
if( config.autoAnimate && shoulAutoAnimateBetween( previousSlide, currentSlide, indexhBefore, indexv ) ) {
if( config.autoAnimate && shouldAutoAnimateBetween( previousSlide, currentSlide, indexhBefore, indexv ) ) {
// Run the auto-animation between our slides
// autoAnimate.run( previousSlide, currentSlide );
autoAnimate.run( previousSlide, currentSlide );
}
}
@@ -2928,6 +2928,8 @@ export default function( revealElement, options ) {
hasNavigatedHorizontally: () => navigationHistory.hasNavigatedHorizontally,
hasNavigatedVertically: () => navigationHistory.hasNavigatedVertically,
shouldAutoAnimateBetween,
// Adds/removes a custom key binding
addKeyBinding: keyboard.addKeyBinding.bind( keyboard ),
removeKeyBinding: keyboard.removeKeyBinding.bind( keyboard ),