<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[11334] sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins: Plugin Directory: Render screenshot gallery directly into page.</title>
</head>
<body>

<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }
#msg dl a { font-weight: bold}
#msg dl a:link    { color:#fc3; }
#msg dl a:active  { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { white-space: pre-line; overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="http://meta.trac.wordpress.org/changeset/11334">11334</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"http://meta.trac.wordpress.org/changeset/11334","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>ryelle</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2021-11-17 21:56:16 +0000 (Wed, 17 Nov 2021)</dd>
</dl>

<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>Plugin Directory: Render screenshot gallery directly into page.

Fixes an issue where the attached click events were not registered, breaking the navigation between images in the slider.

Props sterndata, yaniiliev, paulbigai, collizo4sky, jsmoriss, fernandot, shetheliving, bedas, webdevmattcrom, fierevere.
Fixes <a href="http://meta.trac.wordpress.org/ticket/5952">#5952</a>.</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginsclientbuildjs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/build.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginsclientscreenshotsindexjs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/screenshots/index.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginsjsbuildthemeassetphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/js/build/theme.asset.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginsjsbuildthemejs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/js/build/theme.js</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginsclientbuildjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/build.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/build.js 2021-11-17 07:25:55 UTC (rev 11333)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/build.js   2021-11-17 21:56:16 UTC (rev 11334)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -8,26 +8,26 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> import Screenshots from './screenshots';
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-// Temporary hack to use the srceenshot viewer without the full React client
-const elements = document.querySelectorAll( '#screenshots figure' );
-const images = [];
-for ( let i = 0; i < elements.length; i++ ) {
-       const caption = elements[ i ].querySelector( 'figcaption' );
-       const item = {
-               src: elements[ i ].querySelector( 'img.screenshot' ).src,
-               caption: caption ? caption.textContent : '',
-       };
-       images.push( item );
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function initializeScreenshots( id ) {
+       const container = document.getElementById( id );
+       if ( ! container ) {
+               return;
+       }
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-if ( images.length > 0 ) {
-       const temp = document.createElement( 'div' );
-       const container = document.querySelector( '.entry-content' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ const elements = container.querySelectorAll( 'figure' );
+       const images = [];
+       for ( let i = 0; i < elements.length; i++ ) {
+               const caption = elements[ i ].querySelector( 'figcaption' );
+               const item = {
+                       src: elements[ i ].querySelector( 'img.screenshot' ).src,
+                       caption: caption ? caption.textContent : '',
+               };
+               images.push( item );
+       }
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        render( <Screenshots screenshots={ images } />, temp );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( images.length > 0 ) {
+               render( <Screenshots screenshots={ images } />, container );
+       }
+}
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        container.replaceChild(
-               temp.querySelector( '#screenshots' ),
-               document.getElementById( 'screenshots' )
-       );
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+initializeScreenshots( 'screenshots' );
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginsclientscreenshotsindexjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/screenshots/index.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/screenshots/index.js     2021-11-17 07:25:55 UTC (rev 11333)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/screenshots/index.js       2021-11-17 21:56:16 UTC (rev 11334)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,17 +1,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* global localeData */
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * External dependencies.
- */
-import PropTypes from 'prop-types';
-import { identity, map } from 'lodash';
-
-/**
</del><span class="cx" style="display: block; padding: 0 10px">  * Internal dependencies.
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> import ImageGallery from './image-gallery';
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-export const Screenshots = ( { screenshots } ) => {
-       const items = map( screenshots, ( { caption, src } ) => ( {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+export const Screenshots = ( { screenshots = [] } ) => {
+       if ( ! screenshots ) {
+               return null;
+       }
+
+       const items = screenshots.map( ( { caption, src } ) => ( {
</ins><span class="cx" style="display: block; padding: 0 10px">                 original: src,
</span><span class="cx" style="display: block; padding: 0 10px">                originalAlt: '',
</span><span class="cx" style="display: block; padding: 0 10px">                thumbnail: src,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -19,27 +17,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">                description: caption || false,
</span><span class="cx" style="display: block; padding: 0 10px">        } ) );
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        if ( items ) {
-               return (
-                       <div id="screenshots" className="plugin-screenshots">
-                               <h2>{ localeData.screenshots }</h2>
-                               <ImageGallery items={ items } />
-                       </div>
-               );
-       }
-
-       return null;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ return (
+               <div id="screenshots" className="plugin-screenshots">
+                       <h2>{ localeData.screenshots }</h2>
+                       <ImageGallery items={ items } />
+               </div>
+       );
</ins><span class="cx" style="display: block; padding: 0 10px"> };
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-Screenshots.propTypes = {
-       screenshots: PropTypes.arrayOf( PropTypes.object ),
-       translate: PropTypes.func,
-};
-
-Screenshots.defaultProps = {
-       screenshots: [],
-       translate: identity,
-};
-
-//export default localize( Screenshots );
</del><span class="cx" style="display: block; padding: 0 10px"> export default Screenshots;
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginsjsbuildthemeassetphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/js/build/theme.asset.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/js/build/theme.asset.php        2021-11-17 07:25:55 UTC (rev 11333)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/js/build/theme.asset.php  2021-11-17 21:56:16 UTC (rev 11334)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1 +1 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<?php return array('dependencies' => array('lodash', 'wp-element', 'wp-polyfill'), 'version' => 'e27310d68f3b6b3106f70af14c30defe');
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php return array('dependencies' => array('wp-element', 'wp-polyfill'), 'version' => '115bd3b88cd149845fbf5c27a7f52fcc');
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginsjsbuildthemejs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/js/build/theme.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/js/build/theme.js       2021-11-17 07:25:55 UTC (rev 11333)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/js/build/theme.js 2021-11-17 21:56:16 UTC (rev 11334)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1 +1 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},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,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?functio
 n(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=13)}([function(e,t){e.exports=window.wp.element},function(e,t,n){e.exports=n(8)()},function(e,t){e.exports=window.lodash},function(e,t){function n(t){return e.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},n(t)}e.exports=n},function(e,t){e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}e.exports=function(e,t,r){return t&&n(e.prototype,t),r&&n(e,r),e}},function(e,t,n){var r=n(10);e.exports=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError(&quot
 ;Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&r(e,t)}},function(e,t,n){var r=n(11),i=n(12);e.exports=function(e,t){return!t||"object"!==r(t)&&"function"!=typeof t?i(e):t}},function(e,t,n){"use strict";var r=n(9);function i(){}function s(){}s.resetWarningCache=i,e.exports=function(){function e(e,t,n,i,s,a){if(a!==r){var o=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw o.name="Invariant Violation",o}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:s,resetWarningCache:i};return n.PropTyp
 es=n,n}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t){function n(t,r){return e.exports=n=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},n(t,r)}e.exports=n},function(e,t){function n(t){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?e.exports=n=function(e){return typeof e}:e.exports=n=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(t)}e.exports=n},function(e,t){e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}},function(e,t,n){"use strict";n.r(t);var r=n(0),i=n(1),s=n.n(i),a=n(2),o=n(4),l=n.n(o),u=n(5),c=n.n(u),h=n(6),d=n.n(h),m=n(7),f=n.n(m),p=n(3),b=n.n(p);function y(e,t){var n,r,i,s=null,a=0,o=function(){a=(new Date).getTime(),s=null,i=e.
 apply(n,r),s||(n=r=null)};return function(){var l=(new Date).getTime(),u=t-(l-a);return n=this,r=arguments,u<=0||u>t?(s&&(clearTimeout(s),s=null),a=l,i=e.apply(n,r),s||(n=r=null)):s||(s=setTimeout(o,u)),i}}function g(){var e=y.apply(void 0,arguments);return function(t){return t?(t.persist(),e(t)):e()}}var v=function(e){d()(s,e);var t,n,i=(t=s,n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,r=b()(t);if(n){var i=b()(this).constructor;e=Reflect.construct(r,arguments,i)}else e=r.apply(this,arguments);return f()(this,e)});function s(e){var t;return l()(this,s),(t=i.call(this,e)).state={currentIndex:e.startIndex,thumbsTranslateX:0,offsetPercentage:0,galleryWidth:0,thumbnailWidth:0},t}return c()(s,[{key:"componentWillReceiveProps&quo
 t;,value:function(e){this.props.disableArrowKeys!==e.disableArrowKeys&&(e.disableArrowKeys?window.removeEventListener("keydown",this._handleKeyDown):window.addEventListener("keydown",this._handleKeyDown))}},{key:"componentDidUpdate",value:function(e,t){t.thumbnailWidth===this.state.thumbnailWidth&&e.showThumbnails===this.props.showThumbnails||this._setThumbsTranslateX(-this._getThumbsTranslateX(this.state.currentIndex>0?1:0)*this.state.currentIndex),t.currentIndex!==this.state.currentIndex&&this._updateThumbnailTranslateX(t)}},{key:"componentWillMount",value:function(){this._slideLeft=g(this._slideLeft.bind(this),500,!0),this._slideRight=g(this._slideRight.bind(this),500,!0),this._handleResize=this._handleResize.bind(this),this._handleKeyDown=this._handleKeyDown.bind(this),this._thumbnailDelay=300}},{key:"componentDidMount",value:function(){var e=this;window.setTimeout((function(){return e._handleResize()})
 ,500),this.props.disableArrowKeys||window.addEventListener("keydown",this._handleKeyDown),window.addEventListener("resize",this._handleResize)}},{key:"componentWillUnmount",value:function(){this.props.disableArrowKeys||window.removeEventListener("keydown",this._handleKeyDown),window.removeEventListener("resize",this._handleResize),this._intervalId&&(window.clearInterval(this._intervalId),this._intervalId=null)}},{key:"fullScreen",value:function(){var e=this._imageGallery;e.requestFullscreen?e.requestFullscreen():e.msRequestFullscreen?e.msRequestFullscreen():e.mozRequestFullScreen?e.mozRequestFullScreen():e.webkitRequestFullscreen&&e.webkitRequestFullscreen()}},{key:"slideToIndex",value:function(e,t){t&&t.preventDefault();var n=this.props.items.length-1,r=e;e<0?r=n:e>n&&(r=0),this.setState({previousIndex:this.state.currentIndex,currentIndex:r,offsetPercentage:0,style:{transitio
 n:"transform 0.45s ease-out"}})}},{key:"getCurrentIndex",value:function(){return this.state.currentIndex}},{key:"_handleResize",value:function(){this._imageGallery&&this.setState({galleryWidth:this._imageGallery.offsetWidth}),this._imageGalleryThumbnail&&this.setState({thumbnailWidth:this._imageGalleryThumbnail.offsetWidth})}},{key:"_handleKeyDown",value:function(e){switch(parseInt(e.keyCode||e.which||0)){case 37:this._canSlideLeft()&&!this._intervalId&&this._slideLeft();break;case 39:this._canSlideRight()&&!this._intervalId&&this._slideRight()}}},{key:"_handleMouseOverThumbnails",value:function(e){var t=this;this.props.slideOnThumbnailHover&&(this.setState({hovering:!0}),this._thumbnailTimer&&(window.clearTimeout(this._thumbnailTimer),this._thumbnailTimer=null),this._thumbnailTimer=window.setTimeout((function(){t.slideToIndex(e)}),this._thumbnailDelay))}},{key:"_ha
 ndleMouseLeaveThumbnails",value:function(){this._thumbnailTimer&&(window.clearTimeout(this._thumbnailTimer),this._thumbnailTimer=null),this.setState({hovering:!1})}},{key:"_handleMouseOver",value:function(){this.setState({hovering:!0})}},{key:"_handleMouseLeave",value:function(){this.setState({hovering:!1})}},{key:"_handleImageError",value:function(e){this.props.defaultImage&&-1===e.target.src.indexOf(this.props.defaultImage)&&(e.target.src=this.props.defaultImage)}},{key:"_canNavigate",value:function(){return this.props.items.length>=2}},{key:"_canSlideLeft",value:function(){return this.props.infinite||this.state.currentIndex>0}},{key:"_canSlideRight",value:function(){return this.props.infinite||this.state.currentIndex<this.props.items.length-1}},{key:"_updateThumbnailTranslateX",value:function(e){if(0===this.state.currentIndex)this._setThumbsTranslateX(0);else{var t=Math.abs
 (e.currentIndex-this.state.currentIndex),n=this._getThumbsTranslateX(t);n>0&&(e.currentIndex<this.state.currentIndex?this._setThumbsTranslateX(this.state.thumbsTranslateX-n):e.currentIndex>this.state.currentIndex&&this._setThumbsTranslateX(this.state.thumbsTranslateX+n))}}},{key:"_setThumbsTranslateX",value:function(e){this.setState({thumbsTranslateX:e})}},{key:"_getThumbsTranslateX",value:function(e){if(this.props.disableThumbnailScroll)return 0;var t=this.state.thumbnailWidth;if(this._thumbnails){if(this._thumbnails.scrollWidth<=t)return 0;var n=this._thumbnails.children.length;return e*((this._thumbnails.scrollWidth-t)/(n-1))}}},{key:"_getAlignmentClassName",value:function(e){var t=this.state.currentIndex,n="";switch(e){case t-1:n=" ".concat("left");break;case t:n=" ".concat("center");break;case t+1:n=" ".concat("right")}return this.props.items.length&gt
 ;=3&&this.props.infinite&&(0===e&&t===this.props.items.length-1?n=" ".concat("right"):e===this.props.items.length-1&&0===t&&(n=" ".concat("left"))),n}},{key:"_getTranslateXForTwoSlide",value:function(e){var t=this.state,n=t.currentIndex,r=t.offsetPercentage,i=t.previousIndex,s=-100*n+100*e+r;return r>0?this.direction="left":r<0&&(this.direction="right"),0===n&&1===e&&r>0?s=-100+r:1===n&&0===e&&r<0&&(s=100+r),n!==i?0===i&&0===e&&0===r&&"left"===this.direction?s=100:1===i&&1===e&&0===r&&"right"===this.direction&&(s=-100):0===n&&1===e&&0===r&&"left"===this.direction?s=-100:1===n&&0===e&&0===r&&"right"===this.direction&&(s=100),s}},{key:"_getSlideStyle",value:f
 unction(e){var t=this.state,n=t.currentIndex,r=t.offsetPercentage,i=this.props,s=i.infinite,a=i.items,o=-100*n,l=a.length-1,u=o+100*e+r,c=1;e===n?c=3:e===this.state.previousIndex&&(c=2),s&&a.length>2&&(0===n&&e===l?u=-100+r:n===l&&0===e&&(u=100+r)),s&&2===a.length&&(u=this._getTranslateXForTwoSlide(e));var h="translate3d(".concat(u,"%, 0, 0)");return{WebkitTransform:h,MozTransform:h,msTransform:h,OTransform:h,transform:h,zIndex:c}}},{key:"_getThumbnailStyle",value:function(){var e="translate3d(".concat(this.state.thumbsTranslateX,"px, 0, 0)");return{WebkitTransform:e,MozTransform:e,msTransform:e,OTransform:e,transform:e}}},{key:"_slideLeft",value:function(e){this.slideToIndex(this.state.currentIndex-1,e)}},{key:"_slideRight",value:function(e){this.slideToIndex(this.state.currentIndex+1,e)}},{key:"_renderItem",value:function(e){return Obje
 ct(r.createElement)("figure",{className:"image-gallery-image"},Object(r.createElement)("a",{href:e.original},Object(r.createElement)("img",{src:e.original,alt:e.originalAlt,srcSet:e.srcSet,sizes:e.sizes,onLoad:this.props.onImageLoad,onError:this._handleImageError.bind(this)})),e.description&&Object(r.createElement)("figcaption",{className:"image-gallery-description"},e.description))}},{key:"render",value:function(){var e=this,t=this.state.currentIndex,n=this._getThumbnailStyle(),i=this._slideLeft.bind(this),s=this._slideRight.bind(this),a=[],o=[];return this.props.items.map((function(n,i){var s=e._getAlignmentClassName(i),l=n.originalClass?" ".concat(n.originalClass):"",u=n.thumbnailClass?" ".concat(n.thumbnailClass):"",c=n.renderItem||e.props.renderItem||e._renderItem.bind(e),h=Object(r.createElement)("div",{key:i,className:"image-gallery-slide"+
 s+l,style:Object.assign(e._getSlideStyle(i),e.state.style),onClick:e.props.onClick},c(n));e.props.lazyLoad?s&&a.push(h):a.push(h),o.push(Object(r.createElement)("button",{type:"button",onMouseOver:e._handleMouseOverThumbnails.bind(e,i),onMouseLeave:e._handleMouseLeaveThumbnails.bind(e,i),key:i,className:"button-link image-gallery-thumbnail"+(t===i?" active":"")+u,onTouchStart:function(t){return e.slideToIndex.call(e,i,t)},onClick:function(t){return e.slideToIndex.call(e,i,t)}},Object(r.createElement)("img",{src:n.thumbnail,alt:n.thumbnailAlt,onError:e._handleImageError.bind(e)}),Object(r.createElement)("div",{className:"image-gallery-thumbnail-label"},n.thumbnailLabel)))})),Object(r.createElement)("section",{ref:function(t){return e._imageGallery=t},className:"image-gallery"},Object(r.createElement)("div",{onMouseOver:this._handleMouseOver.bind(this),onMouseLeave:thi
 s._handleMouseLeave.bind(this),className:"image-gallery-content"},this._canNavigate()?[this.props.showNav&&Object(r.createElement)("span",{key:"navigation"},this._canSlideLeft()&&Object(r.createElement)("button",{type:"button",className:"button-link image-gallery-left-nav",onClick:i}),this._canSlideRight()&&Object(r.createElement)("button",{type:"button",className:"button-link image-gallery-right-nav",onClick:s})),Object(r.createElement)("div",{key:this.state.currentIndex,className:"image-gallery-slides"},a)]:Object(r.createElement)("div",{className:"image-gallery-slides"},a),this.props.showIndex&&Object(r.createElement)("div",{className:"image-gallery-index"},Object(r.createElement)("span",{className:"image-gallery-index-current"},this.state.currentIndex+1),Object(r.createElement)(&q
 uot;span",{className:"image-gallery-index-separator"},this.props.indexSeparator),Object(r.createElement)("span",{className:"image-gallery-index-total"},this.props.items.length))),Object(r.createElement)("div",{className:"image-gallery-thumbnails",ref:function(t){return e._imageGalleryThumbnail=t}},Object(r.createElement)("div",{ref:function(t){return e._thumbnails=t},className:"image-gallery-thumbnails-container",style:n},o)))}}]),s}(React.Component);v.propTypes={items:s.a.array.isRequired,showNav:s.a.bool,lazyLoad:s.a.bool,infinite:s.a.bool,showIndex:s.a.bool,showThumbnails:s.a.bool,slideOnThumbnailHover:s.a.bool,disableThumbnailScroll:s.a.bool,disableArrowKeys:s.a.bool,defaultImage:s.a.string,indexSeparator:s.a.string,startIndex:s.a.number,slideInterval:s.a.number,onClick:s.a.func,onImageLoad:s.a.func,onImageError:s.a.func,renderItem:s.a.func},v.defaultProps={items:[],showNav:!0,lazyLoad:!1,infinite:!0,show
 Index:!1,showThumbnails:!0,slideOnThumbnailHover:!1,disableThumbnailScroll:!1,disableArrowKeys:!1,indexSeparator:" / ",startIndex:0,slideInterval:3e3};var _=function(e){var t=e.screenshots,n=Object(a.map)(t,(function(e){var t=e.caption,n=e.src;return{original:n,originalAlt:"",thumbnail:n,thumbnailAlt:t||"",description:t||!1}}));return n?Object(r.createElement)("div",{id:"screenshots",className:"plugin-screenshots"},Object(r.createElement)("h2",null,localeData.screenshots),Object(r.createElement)(v,{items:n})):null};_.propTypes={screenshots:s.a.arrayOf(s.a.object),translate:s.a.func},_.defaultProps={screenshots:[],translate:a.identity};for(var T=_,x=document.querySelectorAll("#screenshots figure"),w=[],I=0;I<x.length;I++){var O=x[I].querySelector("figcaption"),k={src:x[I].querySelector("img.screenshot").src,caption:O?O.textContent:""};w.push(k)}if(w.length>0){var S=docu
 ment.createElement("div"),E=document.querySelector(".entry-content");Object(r.render)(Object(r.createElement)(T,{screenshots:w}),S),E.replaceChild(S.querySelector("#screenshots"),document.getElementById("screenshots"))}}]);
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},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,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?functio
 n(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=12)}([function(e,t){e.exports=window.wp.element},function(e,t,n){e.exports=n(10)()},function(e,t){function n(t){return e.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},e.exports.default=e.exports,e.exports.__esModule=!0,n(t)}e.exports=n,e.exports.default=e.exports,e.exports.__esModule=!0},function(e,t){e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}e.exports=function(e,t,r){return t&&n(e.prototype,t),r&&n(e,r),e},e.exports.de
 fault=e.exports,e.exports.__esModule=!0},function(e,t,n){var r=n(7);e.exports=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&r(e,t)},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,t,n){var r=n(8).default,i=n(9);e.exports=function(e,t){if(t&&("object"===r(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return i(e)},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,t){function n(t,r){return e.exports=n=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},e.exports.default=e.exports,e.exports.__esModule=!0,n(t,r)}e.exports=n,e.exports.default=e.exports,e.exports.__esModule=!0},function(e,t){function n(t){return"fu
 nction"==typeof Symbol&&"symbol"==typeof Symbol.iterator?(e.exports=n=function(e){return typeof e},e.exports.default=e.exports,e.exports.__esModule=!0):(e.exports=n=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.default=e.exports,e.exports.__esModule=!0),n(t)}e.exports=n,e.exports.default=e.exports,e.exports.__esModule=!0},function(e,t){e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,t,n){"use strict";var r=n(11);function i(){}function s(){}s.resetWarningCache=i,e.exports=function(){function e(e,t,n,i,s,a){if(a!==r){var o=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at 
 http://fb.me/use-check-prop-types");throw o.name="Invariant Violation",o}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:s,resetWarningCache:i};return n.PropTypes=n,n}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,n){"use strict";n.r(t);var r=n(0),i=n(3),s=n.n(i),a=n(4),o=n.n(a),l=n(5),u=n.n(l),c=n(6),h=n.n(c),d=n(2),m=n.n(d),f=n(1),p=n.n(f);function b(e,t){var n,r,i,s=null,a=0,o=function(){a=(new Date).getTime(),s=null,i=e.apply(n,r),s||(n=r=null)};return function(){var l=(new Date).getTime(),u=t-(l-a);return n=this,r=arguments,u<=0||u>t?(s&&(clearTimeout(s),s=null),a=l,i=e.apply(n,r),s||(n=r=null)):s||(s=setTimeout(o,u)),i}}function y(){var e=b.apply(void 0,arguments);return function(t){return t
 ?(t.persist(),e(t)):e()}}var g=function(e){u()(a,e);var t,n,i=(t=a,n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,r=m()(t);if(n){var i=m()(this).constructor;e=Reflect.construct(r,arguments,i)}else e=r.apply(this,arguments);return h()(this,e)});function a(e){var t;return s()(this,a),(t=i.call(this,e)).state={currentIndex:e.startIndex,thumbsTranslateX:0,offsetPercentage:0,galleryWidth:0,thumbnailWidth:0},t}return o()(a,[{key:"componentWillReceiveProps",value:function(e){this.props.disableArrowKeys!==e.disableArrowKeys&&(e.disableArrowKeys?window.removeEventListener("keydown",this._handleKeyDown):window.addEventListener("keydown",this._handleKeyDown))}},{key:"componentDidUpdate",value:function(e
 ,t){t.thumbnailWidth===this.state.thumbnailWidth&&e.showThumbnails===this.props.showThumbnails||this._setThumbsTranslateX(-this._getThumbsTranslateX(this.state.currentIndex>0?1:0)*this.state.currentIndex),t.currentIndex!==this.state.currentIndex&&this._updateThumbnailTranslateX(t)}},{key:"componentWillMount",value:function(){this._slideLeft=y(this._slideLeft.bind(this),500,!0),this._slideRight=y(this._slideRight.bind(this),500,!0),this._handleResize=this._handleResize.bind(this),this._handleKeyDown=this._handleKeyDown.bind(this),this._thumbnailDelay=300}},{key:"componentDidMount",value:function(){var e=this;window.setTimeout((function(){return e._handleResize()}),500),this.props.disableArrowKeys||window.addEventListener("keydown",this._handleKeyDown),window.addEventListener("resize",this._handleResize)}},{key:"componentWillUnmount",value:function(){this.props.disableArrowKeys||window.removeEventListener("keydo
 wn",this._handleKeyDown),window.removeEventListener("resize",this._handleResize),this._intervalId&&(window.clearInterval(this._intervalId),this._intervalId=null)}},{key:"fullScreen",value:function(){var e=this._imageGallery;e.requestFullscreen?e.requestFullscreen():e.msRequestFullscreen?e.msRequestFullscreen():e.mozRequestFullScreen?e.mozRequestFullScreen():e.webkitRequestFullscreen&&e.webkitRequestFullscreen()}},{key:"slideToIndex",value:function(e,t){t&&t.preventDefault();var n=this.props.items.length-1,r=e;e<0?r=n:e>n&&(r=0),this.setState({previousIndex:this.state.currentIndex,currentIndex:r,offsetPercentage:0,style:{transition:"transform 0.45s ease-out"}})}},{key:"getCurrentIndex",value:function(){return this.state.currentIndex}},{key:"_handleResize",value:function(){this._imageGallery&&this.setState({galleryWidth:this._imageGallery.offsetWidth}),this._imageGalleryThumb
 nail&&this.setState({thumbnailWidth:this._imageGalleryThumbnail.offsetWidth})}},{key:"_handleKeyDown",value:function(e){switch(parseInt(e.keyCode||e.which||0)){case 37:this._canSlideLeft()&&!this._intervalId&&this._slideLeft();break;case 39:this._canSlideRight()&&!this._intervalId&&this._slideRight()}}},{key:"_handleMouseOverThumbnails",value:function(e){var t=this;this.props.slideOnThumbnailHover&&(this.setState({hovering:!0}),this._thumbnailTimer&&(window.clearTimeout(this._thumbnailTimer),this._thumbnailTimer=null),this._thumbnailTimer=window.setTimeout((function(){t.slideToIndex(e)}),this._thumbnailDelay))}},{key:"_handleMouseLeaveThumbnails",value:function(){this._thumbnailTimer&&(window.clearTimeout(this._thumbnailTimer),this._thumbnailTimer=null),this.setState({hovering:!1})}},{key:"_handleMouseOver",value:function(){this.setState({hovering:!0})}},{key:"_handleMouseLea
 ve",value:function(){this.setState({hovering:!1})}},{key:"_handleImageError",value:function(e){this.props.defaultImage&&-1===e.target.src.indexOf(this.props.defaultImage)&&(e.target.src=this.props.defaultImage)}},{key:"_canNavigate",value:function(){return this.props.items.length>=2}},{key:"_canSlideLeft",value:function(){return this.props.infinite||this.state.currentIndex>0}},{key:"_canSlideRight",value:function(){return this.props.infinite||this.state.currentIndex<this.props.items.length-1}},{key:"_updateThumbnailTranslateX",value:function(e){if(0===this.state.currentIndex)this._setThumbsTranslateX(0);else{var t=Math.abs(e.currentIndex-this.state.currentIndex),n=this._getThumbsTranslateX(t);n>0&&(e.currentIndex<this.state.currentIndex?this._setThumbsTranslateX(this.state.thumbsTranslateX-n):e.currentIndex>this.state.currentIndex&&this._setThumbsTranslateX(this.state.thumbsTrans
 lateX+n))}}},{key:"_setThumbsTranslateX",value:function(e){this.setState({thumbsTranslateX:e})}},{key:"_getThumbsTranslateX",value:function(e){if(this.props.disableThumbnailScroll)return 0;var t=this.state.thumbnailWidth;if(this._thumbnails){if(this._thumbnails.scrollWidth<=t)return 0;var n=this._thumbnails.children.length;return e*((this._thumbnails.scrollWidth-t)/(n-1))}}},{key:"_getAlignmentClassName",value:function(e){var t=this.state.currentIndex,n="";switch(e){case t-1:n=" ".concat("left");break;case t:n=" ".concat("center");break;case t+1:n=" ".concat("right")}return this.props.items.length>=3&&this.props.infinite&&(0===e&&t===this.props.items.length-1?n=" ".concat("right"):e===this.props.items.length-1&&0===t&&(n=" ".concat("left"))),n}},{key:"_getTranslateXForTwoSlide",value:functi
 on(e){var t=this.state,n=t.currentIndex,r=t.offsetPercentage,i=t.previousIndex,s=-100*n+100*e+r;return r>0?this.direction="left":r<0&&(this.direction="right"),0===n&&1===e&&r>0?s=-100+r:1===n&&0===e&&r<0&&(s=100+r),n!==i?0===i&&0===e&&0===r&&"left"===this.direction?s=100:1===i&&1===e&&0===r&&"right"===this.direction&&(s=-100):0===n&&1===e&&0===r&&"left"===this.direction?s=-100:1===n&&0===e&&0===r&&"right"===this.direction&&(s=100),s}},{key:"_getSlideStyle",value:function(e){var t=this.state,n=t.currentIndex,r=t.offsetPercentage,i=this.props,s=i.infinite,a=i.items,o=-100*n,l=a.length-1,u=o+100*e+r,c=1;e===n?c=3:e===this.state.previousIndex&&(c=2),s&&a.length>2&&(0===n&&e===l?u=-100+r:n===l&&0===e&&am
 p;(u=100+r)),s&&2===a.length&&(u=this._getTranslateXForTwoSlide(e));var h="translate3d(".concat(u,"%, 0, 0)");return{WebkitTransform:h,MozTransform:h,msTransform:h,OTransform:h,transform:h,zIndex:c}}},{key:"_getThumbnailStyle",value:function(){var e="translate3d(".concat(this.state.thumbsTranslateX,"px, 0, 0)");return{WebkitTransform:e,MozTransform:e,msTransform:e,OTransform:e,transform:e}}},{key:"_slideLeft",value:function(e){this.slideToIndex(this.state.currentIndex-1,e)}},{key:"_slideRight",value:function(e){this.slideToIndex(this.state.currentIndex+1,e)}},{key:"_renderItem",value:function(e){return Object(r.createElement)("figure",{className:"image-gallery-image"},Object(r.createElement)("a",{href:e.original},Object(r.createElement)("img",{src:e.original,alt:e.originalAlt,srcSet:e.srcSet,sizes:e.sizes,onLoad:this.props.onImageLoad,onError:this._
 handleImageError.bind(this)})),e.description&&Object(r.createElement)("figcaption",{className:"image-gallery-description"},e.description))}},{key:"render",value:function(){var e=this,t=this.state.currentIndex,n=this._getThumbnailStyle(),i=this._slideLeft.bind(this),s=this._slideRight.bind(this),a=[],o=[];return this.props.items.map((function(n,i){var s=e._getAlignmentClassName(i),l=n.originalClass?" ".concat(n.originalClass):"",u=n.thumbnailClass?" ".concat(n.thumbnailClass):"",c=n.renderItem||e.props.renderItem||e._renderItem.bind(e),h=Object(r.createElement)("div",{key:i,className:"image-gallery-slide"+s+l,style:Object.assign(e._getSlideStyle(i),e.state.style),onClick:e.props.onClick},c(n));e.props.lazyLoad?s&&a.push(h):a.push(h),o.push(Object(r.createElement)("button",{type:"button",onMouseOver:e._handleMouseOverThumbnails.bind(e,i),onMouseLeave:e._handleM
 ouseLeaveThumbnails.bind(e,i),key:i,className:"button-link image-gallery-thumbnail"+(t===i?" active":"")+u,onTouchStart:function(t){return e.slideToIndex.call(e,i,t)},onClick:function(t){return e.slideToIndex.call(e,i,t)}},Object(r.createElement)("img",{src:n.thumbnail,alt:n.thumbnailAlt,onError:e._handleImageError.bind(e)}),Object(r.createElement)("div",{className:"image-gallery-thumbnail-label"},n.thumbnailLabel)))})),Object(r.createElement)("section",{ref:function(t){return e._imageGallery=t},className:"image-gallery"},Object(r.createElement)("div",{onMouseOver:this._handleMouseOver.bind(this),onMouseLeave:this._handleMouseLeave.bind(this),className:"image-gallery-content"},this._canNavigate()?[this.props.showNav&&Object(r.createElement)("span",{key:"navigation"},this._canSlideLeft()&&Object(r.createElement)("button",{type:"button&
 quot;,className:"button-link image-gallery-left-nav",onClick:i}),this._canSlideRight()&&Object(r.createElement)("button",{type:"button",className:"button-link image-gallery-right-nav",onClick:s})),Object(r.createElement)("div",{key:this.state.currentIndex,className:"image-gallery-slides"},a)]:Object(r.createElement)("div",{className:"image-gallery-slides"},a),this.props.showIndex&&Object(r.createElement)("div",{className:"image-gallery-index"},Object(r.createElement)("span",{className:"image-gallery-index-current"},this.state.currentIndex+1),Object(r.createElement)("span",{className:"image-gallery-index-separator"},this.props.indexSeparator),Object(r.createElement)("span",{className:"image-gallery-index-total"},this.props.items.length))),Object(r.createElement)("div",{className:"image-gallery-th
 umbnails",ref:function(t){return e._imageGalleryThumbnail=t}},Object(r.createElement)("div",{ref:function(t){return e._thumbnails=t},className:"image-gallery-thumbnails-container",style:n},o)))}}]),a}(React.Component);g.propTypes={items:p.a.array.isRequired,showNav:p.a.bool,lazyLoad:p.a.bool,infinite:p.a.bool,showIndex:p.a.bool,showThumbnails:p.a.bool,slideOnThumbnailHover:p.a.bool,disableThumbnailScroll:p.a.bool,disableArrowKeys:p.a.bool,defaultImage:p.a.string,indexSeparator:p.a.string,startIndex:p.a.number,slideInterval:p.a.number,onClick:p.a.func,onImageLoad:p.a.func,onImageError:p.a.func,renderItem:p.a.func},g.defaultProps={items:[],showNav:!0,lazyLoad:!1,infinite:!0,showIndex:!1,showThumbnails:!0,slideOnThumbnailHover:!1,disableThumbnailScroll:!1,disableArrowKeys:!1,indexSeparator:" / ",startIndex:0,slideInterval:3e3};var v=function(e){var t=e.screenshots,n=void 0===t?[]:t;if(!n)return null;var i=n.map((function(e){var t=e.caption,n=e.src;ret
 urn{original:n,originalAlt:"",thumbnail:n,thumbnailAlt:t||"",description:t||!1}}));return Object(r.createElement)("div",{id:"screenshots",className:"plugin-screenshots"},Object(r.createElement)("h2",null,localeData.screenshots),Object(r.createElement)(g,{items:i}))};!function(e){var t=document.getElementById("screenshots");if(t){for(var n=t.querySelectorAll("figure"),i=[],s=0;s<n.length;s++){var a=n[s].querySelector("figcaption"),o={src:n[s].querySelector("img.screenshot").src,caption:a?a.textContent:""};i.push(o)}i.length>0&&Object(r.render)(Object(r.createElement)(v,{screenshots:i}),t)}}()}]);
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre>
</div>
</div>

</body>
</html>