1/** 2 * Comment Likes - JavaScript 3 * 4 * This handles liking and unliking comments, as well as viewing who has 5 * liked a particular comment. 6 * 7 * @dependency Swipe (dynamically loaded when needed) 8 * 9 * @package Comment_Likes 10 * @subpackage JavaScript 11 */ 12(function () { 13 function init() { 14 let extWin; 15 let extWinCheck; 16 let commentLikeEvent; 17 18 // Only run once. 19 if (window.comment_likes_loaded) { 20 return; 21 } 22 window.comment_likes_loaded = true; 23 24 // Client-side cache of who liked a particular comment to avoid 25 // having to hit the server multiple times for the same data. 26 const commentLikeCache = {}; 27 28 let swipeLibPromise; 29 30 // Load the Swipe library, if it's not already loaded. 31 function swipeLibLoader() { 32 if (!swipeLibPromise) { 33 swipeLibPromise = new Promise((resolve, reject) => { 34 if (window.Swipe) { 35 resolve(window.Swipe); 36 } else { 37 const swipeScript = document.createElement('script'); 38 swipeScript.src = comment_like_text.swipeUrl; 39 swipeScript.async = true; 40 document.body.appendChild(swipeScript); 41 swipeScript.addEventListener('load', () => resolve(window.Swipe)); 42 swipeScript.addEventListener('error', error => reject(error)); 43 } 44 }); 45 } 46 return swipeLibPromise; 47 } 48 49 /** 50 * Parse the comment ID from a comment like link. 51 */ 52 function getCommentId(link) { 53 const commentId = 54 link && link.getAttribute('href') && link.getAttribute('href').split('like_comment='); 55 return commentId[1].split('&_wpnonce=')[0]; 56 } 57 58 /** 59 * Handle an ajax action on the comment like link. 60 */ 61 function handleLinkAction(link, action, commentId, callback) { 62 const nonce = 63 link && link.getAttribute('href') && link.getAttribute('href').split('_wpnonce=')[1]; 64 65 fetch('/wp-admin/admin-ajax.php', { 66 method: 'POST', 67 body: new URLSearchParams({ 68 action: action, 69 _wpnonce: nonce, 70 like_comment: commentId, 71 blog_id: Number(link.dataset.blog), 72 }), 73 headers: { 74 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8', 75 'X-Requested-With': 'XMLHttpRequest', 76 Accept: 'application/json', 77 'cache-control': 'no-cache', 78 pragma: 'no-cache', 79 }, 80 }) 81 .then(response => response.json()) 82 .then(callback); 83 } 84 85 function startPolling() { 86 // Append cookie polling login iframe to this window to wait for user to finish logging in (or cancel) 87 const loginIframe = document.createElement('iframe'); 88 loginIframe.id = 'wp-login-polling-iframe'; 89 loginIframe.src = 'https://wordpress.com/public.api/connect/?iframe=true'; 90 document.body.appendChild(loginIframe); 91 loginIframe.style.display = 'none'; 92 } 93 94 function stopPolling() { 95 const iframe = document.querySelector('#wp-login-polling-iframe'); 96 if (iframe) { 97 iframe.remove(); 98 } 99 } 100 101 function hide(el) { 102 if (el && el.style) { 103 el.style.display = 'none'; 104 } 105 } 106 107 function show(el) { 108 if (el && el.style) { 109 el.style.removeProperty('display'); 110 } 111 } 112 113 // Overlay used for displaying comment like info. 114 class Overlay { 115 constructor() { 116 // Overlay element. 117 this.el = document.createElement('div'); 118 this.el.classList.add('comment-likes-overlay'); 119 document.body.appendChild(this.el); 120 hide(this.el); 121 122 this.el.addEventListener('mouseenter', () => { 123 // Don't hide the overlay if the user is mousing over it. 124 overlay.cancelHide(); 125 }); 126 127 this.el.addEventListener('mouseleave', () => overlay.requestHide()); 128 129 // Inner contents of overlay. 130 this.innerEl = null; 131 132 // Instance of the Swipe library. 133 this.swipe = null; 134 135 // Timeout used for hiding the overlay. 136 this.hideTimeout = null; 137 } 138 139 // Initialise the overlay for use, removing any old content. 140 clear() { 141 // Unload any previous instance of Swipe (to avoid leaking a global 142 // event handler). This is done before clearing the contents of the 143 // overlay because Swipe expects the slides to still be present. 144 if (this.swipe) { 145 this.swipe.kill(); 146 this.swipe = null; 147 } 148 this.el.innerHTML = ''; 149 this.innerEl = document.createElement('div'); 150 this.innerEl.classList.add('inner'); 151 this.el.appendChild(this.innerEl); 152 } 153 154 /** 155 * Construct a list (<ul>) of user (gravatar, name) details. 156 * 157 * @param data liker data returned from the server 158 * @param klass CSS class to apply to the <ul> element 159 * @param start index of user to start at 160 * @param length number of users to include in the list 161 * 162 * @return A container element with the list 163 */ 164 getUserBits(data, klass, start, length) { 165 start = start || 0; 166 let last = start + (length || data.length); 167 last = last > data.length ? data.length : last; 168 const container = document.createElement('div'); 169 container.classList.add('liker-list'); 170 let html = `<ul class="${klass || ''}">`; 171 for (let i = start; i < last; ++i) { 172 const user = data[i]; 173 html += ` 174 <li> 175 <a rel="nofollow" title="${user.display_name_esc}" href="${user.profile_url_esc}"> 176 <img src="${user.avatar_url_esc}" alt="${user.display_name_esc}" /> 177 <span class="user-name">${user.display_name_esc}</span> 178 </a> 179 </li> 180 `; 181 } 182 html += '</ul>'; 183 container.innerHTML = html; 184 return container; 185 } 186 187 /** 188 * Render the display of who has liked this comment. The type of 189 * display depends on how many people have liked the comment. 190 * If more than 10 people have liked the comment, this function 191 * renders navigation controls and sets up the Swipe library for 192 * changing between pages. 193 * 194 * @param link the element over which the user is hovering 195 * @param data the results retrieved from the server 196 */ 197 showLikes(link, data) { 198 this.clear(); 199 200 link.dataset.likeCount = data.length; 201 if (data.length === 0) { 202 // No likers after all. 203 hide(this.el); 204 return; 205 } 206 207 this.innerEl.style.padding = '12px'; 208 209 if (data.length < 6) { 210 // Only one column needed. 211 this.innerEl.style.maxWidth = '200px'; 212 this.innerEl.innerHTML = ''; 213 this.innerEl.appendChild(this.getUserBits(data, 'single')); 214 this.setPosition(link); 215 } else if (data.length < 11) { 216 // Two columns, but only one page. 217 this.innerEl.innerHTML = ''; 218 this.innerEl.appendChild(this.getUserBits(data, 'double')); 219 this.setPosition(link); 220 } else { 221 // Multiple pages. 222 this.renderLikesWithPagination(data, link); 223 } 224 } 225 226 /**
227 * Render multiple pages of likes with pagination controls. 228 * This function is intended to be called by `showLikes` above. 229 * 230 * @param data the results retrieved from the server 231 */ 232 renderLikesWithPagination(data, link) { 233 swipeLibLoader().then(() => { 234 const page_count = Math.ceil(data.length / 10); 235 // Swipe requires two nested containers. 236 const swipe = document.createElement('div'); 237 swipe.classList.add('swipe'); 238 this.innerEl.appendChild(swipe); 239 240 const wrap = document.createElement('div'); 241 wrap.classList.add('swipe-wrap'); 242 swipe.appendChild(wrap); 243 244 for (let i = 0; i < page_count; ++i) { 245 wrap.appendChild(this.getUserBits(data, 'double', i * 10, 10)); 246 } 247 248 /** 249 * Navigation controls. 250 * This is based on the Newdash controls found in 251 * reader/recommendations-templates.php 252 */ 253 const nav = document.createElement('nav'); 254 nav.classList.add('slider-nav'); 255 256 let navContents = ` 257 <a href="#" class="prev"> 258 <span class="noticon noticon-previous" title="Previous" alt="<"></span> 259 </a> 260 <span class="position"> 261 `; 262 for (let i = 0; i < page_count; ++i) { 263 navContents += `<em data-page="${i}" class="${i === 0 ? 'on' : ''}">•</em>`; 264 } 265 navContents += ` 266 </span> 267 <a href="#" class="next"> 268 <span class="noticon noticon-next" title="Next" alt=">"></span> 269 </a> 270 `; 271 this.innerEl.appendChild(nav); 272 nav.innerHTML = navContents; 273 274 /** Set up Swipe. **/ 275 // Swipe cannot be set up successfully unless its container 276 // is visible, so we show it now. 277 show(this.el); 278 this.setPosition(link); 279 280 this.swipe = new Swipe(swipe, { 281 callback: function (pos) { 282 // Update the pagination indicators. 283 // 284 // If there are exactly two pages, Swipe has a weird 285 // special case where it duplicates both pages and 286 // can return index 2 and 3 even though those aren't 287 // real pages (see swipe.js, line 47). To deal with 288 // this, we use the expression `pos % page_count`. 289 pos = pos % page_count; 290 nav.querySelectorAll('em').forEach(em => { 291 const page = Number(em.dataset.page); 292 em.setAttribute('class', pos === page ? 'on' : ''); 293 }); 294 }, 295 }); 296 297 nav.querySelectorAll('em').forEach(em => { 298 em.addEventListener('click', e => { 299 // Go to the page corresponding to the indicator clicked. 300 this.swipe.slide(Number(em.dataset.page)); 301 e.preventDefault(); 302 }); 303 }); 304 // Previous and next buttons. 305 nav.querySelector('.prev').addEventListener('click', e => { 306 this.swipe.prev(); 307 e.preventDefault(); 308 }); 309 nav.querySelector('.next').addEventListener('click', e => { 310 this.swipe.next(); 311 e.preventDefault(); 312 }); 313 }); 314 } 315 316 /** 317 * Open the overlay and show a loading message. 318 */ 319 showLoadingMessage(link) { 320 this.clear(); 321 this.innerEl.textContent = comment_like_text.loading; 322 this.setPosition(link); 323 } 324 325 /** 326 * Position the overlay near the current comment. 327 * 328 * @param link element near which to position the overlay 329 */ 330 setPosition(link) { 331 // Prepare a down arrow icon for the bottom of the overlay. 332 const icon = document.createElement('span'); 333 this.el.appendChild(icon); 334 icon.classList.add('icon', 'noticon', 'noticon-downarrow'); 335 icon.style.textShadow = '0px 1px 1px rgb(223, 223, 223)'; 336 337 const rect = link.getBoundingClientRect(); 338 const win = document.defaultView; 339 const offset = { 340 top: rect.top + win.scrollY, 341 left: rect.left + win.scrollX, 342 }; 343 344 // Take measurements with the element fully visible. 345 show(this.el); 346 let left = offset.left - (this.el.offsetWidth - link.offsetWidth) / 2; 347 left = left < 5 ? 5 : left; 348 let top = offset.top - this.el.offsetHeight + 5; 349 hide(this.el); 350 351 const adminBar = document.querySelector('#wpadminbar'); 352 353 // Check if the overlay would appear off the screen. 354 if (top < win.scrollY + ((adminBar && adminBar.offsetHeight) || 0)) { 355 // We'll display the overlay beneath the link instead. 356 top = offset.top + link.offsetHeight; 357 // Instead of using the down arrow icon, use an up arrow. 358 icon.remove(); 359 this.el.prepend(icon); 360 icon.classList.remove('noticon-downarrow'); 361 icon.classList.add('noticon-uparrow'); 362 icon.style.textShadow = '0px -1px 1px rgb(223, 223, 223)'; 363 icon.style.verticalAlign = 'bottom'; 364 } 365 366 this.el.style.left = `${left}px`; 367 this.el.style.top = `${top}px`; 368 show(this.el); 369 370 // The height of the arrow icon differs slightly between browsers, 371 // so we compute the margin here to make sure it isn't disjointed 372 // from the overlay. 373 icon.style.marginTop = `${icon.scrollHeight - 26}px`; 374 icon.style.marginBottom = `${20 - icon.scrollHeight}px`; 375 376 // Position the arrow to be horizontally centred on the link. 377 icon.style.paddingLeft = `${ 378 offset.left - left + (link.offsetWidth - icon.scrollWidth) / 2 379 }px`; 380 } 381 382 /** 383 * Return whether the overlay is visible. 384 */ 385 isVisible() { 386 return this.el.style.getPropertyValue('display') !== 'none'; 387 } 388 389 /** 390 * Request that the overlay be hidden after a short delay. 391 */ 392 requestHide() { 393 if (this.hideTimeout !== null) { 394 return; 395 } 396 this.hideTimeout = setTimeout(() => { 397 hide(this.el); 398 this.clear(); 399 }, 300); 400 } 401 402 /** 403 * Cancel a request to hide the overlay. 404 */ 405 cancelHide() { 406 if (this.hideTimeout !== null) { 407 clearTimeout(this.hideTimeout); 408 this.hideTimeout = null; 409 } 410 } 411 } 412 413 // Overlay used for displaying comment like info.
414 const overlay = new Overlay(); 415 416 // The most recent comment for which the user has requested to see 417 // who liked it. 418 var relevantComment; 419 420 // Precache after this timeout. 421 var precacheTimeout = null; 422 423 /** 424 * Fetch the like data for a particular comment. 425 */ 426 function fetchLikeData(link, commentId) { 427 commentLikeCache[commentId] = null; 428 429 const container = link && link.parentElement && link.parentElement.parentElement; 430 const star = container.querySelector('a.comment-like-link'); 431 star && 432 handleLinkAction(star, 'view_comment_likes', commentId, data => { 433 // Populate the cache. 434 commentLikeCache[commentId] = data; 435 436 // Only show the overlay if the user is interested. 437 if (overlay.isVisible() && relevantComment === commentId) { 438 overlay.showLikes(link, data); 439 } 440 }); 441 } 442 443 function readCookie(c) { 444 const nameEQ = c + '='; 445 const cookieStrings = document.cookie.split(';'); 446 447 for (let i = 0; i < cookieStrings.length; i++) { 448 let cookieString = cookieStrings[i]; 449 while (cookieString.charAt(0) === ' ') { 450 cookieString = cookieString.substring(1, cookieString.length); 451 } 452 if (cookieString.indexOf(nameEQ) === 0) { 453 const chunk = cookieString.substring(nameEQ.length, cookieString.length); 454 const pairs = chunk.split('&'); 455 const cookieData = {}; 456 for (let num = pairs.length - 1; num >= 0; num--) { 457 const pair = pairs[num].split('='); 458 cookieData[pair[0]] = decodeURIComponent(pair[1]); 459 } 460 return cookieData; 461 } 462 } 463 return null; 464 } 465 466 function getServiceData() { 467 const data = readCookie('wpc_wpc'); 468 if (data === null || typeof data.access_token === 'undefined' || !data.access_token) { 469 return false; 470 } 471 return data; 472 } 473 474 function readMessage(msg) { 475 const event = msg.data; 476 477 if (typeof event.event === 'undefined') { 478 return; 479 } 480 481 if (event.event === 'login' && event.success) { 482 extWinCheck = setInterval(function () { 483 if (!extWin || extWin.closed) { 484 clearInterval(extWinCheck); 485 if (getServiceData()) { 486 // Load page in an iframe to get the current comment nonce 487 const nonceIframe = document.createElement('iframe'); 488 nonceIframe.id = 'wp-login-comment-nonce-iframe'; 489 nonceIframe.style.display = 'none'; 490 nonceIframe.src = commentLikeEvent + ''; 491 document.body.appendChild(nonceIframe); 492 493 const commentLikeId = (commentLikeEvent + '') 494 .split('like_comment=')[1] 495 .split('&_wpnonce=')[0]; 496 let c; 497 498 // Set a 5 second timeout to redirect to the comment page without doing the Like as a fallback 499 const commentLikeTimeout = setTimeout(() => { 500 window.location = commentLikeEvent; 501 }, 5000); 502 503 // Check for a new nonced redirect and use that if available before timing out 504 const commentLikeCheck = setInterval(() => { 505 const iframe = document.querySelector('#wp-login-comment-nonce-iframe'); 506 if (iframe) { 507 c = iframe.querySelector(`#comment-like-${commentLikeId} .comment-like-link`); 508 } 509 if (c && typeof c.href !== 'undefined') { 510 clearTimeout(commentLikeTimeout); 511 clearInterval(commentLikeCheck); 512 window.location = c.href; 513 } 514 }, 100); 515 } 516 } 517 }, 100); 518 519 if (extWin) { 520 if (!extWin.closed) { 521 extWin.close(); 522 } 523 extWin = false; 524 } 525 526 stopPolling(); 527 } 528 } 529 530 if (typeof window.postMessage !== 'undefined') { 531 window.addEventListener('message', e => { 532 let message = e && e.data; 533 if (typeof message === 'string') { 534 try { 535 message = JSON.parse(message); 536 } catch (err) { 537 return; 538 } 539 } 540 541 const type = message && message.type; 542 if (type === 'loginMessage') { 543 readMessage(message); 544 } 545 }); 546 } 547 548 document.body.addEventListener('click', e => { 549 let target = e.target; 550 551 // Don't do anything when clicking on the "X people" link. 552 if (target.matches('p.comment-likes a.view-likers')) { 553 e.preventDefault(); 554 return; 555 } 556 557 // Retrieve the surrounding paragraph to the star, if it hasn't been liked. 558 const notLikedPar = target.closest('p.comment-not-liked'); 559 560 // Return if not clicking on star or surrounding paragraph. 561 if (!target.matches('a.comment-like-link') && !notLikedPar) { 562 return; 563 } 564 565 // When a comment hasn't been liked, make the text clickable, too. 566 if (notLikedPar) { 567 target = notLikedPar.querySelector('a.comment-like-link'); 568 if (!target) { 569 return; 570 } 571 } 572 573 if (target.classList.contains('needs-login')) { 574 e.preventDefault(); 575 commentLikeEvent = target; 576 if (extWin) { 577 if (!extWin.closed) { 578 extWin.close(); 579 } 580 extWin = false;
581 } 582 583 stopPolling(); 584 585 const url = 'https://wordpress.com/public.api/connect/?action=request&service=wordpress'; 586 extWin = window.open( 587 url, 588 'likeconn', 589 'status=0,toolbar=0,location=1,menubar=0,directories=0,resizable=1,scrollbars=1,height=560,width=500' 590 ); 591 592 startPolling(); 593 594 return false; 595 } 596 597 // Record that the user likes or does not like this comment. 598 const commentId = getCommentId(target); 599 target.classList.add('loading'); 600 601 let commentEl = document.querySelector(`p#comment-like-${commentId}`); 602 // Determine whether to like or unlike based on whether the comment is 603 // currently liked. 604 const action = 605 commentEl && commentEl.dataset.liked === 'comment-liked' 606 ? 'unlike_comment' 607 : 'like_comment'; 608 handleLinkAction(target, action, commentId, data => { 609 // Invalidate the like cache for this comment. 610 delete commentLikeCache[commentId]; 611 612 const countEl = document.querySelector(`#comment-like-count-${data.context}`); 613 if (countEl) { 614 countEl.innerHTML = data.display; 615 } 616 617 commentEl = document.querySelector(`p#comment-like-${data.context}`); 618 if (action === 'like_comment') { 619 commentEl.classList.remove('comment-not-liked'); 620 commentEl.classList.add('comment-liked'); 621 commentEl.dataset.liked = 'comment-liked'; 622 } else { 623 commentEl.classList.remove('comment-liked'); 624 commentEl.classList.add('comment-not-liked'); 625 commentEl.dataset.liked = 'comment-not-liked'; 626 } 627 628 // Prefetch new data for this comment (if there are likers left). 629 const parent = target.closest('.comment-likes'); 630 const link = parent && parent.querySelector('a.view-likers'); 631 if (link) { 632 fetchLikeData(link, commentId); 633 } 634 635 target.classList.remove('loading'); 636 }); 637 e.preventDefault(); 638 e.stopPropagation(); 639 }); 640 641 document.body.addEventListener( 642 'mouseenter', 643 function (e) { 644 if (!e.target.matches('p.comment-likes a.view-likers')) { 645 return; 646 } 647 // Show the user a list of who has liked this comment. 648 649 const link = e.target; 650 if (Number(link.dataset.likeCount || 0) === 0) { 651 // No one has liked this comment. 652 return; 653 } 654 655 // Don't hide the overlay. 656 overlay.cancelHide(); 657 658 // Get the comment ID. 659 const container = link.parentElement && link.parentElement.parentElement; 660 const star = container && container.querySelector('a.comment-like-link'); 661 const commentId = star && getCommentId(star); 662 relevantComment = commentId; 663 664 // Check if the list of likes for this comment is already in 665 // the cache. 666 if (commentId in commentLikeCache) { 667 const entry = commentLikeCache[commentId];
668 // Only display the likes if the ajax request is 669 // actually done. 670 if (entry !== null) { 671 overlay.showLikes(link, entry); 672 } else { 673 // Make sure the overlay is visible (in case 674 // the user moved the mouse away while loading 675 // but then came back before it finished 676 // loading). 677 overlay.showLoadingMessage(link); 678 } 679 return; 680 } 681 682 // Position the "Loading..." overlay. 683 overlay.showLoadingMessage(link); 684 685 // Fetch the data. 686 fetchLikeData(link, commentId); 687 }, 688 true 689 ); 690 691 document.body.addEventListener( 692 'mouseleave', 693 e => { 694 if (!e.target.matches('p.comment-likes a.view-likers')) { 695 return; 696 } 697 // User has moved cursor away - hide the overlay. 698 overlay.requestHide(); 699 }, 700 true 701 ); 702 703 document.body.addEventListener( 704 'mouseenter', 705 e => { 706 if (!e.target.matches('.comment') || !e.target.querySelector('a.comment-like-link')) { 707 return; 708 } 709 // User is moving over a comment - precache the comment like data.
710 if (precacheTimeout !== null) { 711 clearTimeout(precacheTimeout); 712 precacheTimeout = null; 713 } 714 715 const star = e.target.querySelector('a.comment-like-link'); 716 const parent = star.closest('.comment-likes'); 717 const link = parent && parent.querySelector('a.view-likers'); 718 if (!link || Number(link.dataset.likeCount || 0) === 0) { 719 // No likes. 720 return; 721 } 722 const commentId = getCommentId(star); 723 if (commentId in commentLikeCache) { 724 // Already in cache. 725 return; 726 } 727 728 precacheTimeout = setTimeout(() => { 729 precacheTimeout = null; 730 if (commentId in commentLikeCache) { 731 // Was cached in the interim. 732 return; 733 } 734 fetchLikeData(link, commentId); 735 }, 1000); 736 }, 737 true 738 ); 739 } 740 741 if (document.readyState !== 'loading') { 742 init(); 743 } else { 744 document.addEventListener('DOMContentLoaded', init); 745 } 746})(); 747; 748!function(e){var o={};function n(t){if(o[t])return o[t].exports;var r=o[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=o,n.d=function(e,o,t){n.o(e,o)||Object.defineProperty(e,o,{enumerable:!0,get:t})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,o){if(1&o&&(e=n(e)),8&o)return e;if(4&o&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(n.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&o&&"string"!=typeof e)for(var r in e)n.d(t,r,function(o){return e[o]}.bind(null,r));return t},n.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(o,"a",o),o},n.o=function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},n.p="",n(n.s=273)}({273:function(e,o){!function(){"use strict";let e,o;function n(e){return new Promise((o,n)=>{const t=document.createElement("script");t.onload=()=>o(),t.onerror=e=>n(e),t.src=e,document.body.appendChild(t)})}function t(){if(e)return e;const o=window.wpcom_coblocks_js;return e=n(o.coblocks_lightbox_js),e}function r(){if(o)return o;window.wpcomJQueryUsageLoggerDisabled=!0;const e=window.wpcom_coblocks_js,t=window.jQuery?Promise.resolve():n(e.jquery_core_js).then(()=>n(e.jquery_migrate_js)),r=t.then(()=>window.imagesLoaded?Promise.resolve():n(e.imagesloaded_js)),c=t.then(()=>window.Masonry?Promise.resolve():n(e.masonry_js)),u=Promise.all([t,r,c]).then(()=>n(e.coblocks_masonry_js));return o=u,o}function c(){document.querySelector(".wp-block-coblocks-gallery-masonry")&&r(),document.querySelector(".has-lightbox")&&t(),document.body.classList.contains("block-editor-page")&&(r(),t())}"loading"!==document.readyState?c():document.addEventListener("DOMContentLoaded",c)}()}});; 749/*! 750 * appendAround markup pattern. 751 * [c]2012, @scottjehl, Filament Group, Inc. MIT/GPL 752 */ 753(function( $ ){ 754 $.fn.appendAround = function( options ) { 755 return this.each(function() { 756 var $self = $( this ), 757 $parent = $self.parent(), 758 parent = $parent[0], 759 $set = options.set || $( '[data-set="' + $parent.attr( 'data-set' ) + '"]' ); 760 761 function isHidden( el ){ 762 return 'none' === $( el ).css( 'display' ); 763 } 764 765 function appendToVisibleContainer(){ 766 if ( isHidden( parent ) ) { 767 var found = 0; 768 $set.each(function() { 769 if ( ! isHidden( this ) && ! found ) { 770 $self.appendTo( this ); 771 found++; 772 parent = this; 773 } 774 }); 775 } 776 } 777 778 appendToVisibleContainer(); 779 780 $( window ).on( 'resize', appendToVisibleContainer ); 781 }); 782 }; 783})( jQuery ); 784; 785/** 786 * wp-nav-menus.js 787 * https://github.com/cedaro/wp-nav-menus 788 * 789 * @copyright Copyright (c) 2016 Cedaro, LLC 790 * @license MIT 791 * @version 1.0.0 792 */ 793(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.cedaroNavMenu = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){ 794(function (global){ 795"use strict"; 796var jQuery = (typeof window !== "undefined" ? window['jQuery'] : typeof global !== "undefined" ? global['jQuery'] : null),
797 wpNavMenu = require( './src/entry' ); 798 799if ( jQuery ) { 800 /** 801 * jQuery method to initialize menus. 802 * 803 * @memberOf jQuery.fn 804 * 805 * @param {Object} options Menu options. 806 * @return {jQuery} Chainable jQuery collection. 807 */ 808 jQuery.fn.cedaroNavMenu = function( options ) { 809 return this.each(function() { 810 var menu = wpNavMenu( this, options ); 811 menu.initialize(); 812 }); 813 }; 814} 815 816/** 817 * Export the method for instantiating a new menu. 818 */ 819module.exports = wpNavMenu; 820 821}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {}) 822},{"./src/entry":2}],2:[function(require,module,exports){ 823(function (global){ 824"use strict"; 825var l10n, 826 $ = require( './query' ), 827 customizerPartials = {}, 828 NavMenu = require( './nav-menu.js' ), 829 wp = (typeof window !== "undefined" ? window['wp'] : typeof global !== "undefined" ? global['wp'] : null); 830 831// Merge global localized strings. 832l10n = $.extend({ 833 collapseSubmenu: 'Collapse submenu', 834 expandSubmenu: 'Expand submenu' 835}, global._cedaroNavMenuL10n ); 836 837/** 838 * Initialize a partial placement in the customizer. 839 * 840 * Managing menus in the customizer causes the placement to be replaced for 841 * each change, so it needs to be reinitialized each time to ensure submenus 842 * are accessible. 843 * 844 * @param {wp.customize.selectiveRefresh.Placement} placement Partial placement. 845 */ 846function initializeCustomizePlacement( placement ) { 847 var addedMenu, removedMenu; 848 849 if ( ! ( placement.partial.id in customizerPartials ) ) { 850 return; 851 } 852 853 removedMenu = customizerPartials[ placement.partial.id ]; 854 removedMenu.destroy(); 855 856 // Initialize the new placement. 857 addedMenu = new NavMenu( placement.container[0], removedMenu.options ); 858 addedMenu.initialize(); 859 860 // Synchronize expanded states from the removed menu. 861 placement.removedNodes.find( '.' + removedMenu.options.expandedMenuItemClass ).each(function() { 862 placement.container 863 .find( '#' + this.id ) 864 .find( '> .{class}, > a .{class}'.replace( /{class}/g, removedMenu.options.submenuToggleClass ) ) 865 .trigger( 'click' ); 866 }); 867} 868 869/** 870 * Selective refresh support in the customizer. 871 */ 872if ( wp && 'customize' in wp ) { 873 wp.customize.bind( 'preview-ready', function() { 874 wp.customize.selectiveRefresh.bind( 'partial-content-rendered', initializeCustomizePlacement ); 875 }); 876} 877 878/** 879 * Create a new menu object. 880 * 881 * @param {string|Element} el Selector or HTML element. 882 * @param {object} options Menu options. 883 * @return {NavMenu} Nav menu instance. 884 */ 885module.exports = function( el, options ) { 886 var menu, 887 partialId; 888 889 // Fail gracefully in unsupported browsers. 890 if ( ! ( 'addEventListener' in global ) ) { 891 return; 892 } 893 894 options = options || {}; 895 options.l10n = options.l10n || {}; 896 897 // Merge global localized strings. 898 $.extend( options.l10n, l10n ); 899 900 menu = new NavMenu( el, options ); 901 902 // Attempt to detect the partial id in the customizer and store a 903 // reference so it can be cleaned up during a selective refresh. 904 partialId = menu.el.getAttribute( 'data-customize-partial-id' ); 905 if ( partialId ) { 906 customizerPartials[ partialId ] = menu; 907 } 908 909 return menu; 910}; 911 912}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {}) 913},{"./nav-menu.js":3,"./query":4}],3:[function(require,module,exports){ 914"use strict"; 915var $ = require ( './query' ), 916 document = window.document; 917 918/** 919 * Create a menu instance. 920 * 921 * @class NavMenu 922 * 923 * @param {Element|string} el HTML element or selector. 924 * @param {object} options Menu options. 925 * @param {string} options.activeMenuItemClass HTML class for active menu items. 926 * @param {number} options.breakpoint Breakpoint to switch between mobile and full site mode. 927 * @param {boolean} options.expandCurrentItem Whether to expand the current menu item on initial load. 928 * @param {string} options.expandedMenuItemClass HTML class applied to the menu item that contains an expanded submenu. 929 * @param {string} options.expandedSubmenuClass HTML class applied to expanded submenus. 930 * @param {string} options.expandedSubmenuToggleClass HTML class applied to submenu toggle buttons when the submenu is expanded. 931 * @param {number} options.hoverTimeout Delay in milliseconds before hiding submenus. 932 * @param {object} options.l10n Localized strings specific to this instance. 933 * @param {string} options.submenuToggleClass HTML class for submenu toggle buttons. 934 * @param {string} options.submenuToggleInsert Where to insert submenu toggle buttons. Defaults to before the submenu. 935 * @param {string} options.submenuToggleMode Mode for displaying submenus. 936 */ 937function NavMenu( el, options ) { 938 var menu = this; 939 940 this.el = $( el )[0]; 941 this.options = $.extend( {}, NavMenu.defaults, options ); 942 this.el.setAttribute( 'data-nav-menu-options', JSON.stringify( this.options ) ); 943 944 // Automatically bind all event handlers. 945 Object.keys( Object.getPrototypeOf( this ) ).filter(function( key ) { 946 return 'function' === typeof menu[ key ] && 0 === key.indexOf( 'on' ); 947 }
947).forEach(function( key ) { 948 menu[ key ] = menu[ key ].bind( menu ); 949 }); 950} 951 952NavMenu.defaults = { 953 breakpoint: 768, // disable 954 expandCurrentItem: false, 955 hoverTimeout: 50, 956 l10n: {}, 957 submenuToggleInsert: '', // default|append|false 958 submenuToggleMode: 'hover', // hover|click; @todo hover-tap? 959 960 // Configurable HTML classes. 961 activeMenuItemClass: 'is-active', 962 expandedMenuItemClass: 'is-sub-menu-open', 963 expandedSubmenuClass: 'is-open', 964 expandedSubmenuToggleClass: 'is-open', 965 submenuToggleClass: 'sub-menu-toggle' 966}; 967 968NavMenu.prototype = { 969 _initialized: false, 970 _hasExpandedSubmenu: false, 971 _hoverTimeouts: [], 972 _touchStarted: false, 973 _viewportWidth: null, 974 975 /** 976 * Initialize the menu. 977 * 978 * @return {this} 979 */ 980 initialize: function() { 981 var menu = this; 982 983 if ( this._initialized ) { 984 return; 985 } 986 987 this._initialized = true; 988 989 // Ensure every menu item has an id to manage the hover state timeouts. 990 this.$items = $( 'li', this.el ).each(function( el ) { 991 el.id = $.getUid( el, 'menu-item' ); 992 }); 993 994 this.$submenus = $( 'li ul', this.el ).each(function( el ) { 995 el.setAttribute( 'aria-expanded', 'false' ); 996 }); 997 998 if ( false !== this.options.submenuToggleInsert ) { 999 this.insertSubmenuToggleButtons(); 1000 } 1001 1002 document.addEventListener( 'click', this.onDocumentClick, true ); 1003 this.el.addEventListener( 'click', this.onSubmenuToggleClick, false ); 1004 1005 if ( 'hover' === this.options.submenuToggleMode /*&& 'disable' !== this.options.breakpoint*/ ) { 1006 this.el.addEventListener( 'touchstart', this.onMenuLinkTouchStart, false ); 1007 this.el.addEventListener( 'mouseover', this.onMenuItemMouseEnter, false ); 1008 this.el.addEventListener( 'mouseout', this.onMenuItemMouseLeave, false ); 1009 } 1010 1011 // Use capturing mode to support event delegation. 1012 // @link https://developer.mozilla.org/en-US/docs/Web/Events/blur#Event_delegation 1013 this.el.addEventListener( 'focus', this.onMenuLinkFocus, true ); 1014 this.el.addEventListener( 'blur', this.onMenuLinkBlur, true ); 1015 1016 // Expand current submenus on initialization. 1017 if ( 1018 menu.options.expandCurrentItem && 1019 ( 'click' === menu.options.submenuToggleMode || menu.isMobile() ) 1020 ) { 1021 this.$items.filter(function( el ) { 1022 return el.classList.contains( 'current-menu-item' ) || el.classList.contains( 'current-menu-ancestor' ); 1023 }).each(function( el ) { 1024 menu.expandSubmenu( el ); 1025 }); 1026 } 1027 1028 return this; 1029 }, 1030 1031 /** 1032 * Destroy the menu. 1033 * 1034 * Cleans up delegated event listeners. 1035 * 1036 * @todo Consider removing toggle buttons. 1037 */ 1038 destroy: function() { 1039 document.removeEventListener( 'click', this.onDocumentClick, true ); 1040 this.el.removeEventListener( 'click', this.onSubmenuToggleClick, false ); 1041 this.el.removeEventListener( 'mouseover', this.onMenuItemMouseEnter, false ); 1042 this.el.removeEventListener( 'mouseout', this.onMenuItemMouseLeave, false ); 1043 this.el.removeEventListener( 'focus', this.onMenuLinkFocus, true ); 1044 this.el.removeEventListener( 'blur', this.onMenuLinkBlur, true ); 1045 }, 1046 1047 /** 1048 * Whether the menu is in mobile mode. 1049 * 1050 * @return {boolean} 1051 */ 1052 isMobile: function() { 1053 if ( 'disable' === this.options.breakpoint ) { 1054 return true; 1055 } 1056 1057 return this.getViewportWidth() < this.options.breakpoint; 1058 }, 1059 1060 /** 1061 * Collapse the submenu in a menu item. 1062 * 1063 * @param {Element} menuItem Menu item element. 1064 */ 1065 collapseSubmenu: function( menuItem ) { 1066 var button = this.getSubmenuToggle( menuItem ), 1067 $submenu = $( '.sub-menu', menuItem ); 1068 1069 menuItem.classList.remove( this.options.expandedMenuItemClass ); 1070 1071 if ( button ) { 1072 button.classList.remove( this.options.expandedSubmenuToggleClass ); 1073 button.setAttribute( 'aria-expanded', 'false' ); 1074 $( '.screen-reader-text', button )[0].innerHTML = this.options.l10n.expandSubmenu || 'Expand submenu'; 1075 } 1076 1077 if ( $submenu.length ) { 1078 $submenu[0].classList.remove( this.options.expandedSubmenuClass ); 1079 $submenu[0].setAttribute( 'aria-expanded', 'false' ); 1080 } 1081 }, 1082 1083 /** 1084 * Collapse all submenus. 1085 */ 1086 collapseAllSubmenus: function() { 1087 var menu = this; 1088 1089 this.$items.each(function( el ) { 1090 el.classList.remove( menu.options.activeMenuItemClass ); 1091 menu.collapseSubmenu( el ); 1092 }); 1093 }, 1094 1095 /** 1096 * Collapse submenus in branches that don't contain the focused element. 1097 * 1098 * @param {Element} focusedEl Element that has focus. 1099 */ 1100 collapseUnrelatedSubmenus: function( focusedEl ) { 1101 var menu = this; 1102 1103 this.$items.each(function( el ) { 1104 if ( ! el.contains( focusedEl ) ) { 1105 el.classList.remove( menu.options.activeMenuItemClass ); 1106 menu.collapseSubmenu( el ); 1107 } 1108 }); 1109 }, 1110 1111 /** 1112 * Expand the submenu in a menu item. 1113 * 1114 * @param {Element} menuItem Menu item element. 1115 */ 1116 expandSubmenu: function( menuItem ) {
1117 var button = this.getSubmenuToggle( menuItem ), 1118 $submenu = $( '.sub-menu', menuItem ); 1119 1120 menuItem.classList.add( this.options.activeMenuItemClass ); 1121 1122 if ( ! this.hasSubmenu( menuItem ) ) { 1123 return; 1124 } 1125 1126 menuItem.classList.add( this.options.expandedMenuItemClass ); 1127 1128 if ( button ) { 1129 button.classList.add( this.options.expandedSubmenuToggleClass ); 1130 button.setAttribute( 'aria-expanded', 'true' ); 1131 $( '.screen-reader-text', button )[0].innerHTML = this.options.l10n.collapseSubmenu || 'Collapse submenu'; 1132 } 1133 1134 if ( $submenu.length ) { 1135 $submenu[0].classList.add( this.options.expandedSubmenuClass ); 1136 $submenu[0].setAttribute( 'aria-expanded', 'true' ); 1137 } 1138 }, 1139 1140 /** 1141 * Retrieve the viewport width. 1142 * 1143 * @return {number} 1144 */ 1145 getViewportWidth: function() { 1146 return this._viewportWidth || Math.max( document.documentElement.clientWidth, window.innerWidth || 0 ); 1147 }, 1148 1149 /** 1150 * Set the viewport width. 1151 * 1152 * @param {number} width Width of the viewport. 1153 * @return {this} 1154 */ 1155 setViewportWidth: function( width ) { 1156 this._viewportWidth = parseInt( width, 10 ); 1157 return this; 1158 }, 1159 1160 /** 1161 * Retrieve the submenu toggle button from a menu item. 1162 * 1163 * @param {Element} menuItem Menu item element. 1164 * @return {Element} 1165 */ 1166 getSubmenuToggle: function( menuItem ) { 1167 return $( '.' + this.options.submenuToggleClass, menuItem )[0]; 1168 }, 1169 1170 /** 1171 * Whether a menu item has a submenu. 1172 * 1173 * WordPress adds the 'menu-item-has-children' class to menu items even when 1174 * the children are hidden with a depth restriction, so we have to query for 1175 * the submenu to see if it exists. 1176 * 1177 * @param {Element} menuItem Menu item element. 1178 * @return {Boolean} 1179 */ 1180 hasSubmenu: function ( menuItem ) { 1181 return $( '.sub-menu', menuItem ).length > 0; //classList.contains( 'menu-item-has-children' ); 1182 }, 1183 1184 /** 1185 * Insert toggle buttons in menu items that contain a submenu. 1186 */ 1187 insertSubmenuToggleButtons: function() { 1188 var button, span, 1189 menu = this; 1190 1191 button = document.createElement( 'button' ); 1192 button.setAttribute( 'class', menu.options.submenuToggleClass ); 1193 button.setAttribute( 'aria-expanded', 'false' ); 1194 1195 span = document.createElement( 'span' ); 1196 span.setAttribute( 'class', 'screen-reader-text' ); 1197 span.innerHTML = this.options.l10n.expandSubmenu || 'Expand submenu'; 1198 1199 button.appendChild( span ); 1200 1201 this.$submenus.each(function( submenu ) { 1202 var buttonInstance = button.cloneNode( true ); 1203 1204 // Assign an id to each submenu to use in ARIA attributes. 1205 if ( ! submenu.id ) { 1206 submenu.id = $.getUid( submenu, 'sub-menu' ); 1207 } 1208 1209 buttonInstance.setAttribute( 'aria-controls', submenu.id ); 1210 1211 if ( 'append' !== menu.options.submenuToggleInsert ) { 1212 // Insert the toggle button before the submenu element. 1213 submenu.parentElement.insertBefore( buttonInstance, submenu ); 1214 return; 1215 } 1216 1217 // Append the toggle button to the parent item anchor element. 1218 // This should primarily be used for backward compatibility. 1219 $( submenu.parentElement.children ).each(function( el ) { 1220 if ( 'A' === el.nodeName ) { 1221 el.appendChild( buttonInstance ); 1222 return false; 1223 } 1224 }); 1225 }); 1226 }, 1227 1228 isSubmenuExpanded: function( menuItem ) { 1229 return menuItem.classList.contains( this.options.expandedMenuItemClass ); 1230 }, 1231 1232 /** 1233 * Toggle the submenu in a menu item. 1234 * 1235 * @param {Element} menuItem Menu item element. 1236 */ 1237 toggleSubmenu: function( menuItem ) { 1238 if ( this.isSubmenuExpanded( menuItem ) ) { 1239 this.collapseSubmenu( menuItem ); 1240 } else { 1241 this.expandSubmenu( menuItem ); 1242 } 1243 }, 1244 1245 /** 1246 * Collapse all submenus when clicking outside the menu. 1247 * 1248 * On touch devices without toggle buttons, tapping a link will expand 1249 * the submenu. It's not possible to close it without clicking another link 1250 * with a submenu, which leads back to the initial problem. 1251 * 1252 * Submenus also won't be collapsed when the keyboard is used to focus 1253 * an element and a click occurs outside the menu. 1254 */ 1255 onDocumentClick: function( e ) { 1256 // Don't do this in click mode or on mobile. 1257 if ( 'click' === this.options.submenuToggleMode || this.isMobile() ) { 1258 return; 1259 } 1260 1261 if ( this.el === e.target || ! this.el.contains( e.target ) ) { 1262 this.collapseAllSubmenus(); 1263 } 1264 }, 1265 1266 /** 1267 * Handle clicks on submenu toggle buttons. 1268 * 1269 * Delegated to the menu element, so need to ensure the click is on a 1270 * toggle button before handling it. 1271 * 1272 * @param {MouseEvent} e Mouse event object. 1273 */ 1274 onSubmenuToggleClick: function( e ) { 1275 var menuItem, 1276 button = $( e.target ).closest( '.' + this.options.submenuToggleClass, this.el ); 1277 1278 // Bail if this isn't a click on a toggle button. 1279 if ( ! button ) { 1280 return; 1281 } 1282 1283 e.preventDefault(); 1284 1285 menuItem = $( e.target ).closest( 'li', this.el ); 1286 this.toggleSubmenu( menuItem ); 1287 }, 1288 1289 /** 1290 * Handle touchstart events on menu links. 1291 * 1292 * On touch devices, make the first click open a submenu if there isn't a 1293 * clickable toggle button available. Otherwise, the submenus w
1293ouldn't be 1294 * accessible on touch devices. 1295 * 1296 * @param {TouchEvent} e Touch event object. 1297 */ 1298 onMenuLinkTouchStart: function( e ) { 1299 var button, target; 1300 1301 // Bail if this isn't a touchstart on the anchor element. 1302 if ( ! $.isElementOrDescendant( e.target, 'A', this.el ) ) { 1303 return; 1304 } 1305 1306 target = $( e.target ).closest( 'li', this.el ); 1307 1308 // Bail if a target couldn't be found. 1309 if ( ! target ) { 1310 return; 1311 } 1312 1313 // Bail if there isn't a submenu in this item or it's already expanded. 1314 if ( ! this.hasSubmenu( target ) || this.isSubmenuExpanded( target ) ) { 1315 return; 1316 } 1317 1318 button = this.getSubmenuToggle( target ); 1319 1320 // Expand the submenu and disable the click event if a clickable toggle 1321 // button isn't available. 1322 if ( ! $.isClickable( button ) ) { 1323 e.stopImmediatePropagation(); 1324 e.preventDefault(); 1325 this.expandSubmenu( target ); 1326 this.collapseUnrelatedSubmenus( e.target ); 1327 } else { 1328 this._touchStarted = true; 1329 } 1330 }, 1331 1332 /** 1333 * Handle mouseenter events on menu items. 1334 * 1335 * When the mouse enters a menu item: 1336 * - Add an 'is-active' class to the menu item to aid in styling. Using 1337 * the class should prevent needing to use :hover, which can cause 1338 * double tap issues on touch devices. 1339 * - Expand the submenu if not on mobile. The toggle button should be 1340 * used to control submenus on mobile. 1341 * 1342 * Mimics mouseenter, but is delegated to the menu element instead of 1343 * being bound to each item. The actual mouseenter event cannot be 1344 * delegated. 1345 * 1346 * @link https://developer.mozilla.org/en-US/docs/Web/Events/mouseenter 1347 * @link http://stackoverflow.com/a/22444819 1348 * @link https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW7 1349 * @link https://patrickhlauke.github.io/touch/tests/results/ 1350 * 1351 * @param {MouseEvent} e Mouse event object. 1352 */ 1353 onMenuItemMouseEnter: function( e ) { 1354 var related, target, 1355 isTouchEvent = this._touchStarted, 1356 menu = this; 1357 1358 // Reset the touch started flag. 1359 this._isTouchStarted = false; 1360 1361 target = $( e.target ).closest( 'li', this.el ); 1362 related = $( e.relatedTarget ).closest( 'li', this.el ); 1363 1364 /* 1365 * Bail if a target couldn't be found, or if the cursor is already in 1366 * the target element. Handling mouseover events like this mimics 1367 * mousenter behavior. 1368 */ 1369 if ( ! target || related === target ) { 1370 return; 1371 } 1372 1373 // Clear the timeout to hide a submenu when re-entering an item. 1374 $( e.target ).up( 'li', this.el ).each(function( el ) { 1375 clearTimeout( menu._hoverTimeouts[ el.id ] ); 1376 el.classList.add( menu.options.activeMenuItemClass ); 1377 }); 1378 1379 // Bail if there isn't a submenu in this item or it's already expanded. 1380 if ( ! this.hasSubmenu( target ) || this.isSubmenuExpanded( target ) ) { 1381 return; 1382 } 1383 1384 /* 1385 * If a submenu has been expanded by a focus event, hovering over 1386 * unrelated menu items won't collapse the submenu. This should only 1387 * happen when the keyboard is used to focus a link, then the mouse is 1388 * used to interact with the menu. It's an edge case an may not be worth 1389 * the performance impact of looping through every item on mouseenter to 1390 * collapse unrelated submenus. 1391 */ 1392 // if ( ! this.isMobile() ) { 1393 // this.collapseUnrelatedSubmenus( target ); 1394 // } 1395 1396 /* 1397 * If this event was triggered by a touchstart event and the target is 1398 * an anchor element, don't open the submenu to prevent it from flashing 1399 * before the link is followed. Also prevents a double tap from being 1400 * required on iOS. 1401 */ 1402 if ( ! isTouchEvent || ! $.isElementOrDescendant( e.target, 'A', this.el ) ) { 1403 // Don't expand on mobile to prevent the menu from jumping. 1404 if ( ! this.isMobile() ) { 1405 this.expandSubmenu( target ); 1406 } 1407 } 1408 }, 1409 1410 /** 1411 * Handle mouseleave events on menu items. 1412 * 1413 * When the mouse leaves a menu item, collapse submenus and remove the 1414 * 'is-active' class for any menu items that no longer have the cursor 1415 * hovering over them. 1416 * 1417 * Mimics mouseleave, but is delegated to the menu element instead of 1418 * being bound to each item. 1419 * 1420 * @link https://developer.mozilla.org/en-US/docs/Web/Events/mouseleave 1421 * 1422 * @param {MouseEvent} e Moust event object. 1423 */ 1424 onMenuItemMouseLeave: function( e ) { 1425 var menu = this, 1426 isMobile = menu.isMobile(); 1427 1428 $( e.target ).up( 'li', this.el ).filter(function( el ) { 1429 return el !== e.relatedTarget && ! el.contains( e.relatedTarget ); 1430 }).each(function( el ) { 1431 el.classList.remove( menu.options.activeMenuItemClass ); 1432 1433 // Bail in mobile mode to prevent the menu from jumping. 1434 if ( isMobile ) { 1435 return; 1436 } 1437 1438 menu._hoverTimeouts[ el.id ] = setTimeout(function() { 1439 menu.collapseSubmenu( el ); 1440 }, menu.options.hoverTimeout ); 1441 }); 1442 }, 1443 1444 /** 1445 * Handle the focus event on elements within the menu. 1446 * 1447 * Aids keyboard navigation by: 1448 * - Collapsing submenus in unrelated items to prevent submenus from 1449 * overlapping in full screen mode. This is not done in mobile mode to 1450 * prevent the menu from jumping when tabbing through items. 1451 * - Adding an 'is-active' class to ancestor menu items when any 1452 * descendant is focused. 1453 * - Expanding a submenu when an element (link or toggle button) in the 1454 * parent menu item receives focus. 1455 * 1456 * @param {FocusEvent} e Focus event object. 1457 */ 1458 onMenuLinkFocus: function( e ) { 1459 var button, $parents, 1460 menu = this; 1461 1462 // Collapse unrelated submenus except in mobile mode. 1463 if ( 'click' !== menu.options.submenuToggleMode && ! menu.isMobile() ) { 1464 menu.collapseUnrelatedSubmenus( e.target ); 1465 } 1466 1467 $parents = $( e.target ).parents( 'li', menu.el ).each(function( el ) { 1468 el.classList.add( menu.options.activeMenuItemClass ); 1469 }); 1470 1471 // Bail if the target menu item doesn't have a submenu. 1472 if ( ! menu.hasSubmenu( $parents[ 0 ] ) ) { 1473 return; 1474 } 1475
1476 button = this.getSubmenuToggle( $parents[0] ); 1477 1478 /* 1479 * Expand the submenu if a toggle button isn't visible. 1480 * 1481 * Also expands parents since keyboards can access elements positioned 1482 * off-screen, so reverse tabbing through a menu needs to make sure 1483 * parents are visible. 1484 */ 1485 if ( ! button || ! $.isVisible( button ) ) { 1486 $parents.each(function( el ) { 1487 menu.expandSubmenu( el ); 1488 }); 1489 } 1490 }, 1491 1492 /** 1493 * Close submenus when focus leaves the containing item. 1494 * 1495 * Aids keyboard navigation in full screen mode by preventing multiple 1496 * expanded submenus from overlapping when tabbing through items. 1497 * 1498 * The relatedTarget property isn't available in some browsers for focus 1499 * events, so it's not possible to grab the focused element in a blur 1500 * event handler. For that reason, unrelated submenus are also collapsed in 1501 * onMenuLinkFocus. 1502 * 1503 * @link https://developer.mozilla.org/en-US/docs/Web/API/FocusEvent/relatedTarget 1504 * 1505 * @todo Blur events sent when clicking outside the element the event is 1506 * bound to also send null for the relatedTarget. This prevents 1507 * clicking anywhere else in the document from collapsing the submenu. 1508 * 1509 * @param {FocusEvent} e Focus event object. 1510 */ 1511 onMenuLinkBlur: function( e ) { 1512 var menu = this; 1513 1514 // Remove the activeMenuItemClass from the parent menu items. 1515 $( e.target ).parents( 'li', menu.el ).each(function( el ) { 1516 el.classList.remove( menu.options.activeMenuItemClass ); 1517 }); 1518 1519 // Bail if the relatedTarget event is null. 1520 if ( ! e.relatedTarget ) { 1521 return; 1522 } 1523 1524 // Disable on mobile to prevent the menu from jumping while tabbing 1525 // through menu items and toggle buttons. 1526 if ( 'click' === menu.options.submenuToggleMode || menu.isMobile() ) { 1527 return; 1528 } 1529 1530 menu.collapseUnrelatedSubmenus( e.relatedTarget ); 1531 } 1532}; 1533 1534module.exports = NavMenu; 1535 1536},{"./query":4}],4:[function(require,module,exports){ 1537"use strict"; 1538var _ = require( './utils' ); 1539 1540function Query( selector, context ) { 1541 var i, length; 1542 1543 if ( selector instanceof Query ) { 1544 return selector; 1545 } 1546 1547 if ( ! selector ) { 1548 return this; 1549 } 1550 1551 context = context || document; 1552 if ( context.length ) { 1553 context = context[0]; 1554 } 1555 1556 if ( 'string' === typeof selector ) { 1557 selector = context.querySelectorAll( selector ); 1558 } 1559 1560 if ( selector && selector.nodeType ) { 1561 this.length = 1; 1562 this[0] = selector; 1563 } else { 1564 selector = Array.prototype.slice.call( selector ); 1565 length = this.length = selector.length; 1566 1567 for ( i = 0; i < length; i++ ) { 1568 this[ i ] = selector[ i ]; 1569 } 1570 } 1571} 1572 1573_.extend( Query.prototype, { 1574 length: 0, 1575 1576 closest: function( selector, context ) { 1577 var el = this[0]; 1578 context = context || document.body; 1579 1580 while ( el && el !== context ) { 1581 if ( _.matches( el, selector ) ) { 1582 return el; 1583 } 1584 1585 el = el.parentElement; 1586 } 1587 1588 return null; 1589 }, 1590 1591 each: function( callback ) { 1592 _.each( this, callback ); 1593 return this; 1594 }, 1595 1596 filter: function( callback ) { 1597 return query( Array.prototype.filter.call( this, callback ) ); 1598 }, 1599 1600 /** 1601 * @todo Improve performance: http://ryanmorr.com/abstract-away-the-performance-faults-of-queryselectorall/ 1602 */ 1603 find: function( selector ) { 1604 return query( this[0].querySelectorAll( selector ) ); 1605 }, 1606 1607 parents: function( selector, context ) { 1608 var el = this[0], 1609 parents = []; 1610 1611 context = context || document.body; 1612 1613 while ( el && el.parentElement && el.parentElement !== context ) { 1614 if ( _.matches( el.parentElement, selector ) ) { 1615 parents.push( el.parentElement ); 1616 } 1617 el = el.parentElement; 1618 } 1619 1620 return query( parents ); 1621 }, 1622 1623 up: function( selector, context ) { 1624 var items = Array.prototype.slice.call( this.parents( selector, context ) ); 1625 1626 if ( _.matches( this[0], selector ) ) { 1627 items.unshift( this[0] ); 1628 } 1629 1630 return query( items ); 1631 } 1632}); 1633 1634function query( selector, context ) { 1635 return new Query( selector, context ); 1636} 1637 1638module.exports = _.extend( query, _, { 1639 isClickable: function( el ) { 1640 var styles; 1641 1642 if ( ! el ) { 1643 return false; 1644 } 1645 1646 styles = window.getComputedStyle( el ); 1647 return 'none' !== styles.display && 'none' !== styles.pointerEvents; 1648 }, 1649 1650 isElementOrDescendant: function( el, tagName, container ) { 1651 return tagName === el.nodeName || null !== query( el ).closest( tagName, container ); 1652 }, 1653 1654 isVisible: function( el ) { 1655 return el && 'none' !== window.getComputedStyle( el ).display; 1656 } 1657}); 1658 1659},{"./utils":5}],5:[function(require,module,exports){ 1660"use strict";
1661function each( items, callback ) { 1662 var i, 1663 length = items.length; 1664 1665 for ( i = 0; i < length; i++ ) { 1666 if ( false === callback.call( items[i], items[i], i ) ) { 1667 break; 1668 } 1669 } 1670} 1671 1672function extend( target ) { 1673 var i = 0, 1674 length = arguments.length; 1675 1676 target = target || {}; 1677 1678 while ( ++i < length ) { 1679 if ( ! arguments[ i ] ) { 1680 continue; 1681 } 1682 1683 for ( var key in arguments[ i ] ) { 1684 if ( arguments[ i ].hasOwnProperty( key ) ) { 1685 target[ key ] = arguments[ i ][ key ]; 1686 } 1687 } 1688 } 1689 1690 return target; 1691} 1692 1693function generateUniqueId( prefix ) { 1694 prefix = prefix || ''; 1695 if ( '' !== prefix ) { 1696 prefix += '-'; 1697 } 1698 return prefix + Math.random().toString( 36 ).slice( 2, 15 ); 1699} 1700 1701function getUniqueId( el, prefix ) { 1702 if ( el.id ) { 1703 return el.id; 1704 } 1705 1706 return generateUniqueId( prefix ); 1707} 1708 1709/** 1710 * @link https://developer.mozilla.org/en-US/docs/Web/API/Element/matches 1711 */ 1712function matches( el, selector ) { 1713 var fn = el && ( 1714 el.matches || 1715 el.webkitMatchesSelector || 1716 el.mozMatchesSelector || 1717 el.msMatchesSelector || 1718 el.oMatchesSelector 1719 ); 1720 1721 return !! fn && fn.call( el, selector ); 1722} 1723 1724module.exports = { 1725 each: each, 1726 extend: extend, 1727 getUid: getUniqueId, 1728 matches: matches 1729}; 1730 1731},{}]},{},[1])(1) 1732});; 1733window.ovation = window.ovation || {}; 1734 1735(function( window, $, undefined ) { 1736 'use strict'; 1737 1738 var $window = $( window ), 1739 $document = $( document ), 1740 $body = $( 'body' ), 1741 $html = $( 'html' ), 1742 ovation = window.ovation; 1743 1744 /** 1745 * Test if an iOS device. 1746 */ 1747 function checkiOS() { 1748 return /iPad|iPhone|iPod/.test( navigator.userAgent ) && ! window.MSStream; 1749 } 1750 1751 /* 1752 * Test if background-attachment: fixed is supported. 1753 * @link http://stackoverflow.com/questions/14115080/detect-support-for-background-attachment-fixed 1754 */ 1755 function supportsFixedBackground() { 1756 var el = document.createElement( 'div' ); 1757 1758 try { 1759 if ( ! ( 'backgroundAttachment' in el.style ) || checkiOS() ) { 1760 return false; 1761 } 1762 el.style.backgroundAttachment = 'fixed'; 1763 return 'fixed' === el.style.backgroundAttachment; 1764 } catch ( e ) { 1765 return false; 1766 } 1767 } 1768 1769 $.extend( ovation, { 1770 config: {}, 1771 1772 initialize: function() { 1773 $body.addClass( 'ontouchstart' in window || 'onmsgesturechange' in window ? 'touch' : 'no-touch' ); 1774 $body.toggleClass( 'background-fixed', supportsFixedBackground() ); 1775 1776 ovation.setupExternalLinks(); 1777 ovation.setupNavigation(); 1778 ovation.setupSidebar(); 1779 ovation.setupVideos(); 1780 }, 1781 1782 /** 1783 * Open external links in a new window. 1784 */ 1785 setupExternalLinks: function() { 1786 $( '.js-maybe-external' ).each(function() { 1787 if ( this.hostname && this.hostname !== window.location.hostname ) { 1788 $( this ).attr( 'target', '_blank' ); 1789 } 1790 }); 1791 }, 1792 1793 /** 1794 * Set up the main navigation. 1795 */ 1796 setupNavigation: function() { 1797 $( '.site-navigation-menu' ) 1798 .cedaroNavMenu({ 1799 breakpoint: 960, 1800 hoverTimeout: 50, 1801 submenuToggleInsert: 'append' 1802 }) 1803 .appendAround({ 1804 set: $( '.header-navigation, .mobile-navigation' ) 1805 }); 1806 1807 $( '#menu-social' ).appendAround({ 1808 set: $( '.social-navigation' ) 1809 }); 1810 }, 1811 1812 setupSidebar: function() { 1813 var $sidebar = $( '.sidebar-area' ), 1814 $sidebarToggle = $( '.sidebar-toggle-button' ), 1815 $siteNavigation = $( '.site-navigation' ), 1816 $siteOverlay = $( '.site' ).append( '<div class="site-overlay" />' ).find( '.site-overlay' ); 1817 1818 function toggleSidebar( e ) { 1819 e.preventDefault(); 1820 1821 $html.toggleClass( 'sidebar-is-open' ); 1822 1823 if ( $html.hasClass( 'sidebar-is-open' ) ) { 1824 $sidebarToggle.prependTo( $sidebar ); 1825 } else { 1826 $sidebarToggle.appendTo( $siteNavigation ); 1827 } 1828 } 1829 1830 $sidebarToggle.bind( 'click', toggleSidebar ); 1831 $siteOverlay.on( 'click', toggleSidebar ); 1832 }, 1833 1834 /** 1835 * Set up videos. 1836 * 1837 * - Makes videos responsive. 1838 * - Moves videos embedded in page content to an '.entry-video' 1839 * container. Used primarily with the WPCOM single video templates. 1840 */ 1841 setupVideos: function() { 1842 if ( $.isFunction( $.fn.fitVids ) ) { 1843 $( '.entry, .responsive-video' ).fitVids(); 1844 } 1845 1846 $( 'body.page' ).find( '.single-video' ).find( '.jetpack-video-wrapper' ).first().appendTo( '.entry-video' ); 1847 }, 1848 1849 /** 1850 * Update the scrollbar width CSS variable. 1851 * 1852 * This doesn't modify the scrollbar at all, but sets a CSS variable 1853 * with the width of the scrollbar so it can be accounted for in 1854 * full-width layouts. 1855 */ 1856 updateScrollbarWidth: function() { 1857 var docEl = document.documentElement, 1858 prevWidth = window.getComputedStyle( docEl ).getPropertyValue( '--scrollbar-width' ), 1859 newWidth = window.innerWidth - document.body.clientWidth + 'px'; 1860 1861 if ( newWidth !== prevWidth ) { 1862 docEl.style.setProperty( '--scrollbar-width', newWidth ); 1863 } 1864 }, 1865 1866 /** 1867 * Retrieve the viewport width. 1868 */ 1869 viewportWidth: function() { 1870 return window.innerWidth || $window.width(); 1871 } 1872 }); 1873 1874 $document.ready( ovation.initialize ); 1875 $window.on( 'load orientationchange', ovation.updateScrollbarWidth ); 1876 1877 ovation.updateScrollbarWidth(); 1878 1879})( this, jQuery ); 1880; 1881!function(){"use strict";var e,t={noop:function(){}
1881,texturize:function(e){return(e=(e=(e=(e+="").replace(/'/g,"’").replace(/'/g,"’")).replace(/"/g,"”").replace(/"/g,"”").replace(/"/g,"”").replace(/[\u201D]/g,"”")).replace(/([\w]+)=&#[\d]+;(.+?)&#[\d]+;/g,'$1="$2"')).trim()},applyReplacements:function(e,t){if(e)return t?e.replace(/{(\d+)}/g,function(e,r){return void 0!==t[r]?t[r]:e}):e},getBackgroundImage:function(e){var t=document.createElement("canvas"),r=t.getContext&&t.getContext("2d");if(e){r.filter="blur(20px) ",r.drawImage(e,0,0);var o=t.toDataURL("image/png");return t=null,o}}},r=function(){function e(e,t){return Element.prototype.matches?e.matches(t):Element.prototype.msMatchesSelector?e.msMatchesSelector(t):void 0}function r(e,t,r,o){if(!e)return o();e.jpCarouselCancelFade&&e.jpCarouselCancelFade(),e.classList.remove("jp-carousel-fade"),e.style.removeProperty("display"),e.style.opacity=t,e.style.pointerEvents="none",e.offsetWidth,e.classList.add("jp-carousel-fade"),e.style.opacity=r;var a=1e3*parseFloat(getComputedStyle(e).transitionDuration)||0,n=setTimeout(function(){e.jpCarouselCancelFade=null,e.style.removeProperty("pointer-events"),o()},a+50);e.jpCarouselCancelFade=function(){clearTimeout(n),e.jpCarouselCancelFade=null}}return{closest:function(t,r){if(t.closest)return t.closest(r);var o=t;do{if(e(o,r))return o;o=o.parentElement||o.parentNode}while(null!==o&&1===o.nodeType);return null},matches:e,hide:function(e){e&&(e.style.display="none")},show:function(e){e&&(e.style.display="block")},fadeIn:function(e,o){r(e,0,1,o=o||t.noop)},fadeOut:function(e,o){o=o||t.noop,r(e,1,0,function(){e&&(e.style.display="none"),o()})},scrollToElement:function(e,t,r){if(!e||!t)return r?r():void 0;var o=t.querySelector(".jp-carousel-info-extra");o&&(o.style.minHeight=window.innerHeight-64+"px");var a=!0,n=Date.now(),i=t.scrollTop,l=Math.max(0,e.offsetTop-Math.max(0,window.innerHeight-function(e){var t=e.querySelector(".jp-carousel-info-footer"),r=e.querySelector(".jp-carousel-info-extra"),o=e.querySelector(".jp-carousel-info-content-wrapper");if(t&&r&&o){var a=window.getComputedStyle(r),n=parseInt(a.paddingTop,10)+parseInt(a.paddingBottom,10);return n=isNaN(n)?0:n,o.offsetHeight+t.offsetHeight+n}return 0}(t)))-t.scrollTop;function s(){a=!1}l=Math.min(l,t.scrollHeight-window.innerHeight),t.addEventListener("wheel",s),function e(){var c,u=Date.now(),d=(c=(u-n)/300)<.5?2*c*c:1-Math.pow(-2*c+2,2)/2,m=(d=d>1?1:d)*l;if(t.scrollTop=i+m,u<=n+300&&a)return requestAnimationFrame(e);r&&r(),o&&(o.style.minHeight=""),a=!1,t.removeEventListener("wheel",s)}()},getJSONAttribute:function(e,t){if(e&&e.hasAttribute(t))try{return JSON.parse(e.getAttribute(t))}catch{return}},convertToPlainText:function(e){var t=document.createElement("div");return t.textContent=e,t.innerHTML},stripHTML:function(e){var t=document.createElement("div");return t.innerHTML=e.replace(/<[^>]*>?/gm,""),t.textContent},emitEvent:function(e,t,r){var o;try{o=new CustomEvent(t,{bubbles:!0,cancelable:!0,detail:r||null})}catch{(o=document.createEvent("CustomEvent")).initCustomEvent(t,!0,!0,r||null)}e.dispatchEvent(o)},isTouch:function(){return"ontouchstart"in window||window.DocumentTouch&&document instanceof DocumentTouch},prefersReducedMotion:function(){return!!window.matchMedia&&window.matchMedia("(prefers-reduced-motion: reduce)").matches}}}();function o(){var o,a,n,i,l={},s={},c="",u=!1,d="div.gallery, div.tiled-gallery, ul.wp-block-gallery, ul.blocks-gallery-grid, figure.wp-block-gallery.has-nested-images, div.wp-block-jetpack-tiled-gallery, a.single-image-gallery",m=".gallery-item, .tiled-gallery-item, .blocks-gallery-item, .tiled-gallery__item",p=m+", .wp-block-image",g={},h="undefined"!=typeof wpcom&&wpcom.carousel&&wpcom.carousel.stat?wpcom.carousel.stat:t.noop,f="undefined"!=typeof wpcom&&wpcom.carousel&&wpcom.carousel.pageview?wpcom.carousel.pageview:t.noop;function v(t){if(!u)switch(t.which){case 38:t.preventDefault(),g.overlay.scrollTop-=100;break;case 40:t.preventDefault(),g.overlay.scrollTop+=100;break;case 39:t.preventDefault(),e.slideNext();break;case 37:case 8:t.preventDefault(),e.slidePrev();break;case 27:t.preventDefault(),k()}}function y(){u=!0}function w(){u=!1}function S(e){e.role="button",e.tabIndex=0,e.ariaLabel=jetpackCarouselStrings.image_label}function j(){g.overlay||(g.overlay=document.querySelector(".jp-carousel-overlay"),g.container=g.overlay.querySelector(".jp-carousel-wrap"),g.gallery=g.container.querySelector(".jp-carousel"),g.info=g.overlay.querySelector(".jp-carousel-info"),g.caption=g.
1881info.querySelector(".jp-carousel-caption"),g.commentField=g.overlay.querySelector("#jp-carousel-comment-form-comment-field"),g.emailField=g.overlay.querySelector("#jp-carousel-comment-form-email-field"),g.authorField=g.overlay.querySelector("#jp-carousel-comment-form-author-field"),g.urlField=g.overlay.querySelector("#jp-carousel-comment-form-url-field"),window.innerWidth<=760&&Math.round(window.innerWidth/760*110)<40&&r.isTouch(),[g.commentField,g.emailField,g.authorField,g.urlField].forEach(function(e){e&&(e.addEventListener("focus",y),e.addEventListener("blur",w))}),g.overlay.addEventListener("click",function(e){var t,o,a=e.target,n=!!r.closest(a,".jp-carousel-close-hint"),i=!!window.matchMedia("(max-device-width: 760px)").matches;a===g.overlay?i||k():n?k():a.classList.contains("jp-carousel-image-download")?h("download_original_click"):a.classList.contains("jp-carousel-comment-login")?(t=g.currentSlide,o=t?t.attrs.attachmentId:"0",window.location.href=jetpackCarouselStrings.login_url+"%23jp-carousel-"+o):r.closest(a,"#jp-carousel-comment-form-container")?function(e){var t=e.target,o=r.getJSONAttribute(g.container,"data-carousel-extra")||{},a=g.currentSlide.attrs.attachmentId,n=document.querySelector("#jp-carousel-comment-form-submit-and-info-wrapper"),i=document.querySelector("#jp-carousel-comment-form-spinner"),s=document.querySelector("#jp-carousel-comment-form-button-submit"),c=document.querySelector("#jp-carousel-comment-form");if(g.commentField&&g.commentField.getAttribute("id")===t.getAttribute("id"))y(),r.show(n);else if(r.matches(t,'input[type="submit"]')){e.preventDefault(),e.stopPropagation(),r.show(i),c.classList.add("jp-carousel-is-disabled");var u={action:"post_attachment_comment",nonce:jetpackCarouselStrings.nonce,blog_id:o.blog_id,id:a,comment:g.commentField.value};if(!u.comment.length)return void b(jetpackCarouselStrings.no_comment_text,!1);if(1!==Number(jetpackCarouselStrings.is_logged_in)&&(u.email=g.emailField.value,u.author=g.authorField.value,u.url=g.urlField.value,1===Number(jetpackCarouselStrings.require_name_email))){if(!u.email.length||!u.email.match("@"))return void b(jetpackCarouselStrings.no_comment_email,!1);if(!u.author.length)return void b(jetpackCarouselStrings.no_comment_author,!1)}var d=new XMLHttpRequest;d.open("POST",jetpackCarouselStrings.ajaxurl,!0),d.setRequestHeader("X-Requested-With","XMLHttpRequest"),d.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8"),d.onreadystatechange=function(){if(this.readyState===XMLHttpRequest.DONE&&this.status>=200&&this.status<300){var e;try{e=JSON.parse(this.response)}catch{return void b(jetpackCarouselStrings.comment_post_error,!1)}if("approved"===e.comment_status){b(jetpackCarouselStrings.comment_approved,!0);var t=function(e){for(var t=0;t<g.slides.length;t++)if(g.slides[t].attrs.attachmentId===e)return g.slides[t];return null}(a);t&&(t.attrs.commentsCount=(parseInt(t.attrs.commentsCount,10)||0)+1)}else"unapproved"===e.comment_status?b(jetpackCarouselStrings.comment_unapproved,!0):b(jetpackCarouselStrings.comment_post_error,!1);W(),delete l[a],_(a,void 0,!0),s.value=jetpackCarouselStrings.post_comment,r.hide(i),c.classList.remove("jp-carousel-is-disabled")}else b(jetpackCarouselStrings.comment_post_error,!1)};var m=[];for(var p in u)if(p){var h=encodeURIComponent(p)+"="+encodeURIComponent(u[p]);m.push(h.replace(/%20/g,"+"))}var f=m.join("&");d.send(f)}}(e):(r.closest(a,".jp-carousel-photo-icons-container")||a.classList.contains("jp-carousel-photo-title"))&&function(e){e.preventDefault();var t=e.target,o=g.info.querySelector(".jp-carousel-info-extra"),a=g.info.querySelector(".jp-carousel-image-meta"),n=g.info.querySelector(".jp-carousel-comments-wrapper"),i=g.info.querySelector(".jp-carousel-icon-info"),s=g.info.querySelector(".jp-carousel-icon-comments");function c(){s&&s.classList.remove("jp-carousel-selected"),i.classList.toggle("jp-carousel-selected"),n&&n.classList.remove("jp-carousel-show"),a&&(a.classList.toggle("jp-carousel-show"),a.classList.contains("jp-carousel-show")?o.classList.add("jp-carousel-show"):o.classList.remove("jp-carousel-show"))}function u(){if(i&&i.classList.remove("jp-carousel-selected"),s.classList.toggle("jp-carousel-selected"),a&&a.classList.remove("jp-carousel-show"),n)if(n.classList.toggle("jp-carousel-show"),n.classList.contains("jp-carousel-show")){o.classList.add("jp-carousel-show");var e=g.currentSlide;if(e){var t=l[e.attrs.attachmentId];t?t.hasMore&&T(e.attrs.attachmentId,t.nextOffset):_(e.attrs.attachmentId)}}else o.classList.remove("jp-carousel-show")}(r.closest(t,".jp-carousel-icon-info")||t.classList.contains("jp-carousel-photo-title"))&&(a&&a.classList.contains("jp-carousel-show")?r.scrollToElement(g.overlay,g.overlay,c):(c(),r.scrollToElement(g.info,g.overlay))),r.closest(t,".jp-carousel-icon-comments")&&(n&&n.classList.contains("jp-carousel-show")?r.scrollToElement(g.overlay,g.overlay,u):(u(),r.scrollToElement(g.info,g.overlay)))}(e)}),window.addEventListener("keydown",v),g.overlay.addEventListener("jp_carousel.afterOpen",function(){w(),g.slides.length<=1||(g.slides.length<=5?r.show(g.info.querySelector(".jp-swiper-pagination")):r.show(g.info.querySelector(".jp-carousel-pagination")))}),g.overlay.addEventListener("jp_carousel.beforeClose",function(){y(),document.documentElement.style.removeProperty("height"),e&&e.enable(),r.hide(g.info.querySelector(".jp-swiper-pagination")),r.hide(g.info.querySelector(".jp-carousel-pagination"))}),g.overlay.addEventListener("jp_carousel.afterClose",function(){window.history.pushState?history.pushState("",document.title,window.location.pathname+window.location.search):window.location.href="",c="",g.isOpen=!1}),g.overlay.addEventListener("touchstart",function(e){e.touches.length>1&&e.preventDefault()}))}function b(e,t){var o=g.overlay.querySelector("#jp-carousel-comment-post-results"),a="jp-carousel-comment-post-"+(t?"success":"error");o.innerHTML='<span class="'+a+'">'+e+"</span>",r.hide(g.overlay.querySelector("#jp-carousel-comment-form-spinner")),g.overlay.querySelector("#jp-carousel-comment-form").classList.remove("jp-carousel-is-disabled"),r.show(o)}function L(){var e=document.querySelectorAll("a img[data-attachment-id]");Array.prototype.forEach.call(e,function(e){var t=e.parentElement,o=t.parentElement;if(!o.classList.contains("gallery-icon")&&!r.closest(o,m)&&t.hasAttribute("href")){var a=!1;t.getAttribute("href").split("?")[0]===e.getAttribute("data-orig-file").split("?")[0]&&1===Number(jetpackCarouselStrings.single_image_gallery_media_file)&&(a=!0),t.getAttribute("href")===e.getAttribute("data-permalink")&&(a=!0),a&&(S(e),t.classList.add("single-image-gallery"),t.setAttribute("data-carousel-extra",JSON.stringify({blog_id:Number(jetpackCarouselStrings.blog_id)})))}})}function x(t,r){g.isOpen?(C(r),e.slideTo(r+1)):z(t,{startIndex:r})}function C(e){(!e||e<0||e>g.slides.length)&&(e=0),g.currentSlide=g.slides[e];var a,n,i=g.currentSlide,s=i.attrs.attachmentId;M(g.slides[e]),function(e){var t=[],r=g.slides.length;if(r>1){var o=e>0?e-1:r-1;t.push(o);var a=e<r-1?e+1:0;t.push(a)}t.forEach(function(e){var t=g.slides[e];t&&(M(t),1!==Number(jetpackCarouselStrings.display_background_image)||t.backgroundImage||F(t))})}(e),1!==Number(jetpackCarouselStrings.display_background_image)||g.slides[e].backgroundImage||F(g.slides[e]),r.hide(g.caption),function(e){var t,o,a,n,i,l,s;if(n=g.overlay.querySelector(".jp-carousel-photo-caption"),i=g.overlay.querySelector(".jp-carousel-caption"),l=g.overlay.querySelector(".jp-carousel-photo-title"),s=g.overlay.querySelector(".jp-carousel-photo-description"),r.hide(n),r.hide(i),r.hide(l),r.hide(s),t=A(e.caption)||"",o=A(e.title)||"",a=A(e.desc)||"",(t||o||a)&&(t&&(n.innerHTML=t,i.innerHTML=t,r.show(n),r.show(i)),r.stripHTML(t)===r.stripHTML(o)&&(o=""),r.stripHTML(t)===r.stripHTML(a)&&(a=""),r.stripHTML(o)===r.stripHTML(a)&&(a=""),a&&(s.innerHTML=a,r.show(s),o||t||(n.textContent=r.stripHTML(a),r.show(n))),o)){var c=r.stripHTML(o);l.textContent=c,t||(n.textContent=c,i.textContent=c,r.show(n)),r.show(l)}}
1881({caption:i.attrs.caption,title:i.attrs.title,desc:i.attrs.desc}),function(e){if(!e||1!==Number(jetpackCarouselStrings.display_exif))return!1;var t=g.info.querySelector(".jp-carousel-image-meta");if(!t)return!1;var r="";for(var o in e){var a=e[o],n=jetpackCarouselStrings.meta_data||[];if(0!==parseFloat(a)&&a.length&&-1!==n.indexOf(o)){switch(o){case"focal_length":a+="mm";break;case"shutter_speed":a=E(a);break;case"aperture":a="f/"+a}r+="<li><h5>"+jetpackCarouselStrings[o]+"</h5>"+a+"</li>"}}var i=t.querySelector("ul.jp-carousel-image-exif");if(""!==r){if(!i){(i=document.createElement("ul")).className="jp-carousel-image-exif";var l=t.querySelector(".jp-carousel-title-and-caption");l&&l.nextSibling?t.insertBefore(i,l.nextSibling):t.insertBefore(i,t.firstChild)}i.innerHTML=r,i.style.removeProperty("display")}else i&&i.parentNode.removeChild(i)}(g.slides[e].attrs.imageMeta),function(e){if(!e)return!1;var r,o=[e.attrs.origWidth,e.attrs.origHeight],a=document.createElement("a");a.href=e.attrs.src.replace(/\?.+$/,""),r=null!==a.hostname.match(/^i[\d]{1}\.wp\.com$/i)?a.href:e.attrs.origFile.replace(/\?.+$/,"");var n=g.info.querySelector(".jp-carousel-download-text"),i=g.info.querySelector(".jp-carousel-image-download");n.innerHTML=t.applyReplacements(jetpackCarouselStrings.download_original,o),i.setAttribute("href",r),i.style.removeProperty("display")}(i),1===Number(jetpackCarouselStrings.display_comments)&&(a=g.slides[e].attrs.commentsOpened,n=g.info.querySelector("#jp-carousel-comment-form-container"),1===parseInt(a,10)?r.fadeIn(n):r.fadeOut(n),function(e){var t=e.attrs.attachmentId,a=g.info.querySelector(".jp-carousel-comments"),n=l[t];if(clearInterval(o),r.hide(g.info.querySelector("#jp-carousel-comments-loading")),n)return a.innerHTML=n.html,H(n.count),r.show(a),void(n.hasMore&&I()&&T(t,n.nextOffset));a.innerHTML="",r.hide(a),H(parseInt(e.attrs.commentsCount,10)||0),I()&&_(t)}(i),r.hide(g.info.querySelector("#jp-carousel-comment-post-results")));var u=g.info.querySelector(".jp-carousel-pagination");if(u&&g.slides.length>5){var d=e+1;u.innerHTML="<span>"+d+" / "+g.slides.length+"</span>"}jetpackCarouselStrings.stats&&g.isOpen&&((new Image).src=document.location.protocol+"//pixel.wp.com/g.gif?"+jetpackCarouselStrings.stats+"&post="+encodeURIComponent(s)+"&rand="+Math.random()),g.isOpen&&f(s),c="#jp-carousel-"+s,window.location.hash=c}function k(){document.body.style.overflow=a,document.documentElement.style.overflow=n,W(),y(),r.emitEvent(g.overlay,"jp_carousel.beforeClose"),window.scrollTo(window.scrollX||window.pageXOffset||0,i||0),g.isOpen=!1,e.destroy(),g.slides=[],l={},s={},g.currentSlide=void 0,g.gallery.innerHTML="",r.fadeOut(g.overlay,function(){r.emitEvent(g.overlay,"jp_carousel.afterClose")})}function q(e){if("object"!=typeof e&&(e={}),void 0===e.origFile)return"";if(void 0===e.origWidth||void 0===e.maxWidth)return e.origFile;if(!e.largeFile)return e.origFile;var t=document.createElement("a");t.href=e.largeFile;var r=/^i[0-2]\.wp\.com$/i.test(t.hostname),o=function(e,t,r){var o,a=r?e.replace(/.*=([\d]+%2C[\d]+).*$/,"$1"):e.replace(/.*-([\d]+x[\d]+)\..+$/,"$1");return"9999"===(o=a!==e?r?a.split("%2C"):a.split("x"):[t,0])[0]&&(o[0]="0"),"9999"===o[1]&&(o[1]="0"),o}(e.largeFile,e.origWidth,r),a=parseInt(o[0],10),n=parseInt(o[1],10);e.origMaxWidth=e.maxWidth,e.origMaxHeight=e.maxHeight,void 0!==window.devicePixelRatio&&window.devicePixelRatio>1&&(e.maxWidth=e.maxWidth*window.devicePixelRatio,e.maxHeight=e.maxHeight*window.devicePixelRatio);var i=e.zoomHeadroom||1;if(i>1&&(e.maxWidth=e.maxWidth*i,e.maxHeight=e.maxHeight*i),a>=e.maxWidth||n>=e.maxHeight)return e.largeFile;if(r){if(-1===e.largeFile.lastIndexOf("?"))return e.largeFile;var l=function(e){var t;try{t=new URL(e)}catch(t){return e}var r=["quality","ssl","filter","brightness","contrast","colorize","smooth"],o=Array.from(t.searchParams.entries());return t.search="",o.forEach(([e,o])=>{r.includes(e)&&t.searchParams.append(e,o)}),t}(e.largeFile);return(e.origWidth>e.maxWidth||e.origHeight>e.maxHeight)&&(e.origMaxWidth=e.maxWidth,e.origMaxHeight=e.maxHeight,l.searchParams.set("fit",e.origMaxWidth+","+e.origMaxHeight)),l.toString()}return e.origFile}function E(e){return e>=1?Math.round(10*e)/10+"s":"1/"+Math.round(1/e)+"s"}
1881function A(e){return!e.match(" ")&&e.match("_")?"":e}function I(){var e=g.info.querySelector(".jp-carousel-comments-wrapper");return!!e&&e.classList.contains("jp-carousel-show")}function H(e){var t=g.info.querySelector(".jp-carousel-icon-comments .jp-carousel-has-comments-indicator");t&&(e>0?(t.innerText=e,t.classList.add("jp-carousel-show")):t.classList.remove("jp-carousel-show"))}function T(e,t){clearInterval(o),o=setInterval(function(){g.container.scrollTop+150>window.innerHeight&&(clearInterval(o),_(e,t))},300)}function _(e,t,a){var n=void 0===t;if(clearInterval(o),e&&g.currentSlide&&g.currentSlide.attrs.attachmentId===e&&(!s[e]||a)){(!t||t<1)&&(t=0);var i=g.info.querySelector(".jp-carousel-comments"),c=g.info.querySelector("#jp-carousel-comments-loading");r.show(c),n&&(r.hide(i),i.innerHTML="");var u=new XMLHttpRequest;s[e]=u;var d=function(){return s[e]===u},m=jetpackCarouselStrings.ajaxurl+"?action=get_attachment_comments&nonce="+jetpackCarouselStrings.nonce+"&id="+e+"&offset="+t;u.open("GET",m),u.setRequestHeader("X-Requested-With","XMLHttpRequest");var p=function(){r.fadeIn(i),r.fadeOut(c)};u.onload=function(){if(d()&&(delete s[e],g.currentSlide&&g.currentSlide.attrs.attachmentId===e)){var o,a=u.status>=200&&u.status<300;try{o=JSON.parse(u.responseText)}catch{}if(a&&o&&Array.isArray(o)){n&&(i.innerHTML="");for(var m=0;m<o.length;m++){var h=o[m];if(!i.querySelector("#jp-carousel-comment-"+h.id)){var f=document.createElement("div");f.classList.add("jp-carousel-comment"),f.setAttribute("id","jp-carousel-comment-"+h.id),f.innerHTML='<div class="comment-gravatar">'+h.gravatar_markup+'</div><div class="comment-content"><div class="comment-author">'+h.author_markup+'</div><div class="comment-date">'+h.date_gmt+"</div>"+h.content+"</div>",i.appendChild(f)}}var v=o.length>=10,y=t+10;v&&T(e,y);var w=i.querySelectorAll(".jp-carousel-comment").length,S=Math.max(parseInt(g.currentSlide.attrs.commentsCount,10)||0,w);o.length>0&&(r.show(i),H(S)),l[e]={html:i.innerHTML,count:S,hasMore:v,nextOffset:y},r.hide(c)}else p()}},u.onerror=function(){d()&&(delete s[e],g.currentSlide&&g.currentSlide.attrs.attachmentId===e&&p())},u.send()}}function M(e){var t=e.attrs,r=e.el.querySelector("img");if(!r.hasAttribute("data-loaded"))if(r.setAttribute("itemprop","image"),r.setAttribute("data-loaded",1),t.previewImage&&t.previewImage!==t.src){r.src=t.previewImage,r.style.filter="blur(8px)";var o=new window.Image;o.addEventListener("load",function(){r.hasAttribute("data-zoom-loaded")||(r.src=t.src),r.style.filter=""},{once:!0}),o.addEventListener("error",function(){r.style.filter=""},{once:!0}),o.src=t.src}else r.src=t.src}function F(e){var t=e.attrs.originalElement;if(t)if(t.complete&&0!==t.naturalHeight)O(e,t);else{var r=function(){t.removeEventListener("error",o),O(e,t)},o=function(){t.removeEventListener("load",r)};t.addEventListener("load",r,{once:!0}),t.addEventListener("error",o,{once:!0})}}function O(e,r){var o=t.getBackgroundImage(r);o&&(e.backgroundImage=o,e.el.style.backgroundImage="url("+o+")",e.el.style.backgroundSize="cover",e.el.style.backgroundPosition="center")}function W(){g.commentField&&(g.commentField.value="")}function N(e,o){g.slides=[];var a={width:window.innerWidth,height:window.innerHeight-64};0!==o&&null!==e[o].getAttribute("data-gallery-src")&&((new Image).src=e[o].getAttribute("data-gallery-src")),Array.prototype.forEach.call(e,function(e,o){var n=r.closest(e,"a"),i=e.getAttribute("data-orig-file")||e.getAttribute("src-orig"),l=e.getAttribute("data-attachment-id")||e.getAttribute("data-id")||"0",s=document.querySelector('img[data-attachment-id="'+l+'"] + figcaption');s=s?s.innerHTML:e.getAttribute("data-image-caption");var c={originalElement:e,attachmentId:l,commentsOpened:e.getAttribute("data-comments-opened")||"0",commentsCount:e.getAttribute("data-comments-count")||"0",imageMeta:r.getJSONAttribute(e,"data-image-meta")||{},title:e.getAttribute("data-image-title")||"",desc:e.getAttribute("data-image-description")||"",largeFile:e.getAttribute("data-large-file")||"",origFile:i||"",thumbSize:{width:e.naturalWidth,height:e.naturalHeight},caption:s||"",permalink:n&&n.getAttribute("href"),src:i||e.getAttribute("src")||""},u=r.closest(e,".tiled-gallery-item"),d=u&&u.querySelector(".tiled-gallery-caption"),m=d&&d.innerHTML;m&&(c.caption=m);var p=function(e){var t=e.getAttribute("data-orig-size")||"";if(t){var r=t.split(",");return{width:parseInt(r[0],10),height:parseInt(r[1],10)}}return{width:e.getAttribute("data-original-width")||e.getAttribute("width")||void 0,height:e.getAttribute("data-original-height")||e.getAttribute("height")||void 0}}(e);if(c.origWidth=p.width||c.thumbSize.width,c.origHeight=p.height||c.thumbSize.height,"undefined"!=typeof wpcom&&wpcom.carousel&&wpcom.carousel.generateImgSrc)c.src=wpcom.carousel.generateImgSrc(e,a);else{var h=function(e){return{origFile:c.src,origWidth:c.origWidth,origHeight:c.origHeight,maxWidth:a.width,maxHeight:a.height,largeFile:c.largeFile,zoomHeadroom:e}};c.zoomSrc=q(h(2)),c.src=q(h(1))}if(e.setAttribute("data-gallery-src",c.src),"0"!==c.attachmentId){c.title=t.texturize(c.title),c.desc=t.texturize(c.desc),c.caption=t.texturize(c.caption);var f=new Image,v=document.createElement("div");v.classList.add("swiper-slide"),v.setAttribute("itemprop","associatedMedia"),v.setAttribute("itemscope",""),v.setAttribute("itemtype","https://schema.org/ImageObject");var y=document.createElement("div");y.classList.add("swiper-zoom-container"),g.gallery.appendChild(v),v.appendChild(y),y.appendChild(f),v.setAttribute("data-attachment-id",c.attachmentId),v.setAttribute("data-permalink",c.permalink),v.setAttribute("data-orig-file",c.origFile),c.previewImage=e.currentSrc||e.getAttribute("src")||"";var w={el:v,attrs:c,index:o};g.slides.push(w)}})}function z(e,t){if(!window.JetpackSwiper){var o=document.querySelector("#jp-carousel-loading-overlay");r.show(o);var a=document.createElement("script");return a.id="jetpack-carousel-swiper-js",a.src=window.jetpackSwiperLibraryPath.url,a.async=!0,a.onload=function(){r.hide(o),R(e,t)},a.onerror=function(){r.hide(o)},void document.head.appendChild(a)}R(e,t)}function R(t,o){var c,u={imgSelector:".gallery-item [data-attachment-id], .tiled-gallery-item [data-attachment-id], img[data-attachment-id], img[data-id]",startIndex:0},d=r.getJSONAttribute(t,"data-carousel-extra");if(!d)return;const m=t.querySelectorAll(u.imgSelector);if(m.length&&(j(),!g.isOpen)){for(var p in g.isOpen=!0,a=getComputedStyle(document.body).overflow,document.body.style.overflow="hidden",n=getComputedStyle(document.documentElement).overflow,document.documentElement.style.overflow="hidden",i=window.scrollY||window.pageYOffset||0,g.container.setAttribute("data-carousel-extra",JSON.stringify(d)),h(["open","view_image"]),o||{})u[p]=o[p];-1===u.startIndex&&(u.startIndex=0),r.emitEvent(g.overlay,"jp_carousel.beforeOpen"),g.gallery.innerHTML="",l={},s={},g.overlay.style.opacity=1,g.overlay.style.display="block",N(m,u.startIndex),(e=new window.JetpackSwiper(".jp-carousel-swiper-container",{centeredSlides:!0,speed:r.prefersReducedMotion()?0:250,zoom:!0,loop:g.slides.length>1,enabled:g.slides.length>1,pagination:{el:".jp-swiper-pagination",clickable:!0},navigation:{nextEl:".jp-swiper-button-next",prevEl:".jp-swiper-button-prev"},initialSlide:u.startIndex,on:{init:function(){C(u.startIndex)}},preventClicks:!1,preventClicksPropagation:!1,preventInteractionOnTransition:!r.isTouch(),threshold:5})).on("slideChange",function(e){g.isOpen&&(C(e.realIndex),g.overlay.classList.remove("jp-carousel-hide-control
1881s"))}),e.on("zoomChange",function(e,t){t>1&&(function(e){if(e&&e.attrs.zoomSrc&&e.attrs.zoomSrc!==e.attrs.src){var t=e.el.querySelector("img");t&&!t.hasAttribute("data-zoom-loaded")&&(t.setAttribute("data-zoom-loaded",1),t.src=e.attrs.zoomSrc)}}(g.currentSlide),g.overlay.classList.add("jp-carousel-hide-controls")),1===t&&g.overlay.classList.remove("jp-carousel-hide-controls")}),e.on("doubleTap",function(e){if(clearTimeout(c),1===e.zoom.scale)var t=setTimeout(function(){g.overlay.classList.remove("jp-carousel-hide-controls"),clearTimeout(t)},150)}),e.on("tap",function(){e.zoom.scale>1&&(c=setTimeout(function(){g.overlay.classList.toggle("jp-carousel-hide-controls")},150))}),r.fadeIn(g.overlay,function(){r.emitEvent(g.overlay,"jp_carousel.afterOpen")})}}function P(e){if("click"!==e.type){if("keydown"===e.type){const t=document.activeElement.parentElement,r=t&&t.classList.contains("tiled-gallery__item");" "!==e.key&&"Enter"!==e.key||!r||$(e)}}else $(e)}function D(e){return(e||"").split("?")[0].replace(/\/$/,"")}function J(e){"A"===e.tagName&&(e=e.querySelector("img")||e);var t=e.parentElement,o=t?t.parentElement:null,a=null;if(o&&o.classList.contains("wp-block-image")?a=t.getAttribute("href"):t&&t.classList.contains("wp-block-image")&&t.querySelector(":scope > a")&&(a=t.querySelector(":scope > a").getAttribute("href")),a){var n=D(a),i=D(e.getAttribute("data-orig-file")),l=D(e.getAttribute("data-permalink"));if(n!==i&&n!==l)return!1}return!(t&&t.classList.contains("gallery-caption")||r.matches(t,"figcaption"))}function $(e){if(window.CSS&&window.CSS.supports&&window.CSS.supports("display","grid")){var t,o=e.target,a=r.closest(o,d);if(a){if(!(t=a)||!t.getAttribute("data-carousel-extra"))return;if(!J(o))return;document.documentElement.style.height="auto",e.preventDefault(),e.stopPropagation();var n=r.closest(o,p),i=Array.prototype.indexOf.call(a.querySelectorAll(p),n);z(a,{startIndex:i})}}}document.body.addEventListener("click",P),document.body.addEventListener("keydown",P),document.querySelectorAll(m+"img").forEach(function(e){J(e)&&S(e)}),1===Number(jetpackCarouselStrings.single_image_gallery)&&(L(),document.body.addEventListener("is.post-load",function(){L()})),window.addEventListener("hashchange",function(){var e=/jp-carousel-(\d+)/;if(window.location.hash&&e.test(window.location.hash)){if(window.location.hash!==c||!g.isOpen)if(window.location.hash&&g.gallery&&!g.isOpen&&history.back)history.back();else{c=window.location.hash;for(var t=window.location.hash.match(e),r=parseInt(t[1],10),o=document.querySelectorAll(d),a=0;a<o.length;a++){for(var n,i=o[a],l=i.querySelectorAll("img"),s=0;s<l.length;s++)if(parseInt(l[s].getAttribute("data-attachment-id"),10)===r||parseInt(l[s].getAttribute("data-id"),10)===r){n=s;break}if(void 0!==n){x(i,n);break}}}}else g.isOpen&&k()}),window.location.hash&&r.emitEvent(window,"hashchange")}"loading"!==document.readyState?o():document.addEventListener("DOMContentLoaded",o)}();; 1882( function () { 1883 'use strict'; 1884 1885 if ( typeof window.wpcom === 'undefined' ) { 1886 window.wpcom = {}; 1887 } 1888 1889 if ( window.wpcom.carousel ) { 1890 return; 1891 } 1892 1893 var prebuilt_widths = jetpackCarouselStrings.widths; 1894 var pageviews_stats_args = jetpackCarouselStrings.stats_query_args; 1895 1896 var findFirstLargeEnoughWidth = function ( original_w, original_h, dest_w, dest_h ) { 1897 var inverse_ratio = original_h / original_w; 1898 1899 for ( var i = 0; i < prebuilt_widths.length; ++i ) { 1900 if ( prebuilt_widths[ i ] >= dest_w || prebuilt_widths[ i ] * inverse_ratio >= dest_h ) { 1901 return prebuilt_widths[ i ]; 1902 } 1903 } 1904 1905 return original_w; 1906 }; 1907 1908 var removeResizeFromImageURL = function ( url ) { 1909 return removeArgFromURL( url, 'resize' ); 1910 }; 1911 1912 var removeArgFromURL = function ( url, arg ) { 1913 var re = new RegExp( '[\\?&]' + arg + '(=[^?&]+)?' ); 1914 if ( url.match( re ) ) { 1915 return url.replace( re, '' ); 1916 } 1917 return url; 1918 }; 1919 1920 var addWidthToImageURL = function ( url, width ) { 1921 width = parseInt( width, 10 ); 1922 // Give devices with a higher devicePixelRatio higher-res images (Retina display = 2, Android phones = 1.5, etc) 1923 if ( 'undefined' !== typeof window.devicePixelRatio && window.devicePixelRatio > 1 ) { 1924 width = Math.round( width * window.devicePixelRatio ); 1925 } 1926 url = addArgToURL( url, 'w', width ); 1927 url = addArgToURL( url, 'h', '' ); 1928 return url; 1929 }; 1930 1931 var addArgToURL = function ( url, arg, value ) {
1932 var re = new RegExp( arg + '=[^?&]+' ); 1933 if ( url.match( re ) ) { 1934 return url.replace( re, arg + '=' + value ); 1935 } else { 1936 var divider = url.indexOf( '?' ) !== -1 ? '&' : '?'; 1937 return url + divider + arg + '=' + value; 1938 } 1939 }; 1940 1941 var stat = function ( names ) { 1942 if ( typeof names !== 'string' ) { 1943 names = names.join( ',' ); 1944 } 1945 1946 new Image().src = window.location.protocol + 1947 '//pixel.wp.com/g.gif?v=wpcom-no-pv' + 1948 '&x_carousel=' + names + 1949 '&baba=' + Math.random(); 1950 }; 1951 1952 var lastTrackedPostId = null; 1953 1954 var pageview = function ( post_id ) { 1955 // Prevent duplicate tracking of the same post during slide transitions 1956 if ( post_id === lastTrackedPostId ) { 1957 return; 1958 } 1959 1960 lastTrackedPostId = post_id; 1961 1962 new Image().src = window.location.protocol + 1963 '//pixel.wp.com/g.gif?host=' + encodeURIComponent( window.location.host ) + 1964 '&ref=' + encodeURIComponent( document.referrer ) + 1965 '&rand=' + Math.random() + 1966 '&' + pageviews_stats_args + 1967 '&post=' + encodeURIComponent( post_id ); 1968 }; 1969 1970 var generateImgSrc = function ( srcItem, max ) { 1971 var origSize = srcItem.getAttribute( 'data-orig-size' ) || ''; 1972 1973 var src = srcItem.getAttribute( 'src' ) || srcItem.getAttribute( 'original' ) || srcItem.getAttribute( 'data-original' ) || srcItem.getAttribute( 'data-lazy-src' ); 1974 if ( src.indexOf( 'imgpress' ) !== -1 ) { 1975 src = srcItem.getAttribute( 'data-orig-file' ); 1976 } 1977 // Square/Circle galleries use a resize param that needs to be removed. 1978 src = removeResizeFromImageURL( src ); 1979 src = addWidthToImageURL( 1980 src, 1981 findFirstLargeEnoughWidth( origSize.width, origSize.height, max.width, max.height ) 1982 ); 1983 1984 return src; 1985 }; 1986 1987 window.wpcom.carousel = { 1988 findFirstLargeEnoughWidth: findFirstLargeEnoughWidth, 1989 removeResizeFromImageURL: removeResizeFromImageURL, 1990 addWidthToImageURL: addWidthToImageURL, 1991 stat: stat, 1992 pageview: pageview, 1993 generateImgSrc: generateImgSrc 1994 }; 1995 1996} )(); 1997; 1998!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()}
1998,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}
1998,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.