1/* global wpcom_reblog */ 2 3var jetpackLikesWidgetBatch = []; 4var jetpackLikesMasterReady = false; 5 6// Due to performance problems on pages with a large number of widget iframes that need to be loaded, 7// we are limiting the processing at any instant to unloaded widgets that are currently in viewport, 8// plus this constant that will allow processing of widgets above and bellow the current fold. 9// This aim of it is to improve the UX and hide the transition from unloaded to loaded state from users. 10var jetpackLikesLookAhead = 2000; // pixels 11 12// Keeps track of loaded comment likes widget so we can unload them when they are scrolled out of view. 13var jetpackCommentLikesLoadedWidgets = []; 14 15var jetpackLikesDocReadyPromise = new Promise( resolve => { 16 if ( document.readyState !== 'loading' ) { 17 resolve(); 18 } else { 19 window.addEventListener( 'DOMContentLoaded', () => resolve() ); 20 } 21} ); 22 23function JetpackLikesPostMessage( message, target ) { 24 if ( typeof message === 'string' ) { 25 try { 26 message = JSON.parse( message ); 27 } catch ( e ) { 28 return; 29 } 30 } 31 32 if ( target && typeof target.postMessage === 'function' ) { 33 try { 34 target.postMessage( 35 JSON.stringify( { 36 type: 'likesMessage', 37 data: message, 38 } ), 39 '*' 40 ); 41 } catch ( e ) { 42 return; 43 } 44 } 45} 46 47function JetpackLikesBatchHandler() { 48 const requests = []; 49 document.querySelectorAll( 'div.jetpack-likes-widget-unloaded' ).forEach( widget => { 50 if ( jetpackLikesWidgetBatch.indexOf( widget.id ) > -1 ) { 51 return; 52 } 53 54 if ( ! jetpackIsScrolledIntoView( widget ) ) { 55 return; 56 } 57 58 jetpackLikesWidgetBatch.push( widget.id ); 59 60 var regex = /like-(post|comment)-wrapper-(\d+)-(\d+)-(\w+)/, 61 match = regex.exec( widget.id ), 62 info; 63 64 if ( ! match || match.length !== 5 ) { 65 return; 66 } 67 68 info = { 69 blog_id: match[ 2 ], 70 width: widget.width, 71 }; 72 73 if ( 'post' === match[ 1 ] ) { 74 info.post_id = match[ 3 ]; 75 } else if ( 'comment' === match[ 1 ] ) { 76 info.comment_id = match[ 3 ]; 77 } 78 79 info.obj_id = match[ 4 ]; 80 81 requests.push( info ); 82 } ); 83 84 if ( requests.length > 0 ) { 85 JetpackLikesPostMessage( 86 { event: 'initialBatch', requests: requests }, 87 window.frames[ 'likes-master' ] 88 ); 89 } 90} 91 92function JetpackLikesMessageListener( event ) { 93 let message = event && event.data; 94 if ( typeof message === 'string' ) { 95 try { 96 message = JSON.parse( message ); 97 } catch ( err ) { 98 return; 99 } 100 } 101 102 const type = message && message.type; 103 const data = message && message.data; 104 105 if ( type !== 'likesMessage' || typeof data.event === 'undefined' ) { 106 return; 107 } 108 109 // We only allow messages from one origin 110 const allowedOrigin = 'https://widgets.wp.com'; 111 if ( allowedOrigin !== event.origin ) { 112 return; 113 } 114 115 switch ( data.event ) { 116 case 'masterReady': 117 jetpackLikesDocReadyPromise.then( () => { 118 jetpackLikesMasterReady = true; 119 120 const stylesData = { 121 event: 'injectStyles', 122 }; 123 const sdTextColor = document.querySelector( '.sd-text-color' ); 124 const sdLinkColor = document.querySelector( '.sd-link-color' ); 125 const sdTextColorStyles = ( sdTextColor && getComputedStyle( sdTextColor ) ) || {}; 126 const sdLinkColorStyles = ( sdLinkColor && getComputedStyle( sdLinkColor ) ) || {}; 127 128 // enable reblogs if they are enabled for the page 129 if ( document.body.classList.contains( 'jetpack-reblog-enabled' ) ) { 130 JetpackLikesPostMessage( { event: 'reblogsEnabled' }, window.frames[ 'likes-master' ] ); 131 } 132 133 stylesData.textStyles = { 134 color: sdTextColorStyles[ 'color' ],
135 fontFamily: sdTextColorStyles[ 'font-family' ], 136 fontSize: sdTextColorStyles[ 'font-size' ], 137 direction: sdTextColorStyles[ 'direction' ], 138 fontWeight: sdTextColorStyles[ 'font-weight' ], 139 fontStyle: sdTextColorStyles[ 'font-style' ], 140 textDecoration: sdTextColorStyles[ 'text-decoration' ], 141 }; 142 143 stylesData.linkStyles = { 144 color: sdLinkColorStyles[ 'color' ], 145 fontFamily: sdLinkColorStyles[ 'font-family' ], 146 fontSize: sdLinkColorStyles[ 'font-size' ], 147 textDecoration: sdLinkColorStyles[ 'text-decoration' ], 148 fontWeight: sdLinkColorStyles[ 'font-weight' ], 149 fontStyle: sdLinkColorStyles[ 'font-style' ], 150 }; 151 152 JetpackLikesPostMessage( stylesData, window.frames[ 'likes-master' ] ); 153 154 JetpackLikesBatchHandler(); 155 } ); 156 157 break; 158 159 // We're keeping this for planned future follow ups. 160 // @see: https://github.com/Automattic/jetpack/pull/42361#discussion_r1995338815 161 case 'showLikeWidget': 162 break; 163 164 // We're keeping this for planned future follow ups. 165 // @see: https://github.com/Automattic/jetpack/pull/42361#discussion_r1995338815 166 case 'showCommentLikeWidget': 167 break; 168 169 case 'killCommentLikes': 170 // If kill switch for comment likes is enabled remove all widgets wrappers and `Loading...` placeholders. 171 document 172 .querySelectorAll( '.jetpack-comment-likes-widget-wrapper' ) 173 .forEach( wrapper => wrapper.remove() ); 174 break; 175 176 case 'clickReblogFlair': 177 if ( wpcom_reblog && typeof wpcom_reblog.toggle_reblog_box_flair === 'function' ) { 178 wpcom_reblog.toggle_reblog_box_flair( data.obj_id, data.post_id ); 179 } 180 break; 181 182 case 'hideOtherGravatars': { 183 hideLikersPopover(); 184 break; 185 } 186 187 case 'showOtherGravatars': { 188 const container = document.querySelector( '#likes-other-gravatars' ); 189 190 if ( ! container ) { 191 break; 192 } 193 194 const list = container.querySelector( 'ul' ); 195 196 container.style.display = 'none'; 197 list.innerHTML = ''; 198 199 container 200 .querySelectorAll( '.likes-text span' ) 201 .forEach( item => ( item.textContent = data.totalLikesLabel ) ); 202 203 ( data.likers || [] ).forEach( async ( liker, index ) => { 204 if ( liker.profile_URL.substr( 0, 4 ) !== 'http' ) { 205 // We only display gravatars with http or https schema 206 return; 207 } 208 209 const element = document.createElement( 'li' ); 210 list.append( element ); 211 212 element.innerHTML = ` 213 <a href="${ encodeURI( liker.profile_URL ) }" rel="nofollow" target="_parent" class="wpl-liker"> 214 <img src="${ encodeURI( liker.avatar_URL ) }" 215 alt="" 216 style="width: 28px; height: 28px;" /> 217 <span></span> 218 </a> 219 `; 220 221 222 // Add some extra attributes through native methods, to ensure strings are sanitized. 223 element.classList.add( liker.css_class ); 224 element.querySelector( 'img' ).alt = data.avatarAltTitle.replace( '%s', liker.name ); 225 element.querySelector( 'span' ).innerText = liker.name; 226 227 if ( index === data.likers.length - 1 ) { 228 element.addEventListener( 'keydown', ( e ) => { 229 if ( e.key === 'Tab' && ! e.shiftKey ) { 230 e.preventDefault(); 231 hideLikersPopover(); 232 233 JetpackLikesPostMessage( 234 { event: 'focusLikesCount', parent: data.parent }, 235 window.frames[ 'likes-master' ] 236 ); 237 } 238 } ); 239 } 240 } ); 241 242 const positionPopup = function() { 243 const containerStyle = getComputedStyle(container); 244 const isRtl = containerStyle.direction === 'rtl'; 245 246 const el = document.querySelector( `*[name='${ data.parent }']` ); 247 const rect = el.getBoundingClientRect(); 248 const win = el.ownerDocument.defaultView; 249 250 const offset = { 251 top: rect.top + win.pageYOffset, 252 left: rect.left + win.pageXOffset, 253 }; 254 255 // don't display yet or we get skewed window.innerWidth later 256 container.style.display = 'none'; 257 258 let containerLeft = 0; 259 container.style.top = offset.top + data.position.top - 1 + 'px'; 260 261 if ( isRtl ) { 262 const visibleAvatarsCount = data && data.likers ? Math.min( data.likers.length, 5 ) : 0; 263 // 24px is the width of the avatar + 4px is the padding between avatars 264 containerLeft = offset.left + data.position.left + 24 * visibleAvatarsCount + 4; 265 container.style.transform = 'translateX(-100%)'; 266 } else { 267 containerLeft = offset.left + data.position.left; 268 } 269 container.style.left = containerLeft + 'px'; 270 271 // Container width - padding
272 const initContainerWidth = data.width - 20; 273 const rowLength = Math.floor( initContainerWidth / 37 ); 274 // # of rows + (avatar + avatar padding) + text above + container padding 275 let height = Math.ceil( data.likers.length / rowLength ) * 37 + 17 + 22; 276 if ( height > 204 ) { 277 height = 204; 278 } 279 280 // If the popup is overflows viewport width, we should show it on the next line 281 // Push it offscreen to calculated rendered width 282 const windowWidth = win.innerWidth; 283 container.style.left = '-9999px'; 284 container.style.display = 'block'; 285 286 // If the popup exceeds the viewport width, 287 // flip the position of the popup. 288 const containerWidth = container.offsetWidth; 289 const containerRight = containerLeft + containerWidth; 290 291 if ( containerRight > windowWidth && ! isRtl) { 292 containerLeft = rect.left + rect.width - containerWidth; 293 } else if ( containerLeft - containerWidth < 0 && isRtl ) { 294 container.style.transform = 'none'; 295 containerLeft = rect.left; 296 } 297 // Set the container left 298 container.style.left = containerLeft + 'px'; 299 300 container.setAttribute( 'aria-hidden', 'false' ); 301 } 302 303 positionPopup(); 304 container.focus(); 305 306 const debounce = function( func, wait ) { 307 var timeout; 308 return function() { 309 var context = this; 310 var args = arguments; 311 clearTimeout( timeout ); 312 timeout = setTimeout( function() { 313 func.apply( context, args ); 314 }, wait ); 315 }; 316 }; 317 318 const debouncedPositionPopup = debounce( positionPopup, 100 ); 319 320 // Keep a reference of this function in the element itself 321 // so that we can destroy it later 322 container.__resizeHandler = debouncedPositionPopup; 323 324 // When window is resized, resize the popup. 325 window.addEventListener( "resize", debouncedPositionPopup ); 326 } 327 } 328} 329 330window.addEventListener( 'message', JetpackLikesMessageListener ); 331 332function hideLikersPopover() { 333 const container = document.querySelector( '#likes-other-gravatars' ); 334 335 if ( container ) { 336 container.style.display = 'none'; 337 container.setAttribute( 'aria-hidden', 'true' ); 338 339 // Remove the resize event listener and cleanup. 340 const resizeHandler = container.__resizeHandler; 341 if ( resizeHandler ) { 342 window.removeEventListener( "resize", resizeHandler ); 343 delete container.__resizeHandler; 344 } 345 } 346} 347 348document.addEventListener( 'click', hideLikersPopover ); 349 350function JetpackLikesWidgetQueueHandler() { 351 var wrapperID; 352 353 if ( ! jetpackLikesMasterReady ) { 354 setTimeout( JetpackLikesWidgetQueueHandler, 500 ); 355 return; 356 } 357 358 // Restore widgets to initial unloaded state when they are scrolled out of view. 359 jetpackUnloadScrolledOutWidgets(); 360 361 var unloadedWidgetsInView = jetpackGetUnloadedWidgetsInView(); 362 363 if ( unloadedWidgetsInView.length > 0 ) { 364 // Grab any unloaded widgets for a batch request 365 JetpackLikesBatchHandler(); 366 } 367 368 for ( var i = 0, length = unloadedWidgetsInView.length; i <= length - 1; i++ ) { 369 wrapperID = unloadedWidgetsInView[ i ].id; 370 371 if ( ! wrapperID ) { 372 continue; 373 } 374 375 jetpackLoadLikeWidgetIframe( wrapperID ); 376 } 377} 378 379function jetpackLoadLikeWidgetIframe( wrapperID ) { 380 if ( typeof wrapperID === 'undefined' ) { 381 return; 382 } 383 384 const wrapper = document.querySelector( '#' + wrapperID ); 385 wrapper.querySelectorAll( 'iframe' ).forEach( iFrame => iFrame.remove() ); 386 387 const placeholder = wrapper.querySelector( '.likes-widget-placeholder' ); 388 389 // Post like iframe 390 if ( placeholder && placeholder.classList.contains( 'post-likes-widget-placeholder' ) ) { 391 const postLikesFrame = document.createElement( 'iframe' ); 392 393 postLikesFrame.classList.add( 'post-likes-widget', 'jetpack-likes-widget' ); 394 postLikesFrame.name = wrapper.dataset.name; 395 postLikesFrame.src = wrapper.dataset.src; 396 postLikesFrame.height = '55px'; 397 postLikesFrame.width = '100%'; 398 postLikesFrame.frameBorder = '0'; 399 postLikesFrame.scrolling = 'no'; 400 postLikesFrame.title = wrapper.dataset.title; 401 402 placeholder.after( postLikesFrame ); 403 } 404 405 // Comment like iframe 406 if ( placeholder.classList.contains( 'comment-likes-widget-placeholder' ) ) { 407 const commentLikesFrame = document.createElement( 'iframe' ); 408 409 commentLikesFrame.class = 'comment-likes-widget-frame jetpack-likes-widget-frame'; 410 commentLikesFrame.name = wrapper.dataset.name; 411 commentLikesFrame.src = wrapper.dataset.src; 412 commentLikesFrame.height = '18px'; 413 commentLikesFrame.width = '100%'; 414 commentLikesFrame.frameBorder = '0'; 415 commentLikesFrame.scrolling = 'no'; 416 417 wrapper.querySelector( '.comment-like-feedback' ).after( commentLikesFrame ); 418 419 jetpackCommentLikesLoadedWidgets.push( commentLikesFrame ); 420 } 421 422 wrapper.classList.remove( 'jetpack-likes-widget-unloaded' ); 423 wrapper.classList.add( 'jetpack-likes-widget-loading' ); 424 425 wrapper.querySelector( 'iframe' ).addEventListener( 'load', e => { 426 JetpackLikesPostMessage( 427 { event: 'loadLikeWidget', name: e.target.name, width: e.target.width }, 428 window.frames[ 'likes-master' ] 429 ); 430 431 wrapper.classList.remove( 'jetpack-likes-widget-loading' ); 432 wrapper.classList.add( 'jetpack-likes-widget-loaded' ); 433 } ); 434} 435 436function jetpackGetUnloadedWidgetsInView() { 437 const unloadedWidgets = document.querySelectorAll( 'div.jetpack-likes-widget-unloaded' ); 438 439 return [ ...unloadedWidgets ].filter( item => jetpackIsScrolledIntoView( item ) ); 440} 441 442function jetpackIsScrolledIntoView( element ) { 443 const top = element.getBoundingClientRect().top; 444 const bottom = element.getBoundingClientRect().bottom; 445
446 // Allow some slack above and bellow the fold with jetpackLikesLookAhead, 447 // with the aim of hiding the transition from unloaded to loaded widget from users. 448 return top + jetpackLikesLookAhead >= 0 && bottom <= window.innerHeight + jetpackLikesLookAhead; 449} 450 451function jetpackUnloadScrolledOutWidgets() { 452 for ( let i = jetpackCommentLikesLoadedWidgets.length - 1; i >= 0; i-- ) { 453 const currentWidgetIframe = jetpackCommentLikesLoadedWidgets[ i ]; 454 455 if ( ! jetpackIsScrolledIntoView( currentWidgetIframe ) ) { 456 const widgetWrapper = 457 currentWidgetIframe && 458 currentWidgetIframe.parentElement && 459 currentWidgetIframe.parentElement.parentElement; 460 461 // Restore parent class to 'unloaded' so this widget can be picked up by queue manager again if needed. 462 widgetWrapper.classList.remove( 'jetpack-likes-widget-loaded' ); 463 widgetWrapper.classList.remove( 'jetpack-likes-widget-loading' ); 464 widgetWrapper.classList.add( 'jetpack-likes-widget-unloaded' ); 465 466 // Bring back the loading placeholder into view. 467 widgetWrapper 468 .querySelectorAll( '.comment-likes-widget-placeholder' ) 469 .forEach( item => ( item.style.display = 'block' ) ); 470 471 // Remove it from the list of loaded widgets. 472 jetpackCommentLikesLoadedWidgets.splice( i, 1 ); 473 474 // Remove comment like widget iFrame. 475 currentWidgetIframe.remove(); 476 } 477 } 478} 479 480var jetpackWidgetsDelayedExec = function ( after, fn ) { 481 var timer; 482 return function () { 483 clearTimeout( timer ); 484 timer = setTimeout( fn, after ); 485 }; 486}; 487 488var jetpackOnScrollStopped = jetpackWidgetsDelayedExec( 250, JetpackLikesWidgetQueueHandler ); 489 490// Load initial batch of widgets, prior to any scrolling events. 491JetpackLikesWidgetQueueHandler(); 492 493// Add event listener to execute queue handler after scroll. 494window.addEventListener( 'scroll', jetpackOnScrollStopped, true ); 495; 496/** 497 * Comment Likes - JavaScript 498 * 499 * This handles liking and unliking comments, as well as viewing who has 500 * liked a particular comment. 501 * 502 * @dependency Swipe (dynamically loaded when needed) 503 * 504 * @package Comment_Likes 505 * @subpackage JavaScript 506 */ 507(function () { 508 function init() { 509 let extWin; 510 let extWinCheck; 511 let commentLikeEvent; 512 513 // Only run once. 514 if (window.comment_likes_loaded) { 515 return; 516 } 517 window.comment_likes_loaded = true; 518 519 // Client-side cache of who liked a particular comment to avoid 520 // having to hit the server multiple times for the same data. 521 const commentLikeCache = {}; 522 523 let swipeLibPromise; 524 525 // Load the Swipe library, if it's not already loaded. 526 function swipeLibLoader() { 527 if (!swipeLibPromise) { 528 swipeLibPromise = new Promise((resolve, reject) => { 529 if (window.Swipe) { 530 resolve(window.Swipe); 531 } else { 532 const swipeScript = document.createElement('script'); 533 swipeScript.src = comment_like_text.swipeUrl; 534 swipeScript.async = true; 535 document.body.appendChild(swipeScript); 536 swipeScript.addEventListener('load', () => resolve(window.Swipe)); 537 swipeScript.addEventListener('error', error => reject(error)); 538 } 539 }); 540 } 541 return swipeLibPromise; 542 } 543 544 /** 545 * Parse the comment ID from a comment like link. 546 */ 547 function getCommentId(link) { 548 const commentId = 549 link && link.getAttribute('href') && link.getAttribute('href').split('like_comment='); 550 return commentId[1].split('&_wpnonce=')[0]; 551 } 552 553 /** 554 * Handle an ajax action on the comment like link. 555 */ 556 function handleLinkAction(link, action, commentId, callback) { 557 const nonce = 558 link && link.getAttribute('href') && link.getAttribute('href').split('_wpnonce=')[1]; 559 560 fetch('/wp-admin/admin-ajax.php', { 561 method: 'POST', 562 body: new URLSearchParams({ 563 action: action, 564 _wpnonce: nonce, 565 like_comment: commentId, 566 blog_id: Number(link.dataset.blog), 567 }), 568 headers: { 569 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8', 570 'X-Requested-With': 'XMLHttpRequest', 571 Accept: 'application/json', 572 'cache-control': 'no-cache', 573 pragma: 'no-cache', 574 }, 575 }) 576 .then(response => response.json()) 577 .then(callback); 578 } 579 580 function startPolling() { 581 // Append cookie polling login iframe to this window to wait for user to finish logging in (or cancel) 582 const loginIframe = document.createElement('iframe'); 583 loginIframe.id = 'wp-login-polling-iframe'; 584 loginIframe.src = 'https://wordpress.com/public.api/connect/?iframe=true'; 585 document.body.appendChild(loginIframe); 586 loginIframe.style.display = 'none'; 587 } 588 589 function stopPolling() { 590 const iframe = document.querySelector('#wp-login-polling-iframe'); 591 if (iframe) { 592 iframe.remove(); 593 } 594 } 595 596 function hide(el) { 597 if (el && el.style) { 598 el.style.display = 'none'; 599 } 600 } 601 602 function show(el) { 603 if (el && el.style) { 604 el.style.removeProperty('display'); 605 } 606 } 607 608 // Overlay used for displaying comment like info. 609 class Overlay { 610 constructor() { 611 // Overlay element. 612 this.el = document.createElement('div'); 613 this.el.classList.add('comment-likes-overlay'); 614 document.body.appendChild(this.el); 615 hide(this.el); 616 617 this.el.addEventListener('mouseenter', () => { 618 // Don't hide the overlay if the user is mousing over it. 619 overlay.cancelHide(); 620 }); 621 622 this.el.addEventListener('mouseleave', () => overlay.requestHide()); 623 624 // Inner contents of overlay. 625 this.innerEl = null; 626 627 // Instance of the Swipe library. 628 this.swipe = null; 629 630 // Timeout used for hiding the overlay. 631 this.hideTimeout = null; 632 } 633 634 // Initialise the overlay for use, removing any old content. 635 clear() { 636 // Unload any previous instance of Swipe (to avoid leaking a global 637 // event handler). This is done before clearing the contents of the 638 // overlay because Swipe expects the slides to still be present. 639 if (this.swipe) { 640 this.swipe.kill(); 641 this.swipe = null; 642 } 643 this.el.innerHTML = ''; 644 this.innerEl = document.createElement('div'); 645 this.innerEl.classList.add('inner'); 646 this.el.appendChild(this.innerEl); 647 } 648 649 /** 650 * Construct a list (<ul>) of user (gravatar, name) details. 651 * 652 * @param data liker data returned from the server 653 * @param klass CSS class to apply to the <ul> element 654 * @param start index of user to start at 655 * @param length number of users to include in the list 656 * 657 * @return A container element with the list 658 */ 659 getUserBits(data, klass, start, length) { 660 start = start || 0; 661 let last = start + (length || data.length); 662 last = last > data.length ? data.length : last; 663 const container = document.createElement('div'); 664 container.classList.add('liker-list'); 665 let html = `<ul class="${klass || ''}">`; 666 for (let i = start; i < last; ++i) { 667 const user = data[i]; 668 html += ` 669 <li> 670 <a rel="nofollow" title="${user.display_name_esc}" href="${user.profile_url_esc}"> 671 <img src="${user.avatar_url_esc}" alt="${user.display_name_esc}" /> 672 <span class="user-name">${user.display_name_esc}</span> 673 </a> 674 </li> 675 `; 676 } 677 html += '</ul>'; 678 container.innerHTML = html; 679 return container; 680 } 681 682 /** 683 * Render the display of who has liked this comment. The type of 684 * display depends on how many people have liked the comment. 685 * If more than 10 people have liked the comment, this function 686 * renders navigation controls and sets up the Swipe library for 687 * changing between pages. 688 * 689 * @param link the element over which the user is hovering 690 * @param data the results retrieved from the server 691 */ 692 showLikes(link, data) { 693 this.clear(); 694 695 link.dataset.likeCount = data.length; 696 if (data.length === 0) { 697 // No likers after all. 698 hide(this.el); 699 return; 700 } 701 702 this.innerEl.style.padding = '12px'; 703 704 if (data.length < 6) { 705 // Only one column needed. 706 this.innerEl.style.maxWidth = '200px'; 707 this.innerEl.innerHTML = ''; 708 this.innerEl.appendChild(this.getUserBits(data, 'single')); 709 this.setPosition(link); 710 } else if (data.length < 11) { 711 // Two columns, but only one page. 712 this.innerEl.innerHTML = ''; 713 this.innerEl.appendChild(this.getUserBits(data, 'double')); 714 this.setPosition(link); 715 } else { 716 // Multiple pages. 717 this.renderLikesWithPagination(data, link); 718 } 719 } 720 721 /**
722 * Render multiple pages of likes with pagination controls. 723 * This function is intended to be called by `showLikes` above. 724 * 725 * @param data the results retrieved from the server 726 */ 727 renderLikesWithPagination(data, link) { 728 swipeLibLoader().then(() => { 729 const page_count = Math.ceil(data.length / 10); 730 // Swipe requires two nested containers. 731 const swipe = document.createElement('div'); 732 swipe.classList.add('swipe'); 733 this.innerEl.appendChild(swipe); 734 735 const wrap = document.createElement('div'); 736 wrap.classList.add('swipe-wrap'); 737 swipe.appendChild(wrap); 738 739 for (let i = 0; i < page_count; ++i) { 740 wrap.appendChild(this.getUserBits(data, 'double', i * 10, 10)); 741 } 742 743 /** 744 * Navigation controls. 745 * This is based on the Newdash controls found in 746 * reader/recommendations-templates.php 747 */ 748 const nav = document.createElement('nav'); 749 nav.classList.add('slider-nav'); 750 751 let navContents = ` 752 <a href="#" class="prev"> 753 <span class="noticon noticon-previous" title="Previous" alt="<"></span> 754 </a> 755 <span class="position"> 756 `; 757 for (let i = 0; i < page_count; ++i) { 758 navContents += `<em data-page="${i}" class="${i === 0 ? 'on' : ''}">•</em>`; 759 } 760 navContents += ` 761 </span> 762 <a href="#" class="next"> 763 <span class="noticon noticon-next" title="Next" alt=">"></span> 764 </a> 765 `; 766 this.innerEl.appendChild(nav); 767 nav.innerHTML = navContents; 768 769 /** Set up Swipe. **/ 770 // Swipe cannot be set up successfully unless its container 771 // is visible, so we show it now. 772 show(this.el); 773 this.setPosition(link); 774 775 this.swipe = new Swipe(swipe, { 776 callback: function (pos) { 777 // Update the pagination indicators. 778 // 779 // If there are exactly two pages, Swipe has a weird 780 // special case where it duplicates both pages and 781 // can return index 2 and 3 even though those aren't 782 // real pages (see swipe.js, line 47). To deal with 783 // this, we use the expression `pos % page_count`. 784 pos = pos % page_count; 785 nav.querySelectorAll('em').forEach(em => { 786 const page = Number(em.dataset.page); 787 em.setAttribute('class', pos === page ? 'on' : ''); 788 }); 789 }, 790 }); 791 792 nav.querySelectorAll('em').forEach(em => { 793 em.addEventListener('click', e => { 794 // Go to the page corresponding to the indicator clicked. 795 this.swipe.slide(Number(em.dataset.page)); 796 e.preventDefault(); 797 }); 798 }); 799 // Previous and next buttons. 800 nav.querySelector('.prev').addEventListener('click', e => { 801 this.swipe.prev(); 802 e.preventDefault(); 803 }); 804 nav.querySelector('.next').addEventListener('click', e => { 805 this.swipe.next(); 806 e.preventDefault(); 807 }); 808 }); 809 } 810 811 /** 812 * Open the overlay and show a loading message. 813 */ 814 showLoadingMessage(link) { 815 this.clear(); 816 this.innerEl.textContent = comment_like_text.loading; 817 this.setPosition(link); 818 } 819 820 /** 821 * Position the overlay near the current comment. 822 * 823 * @param link element near which to position the overlay 824 */ 825 setPosition(link) { 826 // Prepare a down arrow icon for the bottom of the overlay. 827 const icon = document.createElement('span'); 828 this.el.appendChild(icon); 829 icon.classList.add('icon', 'noticon', 'noticon-downarrow'); 830 icon.style.textShadow = '0px 1px 1px rgb(223, 223, 223)'; 831 832 const rect = link.getBoundingClientRect(); 833 const win = document.defaultView; 834 const offset = { 835 top: rect.top + win.scrollY, 836 left: rect.left + win.scrollX, 837 }; 838 839 // Take measurements with the element fully visible. 840 show(this.el); 841 let left = offset.left - (this.el.offsetWidth - link.offsetWidth) / 2; 842 left = left < 5 ? 5 : left; 843 let top = offset.top - this.el.offsetHeight + 5; 844 hide(this.el); 845 846 const adminBar = document.querySelector('#wpadminbar'); 847 848 // Check if the overlay would appear off the screen. 849 if (top < win.scrollY + ((adminBar && adminBar.offsetHeight) || 0)) { 850 // We'll display the overlay beneath the link instead. 851 top = offset.top + link.offsetHeight; 852 // Instead of using the down arrow icon, use an up arrow. 853 icon.remove(); 854 this.el.prepend(icon); 855 icon.classList.remove('noticon-downarrow'); 856 icon.classList.add('noticon-uparrow'); 857 icon.style.textShadow = '0px -1px 1px rgb(223, 223, 223)'; 858 icon.style.verticalAlign = 'bottom'; 859 } 860 861 this.el.style.left = `${left}px`; 862 this.el.style.top = `${top}px`; 863 show(this.el); 864 865 // The height of the arrow icon differs slightly between browsers, 866 // so we compute the margin here to make sure it isn't disjointed 867 // from the overlay. 868 icon.style.marginTop = `${icon.scrollHeight - 26}px`; 869 icon.style.marginBottom = `${20 - icon.scrollHeight}px`; 870 871 // Position the arrow to be horizontally centred on the link. 872 icon.style.paddingLeft = `${ 873 offset.left - left + (link.offsetWidth - icon.scrollWidth) / 2 874 }px`; 875 } 876 877 /** 878 * Return whether the overlay is visible. 879 */ 880 isVisible() { 881 return this.el.style.getPropertyValue('display') !== 'none'; 882 } 883 884 /** 885 * Request that the overlay be hidden after a short delay. 886 */ 887 requestHide() { 888 if (this.hideTimeout !== null) { 889 return; 890 } 891 this.hideTimeout = setTimeout(() => { 892 hide(this.el); 893 this.clear(); 894 }, 300); 895 } 896 897 /** 898 * Cancel a request to hide the overlay. 899 */ 900 cancelHide() { 901 if (this.hideTimeout !== null) { 902 clearTimeout(this.hideTimeout); 903 this.hideTimeout = null; 904 } 905 } 906 } 907 908 // Overlay used for displaying comment like info.
909 const overlay = new Overlay(); 910 911 // The most recent comment for which the user has requested to see 912 // who liked it. 913 var relevantComment; 914 915 // Precache after this timeout. 916 var precacheTimeout = null; 917 918 /** 919 * Fetch the like data for a particular comment. 920 */ 921 function fetchLikeData(link, commentId) { 922 commentLikeCache[commentId] = null; 923 924 const container = link && link.parentElement && link.parentElement.parentElement; 925 const star = container.querySelector('a.comment-like-link'); 926 star && 927 handleLinkAction(star, 'view_comment_likes', commentId, data => { 928 // Populate the cache. 929 commentLikeCache[commentId] = data; 930 931 // Only show the overlay if the user is interested. 932 if (overlay.isVisible() && relevantComment === commentId) { 933 overlay.showLikes(link, data); 934 } 935 }); 936 } 937 938 function readCookie(c) { 939 const nameEQ = c + '='; 940 const cookieStrings = document.cookie.split(';'); 941 942 for (let i = 0; i < cookieStrings.length; i++) { 943 let cookieString = cookieStrings[i]; 944 while (cookieString.charAt(0) === ' ') { 945 cookieString = cookieString.substring(1, cookieString.length); 946 } 947 if (cookieString.indexOf(nameEQ) === 0) { 948 const chunk = cookieString.substring(nameEQ.length, cookieString.length); 949 const pairs = chunk.split('&'); 950 const cookieData = {}; 951 for (let num = pairs.length - 1; num >= 0; num--) { 952 const pair = pairs[num].split('='); 953 cookieData[pair[0]] = decodeURIComponent(pair[1]); 954 } 955 return cookieData; 956 } 957 } 958 return null; 959 } 960 961 function getServiceData() { 962 const data = readCookie('wpc_wpc'); 963 if (data === null || typeof data.access_token === 'undefined' || !data.access_token) { 964 return false; 965 } 966 return data; 967 } 968 969 function readMessage(msg) { 970 const event = msg.data; 971 972 if (typeof event.event === 'undefined') { 973 return; 974 } 975 976 if (event.event === 'login' && event.success) { 977 extWinCheck = setInterval(function () { 978 if (!extWin || extWin.closed) { 979 clearInterval(extWinCheck); 980 if (getServiceData()) { 981 // Load page in an iframe to get the current comment nonce 982 const nonceIframe = document.createElement('iframe'); 983 nonceIframe.id = 'wp-login-comment-nonce-iframe'; 984 nonceIframe.style.display = 'none'; 985 nonceIframe.src = commentLikeEvent + ''; 986 document.body.appendChild(nonceIframe); 987 988 const commentLikeId = (commentLikeEvent + '') 989 .split('like_comment=')[1] 990 .split('&_wpnonce=')[0]; 991 let c; 992 993 // Set a 5 second timeout to redirect to the comment page without doing the Like as a fallback 994 const commentLikeTimeout = setTimeout(() => { 995 window.location = commentLikeEvent; 996 }, 5000); 997 998 // Check for a new nonced redirect and use that if available before timing out 999 const commentLikeCheck = setInterval(() => { 1000 const iframe = document.querySelector('#wp-login-comment-nonce-iframe'); 1001 if (iframe) { 1002 c = iframe.querySelector(`#comment-like-${commentLikeId} .comment-like-link`); 1003 } 1004 if (c && typeof c.href !== 'undefined') { 1005 clearTimeout(commentLikeTimeout); 1006 clearInterval(commentLikeCheck); 1007 window.location = c.href; 1008 } 1009 }, 100); 1010 } 1011 } 1012 }, 100); 1013 1014 if (extWin) { 1015 if (!extWin.closed) { 1016 extWin.close(); 1017 } 1018 extWin = false; 1019 } 1020 1021 stopPolling(); 1022 } 1023 } 1024 1025 if (typeof window.postMessage !== 'undefined') { 1026 window.addEventListener('message', e => { 1027 let message = e && e.data; 1028 if (typeof message === 'string') { 1029 try { 1030 message = JSON.parse(message); 1031 } catch (err) { 1032 return; 1033 } 1034 } 1035 1036 const type = message && message.type; 1037 if (type === 'loginMessage') { 1038 readMessage(message); 1039 } 1040 }); 1041 } 1042 1043 document.body.addEventListener('click', e => { 1044 let target = e.target; 1045 1046 // Don't do anything when clicking on the "X people" link. 1047 if (target.matches('p.comment-likes a.view-likers')) { 1048 e.preventDefault(); 1049 return; 1050 } 1051 1052 // Retrieve the surrounding paragraph to the star, if it hasn't been liked. 1053 const notLikedPar = target.closest('p.comment-not-liked'); 1054 1055 // Return if not clicking on star or surrounding paragraph. 1056 if (!target.matches('a.comment-like-link') && !notLikedPar) { 1057 return; 1058 } 1059 1060 // When a comment hasn't been liked, make the text clickable, too. 1061 if (notLikedPar) { 1062 target = notLikedPar.querySelector('a.comment-like-link'); 1063 if (!target) { 1064 return; 1065 } 1066 } 1067 1068 if (target.classList.contains('needs-login')) { 1069 e.preventDefault(); 1070 commentLikeEvent = target; 1071 if (extWin) { 1072 if (!extWin.closed) { 1073 extWin.close(); 1074 } 1075 extWin = false;
1076 } 1077 1078 stopPolling(); 1079 1080 const url = 'https://wordpress.com/public.api/connect/?action=request&service=wordpress'; 1081 extWin = window.open( 1082 url, 1083 'likeconn', 1084 'status=0,toolbar=0,location=1,menubar=0,directories=0,resizable=1,scrollbars=1,height=560,width=500' 1085 ); 1086 1087 startPolling(); 1088 1089 return false; 1090 } 1091 1092 // Record that the user likes or does not like this comment. 1093 const commentId = getCommentId(target); 1094 target.classList.add('loading'); 1095 1096 let commentEl = document.querySelector(`p#comment-like-${commentId}`); 1097 // Determine whether to like or unlike based on whether the comment is 1098 // currently liked. 1099 const action = 1100 commentEl && commentEl.dataset.liked === 'comment-liked' 1101 ? 'unlike_comment' 1102 : 'like_comment'; 1103 handleLinkAction(target, action, commentId, data => { 1104 // Invalidate the like cache for this comment. 1105 delete commentLikeCache[commentId]; 1106 1107 const countEl = document.querySelector(`#comment-like-count-${data.context}`); 1108 if (countEl) { 1109 countEl.innerHTML = data.display; 1110 } 1111 1112 commentEl = document.querySelector(`p#comment-like-${data.context}`); 1113 if (action === 'like_comment') { 1114 commentEl.classList.remove('comment-not-liked'); 1115 commentEl.classList.add('comment-liked'); 1116 commentEl.dataset.liked = 'comment-liked'; 1117 } else { 1118 commentEl.classList.remove('comment-liked'); 1119 commentEl.classList.add('comment-not-liked'); 1120 commentEl.dataset.liked = 'comment-not-liked'; 1121 } 1122 1123 // Prefetch new data for this comment (if there are likers left). 1124 const parent = target.closest('.comment-likes'); 1125 const link = parent && parent.querySelector('a.view-likers'); 1126 if (link) { 1127 fetchLikeData(link, commentId); 1128 } 1129 1130 target.classList.remove('loading'); 1131 }); 1132 e.preventDefault(); 1133 e.stopPropagation(); 1134 }); 1135 1136 document.body.addEventListener( 1137 'mouseenter', 1138 function (e) { 1139 if (!e.target.matches('p.comment-likes a.view-likers')) { 1140 return; 1141 } 1142 // Show the user a list of who has liked this comment. 1143 1144 const link = e.target; 1145 if (Number(link.dataset.likeCount || 0) === 0) { 1146 // No one has liked this comment. 1147 return; 1148 } 1149 1150 // Don't hide the overlay. 1151 overlay.cancelHide(); 1152 1153 // Get the comment ID. 1154 const container = link.parentElement && link.parentElement.parentElement; 1155 const star = container && container.querySelector('a.comment-like-link'); 1156 const commentId = star && getCommentId(star); 1157 relevantComment = commentId; 1158 1159 // Check if the list of likes for this comment is already in 1160 // the cache. 1161 if (commentId in commentLikeCache) { 1162 const entry = commentLikeCache[commentId];
1163 // Only display the likes if the ajax request is 1164 // actually done. 1165 if (entry !== null) { 1166 overlay.showLikes(link, entry); 1167 } else { 1168 // Make sure the overlay is visible (in case 1169 // the user moved the mouse away while loading 1170 // but then came back before it finished 1171 // loading). 1172 overlay.showLoadingMessage(link); 1173 } 1174 return; 1175 } 1176 1177 // Position the "Loading..." overlay. 1178 overlay.showLoadingMessage(link); 1179 1180 // Fetch the data. 1181 fetchLikeData(link, commentId); 1182 }, 1183 true 1184 ); 1185 1186 document.body.addEventListener( 1187 'mouseleave', 1188 e => { 1189 if (!e.target.matches('p.comment-likes a.view-likers')) { 1190 return; 1191 } 1192 // User has moved cursor away - hide the overlay. 1193 overlay.requestHide(); 1194 }, 1195 true 1196 ); 1197 1198 document.body.addEventListener( 1199 'mouseenter', 1200 e => { 1201 if (!e.target.matches('.comment') || !e.target.querySelector('a.comment-like-link')) { 1202 return; 1203 } 1204 // User is moving over a comment - precache the comment like data.
1205 if (precacheTimeout !== null) { 1206 clearTimeout(precacheTimeout); 1207 precacheTimeout = null; 1208 } 1209 1210 const star = e.target.querySelector('a.comment-like-link'); 1211 const parent = star.closest('.comment-likes'); 1212 const link = parent && parent.querySelector('a.view-likers'); 1213 if (!link || Number(link.dataset.likeCount || 0) === 0) { 1214 // No likes. 1215 return; 1216 } 1217 const commentId = getCommentId(star); 1218 if (commentId in commentLikeCache) { 1219 // Already in cache. 1220 return; 1221 } 1222 1223 precacheTimeout = setTimeout(() => { 1224 precacheTimeout = null; 1225 if (commentId in commentLikeCache) { 1226 // Was cached in the interim. 1227 return; 1228 } 1229 fetchLikeData(link, commentId); 1230 }, 1000); 1231 }, 1232 true 1233 ); 1234 } 1235 1236 if (document.readyState !== 'loading') { 1237 init(); 1238 } else { 1239 document.addEventListener('DOMContentLoaded', init); 1240 } 1241})(); 1242; 1243/*! This file is auto-generated */ 1244/*! 1245 * imagesLoaded PACKAGED v5.0.0 1246 * JavaScript is all like "You images are done yet or what?" 1247 * MIT License 1248 */ 1249!function(t,e){"object"==typeof module&&module.exports?module.exports=e():t.EvEmitter=e()}("undefined"!=typeof window?window:this,(function(){function t(){}let e=t.prototype;return e.on=function(t,e){if(!t||!e)return this;let i=this._events=this._events||{},s=i[t]=i[t]||[];return s.includes(e)||s.push(e),this},e.once=function(t,e){if(!t||!e)return this;this.on(t,e);let i=this._onceEvents=this._onceEvents||{};return(i[t]=i[t]||{})[e]=!0,this},e.off=function(t,e){let i=this._events&&this._events[t];if(!i||!i.length)return this;let s=i.indexOf(e);return-1!=s&&i.splice(s,1),this},e.emitEvent=function(t,e){let i=this._events&&this._events[t];if(!i||!i.length)return this;i=i.slice(0),e=e||[];let s=this._onceEvents&&this._onceEvents[t];for(let n of i){s&&s[n]&&(this.off(t,n),delete s[n]),n.apply(this,e)}return this},e.allOff=function(){return delete this._events,delete this._onceEvents,this},t})), 1250/*! 1251 * imagesLoaded v5.0.0 1252 * JavaScript is all like "You images are done yet or what?" 1253 * MIT License 1254 */ 1255function(t,e){"object"==typeof module&&module.exports?module.exports=e(t,require("ev-emitter")):t.imagesLoaded=e(t,t.EvEmitter)}("undefined"!=typeof window?window:this,(function(t,e){let i=t.jQuery,s=t.console;
vendor: 4,185 bytes, lines 1255-1256
1255function n(t,e,o){if(!(this instanceof n))return new n(t,e,o);let r=t;var h;("string"==typeof t&&(r=document.querySelectorAll(t)),r)?(this.elements=(h=r,Array.isArray(h)?h:"object"==typeof h&&"number"==typeof h.length?[...h]:[h]),this.options={},"function"==typeof e?o=e:Object.assign(this.options,e),o&&this.on("always",o),this.getImages(),i&&(this.jqDeferred=new i.Deferred),setTimeout(this.check.bind(this))):s.error(`Bad element for imagesLoaded ${r||t}`)}n.prototype=Object.create(e.prototype),n.prototype.getImages=function(){this.images=[],this.elements.forEach(this.addElementImages,this)};const o=[1,9,11];n.prototype.addElementImages=function(t){"IMG"===t.nodeName&&this.addImage(t),!0===this.options.background&&this.addElementBackgroundImages(t);let{nodeType:e}=t;if(!e||!o.includes(e))return;let i=t.querySelectorAll("img");for(let t of i)this.addImage(t);if("string"==typeof this.options.background){let e=t.querySelectorAll(this.options.background);for(let t of e)this.addElementBackgroundImages(t)}};const r=/url\((['"])?(.*?)\1\)/gi;function h(t){this.img=t}function d(t,e){this.url=t,this.element=e,this.img=new Image}return n.prototype.addElementBackgroundImages=function(t){let e=getComputedStyle(t);if(!e)return;let i=r.exec(e.backgroundImage);for(;null!==i;){let s=i&&i[2];s&&this.addBackground(s,t),i=r.exec(e.backgroundImage)}},n.prototype.addImage=function(t){let e=new h(t);this.images.push(e)},n.prototype.addBackground=function(t,e){let i=new d(t,e);this.images.push(i)},n.prototype.check=function(){if(this.progressedCount=0,this.hasAnyBroken=!1,!this.images.length)return void this.complete();let t=(t,e,i)=>{setTimeout((()=>{this.progress(t,e,i)}))};this.images.forEach((function(e){e.once("progress",t),e.check()}))},n.prototype.progress=function(t,e,i){this.progressedCount++,this.hasAnyBroken=this.hasAnyBroken||!t.isLoaded,this.emitEvent("progress",[this,t,e]),this.jqDeferred&&this.jqDeferred.notify&&this.jqDeferred.notify(this,t),this.progressedCount===this.images.length&&this.complete(),this.options.debug&&s&&s.log(`progress: ${i}`,t,e)},n.prototype.complete=function(){let t=this.hasAnyBroken?"fail":"done";if(this.isComplete=!0,this.emitEvent(t,[this]),this.emitEvent("always",[this]),this.jqDeferred){let t=this.hasAnyBroken?"reject":"resolve";this.jqDeferred[t](this)}},h.prototype=Object.create(e.prototype),h.prototype.check=function(){this.getIsImageComplete()?this.confirm(0!==this.img.naturalWidth,"naturalWidth"):(this.proxyImage=new Image,this.img.crossOrigin&&(this.proxyImage.crossOrigin=this.img.crossOrigin),this.proxyImage.addEventListener("load",this),this.proxyImage.addEventListener("error",this),this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.proxyImage.src=this.img.currentSrc||this.img.src)},h.prototype.getIsImageComplete=function(){return this.img.complete&&this.img.naturalWidth},h.prototype.confirm=function(t,e){this.isLoaded=t;let{parentNode:i}=this.img,s="PICTURE"===i.nodeName?i:this.img;this.emitEvent("progress",[this,s,e])},h.prototype.handleEvent=function(t){let e="on"+t.type;this[e]&&this[e](t)},h.prototype.onload=function(){this.confirm(!0,"onload"),this.unbindEvents()},h.prototype.onerror=function(){this.confirm(!1,"onerror"),this.unbindEvents()},h.prototype.unbindEvents=function(){this.proxyImage.removeEventListener("load",this),this.proxyImage.removeEventListener("error",this),this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},d.prototype=Object.create(h.prototype),d.prototype.check=function(){this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.img.src=this.url,this.getIsImageComplete()&&(this.confirm(0!==this.img.naturalWidth,"naturalWidth"),this.unbindEvents())},d.prototype.unbindEvents=function(){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},d.prototype.confirm=function(t,e){this.isLoaded=t,this.emitEvent("progress",[this,this.element,e])},n.makeJQueryPlugin=function(e){(e=e||t.jQuery)&&(i=e,i.fn.imagesLoaded=function(t,e){return new n(this,t,e).jqDeferred.promise(i(this))})},n.makeJQueryPlugin(),n}));; 1256/*! This file is auto-generated */
vendor: 24,103 bytes, lines 1257-1265
1257/*! 1258 * Masonry PACKAGED v4.2.2 1259 * Cascading grid layout library 1260 * https://masonry.desandro.com 1261 * MIT License 1262 * by David DeSandro 1263 */ 1264 1265!function(t,e){"function"==typeof define&&define.amd?define("jquery-bridget/jquery-bridget",["jquery"],function(i){return e(t,i)}):"object"==typeof module&&module.exports?module.exports=e(t,require("jquery")):t.jQueryBridget=e(t,t.jQuery)}(window,function(t,e){"use strict";function i(i,r,a){function h(t,e,n){var o,r="$()."+i+'("'+e+'")';return t.each(function(t,h){var u=a.data(h,i);if(!u)return void s(i+" not initialized. Cannot call methods, i.e. "+r);var d=u[e];if(!d||"_"==e.charAt(0))return void s(r+" is not a valid method");var l=d.apply(u,n);o=void 0===o?l:o}),void 0!==o?o:t}function u(t,e){t.each(function(t,n){var o=a.data(n,i);o?(o.option(e),o._init()):(o=new r(n,e),a.data(n,i,o))})}a=a||e||t.jQuery,a&&(r.prototype.option||(r.prototype.option=function(t){a.isPlainObject(t)&&(this.options=a.extend(!0,this.options,t))}),a.fn[i]=function(t){if("string"==typeof t){var e=o.call(arguments,1);return h(this,t,e)}return u(this,t),this},n(a))}function n(t){!t||t&&t.bridget||(t.bridget=i)}var o=Array.prototype.slice,r=t.console,s="undefined"==typeof r?function(){}:function(t){r.error(t)};return n(e||t.jQuery),i}),function(t,e){"function"==typeof define&&define.amd?define("ev-emitter/ev-emitter",e):"object"==typeof module&&module.exports?module.exports=e():t.EvEmitter=e()}("undefined"!=typeof window?window:this,function(){function t(){}var e=t.prototype;return e.on=function(t,e){if(t&&e){var i=this._events=this._events||{},n=i[t]=i[t]||[];return-1==n.indexOf(e)&&n.push(e),this}},e.once=function(t,e){if(t&&e){this.on(t,e);var i=this._onceEvents=this._onceEvents||{},n=i[t]=i[t]||{};return n[e]=!0,this}},e.off=function(t,e){var i=this._events&&this._events[t];if(i&&i.length){var n=i.indexOf(e);return-1!=n&&i.splice(n,1),this}},e.emitEvent=function(t,e){var i=this._events&&this._events[t];if(i&&i.length){i=i.slice(0),e=e||[];for(var n=this._onceEvents&&this._onceEvents[t],o=0;o<i.length;o++){var r=i[o],s=n&&n[r];s&&(this.off(t,r),delete n[r]),r.apply(this,e)}return this}},e.allOff=function(){delete this._events,delete this._onceEvents},t}),function(t,e){"function"==typeof define&&define.amd?define("get-size/get-size",e):"object"==typeof module&&module.exports?module.exports=e():t.getSize=e()}(window,function(){"use strict";function t(t){var e=parseFloat(t),i=-1==t.indexOf("%")&&!isNaN(e);return i&&e}function e(){}function i(){for(var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},e=0;u>e;e++){var i=h[e];t[i]=0}return t}function n(t){var e=getComputedStyle(t);return e||a("Style returned "+e+". Are you running this code in a hidden iframe on Firefox? See https://bit.ly/getsizebug1"),e}function o(){if(!d){d=!0;var e=document.createElement("div");e.style.width="200px",e.style.padding="1px 2px 3px 4px",e.style.borderStyle="solid",e.style.borderWidth="1px 2px 3px 4px",e.style.boxSizing="border-box";var i=document.body||document.documentElement;i.appendChild(e);var o=n(e);s=200==Math.round(t(o.width)),r.isBoxSizeOuter=s,i.removeChild(e)}}function r(e){if(o(),"string"==typeof e&&(e=document.querySelector(e)),e&&"object"==typeof e&&e.nodeType){var r=n(e);if("none"==r.display)return i();var a={};a.width=e.offsetWidth,a.height=e.offsetHeight;for(var d=a.isBorderBox="border-box"==r.boxSizing,l=0;u>l;l++){var c=h[l],f=r[c],m=parseFloat(f);a[c]=isNaN(m)?0:m}var p=a.paddingLeft+a.paddingRight,g=a.paddingTop+a.paddingBottom,y=a.marginLeft+a.marginRight,v=a.marginTop+a.marginBottom,_=a.borderLeftWidth+a.borderRightWidth,z=a.borderTopWidth+a.borderBottomWidth,E=d&&s,b=t(r.width);b!==!1&&(a.width=b+(E?0:p+_));var x=t(r.height);return x!==!1&&(a.height=x+(E?0:g+z)),a.innerWidth=a.width-(p+_),a.innerHeight=a.height-(g+z),a.outerWidth=a.width+y,a.outerHeight=a.height+v,a}}var s,a="undefined"==typeof console?e:function(t){console.error(t)},h=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"],u=h.length,d=!1;return r}),function(t,e){"use strict";"function"==typeof define&&define.amd?define("desandro-matches-selector/matches-selector",e):"object"==typeof module&&module.exports?module.exports=e():t.matchesSelector=e()}(window,function(){"use strict";var t=function(){var t=window.Element.prototype;if(t.matches)return"matches";if(t.matchesSelector)return"matchesSelector";for(var e=["webkit","moz","ms","o"],i=0;i<e.length;i++){var n=e[i],o=n+"MatchesSelector";if(t[o])return o}}();return function(e,i){return e[t](i)}}),function(t,e){"function"==typeof define&&define.amd?define("fizzy-ui-utils/utils",["desandro-matches-selector/matches-selector"],function(i){return e(t,i)}):"object"==typeof module&&module.exports?module.exports=e(t,require("desandro-matches-selector")):t.fizzyUIUtils=e(t,t.matchesSelector)}(window,function(t,e){var i={};i.extend=function(t,e){for(var i in e)t[i]=e[i];return t},i.modulo=function(t,e){return(t%e+e)%e};var n=Array.prototype.slice;i.makeArray=function(t){if(Array.isArray(t))return t;if(null===t||void 0===t)return[];var e="object"==typeof t&&"number"==typeof t.length;return e?n.call(t):[t]},i.removeFrom=function(t,e){var i=t.indexOf(e);-1!=i&&t.splice(i,1)},i.getParent=function(t,i){for(;t.parentNode&&t!=document.body;)if(t=t.parentNode,e(t,i))return t},i.getQueryElement=function(t){return"string"==typeof t?document.querySelector(t):t},i.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},i.filterFindElements=function(t,n){t=i.makeArray(t);var o=[];return t.forEach(function(t){if(t instanceof HTMLElement){if(!n)return void o.push(t);e(t,n)&&o.push(t);for(var i=t.querySelectorAll(n),r=0;r<i.length;r++)o.push(i[r])}}),o},i.debounceMethod=function(t,e,i){i=i||100;var n=t.prototype[e],o=e+"Timeout";t.prototype[e]=function(){var t=this[o];clearTimeout(t);var e=arguments,r=this;this[o]=setTimeout(function(){n.apply(r,e),delete r[o]},i)}},i.docReady=function(t){var e=document.readyState;"complete"==e||"interactive"==e?setTimeout(t):document.addEventListener("DOMContentLoaded",t)},i.toDashed=function(t){return t.replace(/(.)([A-Z])/g,function(t,e,i){return e+"-"+i}).toLowerCase()};var o=t.console;return i.htmlInit=function(e,n){i.docReady(function(){var r=i.toDashed(n),s="data-"+r,a=document.querySelectorAll("["+s+"]"),h=document.querySelectorAll(".js-"+r),u=i.makeArray(a).concat(i.makeArray(h)),d=s+"-options",l=t.jQuery;u.forEach(function(t){var i,r=t.getAttribute(s)||t.getAttribute(d);try{i=r&&JSON.parse(r)}catch(a){return void(o&&o.error("Error parsing "+s+" on "+t.className+": "+a))}var h=new e(t,i);l&&l.data(t,n,h)})})},i}),function(t,e){"function"==typeof define&&define.amd?define("outlayer/item",["ev-emitter/ev-emitter","get-size/get-size"],e):"object"==typeof module&&module.exports?module.exports=e(require("ev-emitter"),require("get-size")):(t.Outlayer={},t.Outlayer.Item=e(t.EvEmitter,t.getSize))}(window,function(t,e){"use strict";function i(t){for(var e in t)return!1;return e=null,!0}function n(t,e){t&&(this.element=t,this.layout=e,this.position={x:0,y:0},this._create())}function o(t){return t.replace(/([A-Z])/g,function(t){return"-"+t.toLowerCase()})}var r=document.documentElement.style,s="string"==typeof r.transition?"transition":"WebkitTransition",a="string"==typeof r.transform?"transform":"WebkitTransform",h={WebkitTransition:"webkitTransitionEnd",transition:"transitionend"}[s],u={transform:a,transition:s,transitionDuration:s+"Duration",transitionProperty:s+"Property",transitionDelay:s+"Delay"},d=n.prototype=Object.create(t.prototype);d.constructor=n,d._create=function(){this._transn={ingProperties:{},clean:{},onEnd:{}},this.css({position:"absolute"})},d.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},d.getSize=function(){this.size=e(this.element)},d.css=function(t){var e=this.element.style;for(var i in t){var n=u[i]||i;e[n]=t[i]}},d.getPosition=function(){var t=getComputedStyle(this.element),e=this.layout._getOption("originLeft"),i=this.layout._getOption("originTop"),n=t[e?"left":"right"],o=t[i?"top":"bottom"],r=parseFloat(n),s=parseFloat(o),a=this.layout.size;-1!=n.indexOf("%")&&(r=r/100*a.width),-1!=o.indexOf("%")&&(s=s/100*a.height),r=isNaN(r)?0:r,s=isNaN(s)?0:s,r-=e?a.paddingLeft:a.paddingRight,s-=i?a.paddingTop:a.paddingBottom,this.position.x=r,this.position.y=s},d.layoutPosition=function(){var t=this.layout.size,e={},i=this.layout._getOption("originLeft"),n=this.layout._getOption("originTop"),o=i?"paddingLeft":"paddingRight",r=i?"left":"right",s=i?"right":"left",a=this.position.x+t[o];e[r]=this.getXValue(a),e[s]="";var h=n?"paddingTop":"paddingBottom",u=n?"top":"bottom",d=n?"bottom":"top",l=this.position.y+t[h];e[u]=this.getYValue(l),e[d]="",this.css(e),this.emitEvent("layout",[this])},d.getXValue=function(t){var e=this.layout._getOption("horizontal");return this.layout.options.percentPosition&&!e?t/this.layout.size.width*100+"%":t+"px"},d.getYValue=function(t){var e=this.layout._getOption("horizontal");return this.layout.options.percentPosition&&e?t/this.layout.size.height*100+"%":t+"px"},d._transitionTo=function(t,e){this.getPosition();var i=this.position.x,n=this.position.y,o=t==this.position.x&&e==this.position.y;if(this.setPosition(t,e),o&&!this.isTransitioning)return void this.layoutPosition();var r=t-i,s=e-n,a={};a.transform=this.getTranslate(r,s),this.transition({to:a,onTransitionEnd:{transform:this.layoutPosition},isCleaning:!0})},d.getTranslate=function(t,e){var i=this.layout._getOption("originLeft"),n=this.layout._getOption("originTop");return t=i?t:-t,e=n?e:-e,"translate3d("+t+"px, "+e+"px, 0)"},d.goTo=function(t,e){this.setPosition(t,e),this.layoutPosition()},d.moveTo=d._transitionTo,d.setPosition=function(t,e){this.position.x=parseFloat(t),this.position.y=parseFloat(e)},d._nonTransition=function(t){this.css(t.to),t.isCleaning&&this._removeStyles(t.to);for(var e in t.onTransitionEnd)t.onTransitionEnd[e].call(this)},d.transition=function(t){if(!parseFloat(this.layout.options.transitionDuration))return void this._nonTransition(t);var e=this._transn;for(var i in t.onTransitionEnd)e.onEnd[i]=t.onTransitionEnd[i];for(i in t.to)e.ingProperties[i]=!0,t.isCleaning&&(e.clean[i]=!0);if(t.from){this.css(t.from);var n=this.element.offsetHeight;n=null}this.enableTransition(t.to),this.css(t.to),this.isTransitioning=!0};var l="opacity,"+o(a);d.enableTransition=function(){if(!this.isTransitioning){var t=this.layout.options.transitionDuration;t="number"==typeof t?t+"ms":t,this.css({transitionProperty:l,transitionDuration:t,transitionDelay:this.staggerDelay||0}),this.element.addEventListener(h,this,!1)}},d.onwebkitTransitionEnd=function(t){this.ontransitionend(t)},d.onotransitionend=function(t){this.ontransitionend(t)};var c={"-webkit-transform":"transform"};d.ontransitionend=function(t){if(t.target===this.element){var e=this._transn,n=c[t.propertyName]||t.propertyName;if(delete e.ingProperties[n],i(e.ingProperties)&&this.disableTransition(),n in e.clean&&(this.element.style[t.propertyName]="",delete e.clean[n]),n in e.onEnd){var o=e.onEnd[n];o.call(this),delete e.onEnd[n]}this.emitEvent("transitionEnd",[this])}},d.disableTransition=function(){this.removeTransitionStyles(),this.element.removeEventListener(h,this,!1),this.isTransitioning=!1},d._removeStyles=function(t){var e={};for(var i in t)e[i]="";this.css(e)};var f={transitionProperty:"",transitionDuration:"",transitionDelay:""};return d.removeTransitionStyles=function(){this.css(f)},d.stagger=function(t){t=isNaN(t)?0:t,this.staggerDelay=t+"ms"},d.removeElem=function(){this.element.parentNode.removeChild(this.element),this.css({display:""}),this.emitEvent("remove",[this])},d.remove=function(){return s&&parseFloat(this.layout.options.transitionDuration)?(this.once("transitionEnd",function(){this.removeElem()}),void this.hide()):void this.removeElem()},d.reveal=function(){delete this.isHidden,this.css({display:""});var t=this.layout.options,e={},i=this.getHideRevealTransitionEndProperty("visibleStyle");e[i]=this.onRevealTransitionEnd,this.transition({from:t.hiddenStyle,to:t.visibleStyle,isCleaning:!0,onTransitionEnd:e})},d.onRevealTransitionEnd=function(){this.isHidden||this.emitEvent("reveal")},d.getHideRevealTransitionEndProperty=function(t){var e=this.layout.options[t];if(e.opacity)return"opacity";for(var i in e)return i},d.hide=function(){this.isHidden=!0,this.css({display:""});var t=this.layout.options,e={},i=this.getHideRevealTransitionEndProperty("hiddenStyle");e[i]=this.onHideTransitionEnd,this.transition({from:t.visibleStyle,to:t.hiddenStyle,isCleaning:!0,onTransitionEnd:e})},d.onHideTransitionEnd=function(){this.isHidden&&(this.css({display:"none"}),this.emitEvent("hide"))},d.destroy=function(){this.css({position:"",left:"",right:"",top:"",bottom:"",transition:"",transform:""})},n}),function(t,e){"use strict";"function"==typeof define&&define.amd?define("outlayer/outlayer",["ev-emitter/ev-emitter","get-size/get-size","fizzy-ui-utils/utils","./item"],function(i,n,o,r){return e(t,i,n,o,r)}):"object"==typeof module&&module.exports?module.exports=e(t,require("ev-emitter"),require("get-size"),require("fizzy-ui-utils"),require("./item")):t.Outlayer=e(t,t.EvEmitter,t.getSize,t.fizzyUIUtils,t.Outlayer.Item)}(window,function(t,e,i,n,o){"use strict";function r(t,e){var i=n.getQueryElement(t);if(!i)return void(h&&h.error("Bad element for "+this.constructor.namespace+": "+(i||t)));this.element=i,u&&(this.$element=u(this.element)),this.options=n.extend({},this.constructor.defaults),this.option(e);var o=++l;this.element.outlayerGUID=o,c[o]=this,this._create();var r=this._getOption("initLayout");r&&this.layout()}function s(t){function e(){t.apply(this,arguments)}return e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e}function a(t){if("number"==typeof t)return t;var e=t.match(/(^\d*\.?\d*)(\w*)/),i=e&&e[1],n=e&&e[2];if(!i.length)return 0;i=parseFloat(i);var o=m[n]||1;return i*o}var h=t.console,u=t.jQuery,d=function(){},l=0,c={};r.namespace="outlayer",r.Item=o,r.defaults={containerStyle:{position:"relative"},initLayout:!0,originLeft:!0,originTop:!0,resize:!0,resizeContainer:!0,transitionDuration:"0.4s",hiddenStyle:{opacity:0,transform:"scale(0.001)"},visibleStyle:{opacity:1,transform:"scale(1)"}};var f=r.prototype;n.extend(f,e.prototype),f.option=function(t){n.extend(this.options,t)},f._getOption=function(t){var e=this.constructor.compatOptions[t];return e&&void 0!==this.options[e]?this.options[e]:this.options[t]},r.compatOptions={initLayout:"isInitLayout",horizontal:"isHorizontal",layoutInstant:"isLayoutInstant",originLeft:"isOriginLeft",originTop:"isOriginTop",resize:"isResizeBound",resizeContainer:"isResizingContainer"},f._create=function(){this.reloadItems(),this.stamps=[],this.stamp(this.options.stamp),n.extend(this.element.style,this.options.containerStyle);var t=this._getOption("resize");t&&this.bindResize()},f.reloadItems=function(){this.items=this._itemize(this.element.children)},f._itemize=function(t){for(var e=this._filterFindItemElements(t),i=this.constructor.Item,n=[],o=0;o<e.length;o++){var r=e[o],s=new i(r,this);n.push(s)}return n},f._filterFindItemElements=function(t){return n.filterFindElements(t,this.options.itemSelector)},f.getItemElements=function(){return this.items.map(function(t){return t.element})},f.layout=function(){this._resetLayout(),this._manageStamps();var t=this._getOption("layoutInstant"),e=void 0!==t?t:!this._isLayoutInited;this.layoutItems(this.items,e),this._isLayoutInited=!0},f._init=f.layout,f._resetLayout=function(){this.getSize()},f.getSize=function(){this.size=i(this.element)},f._getMeasurement=function(t,e){var n,o=this.options[t];o?("string"==typeof o?n=this.element.querySelector(o):o instanceof HTMLElement&&(n=o),this[t]=n?i(n)[e]:o):this[t]=0},f.layoutItems=function(t,e){t=this._getItemsForLayout(t),this._layoutItems(t,e),this._postLayout()},f._getItemsForLayout=function(t){return t.filter(function(t){return!t.isIgnored})},f._layoutItems=function(t,e){if(this._emitCompleteOnItems("layout",t),t&&t.length){var i=[];t.forEach(function(t){var n=this._getItemLayoutPosition(t);n.item=t,n.isInstant=e||t.isLayoutInstant,i.push(n)},this),this._processLayoutQueue(i)}},f._getItemLayoutPosition=function(){return{x:0,y:0}},f._processLayoutQueue=function(t){this.updateStagger(),t.forEach(function(t,e){this._positionItem(t.item,t.x,t.y,t.isInstant,e)},this)},f.updateStagger=function(){var t=this.options.stagger;return null===t||void 0===t?void(this.stagger=0):(this.stagger=a(t),this.stagger)},f._positionItem=function(t,e,i,n,o){n?t.goTo(e,i):(t.stagger(o*this.stagger),t.moveTo(e,i))},f._postLayout=function(){this.resizeContainer()},f.resizeContainer=function(){var t=this._getOption("resizeContainer");if(t){var e=this._getContainerSize();e&&(this._setContainerMeasure(e.width,!0),this._setContainerMeasure(e.height,!1))}},f._getContainerSize=d,f._setContainerMeasure=function(t,e){if(void 0!==t){var i=this.size;i.isBorderBox&&(t+=e?i.paddingLeft+i.paddingRight+i.borderLeftWidth+i.borderRightWidth:i.paddingBottom+i.paddingTop+i.borderTopWidth+i.borderBottomWidth),t=Math.max(t,0),this.element.style[e?"width":"height"]=t+"px"}},f._emitCompleteOnItems=function(t,e){function i(){o.dispatchEvent(t+"Complete",null,[e])}function n(){s++,s==r&&i()}var o=this,r=e.length;if(!e||!r)return void i();var s=0;e.forEach(function(e){e.once(t,n)})},f.dispatchEvent=function(t,e,i){var n=e?[e].concat(i):i;if(this.emitEvent(t,n),u)if(this.$element=this.$element||u(this.element),e){var o=u.Event(e);o.type=t,this.$element.trigger(o,i)}else this.$element.trigger(t,i)},f.ignore=function(t){var e=this.getItem(t);e&&(e.isIgnored=!0)},f.unignore=function(t){var e=this.getItem(t);e&&delete e.isIgnored},f.stamp=function(t){t=this._find(t),t&&(this.stamps=this.stamps.concat(t),t.forEach(this.ignore,this))},f.unstamp=function(t){t=this._find(t),t&&t.forEach(function(t){n.removeFrom(this.stamps,t),this.unignore(t)},this)},f._find=function(t){return t?("string"==typeof t&&(t=this.element.querySelectorAll(t)),t=n.makeArray(t)):void 0},f._manageStamps=function(){this.stamps&&this.stamps.length&&(this._getBoundingRect(),this.stamps.forEach(this._manageStamp,this))},f._getBoundingRect=function(){var t=this.element.getBoundingClientRect(),e=this.size;this._boundingRect={left:t.left+e.paddingLeft+e.borderLeftWidth,top:t.top+e.paddingTop+e.borderTopWidth,right:t.right-(e.paddingRight+e.borderRightWidth),bottom:t.bottom-(e.paddingBottom+e.borderBottomWidth)}},f._manageStamp=d,f._getElementOffset=function(t){var e=t.getBoundingClientRect(),n=this._boundingRect,o=i(t),r={left:e.left-n.left-o.marginLeft,top:e.top-n.top-o.marginTop,right:n.right-e.right-o.marginRight,bottom:n.bottom-e.bottom-o.marginBottom};return r},f.handleEvent=n.handleEvent,f.bindResize=function(){t.addEventListener("resize",this),this.isResizeBound=!0},f.unbindResize=function(){t.removeEventListener("resize",this),this.isResizeBound=!1},f.onresize=function(){this.resize()},n.debounceMethod(r,"onresize",100),f.resize=function(){this.isResizeBound&&this.needsResizeLayout()&&this.layout()},f.needsResizeLayout=function(){var t=i(this.element),e=this.size&&t;return e&&t.innerWidth!==this.size.innerWidth},f.addItems=function(t){var e=this._itemize(t);return e.length&&(this.items=this.items.concat(e)),e},f.appended=function(t){var e=this.addItems(t);e.length&&(this.layoutItems(e,!0),this.reveal(e))},f.prepended=function(t){var e=this._itemize(t);if(e.length){var i=this.items.slice(0);this.items=e.concat(i),this._resetLayout(),this._manageStamps(),this.layoutItems(e,!0),this.reveal(e),this.layoutItems(i)}},f.reveal=function(t){if(this._emitCompleteOnItems("reveal",t),t&&t.length){var e=this.updateStagger();t.forEach(function(t,i){t.stagger(i*e),t.reveal()})}},f.hide=function(t){if(this._emitCompleteOnItems("hide",t),t&&t.length){var e=this.updateStagger();t.forEach(function(t,i){t.stagger(i*e),t.hide()})}},f.revealItemElements=function(t){var e=this.getItems(t);this.reveal(e)},f.hideItemElements=function(t){var e=this.getItems(t);this.hide(e)},f.getItem=function(t){for(var e=0;e<this.items.length;e++){var i=this.items[e];if(i.element==t)return i}},f.getItems=function(t){t=n.makeArray(t);var e=[];return t.forEach(function(t){var i=this.getItem(t);i&&e.push(i)},this),e},f.remove=function(t){var e=this.getItems(t);this._emitCompleteOnItems("remove",e),e&&e.length&&e.forEach(function(t){t.remove(),n.removeFrom(this.items,t)},this)},f.destroy=function(){var t=this.element.style;t.height="",t.position="",t.width="",this.items.forEach(function(t){t.destroy()}),this.unbindResize();var e=this.element.outlayerGUID;delete c[e],delete this.element.outlayerGUID,u&&u.removeData(this.element,this.constructor.namespace)},r.data=function(t){t=n.getQueryElement(t);var e=t&&t.outlayerGUID;return e&&c[e]},r.create=function(t,e){var i=s(r);return i.defaults=n.extend({},r.defaults),n.extend(i.defaults,e),i.compatOptions=n.extend({},r.compatOptions),i.namespace=t,i.data=r.data,i.Item=s(o),n.htmlInit(i,t),u&&u.bridget&&u.bridget(t,i),i};var m={ms:1,s:1e3};return r.Item=o,r}),function(t,e){"function"==typeof define&&define.amd?define(["outlayer/outlayer","get-size/get-size"],e):"object"==typeof module&&module.exports?module.exports=e(require("outlayer"),require("get-size")):t.Masonry=e(t.Outlayer,t.getSize)}(window,function(t,e){var i=t.create("masonry");i.compatOptions.fitWidth="isFitWidth";var n=i.prototype;return n._resetLayout=function(){this.getSize(),this._getMeasurement("columnWidth","outerWidth"),this._getMeasurement("gutter","outerWidth"),this.measureColumns(),this.colYs=[];for(var t=0;t<this.cols;t++)this.colYs.push(0);this.maxY=0,this.horizontalColIndex=0},n.measureColumns=function(){if(this.getContainerWidth(),!this.columnWidth){var t=this.items[0],i=t&&t.element;this.columnWidth=i&&e(i).outerWidth||this.containerWidth}var n=this.columnWidth+=this.gutter,o=this.containerWidth+this.gutter,r=o/n,s=n-o%n,a=s&&1>s?"round":"floor";r=Math[a](r),this.cols=Math.max(r,1)},n.getContainerWidth=function(){var t=this._getOption("fitWidth"),i=t?this.element.parentNode:this.element,n=e(i);this.containerWidth=n&&n.innerWidth},n._getItemLayoutPosition=function(t){t.getSize();var e=t.size.outerWidth%this.columnWidth,i=e&&1>e?"round":"ceil",n=Math[i](t.size.outerWidth/this.columnWidth);n=Math.min(n,this.cols);for(var o=this.options.horizontalOrder?"_getHorizontalColPosition":"_getTopColPosition",r=this[o](n,t),s={x:this.columnWidth*r.col,y:r.y},a=r.y+t.size.outerHeight,h=n+r.col,u=r.col;h>u;u++)this.colYs[u]=a;return s},n._getTopColPosition=function(t){var e=this._getTopColGroup(t),i=Math.min.apply(Math,e);return{col:e.indexOf(i),y:i}},n._getTopColGroup=function(t){if(2>t)return this.colYs;for(var e=[],i=this.cols+1-t,n=0;i>n;n++)e[n]=this._getColGroupY(n,t);return e},n._getColGroupY=function(t,e){if(2>e)return this.colYs[t];var i=this.colYs.slice(t,t+e);return Math.max.apply(Math,i)},n._getHorizontalColPosition=function(t,e){var i=this.horizontalColIndex%this.cols,n=t>1&&i+t>this.cols;i=n?0:i;var o=e.size.outerWidth&&e.size.outerHeight;return this.horizontalColIndex=o?i+t:this.horizontalColIndex,{col:i,y:this._getColGroupY(i,t)}},n._manageStamp=function(t){var i=e(t),n=this._getElementOffset(t),o=this._getOption("originLeft"),r=o?n.left:n.right,s=r+i.outerWidth,a=Math.floor(r/this.columnWidth);a=Math.max(0,a);var h=Math.floor(s/this.columnWidth);h-=s%this.columnWidth?0:1,h=Math.min(this.cols-1,h);for(var u=this._getOption("originTop"),d=(u?n.top:n.bottom)+i.outerHeight,l=a;h>=l;l++)this.colYs[l]=Math.max(d,this.colYs[l])},n._getContainerSize=function(){this.maxY=Math.max.apply(Math,this.colYs);var t={height:this.maxY};return this._getOption("fitWidth")&&(t.width=this._getContainerFitWidth()),t},n._getContainerFitWidth=function(){for(var t=0,e=this.cols;--e&&0===this.colYs[e];)t++;return(this.cols-t)*this.columnWidth-this.gutter},n.needsResizeLayout=function(){var t=this.containerWidth;return this.getContainerWidth(),t!=this.containerWidth},i});
1265; 1266(function($) { 1267 1268 $(document).ready(function() { 1269 1270 // Close the featured post drawer if it's open 1271 function closeDrawer() { 1272 $('.category-drawer').removeClass('drawer-open'); 1273 $('.browse-toggle').removeClass('browse-active'); 1274 $('html').removeClass('no-scroll'); 1275 } 1276 1277 // Close the menu if it's open 1278 function closeMenu() { 1279 $('html').removeClass('slideout-open'); 1280 $('.menu-toggle').removeClass('menu-active'); 1281 } 1282 1283 // Menu toggle 1284 $('.menu-toggle').click(function(e) { 1285 closeDrawer(); 1286 $('html').toggleClass('slideout-open'); 1287 $(this).toggleClass('menu-active'); 1288 return false; 1289 }); 1290 1291 // Post drawer toggle 1292 $('.browse-toggle').click(function(e) { 1293 closeMenu(); 1294 $('.category-drawer').toggleClass('drawer-open'); 1295 $(this).toggleClass('browse-active'); 1296 $('html').toggleClass('no-scroll'); 1297 return false; 1298 }); 1299 1300 // Close the drawer with the escape key 1301 $(window).keydown(function(e){ 1302 if (e.keyCode == 27) { 1303 closeDrawer(); 1304 closeMenu(); 1305 } 1306 }); 1307 1308 // Close the drawer on body click 1309 $('html').click(function() { 1310 closeDrawer(); 1311 closeMenu(); 1312 }); 1313 1314 // Allow clicking in the drawer when it's open 1315 $('.category-drawer,.slideout-menu').click(function(event){ 1316 event.stopPropagation(); 1317 }); 1318 1319 // Remove fancy underline from linked images 1320 $('.entry-content img').each(function() { 1321 $(this).parent().addClass('no-underline'); 1322 }); 1323 1324 1325 // Standardize drop menu types 1326 $('.sidebar-navigation .children').addClass('sub-menu'); 1327 $('.sidebar-navigation .page_item_has_children').addClass('menu-item-has-children'); 1328 1329 1330 // Append a clickable icon to mobile drop menus 1331 var item = $('<button class="toggle-sub"><i class="fa fa-angle-down"></i></button>'); 1332 $('.slideout-menu .mobile-menu .menu-item-has-children,.slideout-menu .mobile-menu .page_item_has_children').prepend(item); 1333 1334 // Change the icon to angle up on toggle 1335 $('.slideout-menu .toggle-sub').click(function() { 1336 $(this).find('i').toggleClass('fa-angle-down').toggleClass('fa-angle-up'); 1337 var dropopen = $(this).closest('.menu-item-has-children').toggleClass('drop-open'); 1338 }); 1339 1340 1341 // Headroom fixed nav bar 1342 $('.fixed-nav').headroom({ 1343 offset : 200, 1344 tolerance : 10 1345 }); 1346 1347 1348 // Fade in the images as they load 1349 function fade_images() { 1350 $('.gallery-wrapper .gallery-thumb').each(function(i) { 1351 var row = $(this); 1352 setTimeout(function() { 1353 row.addClass('fadeInUp'); 1354 }, 90*i); 1355 }); 1356 } 1357 1358 1359 // Masonry blocks 1360 var $blocks = $('.two-column .gallery-wrapper,.three-column .gallery-wrapper'); 1361 1362 $blocks.imagesLoaded( function() { 1363 $blocks.masonry({ 1364 itemSelector: 'body:not(.one-column) .post', 1365 transitionDuration: 0 1366 }); 1367 1368 // Fade blocks in after images are ready 1369 fade_images(); 1370 }); 1371 1372 1373 // Resize masonry blocks on window resize 1374 $(window).resize(function() { 1375 $blocks.masonry(); 1376 }); 1377 1378 1379 // Layout posts that arrive via infinite scroll 1380 $(document.body ).on('post-load', function() { 1381 var $newItems = $('.new-infinite-posts').not('.is--replaced'); 1382 var $elements = $newItems.find('.post'); 1383 $elements.hide(); 1384 $blocks.append($elements); 1385 1386 $blocks.imagesLoaded( function() { 1387 $blocks.masonry('appended', $elements, true ).masonry('reloadItems').masonry('layout'); 1388 $elements.show(); 1389 fade_images(); 1390 $('#infinite-handle').show(); 1391 }); 1392 }); 1393 1394 1395 // Add padding to footer to smooth out infinite scroll 1396 $('body').on('click', '#infinite-handle', function() { 1397 $('.site-footer').addClass('footer-padding').delay(1500).queue(function(){ 1398 $(this).removeClass('footer-padding').dequeue(); 1399 }); 1400 }); 1401 1402 1403 // Show the initial IS handle 1404 $('#infinite-handle').show(); 1405 1406 1407 // Fade out the featured post container while loading 1408 $('.sort-list a').click(function(e) { 1409 $('.post-container').addClass('post-loading'); 1410 }); 1411 1412 1413 // Close the sort list to show posts on mobile 1414 $(window).on('load', function() { 1415 var current_width = $(window).width(); 1416 1417 // If width is below iPad size 1418 if (current_width < 769) { 1419 $('.sort-list a').click(function(e) { 1420 setTimeout(function() { 1421 $('.sort-list').slideUp(); 1422 }, 400); 1423 }); 1424 } 1425 }); 1426 1427 1428 // Sort list toggle 1429 $('.sort-list-toggle').click(function(e) { 1430 $('.sort-list').slideToggle(); 1431 return false;
1432 }); 1433 1434 1435 // Fetch ajax posts for category menu in the header 1436 var header_drawer = $('#category-menu a'); 1437 1438 header_drawer.click(function (event) { 1439 1440 var cat_link = $(this).attr('data-object-id'); 1441 1442 if (typeof cat_link !== typeof undefined && cat_link !== false) { 1443 1444 event.preventDefault(); 1445 1446 var id = $(this).attr('data-object-id'); 1447 var container = $('.header-drawer .post-container'); 1448 var catHeader = $('.header-drawer .featured-header-category'); 1449 1450 var data = { 1451 action: 'booklet_category', 1452 id: id 1453 }; 1454 1455 // Fade out the featured post container while loading 1456 $('.header-drawer .post-container').addClass('post-loading'); 1457 1458 $.ajax({ 1459 data: data, 1460 type: "POST", 1461 dataType: "json", 1462 url: booklet_js_vars.ajaxurl, 1463 success: function(response) { 1464 container.html(response.html); 1465 catHeader.html(response.term_html); 1466 $('.post-container').removeClass('post-loading'); 1467 }, 1468 error: function(response) { 1469 container.html(response.html); 1470 } 1471 }); 1472 1473 $(this).parent().siblings().removeClass('current-menu-item'); 1474 $(this).parent().addClass('current-menu-item'); 1475 } 1476 }); 1477 1478 1479 // Fetch ajax posts for footer category menu in the footer 1480 var footer_drawer = $('#footer-category-menu a'); 1481 1482 footer_drawer.click(function (event) { 1483 1484 var cat_link = $(this).attr('data-object-id'); 1485 1486 if (typeof cat_link !== typeof undefined && cat_link !== false) { 1487 1488 event.preventDefault(); 1489 1490 var id = $(this).attr('data-object-id'); 1491 var container = $('.footer-drawer .post-container'); 1492 var catHeader = $('.footer-drawer .featured-header-category'); 1493 1494 var data = { 1495 action: 'booklet_category', 1496 id: id 1497 }; 1498 1499 // Fade out the featured post container while loading 1500 $('.footer-drawer .post-container').addClass('post-loading'); 1501 1502 $.ajax({ 1503 data: data, 1504 type: "POST", 1505 dataType: "json", 1506 url: booklet_js_vars.ajaxurl, 1507 success: function(response) { 1508 container.html(response.html); 1509 catHeader.html(response.term_html); 1510 $('.post-container').removeClass('post-loading'); 1511 }, 1512 error: function(response) { 1513 container.html(response.html); 1514 } 1515 }); 1516 1517 $(this).parent().siblings().removeClass('current-menu-item'); 1518 $(this).parent().addClass('current-menu-item'); 1519 } 1520 }); 1521 1522 1523 // Click the first category link to use as a placeholder 1524 $('.sort-list li:first-child a').click(); 1525 1526 1527 // Initialize responsive slides 1528 var $slides = $('.featured-content .featured-slides'); 1529 $slides.responsiveSlides({ 1530 auto: false, 1531 speed: 200, 1532 nav: true, 1533 navContainer: ".slide-navs", 1534 pager: true, 1535 manualControls: "#pager-navs" 1536 }); 1537 1538 1539 // Next ResponsiveSlide 1540 $('.arrow-link.prev').click(function(e) { 1541 $(this).closest('.featured-content').find('.rslides_nav.prev').click(); 1542 }); 1543 1544 // Next ResponsiveSlide 1545 $('.arrow-link.next').click(function(e) { 1546 $(this).closest('.featured-content').find('.rslides_nav.next').click(); 1547 }); 1548 1549 1550 // Allow clicking anywhere in post nav to navigate 1551 $('.nav-post').click(function() { 1552 window.location = $(this).find('a').attr('href'); 1553 return false; 1554 }); 1555 }); 1556 1557})(jQuery); 1558; 1559/** 1560 * File navigation.js. 1561 * 1562 * Handles toggling the navigation menu for small screens and enables TAB key 1563 * navigation support for dropdown menus. 1564 */ 1565( function() { 1566 var container, menu, links, subMenus, i, len; 1567 1568 container = document.getElementById( 'site-navigation' ); 1569 if ( ! container ) { 1570 return; 1571 } 1572 1573 menu = container.getElementsByTagName( 'ul' )[0]; 1574 1575 menu.setAttribute( 'aria-expanded', 'false' ); 1576 if ( -1 === menu.className.indexOf( 'nav-menu' ) ) { 1577 menu.className += ' nav-menu'; 1578 } 1579 1580 // Get all the link elements within the menu. 1581 links = menu.getElementsByTagName( 'a' ); 1582 subMenus = menu.getElementsByTagName( 'ul' ); 1583 1584 // Set menu items with submenus to aria-haspopup="true". 1585 for ( i = 0, len = subMenus.length; i < len; i++ ) { 1586 subMenus[i].parentNode.setAttribute( 'aria-haspopup', 'true' ); 1587 } 1588 1589 // Each time a menu link is focused or blurred, toggle focus. 1590 for ( i = 0, len = links.length; i < len; i++ ) { 1591 links[i].addEventListener( 'focus', toggleFocus, true ); 1592 links[i].addEventListener( 'blur', toggleFocus, true ); 1593 } 1594 1595 /**
1596 * Sets or removes .focus class on an element. 1597 */ 1598 function toggleFocus() { 1599 var self = this; 1600 1601 // Move up through the ancestors of the current link until we hit .nav-menu. 1602 while ( -1 === self.className.indexOf( 'nav-menu' ) ) { 1603 1604 // On li elements toggle the class .focus. 1605 if ( 'li' === self.tagName.toLowerCase() ) { 1606 if ( -1 !== self.className.indexOf( 'focus' ) ) { 1607 self.className = self.className.replace( ' focus', '' ); 1608 } else { 1609 self.className += ' focus'; 1610 } 1611 } 1612 1613 self = self.parentElement; 1614 } 1615 } 1616 1617 /** 1618 * Toggles `focus` class to allow submenu access on tablets. 1619 */ 1620 ( function( container ) { 1621 var touchStartFn, i, 1622 parentLink = container.querySelectorAll( '.menu-item-has-children > a, .page_item_has_children > a' ); 1623 1624 if ( 'ontouchstart' in window ) { 1625 touchStartFn = function( e ) { 1626 var menuItem = this.parentNode, i; 1627 1628 if ( ! menuItem.classList.contains( 'focus' ) ) { 1629 e.preventDefault(); 1630 for ( i = 0; i < menuItem.parentNode.children.length; ++i ) { 1631 if ( menuItem === menuItem.parentNode.children[i] ) { 1632 continue; 1633 } 1634 menuItem.parentNode.children[i].classList.remove( 'focus' ); 1635 } 1636 menuItem.classList.add( 'focus' ); 1637 } else { 1638 menuItem.classList.remove( 'focus' ); 1639 } 1640 }; 1641 1642 for ( i = 0; i < parentLink.length; ++i ) { 1643 parentLink[i].addEventListener( 'touchstart', touchStartFn, false ); 1644 } 1645 } 1646 }( container ) ); 1647} )(); 1648; 1649/** 1650 * File skip-link-focus-fix.js. 1651 * 1652 * Helps with accessibility for keyboard only users. 1653 * 1654 * Learn more: https://git.io/vWdr2 1655 */ 1656( function() { 1657 var isWebkit = navigator.userAgent.toLowerCase().indexOf( 'webkit' ) > -1, 1658 isOpera = navigator.userAgent.toLowerCase().indexOf( 'opera' ) > -1, 1659 isIe = navigator.userAgent.toLowerCase().indexOf( 'msie' ) > -1; 1660 1661 if ( ( isWebkit || isOpera || isIe ) && document.getElementById && window.addEventListener ) { 1662 window.addEventListener( 'hashchange', function() { 1663 var id = location.hash.substring( 1 ), 1664 element; 1665 1666 if ( ! ( /^[A-z0-9_-]+$/.test( id ) ) ) { 1667 return; 1668 } 1669 1670 element = document.getElementById( id ); 1671 1672 if ( element ) { 1673 if ( ! ( /^(?:a|select|input|button|textarea)$/i.test( element.tagName ) ) ) { 1674 element.tabIndex = -1; 1675 } 1676 1677 element.focus(); 1678 } 1679 }, false ); 1680 } 1681})(); 1682; 1683/*! 1684 * headroom.js v0.7.0 - Give your page some headroom. Hide your header until you need it 1685 * Copyright (c) 2014 Nick Williams - http://wicky.nillia.ms/headroom.js 1686 * License: MIT 1687 */ 1688 1689(function(window, document) { 1690 1691 'use strict'; 1692 1693 /* exported features */ 1694 1695 var features = { 1696 bind : !!(function(){}.bind), 1697 classList : 'classList' in document.documentElement, 1698 rAF : !!(window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame) 1699 }; 1700 window.requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame; 1701 1702 /** 1703 * Handles debouncing of events via requestAnimationFrame 1704 * @see http://www.html5rocks.com/en/tutorials/speed/animations/ 1705 * @param {Function} callback The callback to handle whichever event 1706 */ 1707 function Debouncer (callback) { 1708 this.callback = callback; 1709 this.ticking = false; 1710 } 1711 Debouncer.prototype = { 1712 constructor : Debouncer, 1713 1714 /** 1715 * dispatches the event to the supplied callback 1716 * @private 1717 */ 1718 update : function() { 1719 this.callback && this.callback(); 1720 this.ticking = false; 1721 }, 1722 1723 /** 1724 * ensures events don't get stacked 1725 * @private 1726 */ 1727 requestTick : function() { 1728 if(!this.ticking) { 1729 requestAnimationFrame(this.rafCallback || (this.rafCallback = this.update.bind(this))); 1730 this.ticking = true; 1731 } 1732 }, 1733 1734 /** 1735 * Attach this as the event listeners 1736 */ 1737 handleEvent : function() { 1738 this.requestTick(); 1739 } 1740 }; 1741 /** 1742 * Check if object is part of the DOM 1743 * @constructor 1744 * @param {Object} obj element to check 1745 */ 1746 function isDOMElement(obj) { 1747 return obj && typeof window !== 'undefined' && (obj === window || obj.nodeType); 1748 } 1749 1750 /** 1751 * Helper function for extending objects 1752 */ 1753 function extend (object /*, objectN ... */) { 1754 if(arguments.length <= 0) { 1755 throw new Error('Missing arguments in extend function'); 1756 } 1757 1758 var result = object || {}, 1759 key, 1760 i; 1761 1762 for (i = 1; i < arguments.length; i++) { 1763 var replacement = arguments[i] || {}; 1764 1765 for (key in replacement) { 1766 // Recurse into object except if the object is a DOM element 1767 if(typeof result[key] === 'object' && ! isDOMElement(result[key])) { 1768 result[key] = extend(result[key], replacement[key]); 1769 } 1770 else { 1771 result[key] = result[key] || replacement[key]; 1772 } 1773 } 1774 } 1775 1776 return result; 1777 } 1778 1779 /** 1780 * Helper function for normalizing tolerance option to object format 1781 */ 1782 function normalizeTolerance (t) { 1783 return t === Object(t) ? t : { down : t, up : t }; 1784 } 1785 1786 /** 1787 * UI enhancement for fixed headers. 1788 * Hides header when scrolling down 1789 * Shows header when scrolling up 1790 * @constructor 1791 * @param {DOMElement} elem the header element 1792 * @param {Object} options options for the widget 1793 */ 1794 function Headroom (elem, options) { 1795 options = extend(options, Headroom.options); 1796 1797 this.lastKnownScrollY = 0; 1798 this.elem = elem; 1799 this.debouncer = new Debouncer(this.update.bind(this)); 1800 this.tolerance = normalizeTolerance(options.tolerance); 1801 this.classes = options.classes; 1802 this.offset = options.offset; 1803 this.scroller = options.scroller; 1804 this.initialised = false;
1805 this.onPin = options.onPin; 1806 this.onUnpin = options.onUnpin; 1807 this.onTop = options.onTop; 1808 this.onNotTop = options.onNotTop; 1809 } 1810 Headroom.prototype = { 1811 constructor : Headroom, 1812 1813 /** 1814 * Initialises the widget 1815 */ 1816 init : function() { 1817 if(!Headroom.cutsTheMustard) { 1818 return; 1819 } 1820 1821 this.elem.classList.add(this.classes.initial); 1822 1823 // defer event registration to handle browser 1824 // potentially restoring previous scroll position 1825 setTimeout(this.attachEvent.bind(this), 100); 1826 1827 return this; 1828 }, 1829 1830 /** 1831 * Unattaches events and removes any classes that were added 1832 */ 1833 destroy : function() { 1834 var classes = this.classes; 1835 1836 this.initialised = false; 1837 this.elem.classList.remove(classes.unpinned, classes.pinned, classes.top, classes.initial); 1838 this.scroller.removeEventListener('scroll', this.debouncer, false); 1839 }, 1840 1841 /** 1842 * Attaches the scroll event 1843 * @private 1844 */ 1845 attachEvent : function() { 1846 if(!this.initialised){ 1847 this.lastKnownScrollY = this.getScrollY(); 1848 this.initialised = true; 1849 this.scroller.addEventListener('scroll', this.debouncer, false); 1850 1851 this.debouncer.handleEvent(); 1852 } 1853 }, 1854 1855 /** 1856 * Unpins the header if it's currently pinned 1857 */ 1858 unpin : function() { 1859 var classList = this.elem.classList, 1860 classes = this.classes; 1861 1862 if(classList.contains(classes.pinned) || !classList.contains(classes.unpinned)) { 1863 classList.add(classes.unpinned); 1864 classList.remove(classes.pinned); 1865 this.onUnpin && this.onUnpin.call(this); 1866 } 1867 }, 1868 1869 /** 1870 * Pins the header if it's currently unpinned 1871 */ 1872 pin : function() { 1873 var classList = this.elem.classList, 1874 classes = this.classes; 1875 1876 if(classList.contains(classes.unpinned)) { 1877 classList.remove(classes.unpinned); 1878 classList.add(classes.pinned); 1879 this.onPin && this.onPin.call(this); 1880 } 1881 }, 1882 1883 /** 1884 * Handles the top states 1885 */ 1886 top : function() { 1887 var classList = this.elem.classList, 1888 classes = this.classes; 1889 1890 if(!classList.contains(classes.top)) { 1891 classList.add(classes.top); 1892 classList.remove(classes.notTop); 1893 this.onTop && this.onTop.call(this); 1894 } 1895 }, 1896 1897 /** 1898 * Handles the not top state 1899 */ 1900 notTop : function() { 1901 var classList = this.elem.classList, 1902 classes = this.classes; 1903 1904 if(!classList.contains(classes.notTop)) { 1905 classList.add(classes.notTop); 1906 classList.remove(classes.top); 1907 this.onNotTop && this.onNotTop.call(this); 1908 } 1909 }, 1910 1911 /** 1912 * Gets the Y scroll position 1913 * @see https://developer.mozilla.org/en-US/docs/Web/API/Window.scrollY 1914 * @return {Number} pixels the page has scrolled along the Y-axis 1915 */ 1916 getScrollY : function() { 1917 return (this.scroller.pageYOffset !== undefined) 1918 ? this.scroller.pageYOffset 1919 : (this.scroller.scrollTop !== undefined) 1920 ? this.scroller.scrollTop 1921 : (document.documentElement || document.body.parentNode || document.body).scrollTop; 1922 }, 1923 1924 /** 1925 * Gets the height of the viewport 1926 * @see http://andylangton.co.uk/blog/development/get-viewport-size-width-and-height-javascript 1927 * @return {int} the height of the viewport in pixels 1928 */ 1929 getViewportHeight : function () { 1930 return window.innerHeight 1931 || document.documentElement.clientHeight 1932 || document.body.clientHeight; 1933 }, 1934 1935 /** 1936 * Gets the height of the document 1937 * @see http://james.padolsey.com/javascript/get-document-height-cross-browser/ 1938 * @return {int} the height of the document in pixels 1939 */ 1940 getDocumentHeight : function () { 1941 var body = document.body, 1942 documentElement = document.documentElement; 1943 1944 return Math.max( 1945 body.scrollHeight, documentElement.scrollHeight, 1946 body.offsetHeight, documentElement.offsetHeight, 1947 body.clientHeight, documentElement.clientHeight 1948 ); 1949 }, 1950 1951 /** 1952 * Gets the height of the DOM element 1953 * @param {Object} elm the element to calculate the height of which 1954 * @return {int} the height of the element in pixels 1955 */ 1956 getElementHeight : function (elm) { 1957 return Math.max( 1958 elm.scrollHeight, 1959 elm.offsetHeight, 1960 elm.clientHeight 1961 ); 1962 }, 1963 1964 /** 1965 * Gets the height of the scroller element 1966 * @return {int} the height of the scroller element in pixels 1967 */ 1968 getScrollerHeight : function () { 1969 return (this.scroller === window || this.scroller === document.body) 1970 ? this.getDocumentHeight() 1971 : this.getElementHeight(this.scroller); 1972 }, 1973 1974 /** 1975 * determines if the scroll position is outside of document boundaries 1976 * @param {int} currentScrollY the current y scroll position 1977 * @return {bool} true if out of bounds, false otherwise 1978 */ 1979 isOutOfBounds : function (currentScrollY) { 1980 var pastTop = currentScrollY < 0,
1981 pastBottom = currentScrollY + this.getViewportHeight() > this.getScrollerHeight(); 1982 1983 return pastTop || pastBottom; 1984 }, 1985 1986 /** 1987 * determines if the tolerance has been exceeded 1988 * @param {int} currentScrollY the current scroll y position 1989 * @return {bool} true if tolerance exceeded, false otherwise 1990 */ 1991 toleranceExceeded : function (currentScrollY, direction) { 1992 return Math.abs(currentScrollY-this.lastKnownScrollY) >= this.tolerance[direction]; 1993 }, 1994 1995 /** 1996 * determine if it is appropriate to unpin 1997 * @param {int} currentScrollY the current y scroll position 1998 * @param {bool} toleranceExceeded has the tolerance been exceeded? 1999 * @return {bool} true if should unpin, false otherwise 2000 */ 2001 shouldUnpin : function (currentScrollY, toleranceExceeded) { 2002 var scrollingDown = currentScrollY > this.lastKnownScrollY, 2003 pastOffset = currentScrollY >= this.offset; 2004 2005 return scrollingDown && pastOffset && toleranceExceeded; 2006 }, 2007 2008 /** 2009 * determine if it is appropriate to pin 2010 * @param {int} currentScrollY the current y scroll position 2011 * @param {bool} toleranceExceeded has the tolerance been exceeded? 2012 * @return {bool} true if should pin, false otherwise 2013 */ 2014 shouldPin : function (currentScrollY, toleranceExceeded) { 2015 var scrollingUp = currentScrollY < this.lastKnownScrollY, 2016 pastOffset = currentScrollY <= this.offset; 2017 2018 return (scrollingUp && toleranceExceeded) || pastOffset; 2019 }, 2020 2021 /** 2022 * Handles updating the state of the widget 2023 */ 2024 update : function() { 2025 var currentScrollY = this.getScrollY(), 2026 scrollDirection = currentScrollY > this.lastKnownScrollY ? 'down' : 'up', 2027 toleranceExceeded = this.toleranceExceeded(currentScrollY, scrollDirection); 2028 2029 if(this.isOutOfBounds(currentScrollY)) { // Ignore bouncy scrolling in OSX 2030 return; 2031 } 2032 2033 if (currentScrollY <= this.offset ) { 2034 this.top(); 2035 } else { 2036 this.notTop(); 2037 } 2038 2039 if(this.shouldUnpin(currentScrollY, toleranceExceeded)) { 2040 this.unpin(); 2041 } 2042 else if(this.shouldPin(currentScrollY, toleranceExceeded)) { 2043 this.pin(); 2044 } 2045 2046 this.lastKnownScrollY = currentScrollY; 2047 } 2048 }; 2049 /** 2050 * Default options 2051 * @type {Object} 2052 */ 2053 Headroom.options = { 2054 tolerance : { 2055 up : 0, 2056 down : 0 2057 }, 2058 offset : 0, 2059 scroller: window, 2060 classes : { 2061 pinned : 'headroom--pinned', 2062 unpinned : 'headroom--unpinned', 2063 top : 'headroom--top', 2064 notTop : 'headroom--not-top', 2065 initial : 'headroom' 2066 } 2067 }; 2068 Headroom.cutsTheMustard = typeof features !== 'undefined' && features.rAF && features.bind && features.classList; 2069 2070 window.Headroom = Headroom; 2071 2072}(window, document));; 2073(function($) { 2074 2075 if(!$) { 2076 return; 2077 } 2078 2079 //////////// 2080 // Plugin // 2081 //////////// 2082 2083 $.fn.headroom = function(option) { 2084 return this.each(function() { 2085 var $this = $(this), 2086 data = $this.data('headroom'), 2087 options = typeof option === 'object' && option; 2088 2089 options = $.extend(true, {}, Headroom.options, options); 2090 2091 if (!data) { 2092 data = new Headroom(this, options); 2093 data.init(); 2094 $this.data('headroom', data); 2095 } 2096 if (typeof option === 'string') { 2097 data[option](); 2098 } 2099 }); 2100 }; 2101 2102 ////////////// 2103 // Data API // 2104 ////////////// 2105 2106 $('[data-headroom]').each(function() { 2107 var $this = $(this); 2108 $this.headroom($this.data()); 2109 }); 2110 2111}(window.Zepto || window.jQuery));; 2112/*! ResponsiveSlides.js v1.54 2113 * http://responsiveslides.com 2114 * http://viljamis.com 2115 * 2116 * Copyright (c) 2011-2012 @viljamis 2117 * Available under the MIT license 2118 */ 2119 2120/*jslint browser: true, sloppy: true, vars: true, plusplus: true, indent: 2 */ 2121 2122(function ($, window, i) { 2123 $.fn.responsiveSlides = function (options) { 2124 2125 // Default settings 2126 var settings = $.extend({ 2127 "auto": true, // Boolean: Animate automatically, true or false 2128 "speed": 500, // Integer: Speed of the transition, in milliseconds 2129 "timeout": 4000, // Integer: Time between slide transitions, in milliseconds 2130 "pager": false, // Boolean: Show pager, true or false 2131 "nav": false, // Boolean: Show navigation, true or false 2132 "random": false, // Boolean: Randomize the order of the slides, true or false 2133 "pause": false, // Boolean: Pause on hover, true or false 2134 "pauseControls": true, // Boolean: Pause when hovering controls, true or false 2135 "prevText": "Previous", // String: Text for the "previous" button 2136 "nextText": "Next", // String: Text for the "next" button 2137 "maxwidth": "", // Integer: Max-width of the slideshow, in pixels 2138 "navContainer": "", // Selector: Where auto generated controls should be appended to, default is after the <ul> 2139 "manualControls": "", // Selector: Declare custom pager navigation 2140 "namespace": "rslides", // String: change the default namespace used 2141 "before": $.noop, // Function: Before callback 2142 "after": $.noop // Function: After callback 2143 }, options); 2144 2145 return this.each(function () { 2146 2147 // Index for namespacing 2148 i++; 2149 2150 var $this = $(this), 2151 2152 // Local variables 2153 vendor, 2154 selectTab, 2155 startCycle, 2156 restartCycle, 2157 rotate, 2158 $tabs, 2159 2160 // Helpers 2161 index = 0, 2162 $slide = $this.children(), 2163 length = $slide.size(), 2164 fadeTime = parseFloat(settings.speed), 2165 waitTime = parseFloat(settings.timeout), 2166 maxw = parseFloat(settings.maxwidth), 2167 2168 // Namespacing 2169 namespace = settings.namespace, 2170 namespaceIdx = namespace + i, 2171 2172 // Classes 2173 navClass = namespace + "_nav " + namespaceIdx + "_nav", 2174 activeClass = namespace + "_here", 2175 visibleClass = namespaceIdx + "_on",
2176 slideClassPrefix = namespaceIdx + "_s", 2177 2178 // Pager 2179 $pager = $("<ul class='" + namespace + "_tabs " + namespaceIdx + "_tabs' />"), 2180 2181 // Styles for visible and hidden slides 2182 visible = {"float": "left", "position": "relative", "opacity": 1, "zIndex": 2}, 2183 hidden = {"float": "none", "position": "absolute", "opacity": 0, "zIndex": 1}, 2184 2185 // Detect transition support 2186 supportsTransitions = (function () { 2187 var docBody = document.body || document.documentElement; 2188 var styles = docBody.style; 2189 var prop = "transition"; 2190 if (typeof styles[prop] === "string") { 2191 return true; 2192 } 2193 // Tests for vendor specific prop 2194 vendor = ["Moz", "Webkit", "Khtml", "O", "ms"]; 2195 prop = prop.charAt(0).toUpperCase() + prop.substr(1); 2196 var i; 2197 for (i = 0; i < vendor.length; i++) { 2198 if (typeof styles[vendor[i] + prop] === "string") { 2199 return true; 2200 } 2201 } 2202 return false; 2203 })(), 2204 2205 // Fading animation 2206 slideTo = function (idx) { 2207 settings.before(idx); 2208 // If CSS3 transitions are supported 2209 if (supportsTransitions) { 2210 $slide 2211 .removeClass(visibleClass) 2212 .css(hidden) 2213 .eq(idx) 2214 .addClass(visibleClass) 2215 .css(visible); 2216 index = idx; 2217 setTimeout(function () { 2218 settings.after(idx); 2219 }, fadeTime); 2220 // If not, use jQuery fallback 2221 } else { 2222 $slide 2223 .stop() 2224 .fadeOut(fadeTime, function () { 2225 $(this) 2226 .removeClass(visibleClass) 2227 .css(hidden) 2228 .css("opacity", 1); 2229 }) 2230 .eq(idx) 2231 .fadeIn(fadeTime, function () { 2232 $(this) 2233 .addClass(visibleClass) 2234 .css(visible); 2235 settings.after(idx); 2236 index = idx; 2237 }); 2238 } 2239 }; 2240 2241 // Random order 2242 if (settings.random) { 2243 $slide.sort(function () { 2244 return (Math.round(Math.random()) - 0.5); 2245 }); 2246 $this 2247 .empty() 2248 .append($slide); 2249 } 2250 2251 // Add ID's to each slide 2252 $slide.each(function (i) { 2253 this.id = slideClassPrefix + i; 2254 }); 2255 2256 // Add max-width and classes 2257 $this.addClass(namespace + " " + namespaceIdx); 2258 if (options && options.maxwidth) { 2259 $this.css("max-width", maxw); 2260 } 2261 2262 // Hide all slides, then show first one 2263 $slide 2264 .hide() 2265 .css(hidden) 2266 .eq(0) 2267 .addClass(visibleClass) 2268 .css(visible) 2269 .show(); 2270 2271 // CSS transitions 2272 if (supportsTransitions) { 2273 $slide 2274 .show() 2275 .css({ 2276 // -ms prefix isn't needed as IE10 uses prefix free version 2277 "-webkit-transition": "opacity " + fadeTime + "ms ease-in-out", 2278 "-moz-transition": "opacity " + fadeTime + "ms ease-in-out", 2279 "-o-transition": "opacity " + fadeTime + "ms ease-in-out", 2280 "transition": "opacity " + fadeTime + "ms ease-in-out" 2281 }); 2282 } 2283 2284 // Only run if there's more than one slide 2285 if ($slide.size() > 1) { 2286 2287 // Make sure the timeout is at least 100ms longer than the fade 2288 if (waitTime < fadeTime + 100) { 2289 return; 2290 } 2291 2292 // Pager 2293 if (settings.pager && !settings.manualControls) { 2294 var tabMarkup = []; 2295 $slide.each(function (i) { 2296 var n = i + 1; 2297 tabMarkup += 2298 "<li>" + 2299 "<a href='#' class='" + slideClassPrefix + n + "'>" + n + "</a>" + 2300 "</li>"; 2301 }); 2302 $pager.append(tabMarkup); 2303 2304 // Inject pager 2305 if (options.navContainer) { 2306 $(settings.navContainer).append($pager); 2307 } else { 2308 $this.after($pager); 2309 } 2310 } 2311 2312 // Manual pager controls 2313 if (settings.manualControls) { 2314 $pager = $(settings.manualControls); 2315 $pager.addClass(namespace + "_tabs " + namespaceIdx + "_tabs"); 2316 } 2317 2318 // Add pager slide class prefixes 2319 if (settings.pager || settings.manualControls) { 2320 $pager.find('li').each(function (i) { 2321 $(this).addClass(slideClassPrefix + (i + 1)); 2322 }); 2323 } 2324 2325 // If we have a pager, we need to set up the selectTab function 2326 if (settings.pager || settings.manualControls) { 2327 $tabs = $pager.find('a'); 2328 2329 // Select pager item 2330 selectTab = function (idx) { 2331 $tabs 2332 .closest("li") 2333 .removeClass(activeClass) 2334 .eq(idx) 2335 .addClass(activeClass); 2336 }; 2337 } 2338 2339 // Auto cycle 2340 if (settings.auto) { 2341 2342 startCycle = function () { 2343 rotate = setInterval(function () { 2344 2345 // Clear the event queue 2346 $slide.stop(true, true); 2347 2348 var idx = index + 1 < length ? index + 1 : 0; 2349 2350 // Remove active state and set new if pager is set 2351 if (settings.pager || settings.manualControls) { 2352 selectTab(idx); 2353 } 2354 2355 slideTo(idx); 2356 }, waitTime); 2357 }; 2358 2359 // Init cycle 2360 startCycle(); 2361 } 2362 2363 // Restarting cycle 2364 restartCycle = function () { 2365 if (settings.auto) { 2366 // Stop 2367 clearInterval(rotate); 2368 // Restart 2369 startCycle(); 2370 } 2371 }; 2372 2373 // Pause on hover 2374 if (settings.pause) { 2375 $this.hover(function () { 2376 clearInterval(rotate); 2377 }, function () { 2378 restartCycle(); 2379 }); 2380 } 2381 2382 // Pager click event handler 2383 if (settings.pager || settings.manualControls) { 2384 $tabs.bind("click", function (e) { 2385 e.preventDefault(); 2386 2387 if (!settings.pauseControls) { 2388 restartCycle(); 2389 } 2390 2391 // Get index of clicked tab 2392 var idx = $tabs.index(this); 2393 2394 // Break if element is already active or currently animated 2395 if (index === idx || $("." + visibleClass).queue('fx').length) { 2396 return; 2397 } 2398 2399 // Remove active state from old tab and set new one 2400 selectTab(idx); 2401 2402 // Do the animation 2403 slideTo(idx); 2404 }) 2405 .eq(0) 2406 .closest("li") 2407 .addClass(activeClass); 2408 2409 // Pause when hovering pager 2410 if (settings.pauseControls) { 2411 $tabs.hover(function () { 2412 clearInterval(rotate); 2413 }, function () { 2414 restartCycle(); 2415 }); 2416 } 2417 } 2418 2419 // Navigation 2420 if (settings.nav) { 2421 var navMarkup = 2422 "<a href='#' class='" + navClass + " prev'>" + settings.prevText + "</a>" + 2423 "<a href='#' class='" + navClass + " next'>" + settings.nextText + "</a>"; 2424 2425 // Inject navigation 2426 if (options.navContainer) { 2427 $(settings.navContainer).append(navMarkup); 2428 } else { 2429 $this.after(navMarkup); 2430 } 2431 2432 var $trigger = $("." + namespaceIdx + "_nav"), 2433 $prev = $trigger.filter(".prev"); 2434 2435 // Click event handler 2436 $trigger.bind("click", function (e) { 2437 e.preventDefault(); 2438 2439 var $visibleClass = $("." + visibleClass); 2440 2441 // Prevent clicking if currently animated 2442 if ($visibleClass.queue('fx').length) { 2443 return; 2444 } 2445 2446 // Adds active class during slide animation 2447 // $(this) 2448 // .addClass(namespace + "_active") 2449 // .delay(fadeTime) 2450 // .queue(function (next) { 2451 // $(this).removeClass(namespace + "_active"); 2452 // next(); 2453 // }); 2454 2455 // Determine where to slide 2456 var idx = $slide.index($visibleClass), 2457 prevIdx = idx - 1, 2458 nextIdx = idx + 1 < length ? index + 1 : 0; 2459 2460 // Go to slide 2461 slideTo($(this)[0] === $prev[0] ? prevIdx : nextIdx); 2462 if (settings.pager || settings.manualControls) { 2463 selectTab($(this)[0] === $prev[0] ? prevIdx : nextIdx); 2464 } 2465 2466 if (!settings.pauseControls) { 2467 restartCycle(); 2468 } 2469 }); 2470 2471 // Pause when hovering navigation 2472 if (settings.pauseControls) { 2473 $trigger.hover(function () { 2474 clearInterval(rotate); 2475 }, function () { 2476 restartCycle(); 2477 }); 2478 } 2479 } 2480 2481 } 2482 2483 // Max-width fallback 2484 if (typeof document.body.style.maxWidth === "undefined" && options.maxwidth) { 2485 var widthSupport = function () { 2486 $this.css("width", "100%"); 2487 if ($this.width() > maxw) { 2488 $this.css("width", maxw); 2489 } 2490 }; 2491 2492 // Init fallback 2493 widthSupport(); 2494 $(window).bind("resize", function () { 2495 widthSupport(); 2496 }); 2497 } 2498 2499 }); 2500 2501 }; 2502})(jQuery, this, 0); 2503; 2504!function(){var e=document.currentScript;function t(t){var n=document.createElement("script"),o=e||document.getElementsByTagName("script")[0];n.setAttribute("async",!0),n.setAttribute("src",t),o.parentNode.insertBefore(n,o)}function n(e,t){return Element.prototype.matches?e.matches(t):Element.prototype.msMatchesSelector?e.msMatchesSelector(t):void 0}function o(e,t){if(e.closest)return e.closest(t);var o=e;do{if(n(o,t))return o;o=o.parentElement||o.parentNode}while(null!==o&&1===o.nodeType);return null}function i(e,t){for(var n=0;n<e.length;n++)t(e[n],n,e)}var r,s=".sharing-hidden .inner",a="data-sharing-more-button-id";function c(e){this.button=e,this.pane=o(e,"div").querySelector(s),this.openedBy=null,this.recentlyOpenedByHover=!1,c.instances.push(this),this.pane.setAttribute(a,c.instances.length-1),this.attachHandlers()}if(c.instances=[],c.hoverOpenDelay=200,c.recentOpenDelay=400,c.hoverCloseDelay=300,c.instantiateOrReuse=function(e){var t=o(e,"div").querySelector(s),n=t&&t.getAttribute(a),i=c.instances[n];return i||new c(e)},c.getButtonInstanceFromPane=function(e){var t=e&&e.getAttribute(a);return c.instances[t]},c.closeAll=function(){for(var e=0;e<c.instances.length;e++)c.instances[e].close()},c.prototype.open=function(){var e,t,n=[0,0];function o(e){var t=e.getBoundingClientRect();return[t.left+(window.scrollX||window.pageXOffset||0),t.top+(window.scrollY||window.pageYOffset||0)]}function i(e,t){return parseInt(getComputedStyle(e).getPropertyValue(t)||0)}for(e=o(this.button),t=this.button.offsetParent||document.documentElement;t&&(t===document.body||t===document.documentElement)&&"static"===getComputedStyle(t).getPropertyValue("position");)t=t.parentNode;t&&t!==this.button&&1===t.nodeType&&(n=[(n=o(t))[0]+i(t,"border-left-width"),n[1]+i(t,"border-top-width")]);var r,s=e[0]-n[0]-i(this.button,"margin-left"),a=e[1]-n[1]-i(this.button,"margin-top");this.pane.style.left=s+"px",this.pane.style.top=a+this.button.offsetHeight+3+"px",(r=this.pane)&&r.style.removeProperty("display")},c.prototype.close=function(){var e;(e=this.pane)&&(e.style.display="none"),this.openedBy=null},c.prototype.toggle=function(){var e;(e=this.pane)&&"none"!==e.style.display?this.close():this.open()}
2504,c.prototype.nonHoverOpen=function(){clearTimeout(this.openTimer),clearTimeout(this.closeTimer),this.recentlyOpenedByHover?(this.recentlyOpenedByHover=!1,clearTimeout(this.hoverOpenTimer),this.open()):this.toggle()},c.prototype.resetCloseTimer=function(){clearTimeout(this.closeTimer),this.closeTimer=setTimeout(this.close.bind(this),c.hoverCloseDelay)},c.prototype.attachHandlers=function(){this.buttonClick=function(e){e.preventDefault(),e.stopPropagation(),this.openedBy="click",this.nonHoverOpen()}.bind(this),this.buttonKeydown=function(e){13!==e.keyCode&&32!==e.keyCode||(e.preventDefault(),e.stopPropagation(),this.openedBy="keydown",this.nonHoverOpen())}.bind(this),this.buttonEnter=function(){this.openedBy||(this.openTimer=setTimeout(function(){this.open(),this.openedBy="hover",this.recentlyOpenedByHover=!0,this.hoverOpenTimer=setTimeout(function(){this.recentlyOpenedByHover=!1}.bind(this),c.recentOpenDelay)}.bind(this),c.hoverOpenDelay)),clearTimeout(this.closeTimer)}.bind(this),this.buttonLeave=function(){"hover"===this.openedBy&&this.resetCloseTimer(),clearTimeout(this.openTimer)}.bind(this),this.paneEnter=function(){clearTimeout(this.closeTimer)}.bind(this),this.paneLeave=function(){"hover"===this.openedBy&&this.resetCloseTimer()}.bind(this),this.documentClick=function(){this.close()}.bind(this),this.button.addEventListener("click",this.buttonClick),this.button.addEventListener("keydown",this.buttonKeydown),document.addEventListener("click",this.documentClick),void 0===document.ontouchstart&&(this.button.addEventListener("mouseenter",this.buttonEnter),this.button.addEventListener("mouseleave",this.buttonLeave),this.pane.addEventListener("mouseenter",this.paneEnter),this.pane.addEventListener("mouseleave",this.paneLeave))},window.sharing_js_options&&window.sharing_js_options.counts){var u={done_urls:[],get_counts:function(){var e,n,o,i,r;if("undefined"!=typeof WPCOM_sharing_counts)for(e in WPCOM_sharing_counts)if(o=WPCOM_sharing_counts[e],void 0===u.done_urls[o]){for(i in n={pinterest:[window.location.protocol+"//api.pinterest.com/v1/urls/count.json?callback=WPCOMSharing.update_pinterest_count&url="+encodeURIComponent(e)]})if(document.querySelector("a[data-shared=sharing-"+i+"-"+o+"]")){for(;r=n[i].pop();)t(r);window.sharing_js_options.is_stats_active&&u.bump_sharing_count_stat(i)}u.done_urls[o]=!0}},update_pinterest_count:function(e){void 0!==e.count&&1*e.count>0&&u.inject_share_count("sharing-pinterest-"+WPCOM_sharing_counts[e.url],e.count)},inject_share_count:function(e,t){i(document.querySelectorAll("a[data-shared="+e+"] > span"),function(e){var n,o=e.querySelector(".share-count");(n=o)&&n.parentNode&&n.parentNode.removeChild(n);var i=document.createElement("span");i.className="share-count",i.textContent=u.format_count(t),e.appendChild(i)})},format_count:function(e){return e<1e3?e:e>=1e3&&e<1e4?String(e).substring(0,1)+"K+":"10K+"},bump_sharing_count_stat:function(e){(new Image).src=document.location.protocol+"//pixel.wp.com/g.gif?v=wpcom-no-pv&x_sharing-count-request="+e+"&r="+Math.random()}};window.WPCOMSharing=u}function d(e,t){e.setAttribute("jetpack-share-click-count",t)}function l(e){var t=e.getAttribute("jetpack-share-click-count");return null===t?0:parseInt(t,10)}function h(e,t){var n,o=new XMLHttpRequest;o.open("POST",e,!0),o.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8"),o.setRequestHeader("x-requested-with","XMLHttpRequest"),o.send((n=t,(encodeURIComponent("email-share-nonce")+"="+encodeURIComponent(n)).replace(/%20/g,"+")))}function p(){m()}function m(){window.WPCOMSharing&&window.WPCOMSharing.get_counts(),i(document.querySelectorAll(".sharedaddy a"),function(e){var t=e.getAttribute("href");t&&-1!==t.indexOf("share=")&&-1===t.indexOf("&nb=1")&&e.setAttribute("href",t+"&nb=1")}),i(document.querySelectorAll(".sharedaddy a.sharing-anchor"),function(e){c.instantiateOrReuse(e)}),void 0!==document.ontouchstart&&document.body.classList.add("jp-sharing-input-touch"),i(document.querySelectorAll(".sharedaddy ul"),function(e){"true"!==e.getAttribute("data-sharing-events-added")&&(e.setAttribute("data-sharing-events-added","true"),i(e.querySelectorAll("a.share-print"),function(e){e.addEventListener("click",function(t){t.preventDefault(),t.stopPropagation();var n=e.getAttribute("href")||"",i=function(){if(-1===n.indexOf("#print")){var e=(new Date).getTime();t=e,o=n,(i=document.createElement("iframe")).setAttribute("style","position:fixed; top:100; left:100; height:1px; width:1px; border:none;"),i.setAttribute("id","printFrame-"+t),i.setAttribute("name",i.getAttribute("id")),i.setAttribute("src",o),i.setAttribute("onload",'frames["printFrame-'+t+'"].focus();frames["printFrame-'+t+'"].print();'),document.body.appendChild(i)}else window.print();var t,o,i}
2504,r=o(e,s);if(r){var a=c.getButtonInstanceFromPane(r);a&&(a.close(),i())}else i()})}),i(e.querySelectorAll("a.share-press-this"),function(e){var t="wp-press-this-"+Math.random().toString(36).slice(2);e.addEventListener("click",function(n){n.preventDefault(),n.stopPropagation();var o="";if(window.getSelection?o=window.getSelection():document.getSelection?o=document.getSelection():document.selection&&(o=document.selection.createRange().text),o){var i=e.getAttribute("href");e.setAttribute("href",i+"&sel="+encodeURI(o))}window.open(e.getAttribute("href"),t,"toolbar=0,resizable=1,scrollbars=1,status=1,width=720,height=570")||(document.location.href=e.getAttribute("href"))})}),i(e.querySelectorAll("a.share-email"),function(t){d(t,0);var n,o,r=t.getAttribute("data-email-share-nonce"),s=t.getAttribute("data-email-share-track-url");r&&s&&(n=s,o=window.location.protocol+"//"+window.location.hostname+"/",0===String(n).indexOf(o))&&t.addEventListener("click",function(){var n;d(n=t,l(n)+1),l(t)>2&&function(e,t){var n=t.parentElement;if(n.classList.contains("sd-content")){i(n.querySelectorAll(".share-email-error"),function(e){e.parentElement.removeChild(e)});var o=document.createElement("div");o.className="share-email-error";var r=document.createElement("h6");r.className="share-email-error-title",r.innerText=e.getAttribute("data-email-share-error-title"),o.appendChild(r);var s=document.createElement("p");s.className="share-email-error-text",s.innerText=e.getAttribute("data-email-share-error-text"),o.appendChild(s),n.appendChild(o)}}(t,e),h(s,r)})}))}),i(document.querySelectorAll("li.share-email, li.share-custom a.sharing-anchor"),function(e){e.classList.add("share-service-visible")})}"loading"!==document.readyState?p():document.addEventListener("DOMContentLoaded",p),document.body.addEventListener("is.post-load",m);var f={};!0!==window.WPCOM_sharing_popups_bound&&(document.body.addEventListener("click",function(e){var t=e.target;if(t&&1===t.nodeType){var n=function(e){if("A"===e.nodeName)return e;var t=e.parentNode;return t&&"A"===t.nodeName?t:null}(t);if(n){var o=function(e){var t=window.WPCOM_sharing_popups;if(!t)return null;for(var n="share-",o=(e.getAttribute("class")||"").split(/\s+/),i=0;i<o.length;i++)if(0===o[i].indexOf(n)){var r=o[i].slice(6);if("string"==typeof t[r])return r}return null}(n);o&&(e.preventDefault(),r&&r.close(),r=window.open(n.getAttribute("href"),function(e){return"string"!=typeof f[e]&&(f[e]="wpcom"+e+"-"+Math.random().toString(36).slice(2)),f[e]}(o),window.WPCOM_sharing_popups[o]))}}}),window.WPCOM_sharing_popups_bound=!0)}();;
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.