1!function(){"use strict";var e,t={noop:function(){},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.
1info.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)}}
1({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"}
1function 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
1s"))}),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)}();; 2/** 3 * Comment Likes - JavaScript 4 * 5 * This handles liking and unliking comments, as well as viewing who has 6 * liked a particular comment. 7 * 8 * @dependency Swipe (dynamically loaded when needed) 9 * 10 * @package Comment_Likes 11 * @subpackage JavaScript 12 */ 13(function () { 14 function init() { 15 let extWin; 16 let extWinCheck; 17 let commentLikeEvent; 18 19 // Only run once. 20 if (window.comment_likes_loaded) { 21 return; 22 } 23 window.comment_likes_loaded = true; 24 25 // Client-side cache of who liked a particular comment to avoid 26 // having to hit the server multiple times for the same data. 27 const commentLikeCache = {}; 28 29 let swipeLibPromise; 30 31 // Load the Swipe library, if it's not already loaded. 32 function swipeLibLoader() { 33 if (!swipeLibPromise) { 34 swipeLibPromise = new Promise((resolve, reject) => { 35 if (window.Swipe) { 36 resolve(window.Swipe); 37 } else { 38 const swipeScript = document.createElement('script'); 39 swipeScript.src = comment_like_text.swipeUrl; 40 swipeScript.async = true; 41 document.body.appendChild(swipeScript); 42 swipeScript.addEventListener('load', () => resolve(window.Swipe)); 43 swipeScript.addEventListener('error', error => reject(error)); 44 } 45 }); 46 } 47 return swipeLibPromise; 48 } 49 50 /** 51 * Parse the comment ID from a comment like link. 52 */ 53 function getCommentId(link) { 54 const commentId = 55 link && link.getAttribute('href') && link.getAttribute('href').split('like_comment='); 56 return commentId[1].split('&_wpnonce=')[0]; 57 } 58 59 /** 60 * Handle an ajax action on the comment like link. 61 */ 62 function handleLinkAction(link, action, commentId, callback) { 63 const nonce = 64 link && link.getAttribute('href') && link.getAttribute('href').split('_wpnonce=')[1]; 65 66 fetch('/wp-admin/admin-ajax.php', { 67 method: 'POST', 68 body: new URLSearchParams({ 69 action: action, 70 _wpnonce: nonce, 71 like_comment: commentId, 72 blog_id: Number(link.dataset.blog), 73 }), 74 headers: { 75 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8', 76 'X-Requested-With': 'XMLHttpRequest', 77 Accept: 'application/json', 78 'cache-control': 'no-cache', 79 pragma: 'no-cache', 80 }, 81 }) 82 .then(response => response.json()) 83 .then(callback); 84 } 85 86 function startPolling() { 87 // Append cookie polling login iframe to this window to wait for user to finish logging in (or cancel) 88 const loginIframe = document.createElement('iframe'); 89 loginIframe.id = 'wp-login-polling-iframe'; 90 loginIframe.src = 'https://wordpress.com/public.api/connect/?iframe=true'; 91 document.body.appendChild(loginIframe); 92 loginIframe.style.display = 'none'; 93 } 94 95 function stopPolling() { 96 const iframe = document.querySelector('#wp-login-polling-iframe'); 97 if (iframe) { 98 iframe.remove(); 99 } 100 } 101 102 function hide(el) { 103 if (el && el.style) { 104 el.style.display = 'none'; 105 } 106 } 107 108 function show(el) { 109 if (el && el.style) { 110 el.style.removeProperty('display'); 111 } 112 } 113 114 // Overlay used for displaying comment like info. 115 class Overlay { 116 constructor() { 117 // Overlay element. 118 this.el = document.createElement('div'); 119 this.el.classList.add('comment-likes-overlay'); 120 document.body.appendChild(this.el); 121 hide(this.el); 122 123 this.el.addEventListener('mouseenter', () => { 124 // Don't hide the overlay if the user is mousing over it. 125 overlay.cancelHide(); 126 }); 127 128 this.el.addEventListener('mouseleave', () => overlay.requestHide()); 129 130 // Inner contents of overlay. 131 this.innerEl = null; 132 133 // Instance of the Swipe library. 134 this.swipe = null; 135 136 // Timeout used for hiding the overlay. 137 this.hideTimeout = null; 138 } 139 140 // Initialise the overlay for use, removing any old content. 141 clear() { 142 // Unload any previous instance of Swipe (to avoid leaking a global 143 // event handler). This is done before clearing the contents of the 144 // overlay because Swipe expects the slides to still be present. 145 if (this.swipe) { 146 this.swipe.kill(); 147 this.swipe = null; 148 } 149 this.el.innerHTML = ''; 150 this.innerEl = document.createElement('div'); 151 this.innerEl.classList.add('inner'); 152 this.el.appendChild(this.innerEl); 153 } 154 155 /** 156 * Construct a list (<ul>) of user (gravatar, name) details. 157 * 158 * @param data liker data returned from the server 159 * @param klass CSS class to apply to the <ul> element 160 * @param start index of user to start at 161 * @param length number of users to include in the list 162 * 163 * @return A container element with the list 164 */ 165 getUserBits(data, klass, start, length) { 166 start = start || 0; 167 let last = start + (length || data.length); 168 last = last > data.length ? data.length : last; 169 const container = document.createElement('div'); 170 container.classList.add('liker-list'); 171 let html = `<ul class="${klass || ''}">`; 172 for (let i = start; i < last; ++i) { 173 const user = data[i]; 174 html += ` 175 <li> 176 <a rel="nofollow" title="${user.display_name_esc}" href="${user.profile_url_esc}"> 177 <img src="${user.avatar_url_esc}" alt="${user.display_name_esc}" /> 178 <span class="user-name">${user.display_name_esc}</span> 179 </a> 180 </li> 181 `; 182 } 183 html += '</ul>'; 184 container.innerHTML = html; 185 return container; 186 } 187 188 /** 189 * Render the display of who has liked this comment. The type of 190 * display depends on how many people have liked the comment. 191 * If more than 10 people have liked the comment, this function 192 * renders navigation controls and sets up the Swipe library for 193 * changing between pages. 194 * 195 * @param link the element over which the user is hovering 196 * @param data the results retrieved from the server 197 */ 198 showLikes(link, data) { 199 this.clear(); 200 201 link.dataset.likeCount = data.length; 202 if (data.length === 0) { 203 // No likers after all. 204 hide(this.el); 205 return; 206 } 207 208 this.innerEl.style.padding = '12px'; 209 210 if (data.length < 6) { 211 // Only one column needed. 212 this.innerEl.style.maxWidth = '200px'; 213 this.innerEl.innerHTML = ''; 214 this.innerEl.appendChild(this.getUserBits(data, 'single')); 215 this.setPosition(link); 216 } else if (data.length < 11) { 217 // Two columns, but only one page. 218 this.innerEl.innerHTML = ''; 219 this.innerEl.appendChild(this.getUserBits(data, 'double')); 220 this.setPosition(link); 221 } else { 222 // Multiple pages. 223 this.renderLikesWithPagination(data, link); 224 } 225 } 226 227 /**
228 * Render multiple pages of likes with pagination controls. 229 * This function is intended to be called by `showLikes` above. 230 * 231 * @param data the results retrieved from the server 232 */ 233 renderLikesWithPagination(data, link) { 234 swipeLibLoader().then(() => { 235 const page_count = Math.ceil(data.length / 10); 236 // Swipe requires two nested containers. 237 const swipe = document.createElement('div'); 238 swipe.classList.add('swipe'); 239 this.innerEl.appendChild(swipe); 240 241 const wrap = document.createElement('div'); 242 wrap.classList.add('swipe-wrap'); 243 swipe.appendChild(wrap); 244 245 for (let i = 0; i < page_count; ++i) { 246 wrap.appendChild(this.getUserBits(data, 'double', i * 10, 10)); 247 } 248 249 /** 250 * Navigation controls. 251 * This is based on the Newdash controls found in 252 * reader/recommendations-templates.php 253 */ 254 const nav = document.createElement('nav'); 255 nav.classList.add('slider-nav'); 256 257 let navContents = ` 258 <a href="#" class="prev"> 259 <span class="noticon noticon-previous" title="Previous" alt="<"></span> 260 </a> 261 <span class="position"> 262 `; 263 for (let i = 0; i < page_count; ++i) { 264 navContents += `<em data-page="${i}" class="${i === 0 ? 'on' : ''}">•</em>`; 265 } 266 navContents += ` 267 </span> 268 <a href="#" class="next"> 269 <span class="noticon noticon-next" title="Next" alt=">"></span> 270 </a> 271 `; 272 this.innerEl.appendChild(nav); 273 nav.innerHTML = navContents; 274 275 /** Set up Swipe. **/ 276 // Swipe cannot be set up successfully unless its container 277 // is visible, so we show it now. 278 show(this.el); 279 this.setPosition(link); 280 281 this.swipe = new Swipe(swipe, { 282 callback: function (pos) { 283 // Update the pagination indicators. 284 // 285 // If there are exactly two pages, Swipe has a weird 286 // special case where it duplicates both pages and 287 // can return index 2 and 3 even though those aren't 288 // real pages (see swipe.js, line 47). To deal with 289 // this, we use the expression `pos % page_count`. 290 pos = pos % page_count; 291 nav.querySelectorAll('em').forEach(em => { 292 const page = Number(em.dataset.page); 293 em.setAttribute('class', pos === page ? 'on' : ''); 294 }); 295 }, 296 }); 297 298 nav.querySelectorAll('em').forEach(em => { 299 em.addEventListener('click', e => { 300 // Go to the page corresponding to the indicator clicked. 301 this.swipe.slide(Number(em.dataset.page)); 302 e.preventDefault(); 303 }); 304 }); 305 // Previous and next buttons. 306 nav.querySelector('.prev').addEventListener('click', e => { 307 this.swipe.prev(); 308 e.preventDefault(); 309 }); 310 nav.querySelector('.next').addEventListener('click', e => { 311 this.swipe.next(); 312 e.preventDefault(); 313 }); 314 }); 315 } 316 317 /** 318 * Open the overlay and show a loading message. 319 */ 320 showLoadingMessage(link) { 321 this.clear(); 322 this.innerEl.textContent = comment_like_text.loading; 323 this.setPosition(link); 324 } 325 326 /** 327 * Position the overlay near the current comment. 328 * 329 * @param link element near which to position the overlay 330 */ 331 setPosition(link) { 332 // Prepare a down arrow icon for the bottom of the overlay. 333 const icon = document.createElement('span'); 334 this.el.appendChild(icon); 335 icon.classList.add('icon', 'noticon', 'noticon-downarrow'); 336 icon.style.textShadow = '0px 1px 1px rgb(223, 223, 223)'; 337 338 const rect = link.getBoundingClientRect(); 339 const win = document.defaultView; 340 const offset = { 341 top: rect.top + win.scrollY, 342 left: rect.left + win.scrollX, 343 }; 344 345 // Take measurements with the element fully visible. 346 show(this.el); 347 let left = offset.left - (this.el.offsetWidth - link.offsetWidth) / 2; 348 left = left < 5 ? 5 : left; 349 let top = offset.top - this.el.offsetHeight + 5; 350 hide(this.el); 351 352 const adminBar = document.querySelector('#wpadminbar'); 353 354 // Check if the overlay would appear off the screen. 355 if (top < win.scrollY + ((adminBar && adminBar.offsetHeight) || 0)) { 356 // We'll display the overlay beneath the link instead. 357 top = offset.top + link.offsetHeight; 358 // Instead of using the down arrow icon, use an up arrow. 359 icon.remove(); 360 this.el.prepend(icon); 361 icon.classList.remove('noticon-downarrow'); 362 icon.classList.add('noticon-uparrow'); 363 icon.style.textShadow = '0px -1px 1px rgb(223, 223, 223)'; 364 icon.style.verticalAlign = 'bottom'; 365 } 366 367 this.el.style.left = `${left}px`; 368 this.el.style.top = `${top}px`; 369 show(this.el); 370 371 // The height of the arrow icon differs slightly between browsers, 372 // so we compute the margin here to make sure it isn't disjointed 373 // from the overlay. 374 icon.style.marginTop = `${icon.scrollHeight - 26}px`; 375 icon.style.marginBottom = `${20 - icon.scrollHeight}px`; 376 377 // Position the arrow to be horizontally centred on the link. 378 icon.style.paddingLeft = `${ 379 offset.left - left + (link.offsetWidth - icon.scrollWidth) / 2 380 }px`; 381 } 382 383 /** 384 * Return whether the overlay is visible. 385 */ 386 isVisible() { 387 return this.el.style.getPropertyValue('display') !== 'none'; 388 } 389 390 /** 391 * Request that the overlay be hidden after a short delay. 392 */ 393 requestHide() { 394 if (this.hideTimeout !== null) { 395 return; 396 } 397 this.hideTimeout = setTimeout(() => { 398 hide(this.el); 399 this.clear(); 400 }, 300); 401 } 402 403 /** 404 * Cancel a request to hide the overlay. 405 */ 406 cancelHide() { 407 if (this.hideTimeout !== null) { 408 clearTimeout(this.hideTimeout); 409 this.hideTimeout = null; 410 } 411 } 412 } 413 414 // Overlay used for displaying comment like info.
415 const overlay = new Overlay(); 416 417 // The most recent comment for which the user has requested to see 418 // who liked it. 419 var relevantComment; 420 421 // Precache after this timeout. 422 var precacheTimeout = null; 423 424 /** 425 * Fetch the like data for a particular comment. 426 */ 427 function fetchLikeData(link, commentId) { 428 commentLikeCache[commentId] = null; 429 430 const container = link && link.parentElement && link.parentElement.parentElement; 431 const star = container.querySelector('a.comment-like-link'); 432 star && 433 handleLinkAction(star, 'view_comment_likes', commentId, data => { 434 // Populate the cache. 435 commentLikeCache[commentId] = data; 436 437 // Only show the overlay if the user is interested. 438 if (overlay.isVisible() && relevantComment === commentId) { 439 overlay.showLikes(link, data); 440 } 441 }); 442 } 443 444 function readCookie(c) { 445 const nameEQ = c + '='; 446 const cookieStrings = document.cookie.split(';'); 447 448 for (let i = 0; i < cookieStrings.length; i++) { 449 let cookieString = cookieStrings[i]; 450 while (cookieString.charAt(0) === ' ') { 451 cookieString = cookieString.substring(1, cookieString.length); 452 } 453 if (cookieString.indexOf(nameEQ) === 0) { 454 const chunk = cookieString.substring(nameEQ.length, cookieString.length); 455 const pairs = chunk.split('&'); 456 const cookieData = {}; 457 for (let num = pairs.length - 1; num >= 0; num--) { 458 const pair = pairs[num].split('='); 459 cookieData[pair[0]] = decodeURIComponent(pair[1]); 460 } 461 return cookieData; 462 } 463 } 464 return null; 465 } 466 467 function getServiceData() { 468 const data = readCookie('wpc_wpc'); 469 if (data === null || typeof data.access_token === 'undefined' || !data.access_token) { 470 return false; 471 } 472 return data; 473 } 474 475 function readMessage(msg) { 476 const event = msg.data; 477 478 if (typeof event.event === 'undefined') { 479 return; 480 } 481 482 if (event.event === 'login' && event.success) { 483 extWinCheck = setInterval(function () { 484 if (!extWin || extWin.closed) { 485 clearInterval(extWinCheck); 486 if (getServiceData()) { 487 // Load page in an iframe to get the current comment nonce 488 const nonceIframe = document.createElement('iframe'); 489 nonceIframe.id = 'wp-login-comment-nonce-iframe'; 490 nonceIframe.style.display = 'none'; 491 nonceIframe.src = commentLikeEvent + ''; 492 document.body.appendChild(nonceIframe); 493 494 const commentLikeId = (commentLikeEvent + '') 495 .split('like_comment=')[1] 496 .split('&_wpnonce=')[0]; 497 let c; 498 499 // Set a 5 second timeout to redirect to the comment page without doing the Like as a fallback 500 const commentLikeTimeout = setTimeout(() => { 501 window.location = commentLikeEvent; 502 }, 5000); 503 504 // Check for a new nonced redirect and use that if available before timing out 505 const commentLikeCheck = setInterval(() => { 506 const iframe = document.querySelector('#wp-login-comment-nonce-iframe'); 507 if (iframe) { 508 c = iframe.querySelector(`#comment-like-${commentLikeId} .comment-like-link`); 509 } 510 if (c && typeof c.href !== 'undefined') { 511 clearTimeout(commentLikeTimeout); 512 clearInterval(commentLikeCheck); 513 window.location = c.href; 514 } 515 }, 100); 516 } 517 } 518 }, 100); 519 520 if (extWin) { 521 if (!extWin.closed) { 522 extWin.close(); 523 } 524 extWin = false; 525 } 526 527 stopPolling(); 528 } 529 } 530 531 if (typeof window.postMessage !== 'undefined') { 532 window.addEventListener('message', e => { 533 let message = e && e.data; 534 if (typeof message === 'string') { 535 try { 536 message = JSON.parse(message); 537 } catch (err) { 538 return; 539 } 540 } 541 542 const type = message && message.type; 543 if (type === 'loginMessage') { 544 readMessage(message); 545 } 546 }); 547 } 548 549 document.body.addEventListener('click', e => { 550 let target = e.target; 551 552 // Don't do anything when clicking on the "X people" link. 553 if (target.matches('p.comment-likes a.view-likers')) { 554 e.preventDefault(); 555 return; 556 } 557 558 // Retrieve the surrounding paragraph to the star, if it hasn't been liked. 559 const notLikedPar = target.closest('p.comment-not-liked'); 560 561 // Return if not clicking on star or surrounding paragraph. 562 if (!target.matches('a.comment-like-link') && !notLikedPar) { 563 return; 564 } 565 566 // When a comment hasn't been liked, make the text clickable, too. 567 if (notLikedPar) { 568 target = notLikedPar.querySelector('a.comment-like-link'); 569 if (!target) { 570 return; 571 } 572 } 573 574 if (target.classList.contains('needs-login')) { 575 e.preventDefault(); 576 commentLikeEvent = target; 577 if (extWin) { 578 if (!extWin.closed) { 579 extWin.close(); 580 } 581 extWin = false;
582 } 583 584 stopPolling(); 585 586 const url = 'https://wordpress.com/public.api/connect/?action=request&service=wordpress'; 587 extWin = window.open( 588 url, 589 'likeconn', 590 'status=0,toolbar=0,location=1,menubar=0,directories=0,resizable=1,scrollbars=1,height=560,width=500' 591 ); 592 593 startPolling(); 594 595 return false; 596 } 597 598 // Record that the user likes or does not like this comment. 599 const commentId = getCommentId(target); 600 target.classList.add('loading'); 601 602 let commentEl = document.querySelector(`p#comment-like-${commentId}`); 603 // Determine whether to like or unlike based on whether the comment is 604 // currently liked. 605 const action = 606 commentEl && commentEl.dataset.liked === 'comment-liked' 607 ? 'unlike_comment' 608 : 'like_comment'; 609 handleLinkAction(target, action, commentId, data => { 610 // Invalidate the like cache for this comment. 611 delete commentLikeCache[commentId]; 612 613 const countEl = document.querySelector(`#comment-like-count-${data.context}`); 614 if (countEl) { 615 countEl.innerHTML = data.display; 616 } 617 618 commentEl = document.querySelector(`p#comment-like-${data.context}`); 619 if (action === 'like_comment') { 620 commentEl.classList.remove('comment-not-liked'); 621 commentEl.classList.add('comment-liked'); 622 commentEl.dataset.liked = 'comment-liked'; 623 } else { 624 commentEl.classList.remove('comment-liked'); 625 commentEl.classList.add('comment-not-liked'); 626 commentEl.dataset.liked = 'comment-not-liked'; 627 } 628 629 // Prefetch new data for this comment (if there are likers left). 630 const parent = target.closest('.comment-likes'); 631 const link = parent && parent.querySelector('a.view-likers'); 632 if (link) { 633 fetchLikeData(link, commentId); 634 } 635 636 target.classList.remove('loading'); 637 }); 638 e.preventDefault(); 639 e.stopPropagation(); 640 }); 641 642 document.body.addEventListener( 643 'mouseenter', 644 function (e) { 645 if (!e.target.matches('p.comment-likes a.view-likers')) { 646 return; 647 } 648 // Show the user a list of who has liked this comment. 649 650 const link = e.target; 651 if (Number(link.dataset.likeCount || 0) === 0) { 652 // No one has liked this comment. 653 return; 654 } 655 656 // Don't hide the overlay. 657 overlay.cancelHide(); 658 659 // Get the comment ID. 660 const container = link.parentElement && link.parentElement.parentElement; 661 const star = container && container.querySelector('a.comment-like-link'); 662 const commentId = star && getCommentId(star); 663 relevantComment = commentId; 664 665 // Check if the list of likes for this comment is already in 666 // the cache. 667 if (commentId in commentLikeCache) { 668 const entry = commentLikeCache[commentId];
669 // Only display the likes if the ajax request is 670 // actually done. 671 if (entry !== null) { 672 overlay.showLikes(link, entry); 673 } else { 674 // Make sure the overlay is visible (in case 675 // the user moved the mouse away while loading 676 // but then came back before it finished 677 // loading). 678 overlay.showLoadingMessage(link); 679 } 680 return; 681 } 682 683 // Position the "Loading..." overlay. 684 overlay.showLoadingMessage(link); 685 686 // Fetch the data. 687 fetchLikeData(link, commentId); 688 }, 689 true 690 ); 691 692 document.body.addEventListener( 693 'mouseleave', 694 e => { 695 if (!e.target.matches('p.comment-likes a.view-likers')) { 696 return; 697 } 698 // User has moved cursor away - hide the overlay. 699 overlay.requestHide(); 700 }, 701 true 702 ); 703 704 document.body.addEventListener( 705 'mouseenter', 706 e => { 707 if (!e.target.matches('.comment') || !e.target.querySelector('a.comment-like-link')) { 708 return; 709 } 710 // User is moving over a comment - precache the comment like data.
711 if (precacheTimeout !== null) { 712 clearTimeout(precacheTimeout); 713 precacheTimeout = null; 714 } 715 716 const star = e.target.querySelector('a.comment-like-link'); 717 const parent = star.closest('.comment-likes'); 718 const link = parent && parent.querySelector('a.view-likers'); 719 if (!link || Number(link.dataset.likeCount || 0) === 0) { 720 // No likes. 721 return; 722 } 723 const commentId = getCommentId(star); 724 if (commentId in commentLikeCache) { 725 // Already in cache. 726 return; 727 } 728 729 precacheTimeout = setTimeout(() => { 730 precacheTimeout = null; 731 if (commentId in commentLikeCache) { 732 // Was cached in the interim. 733 return; 734 } 735 fetchLikeData(link, commentId); 736 }, 1000); 737 }, 738 true 739 ); 740 } 741 742 if (document.readyState !== 'loading') { 743 init(); 744 } else { 745 document.addEventListener('DOMContentLoaded', init); 746 } 747})(); 748; 749( function () { 750 'use strict'; 751 752 if ( typeof window.wpcom === 'undefined' ) { 753 window.wpcom = {}; 754 } 755 756 if ( window.wpcom.carousel ) { 757 return; 758 } 759 760 var prebuilt_widths = jetpackCarouselStrings.widths; 761 var pageviews_stats_args = jetpackCarouselStrings.stats_query_args; 762 763 var findFirstLargeEnoughWidth = function ( original_w, original_h, dest_w, dest_h ) { 764 var inverse_ratio = original_h / original_w; 765 766 for ( var i = 0; i < prebuilt_widths.length; ++i ) { 767 if ( prebuilt_widths[ i ] >= dest_w || prebuilt_widths[ i ] * inverse_ratio >= dest_h ) { 768 return prebuilt_widths[ i ]; 769 } 770 } 771 772 return original_w; 773 }; 774 775 var removeResizeFromImageURL = function ( url ) { 776 return removeArgFromURL( url, 'resize' ); 777 }; 778 779 var removeArgFromURL = function ( url, arg ) { 780 var re = new RegExp( '[\\?&]' + arg + '(=[^?&]+)?' ); 781 if ( url.match( re ) ) { 782 return url.replace( re, '' ); 783 } 784 return url; 785 }; 786 787 var addWidthToImageURL = function ( url, width ) { 788 width = parseInt( width, 10 ); 789 // Give devices with a higher devicePixelRatio higher-res images (Retina display = 2, Android phones = 1.5, etc) 790 if ( 'undefined' !== typeof window.devicePixelRatio && window.devicePixelRatio > 1 ) { 791 width = Math.round( width * window.devicePixelRatio ); 792 } 793 url = addArgToURL( url, 'w', width ); 794 url = addArgToURL( url, 'h', '' ); 795 return url; 796 }; 797 798 var addArgToURL = function ( url, arg, value ) { 799 var re = new RegExp( arg + '=[^?&]+' ); 800 if ( url.match( re ) ) { 801 return url.replace( re, arg + '=' + value ); 802 } else { 803 var divider = url.indexOf( '?' ) !== -1 ? '&' : '?'; 804 return url + divider + arg + '=' + value; 805 } 806 }; 807 808 var stat = function ( names ) { 809 if ( typeof names !== 'string' ) { 810 names = names.join( ',' ); 811 } 812 813 new Image().src = window.location.protocol + 814 '//pixel.wp.com/g.gif?v=wpcom-no-pv' + 815 '&x_carousel=' + names + 816 '&baba=' + Math.random(); 817 }; 818 819 var lastTrackedPostId = null; 820 821 var pageview = function ( post_id ) { 822 // Prevent duplicate tracking of the same post during slide transitions 823 if ( post_id === lastTrackedPostId ) { 824 return; 825 } 826 827 lastTrackedPostId = post_id; 828 829 new Image().src = window.location.protocol + 830 '//pixel.wp.com/g.gif?host=' + encodeURIComponent( window.location.host ) + 831 '&ref=' + encodeURIComponent( document.referrer ) + 832 '&rand=' + Math.random() + 833 '&' + pageviews_stats_args + 834 '&post=' + encodeURIComponent( post_id ); 835 }; 836 837 var generateImgSrc = function ( srcItem, max ) { 838 var origSize = srcItem.getAttribute( 'data-orig-size' ) || ''; 839 840 var src = srcItem.getAttribute( 'src' ) || srcItem.getAttribute( 'original' ) || srcItem.getAttribute( 'data-original' ) || srcItem.getAttribute( 'data-lazy-src' ); 841 if ( src.indexOf( 'imgpress' ) !== -1 ) { 842 src = srcItem.getAttribute( 'data-orig-file' ); 843 } 844 // Square/Circle galleries use a resize param that needs to be removed. 845 src = removeResizeFromImageURL( src ); 846 src = addWidthToImageURL( 847 src, 848 findFirstLargeEnoughWidth( origSize.width, origSize.height, max.width, max.height ) 849 ); 850 851 return src; 852 }; 853 854 window.wpcom.carousel = { 855 findFirstLargeEnoughWidth: findFirstLargeEnoughWidth, 856 removeResizeFromImageURL: removeResizeFromImageURL, 857 addWidthToImageURL: addWidthToImageURL, 858 stat: stat, 859 pageview: pageview, 860 generateImgSrc: generateImgSrc 861 }; 862 863} )(); 864;
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.