react-image-gallery 1.4.0 → 2.0.0

package/README.md

@@ -20,6 +20,7 @@ React image gallery is a React component for building image galleries and carous
 - Custom rendered slides
 - RTL support
 - Responsive design
+- CSS custom properties for theming
 - Tons of customization options (see props below)
 
 ## Getting started
@@ -30,17 +31,54 @@ React Image Gallery requires **React 16.0.0 or later.**
 npm install react-image-gallery
 ```
 
-### Style import options
+### Zero-config (Recommended)
 
+Styles are automatically injected when you import the component. No separate CSS import required!
+
+```js
+import ImageGallery from "react-image-gallery";
+
+// That's it! Styles are automatically injected.
+```
+
+### Manual style import (Optional)
+
+If you prefer to manage styles yourself (for customization, bundling optimization, or to prevent auto-injection):
+
+```css
+/* CSS @import */
+@import "~react-image-gallery/styles/image-gallery.css";
+```
+
+```js
+// JS import (using webpack or similar bundler)
+import "react-image-gallery/styles/image-gallery.css";
+```
+
+Note: If you import the CSS manually, it will be detected and auto-injection will be skipped.
+
+### Theming with CSS Custom Properties
+
+Customize the gallery appearance by overriding CSS custom properties:
+
+```css
+/* In your CSS or styled component */
+.image-gallery {
+  --ig-primary-color: #ff6b6b; /* Primary/accent color */
+  --ig-white: #ffffff; /* Icon and text color */
+  --ig-black: #000000; /* Background color in fullscreen */
+  --ig-background-overlay: rgba(0, 0, 0, 0.5); /* Overlay background */
+  --ig-thumbnail-size: 120px; /* Thumbnail dimensions */
+  --ig-thumbnail-border-width: 3px; /* Thumbnail border width */
+}
 ```
-# scss file import
-@import "~react-image-gallery/styles/scss/image-gallery.scss";
 
-# css file import
-@import "~react-image-gallery/styles/css/image-gallery.css";
+Or apply globally:
 
-# js file import (using webpack)
-import "react-image-gallery/styles/css/image-gallery.css";
+```css
+:root {
+  --ig-primary-color: #e91e63;
+}
 ```
 
 ### Example
@@ -49,8 +87,6 @@ Need more example? See [`example/App.jsx`](https://github.com/xiaolin/react-imag
 
 ```js
 import ImageGallery from "react-image-gallery";
