1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851 |
- import SlideContent from './controllers/slidecontent.js'
- import SlideNumber from './controllers/slidenumber.js'
- import JumpToSlide from './controllers/jumptoslide.js'
- import Backgrounds from './controllers/backgrounds.js'
- import AutoAnimate from './controllers/autoanimate.js'
- import Fragments from './controllers/fragments.js'
- import Overview from './controllers/overview.js'
- import Keyboard from './controllers/keyboard.js'
- import Location from './controllers/location.js'
- import Controls from './controllers/controls.js'
- import Progress from './controllers/progress.js'
- import Pointer from './controllers/pointer.js'
- import Plugins from './controllers/plugins.js'
- import Print from './controllers/print.js'
- import Touch from './controllers/touch.js'
- import Focus from './controllers/focus.js'
- import Notes from './controllers/notes.js'
- import Playback from './components/playback.js'
- import defaultConfig from './config.js'
- import * as Util from './utils/util.js'
- import * as Device from './utils/device.js'
- import {
- SLIDES_SELECTOR,
- HORIZONTAL_SLIDES_SELECTOR,
- VERTICAL_SLIDES_SELECTOR,
- POST_MESSAGE_METHOD_BLACKLIST
- } from './utils/constants.js'
-
-
- export const VERSION = '4.6.0';
-
-
- export default function( revealElement, options ) {
-
-
-
- if( arguments.length < 2 ) {
- options = arguments[0];
- revealElement = document.querySelector( '.reveal' );
- }
-
- const Reveal = {};
-
-
- let config = {},
-
-
- ready = false,
-
-
- indexh,
- indexv,
-
-
- previousSlide,
- currentSlide,
-
-
- navigationHistory = {
- hasNavigatedHorizontally: false,
- hasNavigatedVertically: false
- },
-
-
-
-
- state = [],
-
-
- scale = 1,
-
-
-
- slidesTransform = { layout: '', overview: '' },
-
-
- dom = {},
-
-
- eventsAreBound = false,
-
-
- transition = 'idle',
-
-
- autoSlide = 0,
-
-
- autoSlidePlayer,
- autoSlideTimeout = 0,
- autoSlideStartTime = -1,
- autoSlidePaused = false,
-
-
-
-
- slideContent = new SlideContent( Reveal ),
- slideNumber = new SlideNumber( Reveal ),
- jumpToSlide = new JumpToSlide( Reveal ),
- autoAnimate = new AutoAnimate( Reveal ),
- backgrounds = new Backgrounds( Reveal ),
- fragments = new Fragments( Reveal ),
- overview = new Overview( Reveal ),
- keyboard = new Keyboard( Reveal ),
- location = new Location( Reveal ),
- controls = new Controls( Reveal ),
- progress = new Progress( Reveal ),
- pointer = new Pointer( Reveal ),
- plugins = new Plugins( Reveal ),
- print = new Print( Reveal ),
- focus = new Focus( Reveal ),
- touch = new Touch( Reveal ),
- notes = new Notes( Reveal );
-
-
-
- function initialize( initOptions ) {
-
- if( !revealElement ) throw 'Unable to find presentation root (<div class="reveal">).';
-
-
- dom.wrapper = revealElement;
- dom.slides = revealElement.querySelector( '.slides' );
-
- if( !dom.slides ) throw 'Unable to find slides container (<div class="slides">).';
-
-
-
-
-
-
-
-
- config = { ...defaultConfig, ...config, ...options, ...initOptions, ...Util.getQueryHash() };
-
- setViewport();
-
-
- window.addEventListener( 'load', layout, false );
-
-
- plugins.load( config.plugins, config.dependencies ).then( start );
-
- return new Promise( resolve => Reveal.on( 'ready', resolve ) );
-
- }
-
-
-
- function setViewport() {
-
-
- if( config.embedded === true ) {
- dom.viewport = Util.closest( revealElement, '.reveal-viewport' ) || revealElement;
- }
-
- else {
- dom.viewport = document.body;
- document.documentElement.classList.add( 'reveal-full-page' );
- }
-
- dom.viewport.classList.add( 'reveal-viewport' );
-
- }
-
-
-
- function start() {
-
- ready = true;
-
-
- removeHiddenSlides();
-
-
- setupDOM();
-
-
- setupPostMessage();
-
-
- setupScrollPrevention();
-
-
- setupFullscreen();
-
-
- resetVerticalSlides();
-
-
- configure();
-
-
- location.readURL();
-
-
- backgrounds.update( true );
-
-
-
- setTimeout( () => {
-
- dom.slides.classList.remove( 'no-transition' );
-
- dom.wrapper.classList.add( 'ready' );
-
- dispatchEvent({
- type: 'ready',
- data: {
- indexh,
- indexv,
- currentSlide
- }
- });
- }, 1 );
-
-
- if( print.isPrintingPDF() ) {
- removeEventListeners();
-
-
-
- if( document.readyState === 'complete' ) {
- print.setupPDF();
- }
- else {
- window.addEventListener( 'load', () => {
- print.setupPDF();
- } );
- }
- }
-
- }
-
-
-
- function removeHiddenSlides() {
-
- if( !config.showHiddenSlides ) {
- Util.queryAll( dom.wrapper, 'section[data-visibility="hidden"]' ).forEach( slide => {
- const parent = slide.parentNode;
-
-
-
-
- if( parent.childElementCount === 1 && /section/i.test( parent.nodeName ) ) {
- parent.remove();
- }
- else {
- slide.remove();
- }
-
- } );
- }
-
- }
-
-
-
- function setupDOM() {
-
-
- dom.slides.classList.add( 'no-transition' );
-
- if( Device.isMobile ) {
- dom.wrapper.classList.add( 'no-hover' );
- }
- else {
- dom.wrapper.classList.remove( 'no-hover' );
- }
-
- backgrounds.render();
- slideNumber.render();
- jumpToSlide.render();
- controls.render();
- progress.render();
- notes.render();
-
-
- dom.pauseOverlay = Util.createSingletonNode( dom.wrapper, 'div', 'pause-overlay', config.controls ? '<button class="resume-button">Resume presentation</button>' : null );
-
- dom.statusElement = createStatusElement();
-
- dom.wrapper.setAttribute( 'role', 'application' );
- }
-
-
-
- function createStatusElement() {
-
- let statusElement = dom.wrapper.querySelector( '.aria-status' );
- if( !statusElement ) {
- statusElement = document.createElement( 'div' );
- statusElement.style.position = 'absolute';
- statusElement.style.height = '1px';
- statusElement.style.width = '1px';
- statusElement.style.overflow = 'hidden';
- statusElement.style.clip = 'rect( 1px, 1px, 1px, 1px )';
- statusElement.classList.add( 'aria-status' );
- statusElement.setAttribute( 'aria-live', 'polite' );
- statusElement.setAttribute( 'aria-atomic','true' );
- dom.wrapper.appendChild( statusElement );
- }
- return statusElement;
-
- }
-
-
-
- function announceStatus( value ) {
-
- dom.statusElement.textContent = value;
-
- }
-
-
-
- function getStatusText( node ) {
-
- let text = '';
-
-
- if( node.nodeType === 3 ) {
- text += node.textContent;
- }
-
- else if( node.nodeType === 1 ) {
-
- let isAriaHidden = node.getAttribute( 'aria-hidden' );
- let isDisplayHidden = window.getComputedStyle( node )['display'] === 'none';
- if( isAriaHidden !== 'true' && !isDisplayHidden ) {
-
- Array.from( node.childNodes ).forEach( child => {
- text += getStatusText( child );
- } );
-
- }
-
- }
-
- text = text.trim();
-
- return text === '' ? '' : text + ' ';
-
- }
-
-
-
- function setupScrollPrevention() {
-
- setInterval( () => {
- if( dom.wrapper.scrollTop !== 0 || dom.wrapper.scrollLeft !== 0 ) {
- dom.wrapper.scrollTop = 0;
- dom.wrapper.scrollLeft = 0;
- }
- }, 1000 );
-
- }
-
-
-
- function setupFullscreen() {
-
- document.addEventListener( 'fullscreenchange', onFullscreenChange );
- document.addEventListener( 'webkitfullscreenchange', onFullscreenChange );
-
- }
-
-
-
- function setupPostMessage() {
-
- if( config.postMessage ) {
- window.addEventListener( 'message', onPostMessage, false );
- }
-
- }
-
-
-
- function configure( options ) {
-
- const oldConfig = { ...config }
-
-
-
- if( typeof options === 'object' ) Util.extend( config, options );
-
-
-
- if( Reveal.isReady() === false ) return;
-
- const numberOfSlides = dom.wrapper.querySelectorAll( SLIDES_SELECTOR ).length;
-
-
- dom.wrapper.classList.remove( oldConfig.transition );
- dom.wrapper.classList.add( config.transition );
-
- dom.wrapper.setAttribute( 'data-transition-speed', config.transitionSpeed );
- dom.wrapper.setAttribute( 'data-background-transition', config.backgroundTransition );
-
-
- dom.viewport.style.setProperty( '--slide-width', config.width + 'px' );
- dom.viewport.style.setProperty( '--slide-height', config.height + 'px' );
-
- if( config.shuffle ) {
- shuffle();
- }
-
- Util.toggleClass( dom.wrapper, 'embedded', config.embedded );
- Util.toggleClass( dom.wrapper, 'rtl', config.rtl );
- Util.toggleClass( dom.wrapper, 'center', config.center );
-
-
- if( config.pause === false ) {
- resume();
- }
-
-
- if( config.previewLinks ) {
- enablePreviewLinks();
- disablePreviewLinks( '[data-preview-link=false]' );
- }
- else {
- disablePreviewLinks();
- enablePreviewLinks( '[data-preview-link]:not([data-preview-link=false])' );
- }
-
-
- autoAnimate.reset();
-
-
- if( autoSlidePlayer ) {
- autoSlidePlayer.destroy();
- autoSlidePlayer = null;
- }
-
-
- if( numberOfSlides > 1 && config.autoSlide && config.autoSlideStoppable ) {
- autoSlidePlayer = new Playback( dom.wrapper, () => {
- return Math.min( Math.max( ( Date.now() - autoSlideStartTime ) / autoSlide, 0 ), 1 );
- } );
-
- autoSlidePlayer.on( 'click', onAutoSlidePlayerClick );
- autoSlidePaused = false;
- }
-
-
- if( config.navigationMode !== 'default' ) {
- dom.wrapper.setAttribute( 'data-navigation-mode', config.navigationMode );
- }
- else {
- dom.wrapper.removeAttribute( 'data-navigation-mode' );
- }
-
- notes.configure( config, oldConfig );
- focus.configure( config, oldConfig );
- pointer.configure( config, oldConfig );
- controls.configure( config, oldConfig );
- progress.configure( config, oldConfig );
- keyboard.configure( config, oldConfig );
- fragments.configure( config, oldConfig );
- slideNumber.configure( config, oldConfig );
-
- sync();
-
- }
-
-
-
- function addEventListeners() {
-
- eventsAreBound = true;
-
- window.addEventListener( 'resize', onWindowResize, false );
-
- if( config.touch ) touch.bind();
- if( config.keyboard ) keyboard.bind();
- if( config.progress ) progress.bind();
- if( config.respondToHashChanges ) location.bind();
- controls.bind();
- focus.bind();
-
- dom.slides.addEventListener( 'click', onSlidesClicked, false );
- dom.slides.addEventListener( 'transitionend', onTransitionEnd, false );
- dom.pauseOverlay.addEventListener( 'click', resume, false );
-
- if( config.focusBodyOnPageVisibilityChange ) {
- document.addEventListener( 'visibilitychange', onPageVisibilityChange, false );
- }
-
- }
-
-
-
- function removeEventListeners() {
-
- eventsAreBound = false;
-
- touch.unbind();
- focus.unbind();
- keyboard.unbind();
- controls.unbind();
- progress.unbind();
- location.unbind();
-
- window.removeEventListener( 'resize', onWindowResize, false );
-
- dom.slides.removeEventListener( 'click', onSlidesClicked, false );
- dom.slides.removeEventListener( 'transitionend', onTransitionEnd, false );
- dom.pauseOverlay.removeEventListener( 'click', resume, false );
-
- }
-
-
-
- function destroy() {
-
- removeEventListeners();
- cancelAutoSlide();
- disablePreviewLinks();
-
-
- notes.destroy();
- focus.destroy();
- plugins.destroy();
- pointer.destroy();
- controls.destroy();
- progress.destroy();
- backgrounds.destroy();
- slideNumber.destroy();
- jumpToSlide.destroy();
-
-
- document.removeEventListener( 'fullscreenchange', onFullscreenChange );
- document.removeEventListener( 'webkitfullscreenchange', onFullscreenChange );
- document.removeEventListener( 'visibilitychange', onPageVisibilityChange, false );
- window.removeEventListener( 'message', onPostMessage, false );
- window.removeEventListener( 'load', layout, false );
-
-
- if( dom.pauseOverlay ) dom.pauseOverlay.remove();
- if( dom.statusElement ) dom.statusElement.remove();
-
- document.documentElement.classList.remove( 'reveal-full-page' );
-
- dom.wrapper.classList.remove( 'ready', 'center', 'has-horizontal-slides', 'has-vertical-slides' );
- dom.wrapper.removeAttribute( 'data-transition-speed' );
- dom.wrapper.removeAttribute( 'data-background-transition' );
-
- dom.viewport.classList.remove( 'reveal-viewport' );
- dom.viewport.style.removeProperty( '--slide-width' );
- dom.viewport.style.removeProperty( '--slide-height' );
-
- dom.slides.style.removeProperty( 'width' );
- dom.slides.style.removeProperty( 'height' );
- dom.slides.style.removeProperty( 'zoom' );
- dom.slides.style.removeProperty( 'left' );
- dom.slides.style.removeProperty( 'top' );
- dom.slides.style.removeProperty( 'bottom' );
- dom.slides.style.removeProperty( 'right' );
- dom.slides.style.removeProperty( 'transform' );
-
- Array.from( dom.wrapper.querySelectorAll( SLIDES_SELECTOR ) ).forEach( slide => {
- slide.style.removeProperty( 'display' );
- slide.style.removeProperty( 'top' );
- slide.removeAttribute( 'hidden' );
- slide.removeAttribute( 'aria-hidden' );
- } );
-
- }
-
-
-
- function on( type, listener, useCapture ) {
-
- revealElement.addEventListener( type, listener, useCapture );
-
- }
-
-
-
- function off( type, listener, useCapture ) {
-
- revealElement.removeEventListener( type, listener, useCapture );
-
- }
-
-
-
- function transformSlides( transforms ) {
-
-
- if( typeof transforms.layout === 'string' ) slidesTransform.layout = transforms.layout;
- if( typeof transforms.overview === 'string' ) slidesTransform.overview = transforms.overview;
-
-
- if( slidesTransform.layout ) {
- Util.transformElement( dom.slides, slidesTransform.layout + ' ' + slidesTransform.overview );
- }
- else {
- Util.transformElement( dom.slides, slidesTransform.overview );
- }
-
- }
-
-
-
- function dispatchEvent({ target=dom.wrapper, type, data, bubbles=true }) {
-
- let event = document.createEvent( 'HTMLEvents', 1, 2 );
- event.initEvent( type, bubbles, true );
- Util.extend( event, data );
- target.dispatchEvent( event );
-
- if( target === dom.wrapper ) {
-
-
- dispatchPostMessage( type );
- }
-
- return event;
-
- }
-
-
-
- function dispatchPostMessage( type, data ) {
-
- if( config.postMessageEvents && window.parent !== window.self ) {
- let message = {
- namespace: 'reveal',
- eventName: type,
- state: getState()
- };
-
- Util.extend( message, data );
-
- window.parent.postMessage( JSON.stringify( message ), '*' );
- }
-
- }
-
-
-
- function enablePreviewLinks( selector = 'a' ) {
-
- Array.from( dom.wrapper.querySelectorAll( selector ) ).forEach( element => {
- if( /^(http|www)/gi.test( element.getAttribute( 'href' ) ) ) {
- element.addEventListener( 'click', onPreviewLinkClicked, false );
- }
- } );
-
- }
-
-
-
- function disablePreviewLinks( selector = 'a' ) {
-
- Array.from( dom.wrapper.querySelectorAll( selector ) ).forEach( element => {
- if( /^(http|www)/gi.test( element.getAttribute( 'href' ) ) ) {
- element.removeEventListener( 'click', onPreviewLinkClicked, false );
- }
- } );
-
- }
-
-
-
- function showPreview( url ) {
-
- closeOverlay();
-
- dom.overlay = document.createElement( 'div' );
- dom.overlay.classList.add( 'overlay' );
- dom.overlay.classList.add( 'overlay-preview' );
- dom.wrapper.appendChild( dom.overlay );
-
- dom.overlay.innerHTML =
- `<header>
- <a class="close" href="#"><span class="icon"></span></a>
- <a class="external" href="${url}" target="_blank"><span class="icon"></span></a>
- </header>
- <div class="spinner"></div>
- <div class="viewport">
- <iframe src="${url}"></iframe>
- <small class="viewport-inner">
- <span class="x-frame-error">Unable to load iframe. This is likely due to the site's policy (x-frame-options).</span>
- </small>
- </div>`;
-
- dom.overlay.querySelector( 'iframe' ).addEventListener( 'load', event => {
- dom.overlay.classList.add( 'loaded' );
- }, false );
-
- dom.overlay.querySelector( '.close' ).addEventListener( 'click', event => {
- closeOverlay();
- event.preventDefault();
- }, false );
-
- dom.overlay.querySelector( '.external' ).addEventListener( 'click', event => {
- closeOverlay();
- }, false );
-
- }
-
-
-
- function toggleHelp( override ){
-
- if( typeof override === 'boolean' ) {
- override ? showHelp() : closeOverlay();
- }
- else {
- if( dom.overlay ) {
- closeOverlay();
- }
- else {
- showHelp();
- }
- }
- }
-
-
-
- function showHelp() {
-
- if( config.help ) {
-
- closeOverlay();
-
- dom.overlay = document.createElement( 'div' );
- dom.overlay.classList.add( 'overlay' );
- dom.overlay.classList.add( 'overlay-help' );
- dom.wrapper.appendChild( dom.overlay );
-
- let html = '<p class="title">Keyboard Shortcuts</p><br/>';
-
- let shortcuts = keyboard.getShortcuts(),
- bindings = keyboard.getBindings();
-
- html += '<table><th>KEY</th><th>ACTION</th>';
- for( let key in shortcuts ) {
- html += `<tr><td>${key}</td><td>${shortcuts[ key ]}</td></tr>`;
- }
-
-
- for( let binding in bindings ) {
- if( bindings[binding].key && bindings[binding].description ) {
- html += `<tr><td>${bindings[binding].key}</td><td>${bindings[binding].description}</td></tr>`;
- }
- }
-
- html += '</table>';
-
- dom.overlay.innerHTML = `
- <header>
- <a class="close" href="#"><span class="icon"></span></a>
- </header>
- <div class="viewport">
- <div class="viewport-inner">${html}</div>
- </div>
- `;
-
- dom.overlay.querySelector( '.close' ).addEventListener( 'click', event => {
- closeOverlay();
- event.preventDefault();
- }, false );
-
- }
-
- }
-
-
-
- function closeOverlay() {
-
- if( dom.overlay ) {
- dom.overlay.parentNode.removeChild( dom.overlay );
- dom.overlay = null;
- return true;
- }
-
- return false;
-
- }
-
-
-
- function layout() {
-
- if( dom.wrapper && !print.isPrintingPDF() ) {
-
- if( !config.disableLayout ) {
-
-
-
-
-
-
-
- if( Device.isMobile && !config.embedded ) {
- document.documentElement.style.setProperty( '--vh', ( window.innerHeight * 0.01 ) + 'px' );
- }
-
- const size = getComputedSlideSize();
-
- const oldScale = scale;
-
-
- layoutSlideContents( config.width, config.height );
-
- dom.slides.style.width = size.width + 'px';
- dom.slides.style.height = size.height + 'px';
-
-
- scale = Math.min( size.presentationWidth / size.width, size.presentationHeight / size.height );
-
-
- scale = Math.max( scale, config.minScale );
- scale = Math.min( scale, config.maxScale );
-
-
- if( scale === 1 ) {
- dom.slides.style.zoom = '';
- dom.slides.style.left = '';
- dom.slides.style.top = '';
- dom.slides.style.bottom = '';
- dom.slides.style.right = '';
- transformSlides( { layout: '' } );
- }
- else {
- dom.slides.style.zoom = '';
- dom.slides.style.left = '50%';
- dom.slides.style.top = '50%';
- dom.slides.style.bottom = 'auto';
- dom.slides.style.right = 'auto';
- transformSlides( { layout: 'translate(-50%, -50%) scale('+ scale +')' } );
- }
-
-
- const slides = Array.from( dom.wrapper.querySelectorAll( SLIDES_SELECTOR ) );
-
- for( let i = 0, len = slides.length; i < len; i++ ) {
- const slide = slides[ i ];
-
-
- if( slide.style.display === 'none' ) {
- continue;
- }
-
- if( config.center || slide.classList.contains( 'center' ) ) {
-
-
- if( slide.classList.contains( 'stack' ) ) {
- slide.style.top = 0;
- }
- else {
- slide.style.top = Math.max( ( size.height - slide.scrollHeight ) / 2, 0 ) + 'px';
- }
- }
- else {
- slide.style.top = '';
- }
-
- }
-
- if( oldScale !== scale ) {
- dispatchEvent({
- type: 'resize',
- data: {
- oldScale,
- scale,
- size
- }
- });
- }
- }
-
- dom.viewport.style.setProperty( '--slide-scale', scale );
-
- progress.update();
- backgrounds.updateParallax();
-
- if( overview.isActive() ) {
- overview.update();
- }
-
- }
-
- }
-
-
-
- function layoutSlideContents( width, height ) {
-
-
- Util.queryAll( dom.slides, 'section > .stretch, section > .r-stretch' ).forEach( element => {
-
-
- let remainingHeight = Util.getRemainingHeight( element, height );
-
-
- if( /(img|video)/gi.test( element.nodeName ) ) {
- const nw = element.naturalWidth || element.videoWidth,
- nh = element.naturalHeight || element.videoHeight;
-
- const es = Math.min( width / nw, remainingHeight / nh );
-
- element.style.width = ( nw * es ) + 'px';
- element.style.height = ( nh * es ) + 'px';
-
- }
- else {
- element.style.width = width + 'px';
- element.style.height = remainingHeight + 'px';
- }
-
- } );
-
- }
-
-
-
- function getComputedSlideSize( presentationWidth, presentationHeight ) {
- let width = config.width;
- let height = config.height;
-
- if( config.disableLayout ) {
- width = dom.slides.offsetWidth;
- height = dom.slides.offsetHeight;
- }
-
- const size = {
-
- width: width,
- height: height,
-
-
- presentationWidth: presentationWidth || dom.wrapper.offsetWidth,
- presentationHeight: presentationHeight || dom.wrapper.offsetHeight
- };
-
-
- size.presentationWidth -= ( size.presentationWidth * config.margin );
- size.presentationHeight -= ( size.presentationHeight * config.margin );
-
-
- if( typeof size.width === 'string' && /%$/.test( size.width ) ) {
- size.width = parseInt( size.width, 10 ) / 100 * size.presentationWidth;
- }
-
-
- if( typeof size.height === 'string' && /%$/.test( size.height ) ) {
- size.height = parseInt( size.height, 10 ) / 100 * size.presentationHeight;
- }
-
- return size;
-
- }
-
-
-
- function setPreviousVerticalIndex( stack, v ) {
-
- if( typeof stack === 'object' && typeof stack.setAttribute === 'function' ) {
- stack.setAttribute( 'data-previous-indexv', v || 0 );
- }
-
- }
-
-
-
- function getPreviousVerticalIndex( stack ) {
-
- if( typeof stack === 'object' && typeof stack.setAttribute === 'function' && stack.classList.contains( 'stack' ) ) {
-
- const attributeName = stack.hasAttribute( 'data-start-indexv' ) ? 'data-start-indexv' : 'data-previous-indexv';
-
- return parseInt( stack.getAttribute( attributeName ) || 0, 10 );
- }
-
- return 0;
-
- }
-
-
-
- function isVerticalSlide( slide = currentSlide ) {
-
- return slide && slide.parentNode && !!slide.parentNode.nodeName.match( /section/i );
-
- }
-
-
-
- function isLastVerticalSlide() {
-
- if( currentSlide && isVerticalSlide( currentSlide ) ) {
-
- if( currentSlide.nextElementSibling ) return false;
-
- return true;
- }
-
- return false;
-
- }
-
-
-
- function isFirstSlide() {
-
- return indexh === 0 && indexv === 0;
-
- }
-
-
-
- function isLastSlide() {
-
- if( currentSlide ) {
-
- if( currentSlide.nextElementSibling ) return false;
-
-
- if( isVerticalSlide( currentSlide ) && currentSlide.parentNode.nextElementSibling ) return false;
-
- return true;
- }
-
- return false;
-
- }
-
-
-
- function pause() {
-
- if( config.pause ) {
- const wasPaused = dom.wrapper.classList.contains( 'paused' );
-
- cancelAutoSlide();
- dom.wrapper.classList.add( 'paused' );
-
- if( wasPaused === false ) {
- dispatchEvent({ type: 'paused' });
- }
- }
-
- }
-
-
-
- function resume() {
-
- const wasPaused = dom.wrapper.classList.contains( 'paused' );
- dom.wrapper.classList.remove( 'paused' );
-
- cueAutoSlide();
-
- if( wasPaused ) {
- dispatchEvent({ type: 'resumed' });
- }
-
- }
-
-
-
- function togglePause( override ) {
-
- if( typeof override === 'boolean' ) {
- override ? pause() : resume();
- }
- else {
- isPaused() ? resume() : pause();
- }
-
- }
-
-
-
- function isPaused() {
-
- return dom.wrapper.classList.contains( 'paused' );
-
- }
-
-
-
- function toggleJumpToSlide( override ) {
-
- if( typeof override === 'boolean' ) {
- override ? jumpToSlide.show() : jumpToSlide.hide();
- }
- else {
- jumpToSlide.isVisible() ? jumpToSlide.hide() : jumpToSlide.show();
- }
-
- }
-
-
-
-
- function toggleAutoSlide( override ) {
-
- if( typeof override === 'boolean' ) {
- override ? resumeAutoSlide() : pauseAutoSlide();
- }
-
- else {
- autoSlidePaused ? resumeAutoSlide() : pauseAutoSlide();
- }
-
- }
-
-
-
- function isAutoSliding() {
-
- return !!( autoSlide && !autoSlidePaused );
-
- }
-
-
-
- function slide( h, v, f, origin ) {
-
-
- const slidechange = dispatchEvent({
- type: 'beforeslidechange',
- data: {
- indexh: h === undefined ? indexh : h,
- indexv: v === undefined ? indexv : v,
- origin
- }
- });
-
-
- if( slidechange.defaultPrevented ) return;
-
-
- previousSlide = currentSlide;
-
-
- const horizontalSlides = dom.wrapper.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR );
-
-
- if( horizontalSlides.length === 0 ) return;
-
-
-
- if( v === undefined && !overview.isActive() ) {
- v = getPreviousVerticalIndex( horizontalSlides[ h ] );
- }
-
-
-
- if( previousSlide && previousSlide.parentNode && previousSlide.parentNode.classList.contains( 'stack' ) ) {
- setPreviousVerticalIndex( previousSlide.parentNode, indexv );
- }
-
-
- const stateBefore = state.concat();
-
-
- state.length = 0;
-
- let indexhBefore = indexh || 0,
- indexvBefore = indexv || 0;
-
-
- indexh = updateSlides( HORIZONTAL_SLIDES_SELECTOR, h === undefined ? indexh : h );
- indexv = updateSlides( VERTICAL_SLIDES_SELECTOR, v === undefined ? indexv : v );
-
-
- let slideChanged = ( indexh !== indexhBefore || indexv !== indexvBefore );
-
-
- if( !slideChanged ) previousSlide = null;
-
-
-
- let currentHorizontalSlide = horizontalSlides[ indexh ],
- currentVerticalSlides = currentHorizontalSlide.querySelectorAll( 'section' );
-
-
- currentSlide = currentVerticalSlides[ indexv ] || currentHorizontalSlide;
-
- let autoAnimateTransition = false;
-
-
- if( slideChanged && previousSlide && currentSlide && !overview.isActive() ) {
-
-
-
-
-
-
-
- if( previousSlide.hasAttribute( 'data-auto-animate' ) && currentSlide.hasAttribute( 'data-auto-animate' )
- && previousSlide.getAttribute( 'data-auto-animate-id' ) === currentSlide.getAttribute( 'data-auto-animate-id' )
- && !( ( indexh > indexhBefore || indexv > indexvBefore ) ? currentSlide : previousSlide ).hasAttribute( 'data-auto-animate-restart' ) ) {
-
- autoAnimateTransition = true;
- dom.slides.classList.add( 'disable-slide-transitions' );
- }
-
- transition = 'running';
-
- }
-
-
- updateSlidesVisibility();
-
- layout();
-
-
- if( overview.isActive() ) {
- overview.update();
- }
-
-
- if( typeof f !== 'undefined' ) {
- fragments.goto( f );
- }
-
-
-
-
- if( previousSlide && previousSlide !== currentSlide ) {
- previousSlide.classList.remove( 'present' );
- previousSlide.setAttribute( 'aria-hidden', 'true' );
-
-
- if( isFirstSlide() ) {
-
- setTimeout( () => {
- getVerticalStacks().forEach( slide => {
- setPreviousVerticalIndex( slide, 0 );
- } );
- }, 0 );
- }
- }
-
-
- stateLoop: for( let i = 0, len = state.length; i < len; i++ ) {
-
-
- for( let j = 0; j < stateBefore.length; j++ ) {
- if( stateBefore[j] === state[i] ) {
- stateBefore.splice( j, 1 );
- continue stateLoop;
- }
- }
-
- dom.viewport.classList.add( state[i] );
-
-
- dispatchEvent({ type: state[i] });
- }
-
-
- while( stateBefore.length ) {
- dom.viewport.classList.remove( stateBefore.pop() );
- }
-
- if( slideChanged ) {
- dispatchEvent({
- type: 'slidechanged',
- data: {
- indexh,
- indexv,
- previousSlide,
- currentSlide,
- origin
- }
- });
- }
-
-
- if( slideChanged || !previousSlide ) {
- slideContent.stopEmbeddedContent( previousSlide );
- slideContent.startEmbeddedContent( currentSlide );
- }
-
-
-
-
- requestAnimationFrame( () => {
- announceStatus( getStatusText( currentSlide ) );
- });
-
- progress.update();
- controls.update();
- notes.update();
- backgrounds.update();
- backgrounds.updateParallax();
- slideNumber.update();
- fragments.update();
-
-
- location.writeURL();
-
- cueAutoSlide();
-
-
- if( autoAnimateTransition ) {
-
- setTimeout( () => {
- dom.slides.classList.remove( 'disable-slide-transitions' );
- }, 0 );
-
- if( config.autoAnimate ) {
-
- autoAnimate.run( previousSlide, currentSlide );
- }
-
- }
-
- }
-
-
-
- function sync() {
-
-
- removeEventListeners();
- addEventListeners();
-
-
- layout();
-
-
- autoSlide = config.autoSlide;
-
-
- cueAutoSlide();
-
-
- backgrounds.create();
-
-
- location.writeURL();
-
- if( config.sortFragmentsOnSync === true ) {
- fragments.sortAll();
- }
-
- controls.update();
- progress.update();
-
- updateSlidesVisibility();
-
- notes.update();
- notes.updateVisibility();
- backgrounds.update( true );
- slideNumber.update();
- slideContent.formatEmbeddedContent();
-
-
- if( config.autoPlayMedia === false ) {
- slideContent.stopEmbeddedContent( currentSlide, { unloadIframes: false } );
- }
- else {
- slideContent.startEmbeddedContent( currentSlide );
- }
-
- if( overview.isActive() ) {
- overview.layout();
- }
-
- }
-
-
-
- function syncSlide( slide = currentSlide ) {
-
- backgrounds.sync( slide );
- fragments.sync( slide );
-
- slideContent.load( slide );
-
- backgrounds.update();
- notes.update();
-
- }
-
-
-
- function resetVerticalSlides() {
-
- getHorizontalSlides().forEach( horizontalSlide => {
-
- Util.queryAll( horizontalSlide, 'section' ).forEach( ( verticalSlide, y ) => {
-
- if( y > 0 ) {
- verticalSlide.classList.remove( 'present' );
- verticalSlide.classList.remove( 'past' );
- verticalSlide.classList.add( 'future' );
- verticalSlide.setAttribute( 'aria-hidden', 'true' );
- }
-
- } );
-
- } );
-
- }
-
-
-
- function shuffle( slides = getHorizontalSlides() ) {
-
- slides.forEach( ( slide, i ) => {
-
-
-
-
- let beforeSlide = slides[ Math.floor( Math.random() * slides.length ) ];
- if( beforeSlide.parentNode === slide.parentNode ) {
- slide.parentNode.insertBefore( slide, beforeSlide );
- }
-
-
- let verticalSlides = slide.querySelectorAll( 'section' );
- if( verticalSlides.length ) {
- shuffle( verticalSlides );
- }
-
- } );
-
- }
-
-
-
- function updateSlides( selector, index ) {
-
-
-
- let slides = Util.queryAll( dom.wrapper, selector ),
- slidesLength = slides.length;
-
- let printMode = print.isPrintingPDF();
- let loopedForwards = false;
- let loopedBackwards = false;
-
- if( slidesLength ) {
-
-
- if( config.loop ) {
- if( index >= slidesLength ) loopedForwards = true;
-
- index %= slidesLength;
-
- if( index < 0 ) {
- index = slidesLength + index;
- loopedBackwards = true;
- }
- }
-
-
- index = Math.max( Math.min( index, slidesLength - 1 ), 0 );
-
- for( let i = 0; i < slidesLength; i++ ) {
- let element = slides[i];
-
- let reverse = config.rtl && !isVerticalSlide( element );
-
-
- element.classList.remove( 'past' );
- element.classList.remove( 'present' );
- element.classList.remove( 'future' );
-
-
- element.setAttribute( 'hidden', '' );
- element.setAttribute( 'aria-hidden', 'true' );
-
-
- if( element.querySelector( 'section' ) ) {
- element.classList.add( 'stack' );
- }
-
-
- if( printMode ) {
- element.classList.add( 'present' );
- continue;
- }
-
- if( i < index ) {
-
- element.classList.add( reverse ? 'future' : 'past' );
-
- if( config.fragments ) {
-
- showFragmentsIn( element );
- }
- }
- else if( i > index ) {
-
- element.classList.add( reverse ? 'past' : 'future' );
-
- if( config.fragments ) {
-
- hideFragmentsIn( element );
- }
- }
-
-
- else if( i === index && config.fragments ) {
- if( loopedForwards ) {
- hideFragmentsIn( element );
- }
- else if( loopedBackwards ) {
- showFragmentsIn( element );
- }
- }
- }
-
- let slide = slides[index];
- let wasPresent = slide.classList.contains( 'present' );
-
-
- slide.classList.add( 'present' );
- slide.removeAttribute( 'hidden' );
- slide.removeAttribute( 'aria-hidden' );
-
- if( !wasPresent ) {
-
- dispatchEvent({
- target: slide,
- type: 'visible',
- bubbles: false
- });
- }
-
-
-
- let slideState = slide.getAttribute( 'data-state' );
- if( slideState ) {
- state = state.concat( slideState.split( ' ' ) );
- }
-
- }
- else {
-
-
- index = 0;
- }
-
- return index;
-
- }
-
-
-
- function showFragmentsIn( container ) {
-
- Util.queryAll( container, '.fragment' ).forEach( fragment => {
- fragment.classList.add( 'visible' );
- fragment.classList.remove( 'current-fragment' );
- } );
-
- }
-
-
-
- function hideFragmentsIn( container ) {
-
- Util.queryAll( container, '.fragment.visible' ).forEach( fragment => {
- fragment.classList.remove( 'visible', 'current-fragment' );
- } );
-
- }
-
-
-
- function updateSlidesVisibility() {
-
-
-
- let horizontalSlides = getHorizontalSlides(),
- horizontalSlidesLength = horizontalSlides.length,
- distanceX,
- distanceY;
-
- if( horizontalSlidesLength && typeof indexh !== 'undefined' ) {
-
-
-
- let viewDistance = overview.isActive() ? 10 : config.viewDistance;
-
-
-
- if( Device.isMobile ) {
- viewDistance = overview.isActive() ? 6 : config.mobileViewDistance;
- }
-
-
- if( print.isPrintingPDF() ) {
- viewDistance = Number.MAX_VALUE;
- }
-
- for( let x = 0; x < horizontalSlidesLength; x++ ) {
- let horizontalSlide = horizontalSlides[x];
-
- let verticalSlides = Util.queryAll( horizontalSlide, 'section' ),
- verticalSlidesLength = verticalSlides.length;
-
-
- distanceX = Math.abs( ( indexh || 0 ) - x ) || 0;
-
-
-
- if( config.loop ) {
- distanceX = Math.abs( ( ( indexh || 0 ) - x ) % ( horizontalSlidesLength - viewDistance ) ) || 0;
- }
-
-
- if( distanceX < viewDistance ) {
- slideContent.load( horizontalSlide );
- }
- else {
- slideContent.unload( horizontalSlide );
- }
-
- if( verticalSlidesLength ) {
-
- let oy = getPreviousVerticalIndex( horizontalSlide );
-
- for( let y = 0; y < verticalSlidesLength; y++ ) {
- let verticalSlide = verticalSlides[y];
-
- distanceY = x === ( indexh || 0 ) ? Math.abs( ( indexv || 0 ) - y ) : Math.abs( y - oy );
-
- if( distanceX + distanceY < viewDistance ) {
- slideContent.load( verticalSlide );
- }
- else {
- slideContent.unload( verticalSlide );
- }
- }
-
- }
- }
-
-
- if( hasVerticalSlides() ) {
- dom.wrapper.classList.add( 'has-vertical-slides' );
- }
- else {
- dom.wrapper.classList.remove( 'has-vertical-slides' );
- }
-
-
- if( hasHorizontalSlides() ) {
- dom.wrapper.classList.add( 'has-horizontal-slides' );
- }
- else {
- dom.wrapper.classList.remove( 'has-horizontal-slides' );
- }
-
- }
-
- }
-
-
-
- function availableRoutes({ includeFragments = false } = {}) {
-
- let horizontalSlides = dom.wrapper.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR ),
- verticalSlides = dom.wrapper.querySelectorAll( VERTICAL_SLIDES_SELECTOR );
-
- let routes = {
- left: indexh > 0,
- right: indexh < horizontalSlides.length - 1,
- up: indexv > 0,
- down: indexv < verticalSlides.length - 1
- };
-
-
-
- if( config.loop ) {
- if( horizontalSlides.length > 1 ) {
- routes.left = true;
- routes.right = true;
- }
-
- if( verticalSlides.length > 1 ) {
- routes.up = true;
- routes.down = true;
- }
- }
-
- if ( horizontalSlides.length > 1 && config.navigationMode === 'linear' ) {
- routes.right = routes.right || routes.down;
- routes.left = routes.left || routes.up;
- }
-
-
-
-
- if( includeFragments === true ) {
- let fragmentRoutes = fragments.availableRoutes();
- routes.left = routes.left || fragmentRoutes.prev;
- routes.up = routes.up || fragmentRoutes.prev;
- routes.down = routes.down || fragmentRoutes.next;
- routes.right = routes.right || fragmentRoutes.next;
- }
-
-
- if( config.rtl ) {
- let left = routes.left;
- routes.left = routes.right;
- routes.right = left;
- }
-
- return routes;
-
- }
-
-
-
- function getSlidePastCount( slide = currentSlide ) {
-
- let horizontalSlides = getHorizontalSlides();
-
-
- let pastCount = 0;
-
-
- mainLoop: for( let i = 0; i < horizontalSlides.length; i++ ) {
-
- let horizontalSlide = horizontalSlides[i];
- let verticalSlides = horizontalSlide.querySelectorAll( 'section' );
-
- for( let j = 0; j < verticalSlides.length; j++ ) {
-
-
- if( verticalSlides[j] === slide ) {
- break mainLoop;
- }
-
-
- if( verticalSlides[j].dataset.visibility !== 'uncounted' ) {
- pastCount++;
- }
-
- }
-
-
- if( horizontalSlide === slide ) {
- break;
- }
-
-
-
- if( horizontalSlide.classList.contains( 'stack' ) === false && horizontalSlide.dataset.visibility !== 'uncounted' ) {
- pastCount++;
- }
-
- }
-
- return pastCount;
-
- }
-
-
-
- function getProgress() {
-
-
- let totalCount = getTotalSlides();
- let pastCount = getSlidePastCount();
-
- if( currentSlide ) {
-
- let allFragments = currentSlide.querySelectorAll( '.fragment' );
-
-
-
- if( allFragments.length > 0 ) {
- let visibleFragments = currentSlide.querySelectorAll( '.fragment.visible' );
-
-
-
- let fragmentWeight = 0.9;
-
-
- pastCount += ( visibleFragments.length / allFragments.length ) * fragmentWeight;
- }
-
- }
-
- return Math.min( pastCount / ( totalCount - 1 ), 1 );
-
- }
-
-
-
- function getIndices( slide ) {
-
-
- let h = indexh,
- v = indexv,
- f;
-
-
- if( slide ) {
- let isVertical = isVerticalSlide( slide );
- let slideh = isVertical ? slide.parentNode : slide;
-
-
- let horizontalSlides = getHorizontalSlides();
-
-
- h = Math.max( horizontalSlides.indexOf( slideh ), 0 );
-
-
- v = undefined;
-
-
- if( isVertical ) {
- v = Math.max( Util.queryAll( slide.parentNode, 'section' ).indexOf( slide ), 0 );
- }
- }
-
- if( !slide && currentSlide ) {
- let hasFragments = currentSlide.querySelectorAll( '.fragment' ).length > 0;
- if( hasFragments ) {
- let currentFragment = currentSlide.querySelector( '.current-fragment' );
- if( currentFragment && currentFragment.hasAttribute( 'data-fragment-index' ) ) {
- f = parseInt( currentFragment.getAttribute( 'data-fragment-index' ), 10 );
- }
- else {
- f = currentSlide.querySelectorAll( '.fragment.visible' ).length - 1;
- }
- }
- }
-
- return { h, v, f };
-
- }
-
-
-
- function getSlides() {
-
- return Util.queryAll( dom.wrapper, SLIDES_SELECTOR + ':not(.stack):not([data-visibility="uncounted"])' );
-
- }
-
-
-
- function getHorizontalSlides() {
-
- return Util.queryAll( dom.wrapper, HORIZONTAL_SLIDES_SELECTOR );
-
- }
-
-
-
- function getVerticalSlides() {
-
- return Util.queryAll( dom.wrapper, '.slides>section>section' );
-
- }
-
-
-
- function getVerticalStacks() {
-
- return Util.queryAll( dom.wrapper, HORIZONTAL_SLIDES_SELECTOR + '.stack');
-
- }
-
-
-
- function hasHorizontalSlides() {
-
- return getHorizontalSlides().length > 1;
- }
-
-
-
- function hasVerticalSlides() {
-
- return getVerticalSlides().length > 1;
-
- }
-
-
-
- function getSlidesAttributes() {
-
- return getSlides().map( slide => {
-
- let attributes = {};
- for( let i = 0; i < slide.attributes.length; i++ ) {
- let attribute = slide.attributes[ i ];
- attributes[ attribute.name ] = attribute.value;
- }
- return attributes;
-
- } );
-
- }
-
-
-
- function getTotalSlides() {
-
- return getSlides().length;
-
- }
-
-
-
- function getSlide( x, y ) {
-
- let horizontalSlide = getHorizontalSlides()[ x ];
- let verticalSlides = horizontalSlide && horizontalSlide.querySelectorAll( 'section' );
-
- if( verticalSlides && verticalSlides.length && typeof y === 'number' ) {
- return verticalSlides ? verticalSlides[ y ] : undefined;
- }
-
- return horizontalSlide;
-
- }
-
-
-
- function getSlideBackground( x, y ) {
-
- let slide = typeof x === 'number' ? getSlide( x, y ) : x;
- if( slide ) {
- return slide.slideBackgroundElement;
- }
-
- return undefined;
-
- }
-
-
-
- function getState() {
-
- let indices = getIndices();
-
- return {
- indexh: indices.h,
- indexv: indices.v,
- indexf: indices.f,
- paused: isPaused(),
- overview: overview.isActive()
- };
-
- }
-
-
-
- function setState( state ) {
-
- if( typeof state === 'object' ) {
- slide( Util.deserialize( state.indexh ), Util.deserialize( state.indexv ), Util.deserialize( state.indexf ) );
-
- let pausedFlag = Util.deserialize( state.paused ),
- overviewFlag = Util.deserialize( state.overview );
-
- if( typeof pausedFlag === 'boolean' && pausedFlag !== isPaused() ) {
- togglePause( pausedFlag );
- }
-
- if( typeof overviewFlag === 'boolean' && overviewFlag !== overview.isActive() ) {
- overview.toggle( overviewFlag );
- }
- }
-
- }
-
-
-
- function cueAutoSlide() {
-
- cancelAutoSlide();
-
- if( currentSlide && config.autoSlide !== false ) {
-
- let fragment = currentSlide.querySelector( '.current-fragment[data-autoslide]' );
-
- let fragmentAutoSlide = fragment ? fragment.getAttribute( 'data-autoslide' ) : null;
- let parentAutoSlide = currentSlide.parentNode ? currentSlide.parentNode.getAttribute( 'data-autoslide' ) : null;
- let slideAutoSlide = currentSlide.getAttribute( 'data-autoslide' );
-
-
-
-
-
-
- if( fragmentAutoSlide ) {
- autoSlide = parseInt( fragmentAutoSlide, 10 );
- }
- else if( slideAutoSlide ) {
- autoSlide = parseInt( slideAutoSlide, 10 );
- }
- else if( parentAutoSlide ) {
- autoSlide = parseInt( parentAutoSlide, 10 );
- }
- else {
- autoSlide = config.autoSlide;
-
-
-
-
-
-
- if( currentSlide.querySelectorAll( '.fragment' ).length === 0 ) {
- Util.queryAll( currentSlide, 'video, audio' ).forEach( el => {
- if( el.hasAttribute( 'data-autoplay' ) ) {
- if( autoSlide && (el.duration * 1000 / el.playbackRate ) > autoSlide ) {
- autoSlide = ( el.duration * 1000 / el.playbackRate ) + 1000;
- }
- }
- } );
- }
- }
-
-
-
-
-
-
-
- if( autoSlide && !autoSlidePaused && !isPaused() && !overview.isActive() && ( !isLastSlide() || fragments.availableRoutes().next || config.loop === true ) ) {
- autoSlideTimeout = setTimeout( () => {
- if( typeof config.autoSlideMethod === 'function' ) {
- config.autoSlideMethod()
- }
- else {
- navigateNext();
- }
- cueAutoSlide();
- }, autoSlide );
- autoSlideStartTime = Date.now();
- }
-
- if( autoSlidePlayer ) {
- autoSlidePlayer.setPlaying( autoSlideTimeout !== -1 );
- }
-
- }
-
- }
-
-
-
- function cancelAutoSlide() {
-
- clearTimeout( autoSlideTimeout );
- autoSlideTimeout = -1;
-
- }
-
- function pauseAutoSlide() {
-
- if( autoSlide && !autoSlidePaused ) {
- autoSlidePaused = true;
- dispatchEvent({ type: 'autoslidepaused' });
- clearTimeout( autoSlideTimeout );
-
- if( autoSlidePlayer ) {
- autoSlidePlayer.setPlaying( false );
- }
- }
-
- }
-
- function resumeAutoSlide() {
-
- if( autoSlide && autoSlidePaused ) {
- autoSlidePaused = false;
- dispatchEvent({ type: 'autoslideresumed' });
- cueAutoSlide();
- }
-
- }
-
- function navigateLeft({skipFragments=false}={}) {
-
- navigationHistory.hasNavigatedHorizontally = true;
-
-
- if( config.rtl ) {
- if( ( overview.isActive() || skipFragments || fragments.next() === false ) && availableRoutes().left ) {
- slide( indexh + 1, config.navigationMode === 'grid' ? indexv : undefined );
- }
- }
-
- else if( ( overview.isActive() || skipFragments || fragments.prev() === false ) && availableRoutes().left ) {
- slide( indexh - 1, config.navigationMode === 'grid' ? indexv : undefined );
- }
-
- }
-
- function navigateRight({skipFragments=false}={}) {
-
- navigationHistory.hasNavigatedHorizontally = true;
-
-
- if( config.rtl ) {
- if( ( overview.isActive() || skipFragments || fragments.prev() === false ) && availableRoutes().right ) {
- slide( indexh - 1, config.navigationMode === 'grid' ? indexv : undefined );
- }
- }
-
- else if( ( overview.isActive() || skipFragments || fragments.next() === false ) && availableRoutes().right ) {
- slide( indexh + 1, config.navigationMode === 'grid' ? indexv : undefined );
- }
-
- }
-
- function navigateUp({skipFragments=false}={}) {
-
-
- if( ( overview.isActive() || skipFragments || fragments.prev() === false ) && availableRoutes().up ) {
- slide( indexh, indexv - 1 );
- }
-
- }
-
- function navigateDown({skipFragments=false}={}) {
-
- navigationHistory.hasNavigatedVertically = true;
-
-
- if( ( overview.isActive() || skipFragments || fragments.next() === false ) && availableRoutes().down ) {
- slide( indexh, indexv + 1 );
- }
-
- }
-
-
-
- function navigatePrev({skipFragments=false}={}) {
-
-
- if( skipFragments || fragments.prev() === false ) {
- if( availableRoutes().up ) {
- navigateUp({skipFragments});
- }
- else {
-
- let previousSlide;
-
- if( config.rtl ) {
- previousSlide = Util.queryAll( dom.wrapper, HORIZONTAL_SLIDES_SELECTOR + '.future' ).pop();
- }
- else {
- previousSlide = Util.queryAll( dom.wrapper, HORIZONTAL_SLIDES_SELECTOR + '.past' ).pop();
- }
-
-
-
- if( previousSlide && previousSlide.classList.contains( 'stack' ) ) {
- let v = ( previousSlide.querySelectorAll( 'section' ).length - 1 ) || undefined;
- let h = indexh - 1;
- slide( h, v );
- }
- else {
- navigateLeft({skipFragments});
- }
- }
- }
-
- }
-
-
-
- function navigateNext({skipFragments=false}={}) {
-
- navigationHistory.hasNavigatedHorizontally = true;
- navigationHistory.hasNavigatedVertically = true;
-
-
- if( skipFragments || fragments.next() === false ) {
-
- let routes = availableRoutes();
-
-
-
-
- if( routes.down && routes.right && config.loop && isLastVerticalSlide() ) {
- routes.down = false;
- }
-
- if( routes.down ) {
- navigateDown({skipFragments});
- }
- else if( config.rtl ) {
- navigateLeft({skipFragments});
- }
- else {
- navigateRight({skipFragments});
- }
- }
-
- }
-
-
-
-
-
-
-
-
- function onUserInput( event ) {
-
- if( config.autoSlideStoppable ) {
- pauseAutoSlide();
- }
-
- }
-
-
-
- function onPostMessage( event ) {
-
- let data = event.data;
-
-
- if( typeof data === 'string' && data.charAt( 0 ) === '{' && data.charAt( data.length - 1 ) === '}' ) {
- data = JSON.parse( data );
-
-
- if( data.method && typeof Reveal[data.method] === 'function' ) {
-
- if( POST_MESSAGE_METHOD_BLACKLIST.test( data.method ) === false ) {
-
- const result = Reveal[data.method].apply( Reveal, data.args );
-
-
-
- dispatchPostMessage( 'callback', { method: data.method, result: result } );
-
- }
- else {
- console.warn( 'reveal.js: "'+ data.method +'" is is blacklisted from the postMessage API' );
- }
-
- }
- }
-
- }
-
-
-
- function onTransitionEnd( event ) {
-
- if( transition === 'running' && /section/gi.test( event.target.nodeName ) ) {
- transition = 'idle';
- dispatchEvent({
- type: 'slidetransitionend',
- data: { indexh, indexv, previousSlide, currentSlide }
- });
- }
-
- }
-
-
-
- function onSlidesClicked( event ) {
-
- const anchor = Util.closest( event.target, 'a[href^="#"]' );
-
-
-
-
-
-
- if( anchor ) {
- const hash = anchor.getAttribute( 'href' );
- const indices = location.getIndicesFromHash( hash );
-
- if( indices ) {
- Reveal.slide( indices.h, indices.v, indices.f );
- event.preventDefault();
- }
- }
-
- }
-
-
-
- function onWindowResize( event ) {
-
- layout();
-
- }
-
-
-
- function onPageVisibilityChange( event ) {
-
-
-
- if( document.hidden === false && document.activeElement !== document.body ) {
-
- if( typeof document.activeElement.blur === 'function' ) {
- document.activeElement.blur();
- }
- document.body.focus();
- }
-
- }
-
-
-
- function onFullscreenChange( event ) {
-
- let element = document.fullscreenElement || document.webkitFullscreenElement;
- if( element === dom.wrapper ) {
- event.stopImmediatePropagation();
-
-
- setTimeout( () => {
- Reveal.layout();
- Reveal.focus.focus();
- }, 1 );
- }
-
- }
-
-
-
- function onPreviewLinkClicked( event ) {
-
- if( event.currentTarget && event.currentTarget.hasAttribute( 'href' ) ) {
- let url = event.currentTarget.getAttribute( 'href' );
- if( url ) {
- showPreview( url );
- event.preventDefault();
- }
- }
-
- }
-
-
-
- function onAutoSlidePlayerClick( event ) {
-
-
- if( isLastSlide() && config.loop === false ) {
- slide( 0, 0 );
- resumeAutoSlide();
- }
-
- else if( autoSlidePaused ) {
- resumeAutoSlide();
- }
-
- else {
- pauseAutoSlide();
- }
-
- }
-
-
-
-
-
-
-
- const API = {
- VERSION,
-
- initialize,
- configure,
- destroy,
-
- sync,
- syncSlide,
- syncFragments: fragments.sync.bind( fragments ),
-
-
- slide,
- left: navigateLeft,
- right: navigateRight,
- up: navigateUp,
- down: navigateDown,
- prev: navigatePrev,
- next: navigateNext,
-
-
- navigateLeft, navigateRight, navigateUp, navigateDown, navigatePrev, navigateNext,
-
-
- navigateFragment: fragments.goto.bind( fragments ),
- prevFragment: fragments.prev.bind( fragments ),
- nextFragment: fragments.next.bind( fragments ),
-
-
- on,
- off,
-
-
- addEventListener: on,
- removeEventListener: off,
-
-
- layout,
-
-
- shuffle,
-
-
- availableRoutes,
-
-
- availableFragments: fragments.availableRoutes.bind( fragments ),
-
-
- toggleHelp,
-
-
- toggleOverview: overview.toggle.bind( overview ),
-
-
- togglePause,
-
-
- toggleAutoSlide,
-
-
- toggleJumpToSlide,
-
-
- isFirstSlide,
- isLastSlide,
- isLastVerticalSlide,
- isVerticalSlide,
-
-
- isPaused,
- isAutoSliding,
- isSpeakerNotes: notes.isSpeakerNotesWindow.bind( notes ),
- isOverview: overview.isActive.bind( overview ),
- isFocused: focus.isFocused.bind( focus ),
- isPrintingPDF: print.isPrintingPDF.bind( print ),
-
-
- isReady: () => ready,
-
-
- loadSlide: slideContent.load.bind( slideContent ),
- unloadSlide: slideContent.unload.bind( slideContent ),
-
-
- startEmbeddedContent: () => slideContent.startEmbeddedContent( currentSlide ),
- stopEmbeddedContent: () => slideContent.stopEmbeddedContent( currentSlide, { unloadIframes: false } ),
-
-
- showPreview,
- hidePreview: closeOverlay,
-
-
- addEventListeners,
- removeEventListeners,
- dispatchEvent,
-
-
- getState,
- setState,
-
-
- getProgress,
-
-
- getIndices,
-
-
-
- getSlidesAttributes,
-
-
- getSlidePastCount,
-
-
- getTotalSlides,
-
-
- getSlide,
-
-
- getPreviousSlide: () => previousSlide,
-
-
- getCurrentSlide: () => currentSlide,
-
-
- getSlideBackground,
-
-
- getSlideNotes: notes.getSlideNotes.bind( notes ),
-
-
- getSlides,
-
-
- getHorizontalSlides,
- getVerticalSlides,
-
-
-
- hasHorizontalSlides,
- hasVerticalSlides,
-
-
- hasNavigatedHorizontally: () => navigationHistory.hasNavigatedHorizontally,
- hasNavigatedVertically: () => navigationHistory.hasNavigatedVertically,
-
-
- addKeyBinding: keyboard.addKeyBinding.bind( keyboard ),
- removeKeyBinding: keyboard.removeKeyBinding.bind( keyboard ),
-
-
- triggerKey: keyboard.triggerKey.bind( keyboard ),
-
-
- registerKeyboardShortcut: keyboard.registerKeyboardShortcut.bind( keyboard ),
-
- getComputedSlideSize,
-
-
- getScale: () => scale,
-
-
- getConfig: () => config,
-
-
- getQueryHash: Util.getQueryHash,
-
-
- getSlidePath: location.getHash.bind( location ),
-
-
- getRevealElement: () => revealElement,
- getSlidesElement: () => dom.slides,
- getViewportElement: () => dom.viewport,
- getBackgroundsElement: () => backgrounds.element,
-
-
- registerPlugin: plugins.registerPlugin.bind( plugins ),
- hasPlugin: plugins.hasPlugin.bind( plugins ),
- getPlugin: plugins.getPlugin.bind( plugins ),
- getPlugins: plugins.getRegisteredPlugins.bind( plugins )
-
- };
-
-
- Util.extend( Reveal, {
- ...API,
-
-
- announceStatus,
- getStatusText,
-
-
- print,
- focus,
- progress,
- controls,
- location,
- overview,
- fragments,
- slideContent,
- slideNumber,
-
- onUserInput,
- closeOverlay,
- updateSlidesVisibility,
- layoutSlideContents,
- transformSlides,
- cueAutoSlide,
- cancelAutoSlide
- } );
-
- return API;
-
- };
|