Nav apraksta

jmpress.js 79KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871
  1. /**
  2. * jmpress.js v0.4.5
  3. * http://jmpressjs.github.com/jmpress.js
  4. *
  5. * A jQuery plugin to build a website on the infinite canvas.
  6. *
  7. * Copyright 2013 Kyle Robinson Young @shama & Tobias Koppers @sokra
  8. * Licensed MIT
  9. * http://www.opensource.org/licenses/mit-license.php
  10. *
  11. * Based on the foundation laid by Bartek Szopka @bartaz
  12. */ /*
  13. * core.js
  14. * The core of jmpress.js
  15. */
  16. ( function ( $, document, window, undefined ) {
  17. 'use strict';
  18. /**
  19. * Set supported prefixes
  20. *
  21. * @access protected
  22. * @return Function to get prefixed property
  23. */
  24. var pfx = ( function () {
  25. var style = document.createElement( 'dummy' ).style,
  26. prefixes = 'Webkit Moz O ms Khtml'.split( ' ' ),
  27. memory = {};
  28. return function ( prop ) {
  29. if ( typeof memory[ prop ] === 'undefined' ) {
  30. var ucProp = prop.charAt( 0 ).toUpperCase() + prop.substr( 1 ),
  31. props = ( prop + ' ' + prefixes.join( ucProp + ' ' ) + ucProp ).split( ' ' );
  32. memory[ prop ] = null;
  33. for ( var i in props ) {
  34. if ( style[ props[ i ] ] !== undefined ) {
  35. memory[ prop ] = props[ i ];
  36. break;
  37. }
  38. }
  39. }
  40. return memory[ prop ];
  41. };
  42. } )();
  43. /**
  44. * map ex. "WebkitTransform" to "-webkit-transform"
  45. */
  46. function mapProperty( name ) {
  47. if ( ! name ) {
  48. return;
  49. }
  50. var index = 1 + name.substr( 1 ).search( /[A-Z]/ );
  51. var prefix = name.substr( 0, index ).toLowerCase();
  52. var postfix = name.substr( index ).toLowerCase();
  53. return '-' + prefix + '-' + postfix;
  54. }
  55. function addComma( attribute ) {
  56. if ( ! attribute ) {
  57. return '';
  58. }
  59. return attribute + ',';
  60. }
  61. /**
  62. * Return an jquery object only if it's not empty
  63. */
  64. function ifNotEmpty( el ) {
  65. if ( el.length > 0 ) {
  66. return el;
  67. }
  68. return null;
  69. }
  70. /**
  71. * Default Settings
  72. */
  73. var defaults = {
  74. /* CLASSES */
  75. stepSelector: '.step',
  76. containerClass: '',
  77. canvasClass: '',
  78. areaClass: '',
  79. notSupportedClass: 'not-supported',
  80. /* CONFIG */
  81. fullscreen: true,
  82. /* ANIMATION */
  83. animation: {
  84. transformOrigin: 'top left',
  85. transitionProperty:
  86. addComma( mapProperty( pfx( 'transform' ) ) ) +
  87. addComma( mapProperty( pfx( 'perspective' ) ) ) +
  88. 'opacity',
  89. transitionDuration: '1s',
  90. transitionDelay: '500ms',
  91. transitionTimingFunction: 'ease-in-out',
  92. transformStyle: 'preserve-3d',
  93. },
  94. transitionDuration: 1500,
  95. };
  96. var callbacks = {
  97. beforeChange: 1,
  98. beforeInitStep: 1,
  99. initStep: 1,
  100. beforeInit: 1,
  101. afterInit: 1,
  102. beforeDeinit: 1,
  103. afterDeinit: 1,
  104. applyStep: 1,
  105. unapplyStep: 1,
  106. setInactive: 1,
  107. beforeActive: 1,
  108. setActive: 1,
  109. selectInitialStep: 1,
  110. selectPrev: 1,
  111. selectNext: 1,
  112. selectHome: 1,
  113. selectEnd: 1,
  114. idle: 1,
  115. applyTarget: 1,
  116. };
  117. for ( var callbackName in callbacks ) {
  118. defaults[ callbackName ] = [];
  119. }
  120. /**
  121. * Initialize jmpress
  122. */
  123. function init( args ) {
  124. args = $.extend( true, {}, args || {} );
  125. // accept functions and arrays of functions as callbacks
  126. var callbackArgs = {};
  127. var callbackName = null;
  128. for ( callbackName in callbacks ) {
  129. callbackArgs[ callbackName ] = $.isFunction( args[ callbackName ] )
  130. ? [ args[ callbackName ] ]
  131. : args[ callbackName ];
  132. args[ callbackName ] = [];
  133. }
  134. // MERGE SETTINGS
  135. var settings = $.extend( true, {}, defaults, args );
  136. for ( callbackName in callbacks ) {
  137. if ( callbackArgs[ callbackName ] ) {
  138. Array.prototype.push.apply( settings[ callbackName ], callbackArgs[ callbackName ] );
  139. }
  140. }
  141. /*** MEMBER VARS ***/
  142. var jmpress = $( this ),
  143. container = null,
  144. area = null,
  145. oldStyle = {
  146. container: '',
  147. area: '',
  148. },
  149. canvas = null,
  150. current = null,
  151. active = false,
  152. activeSubstep = null,
  153. activeDelegated = false;
  154. /*** MEMBER FUNCTIONS ***/
  155. // functions have to be called with this
  156. /**
  157. * Init a single step
  158. *
  159. * @param element the element of the step
  160. * @param idx number of step
  161. */
  162. function doStepInit( element, idx ) {
  163. var data = dataset( element );
  164. var step = {
  165. oldStyle: $( element ).attr( 'style' ) || '',
  166. };
  167. var callbackData = {
  168. data: data,
  169. stepData: step,
  170. };
  171. callCallback.call( this, 'beforeInitStep', $( element ), callbackData );
  172. step.delegate = data.delegate;
  173. callCallback.call( this, 'initStep', $( element ), callbackData );
  174. $( element ).data( 'stepData', step );
  175. if ( ! $( element ).attr( 'id' ) ) {
  176. $( element ).attr( 'id', 'step-' + ( idx + 1 ) );
  177. }
  178. callCallback.call( this, 'applyStep', $( element ), callbackData );
  179. }
  180. /**
  181. * Deinit a single step
  182. *
  183. * @param element the element of the step
  184. */
  185. function doStepDeinit( element ) {
  186. var stepData = $( element ).data( 'stepData' );
  187. $( element ).attr( 'style', stepData.oldStyle );
  188. callCallback.call( this, 'unapplyStep', $( element ), {
  189. stepData: stepData,
  190. } );
  191. }
  192. /**
  193. * Reapplies stepData to the element
  194. *
  195. * @param element
  196. */
  197. function doStepReapply( element ) {
  198. callCallback.call( this, 'unapplyStep', $( element ), {
  199. stepData: element.data( 'stepData' ),
  200. } );
  201. callCallback.call( this, 'applyStep', $( element ), {
  202. stepData: element.data( 'stepData' ),
  203. } );
  204. }
  205. /**
  206. * Completly deinit jmpress
  207. *
  208. */
  209. function deinit() {
  210. if ( active ) {
  211. callCallback.call( this, 'setInactive', active, {
  212. stepData: $( active ).data( 'stepData' ),
  213. reason: 'deinit',
  214. } );
  215. }
  216. if ( current.jmpressClass ) {
  217. $( jmpress ).removeClass( current.jmpressClass );
  218. }
  219. callCallback.call( this, 'beforeDeinit', $( this ), {} );
  220. $( settings.stepSelector, jmpress ).each( function ( idx ) {
  221. doStepDeinit.call( jmpress, this );
  222. } );
  223. container.attr( 'style', oldStyle.container );
  224. if ( settings.fullscreen ) {
  225. $( 'html' ).attr( 'style', '' );
  226. }
  227. area.attr( 'style', oldStyle.area );
  228. $( canvas )
  229. .children()
  230. .each( function () {
  231. jmpress.append( $( this ) );
  232. } );
  233. if ( settings.fullscreen ) {
  234. canvas.remove();
  235. } else {
  236. canvas.remove();
  237. area.remove();
  238. }
  239. callCallback.call( this, 'afterDeinit', $( this ), {} );
  240. $( jmpress ).data( 'jmpressmethods', false );
  241. }
  242. /**
  243. * Call a callback
  244. *
  245. * @param callbackName String callback which should be called
  246. * @param element some arguments to the callback
  247. * @param eventData
  248. */
  249. function callCallback( callbackName, element, eventData ) {
  250. eventData.settings = settings;
  251. eventData.current = current;
  252. eventData.container = container;
  253. eventData.parents = element ? getStepParents( element ) : null;
  254. eventData.current = current;
  255. eventData.jmpress = this;
  256. var result = {};
  257. $.each( settings[ callbackName ], function ( idx, callback ) {
  258. result.value = callback.call( jmpress, element, eventData ) || result.value;
  259. } );
  260. return result.value;
  261. }
  262. /**
  263. *
  264. */
  265. function getStepParents( el ) {
  266. return $( el ).parentsUntil( jmpress ).not( jmpress ).filter( settings.stepSelector );
  267. }
  268. /**
  269. * Reselect the active step
  270. *
  271. * @param String type reason of reselecting step
  272. */
  273. function reselect( type ) {
  274. return select( { step: active, substep: activeSubstep }, type );
  275. }
  276. /**
  277. * Select a given step
  278. *
  279. * @param el element to select
  280. * @param type reason of changing step
  281. * @return Object element selected
  282. */
  283. function select( el, type ) {
  284. var substep;
  285. if ( $.isPlainObject( el ) ) {
  286. substep = el.substep;
  287. el = el.step;
  288. }
  289. if ( typeof el === 'string' ) {
  290. el = jmpress.find( el ).first();
  291. }
  292. if ( ! el || ! $( el ).data( 'stepData' ) ) {
  293. return false;
  294. }
  295. scrollFix.call( this );
  296. var step = $( el ).data( 'stepData' );
  297. var cancelSelect = false;
  298. callCallback.call( this, 'beforeChange', el, {
  299. stepData: step,
  300. reason: type,
  301. cancel: function () {
  302. cancelSelect = true;
  303. },
  304. } );
  305. if ( cancelSelect ) {
  306. return undefined;
  307. }
  308. var target = {};
  309. var delegated = el;
  310. if ( $( el ).data( 'stepData' ).delegate ) {
  311. delegated =
  312. ifNotEmpty(
  313. $( el ).parentsUntil( jmpress ).filter( settings.stepSelector ).filter( step.delegate )
  314. ) ||
  315. ifNotEmpty( $( el ).near( step.delegate ) ) ||
  316. ifNotEmpty( $( el ).near( step.delegate, true ) ) ||
  317. ifNotEmpty( $( step.delegate, jmpress ) );
  318. if ( delegated ) {
  319. step = delegated.data( 'stepData' );
  320. } else {
  321. // Do not delegate if expression not found
  322. delegated = el;
  323. }
  324. }
  325. if ( activeDelegated ) {
  326. callCallback.call( this, 'setInactive', activeDelegated, {
  327. stepData: $( activeDelegated ).data( 'stepData' ),
  328. delegatedFrom: active,
  329. reason: type,
  330. target: target,
  331. nextStep: delegated,
  332. nextSubstep: substep,
  333. nextStepData: step,
  334. } );
  335. }
  336. var callbackData = {
  337. stepData: step,
  338. delegatedFrom: el,
  339. reason: type,
  340. target: target,
  341. substep: substep,
  342. prevStep: activeDelegated,
  343. prevSubstep: activeSubstep,
  344. prevStepData: activeDelegated && $( activeDelegated ).data( 'stepData' ),
  345. };
  346. callCallback.call( this, 'beforeActive', delegated, callbackData );
  347. callCallback.call( this, 'setActive', delegated, callbackData );
  348. // Set on step class on root element
  349. if ( current.jmpressClass ) {
  350. $( jmpress ).removeClass( current.jmpressClass );
  351. }
  352. $( jmpress ).addClass( ( current.jmpressClass = 'step-' + $( delegated ).attr( 'id' ) ) );
  353. if ( current.jmpressDelegatedClass ) {
  354. $( jmpress ).removeClass( current.jmpressDelegatedClass );
  355. }
  356. $( jmpress ).addClass(
  357. ( current.jmpressDelegatedClass = 'delegating-step-' + $( el ).attr( 'id' ) )
  358. );
  359. callCallback.call(
  360. this,
  361. 'applyTarget',
  362. delegated,
  363. $.extend(
  364. {
  365. canvas: canvas,
  366. area: area,
  367. beforeActive: activeDelegated,
  368. },
  369. callbackData
  370. )
  371. );
  372. active = el;
  373. activeSubstep = callbackData.substep;
  374. activeDelegated = delegated;
  375. if ( current.idleTimeout ) {
  376. clearTimeout( current.idleTimeout );
  377. }
  378. current.idleTimeout = setTimeout( function () {
  379. callCallback.call( this, 'idle', delegated, callbackData );
  380. }, Math.max( 1, settings.transitionDuration - 100 ) );
  381. return delegated;
  382. }
  383. /**
  384. * This should fix ANY kind of buggy scrolling
  385. */
  386. function scrollFix() {
  387. ( function fix() {
  388. if ( $( container )[ 0 ].tagName === 'BODY' ) {
  389. try {
  390. window.scrollTo( 0, 0 );
  391. } catch ( e ) {}
  392. }
  393. $( container ).scrollTop( 0 );
  394. $( container ).scrollLeft( 0 );
  395. function check() {
  396. if ( $( container ).scrollTop() !== 0 || $( container ).scrollLeft() !== 0 ) {
  397. fix();
  398. }
  399. }
  400. setTimeout( check, 1 );
  401. setTimeout( check, 10 );
  402. setTimeout( check, 100 );
  403. setTimeout( check, 200 );
  404. setTimeout( check, 400 );
  405. } )();
  406. }
  407. /**
  408. * Alias for select
  409. */
  410. function goTo( el ) {
  411. return select.call( this, el, 'jump' );
  412. }
  413. /**
  414. * Goto Next Slide
  415. *
  416. * @return Object newly active slide
  417. */
  418. function next() {
  419. return select.call(
  420. this,
  421. callCallback.call( this, 'selectNext', active, {
  422. stepData: $( active ).data( 'stepData' ),
  423. substep: activeSubstep,
  424. } ),
  425. 'next'
  426. );
  427. }
  428. /**
  429. * Goto Previous Slide
  430. *
  431. * @return Object newly active slide
  432. */
  433. function prev() {
  434. return select.call(
  435. this,
  436. callCallback.call( this, 'selectPrev', active, {
  437. stepData: $( active ).data( 'stepData' ),
  438. substep: activeSubstep,
  439. } ),
  440. 'prev'
  441. );
  442. }
  443. /**
  444. * Goto First Slide
  445. *
  446. * @return Object newly active slide
  447. */
  448. function home() {
  449. return select.call(
  450. this,
  451. callCallback.call( this, 'selectHome', active, {
  452. stepData: $( active ).data( 'stepData' ),
  453. } ),
  454. 'home'
  455. );
  456. }
  457. /**
  458. * Goto Last Slide
  459. *
  460. * @return Object newly active slide
  461. */
  462. function end() {
  463. return select.call(
  464. this,
  465. callCallback.call( this, 'selectEnd', active, {
  466. stepData: $( active ).data( 'stepData' ),
  467. } ),
  468. 'end'
  469. );
  470. }
  471. /**
  472. * Manipulate the canvas
  473. *
  474. * @param props
  475. * @return Object
  476. */
  477. function canvasMod( props ) {
  478. css( canvas, props || {} );
  479. return $( canvas );
  480. }
  481. /**
  482. * Return current step
  483. *
  484. * @return Object
  485. */
  486. function getActive() {
  487. return activeDelegated && $( activeDelegated );
  488. }
  489. /**
  490. * fire a callback
  491. *
  492. * @param callbackName
  493. * @param element
  494. * @param eventData
  495. * @return void
  496. */
  497. function fire( callbackName, element, eventData ) {
  498. if ( ! callbacks[ callbackName ] ) {
  499. $.error( 'callback ' + callbackName + ' is not registered.' );
  500. } else {
  501. return callCallback.call( this, callbackName, element, eventData );
  502. }
  503. }
  504. /**
  505. * PUBLIC METHODS LIST
  506. */
  507. jmpress.data( 'jmpressmethods', {
  508. select: select,
  509. reselect: reselect,
  510. scrollFix: scrollFix,
  511. goTo: goTo,
  512. next: next,
  513. prev: prev,
  514. home: home,
  515. end: end,
  516. canvas: canvasMod,
  517. container: function () {
  518. return container;
  519. },
  520. settings: function () {
  521. return settings;
  522. },
  523. active: getActive,
  524. current: function () {
  525. return current;
  526. },
  527. fire: fire,
  528. init: function ( step ) {
  529. doStepInit.call( this, $( step ), current.nextIdNumber++ );
  530. },
  531. deinit: function ( step ) {
  532. if ( step ) {
  533. doStepDeinit.call( this, $( step ) );
  534. } else {
  535. deinit.call( this );
  536. }
  537. },
  538. reapply: doStepReapply,
  539. } );
  540. /**
  541. * Check for support
  542. * This will be removed in near future, when support is coming
  543. *
  544. * @access protected
  545. * @return void
  546. */
  547. function checkSupport() {
  548. var ua = navigator.userAgent.toLowerCase();
  549. return ua.search( /(iphone)|(ipod)|(android)/ ) === -1 || ua.search( /(chrome)/ ) !== -1;
  550. }
  551. // BEGIN INIT
  552. // CHECK FOR SUPPORT
  553. if ( checkSupport() === false ) {
  554. if ( settings.notSupportedClass ) {
  555. jmpress.addClass( settings.notSupportedClass );
  556. }
  557. return;
  558. } else {
  559. if ( settings.notSupportedClass ) {
  560. jmpress.removeClass( settings.notSupportedClass );
  561. }
  562. }
  563. // grabbing all steps
  564. var steps = $( settings.stepSelector, jmpress );
  565. // GERNERAL INIT OF FRAME
  566. container = jmpress;
  567. area = $( '<div />' );
  568. canvas = $( '<div />' );
  569. $( jmpress )
  570. .children()
  571. .filter( steps )
  572. .each( function () {
  573. canvas.append( $( this ) );
  574. } );
  575. if ( settings.fullscreen ) {
  576. container = $( 'body' );
  577. $( 'html' ).css( {
  578. overflow: 'hidden',
  579. } );
  580. area = jmpress;
  581. }
  582. oldStyle.area = area.attr( 'style' ) || '';
  583. oldStyle.container = container.attr( 'style' ) || '';
  584. if ( settings.fullscreen ) {
  585. container.css( {
  586. height: '100%',
  587. } );
  588. jmpress.append( canvas );
  589. } else {
  590. container.css( {
  591. position: 'relative',
  592. } );
  593. area.append( canvas );
  594. jmpress.append( area );
  595. }
  596. $( container ).addClass( settings.containerClass );
  597. $( area ).addClass( settings.areaClass );
  598. $( canvas ).addClass( settings.canvasClass );
  599. document.documentElement.style.height = '100%';
  600. container.css( {
  601. overflow: 'hidden',
  602. } );
  603. var props = {
  604. position: 'absolute',
  605. transitionDuration: '0s',
  606. };
  607. props = $.extend( {}, settings.animation, props );
  608. css( area, props );
  609. css( area, {
  610. top: '50%',
  611. left: '50%',
  612. perspective: '1000px',
  613. } );
  614. css( canvas, props );
  615. current = {};
  616. callCallback.call( this, 'beforeInit', null, {} );
  617. // INITIALIZE EACH STEP
  618. steps.each( function ( idx ) {
  619. doStepInit.call( jmpress, this, idx );
  620. } );
  621. current.nextIdNumber = steps.length;
  622. callCallback.call( this, 'afterInit', null, {} );
  623. // START
  624. select.call( this, callCallback.call( this, 'selectInitialStep', 'init', {} ) );
  625. if ( settings.initClass ) {
  626. $( steps ).removeClass( settings.initClass );
  627. }
  628. }
  629. /**
  630. * Return default settings
  631. *
  632. * @return Object
  633. */
  634. function getDefaults() {
  635. return defaults;
  636. }
  637. /**
  638. * Register a callback or a jmpress function
  639. *
  640. * @access public
  641. * @param name String the name of the callback or function
  642. * @param func Function? the function to be added
  643. */
  644. function register( name, func ) {
  645. if ( $.isFunction( func ) ) {
  646. if ( methods[ name ] ) {
  647. $.error( 'function ' + name + ' is already registered.' );
  648. } else {
  649. methods[ name ] = func;
  650. }
  651. } else {
  652. if ( callbacks[ name ] ) {
  653. $.error( 'callback ' + name + ' is already registered.' );
  654. } else {
  655. callbacks[ name ] = 1;
  656. defaults[ name ] = [];
  657. }
  658. }
  659. }
  660. /**
  661. * Set CSS on element w/ prefixes
  662. *
  663. * @return Object element which properties were set
  664. *
  665. * TODO: Consider bypassing pfx and blindly set as jQuery
  666. * already checks for support
  667. */
  668. function css( el, props ) {
  669. var key,
  670. pkey,
  671. cssObj = {};
  672. for ( key in props ) {
  673. if ( props.hasOwnProperty( key ) ) {
  674. pkey = pfx( key );
  675. if ( pkey !== null ) {
  676. cssObj[ pkey ] = props[ key ];
  677. }
  678. }
  679. }
  680. $( el ).css( cssObj );
  681. return el;
  682. }
  683. /**
  684. * Return dataset for element
  685. *
  686. * @param el element
  687. * @return Object
  688. */
  689. function dataset( el ) {
  690. if ( $( el )[ 0 ].dataset ) {
  691. return $.extend( {}, $( el )[ 0 ].dataset );
  692. }
  693. function toCamelcase( str ) {
  694. str = str.split( '-' );
  695. for ( var i = 1; i < str.length; i++ ) {
  696. str[ i ] = str[ i ].substr( 0, 1 ).toUpperCase() + str[ i ].substr( 1 );
  697. }
  698. return str.join( '' );
  699. }
  700. var returnDataset = {};
  701. var attrs = $( el )[ 0 ].attributes;
  702. $.each( attrs, function ( idx, attr ) {
  703. if ( attr.nodeName.substr( 0, 5 ) === 'data-' ) {
  704. returnDataset[ toCamelcase( attr.nodeName.substr( 5 ) ) ] = attr.nodeValue;
  705. }
  706. } );
  707. return returnDataset;
  708. }
  709. /**
  710. * Returns true, if jmpress is initialized
  711. *
  712. * @return bool
  713. */
  714. function initialized() {
  715. return !! $( this ).data( 'jmpressmethods' );
  716. }
  717. /**
  718. * PUBLIC STATIC METHODS LIST
  719. */
  720. var methods = {
  721. init: init,
  722. initialized: initialized,
  723. deinit: function () {},
  724. css: css,
  725. pfx: pfx,
  726. defaults: getDefaults,
  727. register: register,
  728. dataset: dataset,
  729. };
  730. /**
  731. * $.jmpress()
  732. */
  733. $.fn.jmpress = function ( method ) {
  734. function f() {
  735. var jmpressmethods = $( this ).data( 'jmpressmethods' );
  736. if ( jmpressmethods && jmpressmethods[ method ] ) {
  737. return jmpressmethods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 ) );
  738. } else if ( methods[ method ] ) {
  739. return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 ) );
  740. } else if ( callbacks[ method ] && jmpressmethods ) {
  741. var settings = jmpressmethods.settings();
  742. var func = Array.prototype.slice.call( arguments, 1 )[ 0 ];
  743. if ( $.isFunction( func ) ) {
  744. settings[ method ] = settings[ method ] || [];
  745. settings[ method ].push( func );
  746. }
  747. } else if ( typeof method === 'object' || ! method ) {
  748. return init.apply( this, arguments );
  749. } else {
  750. $.error( 'Method ' + method + ' does not exist on jQuery.jmpress' );
  751. }
  752. // to allow chaining
  753. return this;
  754. }
  755. var args = arguments;
  756. var result;
  757. $( this ).each( function ( idx, element ) {
  758. result = f.apply( element, args );
  759. } );
  760. return result;
  761. };
  762. $.extend( {
  763. jmpress: function ( method ) {
  764. if ( methods[ method ] ) {
  765. return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 ) );
  766. } else if ( callbacks[ method ] ) {
  767. // plugin interface
  768. var func = Array.prototype.slice.call( arguments, 1 )[ 0 ];
  769. if ( $.isFunction( func ) ) {
  770. defaults[ method ].push( func );
  771. } else {
  772. $.error(
  773. 'Second parameter should be a function: $.jmpress( callbackName, callbackFunction )'
  774. );
  775. }
  776. } else {
  777. $.error( 'Method ' + method + ' does not exist on jQuery.jmpress' );
  778. }
  779. },
  780. } );
  781. } )( jQuery, document, window );
  782. /*
  783. * near.js
  784. * Find steps near each other
  785. */
  786. ( function ( $, document, window, undefined ) {
  787. 'use strict';
  788. // add near( selector, backwards = false) to jquery
  789. function checkAndGo( elements, func, selector, backwards ) {
  790. var next;
  791. elements.each( function ( idx, element ) {
  792. if ( backwards ) {
  793. next = func( element, selector, backwards );
  794. if ( next ) {
  795. return false;
  796. }
  797. }
  798. if ( $( element ).is( selector ) ) {
  799. next = element;
  800. return false;
  801. }
  802. if ( ! backwards ) {
  803. next = func( element, selector, backwards );
  804. if ( next ) {
  805. return false;
  806. }
  807. }
  808. } );
  809. return next;
  810. }
  811. function findNextInChildren( item, selector, backwards ) {
  812. var children = $( item ).children();
  813. if ( backwards ) {
  814. children = $( children.get().reverse() );
  815. }
  816. return checkAndGo( children, findNextInChildren, selector, backwards );
  817. }
  818. function findNextInSiblings( item, selector, backwards ) {
  819. return checkAndGo(
  820. $( item )[ backwards ? 'prevAll' : 'nextAll' ](),
  821. findNextInChildren,
  822. selector,
  823. backwards
  824. );
  825. }
  826. function findNextInParents( item, selector, backwards ) {
  827. var next;
  828. var parents = $( item ).parents();
  829. parents = $( parents.get() );
  830. $.each( parents.get(), function ( idx, element ) {
  831. if ( backwards && $( element ).is( selector ) ) {
  832. next = element;
  833. return false;
  834. }
  835. next = findNextInSiblings( element, selector, backwards );
  836. if ( next ) {
  837. return false;
  838. }
  839. } );
  840. return next;
  841. }
  842. $.fn.near = function ( selector, backwards ) {
  843. var array = [];
  844. $( this ).each( function ( idx, element ) {
  845. var near =
  846. ( backwards ? false : findNextInChildren( element, selector, backwards ) ) ||
  847. findNextInSiblings( element, selector, backwards ) ||
  848. findNextInParents( element, selector, backwards );
  849. if ( near ) {
  850. array.push( near );
  851. }
  852. } );
  853. return $( array );
  854. };
  855. } )( jQuery, document, window );
  856. /*
  857. * transform.js
  858. * The engine that powers the transforms or falls back to other methods
  859. */
  860. ( function ( $, document, window, undefined ) {
  861. 'use strict';
  862. /* FUNCTIONS */
  863. function toCssNumber( number ) {
  864. return Math.round( 10000 * number ) / 10000 + '';
  865. }
  866. /**
  867. * 3D and 2D engines
  868. */
  869. var engines = {
  870. 3: {
  871. transform: function ( el, data ) {
  872. var transform = 'translate(-50%,-50%)';
  873. $.each( data, function ( idx, item ) {
  874. var coord = [ 'X', 'Y', 'Z' ];
  875. var i;
  876. if ( item[ 0 ] === 'translate' ) {
  877. // ["translate", x, y, z]
  878. transform +=
  879. ' translate3d(' +
  880. toCssNumber( item[ 1 ] || 0 ) +
  881. 'px,' +
  882. toCssNumber( item[ 2 ] || 0 ) +
  883. 'px,' +
  884. toCssNumber( item[ 3 ] || 0 ) +
  885. 'px)';
  886. } else if ( item[ 0 ] === 'rotate' ) {
  887. var order = item[ 4 ] ? [ 1, 2, 3 ] : [ 3, 2, 1 ];
  888. for ( i = 0; i < 3; i++ ) {
  889. transform +=
  890. ' rotate' +
  891. coord[ order[ i ] - 1 ] +
  892. '(' +
  893. toCssNumber( item[ order[ i ] ] || 0 ) +
  894. 'deg)';
  895. }
  896. } else if ( item[ 0 ] === 'scale' ) {
  897. for ( i = 0; i < 3; i++ ) {
  898. transform += ' scale' + coord[ i ] + '(' + toCssNumber( item[ i + 1 ] || 1 ) + ')';
  899. }
  900. }
  901. } );
  902. $.jmpress( 'css', el, $.extend( {}, { transform: transform } ) );
  903. },
  904. },
  905. 2: {
  906. transform: function ( el, data ) {
  907. var transform = 'translate(-50%,-50%)';
  908. $.each( data, function ( idx, item ) {
  909. var coord = [ 'X', 'Y' ];
  910. if ( item[ 0 ] === 'translate' ) {
  911. // ["translate", x, y, z]
  912. transform +=
  913. ' translate(' +
  914. toCssNumber( item[ 1 ] || 0 ) +
  915. 'px,' +
  916. toCssNumber( item[ 2 ] || 0 ) +
  917. 'px)';
  918. } else if ( item[ 0 ] === 'rotate' ) {
  919. transform += ' rotate(' + toCssNumber( item[ 3 ] || 0 ) + 'deg)';
  920. } else if ( item[ 0 ] === 'scale' ) {
  921. for ( var i = 0; i < 2; i++ ) {
  922. transform += ' scale' + coord[ i ] + '(' + toCssNumber( item[ i + 1 ] || 1 ) + ')';
  923. }
  924. }
  925. } );
  926. $.jmpress( 'css', el, $.extend( {}, { transform: transform } ) );
  927. },
  928. },
  929. 1: {
  930. // CHECK IF SUPPORT IS REALLY NEEDED?
  931. // this not even work without scaling...
  932. // it may better to display the normal view
  933. transform: function ( el, data ) {
  934. var anitarget = { top: 0, left: 0 };
  935. $.each( data, function ( idx, item ) {
  936. var coord = [ 'X', 'Y' ];
  937. if ( item[ 0 ] === 'translate' ) {
  938. // ["translate", x, y, z]
  939. anitarget.left = Math.round( item[ 1 ] || 0 ) + 'px';
  940. anitarget.top = Math.round( item[ 2 ] || 0 ) + 'px';
  941. }
  942. } );
  943. el.animate( anitarget, 1000 ); // TODO: Use animation duration
  944. },
  945. },
  946. };
  947. /**
  948. * Engine to power cross-browser translate, scale and rotate.
  949. */
  950. var engine = ( function () {
  951. if ( $.jmpress( 'pfx', 'perspective' ) ) {
  952. return engines[ 3 ];
  953. } else if ( $.jmpress( 'pfx', 'transform' ) ) {
  954. return engines[ 2 ];
  955. } else {
  956. // CHECK IF SUPPORT IS REALLY NEEDED?
  957. return engines[ 1 ];
  958. }
  959. } )();
  960. $.jmpress( 'defaults' ).reasonableAnimation = {};
  961. $.jmpress( 'initStep', function ( step, eventData ) {
  962. var data = eventData.data;
  963. var stepData = eventData.stepData;
  964. var pf = parseFloat;
  965. $.extend( stepData, {
  966. x: pf( data.x ) || 0,
  967. y: pf( data.y ) || 0,
  968. z: pf( data.z ) || 0,
  969. r: pf( data.r ) || 0,
  970. phi: pf( data.phi ) || 0,
  971. rotate: pf( data.rotate ) || 0,
  972. rotateX: pf( data.rotateX ) || 0,
  973. rotateY: pf( data.rotateY ) || 0,
  974. rotateZ: pf( data.rotateZ ) || 0,
  975. revertRotate: false,
  976. scale: pf( data.scale ) || 1,
  977. scaleX: pf( data.scaleX ) || false,
  978. scaleY: pf( data.scaleY ) || false,
  979. scaleZ: pf( data.scaleZ ) || 1,
  980. } );
  981. } );
  982. $.jmpress( 'afterInit', function ( nil, eventData ) {
  983. var stepSelector = eventData.settings.stepSelector,
  984. current = eventData.current;
  985. current.perspectiveScale = 1;
  986. current.maxNestedDepth = 0;
  987. var nestedSteps = $( eventData.jmpress ).find( stepSelector ).children( stepSelector );
  988. while ( nestedSteps.length ) {
  989. current.maxNestedDepth++;
  990. nestedSteps = nestedSteps.children( stepSelector );
  991. }
  992. } );
  993. $.jmpress( 'applyStep', function ( step, eventData ) {
  994. $.jmpress( 'css', $( step ), {
  995. position: 'absolute',
  996. transformStyle: 'preserve-3d',
  997. } );
  998. if ( eventData.parents.length > 0 ) {
  999. $.jmpress( 'css', $( step ), {
  1000. top: '50%',
  1001. left: '50%',
  1002. } );
  1003. }
  1004. var sd = eventData.stepData;
  1005. var transform = [
  1006. [
  1007. 'translate',
  1008. sd.x || sd.r * Math.sin( ( sd.phi * Math.PI ) / 180 ),
  1009. sd.y || -sd.r * Math.cos( ( sd.phi * Math.PI ) / 180 ),
  1010. sd.z,
  1011. ],
  1012. [ 'rotate', sd.rotateX, sd.rotateY, sd.rotateZ || sd.rotate, true ],
  1013. [ 'scale', sd.scaleX || sd.scale, sd.scaleY || sd.scale, sd.scaleZ || sd.scale ],
  1014. ];
  1015. engine.transform( step, transform );
  1016. } );
  1017. $.jmpress( 'setActive', function ( element, eventData ) {
  1018. var target = eventData.target;
  1019. var step = eventData.stepData;
  1020. var tf = ( target.transform = [] );
  1021. target.perspectiveScale = 1;
  1022. for ( var i = eventData.current.maxNestedDepth; i > ( eventData.parents.length || 0 ); i-- ) {
  1023. tf.push( [ 'scale' ], [ 'rotate' ], [ 'translate' ] );
  1024. }
  1025. tf.push( [
  1026. 'scale',
  1027. 1 / ( step.scaleX || step.scale ),
  1028. 1 / ( step.scaleY || step.scale ),
  1029. 1 / step.scaleZ,
  1030. ] );
  1031. tf.push( [ 'rotate', -step.rotateX, -step.rotateY, -( step.rotateZ || step.rotate ) ] );
  1032. tf.push( [
  1033. 'translate',
  1034. -( step.x || step.r * Math.sin( ( step.phi * Math.PI ) / 180 ) ),
  1035. -( step.y || -step.r * Math.cos( ( step.phi * Math.PI ) / 180 ) ),
  1036. -step.z,
  1037. ] );
  1038. target.perspectiveScale *= step.scaleX || step.scale;
  1039. $.each( eventData.parents, function ( idx, element ) {
  1040. var step = $( element ).data( 'stepData' );
  1041. tf.push( [
  1042. 'scale',
  1043. 1 / ( step.scaleX || step.scale ),
  1044. 1 / ( step.scaleY || step.scale ),
  1045. 1 / step.scaleZ,
  1046. ] );
  1047. tf.push( [ 'rotate', -step.rotateX, -step.rotateY, -( step.rotateZ || step.rotate ) ] );
  1048. tf.push( [
  1049. 'translate',
  1050. -( step.x || step.r * Math.sin( ( step.phi * Math.PI ) / 180 ) ),
  1051. -( step.y || -step.r * Math.cos( ( step.phi * Math.PI ) / 180 ) ),
  1052. -step.z,
  1053. ] );
  1054. target.perspectiveScale *= step.scaleX || step.scale;
  1055. } );
  1056. $.each( tf, function ( idx, item ) {
  1057. if ( item[ 0 ] !== 'rotate' ) {
  1058. return;
  1059. }
  1060. function lowRotate( name ) {
  1061. if ( eventData.current[ 'rotate' + name + '-' + idx ] === undefined ) {
  1062. eventData.current[ 'rotate' + name + '-' + idx ] = item[ name ] || 0;
  1063. }
  1064. var cur = eventData.current[ 'rotate' + name + '-' + idx ],
  1065. tar = item[ name ] || 0,
  1066. curmod = cur % 360,
  1067. tarmod = tar % 360;
  1068. if ( curmod < 0 ) {
  1069. curmod += 360;
  1070. }
  1071. if ( tarmod < 0 ) {
  1072. tarmod += 360;
  1073. }
  1074. var diff = tarmod - curmod;
  1075. if ( diff < -180 ) {
  1076. diff += 360;
  1077. } else if ( diff > 180 ) {
  1078. diff -= 360;
  1079. }
  1080. eventData.current[ 'rotate' + name + '-' + idx ] = item[ name ] = cur + diff;
  1081. }
  1082. lowRotate( 1 );
  1083. lowRotate( 2 );
  1084. lowRotate( 3 );
  1085. } );
  1086. } );
  1087. $.jmpress( 'applyTarget', function ( active, eventData ) {
  1088. var target = eventData.target,
  1089. props,
  1090. step = eventData.stepData,
  1091. settings = eventData.settings,
  1092. zoomin = target.perspectiveScale * 1.3 < eventData.current.perspectiveScale,
  1093. zoomout = target.perspectiveScale > eventData.current.perspectiveScale * 1.3;
  1094. // extract first scale from transform
  1095. var lastScale = -1;
  1096. $.each( target.transform, function ( idx, item ) {
  1097. if ( item.length <= 1 ) {
  1098. return;
  1099. }
  1100. if (
  1101. item[ 0 ] === 'rotate' &&
  1102. item[ 1 ] % 360 === 0 &&
  1103. item[ 2 ] % 360 === 0 &&
  1104. item[ 3 ] % 360 === 0
  1105. ) {
  1106. return;
  1107. }
  1108. if ( item[ 0 ] === 'scale' ) {
  1109. lastScale = idx;
  1110. } else {
  1111. return false;
  1112. }
  1113. } );
  1114. if ( lastScale !== eventData.current.oldLastScale ) {
  1115. zoomin = zoomout = false;
  1116. eventData.current.oldLastScale = lastScale;
  1117. }
  1118. var extracted = [];
  1119. if ( lastScale !== -1 ) {
  1120. while ( lastScale >= 0 ) {
  1121. if ( target.transform[ lastScale ][ 0 ] === 'scale' ) {
  1122. extracted.push( target.transform[ lastScale ] );
  1123. target.transform[ lastScale ] = [ 'scale' ];
  1124. }
  1125. lastScale--;
  1126. }
  1127. }
  1128. var animation = settings.animation;
  1129. if ( settings.reasonableAnimation[ eventData.reason ] ) {
  1130. animation = $.extend( {}, animation, settings.reasonableAnimation[ eventData.reason ] );
  1131. }
  1132. props = {
  1133. // to keep the perspective look similar for different scales
  1134. // we need to 'scale' the perspective, too
  1135. perspective: Math.round( target.perspectiveScale * 1000 ) + 'px',
  1136. };
  1137. props = $.extend( {}, animation, props );
  1138. if ( ! zoomin ) {
  1139. props.transitionDelay = '0s';
  1140. }
  1141. if ( ! eventData.beforeActive ) {
  1142. props.transitionDuration = '0s';
  1143. props.transitionDelay = '0s';
  1144. }
  1145. $.jmpress( 'css', eventData.area, props );
  1146. engine.transform( eventData.area, extracted );
  1147. props = $.extend( {}, animation );
  1148. if ( ! zoomout ) {
  1149. props.transitionDelay = '0s';
  1150. }
  1151. if ( ! eventData.beforeActive ) {
  1152. props.transitionDuration = '0s';
  1153. props.transitionDelay = '0s';
  1154. }
  1155. eventData.current.perspectiveScale = target.perspectiveScale;
  1156. $.jmpress( 'css', eventData.canvas, props );
  1157. engine.transform( eventData.canvas, target.transform );
  1158. } );
  1159. } )( jQuery, document, window );
  1160. /*
  1161. * active.js
  1162. * Set the active classes on steps
  1163. */
  1164. ( function ( $, document, window, undefined ) {
  1165. 'use strict';
  1166. var $jmpress = $.jmpress;
  1167. /* DEFINES */
  1168. var activeClass = 'activeClass',
  1169. nestedActiveClass = 'nestedActiveClass';
  1170. /* DEFAULTS */
  1171. var defaults = $jmpress( 'defaults' );
  1172. defaults[ nestedActiveClass ] = 'nested-active';
  1173. defaults[ activeClass ] = 'active';
  1174. /* HOOKS */
  1175. $jmpress( 'setInactive', function ( step, eventData ) {
  1176. var settings = eventData.settings,
  1177. activeClassSetting = settings[ activeClass ],
  1178. nestedActiveClassSettings = settings[ nestedActiveClass ];
  1179. if ( activeClassSetting ) {
  1180. $( step ).removeClass( activeClassSetting );
  1181. }
  1182. if ( nestedActiveClassSettings ) {
  1183. $.each( eventData.parents, function ( idx, element ) {
  1184. $( element ).removeClass( nestedActiveClassSettings );
  1185. } );
  1186. }
  1187. } );
  1188. $jmpress( 'setActive', function ( step, eventData ) {
  1189. var settings = eventData.settings,
  1190. activeClassSetting = settings[ activeClass ],
  1191. nestedActiveClassSettings = settings[ nestedActiveClass ];
  1192. if ( activeClassSetting ) {
  1193. $( step ).addClass( activeClassSetting );
  1194. }
  1195. if ( nestedActiveClassSettings ) {
  1196. $.each( eventData.parents, function ( idx, element ) {
  1197. $( element ).addClass( nestedActiveClassSettings );
  1198. } );
  1199. }
  1200. } );
  1201. } )( jQuery, document, window );
  1202. /*
  1203. * circular.js
  1204. * Repeat from start after end
  1205. */
  1206. ( function ( $, document, window, undefined ) {
  1207. 'use strict';
  1208. var $jmpress = $.jmpress;
  1209. /* FUNCTIONS */
  1210. function firstSlide( step, eventData ) {
  1211. return $( this ).find( eventData.settings.stepSelector ).first();
  1212. }
  1213. function prevOrNext( jmpress, step, eventData, prev ) {
  1214. if ( ! step ) {
  1215. return false;
  1216. }
  1217. var stepSelector = eventData.settings.stepSelector;
  1218. step = $( step );
  1219. do {
  1220. var item = step.near( stepSelector, prev );
  1221. if ( item.length === 0 || item.closest( jmpress ).length === 0 ) {
  1222. item = $( jmpress ).find( stepSelector )[ prev ? 'last' : 'first' ](); // eslint-disable-line no-unexpected-multiline
  1223. }
  1224. if ( ! item.length ) {
  1225. return false;
  1226. }
  1227. step = item;
  1228. } while ( step.data( 'stepData' ).exclude );
  1229. return step;
  1230. }
  1231. /* HOOKS */
  1232. $jmpress( 'initStep', function ( step, eventData ) {
  1233. eventData.stepData.exclude =
  1234. eventData.data.exclude && [ 'false', 'no' ].indexOf( eventData.data.exclude ) === -1;
  1235. } );
  1236. $jmpress( 'selectInitialStep', firstSlide );
  1237. $jmpress( 'selectHome', firstSlide );
  1238. $jmpress( 'selectEnd', function ( step, eventData ) {
  1239. return $( this ).find( eventData.settings.stepSelector ).last();
  1240. } );
  1241. $jmpress( 'selectPrev', function ( step, eventData ) {
  1242. return prevOrNext( this, step, eventData, true );
  1243. } );
  1244. $jmpress( 'selectNext', function ( step, eventData ) {
  1245. return prevOrNext( this, step, eventData );
  1246. } );
  1247. } )( jQuery, document, window );
  1248. /*
  1249. * start.js
  1250. * Set the first step to start on
  1251. */
  1252. ( function ( $, document, window, undefined ) {
  1253. 'use strict';
  1254. /* HOOKS */
  1255. $.jmpress( 'selectInitialStep', function ( nil, eventData ) {
  1256. return eventData.settings.start;
  1257. } );
  1258. } )( jQuery, document, window );
  1259. /*
  1260. * ways.js
  1261. * Control the flow of the steps
  1262. */
  1263. ( function ( $, document, window, undefined ) {
  1264. 'use strict';
  1265. var $jmpress = $.jmpress;
  1266. /* FUNCTIONS */
  1267. function routeFunc( jmpress, route, type ) {
  1268. for ( var i = 0; i < route.length - 1; i++ ) {
  1269. var from = route[ i ];
  1270. var to = route[ i + 1 ];
  1271. if ( $( jmpress ).jmpress( 'initialized' ) ) {
  1272. $( from, jmpress ).data( 'stepData' )[ type ] = to;
  1273. } else {
  1274. $( from, jmpress ).attr( 'data-' + type, to );
  1275. }
  1276. }
  1277. }
  1278. function selectPrevOrNext( step, eventData, attr, prev ) {
  1279. var stepData = eventData.stepData;
  1280. if ( stepData[ attr ] ) {
  1281. var near = $( step ).near( stepData[ attr ], prev );
  1282. if ( near && near.length ) {
  1283. return near;
  1284. }
  1285. near = $( stepData[ attr ], this )[ prev ? 'last' : 'first' ]();
  1286. if ( near && near.length ) {
  1287. return near;
  1288. }
  1289. }
  1290. }
  1291. /* EXPORTED FUNCTIONS */
  1292. $jmpress( 'register', 'route', function ( route, unidirectional, reversedRoute ) {
  1293. if ( typeof route === 'string' ) {
  1294. route = [ route, route ];
  1295. }
  1296. routeFunc( this, route, reversedRoute ? 'prev' : 'next' );
  1297. if ( ! unidirectional ) {
  1298. routeFunc( this, route.reverse(), reversedRoute ? 'next' : 'prev' );
  1299. }
  1300. } );
  1301. /* HOOKS */
  1302. $jmpress( 'initStep', function ( step, eventData ) {
  1303. for ( var attr in { next: 1, prev: 1 } ) {
  1304. eventData.stepData[ attr ] = eventData.data[ attr ];
  1305. }
  1306. } );
  1307. $jmpress( 'selectNext', function ( step, eventData ) {
  1308. return selectPrevOrNext.call( this, step, eventData, 'next' );
  1309. } );
  1310. $jmpress( 'selectPrev', function ( step, eventData ) {
  1311. return selectPrevOrNext.call( this, step, eventData, 'prev', true );
  1312. } );
  1313. } )( jQuery, document, window );
  1314. /*
  1315. * ajax.js
  1316. * Load steps via ajax
  1317. */
  1318. ( function ( $, document, window, undefined ) {
  1319. 'use strict';
  1320. var $jmpress = $.jmpress;
  1321. /* DEFINES */
  1322. var afterStepLoaded = 'ajax:afterStepLoaded',
  1323. loadStep = 'ajax:loadStep';
  1324. /* REGISTER EVENTS */
  1325. $jmpress( 'register', loadStep );
  1326. $jmpress( 'register', afterStepLoaded );
  1327. /* DEFAULTS */
  1328. $jmpress( 'defaults' ).ajaxLoadedClass = 'loaded';
  1329. /* HOOKS */
  1330. $jmpress( 'initStep', function ( step, eventData ) {
  1331. eventData.stepData.src = $( step ).attr( 'href' ) || eventData.data.src || false;
  1332. eventData.stepData.srcLoaded = false;
  1333. } );
  1334. $jmpress( loadStep, function ( step, eventData ) {
  1335. var stepData = eventData.stepData,
  1336. href = stepData && stepData.src,
  1337. settings = eventData.settings;
  1338. if ( href ) {
  1339. $( step ).addClass( settings.ajaxLoadedClass );
  1340. stepData.srcLoaded = true;
  1341. $( step ).load( href, function ( response, status, xhr ) {
  1342. $( eventData.jmpress ).jmpress(
  1343. 'fire',
  1344. afterStepLoaded,
  1345. step,
  1346. $.extend( {}, eventData, {
  1347. response: response,
  1348. status: status,
  1349. xhr: xhr,
  1350. } )
  1351. );
  1352. } );
  1353. }
  1354. } );
  1355. $jmpress( 'idle', function ( step, eventData ) {
  1356. if ( ! step ) {
  1357. return;
  1358. }
  1359. var settings = eventData.settings,
  1360. jmpress = $( this ),
  1361. stepData = eventData.stepData;
  1362. var siblings = $( step )
  1363. .add( $( step ).near( settings.stepSelector ) )
  1364. .add( $( step ).near( settings.stepSelector, true ) )
  1365. .add(
  1366. jmpress.jmpress( 'fire', 'selectPrev', step, {
  1367. stepData: $( step ).data( 'stepData' ),
  1368. } )
  1369. )
  1370. .add(
  1371. jmpress.jmpress( 'fire', 'selectNext', step, {
  1372. stepData: $( step ).data( 'stepData' ),
  1373. } )
  1374. );
  1375. siblings.each( function () {
  1376. var step = this,
  1377. stepData = $( step ).data( 'stepData' );
  1378. if ( ! stepData.src || stepData.srcLoaded ) {
  1379. return;
  1380. }
  1381. jmpress.jmpress( 'fire', loadStep, step, {
  1382. stepData: $( step ).data( 'stepData' ),
  1383. } );
  1384. } );
  1385. } );
  1386. $jmpress( 'setActive', function ( step, eventData ) {
  1387. var stepData = $( step ).data( 'stepData' );
  1388. if ( ! stepData.src || stepData.srcLoaded ) {
  1389. return;
  1390. }
  1391. $( this ).jmpress( 'fire', loadStep, step, {
  1392. stepData: $( step ).data( 'stepData' ),
  1393. } );
  1394. } );
  1395. } )( jQuery, document, window );
  1396. /*
  1397. * hash.js
  1398. * Detect and set the URL hash
  1399. */
  1400. ( function ( $, document, window, undefined ) {
  1401. 'use strict';
  1402. var $jmpress = $.jmpress,
  1403. hashLink = "a[href^='#']";
  1404. /* FUNCTIONS */
  1405. function randomString() {
  1406. return '' + Math.round( Math.random() * 100000, 0 );
  1407. }
  1408. /**
  1409. * getElementFromUrl
  1410. *
  1411. * @return String or undefined
  1412. */
  1413. function getElementFromUrl( settings ) {
  1414. // get id from url # by removing `#` or `#/` from the beginning,
  1415. // so both "fallback" `#slide-id` and "enhanced" `#/slide-id` will work
  1416. // TODO SECURITY check user input to be valid!
  1417. try {
  1418. var el = $( '#' + window.location.hash.replace( /^#\/?/, '' ) );
  1419. return el.length > 0 && el.is( settings.stepSelector ) ? el : undefined;
  1420. } catch ( e ) {}
  1421. }
  1422. function setHash( stepid ) {
  1423. var shouldBeHash = '#/' + stepid;
  1424. if ( window.history && window.history.pushState ) {
  1425. // shouldBeHash = "#" + stepid;
  1426. // consider this for future versions
  1427. // it has currently issues, when startup with a link with hash (webkit)
  1428. if ( window.location.hash !== shouldBeHash ) {
  1429. window.history.pushState( {}, '', shouldBeHash );
  1430. }
  1431. } else {
  1432. if ( window.location.hash !== shouldBeHash ) {
  1433. window.location.hash = shouldBeHash;
  1434. }
  1435. }
  1436. }
  1437. /* DEFAULTS */
  1438. $jmpress( 'defaults' ).hash = {
  1439. use: true,
  1440. update: true,
  1441. bindChange: true,
  1442. // NOTICE: {use: true, update: false, bindChange: true}
  1443. // will cause a error after clicking on a link to the current step
  1444. };
  1445. /* HOOKS */
  1446. $jmpress( 'selectInitialStep', function ( step, eventData ) {
  1447. var settings = eventData.settings,
  1448. hashSettings = settings.hash,
  1449. current = eventData.current,
  1450. jmpress = $( this );
  1451. eventData.current.hashNamespace = '.jmpress-' + randomString();
  1452. // HASH CHANGE EVENT
  1453. if ( hashSettings.use ) {
  1454. if ( hashSettings.bindChange ) {
  1455. $( window ).bind( 'hashchange' + current.hashNamespace, function ( event ) {
  1456. var urlItem = getElementFromUrl( settings );
  1457. if ( jmpress.jmpress( 'initialized' ) ) {
  1458. jmpress.jmpress( 'scrollFix' );
  1459. }
  1460. if ( urlItem && urlItem.length ) {
  1461. if ( urlItem.attr( 'id' ) !== jmpress.jmpress( 'active' ).attr( 'id' ) ) {
  1462. jmpress.jmpress( 'select', urlItem );
  1463. }
  1464. setHash( urlItem.attr( 'id' ) );
  1465. }
  1466. event.preventDefault();
  1467. } );
  1468. $( hashLink ).on( 'click' + current.hashNamespace, function ( event ) {
  1469. var href = $( this ).attr( 'href' );
  1470. try {
  1471. if ( $( href ).is( settings.stepSelector ) ) {
  1472. jmpress.jmpress( 'select', href );
  1473. event.preventDefault();
  1474. event.stopPropagation();
  1475. }
  1476. } catch ( e ) {}
  1477. } );
  1478. }
  1479. return getElementFromUrl( settings );
  1480. }
  1481. } );
  1482. $jmpress( 'afterDeinit', function ( nil, eventData ) {
  1483. $( hashLink ).off( eventData.current.hashNamespace );
  1484. $( window ).unbind( eventData.current.hashNamespace );
  1485. } );
  1486. $jmpress( 'setActive', function ( step, eventData ) {
  1487. var settings = eventData.settings,
  1488. current = eventData.current;
  1489. // `#/step-id` is used instead of `#step-id` to prevent default browser
  1490. // scrolling to element in hash
  1491. if ( settings.hash.use && settings.hash.update ) {
  1492. clearTimeout( current.hashtimeout );
  1493. current.hashtimeout = setTimeout( function () {
  1494. setHash( $( eventData.delegatedFrom ).attr( 'id' ) );
  1495. }, settings.transitionDuration + 200 );
  1496. }
  1497. } );
  1498. } )( jQuery, document, window );
  1499. /*
  1500. * keyboard.js
  1501. * Keyboard event mapping and default keyboard actions
  1502. */
  1503. ( function ( $, document, window, undefined ) {
  1504. 'use strict';
  1505. var $jmpress = $.jmpress,
  1506. jmpressNext = 'next',
  1507. jmpressPrev = 'prev';
  1508. /* FUNCTIONS */
  1509. function randomString() {
  1510. return '' + Math.round( Math.random() * 100000, 0 );
  1511. }
  1512. function stopEvent( event ) {
  1513. event.preventDefault();
  1514. event.stopPropagation();
  1515. }
  1516. /* DEFAULTS */
  1517. $jmpress( 'defaults' ).keyboard = {
  1518. use: true,
  1519. keys: {
  1520. 33: jmpressPrev, // pg up
  1521. 37: jmpressPrev, // left
  1522. 38: jmpressPrev, // up
  1523. 9: jmpressNext + ':' + jmpressPrev, // tab
  1524. 32: jmpressNext, // space
  1525. 34: jmpressNext, // pg down
  1526. 39: jmpressNext, // right
  1527. 40: jmpressNext, // down
  1528. 36: 'home', // home
  1529. 35: 'end', // end
  1530. },
  1531. ignore: {
  1532. INPUT: [
  1533. 32, // space
  1534. 37, // left
  1535. 38, // up
  1536. 39, // right
  1537. 40, // down
  1538. ],
  1539. TEXTAREA: [
  1540. 32, // space
  1541. 37, // left
  1542. 38, // up
  1543. 39, // right
  1544. 40, // down
  1545. ],
  1546. SELECT: [
  1547. 38, // up
  1548. 40, // down
  1549. ],
  1550. },
  1551. tabSelector: 'a[href]:visible, :input:visible',
  1552. };
  1553. /* HOOKS */
  1554. $jmpress( 'afterInit', function ( nil, eventData ) {
  1555. var settings = eventData.settings,
  1556. keyboardSettings = settings.keyboard,
  1557. ignoreKeyboardSettings = keyboardSettings.ignore,
  1558. current = eventData.current,
  1559. jmpress = $( this );
  1560. // tabindex make it focusable so that it can receive key events
  1561. if ( ! settings.fullscreen ) {
  1562. jmpress.attr( 'tabindex', 0 );
  1563. }
  1564. current.keyboardNamespace = '.jmpress-' + randomString();
  1565. // KEYPRESS EVENT: this fixes a Opera bug
  1566. $( settings.fullscreen ? document : jmpress ).bind(
  1567. 'keypress' + current.keyboardNamespace,
  1568. function ( event ) {
  1569. for ( var nodeName in ignoreKeyboardSettings ) {
  1570. if (
  1571. event.target.nodeName === nodeName &&
  1572. ignoreKeyboardSettings[ nodeName ].indexOf( event.which ) !== -1
  1573. ) {
  1574. return;
  1575. }
  1576. }
  1577. if ( ( event.which >= 37 && event.which <= 40 ) || event.which === 32 ) {
  1578. stopEvent( event );
  1579. }
  1580. }
  1581. );
  1582. // KEYDOWN EVENT
  1583. $( settings.fullscreen ? document : jmpress ).bind(
  1584. 'keydown' + current.keyboardNamespace,
  1585. function ( event ) {
  1586. var eventTarget = $( event.target );
  1587. if (
  1588. ( ! settings.fullscreen && ! eventTarget.closest( jmpress ).length ) ||
  1589. ! keyboardSettings.use
  1590. ) {
  1591. return;
  1592. }
  1593. for ( var nodeName in ignoreKeyboardSettings ) {
  1594. if (
  1595. eventTarget[ 0 ].nodeName === nodeName &&
  1596. ignoreKeyboardSettings[ nodeName ].indexOf( event.which ) !== -1
  1597. ) {
  1598. return;
  1599. }
  1600. }
  1601. var reverseSelect = false;
  1602. var nextFocus;
  1603. if ( event.which === 9 ) {
  1604. // tab
  1605. if ( ! eventTarget.closest( jmpress.jmpress( 'active' ) ).length ) {
  1606. if ( ! event.shiftKey ) {
  1607. nextFocus = jmpress
  1608. .jmpress( 'active' )
  1609. .find( 'a[href], :input' )
  1610. .filter( ':visible' )
  1611. .first();
  1612. } else {
  1613. reverseSelect = true;
  1614. }
  1615. } else {
  1616. nextFocus = eventTarget.near( keyboardSettings.tabSelector, event.shiftKey );
  1617. if (
  1618. ! $( nextFocus ).closest( settings.stepSelector ).is( jmpress.jmpress( 'active' ) )
  1619. ) {
  1620. nextFocus = undefined;
  1621. }
  1622. }
  1623. if ( nextFocus && nextFocus.length > 0 ) {
  1624. nextFocus.focus();
  1625. jmpress.jmpress( 'scrollFix' );
  1626. stopEvent( event );
  1627. return;
  1628. } else {
  1629. if ( event.shiftKey ) {
  1630. reverseSelect = true;
  1631. }
  1632. }
  1633. }
  1634. var action = keyboardSettings.keys[ event.which ];
  1635. if ( typeof action === 'string' ) {
  1636. if ( action.indexOf( ':' ) !== -1 ) {
  1637. action = action.split( ':' );
  1638. action = event.shiftKey ? action[ 1 ] : action[ 0 ];
  1639. }
  1640. jmpress.jmpress( action );
  1641. stopEvent( event );
  1642. } else if ( $.isFunction( action ) ) {
  1643. action.call( jmpress, event );
  1644. } else if ( action ) {
  1645. jmpress.jmpress.apply( jmpress, action );
  1646. stopEvent( event );
  1647. }
  1648. if ( reverseSelect ) {
  1649. // tab
  1650. nextFocus = jmpress
  1651. .jmpress( 'active' )
  1652. .find( 'a[href], :input' )
  1653. .filter( ':visible' )
  1654. .last();
  1655. nextFocus.focus();
  1656. jmpress.jmpress( 'scrollFix' );
  1657. }
  1658. }
  1659. );
  1660. } );
  1661. $jmpress( 'afterDeinit', function ( nil, eventData ) {
  1662. $( document ).unbind( eventData.current.keyboardNamespace );
  1663. } );
  1664. } )( jQuery, document, window );
  1665. /*
  1666. * viewport.js
  1667. * Scale to fit a given viewport
  1668. */
  1669. ( function ( $, document, window, undefined ) {
  1670. 'use strict';
  1671. function randomString() {
  1672. return '' + Math.round( Math.random() * 100000, 0 );
  1673. }
  1674. var browser = ( function () {
  1675. var ua = navigator.userAgent.toLowerCase();
  1676. var match =
  1677. /(chrome)[ \/]([\w.]+)/.exec( ua ) ||
  1678. /(webkit)[ \/]([\w.]+)/.exec( ua ) ||
  1679. /(opera)(?:.*version|)[ \/]([\w.]+)/.exec( ua ) ||
  1680. /(msie) ([\w.]+)/.exec( ua ) ||
  1681. ( ua.indexOf( 'compatible' ) < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec( ua ) ) ||
  1682. [];
  1683. return match[ 1 ] || '';
  1684. } )();
  1685. var defaults = $.jmpress( 'defaults' );
  1686. defaults.viewPort = {
  1687. width: false,
  1688. height: false,
  1689. maxScale: 0,
  1690. minScale: 0,
  1691. zoomable: 0,
  1692. zoomBindMove: true,
  1693. zoomBindWheel: true,
  1694. };
  1695. var keys = defaults.keyboard.keys;
  1696. keys[ browser === 'mozilla' ? 107 : 187 ] = 'zoomIn'; // +
  1697. keys[ browser === 'mozilla' ? 109 : 189 ] = 'zoomOut'; // -
  1698. defaults.reasonableAnimation.resize = {
  1699. transitionDuration: '0s',
  1700. transitionDelay: '0ms',
  1701. };
  1702. defaults.reasonableAnimation.zoom = {
  1703. transitionDuration: '0s',
  1704. transitionDelay: '0ms',
  1705. };
  1706. $.jmpress( 'initStep', function ( step, eventData ) {
  1707. for ( var variable in {
  1708. viewPortHeight: 1,
  1709. viewPortWidth: 1,
  1710. viewPortMinScale: 1,
  1711. viewPortMaxScale: 1,
  1712. viewPortZoomable: 1,
  1713. } ) {
  1714. eventData.stepData[ variable ] =
  1715. eventData.data[ variable ] && parseFloat( eventData.data[ variable ] );
  1716. }
  1717. } );
  1718. $.jmpress( 'afterInit', function ( nil, eventData ) {
  1719. var jmpress = this;
  1720. eventData.current.viewPortNamespace = '.jmpress-' + randomString();
  1721. $( window ).bind( 'resize' + eventData.current.viewPortNamespace, function ( event ) {
  1722. $( jmpress ).jmpress( 'reselect', 'resize' );
  1723. } );
  1724. eventData.current.userZoom = 0;
  1725. eventData.current.userTranslateX = 0;
  1726. eventData.current.userTranslateY = 0;
  1727. if ( eventData.settings.viewPort.zoomBindWheel ) {
  1728. $( eventData.settings.fullscreen ? document : this ).bind(
  1729. 'mousewheel' +
  1730. eventData.current.viewPortNamespace +
  1731. ' DOMMouseScroll' +
  1732. eventData.current.viewPortNamespace,
  1733. function ( event, delta ) {
  1734. delta =
  1735. delta || event.originalEvent.wheelDelta || -event.originalEvent.detail /* mozilla */;
  1736. var direction = delta / Math.abs( delta );
  1737. if ( direction < 0 ) {
  1738. $( eventData.jmpress ).jmpress(
  1739. 'zoomOut',
  1740. event.originalEvent.x,
  1741. event.originalEvent.y
  1742. );
  1743. } else if ( direction > 0 ) {
  1744. $( eventData.jmpress ).jmpress(
  1745. 'zoomIn',
  1746. event.originalEvent.x,
  1747. event.originalEvent.y
  1748. );
  1749. }
  1750. return false;
  1751. }
  1752. );
  1753. }
  1754. if ( eventData.settings.viewPort.zoomBindMove ) {
  1755. $( eventData.settings.fullscreen ? document : this )
  1756. .bind( 'mousedown' + eventData.current.viewPortNamespace, function ( event ) {
  1757. if ( eventData.current.userZoom ) {
  1758. eventData.current.userTranslating = { x: event.clientX, y: event.clientY };
  1759. event.preventDefault();
  1760. event.stopImmediatePropagation();
  1761. }
  1762. } )
  1763. .bind( 'mousemove' + eventData.current.viewPortNamespace, function ( event ) {
  1764. var userTranslating = eventData.current.userTranslating;
  1765. if ( userTranslating ) {
  1766. $( jmpress ).jmpress(
  1767. 'zoomTranslate',
  1768. event.clientX - userTranslating.x,
  1769. event.clientY - userTranslating.y
  1770. );
  1771. userTranslating.x = event.clientX;
  1772. userTranslating.y = event.clientY;
  1773. event.preventDefault();
  1774. event.stopImmediatePropagation();
  1775. }
  1776. } )
  1777. .bind( 'mouseup' + eventData.current.viewPortNamespace, function ( event ) {
  1778. if ( eventData.current.userTranslating ) {
  1779. eventData.current.userTranslating = undefined;
  1780. event.preventDefault();
  1781. event.stopImmediatePropagation();
  1782. }
  1783. } );
  1784. }
  1785. } );
  1786. function maxAbs( value, range ) {
  1787. return Math.max( Math.min( value, range ), -range );
  1788. }
  1789. function zoom( x, y, direction ) {
  1790. var current = $( this ).jmpress( 'current' ),
  1791. settings = $( this ).jmpress( 'settings' ),
  1792. stepData = $( this ).jmpress( 'active' ).data( 'stepData' ),
  1793. container = $( this ).jmpress( 'container' );
  1794. if ( current.userZoom === 0 && direction < 0 ) {
  1795. return;
  1796. }
  1797. var zoomableSteps = stepData.viewPortZoomable || settings.viewPort.zoomable;
  1798. if ( current.userZoom === zoomableSteps && direction > 0 ) {
  1799. return;
  1800. }
  1801. current.userZoom += direction;
  1802. var halfWidth = $( container ).innerWidth() / 2,
  1803. halfHeight = $( container ).innerHeight() / 2;
  1804. x = x ? x - halfWidth : x;
  1805. y = y ? y - halfHeight : y;
  1806. // TODO this is not perfect... too much math... :(
  1807. current.userTranslateX = maxAbs(
  1808. current.userTranslateX - ( direction * x ) / current.zoomOriginWindowScale / zoomableSteps,
  1809. ( halfWidth * current.userZoom * current.userZoom ) / zoomableSteps
  1810. );
  1811. current.userTranslateY = maxAbs(
  1812. current.userTranslateY - ( direction * y ) / current.zoomOriginWindowScale / zoomableSteps,
  1813. ( halfHeight * current.userZoom * current.userZoom ) / zoomableSteps
  1814. );
  1815. $( this ).jmpress( 'reselect', 'zoom' );
  1816. }
  1817. $.jmpress( 'register', 'zoomIn', function ( x, y ) {
  1818. zoom.call( this, x || 0, y || 0, 1 );
  1819. } );
  1820. $.jmpress( 'register', 'zoomOut', function ( x, y ) {
  1821. zoom.call( this, x || 0, y || 0, -1 );
  1822. } );
  1823. $.jmpress( 'register', 'zoomTranslate', function ( x, y ) {
  1824. var current = $( this ).jmpress( 'current' ),
  1825. settings = $( this ).jmpress( 'settings' ),
  1826. stepData = $( this ).jmpress( 'active' ).data( 'stepData' ),
  1827. container = $( this ).jmpress( 'container' );
  1828. var zoomableSteps = stepData.viewPortZoomable || settings.viewPort.zoomable;
  1829. var halfWidth = $( container ).innerWidth(),
  1830. halfHeight = $( container ).innerHeight();
  1831. current.userTranslateX = maxAbs(
  1832. current.userTranslateX + x / current.zoomOriginWindowScale,
  1833. ( halfWidth * current.userZoom * current.userZoom ) / zoomableSteps
  1834. );
  1835. current.userTranslateY = maxAbs(
  1836. current.userTranslateY + y / current.zoomOriginWindowScale,
  1837. ( halfHeight * current.userZoom * current.userZoom ) / zoomableSteps
  1838. );
  1839. $( this ).jmpress( 'reselect', 'zoom' );
  1840. } );
  1841. $.jmpress( 'afterDeinit', function ( nil, eventData ) {
  1842. $( eventData.settings.fullscreen ? document : this ).unbind(
  1843. eventData.current.viewPortNamespace
  1844. );
  1845. $( window ).unbind( eventData.current.viewPortNamespace );
  1846. } );
  1847. $.jmpress( 'setActive', function ( step, eventData ) {
  1848. var viewPort = eventData.settings.viewPort;
  1849. var viewPortHeight = eventData.stepData.viewPortHeight || viewPort.height;
  1850. var viewPortWidth = eventData.stepData.viewPortWidth || viewPort.width;
  1851. var viewPortMaxScale = eventData.stepData.viewPortMaxScale || viewPort.maxScale;
  1852. var viewPortMinScale = eventData.stepData.viewPortMinScale || viewPort.minScale;
  1853. // Correct the scale based on the window's size
  1854. var windowScaleY = viewPortHeight && $( eventData.container ).innerHeight() / viewPortHeight;
  1855. var windowScaleX = viewPortWidth && $( eventData.container ).innerWidth() / viewPortWidth;
  1856. var windowScale =
  1857. ( windowScaleX || windowScaleY ) &&
  1858. Math.min( windowScaleX || windowScaleY, windowScaleY || windowScaleX );
  1859. if ( windowScale ) {
  1860. windowScale = windowScale || 1;
  1861. if ( viewPortMaxScale ) {
  1862. windowScale = Math.min( windowScale, viewPortMaxScale );
  1863. }
  1864. if ( viewPortMinScale ) {
  1865. windowScale = Math.max( windowScale, viewPortMinScale );
  1866. }
  1867. var zoomableSteps =
  1868. eventData.stepData.viewPortZoomable || eventData.settings.viewPort.zoomable;
  1869. if ( zoomableSteps ) {
  1870. var diff = 1 / windowScale - 1 / viewPortMaxScale;
  1871. diff /= zoomableSteps;
  1872. windowScale = 1 / ( 1 / windowScale - diff * eventData.current.userZoom );
  1873. }
  1874. eventData.target.transform.reverse();
  1875. if ( eventData.current.userTranslateX && eventData.current.userTranslateY ) {
  1876. eventData.target.transform.push( [
  1877. 'translate',
  1878. eventData.current.userTranslateX,
  1879. eventData.current.userTranslateY,
  1880. 0,
  1881. ] );
  1882. } else {
  1883. eventData.target.transform.push( [ 'translate' ] );
  1884. }
  1885. eventData.target.transform.push( [ 'scale', windowScale, windowScale, 1 ] );
  1886. eventData.target.transform.reverse();
  1887. eventData.target.perspectiveScale /= windowScale;
  1888. }
  1889. eventData.current.zoomOriginWindowScale = windowScale;
  1890. } );
  1891. $.jmpress( 'setInactive', function ( step, eventData ) {
  1892. if (
  1893. ! eventData.nextStep ||
  1894. ! step ||
  1895. $( eventData.nextStep ).attr( 'id' ) !== $( step ).attr( 'id' )
  1896. ) {
  1897. eventData.current.userZoom = 0;
  1898. eventData.current.userTranslateX = 0;
  1899. eventData.current.userTranslateY = 0;
  1900. }
  1901. } );
  1902. } )( jQuery, document, window );
  1903. /*
  1904. * mouse.js
  1905. * Clicking to select a step
  1906. */
  1907. ( function ( $, document, window, undefined ) {
  1908. 'use strict';
  1909. var $jmpress = $.jmpress;
  1910. /* FUNCTIONS */
  1911. function randomString() {
  1912. return '' + Math.round( Math.random() * 100000, 0 );
  1913. }
  1914. /* DEFAULTS */
  1915. $jmpress( 'defaults' ).mouse = {
  1916. clickSelects: true,
  1917. };
  1918. /* HOOKS */
  1919. $jmpress( 'afterInit', function ( nil, eventData ) {
  1920. var settings = eventData.settings,
  1921. stepSelector = settings.stepSelector,
  1922. current = eventData.current,
  1923. jmpress = $( this );
  1924. current.clickableStepsNamespace = '.jmpress-' + randomString();
  1925. jmpress.bind( 'click' + current.clickableStepsNamespace, function ( event ) {
  1926. if ( ! settings.mouse.clickSelects || current.userZoom ) {
  1927. return;
  1928. }
  1929. // get clicked step
  1930. var clickedStep = $( event.target ).closest( stepSelector );
  1931. // clicks on the active step do default
  1932. if ( clickedStep.is( jmpress.jmpress( 'active' ) ) ) {
  1933. return;
  1934. }
  1935. if ( clickedStep.length ) {
  1936. // select the clicked step
  1937. jmpress.jmpress( 'select', clickedStep[ 0 ], 'click' );
  1938. event.preventDefault();
  1939. event.stopPropagation();
  1940. }
  1941. } );
  1942. } );
  1943. $jmpress( 'afterDeinit', function ( nil, eventData ) {
  1944. $( this ).unbind( eventData.current.clickableStepsNamespace );
  1945. } );
  1946. } )( jQuery, document, window );
  1947. /*
  1948. * mobile.js
  1949. * Adds support for swipe on touch supported browsers
  1950. */
  1951. ( function ( $, document, window, undefined ) {
  1952. 'use strict';
  1953. var $jmpress = $.jmpress;
  1954. /* FUNCTIONS */
  1955. function randomString() {
  1956. return '' + Math.round( Math.random() * 100000, 0 );
  1957. }
  1958. /* HOOKS */
  1959. $jmpress( 'afterInit', function ( step, eventData ) {
  1960. var settings = eventData.settings,
  1961. current = eventData.current,
  1962. jmpress = eventData.jmpress;
  1963. current.mobileNamespace = '.jmpress-' + randomString();
  1964. var data,
  1965. start = [ 0, 0 ];
  1966. $( settings.fullscreen ? document : jmpress )
  1967. .bind( 'touchstart' + current.mobileNamespace, function ( event ) {
  1968. data = event.originalEvent.touches[ 0 ];
  1969. start = [ data.pageX, data.pageY ];
  1970. } )
  1971. .bind( 'touchmove' + current.mobileNamespace, function ( event ) {
  1972. data = event.originalEvent.touches[ 0 ];
  1973. event.preventDefault();
  1974. return false;
  1975. } )
  1976. .bind( 'touchend' + current.mobileNamespace, function ( event ) {
  1977. var end = [ data.pageX, data.pageY ],
  1978. diff = [ end[ 0 ] - start[ 0 ], end[ 1 ] - start[ 1 ] ];
  1979. if ( Math.max( Math.abs( diff[ 0 ] ), Math.abs( diff[ 1 ] ) ) > 50 ) {
  1980. diff = Math.abs( diff[ 0 ] ) > Math.abs( diff[ 1 ] ) ? diff[ 0 ] : diff[ 1 ];
  1981. $( jmpress ).jmpress( diff > 0 ? 'prev' : 'next' );
  1982. event.preventDefault();
  1983. return false;
  1984. }
  1985. } );
  1986. } );
  1987. $jmpress( 'afterDeinit', function ( nil, eventData ) {
  1988. var settings = eventData.settings,
  1989. current = eventData.current,
  1990. jmpress = eventData.jmpress;
  1991. $( settings.fullscreen ? document : jmpress ).unbind( current.mobileNamespace );
  1992. } );
  1993. } )( jQuery, document, window );
  1994. /*
  1995. * templates.js
  1996. * The amazing template engine
  1997. */
  1998. ( function ( $, document, window, undefined ) {
  1999. 'use strict';
  2000. var $jmpress = $.jmpress,
  2001. templateFromParentIdent = '_template_',
  2002. templateFromApplyIdent = '_applied_template_';
  2003. /* STATIC VARS */
  2004. var templates = {};
  2005. /* FUNCTIONS */
  2006. function addUndefined( target, values, prefix ) {
  2007. for ( var name in values ) {
  2008. var targetName = name;
  2009. if ( prefix ) {
  2010. targetName = prefix + targetName.substr( 0, 1 ).toUpperCase() + targetName.substr( 1 );
  2011. }
  2012. if ( $.isPlainObject( values[ name ] ) ) {
  2013. addUndefined( target, values[ name ], targetName );
  2014. } else if ( target[ targetName ] === undefined ) {
  2015. target[ targetName ] = values[ name ];
  2016. }
  2017. }
  2018. }
  2019. function applyChildrenTemplates( children, templateChildren ) {
  2020. if ( $.isArray( templateChildren ) ) {
  2021. if ( templateChildren.length < children.length ) {
  2022. $.error( 'more nested steps than children in template' );
  2023. } else {
  2024. children.each( function ( idx, child ) {
  2025. child = $( child );
  2026. var tmpl = child.data( templateFromParentIdent ) || {};
  2027. addUndefined( tmpl, templateChildren[ idx ] );
  2028. child.data( templateFromParentIdent, tmpl );
  2029. } );
  2030. }
  2031. } else if ( $.isFunction( templateChildren ) ) {
  2032. children.each( function ( idx, child ) {
  2033. child = $( child );
  2034. var tmpl = child.data( templateFromParentIdent ) || {};
  2035. addUndefined( tmpl, templateChildren( idx, child, children ) );
  2036. child.data( templateFromParentIdent, tmpl );
  2037. } );
  2038. } // TODO: else if(object)
  2039. }
  2040. function applyTemplate( data, element, template, eventData ) {
  2041. if ( template.children ) {
  2042. var children = element.children( eventData.settings.stepSelector );
  2043. applyChildrenTemplates( children, template.children );
  2044. }
  2045. applyTemplateData( data, template );
  2046. }
  2047. function applyTemplateData( data, template ) {
  2048. addUndefined( data, template );
  2049. }
  2050. /* HOOKS */
  2051. $jmpress( 'beforeInitStep', function ( step, eventData ) {
  2052. step = $( step );
  2053. var data = eventData.data,
  2054. templateFromAttr = data.template,
  2055. templateFromApply = step.data( templateFromApplyIdent ),
  2056. templateFromParent = step.data( templateFromParentIdent );
  2057. if ( templateFromAttr ) {
  2058. $.each( templateFromAttr.split( ' ' ), function ( idx, tmpl ) {
  2059. var template = templates[ tmpl ];
  2060. applyTemplate( data, step, template, eventData );
  2061. } );
  2062. }
  2063. if ( templateFromApply ) {
  2064. applyTemplate( data, step, templateFromApply, eventData );
  2065. }
  2066. if ( templateFromParent ) {
  2067. applyTemplate( data, step, templateFromParent, eventData );
  2068. step.data( templateFromParentIdent, null );
  2069. if ( templateFromParent.template ) {
  2070. $.each( templateFromParent.template.split( ' ' ), function ( idx, tmpl ) {
  2071. var template = templates[ tmpl ];
  2072. applyTemplate( data, step, template, eventData );
  2073. } );
  2074. }
  2075. }
  2076. } );
  2077. $jmpress( 'beforeInit', function ( nil, eventData ) {
  2078. var data = $jmpress( 'dataset', this ),
  2079. dataTemplate = data.template,
  2080. stepSelector = eventData.settings.stepSelector;
  2081. if ( dataTemplate ) {
  2082. var template = templates[ dataTemplate ];
  2083. applyChildrenTemplates(
  2084. $( this )
  2085. .find( stepSelector )
  2086. .filter( function () {
  2087. return ! $( this ).parent().is( stepSelector );
  2088. } ),
  2089. template.children
  2090. );
  2091. }
  2092. } );
  2093. /* EXPORTED FUNCTIONS */
  2094. $jmpress( 'register', 'template', function ( name, tmpl ) {
  2095. if ( templates[ name ] ) {
  2096. templates[ name ] = $.extend( true, {}, templates[ name ], tmpl );
  2097. } else {
  2098. templates[ name ] = $.extend( true, {}, tmpl );
  2099. }
  2100. } );
  2101. $jmpress( 'register', 'apply', function ( selector, tmpl ) {
  2102. if ( ! tmpl ) {
  2103. // TODO ERROR because settings not found
  2104. var stepSelector = $( this ).jmpress( 'settings' ).stepSelector;
  2105. applyChildrenTemplates(
  2106. $( this )
  2107. .find( stepSelector )
  2108. .filter( function () {
  2109. return ! $( this ).parent().is( stepSelector );
  2110. } ),
  2111. selector
  2112. );
  2113. } else if ( $.isArray( tmpl ) ) {
  2114. applyChildrenTemplates( $( selector ), tmpl );
  2115. } else {
  2116. var template;
  2117. if ( typeof tmpl === 'string' ) {
  2118. template = templates[ tmpl ];
  2119. } else {
  2120. template = $.extend( true, {}, tmpl );
  2121. }
  2122. $( selector ).each( function ( idx, element ) {
  2123. element = $( element );
  2124. var tmpl = element.data( templateFromApplyIdent ) || {};
  2125. addUndefined( tmpl, template );
  2126. element.data( templateFromApplyIdent, tmpl );
  2127. } );
  2128. }
  2129. } );
  2130. } )( jQuery, document, window );
  2131. /*
  2132. * jqevents.js
  2133. * Fires jQuery events
  2134. */
  2135. ( function ( $, document, window, undefined ) {
  2136. 'use strict';
  2137. /* HOOKS */
  2138. // the events should not bubble up the tree
  2139. // elsewise nested jmpress would cause buggy behavior
  2140. $.jmpress( 'setActive', function ( step, eventData ) {
  2141. if ( eventData.prevStep !== step ) {
  2142. $( step ).triggerHandler( 'enterStep' );
  2143. }
  2144. } );
  2145. $.jmpress( 'setInactive', function ( step, eventData ) {
  2146. if ( eventData.nextStep !== step ) {
  2147. $( step ).triggerHandler( 'leaveStep' );
  2148. }
  2149. } );
  2150. } )( jQuery, document, window );
  2151. /*
  2152. * animation.js
  2153. * Apply custom animations to steps
  2154. */
  2155. ( function ( $, document, window, undefined ) {
  2156. 'use strict';
  2157. function parseSubstepInfo( str ) {
  2158. var arr = str.split( ' ' );
  2159. var className = arr[ 0 ];
  2160. var config = {
  2161. willClass: 'will-' + className,
  2162. doClass: 'do-' + className,
  2163. hasClass: 'has-' + className,
  2164. };
  2165. var state = '';
  2166. for ( var i = 1; i < arr.length; i++ ) {
  2167. var s = arr[ i ];
  2168. switch ( state ) {
  2169. case '':
  2170. if ( s === 'after' ) {
  2171. state = 'after';
  2172. } else {
  2173. $.warn( "unknown keyword in '" + str + "'. '" + s + "' unknown." );
  2174. }
  2175. break;
  2176. case 'after':
  2177. if ( s.match( /^[1-9][0-9]*m?s?/ ) ) {
  2178. var value = parseFloat( s );
  2179. if ( s.indexOf( 'ms' ) !== -1 ) {
  2180. value *= 1;
  2181. } else if ( s.indexOf( 's' ) !== -1 ) {
  2182. value *= 1000;
  2183. } else if ( s.indexOf( 'm' ) !== -1 ) {
  2184. value *= 60000;
  2185. }
  2186. config.delay = value;
  2187. } else {
  2188. config.after = Array.prototype.slice.call( arr, i ).join( ' ' );
  2189. i = arr.length;
  2190. }
  2191. }
  2192. }
  2193. return config;
  2194. }
  2195. function find( array, selector, start, end ) {
  2196. end = end || array.length - 1;
  2197. start = start || 0;
  2198. for ( var i = start; i < end + 1; i++ ) {
  2199. if ( $( array[ i ].element ).is( selector ) ) {
  2200. return i;
  2201. }
  2202. }
  2203. }
  2204. function addOn( list, substep, delay ) {
  2205. $.each( substep._on, function ( idx, child ) {
  2206. list.push( { substep: child.substep, delay: child.delay + delay } );
  2207. addOn( list, child.substep, child.delay + delay );
  2208. } );
  2209. }
  2210. $.jmpress( 'defaults' ).customAnimationDataAttribute = 'jmpress';
  2211. $.jmpress( 'afterInit', function ( nil, eventData ) {
  2212. eventData.current.animationTimeouts = [];
  2213. eventData.current.animationCleanupWaiting = [];
  2214. } );
  2215. $.jmpress( 'applyStep', function ( step, eventData ) {
  2216. // read custom animation from elements
  2217. var substepsData = {};
  2218. var listOfSubsteps = [];
  2219. $( step )
  2220. .find( '[data-' + eventData.settings.customAnimationDataAttribute + ']' )
  2221. .each( function ( idx, element ) {
  2222. if ( $( element ).closest( eventData.settings.stepSelector ).is( step ) ) {
  2223. listOfSubsteps.push( { element: element } );
  2224. }
  2225. } );
  2226. if ( listOfSubsteps.length === 0 ) {
  2227. return;
  2228. }
  2229. $.each( listOfSubsteps, function ( idx, substep ) {
  2230. substep.info = parseSubstepInfo(
  2231. $( substep.element ).data( eventData.settings.customAnimationDataAttribute )
  2232. );
  2233. $( substep.element ).addClass( substep.info.willClass );
  2234. substep._on = [];
  2235. substep._after = null;
  2236. } );
  2237. var current = { _after: undefined, _on: [], info: {} }; // virtual zero step
  2238. $.each( listOfSubsteps, function ( idx, substep ) {
  2239. var other = substep.info.after;
  2240. if ( other ) {
  2241. if ( other === 'step' ) {
  2242. other = current;
  2243. } else if ( other === 'prev' ) {
  2244. other = listOfSubsteps[ idx - 1 ];
  2245. } else {
  2246. var index = find( listOfSubsteps, other, 0, idx - 1 );
  2247. if ( index === undefined ) {
  2248. index = find( listOfSubsteps, other );
  2249. }
  2250. other =
  2251. index === undefined || index === idx
  2252. ? listOfSubsteps[ idx - 1 ]
  2253. : listOfSubsteps[ index ];
  2254. }
  2255. } else {
  2256. other = listOfSubsteps[ idx - 1 ];
  2257. }
  2258. if ( other ) {
  2259. if ( ! substep.info.delay ) {
  2260. if ( ! other._after ) {
  2261. other._after = substep;
  2262. return;
  2263. }
  2264. other = other._after;
  2265. }
  2266. other._on.push( { substep: substep, delay: substep.info.delay || 0 } );
  2267. }
  2268. } );
  2269. if ( current._after === undefined && current._on.length === 0 ) {
  2270. var startStep = find( listOfSubsteps, eventData.stepData.startSubstep ) || 0;
  2271. current._after = listOfSubsteps[ startStep ];
  2272. }
  2273. var substepsInOrder = [];
  2274. function findNextFunc( idx, item ) {
  2275. if ( item.substep._after ) {
  2276. current = item.substep._after;
  2277. return false;
  2278. }
  2279. }
  2280. do {
  2281. var substepList = [ { substep: current, delay: 0 } ];
  2282. addOn( substepList, current, 0 );
  2283. substepsInOrder.push( substepList );
  2284. current = null;
  2285. $.each( substepList, findNextFunc );
  2286. } while ( current );
  2287. substepsData.list = substepsInOrder;
  2288. $( step ).data( 'substepsData', substepsData );
  2289. } );
  2290. $.jmpress( 'unapplyStep', function ( step, eventData ) {
  2291. var substepsData = $( step ).data( 'substepsData' );
  2292. if ( substepsData ) {
  2293. $.each( substepsData.list, function ( idx, activeSubsteps ) {
  2294. $.each( activeSubsteps, function ( idx, substep ) {
  2295. if ( substep.substep.info.willClass ) {
  2296. $( substep.substep.element ).removeClass( substep.substep.info.willClass );
  2297. }
  2298. if ( substep.substep.info.hasClass ) {
  2299. $( substep.substep.element ).removeClass( substep.substep.info.hasClass );
  2300. }
  2301. if ( substep.substep.info.doClass ) {
  2302. $( substep.substep.element ).removeClass( substep.substep.info.doClass );
  2303. }
  2304. } );
  2305. } );
  2306. }
  2307. } );
  2308. $.jmpress( 'setActive', function ( step, eventData ) {
  2309. var substepsData = $( step ).data( 'substepsData' );
  2310. if ( ! substepsData ) {
  2311. return;
  2312. }
  2313. if ( eventData.substep === undefined ) {
  2314. eventData.substep = eventData.reason === 'prev' ? substepsData.list.length - 1 : 0;
  2315. }
  2316. var substep = eventData.substep;
  2317. $.each( eventData.current.animationTimeouts, function ( idx, timeout ) {
  2318. clearTimeout( timeout );
  2319. } );
  2320. eventData.current.animationTimeouts = [];
  2321. $.each( substepsData.list, function ( idx, activeSubsteps ) {
  2322. var applyHas = idx < substep;
  2323. var applyDo = idx <= substep;
  2324. $.each( activeSubsteps, function ( idx, substep ) {
  2325. if ( substep.substep.info.hasClass ) {
  2326. $( substep.substep.element )[ ( applyHas ? 'add' : 'remove' ) + 'Class' ](
  2327. substep.substep.info.hasClass
  2328. );
  2329. }
  2330. function applyIt() {
  2331. $( substep.substep.element ).addClass( substep.substep.info.doClass );
  2332. }
  2333. if ( applyDo && ! applyHas && substep.delay && eventData.reason !== 'prev' ) {
  2334. if ( substep.substep.info.doClass ) {
  2335. $( substep.substep.element ).removeClass( substep.substep.info.doClass );
  2336. eventData.current.animationTimeouts.push( setTimeout( applyIt, substep.delay ) );
  2337. }
  2338. } else {
  2339. if ( substep.substep.info.doClass ) {
  2340. $( substep.substep.element )[ ( applyDo ? 'add' : 'remove' ) + 'Class' ](
  2341. substep.substep.info.doClass
  2342. );
  2343. }
  2344. }
  2345. } );
  2346. } );
  2347. } );
  2348. $.jmpress( 'setInactive', function ( step, eventData ) {
  2349. if ( eventData.nextStep === step ) {
  2350. return;
  2351. }
  2352. function cleanupAnimation( substepsData ) {
  2353. $.each( substepsData.list, function ( idx, activeSubsteps ) {
  2354. $.each( activeSubsteps, function ( idx, substep ) {
  2355. if ( substep.substep.info.hasClass ) {
  2356. $( substep.substep.element ).removeClass( substep.substep.info.hasClass );
  2357. }
  2358. if ( substep.substep.info.doClass ) {
  2359. $( substep.substep.element ).removeClass( substep.substep.info.doClass );
  2360. }
  2361. } );
  2362. } );
  2363. }
  2364. $.each( eventData.current.animationCleanupWaiting, function ( idx, item ) {
  2365. cleanupAnimation( item );
  2366. } );
  2367. eventData.current.animationCleanupWaiting = [];
  2368. var substepsData = $( step ).data( 'substepsData' );
  2369. if ( substepsData ) {
  2370. eventData.current.animationCleanupWaiting.push( substepsData );
  2371. }
  2372. } );
  2373. $.jmpress( 'selectNext', function ( step, eventData ) {
  2374. if ( eventData.substep === undefined ) {
  2375. return;
  2376. }
  2377. var substepsData = $( step ).data( 'substepsData' );
  2378. if ( ! substepsData ) {
  2379. return;
  2380. }
  2381. if ( eventData.substep < substepsData.list.length - 1 ) {
  2382. return { step: step, substep: eventData.substep + 1 };
  2383. }
  2384. } );
  2385. $.jmpress( 'selectPrev', function ( step, eventData ) {
  2386. if ( eventData.substep === undefined ) {
  2387. return;
  2388. }
  2389. var substepsData = $( step ).data( 'substepsData' );
  2390. if ( ! substepsData ) {
  2391. return;
  2392. }
  2393. if ( eventData.substep > 0 ) {
  2394. return { step: step, substep: eventData.substep - 1 };
  2395. }
  2396. } );
  2397. } )( jQuery, document, window );
  2398. /*
  2399. * jmpress.toggle plugin
  2400. * For binding a key to toggle de/initialization of jmpress.js.
  2401. */
  2402. /*!
  2403. * plugin for jmpress.js v0.4.5
  2404. *
  2405. * Copyright 2013 Kyle Robinson Young @shama & Tobias Koppers @sokra
  2406. * Licensed MIT
  2407. * http://www.opensource.org/licenses/mit-license.php
  2408. */ ( function ( $, document, window, undefined ) {
  2409. 'use strict';
  2410. $.jmpress( 'register', 'toggle', function ( key, config, initial ) {
  2411. var jmpress = this;
  2412. $( document ).bind( 'keydown', function ( event ) {
  2413. if ( event.keyCode === key ) {
  2414. if ( $( jmpress ).jmpress( 'initialized' ) ) {
  2415. $( jmpress ).jmpress( 'deinit' );
  2416. } else {
  2417. $( jmpress ).jmpress( config );
  2418. }
  2419. }
  2420. } );
  2421. if ( initial ) {
  2422. $( jmpress ).jmpress( config );
  2423. }
  2424. } );
  2425. } )( jQuery, document, window );
  2426. /*
  2427. * jmpress.secondary plugin
  2428. * Apply a secondary animation when step is selected.
  2429. */
  2430. ( function ( $, document, window, undefined ) {
  2431. 'use strict';
  2432. $.jmpress( 'initStep', function ( step, eventData ) {
  2433. for ( var name in eventData.data ) {
  2434. if ( name.indexOf( 'secondary' ) === 0 ) {
  2435. eventData.stepData[ name ] = eventData.data[ name ];
  2436. }
  2437. }
  2438. } );
  2439. function exchangeIf( childStepData, condition, step ) {
  2440. if (
  2441. childStepData.secondary &&
  2442. childStepData.secondary.split( ' ' ).indexOf( condition ) !== -1
  2443. ) {
  2444. for ( var name in childStepData ) {
  2445. if ( name.length > 9 && name.indexOf( 'secondary' ) === 0 ) {
  2446. var tmp = childStepData[ name ];
  2447. var normal = name.substr( 9 );
  2448. normal = normal.substr( 0, 1 ).toLowerCase() + normal.substr( 1 );
  2449. childStepData[ name ] = childStepData[ normal ];
  2450. childStepData[ normal ] = tmp;
  2451. }
  2452. }
  2453. $( this ).jmpress( 'reapply', $( step ) );
  2454. }
  2455. }
  2456. $.jmpress( 'beforeActive', function ( step, eventData ) {
  2457. exchangeIf.call( eventData.jmpress, $( step ).data( 'stepData' ), 'self', step );
  2458. var parent = $( step ).parent();
  2459. $( parent )
  2460. .children( eventData.settings.stepSelector )
  2461. .each( function ( idx, child ) {
  2462. var childStepData = $( child ).data( 'stepData' );
  2463. exchangeIf.call( eventData.jmpress, childStepData, 'siblings', child );
  2464. } );
  2465. function grandchildrenFunc( idx, child ) {
  2466. var childStepData = $( child ).data( 'stepData' );
  2467. exchangeIf.call( eventData.jmpress, childStepData, 'grandchildren', child );
  2468. }
  2469. for ( var i = 1; i < eventData.parents.length; i++ ) {
  2470. $( eventData.parents[ i ] ).children( eventData.settings.stepSelector ).each();
  2471. }
  2472. } );
  2473. $.jmpress( 'setInactive', function ( step, eventData ) {
  2474. exchangeIf.call( eventData.jmpress, $( step ).data( 'stepData' ), 'self', step );
  2475. var parent = $( step ).parent();
  2476. $( parent )
  2477. .children( eventData.settings.stepSelector )
  2478. .each( function ( idx, child ) {
  2479. var childStepData = $( child ).data( 'stepData' );
  2480. exchangeIf.call( eventData.jmpress, childStepData, 'siblings', child );
  2481. } );
  2482. function grandchildrenFunc( idx, child ) {
  2483. var childStepData = $( child ).data( 'stepData' );
  2484. exchangeIf.call( eventData.jmpress, childStepData, 'grandchildren', child );
  2485. }
  2486. for ( var i = 1; i < eventData.parents.length; i++ ) {
  2487. $( eventData.parents[ i ] )
  2488. .children( eventData.settings.stepSelector )
  2489. .each( grandchildrenFunc );
  2490. }
  2491. } );
  2492. } )( jQuery, document, window );
  2493. /*
  2494. * jmpress.duration plugin
  2495. * For auto advancing steps after a given duration and optionally displaying a
  2496. * progress bar.
  2497. */
  2498. ( function ( $, document, window, undefined ) {
  2499. 'use strict';
  2500. $.jmpress( 'defaults' ).duration = {
  2501. defaultValue: -1,
  2502. defaultAction: 'next',
  2503. barSelector: undefined,
  2504. barProperty: 'width',
  2505. barPropertyStart: '0',
  2506. barPropertyEnd: '100%',
  2507. };
  2508. $.jmpress( 'initStep', function ( step, eventData ) {
  2509. eventData.stepData.duration =
  2510. eventData.data.duration && parseInt( eventData.data.duration, 10 );
  2511. eventData.stepData.durationAction = eventData.data.durationAction;
  2512. } );
  2513. $.jmpress( 'setInactive', function ( step, eventData ) {
  2514. var settings = eventData.settings,
  2515. durationSettings = settings.duration,
  2516. current = eventData.current;
  2517. var dur = eventData.stepData.duration || durationSettings.defaultValue;
  2518. if ( current.durationTimeout ) {
  2519. if ( durationSettings.barSelector ) {
  2520. var css = {
  2521. transitionProperty: durationSettings.barProperty,
  2522. transitionDuration: '0',
  2523. transitionDelay: '0',
  2524. transitionTimingFunction: 'linear',
  2525. };
  2526. css[ durationSettings.barProperty ] = durationSettings.barPropertyStart;
  2527. var bars = $( durationSettings.barSelector );
  2528. $.jmpress( 'css', bars, css );
  2529. bars.each( function ( idx, element ) {
  2530. var next = $( element ).next();
  2531. var parent = $( element ).parent();
  2532. $( element ).detach();
  2533. if ( next.length ) {
  2534. next.insertBefore( element );
  2535. } else {
  2536. parent.append( element );
  2537. }
  2538. } );
  2539. }
  2540. clearTimeout( current.durationTimeout );
  2541. delete current.durationTimeout;
  2542. }
  2543. } );
  2544. $.jmpress( 'setActive', function ( step, eventData ) {
  2545. var settings = eventData.settings,
  2546. durationSettings = settings.duration,
  2547. current = eventData.current;
  2548. var dur = eventData.stepData.duration || durationSettings.defaultValue;
  2549. if ( dur && dur > 0 ) {
  2550. if ( durationSettings.barSelector ) {
  2551. var css = {
  2552. transitionProperty: durationSettings.barProperty,
  2553. transitionDuration: dur - ( settings.transitionDuration * 2 ) / 3 - 100 + 'ms',
  2554. transitionDelay: ( settings.transitionDuration * 2 ) / 3 + 'ms',
  2555. transitionTimingFunction: 'linear',
  2556. };
  2557. css[ durationSettings.barProperty ] = durationSettings.barPropertyEnd;
  2558. $.jmpress( 'css', $( durationSettings.barSelector ), css );
  2559. }
  2560. var jmpress = this;
  2561. if ( current.durationTimeout ) {
  2562. clearTimeout( current.durationTimeout );
  2563. current.durationTimeout = undefined;
  2564. }
  2565. current.durationTimeout = setTimeout( function () {
  2566. var action = eventData.stepData.durationAction || durationSettings.defaultAction;
  2567. $( jmpress ).jmpress( action );
  2568. }, dur );
  2569. }
  2570. } );
  2571. } )( jQuery, document, window );
  2572. /*
  2573. * jmpress.presentation-mode plugin
  2574. * Display a window for the presenter with notes and a control and view of the
  2575. * presentation
  2576. */
  2577. ( function ( $, document, window, undefined ) {
  2578. 'use strict';
  2579. var $jmpress = $.jmpress;
  2580. var PREFIX = 'jmpress-presentation-';
  2581. /* FUNCTIONS */
  2582. function randomString() {
  2583. return '' + Math.round( Math.random() * 100000, 0 );
  2584. }
  2585. /* DEFAULTS */
  2586. $jmpress( 'defaults' ).presentationMode = {
  2587. use: true,
  2588. url: 'presentation-screen.html',
  2589. notesUrl: false,
  2590. transferredValues: [ 'userZoom', 'userTranslateX', 'userTranslateY' ],
  2591. };
  2592. $jmpress( 'defaults' ).keyboard.keys[ 80 ] = 'presentationPopup'; // p key
  2593. /* HOOKS */
  2594. $jmpress( 'afterInit', function ( nil, eventData ) {
  2595. var current = eventData.current;
  2596. current.selectMessageListeners = [];
  2597. if ( eventData.settings.presentationMode.use ) {
  2598. window.addEventListener( 'message', function ( event ) {
  2599. // We do not test orgin, because we want to accept messages
  2600. // from all orgins
  2601. try {
  2602. if ( typeof event.data !== 'string' || event.data.indexOf( PREFIX ) !== 0 ) {
  2603. return;
  2604. }
  2605. var json = JSON.parse( event.data.slice( PREFIX.length ) );
  2606. switch ( json.type ) {
  2607. case 'select':
  2608. $.each( eventData.settings.presentationMode.transferredValues, function (
  2609. idx,
  2610. name
  2611. ) {
  2612. eventData.current[ name ] = json[ name ];
  2613. } );
  2614. if (
  2615. /[a-z0-9\-]+/i.test( json.targetId ) &&
  2616. typeof json.substep in { number: 1, undefined: 1 }
  2617. ) {
  2618. $( eventData.jmpress ).jmpress(
  2619. 'select',
  2620. { step: '#' + json.targetId, substep: json.substep },
  2621. json.reason
  2622. );
  2623. } else {
  2624. $.error(
  2625. 'For security reasons the targetId must match /[a-z0-9\\-]+/i and substep must be a number.'
  2626. );
  2627. }
  2628. break;
  2629. case 'listen':
  2630. current.selectMessageListeners.push( event.source );
  2631. break;
  2632. case 'ok':
  2633. clearTimeout( current.presentationPopupTimeout );
  2634. break;
  2635. case 'read':
  2636. try {
  2637. event.source.postMessage(
  2638. PREFIX +
  2639. JSON.stringify( {
  2640. type: 'url',
  2641. url: window.location.href,
  2642. notesUrl: eventData.settings.presentationMode.notesUrl,
  2643. } ),
  2644. '*'
  2645. );
  2646. } catch ( e ) {
  2647. $.error( 'Cannot post message to source: ' + e );
  2648. }
  2649. break;
  2650. default:
  2651. throw 'Unknown message type: ' + json.type;
  2652. }
  2653. } catch ( e ) {
  2654. $.error( 'Received message is malformed: ' + e );
  2655. }
  2656. } );
  2657. try {
  2658. if ( window.parent && window.parent !== window ) {
  2659. window.parent.postMessage(
  2660. PREFIX +
  2661. JSON.stringify( {
  2662. type: 'afterInit',
  2663. } ),
  2664. '*'
  2665. );
  2666. }
  2667. } catch ( e ) {
  2668. $.error( 'Cannot post message to parent: ' + e );
  2669. }
  2670. }
  2671. } );
  2672. $jmpress( 'afterDeinit', function ( nil, eventData ) {
  2673. if ( eventData.settings.presentationMode.use ) {
  2674. try {
  2675. if ( window.parent && window.parent !== window ) {
  2676. window.parent.postMessage(
  2677. PREFIX +
  2678. JSON.stringify( {
  2679. type: 'afterDeinit',
  2680. } ),
  2681. '*'
  2682. );
  2683. }
  2684. } catch ( e ) {
  2685. $.error( 'Cannot post message to parent: ' + e );
  2686. }
  2687. }
  2688. } );
  2689. $jmpress( 'setActive', function ( step, eventData ) {
  2690. var stepId = $( eventData.delegatedFrom ).attr( 'id' ),
  2691. substep = eventData.substep,
  2692. reason = eventData.reason;
  2693. $.each( eventData.current.selectMessageListeners, function ( idx, listener ) {
  2694. try {
  2695. var msg = {
  2696. type: 'select',
  2697. targetId: stepId,
  2698. substep: substep,
  2699. reason: reason,
  2700. };
  2701. $.each( eventData.settings.presentationMode.transferredValues, function ( idx, name ) {
  2702. msg[ name ] = eventData.current[ name ];
  2703. } );
  2704. listener.postMessage( PREFIX + JSON.stringify( msg ), '*' );
  2705. } catch ( e ) {
  2706. $.error( 'Cannot post message to listener: ' + e );
  2707. }
  2708. } );
  2709. } );
  2710. $jmpress( 'register', 'presentationPopup', function () {
  2711. function trySend() {
  2712. jmpress.jmpress( 'current' ).presentationPopupTimeout = setTimeout( trySend, 100 );
  2713. try {
  2714. popup.postMessage(
  2715. PREFIX +
  2716. JSON.stringify( {
  2717. type: 'url',
  2718. url: window.location.href,
  2719. notesUrl: jmpress.jmpress( 'settings' ).presentationMode.notesUrl,
  2720. } ),
  2721. '*'
  2722. );
  2723. } catch ( e ) {}
  2724. }
  2725. var jmpress = $( this ),
  2726. popup;
  2727. if ( jmpress.jmpress( 'settings' ).presentationMode.use ) {
  2728. popup = window.open( $( this ).jmpress( 'settings' ).presentationMode.url );
  2729. jmpress.jmpress( 'current' ).presentationPopupTimeout = setTimeout( trySend, 100 );
  2730. }
  2731. } );
  2732. } )( jQuery, document, window );