-// import stylesheet if you're not already using CSS @import
-import "react-image-gallery/styles/css/image-gallery.css";
 
 const images = [
   {
@@ -67,10 +103,8 @@ const images = [
   },
 ];
 
-class MyGallery extends React.Component {
-  render() {
-    return <ImageGallery items={images} />;
-  }
+function MyGallery() {
+  return <ImageGallery items={images} />;
 }
 ```
 
@@ -134,6 +168,8 @@ class MyGallery extends React.Component {
   - transition duration while swiping in milliseconds
 - `slideInterval`: Number, default `3000`
 - `slideOnThumbnailOver`: Boolean, default `false`
+- `slideVertically`: Boolean, default `false`
+  - if true, slides will transition vertically instead of horizontally
 - `flickThreshold`: Number (float), default `0.4`
   - Determines the max velocity of a swipe before it's considered a flick (lower = more sensitive)
 - `swipeThreshold`: Number, default `30`
@@ -180,7 +216,7 @@ class MyGallery extends React.Component {
   - As a prop passed into `ImageGallery` to completely override `_renderThumbInner`, see source for reference
 
 - `renderLeftNav`: Function, custom left nav component
-  - See [`<LeftNav />`](https://github.com/xiaolin/react-image-gallery/blob/master/src/components/controls/LeftNav.js)
+  - See [`<LeftNav />`](https://github.com/xiaolin/react-image-gallery/blob/master/src/components/controls/LeftNav.jsx)
   - Use this to render a custom left nav control
   - Args:
     - `onClick` callback that will slide to the previous item
@@ -191,7 +227,7 @@ class MyGallery extends React.Component {
   );
   ```
 - `renderRightNav`: Function, custom right nav component
-  - See [`<RightNav />`](https://github.com/xiaolin/react-image-gallery/blob/master/src/components/controls/RightNav.js)
+  - See [`<RightNav />`](https://github.com/xiaolin/react-image-gallery/blob/master/src/components/controls/RightNav.jsx)
   - Use this to render a custom right nav control
   - Args:
     - `onClick` callback that will slide to the next item
@@ -201,8 +237,30 @@ class MyGallery extends React.Component {
     <RightNav onClick={onClick} disabled={disabled} />
   );
   ```
+- `renderTopNav`: Function, custom top nav component (for vertical sliding)
+  - See [`<TopNav />`](https://github.com/xiaolin/react-image-gallery/blob/master/src/components/controls/TopNav.jsx)
+  - Use this to render a custom top nav control when `slideVertically` is true
+  - Args:
+    - `onClick` callback that will slide to the previous item
+    - `disabled` boolean for when the nav is disabled
+  ```javascript
+  renderTopNav: (onClick, disabled) => (
+    <TopNav onClick={onClick} disabled={disabled} />
+  );
+  ```
+- `renderBottomNav`: Function, custom bottom nav component (for vertical sliding)
+  - See [`<BottomNav />`](https://github.com/xiaolin/react-image-gallery/blob/master/src/components/controls/BottomNav.jsx)
+  - Use this to render a custom bottom nav control when `slideVertically` is true
+  - Args:
+    - `onClick` callback that will slide to the next item
+    - `disabled` boolean for when the nav is disabled
+  ```javascript
+  renderBottomNav: (onClick, disabled) => (
+    <BottomNav onClick={onClick} disabled={disabled} />
+  );
+  ```
 - `renderPlayPauseButton`: Function, play pause button component
-  - See [`<PlayPause />`](https://github.com/xiaolin/react-image-gallery/blob/master/src/components/controls/PlayPause.js)
+  - See [`<PlayPause />`](https://github.com/xiaolin/react-image-gallery/blob/master/src/components/controls/PlayPause.jsx)
   - Use this to render a custom play pause button
   - Args:
     - `onClick` callback that will toggle play/pause
@@ -213,7 +271,7 @@ class MyGallery extends React.Component {
   );
   ```
 - `renderFullscreenButton`: Function, custom fullscreen button component
-  - See [`<Fullscreen />`](https://github.com/xiaolin/react-image-gallery/blob/master/src/components/controls/Fullscreen.js)
+  - See [`<Fullscreen />`](https://github.com/xiaolin/react-image-gallery/blob/master/src/components/controls/Fullscreen.jsx)
   - Use this to render a custom fullscreen button
   - Args:
     - `onClick` callback that will toggle fullscreen
@@ -245,14 +303,13 @@ Each pull request (PR) should be specific and isolated to the issue you're tryin
 - Comment your code
 - Write [clean](https://github.com/ryanmcdermott/clean-code-javascript) code
 
-# Build the example locally (requires node >= 12.13)
+# Build the example locally (requires node >= 18.18)
 
 ```
 git clone https://github.com/xiaolin/react-image-gallery.git
 cd react-image-gallery
-npm install --global yarn
-yarn install
-yarn start
+npm install
+npm start
 ```
 
 Then open [`localhost:8001`](http://localhost:8001) in a browser.

package/build/image-gallery.cjs

@@ -0,0 +1 @@
+!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("react")):"function"==typeof define&&define.amd?define(["react"],n):"object"==typeof exports?exports.ImageGallery=n(require("react")):e.ImageGallery=n(e.React)}(this,(e=>(()=>{"use strict";var n={698:(e,n)=>{var l=Symbol.for("react.transitional.element"),a=Symbol.for("react.fragment");function t(e,n,a){var t=null;if(void 0!==a&&(t=""+a),void 0!==n.key&&(t=""+n.key),"key"in n)for(var i in a={},n)"key"!==i&&(a[i]=n[i]);else a=n;return n=a.ref,{$$typeof:l,type:e,key:t,ref:void 0!==n?n:null,props:a}}n.Fragment=a,n.jsx=t,n.jsxs=t},848:(e,n,l)=>{e.exports=l(698)},12:n=>{n.exports=e}},l={};function a(e){var t=l[e];if(void 0!==t)return t.exports;var i=l[e]={exports:{}};return n[e](i,i.exports,a),i.exports}a.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return a.d(n,{a:n}),n},a.d=(e,n)=>{for(var l in n)a.o(n,l)&&!a.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:n[l]})},a.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var t={};a.r(t),a.d(t,{default:()=>J});var i=a(848),r=a(12),s=a.n(r);function o(e){var n,l,a="";if("string"==typeof e||"number"==typeof e)a+=e;else if("object"==typeof e)if(Array.isArray(e)){var t=e.length;for(n=0;n<t;n++)e[n]&&(l=o(e[n]))&&(a&&(a+=" "),a+=l)}else for(l in e)e[l]&&(a&&(a+=" "),a+=l);return a}const u=function(){for(var e,n,l=0,a="",t=arguments.length;l<t;l++)(e=arguments[l])&&(n=o(e))&&(a&&(a+=" "),a+=n);return a},g="Left",c="Right",m="Up",d="Down",h={delta:10,preventScrollOnSwipe:!1,rotationAngle:0,trackMouse:!1,trackTouch:!0,swipeDuration:1/0,touchEventOptions:{passive:!0}},b={first:!0,initial:[0,0],start:0,swiping:!1,xy:[0,0]},p="mousemove",y="mouseup";function f(e,n){if(0===n)return e;const l=Math.PI/180*n;return[e[0]*Math.cos(l)+e[1]*Math.sin(l),e[1]*Math.cos(l)-e[0]*Math.sin(l)]}function v(e){const{trackMouse:n}=e,l=r.useRef(Object.assign({},b)),a=r.useRef(Object.assign({},h)),t=r.useRef(Object.assign({},a.current));let i;for(i in t.current=Object.assign({},a.current),a.current=Object.assign(Object.assign({},h),e),h)void 0===a.current[i]&&(a.current[i]=h[i]);const[s,o]=r.useMemo((()=>function(e,n){const l=n=>{const l="touches"in n;l&&n.touches.length>1||e(((e,t)=>{t.trackMouse&&!l&&(document.addEventListener(p,a),document.addEventListener(y,i));const{clientX:r,clientY:s}=l?n.touches[0]:n,o=f([r,s],t.rotationAngle);return t.onTouchStartOrOnMouseDown&&t.onTouchStartOrOnMouseDown({event:n}),Object.assign(Object.assign(Object.assign({},e),b),{initial:o.slice(),xy:o,start:n.timeStamp||0})}))},a=n=>{e(((e,l)=>{const a="touches"in n;if(a&&n.touches.length>1)return e;if(n.timeStamp-e.start>l.swipeDuration)return e.swiping?Object.assign(Object.assign({},e),{swiping:!1}):e;const{clientX:t,clientY:i}=a?n.touches[0]:n,[r,s]=f([t,i],l.rotationAngle),o=r-e.xy[0],u=s-e.xy[1],b=Math.abs(o),p=Math.abs(u),y=(n.timeStamp||0)-e.start,v=Math.sqrt(b*b+p*p)/(y||1),x=[o/(y||1),u/(y||1)],w=function(e,n,l,a){return e>n?l>0?c:g:a>0?d:m}(b,p,o,u),S="number"==typeof l.delta?l.delta:l.delta[w.toLowerCase()]||h.delta;if(b<S&&p<S&&!e.swiping)return e;const k={absX:b,absY:p,deltaX:o,deltaY:u,dir:w,event:n,first:e.first,initial:e.initial,velocity:v,vxvy:x};k.first&&l.onSwipeStart&&l.onSwipeStart(k),l.onSwiping&&l.onSwiping(k);let T=!1;return(l.onSwiping||l.onSwiped||l[`onSwiped${w}`])&&(T=!0),T&&l.preventScrollOnSwipe&&l.trackTouch&&n.cancelable&&n.preventDefault(),Object.assign(Object.assign({},e),{first:!1,eventData:k,swiping:!0})}))},t=n=>{e(((e,l)=>{let a;if(e.swiping&&e.eventData){if(n.timeStamp-e.start<l.swipeDuration){a=Object.assign(Object.assign({},e.eventData),{event:n}),l.onSwiped&&l.onSwiped(a);const t=l[`onSwiped${a.dir}`];t&&t(a)}}else l.onTap&&l.onTap({event:n});return l.onTouchEndOrOnMouseUp&&l.onTouchEndOrOnMouseUp({event:n}),Object.assign(Object.assign(Object.assign({},e),b),{eventData:a})}))},i=e=>{document.removeEventListener(p,a),document.removeEventListener(y,i),t(e)},r=(e,n)=>{let i=()=>{};if(e&&e.addEventListener){const r=Object.assign(Object.assign({},h.touchEventOptions),n.touchEventOptions),s=[["touchstart",l,r],["touchmove",a,Object.assign(Object.assign({},r),n.preventScrollOnSwipe?{passive:!1}:{})],["touchend",t,r]];s.forEach((([n,l,a])=>e.addEventListener(n,l,a))),i=()=>s.forEach((([n,l])=>e.removeEventListener(n,l)))}return i},s={ref:n=>{null!==n&&e(((e,l)=>{if(e.el===n)return e;const a={};return e.el&&e.el!==n&&e.cleanUpTouch&&(e.cleanUpTouch(),a.cleanUpTouch=void 0),l.trackTouch&&n&&(a.cleanUpTouch=r(n,l)),Object.assign(Object.assign(Object.assign({},e),{el:n}),a)}))}};return n.trackMouse&&(s.onMouseDown=l),[s,r]}((e=>l.current=e(l.current,a.current)),{trackMouse:n})),[n]);return l.current=function(e,n,l,a){return n.trackTouch&&e.el?e.cleanUpTouch?n.preventScrollOnSwipe!==l.preventScrollOnSwipe||n.touchEventOptions.passive!==l.touchEventOptions.passive?(e.cleanUpTouch(),Object.assign(Object.assign({},e),{cleanUpTouch:a(e.el,n)})):e:Object.assign(Object.assign({},e),{cleanUpTouch:a(e.el,n)}):(e.cleanUpTouch&&e.cleanUpTouch(),Object.assign(Object.assign({},e),{cleanUpTouch:void 0}))}(l.current,a.current,t.current,o),s}const x=(0,r.memo)((function({index:e,isActive:n=!1,bulletClass:l="",onClick:a}){const t=u("image-gallery-bullet",l,{active:n});return(0,i.jsx)("button",{"aria-label":`Go to Slide ${e+1}`,"aria-pressed":n?"true":"false",className:t,type:"button",onClick:a},`bullet-${e}`)})),w=(0,r.memo)((function({bullets:e=[],slideVertically:n=!1}){const l=u("image-gallery-bullets",{"image-gallery-bullets-vertical":n});return e&&0!==e.length?(0,i.jsx)("div",{className:l,children:(0,i.jsx)("div",{"aria-label":"Bullet Navigation",className:"image-gallery-bullets-container",role:"navigation",children:e})}):null})),S={left:(0,i.jsx)("polyline",{points:"15 18 9 12 15 6"}),right:(0,i.jsx)("polyline",{points:"9 18 15 12 9 6"}),top:(0,i.jsx)("polyline",{points:"6 15 12 9 18 15"}),bottom:(0,i.jsx)("polyline",{points:"6 9 12 15 18 9"}),maximize:(0,i.jsx)("path",{d:"M8 3H3v5m18 0V3h-5m0 18h5v-5M3 16v5h5"}),minimize:(0,i.jsx)("path",{d:"M8 3v5H3m18 0h-5V3m0 18v-5h5M3 16h5v5"}),play:(0,i.jsx)("polygon",{points:"5 3 19 12 5 21 5 3"}),pause:(0,i.jsxs)(s().Fragment,{children:[(0,i.jsx)("rect",{height:"16",width:"4",x:"6",y:"4"}),(0,i.jsx)("rect",{height:"16",width:"4",x:"14",y:"4"})]})},k={strokeWidth:1,viewBox:"0 0 24 24"},T=e=>{const{strokeWidth:n,viewBox:l,icon:a}={...k,...e};return(0,i.jsx)("svg",{className:"image-gallery-svg",fill:"none",stroke:"currentColor",strokeLinecap:"square",strokeLinejoin:"miter",strokeWidth:n,viewBox:l,xmlns:"http://www.w3.org/2000/svg",children:S[a]})},C=s().memo((({disabled:e,onClick:n})=>(0,i.jsx)("button",{"aria-label":"Next Slide",className:"image-gallery-icon image-gallery-bottom-nav",disabled:e,type:"button",onClick:n,children:(0,i.jsx)(T,{icon:"bottom",viewBox:"6 0 12 24"})})));C.displayName="BottomNav";const j=C,R=s().memo((({isFullscreen:e,onClick:n})=>(0,i.jsx)("button",{"aria-label":"Open Fullscreen",className:"image-gallery-icon image-gallery-fullscreen-button",type:"button",onClick:n,children:(0,i.jsx)(T,{icon:e?"minimize":"maximize",strokeWidth:2})})));R.displayName="Fullscreen";const O=R,I=s().memo((({disabled:e,onClick:n})=>(0,i.jsx)("button",{"aria-label":"Previous Slide",className:"image-gallery-icon image-gallery-left-nav",disabled:e,type:"button",onClick:n,children:(0,i.jsx)(T,{icon:"left",viewBox:"6 0 12 24"})})));I.displayName="LeftNav";const E=I,N=s().memo((({isPlaying:e,onClick:n})=>(0,i.jsx)("button",{"aria-label":"Play or Pause Slideshow",className:"image-gallery-icon image-gallery-play-button",type:"button",onClick:n,children:(0,i.jsx)(T,{icon:e?"pause":"play",strokeWidth:2})})));N.displayName="PlayPause";const F=N,z=s().memo((({disabled:e,onClick:n})=>(0,i.jsx)("button",{"aria-label":"Next Slide",className:"image-gallery-icon image-gallery-right-nav",disabled:e,type:"button",onClick:n,children:(0,i.jsx)(T,{icon:"right",viewBox:"6 0 12 24"})})));z.displayName="RightNav";const M=z,L=s().memo((({disabled:e,onClick:n})=>(0,i.jsx)("button",{"aria-label":"Previous Slide",className:"image-gallery-icon image-gallery-top-nav",disabled:e,type:"button",onClick:n,children:(0,i.jsx)(T,{icon:"top",viewBox:"6 0 12 24"})})));L.displayName="TopNav";const P=L;function W(e,n,l={}){const{leading:a=!0,trailing:t=!0}=l;let i=0,r=null,s=null,o=null;function u(){null!==s&&(e.apply(o,s),i=Date.now(),s=null,o=null)}return function(...e){const l=Date.now(),g=l-i;s=e,o=this,g>=n?(r&&(clearTimeout(r),r=null),a?u():i=l):t&&!r&&(r=setTimeout((()=>{r=null,s&&u()}),n-g))}}function $(e,n){let l;return function(...a){clearTimeout(l),l=setTimeout((()=>{e.apply(this,a)}),n)}}const B=(0,r.memo)((function({currentIndex:e,totalItems:n,indexSeparator:l=" / "}){return(0,i.jsxs)("div",{className:"image-gallery-index",children:[(0,i.jsx)("span",{className:"image-gallery-index-current",children:e+1}),(0,i.jsx)("span",{className:"image-gallery-index-separator",children:l}),(0,i.jsx)("span",{className:"image-gallery-index-total",children:n})]})})),D={description:"",fullscreen:"",isFullscreen:!1,originalAlt:"",originalHeight:"",originalWidth:"",originalTitle:"",sizes:"",srcSet:"",loading:"eager"},U=s().memo((e=>{const{description:n,fullscreen:l,handleImageLoaded:a,isFullscreen:t,onImageError:r,original:o,originalAlt:u,originalHeight:g,originalWidth:c,originalTitle:m,sizes:d,srcSet:h,loading:b}={...D,...e},p=t&&l||o;return(0,i.jsxs)(s().Fragment,{children:[(0,i.jsx)("img",{alt:u,className:"image-gallery-image",height:g,loading:b,sizes:d,src:p,srcSet:h,title:m,width:c,onError:r,onLoad:e=>a(e,o)}),n&&(0,i.jsx)("span",{className:"image-gallery-description",children:n})]})}));U.displayName="Item";const H=U,A=(0,r.memo)((function({index:e,alignment:n="",originalClass:l="",style:a={},onClick:t,onKeyUp:r,onTouchMove:s,onTouchEnd:o,onTouchStart:u,onMouseOver:g,onMouseLeave:c,children:m=null}){return(0,i.jsx)("div",{"aria-label":`Go to Slide ${e+1}`,className:`image-gallery-slide ${n} ${l}`,role:"button",style:a,tabIndex:-1,onClick:t,onFocus:g,onKeyUp:r,onMouseLeave:c,onMouseOver:g,onTouchEnd:o,onTouchMove:s,onTouchStart:u,children:m},`slide-${e}`)}));let q=!1;const G={className:"",delta:0,onSwiping:()=>{},onSwiped:()=>{}},K=e=>{const{children:n,className:l,delta:a,onSwiping:t,onSwiped:r}={...G,...e},s=v({delta:a,onSwiping:t,onSwiped:r});return(0,i.jsx)("div",{...s,className:l,children:n})},V=(0,r.memo)((function({index:e,isActive:n=!1,thumbnailClass:l="",onMouseLeave:a,onMouseOver:t,onFocus:r,onKeyUp:s,onClick:o,children:g=null}){const c=u("image-gallery-thumbnail",l,{active:n});return(0,i.jsx)("button",{"aria-label":`Go to Slide ${e+1}`,"aria-pressed":n?"true":"false",className:c,tabIndex:0,type:"button",onClick:o??void 0,onFocus:r??void 0,onKeyUp:s??void 0,onMouseLeave:a??void 0,onMouseOver:t??void 0,children:g},`thumbnail-${e}`)})),Y=(0,r.memo)((function({thumbnails:e=[],thumbnailPosition:n="bottom",thumbnailStyle:l={},thumbnailBarHeight:a={},isRTL:t=!1,disableThumbnailSwipe:r=!1,onSwiping:s,onSwiped:o,thumbnailsWrapperRef:g,thumbnailsRef:c}){const m="left"===n||"right"===n,d=u("image-gallery-thumbnails-wrapper",(e=>{const n={left:"image-gallery-thumbnails-left",right:"image-gallery-thumbnails-right",bottom:"image-gallery-thumbnails-bottom",top:"image-gallery-thumbnails-top"};return n[e]?` ${n[e]}`:""})(n),{"thumbnails-wrapper-rtl":!m&&t},{"thumbnails-swipe-horizontal":!m&&!r},{"thumbnails-swipe-vertical":m&&!r});return e&&0!==e.length?(0,i.jsx)(K,{className:d,delta:0,onSwiped:r?void 0:o??void 0,onSwiping:r?void 0:s??void 0,children:(0,i.jsx)("div",{ref:g,className:"image-gallery-thumbnails",style:a,children:(0,i.jsx)("nav",{ref:c,"aria-label":"Thumbnail Navigation",className:"image-gallery-thumbnails-container",style:l,children:e})})}):null}));!function(){if(q||"undefined"==typeof document)return;if(document.querySelector("style[data-image-gallery]"))return void(q=!0);const e=document.createElement("style");e.setAttribute("data-image-gallery",""),e.textContent="/**\n * React Image Gallery - Styles\n * \n * Design System: Base-4 spacing scale\n * Spacing: 2, 4, 8, 12, 16, 20, 24, 32, 48, 64, 80, 96, 120px\n * \n * CSS Custom Properties for theming:\n * --ig-primary-color: Primary/accent color (default: #337ab7)\n * --ig-white: Icon and text color (default: #fff)\n * --ig-black: Background color in fullscreen (default: #000)\n * --ig-background-overlay: Overlay background (default: rgba(0, 0, 0, 0.4))\n * --ig-thumbnail-size: Thumbnail dimensions (default: 96px)\n * --ig-thumbnail-size-small: Thumbnail size on small screens (default: 80px)\n * --ig-thumbnail-border-width: Thumbnail border width (default: 4px)\n * --ig-thumbnail-border-width-small: Thumbnail border on small screens (default: 3px)\n * --ig-bullet-size: Bullet size (default: 4px)\n * --ig-bullet-size-small: Bullet size on small screens (default: 3px)\n */\n\n:root {\n  --ig-primary-color: #337ab7;\n  --ig-white: #fff;\n  --ig-black: #000;\n  --ig-background-overlay: rgba(0, 0, 0, 0.4);\n  --ig-thumbnail-size: 96px;\n  --ig-thumbnail-size-small: 80px;\n  --ig-thumbnail-border-width: 4px;\n  --ig-thumbnail-border-width-small: 3px;\n  --ig-bullet-size: 4px;\n  --ig-bullet-size-small: 3px;\n}\n\n/* ==========================================================================\n   SVG Icon Styles\n   ========================================================================== */\n\n.image-gallery-icon {\n  color: var(--ig-white, #fff);\n  transition: all 0.3s ease-out;\n  appearance: none;\n  background-color: transparent;\n  border: 0;\n  cursor: pointer;\n  outline: none;\n  position: absolute;\n  z-index: 4;\n  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5));\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .image-gallery-icon:hover {\n    color: var(--ig-primary-color, #337ab7);\n  }\n  .image-gallery-icon:hover .image-gallery-svg {\n    transform: scale(1.1);\n  }\n}\n\n.image-gallery-icon:focus {\n  outline: 2px solid var(--ig-primary-color, #337ab7);\n}\n\n.image-gallery-using-mouse .image-gallery-icon:focus {\n  outline: none;\n}\n\n/* Fullscreen & Play buttons */\n.image-gallery-fullscreen-button,\n.image-gallery-play-button {\n  bottom: 0;\n  padding: 20px;\n}\n\n.image-gallery-fullscreen-button .image-gallery-svg,\n.image-gallery-play-button .image-gallery-svg {\n  height: 32px;\n  width: 32px;\n}\n\n@media (max-width: 768px) {\n  .image-gallery-fullscreen-button,\n  .image-gallery-play-button {\n    padding: 16px;\n  }\n  .image-gallery-fullscreen-button .image-gallery-svg,\n  .image-gallery-play-button .image-gallery-svg {\n    height: 24px;\n    width: 24px;\n  }\n}\n\n@media (max-width: 480px) {\n  .image-gallery-fullscreen-button,\n  .image-gallery-play-button {\n    padding: 12px;\n  }\n  .image-gallery-fullscreen-button .image-gallery-svg,\n  .image-gallery-play-button .image-gallery-svg {\n    height: 16px;\n    width: 16px;\n  }\n}\n\n.image-gallery-fullscreen-button {\n  right: 0;\n}\n\n.image-gallery-play-button {\n  left: 0;\n}\n\n/* Top & Bottom navigation */\n.image-gallery-top-nav,\n.image-gallery-bottom-nav {\n  padding: 12px;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.image-gallery-top-nav .image-gallery-svg,\n.image-gallery-bottom-nav .image-gallery-svg {\n  height: 120px;\n  width: 96px;\n}\n\n@media (max-width: 768px) {\n  .image-gallery-top-nav .image-gallery-svg,\n  .image-gallery-bottom-nav .image-gallery-svg {\n    height: 72px;\n    width: 48px;\n  }\n}\n\n@media (max-width: 480px) {\n  .image-gallery-top-nav .image-gallery-svg,\n  .image-gallery-bottom-nav .image-gallery-svg {\n    height: 48px;\n    width: 32px;\n  }\n}\n\n.image-gallery-top-nav[disabled],\n.image-gallery-bottom-nav[disabled] {\n  cursor: not-allowed;\n  opacity: 0.6;\n  pointer-events: none;\n}\n\n.image-gallery-top-nav {\n  top: 0;\n}\n\n.image-gallery-bottom-nav {\n  bottom: 0;\n}\n\n/* Left & Right navigation */\n.image-gallery-left-nav,\n.image-gallery-right-nav {\n  padding: 48px 12px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.image-gallery-left-nav .image-gallery-svg,\n.image-gallery-right-nav .image-gallery-svg {\n  height: 120px;\n  width: 64px;\n}\n\n@media (max-width: 768px) {\n  .image-gallery-left-nav .image-gallery-svg,\n  .image-gallery-right-nav .image-gallery-svg {\n    height: 72px;\n    width: 32px;\n  }\n}\n\n@media (max-width: 480px) {\n  .image-gallery-left-nav .image-gallery-svg,\n  .image-gallery-right-nav .image-gallery-svg {\n    height: 48px;\n    width: 24px;\n  }\n}\n\n.image-gallery-left-nav[disabled],\n.image-gallery-right-nav[disabled] {\n  cursor: not-allowed;\n  opacity: 0.6;\n  pointer-events: none;\n}\n\n.image-gallery-left-nav {\n  left: 0;\n}\n\n.image-gallery-right-nav {\n  right: 0;\n}\n\n/* ==========================================================================\n   Gallery Container\n   ========================================================================== */\n\n.image-gallery {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n  position: relative;\n  /* Prevent mobile overscroll/pull-to-refresh */\n  overscroll-behavior: none;\n  -webkit-overflow-scrolling: touch;\n}\n\n.image-gallery.fullscreen-modal {\n  background: var(--ig-black, #000);\n  bottom: 0;\n  height: 100%;\n  left: 0;\n  position: fixed;\n  right: 0;\n  top: 0;\n  width: 100%;\n  z-index: 5;\n}\n\n.image-gallery.fullscreen-modal .image-gallery-content {\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n/* ==========================================================================\n   Gallery Content\n   ========================================================================== */\n\n.image-gallery-content {\n  position: relative;\n  line-height: 0;\n  top: 0;\n}\n\n.image-gallery-content.fullscreen {\n  background: var(--ig-black, #000);\n}\n\n.image-gallery-content .image-gallery-slide .image-gallery-image {\n  max-height: calc(100vh - 80px);\n}\n\n.image-gallery-content.image-gallery-thumbnails-left\n  .image-gallery-slide\n  .image-gallery-image,\n.image-gallery-content.image-gallery-thumbnails-right\n  .image-gallery-slide\n  .image-gallery-image {\n  max-height: 100vh;\n}\n\n/* ==========================================================================\n   Slide Wrapper\n   ========================================================================== */\n\n.image-gallery-slide-wrapper {\n  position: relative;\n}\n\n.image-gallery-slide-wrapper.image-gallery-thumbnails-left,\n.image-gallery-slide-wrapper.image-gallery-thumbnails-right {\n  display: inline-block;\n  width: calc(100% - 112px);\n}\n\n@media (max-width: 768px) {\n  .image-gallery-slide-wrapper.image-gallery-thumbnails-left,\n  .image-gallery-slide-wrapper.image-gallery-thumbnails-right {\n    width: calc(100% - 88px);\n  }\n}\n\n.image-gallery-slide-wrapper.image-gallery-rtl {\n  direction: rtl;\n}\n\n.image-gallery-swipe {\n  overflow: hidden;\n  /* GPU acceleration */\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n  -webkit-transform: translateZ(0);\n  transform: translateZ(0);\n  /* Prevent overscroll during swipe */\n  overscroll-behavior: contain;\n  touch-action: pan-y pinch-zoom;\n}\n\n/* ==========================================================================\n   Slides\n   ========================================================================== */\n\n.image-gallery-slides {\n  overflow: hidden;\n  position: relative;\n  touch-action: none;\n  /* GPU acceleration for smooth swiping */\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n  contain: layout style paint;\n  isolation: isolate;\n  overscroll-behavior: none;\n}\n\n/* Flex container that holds all slides and gets transformed */\n.image-gallery-slides-container {\n  display: flex;\n  /* GPU acceleration for smooth swiping */\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n  -webkit-transform-style: preserve-3d;\n  transform-style: preserve-3d;\n  will-change: transform;\n}\n\n.image-gallery-slides-container.vertical {\n  flex-direction: column;\n  height: 100%;\n}\n\n.image-gallery-slides-container.vertical .image-gallery-slide {\n  flex: 0 0 100%;\n  height: 100%;\n  min-height: 0;\n}\n\n.image-gallery-slides-container.vertical\n  .image-gallery-slide\n  .image-gallery-image {\n  height: 100%;\n  width: auto;\n  max-width: 100%;\n}\n\n.image-gallery-slide {\n  flex: 0 0 100%;\n  min-width: 0;\n  /* GPU acceleration for smooth swiping */\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n}\n\n.image-gallery-slide .image-gallery-image {\n  width: 100%;\n  object-fit: contain;\n}\n\n.image-gallery-slide .image-gallery-description {\n  background: var(--ig-background-overlay, rgba(0, 0, 0, 0.4));\n  bottom: 72px;\n  color: var(--ig-white, #fff);\n  left: 0;\n  line-height: 1;\n  padding: 12px 20px;\n  position: absolute;\n  white-space: normal;\n}\n\n@media (max-width: 768px) {\n  .image-gallery-slide .image-gallery-description {\n    bottom: 48px;\n    font-size: 0.8em;\n    padding: 8px 16px;\n  }\n}\n\n/* ==========================================================================\n   Bullets\n   ========================================================================== */\n\n.image-gallery-bullets {\n  bottom: 20px;\n  left: 0;\n  margin: 0 auto;\n  position: absolute;\n  right: 0;\n  width: 80%;\n  z-index: 4;\n}\n\n.image-gallery-bullets .image-gallery-bullets-container {\n  margin: 0;\n  padding: 0;\n  text-align: center;\n}\n\n.image-gallery-bullets .image-gallery-bullet {\n  appearance: none;\n  background-color: transparent;\n  border: 1px solid var(--ig-white, #fff);\n  border-radius: 50%;\n  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);\n  cursor: pointer;\n  display: inline-block;\n  margin: 0 4px;\n  outline: none;\n  padding: var(--ig-bullet-size, 4px);\n  transition: all 0.2s ease-out;\n}\n\n@media (max-width: 768px) {\n  .image-gallery-bullets .image-gallery-bullet {\n    margin: 0 3px;\n    padding: var(--ig-bullet-size-small, 3px);\n  }\n}\n\n@media (max-width: 480px) {\n  .image-gallery-bullets .image-gallery-bullet {\n    padding: 3px;\n  }\n}\n\n.image-gallery-bullets .image-gallery-bullet:focus {\n  transform: scale(1.2);\n  background: var(--ig-primary-color, #337ab7);\n  border: 1px solid var(--ig-primary-color, #337ab7);\n}\n\n.image-gallery-bullets .image-gallery-bullet.active {\n  transform: scale(1.2);\n  border: 1px solid var(--ig-white, #fff);\n  background: var(--ig-white, #fff);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .image-gallery-bullets .image-gallery-bullet:hover {\n    background: var(--ig-primary-color, #337ab7);\n    border: 1px solid var(--ig-primary-color, #337ab7);\n  }\n  .image-gallery-bullets .image-gallery-bullet.active:hover {\n    background: var(--ig-primary-color, #337ab7);\n  }\n}\n\n/* Vertical bullets */\n.image-gallery-bullets.image-gallery-bullets-vertical {\n  left: 20px;\n  right: auto;\n  bottom: auto;\n  width: auto;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet {\n  display: block;\n  margin: 12px 0;\n}\n\n@media (max-width: 768px) {\n  .image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet {\n    margin: 8px 0;\n    padding: var(--ig-bullet-size-small, 3px);\n  }\n}\n\n@media (max-width: 480px) {\n  .image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet {\n    padding: 3px;\n  }\n}\n\n/* ==========================================================================\n   Thumbnails Wrapper\n   ========================================================================== */\n\n.image-gallery-thumbnails-wrapper {\n  position: relative;\n}\n\n.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal {\n  touch-action: pan-y;\n}\n\n.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical {\n  touch-action: pan-x;\n}\n\n.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl {\n  direction: rtl;\n}\n\n.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,\n.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right {\n  display: inline-block;\n  vertical-align: top;\n  width: var(--ig-thumbnail-size, 96px);\n}\n\n@media (max-width: 768px) {\n  .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,\n  .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right {\n    width: var(--ig-thumbnail-size-small, 80px);\n  }\n}\n\n.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left\n  .image-gallery-thumbnails,\n.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right\n  .image-gallery-thumbnails {\n  height: 100%;\n  width: 100%;\n  left: 0;\n  padding: 0;\n  position: absolute;\n  top: 0;\n}\n\n.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left\n  .image-gallery-thumbnails\n  .image-gallery-thumbnail,\n.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right\n  .image-gallery-thumbnails\n  .image-gallery-thumbnail {\n  display: block;\n  margin-right: 0;\n  padding: 0;\n}\n\n.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left\n  .image-gallery-thumbnails\n  .image-gallery-thumbnail\n  + .image-gallery-thumbnail,\n.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right\n  .image-gallery-thumbnails\n  .image-gallery-thumbnail\n  + .image-gallery-thumbnail {\n  margin-left: 0;\n  margin-top: 2px;\n}\n\n.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,\n.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right {\n  margin: 0 4px;\n}\n\n@media (max-width: 768px) {\n  .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,\n  .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right {\n    margin: 0 4px;\n  }\n}\n\n/* ==========================================================================\n   Thumbnails\n   ========================================================================== */\n\n.image-gallery-thumbnails {\n  overflow: hidden;\n  padding: 4px 0;\n}\n\n@media (max-width: 768px) {\n  .image-gallery-thumbnails {\n    padding: 4px 0;\n  }\n}\n\n.image-gallery-thumbnails .image-gallery-thumbnails-container {\n  cursor: pointer;\n  text-align: center;\n  white-space: nowrap;\n}\n\n.image-gallery-thumbnail {\n  display: inline-block;\n  border: var(--ig-thumbnail-border-width, 4px) solid transparent;\n  transition: border 0.3s ease-out;\n  width: var(--ig-thumbnail-size, 96px);\n  background: transparent;\n  padding: 0;\n}\n\n@media (max-width: 768px) {\n  .image-gallery-thumbnail {\n    border: var(--ig-thumbnail-border-width-small, 3px) solid transparent;\n    width: var(--ig-thumbnail-size-small, 80px);\n  }\n}\n\n.image-gallery-thumbnail + .image-gallery-thumbnail {\n  margin-left: 2px;\n}\n\n.image-gallery-thumbnail .image-gallery-thumbnail-inner {\n  display: block;\n  position: relative;\n}\n\n.image-gallery-thumbnail .image-gallery-thumbnail-image {\n  vertical-align: middle;\n  width: 100%;\n  line-height: 0;\n}\n\n.image-gallery-thumbnail.active,\n.image-gallery-thumbnail:focus {\n  outline: none;\n  border: var(--ig-thumbnail-border-width, 4px) solid\n    var(--ig-primary-color, #337ab7);\n}\n\n@media (max-width: 768px) {\n  .image-gallery-thumbnail.active,\n  .image-gallery-thumbnail:focus {\n    border: var(--ig-thumbnail-border-width-small, 3px) solid\n      var(--ig-primary-color, #337ab7);\n  }\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .image-gallery-thumbnail:hover {\n    outline: none;\n    border: var(--ig-thumbnail-border-width, 4px) solid\n      var(--ig-primary-color, #337ab7);\n  }\n}\n\n@media (hover: hover) and (pointer: fine) and (max-width: 768px) {\n  .image-gallery-thumbnail:hover {\n    border: var(--ig-thumbnail-border-width-small, 3px) solid\n      var(--ig-primary-color, #337ab7);\n  }\n}\n\n/* ==========================================================================\n   Thumbnail Label\n   ========================================================================== */\n\n.image-gallery-thumbnail-label {\n  box-sizing: border-box;\n  color: var(--ig-white, #fff);\n  font-size: 1em;\n  left: 0;\n  line-height: 1em;\n  padding: 5%;\n  position: absolute;\n  top: 50%;\n  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);\n  transform: translateY(-50%);\n  white-space: normal;\n  width: 100%;\n}\n\n@media (max-width: 768px) {\n  .image-gallery-thumbnail-label {\n    font-size: 0.8em;\n    line-height: 0.8em;\n  }\n}\n\n/* ==========================================================================\n   Index Display\n   ========================================================================== */\n\n.image-gallery-index {\n  background: var(--ig-background-overlay, rgba(0, 0, 0, 0.4));\n  color: var(--ig-white, #fff);\n  line-height: 1;\n  padding: 10px 20px;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 4;\n}\n\n@media (max-width: 768px) {\n  .image-gallery-index {\n    font-size: 0.8em;\n    padding: 5px 10px;\n  }\n}\n",document.head.appendChild(e),q=!0}();const X=["fullscreenchange","MSFullscreenChange","mozfullscreenchange","webkitfullscreenchange"];function _(e){const n=parseInt(String(e.keyCode||e.which||0),10);return 13===n||32===n}function Z(e){return{left:" image-gallery-thumbnails-left",right:" image-gallery-thumbnails-right",bottom:" image-gallery-thumbnails-bottom",top:" image-gallery-thumbnails-top"}[e]||""}const J=(0,r.forwardRef)((function(e,n){const{additionalClass:l="",autoPlay:a=!1,disableKeyDown:t=!1,disableSwipe:s=!1,disableThumbnailScroll:o=!1,disableThumbnailSwipe:h=!1,flickThreshold:b=.4,indexSeparator:p=" / ",infinite:y=!0,isRTL:f=!1,items:v,lazyLoad:S=!1,onBeforeSlide:k,onBulletClick:T,onClick:C,onErrorImageURL:R="",onImageError:I,onImageLoad:N,onMouseLeave:z,onMouseOver:L,onPause:D,onPlay:U,onScreenChange:q,onSlide:G,onThumbnailClick:J,onThumbnailError:Q,onTouchEnd:ee,onTouchMove:ne,onTouchStart:le,renderBottomNav:ae=(e,n)=>(0,i.jsx)(j,{disabled:n,onClick:e}),renderCustomControls:te,renderFullscreenButton:ie=(e,n)=>(0,i.jsx)(O,{isFullscreen:n,onClick:e}),renderItem:re,renderLeftNav:se=(e,n)=>(0,i.jsx)(E,{disabled:n,onClick:e}),renderPlayPauseButton:oe=(e,n)=>(0,i.jsx)(F,{isPlaying:n,onClick:e}),renderRightNav:ue=(e,n)=>(0,i.jsx)(M,{disabled:n,onClick:e}),renderThumbInner:ge,renderTopNav:ce=(e,n)=>(0,i.jsx)(P,{disabled:n,onClick:e}),showBullets:me=!1,showFullscreenButton:de=!0,showIndex:he=!1,showNav:be=!0,showPlayButton:pe=!0,showThumbnails:ye=!0,slideDuration:fe=450,slideInterval:ve=3e3,slideOnThumbnailOver:xe=!1,slideVertically:we=!1,startIndex:Se=0,stopPropagation:ke=!1,swipeThreshold:Te=30,swipingTransitionDuration:Ce=0,thumbnailPosition:je="bottom",useBrowserFullscreen:Re=!0,useTranslate3D:Oe=!0,useWindowKeyDown:Ie=!0}=e,Ee=(0,r.useRef)(null),Ne=(0,r.useRef)(null),Fe=(0,r.useRef)(null),ze=(0,r.useRef)({}),Me=(0,r.useRef)([]),Le=(0,r.useRef)(null),Pe=(0,r.useRef)(null),[We,$e]=(0,r.useState)(0),[Be,De]=(0,r.useState)(0),[Ue,He]=(0,r.useState)(0),[Ae,qe]=(0,r.useState)(!1),[Ge,Ke]=(0,r.useState)(!1),Ve=v.length,Ye=Ve>=2,{currentIndex:Xe,isTransitioning:_e,currentSlideOffset:Ze,canSlideLeft:Je,canSlideRight:Qe,slideToIndex:en,slideToIndexCore:nn,slideToIndexWithStyleReset:ln,slideLeft:an,slideRight:tn,getContainerStyle:rn,getExtendedSlides:sn,getAlignmentClass:on,setCurrentSlideOffset:un,setSlideStyle:gn}=function({items:e,startIndex:n=0,infinite:l=!0,isRTL:a=!1,slideDuration:t=450,onSlide:i,onBeforeSlide:s}){const[o,u]=(0,r.useState)(n),[g,c]=(0,r.useState)(n),[m,d]=(0,r.useState)(!1),[h,b]=(0,r.useState)(0),[p,y]=(0,r.useState)(l&&e.length>1?n+1:n),[f,v]=(0,r.useState)({transition:`all ${t}ms ease-out`}),x=(0,r.useRef)(null),w=(0,r.useRef)(null),S=(0,r.useRef)(!1),k=e.length,T=k>=2,C=l&&k>1?k+2:k;(0,r.useEffect)((()=>()=>{x.current&&window.clearTimeout(x.current),w.current&&window.clearTimeout(w.current)}),[]),(0,r.useEffect)((()=>{u(n),y(l&&e.length>1?n+1:n),v({transition:"none"})}),[e,n,l]);const j=(0,r.useCallback)((()=>o>0),[o]),R=(0,r.useCallback)((()=>o<k-1),[o,k]),O=(0,r.useCallback)((()=>l||(a?R():j())),[l,a,R,j]),I=(0,r.useCallback)((()=>l||(a?j():R())),[l,a,R,j]),E=(0,r.useCallback)((()=>{x.current=window.setTimeout((()=>{m&&(d(!1),i&&i(o))}),t+50)}),[m,o,t,i]),N=(0,r.useCallback)((e=>l&&k>1?e+1:e),[l,k]),F=(0,r.useCallback)(((e,n)=>{S.current=!0,v({transition:"none"}),y(n),w.current=window.setTimeout((()=>{v({transition:`all ${t}ms ease-out`}),S.current=!1}),50)}),[t]),z=(0,r.useCallback)(((e,n,a=!1)=>{if((m||S.current)&&!a)return;const r=k-1;let g,h=e,p=!1,f=null;e<0?(h=r,p=!0,f="start"):e>r&&(h=0,p=!0,f="end"),g=l&&k>1?p&&"start"===f?0:p&&"end"===f?C-1:h+1:h,s&&h!==o&&s(h),c(o),u(h),y(g),d(h!==o||p),b(0),v({transition:`all ${t}ms ease-out`}),l&&k>1&&p&&(x.current=window.setTimeout((()=>{d(!1),i&&i(h);const e=N(h);F(h,e)}),t+20))}),[o,k,C,t,s,i,m,l,N,F]),M=(0,r.useRef)(W(((e,n)=>{z(e,n,!1)}),t,{trailing:!1}));(0,r.useEffect)((()=>{M.current=W(((e,n)=>{z(e,n,!1)}),t,{trailing:!1})}),[t,z]);const L=(0,r.useCallback)(((e,n)=>{M.current(e,n)}),[]),P=(0,r.useCallback)(((e,n)=>{b((n=>n+(o>e?.001:-.001))),v({transition:"none"}),window.setTimeout((()=>{z(e,n)}),25)}),[o,z]),$=(0,r.useCallback)((e=>{const n=o+("left"==(a?"right":"left")?-1:1);m||S.current||(2===k?P(n,e):L(n,e))}),[a,o,m,k,P,L]),B=(0,r.useCallback)((e=>{const n=o+("left"==(a?"left":"right")?-1:1);m||S.current||(2===k?P(n,e):L(n,e))}),[a,o,m,k,P,L]),D=(0,r.useCallback)((({useTranslate3D:e=!0,slideVertically:n=!1}={})=>{const l=-(100*p-h*(a?-1:1)),t=n?e?`translate3d(0, ${l}%, 0)`:`translate(0, ${l}%)`:e?`translate3d(${l}%, 0, 0)`:`translate(${l}%, 0)`;return{transform:t,WebkitTransform:t,MozTransform:t,msTransform:t,OTransform:t,...f}}),[p,h,f,a]),U=(0,r.useCallback)((()=>{if(!l||k<=1)return{extendedItems:e,getSlideKey:e=>`slide-${e}`,getRealIndex:e=>e};const n=[e[k-1],...e,e[0]];return{extendedItems:n,getSlideKey:e=>0===e?"slide-clone-last":e===n.length-1?"slide-clone-first":"slide-"+(e-1),getRealIndex:e=>0===e?k-1:e===n.length-1?0:e-1}}),[e,k,l]),H=(0,r.useCallback)((e=>{const{getRealIndex:n}=U(),l=n(e);return l===o?"image-gallery-center":l===(o-1+k)%k?"image-gallery-left":l===(o+1)%k?"image-gallery-right":""}),[o,k,U]);return(0,r.useEffect)((()=>{m&&!S.current&&E()}),[m,E]),{currentIndex:o,previousIndex:g,displayIndex:p,isTransitioning:m,currentSlideOffset:h,slideStyle:f,canSlide:T,canSlideLeft:O,canSlideRight:I,canSlidePrevious:j,canSlideNext:R,slideToIndex:L,slideToIndexCore:z,slideToIndexWithStyleReset:P,slideLeft:$,slideRight:B,getContainerStyle:D,getExtendedSlides:U,getAlignmentClass:H,setCurrentSlideOffset:b,setSlideStyle:v,setIsTransitioning:d,totalDisplaySlides:C}}({items:v,startIndex:Se,infinite:y,isRTL:f,slideDuration:fe,onSlide:G,onBeforeSlide:k}),{thumbsTranslate:cn,setThumbsTranslate:mn,thumbsSwipedTranslate:dn,setThumbsSwipedTranslate:hn,setThumbsStyle:bn,thumbnailsWrapperWidth:pn,thumbnailsWrapperHeight:yn,isSwipingThumbnail:fn,setIsSwipingThumbnail:vn,thumbnailsWrapperRef:xn,thumbnailsRef:wn,isThumbnailVertical:Sn,getThumbnailStyle:kn,getThumbnailBarHeight:Tn,initResizeObserver:Cn,removeResizeObserver:jn}=function({currentIndex:e,items:n,thumbnailPosition:l="bottom",disableThumbnailScroll:a=!1,slideDuration:t=450,isRTL:i=!1,useTranslate3D:s=!0}){const[o,u]=(0,r.useState)(0),[g,c]=(0,r.useState)(0),[m,d]=(0,r.useState)({transition:`all ${t}ms ease-out`}),[h,b]=(0,r.useState)(0),[p,y]=(0,r.useState)(0),[f,v]=(0,r.useState)(!1),x=(0,r.useRef)(null),w=(0,r.useRef)(null),S=(0,r.useRef)(null),k=(0,r.useRef)(e),T=(0,r.useCallback)((()=>"left"===l||"right"===l),[l]),C=(0,r.useCallback)((e=>{if(a)return 0;const l=w.current;if(!l)return 0;let t;if(T()){if(l.scrollHeight<=p)return 0;t=l.scrollHeight-p}else{if(l.scrollWidth<=h||h<=0)return 0;t=l.scrollWidth-h}return e*(t/(n.length-1))}),[a,n.length,h,p,T]),j=(0,r.useCallback)((()=>{if(f)return;const n=-C(e);d({transition:`all ${t}ms ease-out`}),0===e?(u(0),c(0)):(u(n),c(n))}),[e,C,f,t]);(0,r.useEffect)((()=>{k.current!==e&&(k.current=e,j())}),[e,j]);const R=(0,r.useRef)(l);(0,r.useEffect)((()=>{if(R.current!==l){R.current=l,d({transition:"none"}),u(0),c(0);const a=()=>{if(!x.current||!w.current)return;const a=x.current.getBoundingClientRect(),i=a.width,r=a.height;b(i),y(r);const s="left"===l||"right"===l,o=w.current;let g;if(s){if(o.scrollHeight<=r)return void d({transition:`all ${t}ms ease-out`});g=o.scrollHeight-r}else{if(o.scrollWidth<=i)return void d({transition:`all ${t}ms ease-out`});g=o.scrollWidth-i}const m=g/(n.length-1),h=-e*m;u(h),c(h),requestAnimationFrame((()=>{d({transition:`all ${t}ms ease-out`})}))};requestAnimationFrame((()=>{requestAnimationFrame((()=>{setTimeout(a,100)}))}))}}),[l,e,n.length,t]);const O=(0,r.useCallback)((()=>{const e=i?-1*o:o;let n;return n=T()?s?`translate3d(0, ${o}px, 0)`:`translate(0, ${o}px)`:s?`translate3d(${e}px, 0, 0)`:`translate(${e}px, 0)`,{WebkitTransform:n,MozTransform:n,msTransform:n,OTransform:n,transform:n,...m}}),[o,m,i,s,T]),I=(0,r.useCallback)((e=>T()?{height:e}:{}),[T]),E=(0,r.useCallback)((e=>{e?.current&&(S.current=new ResizeObserver($((e=>{e&&e.forEach((e=>{b(e.contentRect.width),y(e.contentRect.height)}))}),50)),S.current.observe(e.current))}),[]),N=(0,r.useCallback)((()=>{S.current&&x.current&&(S.current.unobserve(x.current),S.current=null)}),[]);(0,r.useEffect)((()=>()=>{N()}),[N]);const F=(0,r.useCallback)((()=>{v(!0),c(o),d({transition:`all ${t}ms ease-out`})}),[o,t]),z=(0,r.useCallback)((()=>{v(!1)}),[]);return{thumbsTranslate:o,setThumbsTranslate:u,thumbsSwipedTranslate:g,setThumbsSwipedTranslate:c,thumbsStyle:m,setThumbsStyle:d,thumbnailsWrapperWidth:h,thumbnailsWrapperHeight:p,isSwipingThumbnail:f,setIsSwipingThumbnail:v,thumbnailsWrapperRef:x,thumbnailsRef:w,isThumbnailVertical:T,getThumbsTranslate:C,getThumbnailStyle:O,getThumbnailBarHeight:I,slideThumbnailBar:j,initResizeObserver:E,removeResizeObserver:N,handleThumbnailSwipeEnd:F,resetSwipingThumbnail:z}}({currentIndex:Xe,items:v,thumbnailPosition:je,disableThumbnailScroll:o,slideDuration:fe,isRTL:f,useTranslate3D:Oe}),{isFullscreen:Rn,modalFullscreen:On,fullScreen:In,exitFullScreen:En,toggleFullScreen:Nn,handleScreenChange:Fn}=function({useBrowserFullscreen:e=!0,onScreenChange:n,galleryRef:l}){const[a,t]=(0,r.useState)(!1),[i,s]=(0,r.useState)(!1),o=(0,r.useCallback)((()=>{const a=document,i=a.fullscreenElement||a.msFullscreenElement||a.mozFullScreenElement||a.webkitFullscreenElement,r=l?.current===i;n&&n(r),e&&t(r)}),[l,e,n]),u=(0,r.useCallback)((e=>{s(e),n&&n(e)}),[n]),g=(0,r.useCallback)((()=>{const n=l?.current;n&&(e?n.requestFullscreen?n.requestFullscreen():n.msRequestFullscreen?n.msRequestFullscreen():n.mozRequestFullScreen?n.mozRequestFullScreen():n.webkitRequestFullscreen?n.webkitRequestFullscreen():u(!0):u(!0),t(!0))}),[l,e,u]),c=(0,r.useCallback)((()=>{if(!a)return;const n=document;e?n.exitFullscreen?n.exitFullscreen():n.webkitExitFullscreen?n.webkitExitFullscreen():n.mozCancelFullScreen?n.mozCancelFullScreen():n.msExitFullscreen?n.msExitFullscreen():u(!1):u(!1),t(!1)}),[a,e,u]),m=(0,r.useCallback)((()=>{a?c():g()}),[a,c,g]);return{isFullscreen:a,modalFullscreen:i,fullScreen:g,exitFullScreen:c,toggleFullScreen:m,handleScreenChange:o}}({useBrowserFullscreen:Re,onScreenChange:q,galleryRef:Ee}),{isPlaying:zn,playPauseIntervalRef:Mn,play:Ln,pause:Pn,togglePlay:Wn}=function({autoPlay:e=!1,slideInterval:n=3e3,slideDuration:l=450,infinite:a=!0,totalSlides:t,currentIndex:i,canSlideRight:s,slideToIndexCore:o,slideToIndexWithStyleReset:u,onPlay:g,onPause:c}){const[m,d]=(0,r.useState)(!1),h=(0,r.useRef)(null),b=(0,r.useRef)(null),p=(0,r.useCallback)((()=>{if(a||s()){const e=i+1;2===t?u(e):o(e)}else h.current&&(clearInterval(h.current),h.current=null,d(!1),c&&c(i))}),[a,s,i,t,o,u,c]);b.current=p;const y=(0,r.useCallback)(((e=!0)=>{h.current||(d(!0),h.current=setInterval((()=>b.current?.()),Math.max(n,l)),g&&e&&g(i))}),[n,l,g,i]),f=(0,r.useCallback)(((e=!0)=>{h.current&&(clearInterval(h.current),h.current=null,d(!1),c&&e&&c(i))}),[c,i]),v=(0,r.useCallback)((()=>{h.current?f():y()}),[y,f]),x=(0,r.useRef)(y),w=(0,r.useRef)(f);return x.current=y,w.current=f,(0,r.useEffect)((()=>{m&&(w.current(!1),x.current(!1))}),[n,l,m]),(0,r.useEffect)((()=>{e&&!h.current&&x.current()}),[e]),(0,r.useEffect)((()=>()=>{h.current&&(clearInterval(h.current),h.current=null)}),[]),{isPlaying:m,playPauseIntervalRef:h,play:y,pause:f,togglePlay:v}}({autoPlay:a,slideInterval:ve,slideDuration:fe,infinite:y,totalSlides:Ve,currentIndex:Xe,canSlideRight:Qe,slideToIndexCore:nn,slideToIndexWithStyleReset:ln,onPlay:U,onPause:D}),$n=(0,r.useCallback)((()=>{Ae&&qe(!1),Ge&&Ke(!1)}),[Ae,Ge]),Bn=(0,r.useCallback)((()=>Math.abs(Ze)>Te),[Ze,Te]),Dn=(0,r.useCallback)((({event:e,absX:n,absY:l,dir:a})=>{const t=a;if((t!==m&&t!==d&&!Ae||Ge||(Ae||qe(!0),we))&&(t!==g&&t!==c||Ge||Ke(!0),!s))if(ke&&e.preventDefault(),_e)un(0);else{if((t===g||t===c)&&we)return;if((t===m||t===d)&&!we)return;const e={[g]:-1,[c]:1,[m]:-1,[d]:1}[t];let a=n/We*100;we&&(a=l/Be*100),Math.abs(a)>=100&&(a=100);const i={transition:`transform ${Ce}ms ease-out`};un(e*a),gn(i)}}),[s,ke,_e,We,Be,we,Ce,Ae,Ge,un,gn]),Un=(0,r.useCallback)(((e,n)=>{let l=Xe;!Bn()&&!n||_e||(l+=e),(-1===e&&!Je()||1===e&&!Qe())&&(l=Xe),nn(l)}),[Xe,_e,Bn,Je,Qe,nn]),Hn=(0,r.useCallback)((({event:e,dir:n,velocity:l})=>{if(s)return;ke&&e.stopPropagation(),$n();let a=(n===g?1:-1)*(f?-1:1);we&&(a=n===m?1:-1),Un(a,we?l>b&&!(n===g||n===c):l>b&&!(n===m||n===d))}),[s,ke,$n,f,we,b,Un]),An=(0,r.useCallback)((({event:e,absX:n,absY:l,dir:a})=>{const t=a,i=Sn();if(i){if((t===g||t===c||Ge)&&!Ae)return void(Ge||Ke(!0));t!==m&&t!==d||Ae||qe(!0)}else{if((t===m||t===d||Ae)&&!Ge)return void(Ae||qe(!0));t!==g&&t!==c||Ge||Ke(!0)}const r=wn.current;if(!r)return;let s,o,u,h,b;i?(s=dn+(t===d?l:-l),o=r.scrollHeight-yn+20,u=Math.abs(s)>o,h=s>20,b=r.scrollHeight<=yn):(s=dn+(t===c?n:-n),o=r.scrollWidth-pn+20,u=Math.abs(s)>o,h=s>20,b=r.scrollWidth<=pn),b||(t!==g&&t!==m||!u)&&(t!==c&&t!==d||!h)&&(ke&&e.stopPropagation(),mn(s),fn||(bn({transition:"none"}),vn(!0)))}),[Sn,yn,pn,dn,ke,fn,Ae,Ge,wn,mn,bn,vn]),qn=(0,r.useCallback)((()=>{$n(),hn(cn)}),[$n,cn,hn]),Gn=(0,r.useCallback)((e=>{if(Ee.current?.classList.remove("image-gallery-using-mouse"),!t)switch(parseInt(String(e.keyCode||e.which||0),10)){case 37:Je()&&!Mn?.current&&an(e);break;case 39:Qe()&&!Mn?.current&&tn(e);break;case 27:Rn&&!Re&&En()}}),[t,Je,Qe,an,tn,Rn,Re,En,Mn]);Pe.current=Gn;const Kn=(0,r.useCallback)((e=>{Pe.current?.(e)}),[]),Vn=(0,r.useCallback)((()=>{Ee.current?.classList.add("image-gallery-using-mouse")}),[]),Yn=(0,r.useCallback)((e=>{_(e)&&C&&C(e)}),[C]),Xn=(0,r.useCallback)(((e,n)=>{Fe.current&&(window.clearTimeout(Fe.current),Fe.current=null),Fe.current=window.setTimeout((()=>{en(n),Pn()}),300)}),[en,Pn]),_n=(0,r.useCallback)((()=>{Fe.current&&(window.clearTimeout(Fe.current),Fe.current=null,a&&Ln())}),[a,Ln]),Zn=(0,r.useCallback)(((e,n)=>{xe&&Xn(e,n)}),[xe,Xn]),Jn=(0,r.useCallback)(((e,n)=>{_(e)&&J?.(e,n)}),[J]),Qn=(0,r.useCallback)(((e,n)=>{const l=e.target.parentNode?.parentNode;l?.blur&&l.blur(),Xe!==n&&(2===Ve?ln(n,e):en(n,e)),J&&J(e,n)}),[Xe,Ve,en,ln,J]),el=(0,r.useCallback)(((e,n)=>{e.target.blur(),Xe!==n&&(2===Ve?ln(n,e):en(n,e)),T&&T(e,n)}),[Xe,Ve,en,ln,T]),nl=(0,r.useCallback)((e=>{R&&-1===e.currentTarget.src.indexOf(R)&&(e.currentTarget.src=R)}),[R]),ll=(0,r.useCallback)(((e,n)=>{!ze.current[n]&&N&&(ze.current[n]=!0,N(e))}),[N]),al=(0,r.useCallback)((()=>{Ee.current&&($e(Ee.current.offsetWidth),De(Ee.current.offsetHeight),Ne.current&&He(Ne.current.offsetHeight))}),[]),tl=(0,r.useCallback)((e=>{e?.current&&(Le.current=new ResizeObserver($((e=>{e&&e.forEach((()=>{al()}))}),50)),Le.current.observe(e.current))}),[al]),il=(0,r.useCallback)((()=>{Le.current&&Ne.current&&(Le.current.unobserve(Ne.current),Le.current=null)}),[]),rl=(0,r.useRef)(null),sl=(0,r.useRef)(null),ol=(0,r.useRef)(null),ul=(0,r.useRef)(null),gl=(0,r.useRef)(null),cl=(0,r.useRef)(null),ml=(0,r.useRef)(null);rl.current=Vn,sl.current=Fn,ol.current=tl,ul.current=Cn,gl.current=il,cl.current=jn,ml.current=al;const dl=(0,r.useCallback)((()=>{rl.current?.()}),[]),hl=(0,r.useCallback)((()=>{sl.current?.()}),[]),bl=(0,r.useCallback)((e=>{const n=I||nl;return(0,i.jsx)(H,{description:e.description,fullscreen:e.fullscreen,handleImageLoaded:ll,isFullscreen:Rn,loading:e.loading,original:e.original,originalAlt:e.originalAlt,originalHeight:e.originalHeight,originalTitle:e.originalTitle,originalWidth:e.originalWidth,sizes:e.sizes,srcSet:e.srcSet,onImageError:n})}),[Rn,I,nl,ll]),pl=(0,r.useCallback)((e=>{const n=Q||nl;return(0,i.jsxs)("span",{className:"image-gallery-thumbnail-inner",children:[(0,i.jsx)("img",{alt:e.thumbnailAlt,className:"image-gallery-thumbnail-image",height:e.thumbnailHeight,loading:e.thumbnailLoading,src:e.thumbnail,title:e.thumbnailTitle,width:e.thumbnailWidth,onError:n}),e.thumbnailLabel&&(0,i.jsx)("div",{className:"image-gallery-thumbnail-label",children:e.thumbnailLabel})]})}),[Q,nl]),yl=(0,r.useMemo)((()=>rn({useTranslate3D:Oe,slideVertically:we})),[rn,Oe,we]),fl=(0,r.useMemo)((()=>{const e=[],n=[],l=[],{extendedItems:a,getSlideKey:t,getRealIndex:r}=sn();return a.forEach(((n,l)=>{const a=r(l),s=on(l),o=n.originalClass?` ${n.originalClass}`:"",u=n.renderItem||re||bl,g=!S||s||Me.current[a];g&&S&&!Me.current[a]&&(Me.current[a]=!0),e.push((0,i.jsx)(A,{alignment:s,index:a,originalClass:o,onClick:C,onKeyUp:Yn,onMouseLeave:z,onMouseOver:L,onTouchEnd:ee,onTouchMove:ne,onTouchStart:le,children:g?u(n):(0,i.jsx)("div",{style:{height:"100%"}})},t(l)))})),v.forEach(((e,a)=>{const t=e.thumbnailClass?` ${e.thumbnailClass}`:"",r=e.renderThumbInner||ge||pl;ye&&e.thumbnail&&n.push((0,i.jsx)(V,{index:a,isActive:Xe===a,thumbnailClass:t,onClick:e=>Qn(e,a),onFocus:e=>Zn(e,a),onKeyUp:e=>Jn(e,a),onMouseLeave:xe?_n:null,onMouseOver:e=>Zn(e,a),children:r(e)},`thumbnail-${a}`)),me&&l.push((0,i.jsx)(x,{bulletClass:e.bulletClass,index:a,isActive:Xe===a,onClick:e=>el(e,a)},`bullet-${a}`))})),{slides:e,thumbnails:n,bullets:l}}),[v,Xe,sn,on,S,ye,me,xe,bl,pl,re,ge,C,Yn,ne,ee,le,L,z,_n,Zn,Jn,Qn,el]);(0,r.useEffect)((()=>{const e=Ee.current;return Ie?window.addEventListener("keydown",Kn):e?.addEventListener("keydown",Kn),window.addEventListener("mousedown",dl),ol.current?.(Ne),ul.current?.(xn),X.forEach((e=>{document.addEventListener(e,hl)})),()=>{window.removeEventListener("mousedown",dl),window.removeEventListener("keydown",Kn),e?.removeEventListener("keydown",Kn),X.forEach((e=>{document.removeEventListener(e,hl)})),gl.current?.(),cl.current?.()}}),[Ie,Kn,dl,hl,xn]),(0,r.useEffect)((()=>{gl.current?.(),cl.current?.(),ol.current?.(Ne),ul.current?.(xn)}),[je,xn]),(0,r.useEffect)((()=>{ye?ul.current?.(xn):cl.current?.(),ml.current?.()}),[ye,xn]),(0,r.useEffect)((()=>{S&&(Me.current=[]),ml.current?.()}),[v,S]),(0,r.useEffect)((()=>{!_e&&fn&&vn(!1)}),[_e,fn,vn]),(0,r.useImperativeHandle)(n,(()=>({play:Ln,pause:Pn,togglePlay:Wn,fullScreen:In,exitFullScreen:En,toggleFullScreen:Nn,slideToIndex:nn,getCurrentIndex:()=>Xe})));const{slides:vl,thumbnails:xl,bullets:wl}=fl,Sl=u("image-gallery-slide-wrapper",Z(je),{"image-gallery-rtl":f}),kl=(0,i.jsxs)("div",{ref:Ne,className:Sl,children:[te&&te(),Ye?(0,i.jsxs)(i.Fragment,{children:[be&&(0,i.jsxs)(i.Fragment,{children:[we?ce(an,!Je()):se(an,!Je()),we?ae(tn,!Qe()):ue(tn,!Qe())]}),(0,i.jsx)(K,{className:"image-gallery-swipe",delta:0,onSwiped:Hn,onSwiping:Dn,children:(0,i.jsx)("div",{className:"image-gallery-slides",style:we?{height:Ue}:void 0,children:(0,i.jsx)("div",{className:u("image-gallery-slides-container",{vertical:we}),style:yl,children:vl})})})]}):(0,i.jsx)("div",{className:"image-gallery-slides",style:we?{height:Ue}:void 0,children:(0,i.jsx)("div",{className:u("image-gallery-slides-container",{vertical:we}),style:yl,children:vl})}),pe&&oe(Wn,zn),me&&(0,i.jsx)(w,{bullets:wl,slideVertically:we}),de&&ie(Nn,Rn),he&&(0,i.jsx)(B,{currentIndex:Xe,indexSeparator:p,totalItems:Ve})]}),Tl=u("image-gallery",l,{"fullscreen-modal":On}),Cl=u("image-gallery-content",Z(je),{fullscreen:Rn});return(0,i.jsx)("div",{ref:Ee,"aria-live":"polite",className:Tl,children:(0,i.jsxs)("div",{className:Cl,children:[("bottom"===je||"right"===je)&&kl,ye&&xl.length>0&&(0,i.jsx)(Y,{disableThumbnailSwipe:h,isRTL:f,thumbnailBarHeight:Tn(Ue),thumbnailPosition:je,thumbnails:xl,thumbnailsRef:wn,thumbnailStyle:kn(),thumbnailsWrapperRef:xn,onSwiped:qn,onSwiping:An}),("top"===je||"left"===je)&&kl]})})}));return t})()));

package/build/image-gallery.css

@@ -0,0 +1 @@
+:root{--ig-primary-color:#337ab7;--ig-white:#fff;--ig-black:#000;--ig-background-overlay:rgba(0,0,0,.4);--ig-thumbnail-size:96px;--ig-thumbnail-size-small:80px;--ig-thumbnail-border-width:4px;--ig-thumbnail-border-width-small:3px;--ig-bullet-size:4px;--ig-bullet-size-small:3px}.image-gallery-icon{appearance:none;background-color:transparent;border:0;color:var(--ig-white,#fff);cursor:pointer;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5));outline:none;position:absolute;transition:all .3s ease-out;z-index:4}@media (hover:hover) and (pointer:fine){.image-gallery-icon:hover{color:var(--ig-primary-color,#337ab7)}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid var(--ig-primary-color,#337ab7)}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:32px;width:32px}@media (max-width:768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:16px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media (max-width:480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:12px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-bottom-nav,.image-gallery-top-nav{left:50%;padding:12px;transform:translateX(-50%)}.image-gallery-bottom-nav .image-gallery-svg,.image-gallery-top-nav .image-gallery-svg{height:120px;width:96px}@media (max-width:768px){.image-gallery-bottom-nav .image-gallery-svg,.image-gallery-top-nav .image-gallery-svg{height:72px;width:48px}}@media (max-width:480px){.image-gallery-bottom-nav .image-gallery-svg,.image-gallery-top-nav .image-gallery-svg{height:48px;width:32px}}.image-gallery-bottom-nav[disabled],.image-gallery-top-nav[disabled]{cursor:not-allowed;opacity:.6;pointer-events:none}.image-gallery-top-nav{top:0}.image-gallery-bottom-nav{bottom:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:48px 12px;top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:64px}@media (max-width:768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:32px}}@media (max-width:480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:not-allowed;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;position:relative;-webkit-overflow-scrolling:touch}.image-gallery.fullscreen-modal{background:var(--ig-black,#000);bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{line-height:0;position:relative;top:0}.image-gallery-content.fullscreen{background:var(--ig-black,#000)}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{display:inline-block;width:calc(100% - 112px)}@media (max-width:768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 88px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-swipe{overscroll-behavior:contain;touch-action:pan-y pinch-zoom;-webkit-transform:translateZ(0);transform:translateZ(0)}.image-gallery-slides,.image-gallery-swipe{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.image-gallery-slides{contain:layout style paint;isolation:isolate;overscroll-behavior:none;position:relative;touch-action:none}.image-gallery-slides-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;will-change:transform}.image-gallery-slides-container.vertical{flex-direction:column;height:100%}.image-gallery-slides-container.vertical .image-gallery-slide{flex:0 0 100%;height:100%;min-height:0}.image-gallery-slides-container.vertical .image-gallery-slide .image-gallery-image{height:100%;max-width:100%;width:auto}.image-gallery-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;flex:0 0 100%;min-width:0}.image-gallery-slide .image-gallery-image{object-fit:contain;width:100%}.image-gallery-slide .image-gallery-description{background:var(--ig-background-overlay,rgba(0,0,0,.4));bottom:72px;color:var(--ig-white,#fff);left:0;line-height:1;padding:12px 20px;position:absolute;white-space:normal}@media (max-width:768px){.image-gallery-slide .image-gallery-description{bottom:48px;font-size:.8em;padding:8px 16px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{appearance:none;background-color:transparent;border:1px solid var(--ig-white,#fff);border-radius:50%;box-shadow:0 2px 2px rgba(0,0,0,.6);cursor:pointer;display:inline-block;margin:0 4px;outline:none;padding:var(--ig-bullet-size,4px);transition:all .2s ease-out}@media (max-width:768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:var(--ig-bullet-size-small,3px)}}@media (max-width:480px){.image-gallery-bullets .image-gallery-bullet{padding:3px}}.image-gallery-bullets .image-gallery-bullet:focus{background:var(--ig-primary-color,#337ab7);border:1px solid var(--ig-primary-color,#337ab7);transform:scale(1.2)}.image-gallery-bullets .image-gallery-bullet.active{background:var(--ig-white,#fff);border:1px solid var(--ig-white,#fff);transform:scale(1.2)}@media (hover:hover) and (pointer:fine){.image-gallery-bullets .image-gallery-bullet:hover{background:var(--ig-primary-color,#337ab7);border:1px solid var(--ig-primary-color,#337ab7)}.image-gallery-bullets .image-gallery-bullet.active:hover{background:var(--ig-primary-color,#337ab7)}}.image-gallery-bullets.image-gallery-bullets-vertical{bottom:auto;left:20px;right:auto;top:50%;transform:translateY(-50%);width:auto}.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{display:block;margin:12px 0}@media (max-width:768px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{margin:8px 0;padding:var(--ig-bullet-size-small,3px)}}@media (max-width:480px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{padding:3px}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{display:inline-block;vertical-align:top;width:var(--ig-thumbnail-size,96px)}@media (max-width:768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:var(--ig-thumbnail-size-small,80px)}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{height:100%;left:0;padding:0;position:absolute;top:0;width:100%}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 4px}@media (max-width:768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 4px}}.image-gallery-thumbnails{overflow:hidden;padding:4px 0}@media (max-width:768px){.image-gallery-thumbnails{padding:4px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{background:transparent;border:var(--ig-thumbnail-border-width,4px) solid transparent;display:inline-block;padding:0;transition:border .3s ease-out;width:var(--ig-thumbnail-size,96px)}@media (max-width:768px){.image-gallery-thumbnail{border:var(--ig-thumbnail-border-width-small,3px) solid transparent;width:var(--ig-thumbnail-size-small,80px)}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{line-height:0;vertical-align:middle;width:100%}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:var(--ig-thumbnail-border-width,4px) solid var(--ig-primary-color,#337ab7);outline:none}@media (max-width:768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:var(--ig-thumbnail-border-width-small,3px) solid var(--ig-primary-color,#337ab7)}}@media (hover:hover) and (pointer:fine){.image-gallery-thumbnail:hover{border:var(--ig-thumbnail-border-width,4px) solid var(--ig-primary-color,#337ab7);outline:none}}@media (hover:hover) and (pointer:fine) and (max-width:768px){.image-gallery-thumbnail:hover{border:var(--ig-thumbnail-border-width-small,3px) solid var(--ig-primary-color,#337ab7)}}.image-gallery-thumbnail-label{box-sizing:border-box;color:var(--ig-white,#fff);font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;text-shadow:0 2px 2px rgba(0,0,0,.6);top:50%;transform:translateY(-50%);white-space:normal;width:100%}@media (max-width:768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:var(--ig-background-overlay,rgba(0,0,0,.4));color:var(--ig-white,#fff);line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media (max-width:768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}

package/build/image-gallery.es.js

@@ -1 +1 @@
-import*as e from"react";var t={694:(e,t,n)=>{var i=n(925);function r(){}function a(){}a.resetWarningCache=r,e.exports=function(){function e(e,t,n,r,a,o){if(o!==i){var s=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 s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bigint: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:a,resetWarningCache:r};return n.PropTypes=n,n}},556:(e,t,n)=>{e.exports=n(694)()},925:e=>{e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},115:e=>{var t="undefined"!=typeof Element,n="function"==typeof Map,i="function"==typeof Set,r="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function a(e,o){if(e===o)return!0;if(e&&o&&"object"==typeof e&&"object"==typeof o){if(e.constructor!==o.constructor)return!1;var s,l,u,c;if(Array.isArray(e)){if((s=e.length)!=o.length)return!1;for(l=s;0!=l--;)if(!a(e[l],o[l]))return!1;return!0}if(n&&e instanceof Map&&o instanceof Map){if(e.size!==o.size)return!1;for(c=e.entries();!(l=c.next()).done;)if(!o.has(l.value[0]))return!1;for(c=e.entries();!(l=c.next()).done;)if(!a(l.value[1],o.get(l.value[0])))return!1;return!0}if(i&&e instanceof Set&&o instanceof Set){if(e.size!==o.size)return!1;for(c=e.entries();!(l=c.next()).done;)if(!o.has(l.value[0]))return!1;return!0}if(r&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(o)){if((s=e.length)!=o.length)return!1;for(l=s;0!=l--;)if(e[l]!==o[l])return!1;return!0}if(e.constructor===RegExp)return e.source===o.source&&e.flags===o.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof o.valueOf)return e.valueOf()===o.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof o.toString)return e.toString()===o.toString();if((s=(u=Object.keys(e)).length)!==Object.keys(o).length)return!1;for(l=s;0!=l--;)if(!Object.prototype.hasOwnProperty.call(o,u[l]))return!1;if(t&&e instanceof Element)return!1;for(l=s;0!=l--;)if(("_owner"!==u[l]&&"__v"!==u[l]&&"__o"!==u[l]||!e.$$typeof)&&!a(e[u[l]],o[u[l]]))return!1;return!0}return e!=e&&o!=o}e.exports=function(e,t){try{return a(e,t)}catch(e){if((e.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw e}}}},n={};function i(e){var r=n[e];if(void 0!==r)return r.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,i),a.exports}i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var r={};function a(e){var t,n,i="";if("string"==typeof e||"number"==typeof e)i+=e;else if("object"==typeof e)if(Array.isArray(e)){var r=e.length;for(t=0;t<r;t++)e[t]&&(n=a(e[t]))&&(i&&(i+=" "),i+=n)}else for(n in e)e[n]&&(i&&(i+=" "),i+=n);return i}i.d(r,{A:()=>ut});const o=function(){for(var e,t,n=0,i="",r=arguments.length;n<r;n++)(e=arguments[n])&&(t=a(e))&&(i&&(i+=" "),i+=t);return i},s=(l={default:()=>e.default,useMemo:()=>e.useMemo,useRef:()=>e.useRef},u={},i.d(u,l),u);var l,u;const c=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},h="object"==typeof global&&global&&global.Object===Object&&global;var d="object"==typeof self&&self&&self.Object===Object&&self;const f=h||d||Function("return this")(),p=function(){return f.Date.now()};var m=/\s/;var b=/^\s+/;const g=function(e){return e?e.slice(0,function(e){for(var t=e.length;t--&&m.test(e.charAt(t)););return t}(e)+1).replace(b,""):e},v=f.Symbol;var y=Object.prototype,w=y.hasOwnProperty,S=y.toString,T=v?v.toStringTag:void 0;var O=Object.prototype.toString;var E=v?v.toStringTag:void 0;const k=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":E&&E in Object(e)?function(e){var t=w.call(e,T),n=e[T];try{e[T]=void 0;var i=!0}catch(e){}var r=S.call(e);return i&&(t?e[T]=n:delete e[T]),r}(e):function(e){return O.call(e)}(e)};var I=/^[-+]0x[0-9a-f]+$/i,x=/^0b[01]+$/i,P=/^0o[0-7]+$/i,j=parseInt;const _=function(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||function(e){return null!=e&&"object"==typeof e}(e)&&"[object Symbol]"==k(e)}(e))return NaN;if(c(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=c(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=g(e);var n=x.test(e);return n||P.test(e)?j(e.slice(2),n?2:8):I.test(e)?NaN:+e};var R=Math.max,L=Math.min;const M=function(e,t,n){var i,r,a,o,s,l,u=0,h=!1,d=!1,f=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function m(t){var n=i,a=r;return i=r=void 0,u=t,o=e.apply(a,n)}function b(e){var n=e-l;return void 0===l||n>=t||n<0||d&&e-u>=a}function g(){var e=p();if(b(e))return v(e);s=setTimeout(g,function(e){var n=t-(e-l);return d?L(n,a-(e-u)):n}(e))}function v(e){return s=void 0,f&&i?m(e):(i=r=void 0,o)}function y(){var e=p(),n=b(e);if(i=arguments,r=this,l=e,n){if(void 0===s)return function(e){return u=e,s=setTimeout(g,t),h?m(e):o}(l);if(d)return clearTimeout(s),s=setTimeout(g,t),m(l)}return void 0===s&&(s=setTimeout(g,t)),o}return t=_(t)||0,c(n)&&(h=!!n.leading,a=(d="maxWait"in n)?R(_(n.maxWait)||0,t):a,f="trailing"in n?!!n.trailing:f),y.cancel=function(){void 0!==s&&clearTimeout(s),u=0,i=l=r=s=void 0},y.flush=function(){return void 0===s?o:v(p())},y},D=function(e,t,n){var i=!0,r=!0;if("function"!=typeof e)throw new TypeError("Expected a function");return c(n)&&(i="leading"in n?!!n.leading:i,r="trailing"in n?!!n.trailing:r),M(e,t,{leading:i,maxWait:t,trailing:r})};var C=i(115),W=i.n(C),N=function(){if("undefined"!=typeof Map)return Map;function e(e,t){var n=-1;return e.some((function(e,i){return e[0]===t&&(n=i,!0)})),n}return function(){function t(){this.__entries__=[]}return Object.defineProperty(t.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),t.prototype.get=function(t){var n=e(this.__entries__,t),i=this.__entries__[n];return i&&i[1]},t.prototype.set=function(t,n){var i=e(this.__entries__,t);~i?this.__entries__[i][1]=n:this.__entries__.push([t,n])},t.prototype.delete=function(t){var n=this.__entries__,i=e(n,t);~i&&n.splice(i,1)},t.prototype.has=function(t){return!!~e(this.__entries__,t)},t.prototype.clear=function(){this.__entries__.splice(0)},t.prototype.forEach=function(e,t){void 0===t&&(t=null);for(var n=0,i=this.__entries__;n<i.length;n++){var r=i[n];e.call(t,r[1],r[0])}},t}()}(),F="undefined"!=typeof window&&"undefined"!=typeof document&&window.document===document,z=void 0!==i.g&&i.g.Math===Math?i.g:"undefined"!=typeof self&&self.Math===Math?self:"undefined"!=typeof window&&window.Math===Math?window:Function("return this")(),B="function"==typeof requestAnimationFrame?requestAnimationFrame.bind(z):function(e){return setTimeout((function(){return e(Date.now())}),1e3/60)},A=["top","right","bottom","left","width","height","size","weight"],U="undefined"!=typeof MutationObserver,q=function(){function e(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=function(e){var t=!1,n=!1,i=0;function r(){t&&(t=!1,e()),n&&o()}function a(){B(r)}function o(){var e=Date.now();if(t){if(e-i<2)return;n=!0}else t=!0,n=!1,setTimeout(a,20);i=e}return o}(this.refresh.bind(this))}return e.prototype.addObserver=function(e){~this.observers_.indexOf(e)||this.observers_.push(e),this.connected_||this.connect_()},e.prototype.removeObserver=function(e){var t=this.observers_,n=t.indexOf(e);~n&&t.splice(n,1),!t.length&&this.connected_&&this.disconnect_()},e.prototype.refresh=function(){this.updateObservers_()&&this.refresh()},e.prototype.updateObservers_=function(){var e=this.observers_.filter((function(e){return e.gatherActive(),e.hasActive()}));return e.forEach((function(e){return e.broadcastActive()})),e.length>0},e.prototype.connect_=function(){F&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),U?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},e.prototype.disconnect_=function(){F&&this.connected_&&(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},e.prototype.onTransitionEnd_=function(e){var t=e.propertyName,n=void 0===t?"":t;A.some((function(e){return!!~n.indexOf(e)}))&&this.refresh()},e.getInstance=function(){return this.instance_||(this.instance_=new e),this.instance_},e.instance_=null,e}(),G=function(e,t){for(var n=0,i=Object.keys(t);n<i.length;n++){var r=i[n];Object.defineProperty(e,r,{value:t[r],enumerable:!1,writable:!1,configurable:!0})}return e},H=function(e){return e&&e.ownerDocument&&e.ownerDocument.defaultView||z},V=J(0,0,0,0);function K(e){return parseFloat(e)||0}function X(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return t.reduce((function(t,n){return t+K(e["border-"+n+"-width"])}),0)}var Y="undefined"!=typeof SVGGraphicsElement?function(e){return e instanceof H(e).SVGGraphicsElement}:function(e){return e instanceof H(e).SVGElement&&"function"==typeof e.getBBox};function $(e){return F?Y(e)?function(e){var t=e.getBBox();return J(0,0,t.width,t.height)}(e):function(e){var t=e.clientWidth,n=e.clientHeight;if(!t&&!n)return V;var i=H(e).getComputedStyle(e),r=function(e){for(var t={},n=0,i=["top","right","bottom","left"];n<i.length;n++){var r=i[n],a=e["padding-"+r];t[r]=K(a)}return t}(i),a=r.left+r.right,o=r.top+r.bottom,s=K(i.width),l=K(i.height);if("border-box"===i.boxSizing&&(Math.round(s+a)!==t&&(s-=X(i,"left","right")+a),Math.round(l+o)!==n&&(l-=X(i,"top","bottom")+o)),!function(e){return e===H(e).document.documentElement}(e)){var u=Math.round(s+a)-t,c=Math.round(l+o)-n;1!==Math.abs(u)&&(s-=u),1!==Math.abs(c)&&(l-=c)}return J(r.left,r.top,s,l)}(e):V}function J(e,t,n,i){return{x:e,y:t,width:n,height:i}}var Q=function(){function e(e){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=J(0,0,0,0),this.target=e}return e.prototype.isActive=function(){var e=$(this.target);return this.contentRect_=e,e.width!==this.broadcastWidth||e.height!==this.broadcastHeight},e.prototype.broadcastRect=function(){var e=this.contentRect_;return this.broadcastWidth=e.width,this.broadcastHeight=e.height,e},e}(),Z=function(e,t){var n=function(e){var t=e.x,n=e.y,i=e.width,r=e.height,a="undefined"!=typeof DOMRectReadOnly?DOMRectReadOnly:Object,o=Object.create(a.prototype);return G(o,{x:t,y:n,width:i,height:r,top:n,right:t+i,bottom:r+n,left:t}),o}(t);G(this,{target:e,contentRect:n})},ee=function(){function e(e,t,n){if(this.activeObservations_=[],this.observations_=new N,"function"!=typeof e)throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=e,this.controller_=t,this.callbackCtx_=n}return e.prototype.observe=function(e){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(e instanceof H(e).Element))throw new TypeError('parameter 1 is not of type "Element".');var t=this.observations_;t.has(e)||(t.set(e,new Q(e)),this.controller_.addObserver(this),this.controller_.refresh())}},e.prototype.unobserve=function(e){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(e instanceof H(e).Element))throw new TypeError('parameter 1 is not of type "Element".');var t=this.observations_;t.has(e)&&(t.delete(e),t.size||this.controller_.removeObserver(this))}},e.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},e.prototype.gatherActive=function(){var e=this;this.clearActive(),this.observations_.forEach((function(t){t.isActive()&&e.activeObservations_.push(t)}))},e.prototype.broadcastActive=function(){if(this.hasActive()){var e=this.callbackCtx_,t=this.activeObservations_.map((function(e){return new Z(e.target,e.broadcastRect())}));this.callback_.call(e,t,e),this.clearActive()}},e.prototype.clearActive=function(){this.activeObservations_.splice(0)},e.prototype.hasActive=function(){return this.activeObservations_.length>0},e}(),te="undefined"!=typeof WeakMap?new WeakMap:new N,ne=function e(t){if(!(this instanceof e))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var n=q.getInstance(),i=new ee(t,n,this);te.set(this,i)};["observe","unobserve","disconnect"].forEach((function(e){ne.prototype[e]=function(){var t;return(t=te.get(this))[e].apply(t,arguments)}}));const ie=void 0!==z.ResizeObserver?z.ResizeObserver:ne,re="Left",ae="Right",oe="Up",se="Down",le={delta:10,preventScrollOnSwipe:!1,rotationAngle:0,trackMouse:!1,trackTouch:!0,swipeDuration:1/0,touchEventOptions:{passive:!0}},ue={first:!0,initial:[0,0],start:0,swiping:!1,xy:[0,0]},ce="mousemove",he="mouseup";function de(e,t){if(0===t)return e;const n=Math.PI/180*t;return[e[0]*Math.cos(n)+e[1]*Math.sin(n),e[1]*Math.cos(n)-e[0]*Math.sin(n)]}function fe(e){const{trackMouse:t}=e,n=s.useRef(Object.assign({},ue)),i=s.useRef(Object.assign({},le)),r=s.useRef(Object.assign({},i.current));let a;for(a in r.current=Object.assign({},i.current),i.current=Object.assign(Object.assign({},le),e),le)void 0===i.current[a]&&(i.current[a]=le[a]);const[o,l]=s.useMemo((()=>function(e,t){const n=t=>{const n="touches"in t;n&&t.touches.length>1||e(((e,r)=>{r.trackMouse&&!n&&(document.addEventListener(ce,i),document.addEventListener(he,a));const{clientX:o,clientY:s}=n?t.touches[0]:t,l=de([o,s],r.rotationAngle);return r.onTouchStartOrOnMouseDown&&r.onTouchStartOrOnMouseDown({event:t}),Object.assign(Object.assign(Object.assign({},e),ue),{initial:l.slice(),xy:l,start:t.timeStamp||0})}))},i=t=>{e(((e,n)=>{const i="touches"in t;if(i&&t.touches.length>1)return e;if(t.timeStamp-e.start>n.swipeDuration)return e.swiping?Object.assign(Object.assign({},e),{swiping:!1}):e;const{clientX:r,clientY:a}=i?t.touches[0]:t,[o,s]=de([r,a],n.rotationAngle),l=o-e.xy[0],u=s-e.xy[1],c=Math.abs(l),h=Math.abs(u),d=(t.timeStamp||0)-e.start,f=Math.sqrt(c*c+h*h)/(d||1),p=[l/(d||1),u/(d||1)],m=function(e,t,n,i){return e>t?n>0?ae:re:i>0?se:oe}(c,h,l,u),b="number"==typeof n.delta?n.delta:n.delta[m.toLowerCase()]||le.delta;if(c<b&&h<b&&!e.swiping)return e;const g={absX:c,absY:h,deltaX:l,deltaY:u,dir:m,event:t,first:e.first,initial:e.initial,velocity:f,vxvy:p};g.first&&n.onSwipeStart&&n.onSwipeStart(g),n.onSwiping&&n.onSwiping(g);let v=!1;return(n.onSwiping||n.onSwiped||n[`onSwiped${m}`])&&(v=!0),v&&n.preventScrollOnSwipe&&n.trackTouch&&t.cancelable&&t.preventDefault(),Object.assign(Object.assign({},e),{first:!1,eventData:g,swiping:!0})}))},r=t=>{e(((e,n)=>{let i;if(e.swiping&&e.eventData){if(t.timeStamp-e.start<n.swipeDuration){i=Object.assign(Object.assign({},e.eventData),{event:t}),n.onSwiped&&n.onSwiped(i);const r=n[`onSwiped${i.dir}`];r&&r(i)}}else n.onTap&&n.onTap({event:t});return n.onTouchEndOrOnMouseUp&&n.onTouchEndOrOnMouseUp({event:t}),Object.assign(Object.assign(Object.assign({},e),ue),{eventData:i})}))},a=e=>{document.removeEventListener(ce,i),document.removeEventListener(he,a),r(e)},o=(e,t)=>{let a=()=>{};if(e&&e.addEventListener){const o=Object.assign(Object.assign({},le.touchEventOptions),t.touchEventOptions),s=[["touchstart",n,o],["touchmove",i,Object.assign(Object.assign({},o),t.preventScrollOnSwipe?{passive:!1}:{})],["touchend",r,o]];s.forEach((([t,n,i])=>e.addEventListener(t,n,i))),a=()=>s.forEach((([t,n])=>e.removeEventListener(t,n)))}return a},s={ref:t=>{null!==t&&e(((e,n)=>{if(e.el===t)return e;const i={};return e.el&&e.el!==t&&e.cleanUpTouch&&(e.cleanUpTouch(),i.cleanUpTouch=void 0),n.trackTouch&&t&&(i.cleanUpTouch=o(t,n)),Object.assign(Object.assign(Object.assign({},e),{el:t}),i)}))}};return t.trackMouse&&(s.onMouseDown=n),[s,o]}((e=>n.current=e(n.current,i.current)),{trackMouse:t})),[t]);return n.current=function(e,t,n,i){return t.trackTouch&&e.el?e.cleanUpTouch?t.preventScrollOnSwipe!==n.preventScrollOnSwipe||t.touchEventOptions.passive!==n.touchEventOptions.passive?(e.cleanUpTouch(),Object.assign(Object.assign({},e),{cleanUpTouch:i(e.el,t)})):e:Object.assign(Object.assign({},e),{cleanUpTouch:i(e.el,t)}):(e.cleanUpTouch&&e.cleanUpTouch(),Object.assign(Object.assign({},e),{cleanUpTouch:void 0}))}(n.current,i.current,r.current,l),o}var pe=i(556);function me(e){return me="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},me(e)}function be(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function ge(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?be(Object(n),!0).forEach((function(t){ve(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):be(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ve(e,t,n){return(t=function(e){var t=function(e){if("object"!=me(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=me(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==me(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var ye={description:"",fullscreen:"",isFullscreen:!1,originalAlt:"",originalHeight:"",originalWidth:"",originalTitle:"",sizes:"",srcSet:"",loading:"eager"},we=s.default.memo((function(e){var t=ge(ge({},ye),e),n=t.description,i=t.fullscreen,r=t.handleImageLoaded,a=t.isFullscreen,o=t.onImageError,l=t.original,u=t.originalAlt,c=t.originalHeight,h=t.originalWidth,d=t.originalTitle,f=t.sizes,p=t.srcSet,m=t.loading,b=a&&i||l;return s.default.createElement(s.default.Fragment,null,s.default.createElement("img",{className:"image-gallery-image",src:b,alt:u,srcSet:p,height:c,width:h,sizes:f,title:d,onLoad:function(e){return r(e,l)},onError:o,loading:m}),n&&s.default.createElement("span",{className:"image-gallery-description"},n))}));we.displayName="Item",we.propTypes={description:pe.string,fullscreen:pe.string,handleImageLoaded:pe.func.isRequired,isFullscreen:pe.bool,onImageError:pe.func.isRequired,original:pe.string.isRequired,originalAlt:pe.string,originalHeight:pe.string,originalWidth:pe.string,originalTitle:pe.string,sizes:pe.string,srcSet:pe.string,loading:pe.string};const Se=we;function Te(e){return Te="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Te(e)}function Oe(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function Ee(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Oe(Object(n),!0).forEach((function(t){ke(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Oe(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ke(e,t,n){return(t=function(e){var t=function(e){if("object"!=Te(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=Te(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Te(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Ie={left:s.default.createElement("polyline",{points:"15 18 9 12 15 6"}),right:s.default.createElement("polyline",{points:"9 18 15 12 9 6"}),top:s.default.createElement("polyline",{points:"6 15 12 9 18 15"}),bottom:s.default.createElement("polyline",{points:"6 9 12 15 18 9"}),maximize:s.default.createElement("path",{d:"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"}),minimize:s.default.createElement("path",{d:"M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3"}),play:s.default.createElement("polygon",{points:"5 3 19 12 5 21 5 3"}),pause:s.default.createElement(s.default.Fragment,null,s.default.createElement("rect",{x:"6",y:"4",width:"4",height:"16"}),s.default.createElement("rect",{x:"14",y:"4",width:"4",height:"16"}))},xe={strokeWidth:1,viewBox:"0 0 24 24"},Pe=function(e){var t=Ee(Ee({},xe),e),n=t.strokeWidth,i=t.viewBox,r=t.icon;return s.default.createElement("svg",{className:"image-gallery-svg",xmlns:"http://www.w3.org/2000/svg",viewBox:i,fill:"none",stroke:"currentColor",strokeWidth:n,strokeLinecap:"round",strokeLinejoin:"round"},Ie[r])};Pe.propTypes={strokeWidth:pe.number,viewBox:pe.string,icon:(0,pe.oneOf)(["left","right","top","bottom","maximize","minimize","play","pause"]).isRequired};const je=Pe;var _e=s.default.memo((function(e){var t=e.isFullscreen,n=e.onClick;return s.default.createElement("button",{type:"button",className:"image-gallery-icon image-gallery-fullscreen-button",onClick:n,"aria-label":"Open Fullscreen"},s.default.createElement(je,{strokeWidth:2,icon:t?"minimize":"maximize"}))}));_e.displayName="Fullscreen",_e.propTypes={isFullscreen:pe.bool.isRequired,onClick:pe.func.isRequired};const Re=_e;var Le=s.default.memo((function(e){var t=e.disabled,n=e.onClick;return s.default.createElement("button",{type:"button",className:"image-gallery-icon image-gallery-left-nav",disabled:t,onClick:n,"aria-label":"Previous Slide"},s.default.createElement(je,{icon:"left",viewBox:"6 0 12 24"}))}));Le.displayName="LeftNav",Le.propTypes={disabled:pe.bool.isRequired,onClick:pe.func.isRequired};const Me=Le;var De=s.default.memo((function(e){var t=e.disabled,n=e.onClick;return s.default.createElement("button",{type:"button",className:"image-gallery-icon image-gallery-right-nav",disabled:t,onClick:n,"aria-label":"Next Slide"},s.default.createElement(je,{icon:"right",viewBox:"6 0 12 24"}))}));De.displayName="RightNav",De.propTypes={disabled:pe.bool.isRequired,onClick:pe.func.isRequired};const Ce=De;var We=s.default.memo((function(e){var t=e.isPlaying,n=e.onClick;return s.default.createElement("button",{type:"button",className:"image-gallery-icon image-gallery-play-button",onClick:n,"aria-label":"Play or Pause Slideshow"},s.default.createElement(je,{strokeWidth:2,icon:t?"pause":"play"}))}));We.displayName="PlayPause",We.propTypes={isPlaying:pe.bool.isRequired,onClick:pe.func.isRequired};const Ne=We;function Fe(e){return Fe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Fe(e)}function ze(){return ze=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)({}).hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},ze.apply(null,arguments)}function Be(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function Ae(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Be(Object(n),!0).forEach((function(t){Ue(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Be(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ue(e,t,n){return(t=function(e){var t=function(e){if("object"!=Fe(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=Fe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Fe(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var qe={className:"",delta:0,onSwiping:function(){},onSwiped:function(){}},Ge=function(e){var t=Ae(Ae({},qe),e),n=t.children,i=t.className,r=fe({delta:t.delta,onSwiping:t.onSwiping,onSwiped:t.onSwiped});return s.default.createElement("div",ze({},r,{className:i}),n)};Ge.propTypes={children:pe.node.isRequired,className:pe.string,delta:pe.number,onSwiped:pe.func,onSwiping:pe.func};const He=Ge;var Ve=s.default.memo((function(e){var t=e.disabled,n=e.onClick;return s.default.createElement("button",{type:"button",className:"image-gallery-icon image-gallery-top-nav",disabled:t,onClick:n,"aria-label":"Previous Slide"},s.default.createElement(je,{icon:"top",viewBox:"6 0 12 24"}))}));Ve.displayName="TopNav",Ve.propTypes={disabled:pe.bool.isRequired,onClick:pe.func.isRequired};const Ke=Ve;var Xe=s.default.memo((function(e){var t=e.disabled,n=e.onClick;return s.default.createElement("button",{type:"button",className:"image-gallery-icon image-gallery-bottom-nav",disabled:t,onClick:n,"aria-label":"Next Slide"},s.default.createElement(je,{icon:"bottom",viewBox:"6 0 12 24"}))}));Xe.displayName="BottomNav",Xe.propTypes={disabled:pe.bool.isRequired,onClick:pe.func.isRequired};const Ye=Xe;function $e(e){return $e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},$e(e)}function Je(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function Qe(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Je(Object(n),!0).forEach((function(t){it(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Je(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ze(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,rt(i.key),i)}}function et(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(et=function(){return!!e})()}function tt(e){return tt=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},tt(e)}function nt(e,t){return nt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},nt(e,t)}function it(e,t,n){return(t=rt(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function rt(e){var t=function(e){if("object"!=$e(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=$e(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==$e(t)?t:t+""}var at=["fullscreenchange","MSFullscreenChange","mozfullscreenchange","webkitfullscreenchange"],ot=(0,pe.arrayOf)((0,pe.shape)({srcSet:pe.string,media:pe.string}));function st(e){var t=parseInt(e.keyCode||e.which||0,10);return 66===t||62===t}var lt=function(){function e(t){var n,i,r,a;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),it((i=this,a=[t],r=tt(r=e),n=function(e,t){if(t&&("object"==$e(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(i,et()?Reflect.construct(r,a||[],tt(i).constructor):r.apply(i,a))),"onBulletClick",(function(e,t){var i=n.props,r=i.onBulletClick,a=i.items,o=n.state.currentIndex;e.target.blur(),o!==t&&(2===a.length?n.slideToIndexWithStyleReset(t,e):n.slideToIndex(t,e)),r&&r(e,t)})),n.state={currentIndex:t.startIndex,thumbsTranslate:0,thumbsSwipedTranslate:0,currentSlideOffset:0,galleryWidth:0,galleryHeight:0,thumbnailsWrapperWidth:0,thumbnailsWrapperHeight:0,thumbsStyle:{transition:"all ".concat(t.slideDuration,"ms ease-out")},isFullscreen:!1,isSwipingThumbnail:!1,isPlaying:!1},n.loadedImages={},n.imageGallery=s.default.createRef(),n.thumbnailsWrapper=s.default.createRef(),n.thumbnails=s.default.createRef(),n.imageGallerySlideWrapper=s.default.createRef(),n.handleImageLoaded=n.handleImageLoaded.bind(n),n.handleKeyDown=n.handleKeyDown.bind(n),n.handleMouseDown=n.handleMouseDown.bind(n),n.handleResize=n.handleResize.bind(n),n.handleOnSwiped=n.handleOnSwiped.bind(n),n.handleScreenChange=n.handleScreenChange.bind(n),n.handleSwiping=n.handleSwiping.bind(n),n.handleThumbnailSwiping=n.handleThumbnailSwiping.bind(n),n.handleOnThumbnailSwiped=n.handleOnThumbnailSwiped.bind(n),n.onThumbnailMouseLeave=n.onThumbnailMouseLeave.bind(n),n.handleImageError=n.handleImageError.bind(n),n.pauseOrPlay=n.pauseOrPlay.bind(n),n.renderThumbInner=n.renderThumbInner.bind(n),n.renderItem=n.renderItem.bind(n),n.slideLeft=n.slideLeft.bind(n),n.slideRight=n.slideRight.bind(n),n.toggleFullScreen=n.toggleFullScreen.bind(n),n.togglePlay=n.togglePlay.bind(n),n.unthrottledSlideToIndex=n.slideToIndex,n.slideToIndex=D(n.unthrottledSlideToIndex,t.slideDuration,{trailing:!1}),t.lazyLoad&&(n.lazyLoaded=[]),n}return 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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&nt(e,t)}(e,s.default.Component),function(e,t){return t&&Ze(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}(e,[{key:"componentDidMount",value:function(){var e=this.props,t=e.autoPlay,n=e.useWindowKeyDown;t&&this.play(),n?window.addEventListener("keydown",this.handleKeyDown):this.imageGallery.current.addEventListener("keydown",this.handleKeyDown),window.addEventListener("mousedown",this.handleMouseDown),this.initSlideWrapperResizeObserver(this.imageGallerySlideWrapper),this.initThumbnailWrapperResizeObserver(this.thumbnailsWrapper),this.addScreenChangeEvent()}},{key:"componentDidUpdate",value:function(e,t){var n=this.props,i=n.items,r=n.lazyLoad,a=n.slideDuration,o=n.slideInterval,s=n.startIndex,l=n.thumbnailPosition,u=n.showThumbnails,c=n.useWindowKeyDown,h=this.state,d=h.currentIndex,f=h.isPlaying,p=e.items.length!==i.length,m=!W()(e.items,i),b=e.startIndex!==s,g=e.thumbnailPosition!==l,v=e.showThumbnails!==u;o===e.slideInterval&&a===e.slideDuration||f&&(this.pause(),this.play()),g&&(this.removeResizeObserver(),this.initSlideWrapperResizeObserver(this.imageGallerySlideWrapper),this.initThumbnailWrapperResizeObserver(this.thumbnailsWrapper)),v&&u&&this.initThumbnailWrapperResizeObserver(this.thumbnailsWrapper),v&&!u&&this.removeThumbnailsResizeObserver(),(p||v)&&this.handleResize(),t.currentIndex!==d&&this.slideThumbnailBar(),e.slideDuration!==a&&(this.slideToIndex=D(this.unthrottledSlideToIndex,a,{trailing:!1})),!r||e.lazyLoad&&!m||(this.lazyLoaded=[]),c!==e.useWindowKeyDown&&(c?(this.imageGallery.current.removeEventListener("keydown",this.handleKeyDown),window.addEventListener("keydown",this.handleKeyDown)):(window.removeEventListener("keydown",this.handleKeyDown),this.imageGallery.current.addEventListener("keydown",this.handleKeyDown))),(b||m)&&this.setState({currentIndex:s,slideStyle:{transition:"none"}})}},{key:"componentWillUnmount",value:function(){var e=this.props.useWindowKeyDown;window.removeEventListener("mousedown",this.handleMouseDown),this.removeScreenChangeEvent(),this.removeResizeObserver(),this.playPauseIntervalId&&(window.clearInterval(this.playPauseIntervalId),this.playPauseIntervalId=null),this.transitionTimer&&window.clearTimeout(this.transitionTimer),e?window.removeEventListener("keydown",this.handleKeyDown):this.imageGallery.current.removeEventListener("keydown",this.handleKeyDown)}},{key:"onSliding",value:function(){var e=this,t=this.state,n=t.currentIndex,i=t.isTransitioning,r=this.props,a=r.onSlide,o=r.slideDuration;this.transitionTimer=window.setTimeout((function(){i&&(e.setState({isTransitioning:!i,isSwipingThumbnail:!1}),a&&a(n))}),o+50)}},{key:"onThumbnailClick",value:function(e,t){var n=this.props,i=n.onThumbnailClick,r=n.items,a=this.state.currentIndex;e.target.parentNode.parentNode.blur(),a!==t&&(2===r.length?this.slideToIndexWithStyleReset(t,e):this.slideToIndex(t,e)),i&&i(e,t)}},{key:"onThumbnailMouseOver",value:function(e,t){var n=this;this.thumbnailMouseOverTimer&&(window.clearTimeout(this.thumbnailMouseOverTimer),this.thumbnailMouseOverTimer=null),this.thumbnailMouseOverTimer=window.setTimeout((function(){n.slideToIndex(t),n.pause()}),300)}},{key:"onThumbnailMouseLeave",value:function(){if(this.thumbnailMouseOverTimer){var e=this.props.autoPlay;window.clearTimeout(this.thumbnailMouseOverTimer),this.thumbnailMouseOverTimer=null,e&&this.play()}}},{key:"setThumbsTranslate",value:function(e){this.setState({thumbsTranslate:e})}},{key:"setModalFullscreen",value:function(e){var t=this.props.onScreenChange;this.setState({modalFullscreen:e}),t&&t(e)}},{key:"getThumbsTranslate",value:function(e){var t,n=this.props,i=n.disableThumbnailScroll,r=n.items,a=this.state,o=a.thumbnailsWrapperWidth,s=a.thumbnailsWrapperHeight,l=this.thumbnails&&this.thumbnails.current;if(i)return 0;if(l){if(this.isThumbnailVertical()){if(l.scrollHeight<=s)return 0;t=l.scrollHeight-s}else{if(l.scrollWidth<=o||o<=0)return 0;t=l.scrollWidth-o}return e*(t/(r.length-1))}return 0}},{key:"getThumbnailPositionClassName",value:function(e){switch(e){case"left":e=" ".concat("image-gallery-thumbnails-left");break;case"right":e=" ".concat("image-gallery-thumbnails-right");break;case"bottom":e=" ".concat("image-gallery-thumbnails-bottom");break;case"top":e=" ".concat("image-gallery-thumbnails-top")}return e}},{key:"getAlignmentClassName",value:function(e){var t=this.state.currentIndex,n=this.props,i=n.infinite,r=n.items,a="",o="image-gallery-left",s="image-gallery-right";switch(e){case t-1:a=" ".concat(o);break;case t:a=" ".concat("image-gallery-center");break;case t+1:a=" ".concat(s)}return r.length>=3&&i&&(0===e&&t===r.length-1?a=" ".concat(s):e===r.length-1&&0===t&&(a=" ".concat(o))),a}},{key:"getTranslateXForTwoSlide",value:function(e){var t=this.state,n=t.currentIndex,i=t.currentSlideOffset,r=t.previousIndex,a=n!==r,o=0===e&&0===r,s=1===e&&1===r,l=0===e&&1===n,u=1===e&&0===n,c=0===i,h=-100*n+100*e+i;return i>0?this.direction="left":i<0&&(this.direction="right"),u&&i>0&&(h=-100+i),l&&i<0&&(h=100+i),a?o&&c&&"left"===this.direction?h=100:s&&c&&"right"===this.direction&&(h=-100):(u&&c&&"left"===this.direction&&(h=-100),l&&c&&"right"===this.direction&&(h=100)),h}},{key:"getThumbnailBarHeight",value:function(){return this.isThumbnailVertical()?{height:this.state.gallerySlideWrapperHeight}:{}}},{key:"getSlideStyle",value:function(e){var t=this.state,n=t.currentIndex,i=t.currentSlideOffset,r=t.slideStyle,a=this.props,o=a.infinite,s=a.items,l=a.useTranslate3D,u=a.isRTL,c=a.slideVertically,h=-100*n,d=s.length-1,f=(h+100*e)*(u?-1:1)+i;o&&s.length>2&&(0===n&&e===d?f=-100*(u?-1:1)+i:n===d&&0===e&&(f=100*(u?-1:1)+i)),o&&2===s.length&&(f=this.getTranslateXForTwoSlide(e));var p=c?"translate(0, ".concat(f,"%)"):"translate(".concat(f,"%, 0)");return l&&(p=c?"translate3d(0, ".concat(f,"%, 0)"):"translate3d(".concat(f,"%, 0, 0)")),Qe({display:this.isSlideVisible(e)?"inherit":"none",WebkitTransform:p,MozTransform:p,msTransform:p,OTransform:p,transform:p},r)}},{key:"getCurrentIndex",value:function(){return this.state.currentIndex}},{key:"getThumbnailStyle",value:function(){var e,t=this.props,n=t.useTranslate3D,i=t.isRTL,r=this.state,a=r.thumbsTranslate,o=r.thumbsStyle,s=i?-1*a:a;return this.isThumbnailVertical()?(e="translate(0, ".concat(a,"px)"),n&&(e="translate3d(0, ".concat(a,"px, 0)"))):(e="translate(".concat(s,"px, 0)"),n&&(e="translate3d(".concat(s,"px, 0, 0)"))),Qe({WebkitTransform:e,MozTransform:e,msTransform:e,OTransform:e,transform:e},o)}},{key:"getSlideItems",value:function(){var e=this,t=this.state.currentIndex,n=this.props,i=n.items,r=n.slideOnThumbnailOver,a=n.onClick,l=n.lazyLoad,u=n.onTouchMove,c=n.onTouchEnd,h=n.onTouchStart,d=n.onMouseOver,f=n.onMouseLeave,p=n.renderItem,m=n.renderThumbInner,b=n.showThumbnails,g=n.showBullets,v=[],y=[],w=[];return i.forEach((function(n,i){var S=e.getAlignmentClassName(i),T=n.originalClass?" ".concat(n.originalClass):"",O=n.thumbnailClass?" ".concat(n.thumbnailClass):"",E=n.renderItem||p||e.renderItem,k=n.renderThumbInner||m||e.renderThumbInner,I=!l||S||e.lazyLoaded[i];I&&l&&!e.lazyLoaded[i]&&(e.lazyLoaded[i]=!0);var x=e.getSlideStyle(i),P=s.default.createElement("div",{"aria-label":"Go to Slide ".concat(i+1),key:"slide-".concat(i),tabIndex:"-1",className:"image-gallery-slide ".concat(S," ").concat(T),style:x,onClick:a,onKeyUp:e.handleSlideKeyUp,onTouchMove:u,onTouchEnd:c,onTouchStart:h,onMouseOver:d,onFocus:d,onMouseLeave:f,role:"button"},I?E(n):s.default.createElement("div",{style:{height:"100%"}}));if(v.push(P),b&&n.thumbnail){var j=o("image-gallery-thumbnail",O,{active:t===i});y.push(s.default.createElement("button",{key:"thumbnail-".concat(i),type:"button",tabIndex:"0","aria-pressed":t===i?"true":"false","aria-label":"Go to Slide ".concat(i+1),className:j,onMouseLeave:r?e.onThumbnailMouseLeave:null,onMouseOver:function(t){return e.handleThumbnailMouseOver(t,i)},onFocus:function(t){return e.handleThumbnailMouseOver(t,i)},onKeyUp:function(t){return e.handleThumbnailKeyUp(t,i)},onClick:function(t){return e.onThumbnailClick(t,i)}},k(n)))}if(g){var _=o("image-gallery-bullet",n.bulletClass,{active:t===i});w.push(s.default.createElement("button",{type:"button",key:"bullet-".concat(i),className:_,onClick:function(t){return e.onBulletClick(t,i)},"aria-pressed":t===i?"true":"false","aria-label":"Go to Slide ".concat(i+1)}))}})),{slides:v,thumbnails:y,bullets:w}}},{key:"ignoreIsTransitioning",value:function(){var e=this.props.items,t=this.state,n=t.previousIndex,i=t.currentIndex,r=e.length-1;return Math.abs(n-i)>1&&!(0===n&&i===r)&&!(n===r&&0===i)}},{key:"isFirstOrLastSlide",value:function(e){return e===this.props.items.length-1||0===e}},{key:"slideIsTransitioning",value:function(e){var t=this.state,n=t.isTransitioning,i=t.previousIndex,r=t.currentIndex;return n&&!(e===i||e===r)}},{key:"isSlideVisible",value:function(e){return!this.slideIsTransitioning(e)||this.ignoreIsTransitioning()&&!this.isFirstOrLastSlide(e)}},{key:"slideThumbnailBar",value:function(){var e=this.state,t=e.currentIndex,n=e.isSwipingThumbnail,i=-this.getThumbsTranslate(t);n||(0===t?this.setState({thumbsTranslate:0,thumbsSwipedTranslate:0}):this.setState({thumbsTranslate:i,thumbsSwipedTranslate:i}))}},{key:"canSlide",value:function(){return this.props.items.length>=2}},{key:"canSlideLeft",value:function(){var e=this.props,t=e.infinite,n=e.isRTL;return t||(n?this.canSlideNext():this.canSlidePrevious())}},{key:"canSlideRight",value:function(){var e=this.props,t=e.infinite,n=e.isRTL;return t||(n?this.canSlidePrevious():this.canSlideNext())}},{key:"canSlidePrevious",value:function(){return this.state.currentIndex>0}},{key:"canSlideNext",value:function(){return this.state.currentIndex<this.props.items.length-1}},{key:"handleSwiping",value:function(e){var t=e.event,n=e.absX,i=e.absY,r=e.dir,a=this.props,o=a.disableSwipe,s=a.stopPropagation,l=a.swipingTransitionDuration,u=this.state,c=u.galleryWidth,h=u.galleryHeight,d=u.isTransitioning,f=u.swipingUpDown,p=u.swipingLeftRight,m=this.props.slideVertically;if((r!==oe&&r!==se&&!f||p||(f||this.setState({swipingUpDown:!0}),m))&&(r!==re&&r!==ae||p||this.setState({swipingLeftRight:!0}),!o))if(s&&t.preventDefault(),d)this.setState({currentSlideOffset:0});else{if((r===re||r===ae)&&m)return;if((r===oe||r===se)&&!m)return;var b=it(it(it(it({},re,-1),ae,1),oe,-1),se,1)[r],g=n/c*100;m&&(g=i/h*100),Math.abs(g)>=100&&(g=100);var v={transition:"transform ".concat(l,"ms ease-out")};this.setState({currentSlideOffset:b*g,slideStyle:v})}}},{key:"handleThumbnailSwiping",value:function(e){var t=e.event,n=e.absX,i=e.absY,r=e.dir,a=this.props,o=a.stopPropagation,s=a.swipingThumbnailTransitionDuration,l=this.state,u=l.thumbsSwipedTranslate,c=l.thumbnailsWrapperHeight,h=l.thumbnailsWrapperWidth,d=l.swipingUpDown,f=l.swipingLeftRight;if(this.isThumbnailVertical()){if((r===re||r===ae||f)&&!d)return void(f||this.setState({swipingLeftRight:!0}));r!==oe&&r!==se||d||this.setState({swipingUpDown:!0})}else{if((r===oe||r===se||d)&&!f)return void(d||this.setState({swipingUpDown:!0}));r!==re&&r!==ae||f||this.setState({swipingLeftRight:!0})}var p,m,b,g,v,y=this.thumbnails&&this.thumbnails.current;if(this.isThumbnailVertical()?(p=u+(r===se?i:-i),m=y.scrollHeight-c+20,b=Math.abs(p)>m,g=p>20,v=y.scrollHeight<=c):(p=u+(r===ae?n:-n),m=y.scrollWidth-h+20,b=Math.abs(p)>m,g=p>20,v=y.scrollWidth<=h),!v&&(r!==re&&r!==oe||!b)&&(r!==ae&&r!==se||!g)){o&&t.stopPropagation();var w={transition:"transform ".concat(s,"ms ease-out")};this.setState({thumbsTranslate:p,thumbsStyle:w})}}},{key:"handleOnThumbnailSwiped",value:function(){var e=this.state.thumbsTranslate,t=this.props.slideDuration;this.resetSwipingDirection(),this.setState({isSwipingThumbnail:!0,thumbsSwipedTranslate:e,thumbsStyle:{transition:"all ".concat(t,"ms ease-out")}})}},{key:"sufficientSwipe",value:function(){var e=this.state.currentSlideOffset,t=this.props.swipeThreshold;return Math.abs(e)>t}},{key:"resetSwipingDirection",value:function(){var e=this.state,t=e.swipingUpDown,n=e.swipingLeftRight;t&&this.setState({swipingUpDown:!1}),n&&this.setState({swipingLeftRight:!1})}},{key:"handleOnSwiped",value:function(e){var t=e.event,n=e.dir,i=e.velocity,r=this.props,a=r.disableSwipe,o=r.stopPropagation,s=r.flickThreshold,l=this.props.slideVertically;if(!a){var u=this.props.isRTL;o&&t.stopPropagation(),this.resetSwipingDirection();var c=(n===re?1:-1)*(u?-1:1);l&&(c=n===oe?1:-1);var h=l?i>s&&!(n===re||n===ae):i>s&&!(n===oe||n===se);this.handleOnSwipedTo(c,h)}}},{key:"handleOnSwipedTo",value:function(e,t){var n=this.state,i=n.currentIndex,r=n.isTransitioning,a=i;!this.sufficientSwipe()&&!t||r||(a+=e),(-1===e&&!this.canSlideLeft()||1===e&&!this.canSlideRight())&&(a=i),this.unthrottledSlideToIndex(a)}},{key:"handleMouseDown",value:function(){this.imageGallery.current.classList.add("image-gallery-using-mouse")}},{key:"handleKeyDown",value:function(e){var t=this.props,n=t.disableKeyDown,i=t.useBrowserFullscreen,r=this.state.isFullscreen;if(this.imageGallery.current.classList.remove("image-gallery-using-mouse"),!n)switch(parseInt(e.keyCode||e.which||0,10)){case 37:this.canSlideLeft()&&!this.playPauseIntervalId&&this.slideLeft(e);break;case 39:this.canSlideRight()&&!this.playPauseIntervalId&&this.slideRight(e);break;case 27:r&&!i&&this.exitFullScreen()}}},{key:"handleImageError",value:function(e){var t=this.props.onErrorImageURL;t&&-1===e.target.src.indexOf(t)&&(e.target.src=t)}},{key:"removeThumbnailsResizeObserver",value:function(){this.resizeThumbnailWrapperObserver&&this.thumbnailsWrapper&&this.thumbnailsWrapper.current&&(this.resizeThumbnailWrapperObserver.unobserve(this.thumbnailsWrapper.current),this.resizeThumbnailWrapperObserver=null)}},{key:"removeResizeObserver",value:function(){this.resizeSlideWrapperObserver&&this.imageGallerySlideWrapper&&this.imageGallerySlideWrapper.current&&(this.resizeSlideWrapperObserver.unobserve(this.imageGallerySlideWrapper.current),this.resizeSlideWrapperObserver=null),this.removeThumbnailsResizeObserver()}},{key:"handleResize",value:function(){var e=this.state.currentIndex;this.imageGallery&&(this.imageGallery&&this.imageGallery.current&&this.setState({galleryWidth:this.imageGallery.current.offsetWidth,galleryHeight:this.imageGallery.current.offsetHeight}),this.imageGallerySlideWrapper&&this.imageGallerySlideWrapper.current&&this.setState({gallerySlideWrapperHeight:this.imageGallerySlideWrapper.current.offsetHeight}),this.setThumbsTranslate(-this.getThumbsTranslate(e)))}},{key:"initSlideWrapperResizeObserver",value:function(e){var t=this;e&&!e.current||(this.resizeSlideWrapperObserver=new ie(M((function(e){e&&e.forEach((function(e){t.setState({thumbnailsWrapperWidth:e.contentRect.width},t.handleResize)}))}),50)),this.resizeSlideWrapperObserver.observe(e.current))}},{key:"initThumbnailWrapperResizeObserver",value:function(e){var t=this;e&&!e.current||(this.resizeThumbnailWrapperObserver=new ie(M((function(e){e&&e.forEach((function(e){t.setState({thumbnailsWrapperHeight:e.contentRect.height},t.handleResize)}))}),50)),this.resizeThumbnailWrapperObserver.observe(e.current))}},{key:"toggleFullScreen",value:function(){this.state.isFullscreen?this.exitFullScreen():this.fullScreen()}},{key:"togglePlay",value:function(){this.playPauseIntervalId?this.pause():this.play()}},{key:"handleScreenChange",value:function(){var e=this.props,t=e.onScreenChange,n=e.useBrowserFullscreen,i=document.fullscreenElement||document.msFullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement,r=this.imageGallery.current===i;t&&t(r),n&&this.setState({isFullscreen:r})}},{key:"slideToIndex",value:function(e,t){var n=this.state,i=n.currentIndex,r=n.isTransitioning,a=this.props,o=a.items,s=a.slideDuration,l=a.onBeforeSlide;if(!r){t&&this.playPauseIntervalId&&(this.pause(!1),this.play(!1));var u=o.length-1,c=e;e<0?c=u:e>u&&(c=0),l&&c!==i&&l(c),this.setState({previousIndex:i,currentIndex:c,isTransitioning:c!==i,currentSlideOffset:0,slideStyle:{transition:"all ".concat(s,"ms ease-out")}},this.onSliding)}}},{key:"slideLeft",value:function(e){var t=this.props.isRTL;this.slideTo(e,t?"right":"left")}},{key:"slideRight",value:function(e){var t=this.props.isRTL;this.slideTo(e,t?"left":"right")}},{key:"slideTo",value:function(e,t){var n=this.state,i=n.currentIndex,r=n.isTransitioning,a=this.props.items,o=i+("left"===t?-1:1);r||(2===a.length?this.slideToIndexWithStyleReset(o,e):this.slideToIndex(o,e))}},{key:"slideToIndexWithStyleReset",value:function(e,t){var n=this,i=this.state,r=i.currentIndex,a=i.currentSlideOffset;this.setState({currentSlideOffset:a+(r>e?.001:-.001),slideStyle:{transition:"none"}},(function(){window.setTimeout((function(){return n.slideToIndex(e,t)}),25)}))}},{key:"handleThumbnailMouseOver",value:function(e,t){this.props.slideOnThumbnailOver&&this.onThumbnailMouseOver(e,t)}},{key:"handleThumbnailKeyUp",value:function(e,t){st(e)&&this.onThumbnailClick(e,t)}},{key:"handleSlideKeyUp",value:function(e){st(e)&&(0,this.props.onClick)(e)}},{key:"isThumbnailVertical",value:function(){var e=this.props.thumbnailPosition;return"left"===e||"right"===e}},{key:"addScreenChangeEvent",value:function(){var e=this;at.forEach((function(t){document.addEventListener(t,e.handleScreenChange)}))}},{key:"removeScreenChangeEvent",value:function(){var e=this;at.forEach((function(t){document.removeEventListener(t,e.handleScreenChange)}))}},{key:"fullScreen",value:function(){var e=this.props.useBrowserFullscreen,t=this.imageGallery.current;e?t.requestFullscreen?t.requestFullscreen():t.msRequestFullscreen?t.msRequestFullscreen():t.mozRequestFullScreen?t.mozRequestFullScreen():t.webkitRequestFullscreen?t.webkitRequestFullscreen():this.setModalFullscreen(!0):this.setModalFullscreen(!0),this.setState({isFullscreen:!0})}},{key:"exitFullScreen",value:function(){var e=this.state.isFullscreen,t=this.props.useBrowserFullscreen;e&&(t?document.exitFullscreen?document.exitFullscreen():document.webkitExitFullscreen?document.webkitExitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.msExitFullscreen?document.msExitFullscreen():this.setModalFullscreen(!1):this.setModalFullscreen(!1),this.setState({isFullscreen:!1}))}},{key:"pauseOrPlay",value:function(){var e=this.props.infinite,t=this.state.currentIndex;e||this.canSlideRight()?this.slideToIndex(t+1):this.pause()}},{key:"play",value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=this.props,n=t.onPlay,i=t.slideInterval,r=t.slideDuration,a=this.state.currentIndex;this.playPauseIntervalId||(this.setState({isPlaying:!0}),this.playPauseIntervalId=window.setInterval(this.pauseOrPlay,Math.max(i,r)),n&&e&&n(a))}},{key:"pause",value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=this.props.onPause,n=this.state.currentIndex;this.playPauseIntervalId&&(window.clearInterval(this.playPauseIntervalId),this.playPauseIntervalId=null,this.setState({isPlaying:!1}),t&&e&&t(n))}},{key:"isImageLoaded",value:function(e){return!!this.loadedImages[e.original]||(this.loadedImages[e.original]=!0,!1)}},{key:"handleImageLoaded",value:function(e,t){var n=this.props.onImageLoad;!this.loadedImages[t]&&n&&(this.loadedImages[t]=!0,n(e))}},{key:"renderItem",value:function(e){var t=this.state.isFullscreen,n=this.props.onImageError||this.handleImageError;return s.default.createElement(Se,{description:e.description,fullscreen:e.fullscreen,handleImageLoaded:this.handleImageLoaded,isFullscreen:t,onImageError:n,original:e.original,originalAlt:e.originalAlt,originalHeight:e.originalHeight,originalWidth:e.originalWidth,originalTitle:e.originalTitle,sizes:e.sizes,loading:e.loading,srcSet:e.srcSet})}},{key:"renderThumbInner",value:function(e){var t=this.props.onThumbnailError||this.handleImageError;return s.default.createElement("span",{className:"image-gallery-thumbnail-inner"},s.default.createElement("img",{className:"image-gallery-thumbnail-image",src:e.thumbnail,height:e.thumbnailHeight,width:e.thumbnailWidth,alt:e.thumbnailAlt,title:e.thumbnailTitle,loading:e.thumbnailLoading,onError:t}),e.thumbnailLabel&&s.default.createElement("div",{className:"image-gallery-thumbnail-label"},e.thumbnailLabel))}},{key:"render",value:function(){var e=this.state,t=e.currentIndex,n=e.isFullscreen,i=e.modalFullscreen,r=e.isPlaying,a=this.props,l=a.additionalClass,u=a.disableThumbnailSwipe,c=a.indexSeparator,h=a.isRTL,d=a.items,f=a.thumbnailPosition,p=a.renderFullscreenButton,m=a.renderCustomControls,b=a.renderLeftNav,g=a.renderRightNav,v=a.renderTopNav,y=a.renderBottomNav,w=a.showBullets,S=a.showFullscreenButton,T=a.showIndex,O=a.showThumbnails,E=a.showNav,k=a.showPlayButton,I=a.slideVertically,x=a.renderPlayPauseButton,P=this.getThumbnailStyle(),j=this.getSlideItems(),_=j.slides,R=j.thumbnails,L=j.bullets,M=o("image-gallery-slide-wrapper",this.getThumbnailPositionClassName(f),{"image-gallery-rtl":h}),D=o("image-gallery-bullets",{"image-gallery-bullets-vertical":I}),C=s.default.createElement("div",{ref:this.imageGallerySlideWrapper,className:M},m&&m(),this.canSlide()?s.default.createElement(s.default.Fragment,null,E&&s.default.createElement(s.default.Fragment,null,I?v(this.slideLeft,!this.canSlideLeft()):b(this.slideLeft,!this.canSlideLeft()),I?y(this.slideRight,!this.canSlideRight()):g(this.slideRight,!this.canSlideRight())),s.default.createElement(He,{className:"image-gallery-swipe",delta:0,onSwiping:this.handleSwiping,onSwiped:this.handleOnSwiped},s.default.createElement("div",{className:"image-gallery-slides"},_))):s.default.createElement("div",{className:"image-gallery-slides"},_),k&&x(this.togglePlay,r),w&&s.default.createElement("div",{className:D},s.default.createElement("div",{className:"image-gallery-bullets-container",role:"navigation","aria-label":"Bullet Navigation"},L)),S&&p(this.toggleFullScreen,n),T&&s.default.createElement("div",{className:"image-gallery-index"},s.default.createElement("span",{className:"image-gallery-index-current"},t+1),s.default.createElement("span",{className:"image-gallery-index-separator"},c),s.default.createElement("span",{className:"image-gallery-index-total"},d.length))),W=o("image-gallery",l,{"fullscreen-modal":i}),N=o("image-gallery-content",this.getThumbnailPositionClassName(f),{fullscreen:n}),F=o("image-gallery-thumbnails-wrapper",this.getThumbnailPositionClassName(f),{"thumbnails-wrapper-rtl":!this.isThumbnailVertical()&&h},{"thumbnails-swipe-horizontal":!this.isThumbnailVertical()&&!u},{"thumbnails-swipe-vertical":this.isThumbnailVertical()&&!u});return s.default.createElement("div",{ref:this.imageGallery,className:W,"aria-live":"polite"},s.default.createElement("div",{className:N},("bottom"===f||"right"===f)&&C,O&&R.length>0?s.default.createElement(He,{className:F,delta:0,onSwiping:!u&&this.handleThumbnailSwiping,onSwiped:!u&&this.handleOnThumbnailSwiped},s.default.createElement("div",{className:"image-gallery-thumbnails",ref:this.thumbnailsWrapper,style:this.getThumbnailBarHeight()},s.default.createElement("nav",{ref:this.thumbnails,className:"image-gallery-thumbnails-container",style:P,"aria-label":"Thumbnail Navigation"},R))):null,("top"===f||"left"===f)&&C))}}])}();lt.propTypes={flickThreshold:pe.number,items:(0,pe.arrayOf)((0,pe.shape)({bulletClass:pe.string,bulletOnClick:pe.func,description:pe.string,original:pe.string,originalHeight:pe.number,originalWidth:pe.number,loading:pe.string,thumbnailHeight:pe.number,thumbnailWidth:pe.number,thumbnailLoading:pe.string,fullscreen:pe.string,originalAlt:pe.string,originalTitle:pe.string,thumbnail:pe.string,thumbnailAlt:pe.string,thumbnailLabel:pe.string,thumbnailTitle:pe.string,originalClass:pe.string,thumbnailClass:pe.string,renderItem:pe.func,renderThumbInner:pe.func,imageSet:ot,srcSet:pe.string,sizes:pe.string})).isRequired,showNav:pe.bool,autoPlay:pe.bool,lazyLoad:pe.bool,infinite:pe.bool,showIndex:pe.bool,showBullets:pe.bool,showThumbnails:pe.bool,showPlayButton:pe.bool,showFullscreenButton:pe.bool,disableThumbnailScroll:pe.bool,disableKeyDown:pe.bool,disableSwipe:pe.bool,disableThumbnailSwipe:pe.bool,useBrowserFullscreen:pe.bool,onErrorImageURL:pe.string,indexSeparator:pe.string,thumbnailPosition:(0,pe.oneOf)(["top","bottom","left","right"]),startIndex:pe.number,slideDuration:pe.number,slideInterval:pe.number,slideOnThumbnailOver:pe.bool,swipeThreshold:pe.number,swipingTransitionDuration:pe.number,swipingThumbnailTransitionDuration:pe.number,onSlide:pe.func,onBeforeSlide:pe.func,onScreenChange:pe.func,onPause:pe.func,onPlay:pe.func,onClick:pe.func,onImageLoad:pe.func,onImageError:pe.func,onTouchMove:pe.func,onTouchEnd:pe.func,onTouchStart:pe.func,onMouseOver:pe.func,onMouseLeave:pe.func,onBulletClick:pe.func,onThumbnailError:pe.func,onThumbnailClick:pe.func,renderCustomControls:pe.func,renderLeftNav:pe.func,renderRightNav:pe.func,renderTopNav:pe.func,renderBottomNav:pe.func,renderPlayPauseButton:pe.func,renderFullscreenButton:pe.func,renderItem:pe.func,renderThumbInner:pe.func,stopPropagation:pe.bool,additionalClass:pe.string,useTranslate3D:pe.bool,isRTL:pe.bool,useWindowKeyDown:pe.bool,slideVertically:pe.bool},lt.defaultProps={onErrorImageURL:"",additionalClass:"",showNav:!0,autoPlay:!1,lazyLoad:!1,infinite:!0,showIndex:!1,showBullets:!1,showThumbnails:!0,showPlayButton:!0,showFullscreenButton:!0,disableThumbnailScroll:!1,disableKeyDown:!1,disableSwipe:!1,disableThumbnailSwipe:!1,useTranslate3D:!0,isRTL:!1,useBrowserFullscreen:!0,flickThreshold:.4,stopPropagation:!1,indexSeparator:" / ",thumbnailPosition:"bottom",startIndex:0,slideDuration:450,swipingTransitionDuration:0,swipingThumbnailTransitionDuration:0,onSlide:null,onBeforeSlide:null,onScreenChange:null,onPause:null,onPlay:null,onClick:null,onImageLoad:null,onImageError:null,onTouchMove:null,onTouchEnd:null,onTouchStart:null,onMouseOver:null,onMouseLeave:null,onBulletClick:null,onThumbnailError:null,onThumbnailClick:null,renderCustomControls:null,renderThumbInner:null,renderItem:null,slideInterval:3e3,slideOnThumbnailOver:!1,swipeThreshold:30,slideVertically:!1,renderLeftNav:function(e,t){return s.default.createElement(Me,{onClick:e,disabled:t})},renderRightNav:function(e,t){return s.default.createElement(Ce,{onClick:e,disabled:t})},renderTopNav:function(e,t){return s.default.createElement(Ke,{onClick:e,disabled:t})},renderBottomNav:function(e,t){return s.default.createElement(Ye,{onClick:e,disabled:t})},renderPlayPauseButton:function(e,t){return s.default.createElement(Ne,{onClick:e,isPlaying:t})},renderFullscreenButton:function(e,t){return s.default.createElement(Re,{onClick:e,isFullscreen:t})},useWindowKeyDown:!0};const ut=lt;var ct=r.A;export{ct as default};
+import*as e from"react";var n={698:(e,n)=>{var l=Symbol.for("react.transitional.element"),a=Symbol.for("react.fragment");function t(e,n,a){var t=null;if(void 0!==a&&(t=""+a),void 0!==n.key&&(t=""+n.key),"key"in n)for(var i in a={},n)"key"!==i&&(a[i]=n[i]);else a=n;return n=a.ref,{$$typeof:l,type:e,key:t,ref:void 0!==n?n:null,props:a}}n.Fragment=a,n.jsx=t,n.jsxs=t},848:(e,n,l)=>{e.exports=l(698)}},l={};function a(e){var t=l[e];if(void 0!==t)return t.exports;var i=l[e]={exports:{}};return n[e](i,i.exports,a),i.exports}a.d=(e,n)=>{for(var l in n)a.o(n,l)&&!a.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:n[l]})},a.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n);var t={};a.d(t,{A:()=>_});var i=a(848);const r=(s={default:()=>e.default,forwardRef:()=>e.forwardRef,memo:()=>e.memo,useCallback:()=>e.useCallback,useEffect:()=>e.useEffect,useImperativeHandle:()=>e.useImperativeHandle,useMemo:()=>e.useMemo,useRef:()=>e.useRef,useState:()=>e.useState},o={},a.d(o,s),o);var s,o;function u(e){var n,l,a="";if("string"==typeof e||"number"==typeof e)a+=e;else if("object"==typeof e)if(Array.isArray(e)){var t=e.length;for(n=0;n<t;n++)e[n]&&(l=u(e[n]))&&(a&&(a+=" "),a+=l)}else for(l in e)e[l]&&(a&&(a+=" "),a+=l);return a}const g=function(){for(var e,n,l=0,a="",t=arguments.length;l<t;l++)(e=arguments[l])&&(n=u(e))&&(a&&(a+=" "),a+=n);return a},c="Left",m="Right",d="Up",h="Down",b={delta:10,preventScrollOnSwipe:!1,rotationAngle:0,trackMouse:!1,trackTouch:!0,swipeDuration:1/0,touchEventOptions:{passive:!0}},p={first:!0,initial:[0,0],start:0,swiping:!1,xy:[0,0]},y="mousemove",f="mouseup";function v(e,n){if(0===n)return e;const l=Math.PI/180*n;return[e[0]*Math.cos(l)+e[1]*Math.sin(l),e[1]*Math.cos(l)-e[0]*Math.sin(l)]}function x(e){const{trackMouse:n}=e,l=r.useRef(Object.assign({},p)),a=r.useRef(Object.assign({},b)),t=r.useRef(Object.assign({},a.current));let i;for(i in t.current=Object.assign({},a.current),a.current=Object.assign(Object.assign({},b),e),b)void 0===a.current[i]&&(a.current[i]=b[i]);const[s,o]=r.useMemo((()=>function(e,n){const l=n=>{const l="touches"in n;l&&n.touches.length>1||e(((e,t)=>{t.trackMouse&&!l&&(document.addEventListener(y,a),document.addEventListener(f,i));const{clientX:r,clientY:s}=l?n.touches[0]:n,o=v([r,s],t.rotationAngle);return t.onTouchStartOrOnMouseDown&&t.onTouchStartOrOnMouseDown({event:n}),Object.assign(Object.assign(Object.assign({},e),p),{initial:o.slice(),xy:o,start:n.timeStamp||0})}))},a=n=>{e(((e,l)=>{const a="touches"in n;if(a&&n.touches.length>1)return e;if(n.timeStamp-e.start>l.swipeDuration)return e.swiping?Object.assign(Object.assign({},e),{swiping:!1}):e;const{clientX:t,clientY:i}=a?n.touches[0]:n,[r,s]=v([t,i],l.rotationAngle),o=r-e.xy[0],u=s-e.xy[1],g=Math.abs(o),p=Math.abs(u),y=(n.timeStamp||0)-e.start,f=Math.sqrt(g*g+p*p)/(y||1),x=[o/(y||1),u/(y||1)],w=function(e,n,l,a){return e>n?l>0?m:c:a>0?h:d}(g,p,o,u),S="number"==typeof l.delta?l.delta:l.delta[w.toLowerCase()]||b.delta;if(g<S&&p<S&&!e.swiping)return e;const k={absX:g,absY:p,deltaX:o,deltaY:u,dir:w,event:n,first:e.first,initial:e.initial,velocity:f,vxvy:x};k.first&&l.onSwipeStart&&l.onSwipeStart(k),l.onSwiping&&l.onSwiping(k);let T=!1;return(l.onSwiping||l.onSwiped||l[`onSwiped${w}`])&&(T=!0),T&&l.preventScrollOnSwipe&&l.trackTouch&&n.cancelable&&n.preventDefault(),Object.assign(Object.assign({},e),{first:!1,eventData:k,swiping:!0})}))},t=n=>{e(((e,l)=>{let a;if(e.swiping&&e.eventData){if(n.timeStamp-e.start<l.swipeDuration){a=Object.assign(Object.assign({},e.eventData),{event:n}),l.onSwiped&&l.onSwiped(a);const t=l[`onSwiped${a.dir}`];t&&t(a)}}else l.onTap&&l.onTap({event:n});return l.onTouchEndOrOnMouseUp&&l.onTouchEndOrOnMouseUp({event:n}),Object.assign(Object.assign(Object.assign({},e),p),{eventData:a})}))},i=e=>{document.removeEventListener(y,a),document.removeEventListener(f,i),t(e)},r=(e,n)=>{let i=()=>{};if(e&&e.addEventListener){const r=Object.assign(Object.assign({},b.touchEventOptions),n.touchEventOptions),s=[["touchstart",l,r],["touchmove",a,Object.assign(Object.assign({},r),n.preventScrollOnSwipe?{passive:!1}:{})],["touchend",t,r]];s.forEach((([n,l,a])=>e.addEventListener(n,l,a))),i=()=>s.forEach((([n,l])=>e.removeEventListener(n,l)))}return i},s={ref:n=>{null!==n&&e(((e,l)=>{if(e.el===n)return e;const a={};return e.el&&e.el!==n&&e.cleanUpTouch&&(e.cleanUpTouch(),a.cleanUpTouch=void 0),l.trackTouch&&n&&(a.cleanUpTouch=r(n,l)),Object.assign(Object.assign(Object.assign({},e),{el:n}),a)}))}};return n.trackMouse&&(s.onMouseDown=l),[s,r]}((e=>l.current=e(l.current,a.current)),{trackMouse:n})),[n]);return l.current=function(e,n,l,a){return n.trackTouch&&e.el?e.cleanUpTouch?n.preventScrollOnSwipe!==l.preventScrollOnSwipe||n.touchEventOptions.passive!==l.touchEventOptions.passive?(e.cleanUpTouch(),Object.assign(Object.assign({},e),{cleanUpTouch:a(e.el,n)})):e:Object.assign(Object.assign({},e),{cleanUpTouch:a(e.el,n)}):(e.cleanUpTouch&&e.cleanUpTouch(),Object.assign(Object.assign({},e),{cleanUpTouch:void 0}))}(l.current,a.current,t.current,o),s}const w=(0,r.memo)((function({index:e,isActive:n=!1,bulletClass:l="",onClick:a}){const t=g("image-gallery-bullet",l,{active:n});return(0,i.jsx)("button",{"aria-label":`Go to Slide ${e+1}`,"aria-pressed":n?"true":"false",className:t,type:"button",onClick:a},`bullet-${e}`)})),S=(0,r.memo)((function({bullets:e=[],slideVertically:n=!1}){const l=g("image-gallery-bullets",{"image-gallery-bullets-vertical":n});return e&&0!==e.length?(0,i.jsx)("div",{className:l,children:(0,i.jsx)("div",{"aria-label":"Bullet Navigation",className:"image-gallery-bullets-container",role:"navigation",children:e})}):null})),k={left:(0,i.jsx)("polyline",{points:"15 18 9 12 15 6"}),right:(0,i.jsx)("polyline",{points:"9 18 15 12 9 6"}),top:(0,i.jsx)("polyline",{points:"6 15 12 9 18 15"}),bottom:(0,i.jsx)("polyline",{points:"6 9 12 15 18 9"}),maximize:(0,i.jsx)("path",{d:"M8 3H3v5m18 0V3h-5m0 18h5v-5M3 16v5h5"}),minimize:(0,i.jsx)("path",{d:"M8 3v5H3m18 0h-5V3m0 18v-5h5M3 16h5v5"}),play:(0,i.jsx)("polygon",{points:"5 3 19 12 5 21 5 3"}),pause:(0,i.jsxs)(r.default.Fragment,{children:[(0,i.jsx)("rect",{height:"16",width:"4",x:"6",y:"4"}),(0,i.jsx)("rect",{height:"16",width:"4",x:"14",y:"4"})]})},T={strokeWidth:1,viewBox:"0 0 24 24"},C=e=>{const{strokeWidth:n,viewBox:l,icon:a}={...T,...e};return(0,i.jsx)("svg",{className:"image-gallery-svg",fill:"none",stroke:"currentColor",strokeLinecap:"square",strokeLinejoin:"miter",strokeWidth:n,viewBox:l,xmlns:"http://www.w3.org/2000/svg",children:k[a]})},j=r.default.memo((({disabled:e,onClick:n})=>(0,i.jsx)("button",{"aria-label":"Next Slide",className:"image-gallery-icon image-gallery-bottom-nav",disabled:e,type:"button",onClick:n,children:(0,i.jsx)(C,{icon:"bottom",viewBox:"6 0 12 24"})})));j.displayName="BottomNav";const R=j,O=r.default.memo((({isFullscreen:e,onClick:n})=>(0,i.jsx)("button",{"aria-label":"Open Fullscreen",className:"image-gallery-icon image-gallery-fullscreen-button",type:"button",onClick:n,children:(0,i.jsx)(C,{icon:e?"minimize":"maximize",strokeWidth:2})})));O.displayName="Fullscreen";const I=O,E=r.default.memo((({disabled:e,onClick:n})=>(0,i.jsx)("button",{"aria-label":"Previous Slide",className:"image-gallery-icon image-gallery-left-nav",disabled:e,type:"button",onClick:n,children:(0,i.jsx)(C,{icon:"left",viewBox:"6 0 12 24"})})));E.displayName="LeftNav";const N=E,F=r.default.memo((({isPlaying:e,onClick:n})=>(0,i.jsx)("button",{"aria-label":"Play or Pause Slideshow",className:"image-gallery-icon image-gallery-play-button",type:"button",onClick:n,children:(0,i.jsx)(C,{icon:e?"pause":"play",strokeWidth:2})})));F.displayName="PlayPause";const z=F,M=r.default.memo((({disabled:e,onClick:n})=>(0,i.jsx)("button",{"aria-label":"Next Slide",className:"image-gallery-icon image-gallery-right-nav",disabled:e,type:"button",onClick:n,children:(0,i.jsx)(C,{icon:"right",viewBox:"6 0 12 24"})})));M.displayName="RightNav";const L=M,P=r.default.memo((({disabled:e,onClick:n})=>(0,i.jsx)("button",{"aria-label":"Previous Slide",className:"image-gallery-icon image-gallery-top-nav",disabled:e,type:"button",onClick:n,children:(0,i.jsx)(C,{icon:"top",viewBox:"6 0 12 24"})})));P.displayName="TopNav";const W=P;function $(e,n,l={}){const{leading:a=!0,trailing:t=!0}=l;let i=0,r=null,s=null,o=null;function u(){null!==s&&(e.apply(o,s),i=Date.now(),s=null,o=null)}return function(...e){const l=Date.now(),g=l-i;s=e,o=this,g>=n?(r&&(clearTimeout(r),r=null),a?u():i=l):t&&!r&&(r=setTimeout((()=>{r=null,s&&u()}),n-g))}}function B(e,n){let l;return function(...a){clearTimeout(l),l=setTimeout((()=>{e.apply(this,a)}),n)}}const D=(0,r.memo)((function({currentIndex:e,totalItems:n,indexSeparator:l=" / "}){return(0,i.jsxs)("div",{className:"image-gallery-index",children:[(0,i.jsx)("span",{className:"image-gallery-index-current",children:e+1}),(0,i.jsx)("span",{className:"image-gallery-index-separator",children:l}),(0,i.jsx)("span",{className:"image-gallery-index-total",children:n})]})})),U={description:"",fullscreen:"",isFullscreen:!1,originalAlt:"",originalHeight:"",originalWidth:"",originalTitle:"",sizes:"",srcSet:"",loading:"eager"},H=r.default.memo((e=>{const{description:n,fullscreen:l,handleImageLoaded:a,isFullscreen:t,onImageError:s,original:o,originalAlt:u,originalHeight:g,originalWidth:c,originalTitle:m,sizes:d,srcSet:h,loading:b}={...U,...e},p=t&&l||o;return(0,i.jsxs)(r.default.Fragment,{children:[(0,i.jsx)("img",{alt:u,className:"image-gallery-image",height:g,loading:b,sizes:d,src:p,srcSet:h,title:m,width:c,onError:s,onLoad:e=>a(e,o)}),n&&(0,i.jsx)("span",{className:"image-gallery-description",children:n})]})}));H.displayName="Item";const A=H,q=(0,r.memo)((function({index:e,alignment:n="",originalClass:l="",style:a={},onClick:t,onKeyUp:r,onTouchMove:s,onTouchEnd:o,onTouchStart:u,onMouseOver:g,onMouseLeave:c,children:m=null}){return(0,i.jsx)("div",{"aria-label":`Go to Slide ${e+1}`,className:`image-gallery-slide ${n} ${l}`,role:"button",style:a,tabIndex:-1,onClick:t,onFocus:g,onKeyUp:r,onMouseLeave:c,onMouseOver:g,onTouchEnd:o,onTouchMove:s,onTouchStart:u,children:m},`slide-${e}`)}));let G=!1;const K={className:"",delta:0,onSwiping:()=>{},onSwiped:()=>{}},V=e=>{const{children:n,className:l,delta:a,onSwiping:t,onSwiped:r}={...K,...e},s=x({delta:a,onSwiping:t,onSwiped:r});return(0,i.jsx)("div",{...s,className:l,children:n})},Y=(0,r.memo)((function({index:e,isActive:n=!1,thumbnailClass:l="",onMouseLeave:a,onMouseOver:t,onFocus:r,onKeyUp:s,onClick:o,children:u=null}){const c=g("image-gallery-thumbnail",l,{active:n});return(0,i.jsx)("button",{"aria-label":`Go to Slide ${e+1}`,"aria-pressed":n?"true":"false",className:c,tabIndex:0,type:"button",onClick:o??void 0,onFocus:r??void 0,onKeyUp:s??void 0,onMouseLeave:a??void 0,onMouseOver:t??void 0,children:u},`thumbnail-${e}`)})),X=(0,r.memo)((function({thumbnails:e=[],thumbnailPosition:n="bottom",thumbnailStyle:l={},thumbnailBarHeight:a={},isRTL:t=!1,disableThumbnailSwipe:r=!1,onSwiping:s,onSwiped:o,thumbnailsWrapperRef:u,thumbnailsRef:c}){const m="left"===n||"right"===n,d=g("image-gallery-thumbnails-wrapper",(e=>{const n={left:"image-gallery-thumbnails-left",right:"image-gallery-thumbnails-right",bottom:"image-gallery-thumbnails-bottom",top:"image-gallery-thumbnails-top"};return n[e]?` ${n[e]}`:""})(n),{"thumbnails-wrapper-rtl":!m&&t},{"thumbnails-swipe-horizontal":!m&&!r},{"thumbnails-swipe-vertical":m&&!r});return e&&0!==e.length?(0,i.jsx)(V,{className:d,delta:0,onSwiped:r?void 0:o??void 0,onSwiping:r?void 0:s??void 0,children:(0,i.jsx)("div",{ref:u,className:"image-gallery-thumbnails",style:a,children:(0,i.jsx)("nav",{ref:c,"aria-label":"Thumbnail Navigation",className:"image-gallery-thumbnails-container",style:l,children:e})})}):null}));!function(){if(G||"undefined"==typeof document)return;if(document.querySelector("style[data-image-gallery]"))return void(G=!0);const e=document.createElement("style");e.setAttribute("data-image-gallery",""),e.textContent="/**\n * React Image Gallery - Styles\n * \n * Design System: Base-4 spacing scale\n * Spacing: 2, 4, 8, 12, 16, 20, 24, 32, 48, 64, 80, 96, 120px\n * \n * CSS Custom Properties for theming:\n * --ig-primary-color: Primary/accent color (default: #337ab7)\n * --ig-white: Icon and text color (default: #fff)\n * --ig-black: Background color in fullscreen (default: #000)\n * --ig-background-overlay: Overlay background (default: rgba(0, 0, 0, 0.4))\n * --ig-thumbnail-size: Thumbnail dimensions (default: 96px)\n * --ig-thumbnail-size-small: Thumbnail size on small screens (default: 80px)\n * --ig-thumbnail-border-width: Thumbnail border width (default: 4px)\n * --ig-thumbnail-border-width-small: Thumbnail border on small screens (default: 3px)\n * --ig-bullet-size: Bullet size (default: 4px)\n * --ig-bullet-size-small: Bullet size on small screens (default: 3px)\n */\n\n:root {\n  --ig-primary-color: #337ab7;\n  --ig-white: #fff;\n  --ig-black: #000;\n  --ig-background-overlay: rgba(0, 0, 0, 0.4);\n  --ig-thumbnail-size: 96px;\n  --ig-thumbnail-size-small: 80px;\n  --ig-thumbnail-border-width: 4px;\n  --ig-thumbnail-border-width-small: 3px;\n  --ig-bullet-size: 4px;\n  --ig-bullet-size-small: 3px;\n}\n\n/* ==========================================================================\n   SVG Icon Styles\n   ========================================================================== */\n\n.image-gallery-icon {\n  color: var(--ig-white, #fff);\n  transition: all 0.3s ease-out;\n  appearance: none;\n  background-color: transparent;\n  border: 0;\n  cursor: pointer;\n  outline: none;\n  position: absolute;\n  z-index: 4;\n  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5));\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .image-gallery-icon:hover {\n    color: var(--ig-primary-color, #337ab7);\n  }\n  .image-gallery-icon:hover .image-gallery-svg {\n    transform: scale(1.1);\n  }\n}\n\n.image-gallery-icon:focus {\n  outline: 2px solid var(--ig-primary-color, #337ab7);\n}\n\n.image-gallery-using-mouse .image-gallery-icon:focus {\n  outline: none;\n}\n\n/* Fullscreen & Play buttons */\n.image-gallery-fullscreen-button,\n.image-gallery-play-button {\n  bottom: 0;\n  padding: 20px;\n}\n\n.image-gallery-fullscreen-button .image-gallery-svg,\n.image-gallery-play-button .image-gallery-svg {\n  height: 32px;\n  width: 32px;\n}\n\n@media (max-width: 768px) {\n  .image-gallery-fullscreen-button,\n  .image-gallery-play-button {\n    padding: 16px;\n  }\n  .image-gallery-fullscreen-button .image-gallery-svg,\n  .image-gallery-play-button .image-gallery-svg {\n    height: 24px;\n    width: 24px;\n  }\n}\n\n@media (max-width: 480px) {\n  .image-gallery-fullscreen-button,\n  .image-gallery-play-button {\n    padding: 12px;\n  }\n  .image-gallery-fullscreen-button .image-gallery-svg,\n  .image-gallery-play-button .image-gallery-svg {\n    height: 16px;\n    width: 16px;\n  }\n}\n\n.image-gallery-fullscreen-button {\n  right: 0;\n}\n\n.image-gallery-play-button {\n  left: 0;\n}\n\n/* Top & Bottom navigation */\n.image-gallery-top-nav,\n.image-gallery-bottom-nav {\n  padding: 12px;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.image-gallery-top-nav .image-gallery-svg,\n.image-gallery-bottom-nav .image-gallery-svg {\n  height: 120px;\n  width: 96px;\n}\n\n@media (max-width: 768px) {\n  .image-gallery-top-nav .image-gallery-svg,\n  .image-gallery-bottom-nav .image-gallery-svg {\n    height: 72px;\n    width: 48px;\n  }\n}\n\n@media (max-width: 480px) {\n  .image-gallery-top-nav .image-gallery-svg,\n  .image-gallery-bottom-nav .image-gallery-svg {\n    height: 48px;\n    width: 32px;\n  }\n}\n\n.image-gallery-top-nav[disabled],\n.image-gallery-bottom-nav[disabled] {\n  cursor: not-allowed;\n  opacity: 0.6;\n  pointer-events: none;\n}\n\n.image-gallery-top-nav {\n  top: 0;\n}\n\n.image-gallery-bottom-nav {\n  bottom: 0;\n}\n\n/* Left & Right navigation */\n.image-gallery-left-nav,\n.image-gallery-right-nav {\n  padding: 48px 12px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.image-gallery-left-nav .image-gallery-svg,\n.image-gallery-right-nav .image-gallery-svg {\n  height: 120px;\n  width: 64px;\n}\n\n@media (max-width: 768px) {\n  .image-gallery-left-nav .image-gallery-svg,\n  .image-gallery-right-nav .image-gallery-svg {\n    height: 72px;\n    width: 32px;\n  }\n}\n\n@media (max-width: 480px) {\n  .image-gallery-left-nav .image-gallery-svg,\n  .image-gallery-right-nav .image-gallery-svg {\n    height: 48px;\n    width: 24px;\n  }\n}\n\n.image-gallery-left-nav[disabled],\n.image-gallery-right-nav[disabled] {\n  cursor: not-allowed;\n  opacity: 0.6;\n  pointer-events: none;\n}\n\n.image-gallery-left-nav {\n  left: 0;\n}\n\n.image-gallery-right-nav {\n  right: 0;\n}\n\n/* ==========================================================================\n   Gallery Container\n   ========================================================================== */\n\n.image-gallery {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n  position: relative;\n  /* Prevent mobile overscroll/pull-to-refresh */\n  overscroll-behavior: none;\n  -webkit-overflow-scrolling: touch;\n}\n\n.image-gallery.fullscreen-modal {\n  background: var(--ig-black, #000);\n  bottom: 0;\n  height: 100%;\n  left: 0;\n  position: fixed;\n  right: 0;\n  top: 0;\n  width: 100%;\n  z-index: 5;\n}\n\n.image-gallery.fullscreen-modal .image-gallery-content {\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n/* ==========================================================================\n   Gallery Content\n   ========================================================================== */\n\n.image-gallery-content {\n  position: relative;\n  line-height: 0;\n  top: 0;\n}\n\n.image-gallery-content.fullscreen {\n  background: var(--ig-black, #000);\n}\n\n.image-gallery-content .image-gallery-slide .image-gallery-image {\n  max-height: calc(100vh - 80px);\n}\n\n.image-gallery-content.image-gallery-thumbnails-left\n  .image-gallery-slide\n  .image-gallery-image,\n.image-gallery-content.image-gallery-thumbnails-right\n  .image-gallery-slide\n  .image-gallery-image {\n  max-height: 100vh;\n}\n\n/* ==========================================================================\n   Slide Wrapper\n   ========================================================================== */\n\n.image-gallery-slide-wrapper {\n  position: relative;\n}\n\n.image-gallery-slide-wrapper.image-gallery-thumbnails-left,\n.image-gallery-slide-wrapper.image-gallery-thumbnails-right {\n  display: inline-block;\n  width: calc(100% - 112px);\n}\n\n@media (max-width: 768px) {\n  .image-gallery-slide-wrapper.image-gallery-thumbnails-left,\n  .image-gallery-slide-wrapper.image-gallery-thumbnails-right {\n    width: calc(100% - 88px);\n  }\n}\n\n.image-gallery-slide-wrapper.image-gallery-rtl {\n  direction: rtl;\n}\n\n.image-gallery-swipe {\n  overflow: hidden;\n  /* GPU acceleration */\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n  -webkit-transform: translateZ(0);\n  transform: translateZ(0);\n  /* Prevent overscroll during swipe */\n  overscroll-behavior: contain;\n  touch-action: pan-y pinch-zoom;\n}\n\n/* ==========================================================================\n   Slides\n   ========================================================================== */\n\n.image-gallery-slides {\n  overflow: hidden;\n  position: relative;\n  touch-action: none;\n  /* GPU acceleration for smooth swiping */\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n  contain: layout style paint;\n  isolation: isolate;\n  overscroll-behavior: none;\n}\n\n/* Flex container that holds all slides and gets transformed */\n.image-gallery-slides-container {\n  display: flex;\n  /* GPU acceleration for smooth swiping */\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n  -webkit-transform-style: preserve-3d;\n  transform-style: preserve-3d;\n  will-change: transform;\n}\n\n.image-gallery-slides-container.vertical {\n  flex-direction: column;\n  height: 100%;\n}\n\n.image-gallery-slides-container.vertical .image-gallery-slide {\n  flex: 0 0 100%;\n  height: 100%;\n  min-height: 0;\n}\n\n.image-gallery-slides-container.vertical\n  .image-gallery-slide\n  .image-gallery-image {\n  height: 100%;\n  width: auto;\n  max-width: 100%;\n}\n\n.image-gallery-slide {\n  flex: 0 0 100%;\n  min-width: 0;\n  /* GPU acceleration for smooth swiping */\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n}\n\n.image-gallery-slide .image-gallery-image {\n  width: 100%;\n  object-fit: contain;\n}\n\n.image-gallery-slide .image-gallery-description {\n  background: var(--ig-background-overlay, rgba(0, 0, 0, 0.4));\n  bottom: 72px;\n  color: var(--ig-white, #fff);\n  left: 0;\n  line-height: 1;\n  padding: 12px 20px;\n  position: absolute;\n  white-space: normal;\n}\n\n@media (max-width: 768px) {\n  .image-gallery-slide .image-gallery-description {\n    bottom: 48px;\n    font-size: 0.8em;\n    padding: 8px 16px;\n  }\n}\n\n/* ==========================================================================\n   Bullets\n   ========================================================================== */\n\n.image-gallery-bullets {\n  bottom: 20px;\n  left: 0;\n  margin: 0 auto;\n  position: absolute;\n  right: 0;\n  width: 80%;\n  z-index: 4;\n}\n\n.image-gallery-bullets .image-gallery-bullets-container {\n  margin: 0;\n  padding: 0;\n  text-align: center;\n}\n\n.image-gallery-bullets .image-gallery-bullet {\n  appearance: none;\n  background-color: transparent;\n  border: 1px solid var(--ig-white, #fff);\n  border-radius: 50%;\n  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);\n  cursor: pointer;\n  display: inline-block;\n  margin: 0 4px;\n  outline: none;\n  padding: var(--ig-bullet-size, 4px);\n  transition: all 0.2s ease-out;\n}\n\n@media (max-width: 768px) {\n  .image-gallery-bullets .image-gallery-bullet {\n    margin: 0 3px;\n    padding: var(--ig-bullet-size-small, 3px);\n  }\n}\n\n@media (max-width: 480px) {\n  .image-gallery-bullets .image-gallery-bullet {\n    padding: 3px;\n  }\n}\n\n.image-gallery-bullets .image-gallery-bullet:focus {\n  transform: scale(1.2);\n  background: var(--ig-primary-color, #337ab7);\n  border: 1px solid var(--ig-primary-color, #337ab7);\n}\n\n.image-gallery-bullets .image-gallery-bullet.active {\n  transform: scale(1.2);\n  border: 1px solid var(--ig-white, #fff);\n  background: var(--ig-white, #fff);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .image-gallery-bullets .image-gallery-bullet:hover {\n    background: var(--ig-primary-color, #337ab7);\n    border: 1px solid var(--ig-primary-color, #337ab7);\n  }\n  .image-gallery-bullets .image-gallery-bullet.active:hover {\n    background: var(--ig-primary-color, #337ab7);\n  }\n}\n\n/* Vertical bullets */\n.image-gallery-bullets.image-gallery-bullets-vertical {\n  left: 20px;\n  right: auto;\n  bottom: auto;\n  width: auto;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet {\n  display: block;\n  margin: 12px 0;\n}\n\n@media (max-width: 768px) {\n  .image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet {\n    margin: 8px 0;\n    padding: var(--ig-bullet-size-small, 3px);\n  }\n}\n\n@media (max-width: 480px) {\n  .image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet {\n    padding: 3px;\n  }\n}\n\n/* ==========================================================================\n   Thumbnails Wrapper\n   ========================================================================== */\n\n.image-gallery-thumbnails-wrapper {\n  position: relative;\n}\n\n.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal {\n  touch-action: pan-y;\n}\n\n.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical {\n  touch-action: pan-x;\n}\n\n.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl {\n  direction: rtl;\n}\n\n.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,\n.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right {\n  display: inline-block;\n  vertical-align: top;\n  width: var(--ig-thumbnail-size, 96px);\n}\n\n@media (max-width: 768px) {\n  .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,\n  .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right {\n    width: var(--ig-thumbnail-size-small, 80px);\n  }\n}\n\n.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left\n  .image-gallery-thumbnails,\n.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right\n  .image-gallery-thumbnails {\n  height: 100%;\n  width: 100%;\n  left: 0;\n  padding: 0;\n  position: absolute;\n  top: 0;\n}\n\n.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left\n  .image-gallery-thumbnails\n  .image-gallery-thumbnail,\n.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right\n  .image-gallery-thumbnails\n  .image-gallery-thumbnail {\n  display: block;\n  margin-right: 0;\n  padding: 0;\n}\n\n.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left\n  .image-gallery-thumbnails\n  .image-gallery-thumbnail\n  + .image-gallery-thumbnail,\n.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right\n  .image-gallery-thumbnails\n  .image-gallery-thumbnail\n  + .image-gallery-thumbnail {\n  margin-left: 0;\n  margin-top: 2px;\n}\n\n.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,\n.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right {\n  margin: 0 4px;\n}\n\n@media (max-width: 768px) {\n  .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,\n  .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right {\n    margin: 0 4px;\n  }\n}\n\n/* ==========================================================================\n   Thumbnails\n   ========================================================================== */\n\n.image-gallery-thumbnails {\n  overflow: hidden;\n  padding: 4px 0;\n}\n\n@media (max-width: 768px) {\n  .image-gallery-thumbnails {\n    padding: 4px 0;\n  }\n}\n\n.image-gallery-thumbnails .image-gallery-thumbnails-container {\n  cursor: pointer;\n  text-align: center;\n  white-space: nowrap;\n}\n\n.image-gallery-thumbnail {\n  display: inline-block;\n  border: var(--ig-thumbnail-border-width, 4px) solid transparent;\n  transition: border 0.3s ease-out;\n  width: var(--ig-thumbnail-size, 96px);\n  background: transparent;\n  padding: 0;\n}\n\n@media (max-width: 768px) {\n  .image-gallery-thumbnail {\n    border: var(--ig-thumbnail-border-width-small, 3px) solid transparent;\n    width: var(--ig-thumbnail-size-small, 80px);\n  }\n}\n\n.image-gallery-thumbnail + .image-gallery-thumbnail {\n  margin-left: 2px;\n}\n\n.image-gallery-thumbnail .image-gallery-thumbnail-inner {\n  display: block;\n  position: relative;\n}\n\n.image-gallery-thumbnail .image-gallery-thumbnail-image {\n  vertical-align: middle;\n  width: 100%;\n  line-height: 0;\n}\n\n.image-gallery-thumbnail.active,\n.image-gallery-thumbnail:focus {\n  outline: none;\n  border: var(--ig-thumbnail-border-width, 4px) solid\n    var(--ig-primary-color, #337ab7);\n}\n\n@media (max-width: 768px) {\n  .image-gallery-thumbnail.active,\n  .image-gallery-thumbnail:focus {\n    border: var(--ig-thumbnail-border-width-small, 3px) solid\n      var(--ig-primary-color, #337ab7);\n  }\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .image-gallery-thumbnail:hover {\n    outline: none;\n    border: var(--ig-thumbnail-border-width, 4px) solid\n      var(--ig-primary-color, #337ab7);\n  }\n}\n\n@media (hover: hover) and (pointer: fine) and (max-width: 768px) {\n  .image-gallery-thumbnail:hover {\n    border: var(--ig-thumbnail-border-width-small, 3px) solid\n      var(--ig-primary-color, #337ab7);\n  }\n}\n\n/* ==========================================================================\n   Thumbnail Label\n   ========================================================================== */\n\n.image-gallery-thumbnail-label {\n  box-sizing: border-box;\n  color: var(--ig-white, #fff);\n  font-size: 1em;\n  left: 0;\n  line-height: 1em;\n  padding: 5%;\n  position: absolute;\n  top: 50%;\n  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);\n  transform: translateY(-50%);\n  white-space: normal;\n  width: 100%;\n}\n\n@media (max-width: 768px) {\n  .image-gallery-thumbnail-label {\n    font-size: 0.8em;\n    line-height: 0.8em;\n  }\n}\n\n/* ==========================================================================\n   Index Display\n   ========================================================================== */\n\n.image-gallery-index {\n  background: var(--ig-background-overlay, rgba(0, 0, 0, 0.4));\n  color: var(--ig-white, #fff);\n  line-height: 1;\n  padding: 10px 20px;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 4;\n}\n\n@media (max-width: 768px) {\n  .image-gallery-index {\n    font-size: 0.8em;\n    padding: 5px 10px;\n  }\n}\n",document.head.appendChild(e),G=!0}();const Z=["fullscreenchange","MSFullscreenChange","mozfullscreenchange","webkitfullscreenchange"];function J(e){const n=parseInt(String(e.keyCode||e.which||0),10);return 13===n||32===n}function Q(e){return{left:" image-gallery-thumbnails-left",right:" image-gallery-thumbnails-right",bottom:" image-gallery-thumbnails-bottom",top:" image-gallery-thumbnails-top"}[e]||""}const _=(0,r.forwardRef)((function(e,n){const{additionalClass:l="",autoPlay:a=!1,disableKeyDown:t=!1,disableSwipe:s=!1,disableThumbnailScroll:o=!1,disableThumbnailSwipe:u=!1,flickThreshold:b=.4,indexSeparator:p=" / ",infinite:y=!0,isRTL:f=!1,items:v,lazyLoad:x=!1,onBeforeSlide:k,onBulletClick:T,onClick:C,onErrorImageURL:j="",onImageError:O,onImageLoad:E,onMouseLeave:F,onMouseOver:M,onPause:P,onPlay:U,onScreenChange:H,onSlide:G,onThumbnailClick:K,onThumbnailError:_,onTouchEnd:ee,onTouchMove:ne,onTouchStart:le,renderBottomNav:ae=(e,n)=>(0,i.jsx)(R,{disabled:n,onClick:e}),renderCustomControls:te,renderFullscreenButton:ie=(e,n)=>(0,i.jsx)(I,{isFullscreen:n,onClick:e}),renderItem:re,renderLeftNav:se=(e,n)=>(0,i.jsx)(N,{disabled:n,onClick:e}),renderPlayPauseButton:oe=(e,n)=>(0,i.jsx)(z,{isPlaying:n,onClick:e}),renderRightNav:ue=(e,n)=>(0,i.jsx)(L,{disabled:n,onClick:e}),renderThumbInner:ge,renderTopNav:ce=(e,n)=>(0,i.jsx)(W,{disabled:n,onClick:e}),showBullets:me=!1,showFullscreenButton:de=!0,showIndex:he=!1,showNav:be=!0,showPlayButton:pe=!0,showThumbnails:ye=!0,slideDuration:fe=450,slideInterval:ve=3e3,slideOnThumbnailOver:xe=!1,slideVertically:we=!1,startIndex:Se=0,stopPropagation:ke=!1,swipeThreshold:Te=30,swipingTransitionDuration:Ce=0,thumbnailPosition:je="bottom",useBrowserFullscreen:Re=!0,useTranslate3D:Oe=!0,useWindowKeyDown:Ie=!0}=e,Ee=(0,r.useRef)(null),Ne=(0,r.useRef)(null),Fe=(0,r.useRef)(null),ze=(0,r.useRef)({}),Me=(0,r.useRef)([]),Le=(0,r.useRef)(null),Pe=(0,r.useRef)(null),[We,$e]=(0,r.useState)(0),[Be,De]=(0,r.useState)(0),[Ue,He]=(0,r.useState)(0),[Ae,qe]=(0,r.useState)(!1),[Ge,Ke]=(0,r.useState)(!1),Ve=v.length,Ye=Ve>=2,{currentIndex:Xe,isTransitioning:Ze,currentSlideOffset:Je,canSlideLeft:Qe,canSlideRight:_e,slideToIndex:en,slideToIndexCore:nn,slideToIndexWithStyleReset:ln,slideLeft:an,slideRight:tn,getContainerStyle:rn,getExtendedSlides:sn,getAlignmentClass:on,setCurrentSlideOffset:un,setSlideStyle:gn}=function({items:e,startIndex:n=0,infinite:l=!0,isRTL:a=!1,slideDuration:t=450,onSlide:i,onBeforeSlide:s}){const[o,u]=(0,r.useState)(n),[g,c]=(0,r.useState)(n),[m,d]=(0,r.useState)(!1),[h,b]=(0,r.useState)(0),[p,y]=(0,r.useState)(l&&e.length>1?n+1:n),[f,v]=(0,r.useState)({transition:`all ${t}ms ease-out`}),x=(0,r.useRef)(null),w=(0,r.useRef)(null),S=(0,r.useRef)(!1),k=e.length,T=k>=2,C=l&&k>1?k+2:k;(0,r.useEffect)((()=>()=>{x.current&&window.clearTimeout(x.current),w.current&&window.clearTimeout(w.current)}),[]),(0,r.useEffect)((()=>{u(n),y(l&&e.length>1?n+1:n),v({transition:"none"})}),[e,n,l]);const j=(0,r.useCallback)((()=>o>0),[o]),R=(0,r.useCallback)((()=>o<k-1),[o,k]),O=(0,r.useCallback)((()=>l||(a?R():j())),[l,a,R,j]),I=(0,r.useCallback)((()=>l||(a?j():R())),[l,a,R,j]),E=(0,r.useCallback)((()=>{x.current=window.setTimeout((()=>{m&&(d(!1),i&&i(o))}),t+50)}),[m,o,t,i]),N=(0,r.useCallback)((e=>l&&k>1?e+1:e),[l,k]),F=(0,r.useCallback)(((e,n)=>{S.current=!0,v({transition:"none"}),y(n),w.current=window.setTimeout((()=>{v({transition:`all ${t}ms ease-out`}),S.current=!1}),50)}),[t]),z=(0,r.useCallback)(((e,n,a=!1)=>{if((m||S.current)&&!a)return;const r=k-1;let g,h=e,p=!1,f=null;e<0?(h=r,p=!0,f="start"):e>r&&(h=0,p=!0,f="end"),g=l&&k>1?p&&"start"===f?0:p&&"end"===f?C-1:h+1:h,s&&h!==o&&s(h),c(o),u(h),y(g),d(h!==o||p),b(0),v({transition:`all ${t}ms ease-out`}),l&&k>1&&p&&(x.current=window.setTimeout((()=>{d(!1),i&&i(h);const e=N(h);F(h,e)}),t+20))}),[o,k,C,t,s,i,m,l,N,F]),M=(0,r.useRef)($(((e,n)=>{z(e,n,!1)}),t,{trailing:!1}));(0,r.useEffect)((()=>{M.current=$(((e,n)=>{z(e,n,!1)}),t,{trailing:!1})}),[t,z]);const L=(0,r.useCallback)(((e,n)=>{M.current(e,n)}),[]),P=(0,r.useCallback)(((e,n)=>{b((n=>n+(o>e?.001:-.001))),v({transition:"none"}),window.setTimeout((()=>{z(e,n)}),25)}),[o,z]),W=(0,r.useCallback)((e=>{const n=o+("left"==(a?"right":"left")?-1:1);m||S.current||(2===k?P(n,e):L(n,e))}),[a,o,m,k,P,L]),B=(0,r.useCallback)((e=>{const n=o+("left"==(a?"left":"right")?-1:1);m||S.current||(2===k?P(n,e):L(n,e))}),[a,o,m,k,P,L]),D=(0,r.useCallback)((({useTranslate3D:e=!0,slideVertically:n=!1}={})=>{const l=-(100*p-h*(a?-1:1)),t=n?e?`translate3d(0, ${l}%, 0)`:`translate(0, ${l}%)`:e?`translate3d(${l}%, 0, 0)`:`translate(${l}%, 0)`;return{transform:t,WebkitTransform:t,MozTransform:t,msTransform:t,OTransform:t,...f}}),[p,h,f,a]),U=(0,r.useCallback)((()=>{if(!l||k<=1)return{extendedItems:e,getSlideKey:e=>`slide-${e}`,getRealIndex:e=>e};const n=[e[k-1],...e,e[0]];return{extendedItems:n,getSlideKey:e=>0===e?"slide-clone-last":e===n.length-1?"slide-clone-first":"slide-"+(e-1),getRealIndex:e=>0===e?k-1:e===n.length-1?0:e-1}}),[e,k,l]),H=(0,r.useCallback)((e=>{const{getRealIndex:n}=U(),l=n(e);return l===o?"image-gallery-center":l===(o-1+k)%k?"image-gallery-left":l===(o+1)%k?"image-gallery-right":""}),[o,k,U]);return(0,r.useEffect)((()=>{m&&!S.current&&E()}),[m,E]),{currentIndex:o,previousIndex:g,displayIndex:p,isTransitioning:m,currentSlideOffset:h,slideStyle:f,canSlide:T,canSlideLeft:O,canSlideRight:I,canSlidePrevious:j,canSlideNext:R,slideToIndex:L,slideToIndexCore:z,slideToIndexWithStyleReset:P,slideLeft:W,slideRight:B,getContainerStyle:D,getExtendedSlides:U,getAlignmentClass:H,setCurrentSlideOffset:b,setSlideStyle:v,setIsTransitioning:d,totalDisplaySlides:C}}({items:v,startIndex:Se,infinite:y,isRTL:f,slideDuration:fe,onSlide:G,onBeforeSlide:k}),{thumbsTranslate:cn,setThumbsTranslate:mn,thumbsSwipedTranslate:dn,setThumbsSwipedTranslate:hn,setThumbsStyle:bn,thumbnailsWrapperWidth:pn,thumbnailsWrapperHeight:yn,isSwipingThumbnail:fn,setIsSwipingThumbnail:vn,thumbnailsWrapperRef:xn,thumbnailsRef:wn,isThumbnailVertical:Sn,getThumbnailStyle:kn,getThumbnailBarHeight:Tn,initResizeObserver:Cn,removeResizeObserver:jn}=function({currentIndex:e,items:n,thumbnailPosition:l="bottom",disableThumbnailScroll:a=!1,slideDuration:t=450,isRTL:i=!1,useTranslate3D:s=!0}){const[o,u]=(0,r.useState)(0),[g,c]=(0,r.useState)(0),[m,d]=(0,r.useState)({transition:`all ${t}ms ease-out`}),[h,b]=(0,r.useState)(0),[p,y]=(0,r.useState)(0),[f,v]=(0,r.useState)(!1),x=(0,r.useRef)(null),w=(0,r.useRef)(null),S=(0,r.useRef)(null),k=(0,r.useRef)(e),T=(0,r.useCallback)((()=>"left"===l||"right"===l),[l]),C=(0,r.useCallback)((e=>{if(a)return 0;const l=w.current;if(!l)return 0;let t;if(T()){if(l.scrollHeight<=p)return 0;t=l.scrollHeight-p}else{if(l.scrollWidth<=h||h<=0)return 0;t=l.scrollWidth-h}return e*(t/(n.length-1))}),[a,n.length,h,p,T]),j=(0,r.useCallback)((()=>{if(f)return;const n=-C(e);d({transition:`all ${t}ms ease-out`}),0===e?(u(0),c(0)):(u(n),c(n))}),[e,C,f,t]);(0,r.useEffect)((()=>{k.current!==e&&(k.current=e,j())}),[e,j]);const R=(0,r.useRef)(l);(0,r.useEffect)((()=>{if(R.current!==l){R.current=l,d({transition:"none"}),u(0),c(0);const a=()=>{if(!x.current||!w.current)return;const a=x.current.getBoundingClientRect(),i=a.width,r=a.height;b(i),y(r);const s="left"===l||"right"===l,o=w.current;let g;if(s){if(o.scrollHeight<=r)return void d({transition:`all ${t}ms ease-out`});g=o.scrollHeight-r}else{if(o.scrollWidth<=i)return void d({transition:`all ${t}ms ease-out`});g=o.scrollWidth-i}const m=g/(n.length-1),h=-e*m;u(h),c(h),requestAnimationFrame((()=>{d({transition:`all ${t}ms ease-out`})}))};requestAnimationFrame((()=>{requestAnimationFrame((()=>{setTimeout(a,100)}))}))}}),[l,e,n.length,t]);const O=(0,r.useCallback)((()=>{const e=i?-1*o:o;let n;return n=T()?s?`translate3d(0, ${o}px, 0)`:`translate(0, ${o}px)`:s?`translate3d(${e}px, 0, 0)`:`translate(${e}px, 0)`,{WebkitTransform:n,MozTransform:n,msTransform:n,OTransform:n,transform:n,...m}}),[o,m,i,s,T]),I=(0,r.useCallback)((e=>T()?{height:e}:{}),[T]),E=(0,r.useCallback)((e=>{e?.current&&(S.current=new ResizeObserver(B((e=>{e&&e.forEach((e=>{b(e.contentRect.width),y(e.contentRect.height)}))}),50)),S.current.observe(e.current))}),[]),N=(0,r.useCallback)((()=>{S.current&&x.current&&(S.current.unobserve(x.current),S.current=null)}),[]);(0,r.useEffect)((()=>()=>{N()}),[N]);const F=(0,r.useCallback)((()=>{v(!0),c(o),d({transition:`all ${t}ms ease-out`})}),[o,t]),z=(0,r.useCallback)((()=>{v(!1)}),[]);return{thumbsTranslate:o,setThumbsTranslate:u,thumbsSwipedTranslate:g,setThumbsSwipedTranslate:c,thumbsStyle:m,setThumbsStyle:d,thumbnailsWrapperWidth:h,thumbnailsWrapperHeight:p,isSwipingThumbnail:f,setIsSwipingThumbnail:v,thumbnailsWrapperRef:x,thumbnailsRef:w,isThumbnailVertical:T,getThumbsTranslate:C,getThumbnailStyle:O,getThumbnailBarHeight:I,slideThumbnailBar:j,initResizeObserver:E,removeResizeObserver:N,handleThumbnailSwipeEnd:F,resetSwipingThumbnail:z}}({currentIndex:Xe,items:v,thumbnailPosition:je,disableThumbnailScroll:o,slideDuration:fe,isRTL:f,useTranslate3D:Oe}),{isFullscreen:Rn,modalFullscreen:On,fullScreen:In,exitFullScreen:En,toggleFullScreen:Nn,handleScreenChange:Fn}=function({useBrowserFullscreen:e=!0,onScreenChange:n,galleryRef:l}){const[a,t]=(0,r.useState)(!1),[i,s]=(0,r.useState)(!1),o=(0,r.useCallback)((()=>{const a=document,i=a.fullscreenElement||a.msFullscreenElement||a.mozFullScreenElement||a.webkitFullscreenElement,r=l?.current===i;n&&n(r),e&&t(r)}),[l,e,n]),u=(0,r.useCallback)((e=>{s(e),n&&n(e)}),[n]),g=(0,r.useCallback)((()=>{const n=l?.current;n&&(e?n.requestFullscreen?n.requestFullscreen():n.msRequestFullscreen?n.msRequestFullscreen():n.mozRequestFullScreen?n.mozRequestFullScreen():n.webkitRequestFullscreen?n.webkitRequestFullscreen():u(!0):u(!0),t(!0))}),[l,e,u]),c=(0,r.useCallback)((()=>{if(!a)return;const n=document;e?n.exitFullscreen?n.exitFullscreen():n.webkitExitFullscreen?n.webkitExitFullscreen():n.mozCancelFullScreen?n.mozCancelFullScreen():n.msExitFullscreen?n.msExitFullscreen():u(!1):u(!1),t(!1)}),[a,e,u]),m=(0,r.useCallback)((()=>{a?c():g()}),[a,c,g]);return{isFullscreen:a,modalFullscreen:i,fullScreen:g,exitFullScreen:c,toggleFullScreen:m,handleScreenChange:o}}({useBrowserFullscreen:Re,onScreenChange:H,galleryRef:Ee}),{isPlaying:zn,playPauseIntervalRef:Mn,play:Ln,pause:Pn,togglePlay:Wn}=function({autoPlay:e=!1,slideInterval:n=3e3,slideDuration:l=450,infinite:a=!0,totalSlides:t,currentIndex:i,canSlideRight:s,slideToIndexCore:o,slideToIndexWithStyleReset:u,onPlay:g,onPause:c}){const[m,d]=(0,r.useState)(!1),h=(0,r.useRef)(null),b=(0,r.useRef)(null),p=(0,r.useCallback)((()=>{if(a||s()){const e=i+1;2===t?u(e):o(e)}else h.current&&(clearInterval(h.current),h.current=null,d(!1),c&&c(i))}),[a,s,i,t,o,u,c]);b.current=p;const y=(0,r.useCallback)(((e=!0)=>{h.current||(d(!0),h.current=setInterval((()=>b.current?.()),Math.max(n,l)),g&&e&&g(i))}),[n,l,g,i]),f=(0,r.useCallback)(((e=!0)=>{h.current&&(clearInterval(h.current),h.current=null,d(!1),c&&e&&c(i))}),[c,i]),v=(0,r.useCallback)((()=>{h.current?f():y()}),[y,f]),x=(0,r.useRef)(y),w=(0,r.useRef)(f);return x.current=y,w.current=f,(0,r.useEffect)((()=>{m&&(w.current(!1),x.current(!1))}),[n,l,m]),(0,r.useEffect)((()=>{e&&!h.current&&x.current()}),[e]),(0,r.useEffect)((()=>()=>{h.current&&(clearInterval(h.current),h.current=null)}),[]),{isPlaying:m,playPauseIntervalRef:h,play:y,pause:f,togglePlay:v}}({autoPlay:a,slideInterval:ve,slideDuration:fe,infinite:y,totalSlides:Ve,currentIndex:Xe,canSlideRight:_e,slideToIndexCore:nn,slideToIndexWithStyleReset:ln,onPlay:U,onPause:P}),$n=(0,r.useCallback)((()=>{Ae&&qe(!1),Ge&&Ke(!1)}),[Ae,Ge]),Bn=(0,r.useCallback)((()=>Math.abs(Je)>Te),[Je,Te]),Dn=(0,r.useCallback)((({event:e,absX:n,absY:l,dir:a})=>{const t=a;if((t!==d&&t!==h&&!Ae||Ge||(Ae||qe(!0),we))&&(t!==c&&t!==m||Ge||Ke(!0),!s))if(ke&&e.preventDefault(),Ze)un(0);else{if((t===c||t===m)&&we)return;if((t===d||t===h)&&!we)return;const e={[c]:-1,[m]:1,[d]:-1,[h]:1}[t];let a=n/We*100;we&&(a=l/Be*100),Math.abs(a)>=100&&(a=100);const i={transition:`transform ${Ce}ms ease-out`};un(e*a),gn(i)}}),[s,ke,Ze,We,Be,we,Ce,Ae,Ge,un,gn]),Un=(0,r.useCallback)(((e,n)=>{let l=Xe;!Bn()&&!n||Ze||(l+=e),(-1===e&&!Qe()||1===e&&!_e())&&(l=Xe),nn(l)}),[Xe,Ze,Bn,Qe,_e,nn]),Hn=(0,r.useCallback)((({event:e,dir:n,velocity:l})=>{if(s)return;ke&&e.stopPropagation(),$n();let a=(n===c?1:-1)*(f?-1:1);we&&(a=n===d?1:-1),Un(a,we?l>b&&!(n===c||n===m):l>b&&!(n===d||n===h))}),[s,ke,$n,f,we,b,Un]),An=(0,r.useCallback)((({event:e,absX:n,absY:l,dir:a})=>{const t=a,i=Sn();if(i){if((t===c||t===m||Ge)&&!Ae)return void(Ge||Ke(!0));t!==d&&t!==h||Ae||qe(!0)}else{if((t===d||t===h||Ae)&&!Ge)return void(Ae||qe(!0));t!==c&&t!==m||Ge||Ke(!0)}const r=wn.current;if(!r)return;let s,o,u,g,b;i?(s=dn+(t===h?l:-l),o=r.scrollHeight-yn+20,u=Math.abs(s)>o,g=s>20,b=r.scrollHeight<=yn):(s=dn+(t===m?n:-n),o=r.scrollWidth-pn+20,u=Math.abs(s)>o,g=s>20,b=r.scrollWidth<=pn),b||(t!==c&&t!==d||!u)&&(t!==m&&t!==h||!g)&&(ke&&e.stopPropagation(),mn(s),fn||(bn({transition:"none"}),vn(!0)))}),[Sn,yn,pn,dn,ke,fn,Ae,Ge,wn,mn,bn,vn]),qn=(0,r.useCallback)((()=>{$n(),hn(cn)}),[$n,cn,hn]),Gn=(0,r.useCallback)((e=>{if(Ee.current?.classList.remove("image-gallery-using-mouse"),!t)switch(parseInt(String(e.keyCode||e.which||0),10)){case 37:Qe()&&!Mn?.current&&an(e);break;case 39:_e()&&!Mn?.current&&tn(e);break;case 27:Rn&&!Re&&En()}}),[t,Qe,_e,an,tn,Rn,Re,En,Mn]);Pe.current=Gn;const Kn=(0,r.useCallback)((e=>{Pe.current?.(e)}),[]),Vn=(0,r.useCallback)((()=>{Ee.current?.classList.add("image-gallery-using-mouse")}),[]),Yn=(0,r.useCallback)((e=>{J(e)&&C&&C(e)}),[C]),Xn=(0,r.useCallback)(((e,n)=>{Fe.current&&(window.clearTimeout(Fe.current),Fe.current=null),Fe.current=window.setTimeout((()=>{en(n),Pn()}),300)}),[en,Pn]),Zn=(0,r.useCallback)((()=>{Fe.current&&(window.clearTimeout(Fe.current),Fe.current=null,a&&Ln())}),[a,Ln]),Jn=(0,r.useCallback)(((e,n)=>{xe&&Xn(e,n)}),[xe,Xn]),Qn=(0,r.useCallback)(((e,n)=>{J(e)&&K?.(e,n)}),[K]),_n=(0,r.useCallback)(((e,n)=>{const l=e.target.parentNode?.parentNode;l?.blur&&l.blur(),Xe!==n&&(2===Ve?ln(n,e):en(n,e)),K&&K(e,n)}),[Xe,Ve,en,ln,K]),el=(0,r.useCallback)(((e,n)=>{e.target.blur(),Xe!==n&&(2===Ve?ln(n,e):en(n,e)),T&&T(e,n)}),[Xe,Ve,en,ln,T]),nl=(0,r.useCallback)((e=>{j&&-1===e.currentTarget.src.indexOf(j)&&(e.currentTarget.src=j)}),[j]),ll=(0,r.useCallback)(((e,n)=>{!ze.current[n]&&E&&(ze.current[n]=!0,E(e))}),[E]),al=(0,r.useCallback)((()=>{Ee.current&&($e(Ee.current.offsetWidth),De(Ee.current.offsetHeight),Ne.current&&He(Ne.current.offsetHeight))}),[]),tl=(0,r.useCallback)((e=>{e?.current&&(Le.current=new ResizeObserver(B((e=>{e&&e.forEach((()=>{al()}))}),50)),Le.current.observe(e.current))}),[al]),il=(0,r.useCallback)((()=>{Le.current&&Ne.current&&(Le.current.unobserve(Ne.current),Le.current=null)}),[]),rl=(0,r.useRef)(null),sl=(0,r.useRef)(null),ol=(0,r.useRef)(null),ul=(0,r.useRef)(null),gl=(0,r.useRef)(null),cl=(0,r.useRef)(null),ml=(0,r.useRef)(null);rl.current=Vn,sl.current=Fn,ol.current=tl,ul.current=Cn,gl.current=il,cl.current=jn,ml.current=al;const dl=(0,r.useCallback)((()=>{rl.current?.()}),[]),hl=(0,r.useCallback)((()=>{sl.current?.()}),[]),bl=(0,r.useCallback)((e=>{const n=O||nl;return(0,i.jsx)(A,{description:e.description,fullscreen:e.fullscreen,handleImageLoaded:ll,isFullscreen:Rn,loading:e.loading,original:e.original,originalAlt:e.originalAlt,originalHeight:e.originalHeight,originalTitle:e.originalTitle,originalWidth:e.originalWidth,sizes:e.sizes,srcSet:e.srcSet,onImageError:n})}),[Rn,O,nl,ll]),pl=(0,r.useCallback)((e=>{const n=_||nl;return(0,i.jsxs)("span",{className:"image-gallery-thumbnail-inner",children:[(0,i.jsx)("img",{alt:e.thumbnailAlt,className:"image-gallery-thumbnail-image",height:e.thumbnailHeight,loading:e.thumbnailLoading,src:e.thumbnail,title:e.thumbnailTitle,width:e.thumbnailWidth,onError:n}),e.thumbnailLabel&&(0,i.jsx)("div",{className:"image-gallery-thumbnail-label",children:e.thumbnailLabel})]})}),[_,nl]),yl=(0,r.useMemo)((()=>rn({useTranslate3D:Oe,slideVertically:we})),[rn,Oe,we]),fl=(0,r.useMemo)((()=>{const e=[],n=[],l=[],{extendedItems:a,getSlideKey:t,getRealIndex:r}=sn();return a.forEach(((n,l)=>{const a=r(l),s=on(l),o=n.originalClass?` ${n.originalClass}`:"",u=n.renderItem||re||bl,g=!x||s||Me.current[a];g&&x&&!Me.current[a]&&(Me.current[a]=!0),e.push((0,i.jsx)(q,{alignment:s,index:a,originalClass:o,onClick:C,onKeyUp:Yn,onMouseLeave:F,onMouseOver:M,onTouchEnd:ee,onTouchMove:ne,onTouchStart:le,children:g?u(n):(0,i.jsx)("div",{style:{height:"100%"}})},t(l)))})),v.forEach(((e,a)=>{const t=e.thumbnailClass?` ${e.thumbnailClass}`:"",r=e.renderThumbInner||ge||pl;ye&&e.thumbnail&&n.push((0,i.jsx)(Y,{index:a,isActive:Xe===a,thumbnailClass:t,onClick:e=>_n(e,a),onFocus:e=>Jn(e,a),onKeyUp:e=>Qn(e,a),onMouseLeave:xe?Zn:null,onMouseOver:e=>Jn(e,a),children:r(e)},`thumbnail-${a}`)),me&&l.push((0,i.jsx)(w,{bulletClass:e.bulletClass,index:a,isActive:Xe===a,onClick:e=>el(e,a)},`bullet-${a}`))})),{slides:e,thumbnails:n,bullets:l}}),[v,Xe,sn,on,x,ye,me,xe,bl,pl,re,ge,C,Yn,ne,ee,le,M,F,Zn,Jn,Qn,_n,el]);(0,r.useEffect)((()=>{const e=Ee.current;return Ie?window.addEventListener("keydown",Kn):e?.addEventListener("keydown",Kn),window.addEventListener("mousedown",dl),ol.current?.(Ne),ul.current?.(xn),Z.forEach((e=>{document.addEventListener(e,hl)})),()=>{window.removeEventListener("mousedown",dl),window.removeEventListener("keydown",Kn),e?.removeEventListener("keydown",Kn),Z.forEach((e=>{document.removeEventListener(e,hl)})),gl.current?.(),cl.current?.()}}),[Ie,Kn,dl,hl,xn]),(0,r.useEffect)((()=>{gl.current?.(),cl.current?.(),ol.current?.(Ne),ul.current?.(xn)}),[je,xn]),(0,r.useEffect)((()=>{ye?ul.current?.(xn):cl.current?.(),ml.current?.()}),[ye,xn]),(0,r.useEffect)((()=>{x&&(Me.current=[]),ml.current?.()}),[v,x]),(0,r.useEffect)((()=>{!Ze&&fn&&vn(!1)}),[Ze,fn,vn]),(0,r.useImperativeHandle)(n,(()=>({play:Ln,pause:Pn,togglePlay:Wn,fullScreen:In,exitFullScreen:En,toggleFullScreen:Nn,slideToIndex:nn,getCurrentIndex:()=>Xe})));const{slides:vl,thumbnails:xl,bullets:wl}=fl,Sl=g("image-gallery-slide-wrapper",Q(je),{"image-gallery-rtl":f}),kl=(0,i.jsxs)("div",{ref:Ne,className:Sl,children:[te&&te(),Ye?(0,i.jsxs)(i.Fragment,{children:[be&&(0,i.jsxs)(i.Fragment,{children:[we?ce(an,!Qe()):se(an,!Qe()),we?ae(tn,!_e()):ue(tn,!_e())]}),(0,i.jsx)(V,{className:"image-gallery-swipe",delta:0,onSwiped:Hn,onSwiping:Dn,children:(0,i.jsx)("div",{className:"image-gallery-slides",style:we?{height:Ue}:void 0,children:(0,i.jsx)("div",{className:g("image-gallery-slides-container",{vertical:we}),style:yl,children:vl})})})]}):(0,i.jsx)("div",{className:"image-gallery-slides",style:we?{height:Ue}:void 0,children:(0,i.jsx)("div",{className:g("image-gallery-slides-container",{vertical:we}),style:yl,children:vl})}),pe&&oe(Wn,zn),me&&(0,i.jsx)(S,{bullets:wl,slideVertically:we}),de&&ie(Nn,Rn),he&&(0,i.jsx)(D,{currentIndex:Xe,indexSeparator:p,totalItems:Ve})]}),Tl=g("image-gallery",l,{"fullscreen-modal":On}),Cl=g("image-gallery-content",Q(je),{fullscreen:Rn});return(0,i.jsx)("div",{ref:Ee,"aria-live":"polite",className:Tl,children:(0,i.jsxs)("div",{className:Cl,children:[("bottom"===je||"right"===je)&&kl,ye&&xl.length>0&&(0,i.jsx)(X,{disableThumbnailSwipe:u,isRTL:f,thumbnailBarHeight:Tn(Ue),thumbnailPosition:je,thumbnails:xl,thumbnailsRef:wn,thumbnailStyle:kn(),thumbnailsWrapperRef:xn,onSwiped:qn,onSwiping:An}),("top"===je||"left"===je)&&kl]})})}));var ee=t.A;export{ee as default};