npm - react-image-gallery - Versions diffs - 2.0.7 → 2.0.8 - Mend

react-image-gallery 2.0.7 → 2.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/build/image-gallery.cjs CHANGED Viewed

	@@ -1 +1 @@
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"),t=Symbol.for("react.fragment");function a(e,n,t){var a=null;if(void 0!==t&&(a=""+t),void 0!==n.key&&(a=""+n.key),"key"in n)for(var i in t={},n)"key"!==i&&(t[i]=n[i]);else t=n;return n=t.ref,{$$typeof:l,type:e,key:a,ref:void 0!==n?n:null,props:t}}n.Fragment=t,n.jsx=a,n.jsxs=a},848:(e,n,l)=>{e.exports=l(698)},12:n=>{n.exports=e}},l={};function t(e){var a=l[e];if(void 0!==a)return a.exports;var i=l[e]={exports:{}};return n[e](i,i.exports,t),i.exports}t.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return t.d(n,{a:n}),n},t.d=(e,n)=>{for(var l in n)t.o(n,l)&&!t.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:n[l]})},t.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};t.r(a),t.d(a,{default:()=>K});var i=t(848),r=t(12),s=t.n(r);function o(e){var n,l,t="";if("string"==typeof e\|\|"number"==typeof e)t+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(n=0;n<a;n++)e[n]&&(l=o(e[n]))&&(t&&(t+=" "),t+=l)}else for(l in e)e[l]&&(t&&(t+=" "),t+=l);return t}const u=function(){for(var e,n,l=0,t="",a=arguments.length;l<a;l++)(e=arguments[l])&&(n=o(e))&&(t&&(t+=" "),t+=n);return t},g=(0,r.memo)((function({index:e,isActive:n=!1,bulletClass:l="",onClick:t}){const a=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:a,type:"button",onClick:t},`bullet-${e}`)})),c=(0,r.memo)((function({bullets:e=[],slideVertically:n=!1,currentIndex:l=0,maxBullets:t}){const a=(0,r.useRef)(null),[s,o]=(0,r.useState)(0),g=void 0!==t&&t<3?3:t,c=u("image-gallery-bullets",{"image-gallery-bullets-vertical":n});(0,r.useEffect)((()=>{const l=()=>{if(a.current&&g&&e.length>0){const e=a.current.querySelector(".image-gallery-bullet");if(e){const l=window.getComputedStyle(e),t=e.offsetWidth,a=parseFloat(l.marginLeft)\|\|0,i=parseFloat(l.marginRight)\|\|0,r=e.offsetHeight,s=parseFloat(l.marginTop)\|\|0,u=parseFloat(l.marginBottom)\|\|0;o(n?r+s+u:t+a+i)}}};l();const t=new ResizeObserver((()=>{l()}));return a.current&&t.observe(a.current),()=>{t.disconnect()}}),[e.length,g,n]);const m=(0,r.useMemo)((()=>{if(!g\|\|g>=e.length\|\|0===s)return{};const t=e.length,a=Math.floor(g/2);let i;return i=l<=a?0:l>=t-a-1?-(t-g)s:-(l-a)s,{transform:n?`translateY(${i}px)`:`translateX(${i}px)`,transition:"transform 0.3s ease-out"}}),[e.length,l,g,s,n]),d=(0,r.useMemo)((()=>{if(!g\|\|g>=e.length\|\|0===s)return{};const l=gs;return n?{height:`${l}px`,overflow:"hidden"}:{width:`${l}px`,overflow:"hidden"}}),[g,e.length,s,n]);return e&&0!==e.length?(0,i.jsx)("div",{className:c,children:(0,i.jsx)("div",{"aria-label":"Bullet Navigation",className:"image-gallery-bullets-container",role:"navigation",style:d,children:(0,i.jsx)("div",{ref:a,className:"image-gallery-bullets-inner",style:m,children:e})})}):null})),m=550,d=3e3,h=.4,b=30,p="cubic-bezier(0.4, 0, 0.2, 1)",y={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"})]})},f={strokeWidth:1,viewBox:"0 0 24 24"},v=e=>{const{strokeWidth:n,viewBox:l,icon:t}={...f,...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:y[t]})},x=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)(v,{icon:"bottom",viewBox:"6 0 12 24"})})));x.displayName="BottomNav";const w=x,S=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)(v,{icon:e?"minimize":"maximize",strokeWidth:2})})));S.displayName="Fullscreen";const k=S,C=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)(v,{icon:"left",viewBox:"6 0 12 24"})})));C.displayName="LeftNav";const T=C,R=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)(v,{icon:e?"pause":"play",strokeWidth:2})})));R.displayName="PlayPause";const j=R,I=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)(v,{icon:"right",viewBox:"6 0 12 24"})})));I.displayName="RightNav";const z=I,F=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)(v,{icon:"top",viewBox:"6 0 12 24"})})));F.displayName="TopNav";const E=F;function L(e,n,l={}){const{leading:t=!0,trailing:a=!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),t?u():i=l):a&&!r&&(r=setTimeout((()=>{r=null,s&&u()}),n-g))}}function N(e,n){let l;return function(...t){clearTimeout(l),l=setTimeout((()=>{e.apply(this,t)}),n)}}const M=(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})]})})),$={description:"",fullscreen:"",isFullscreen:!1,originalAlt:"",originalHeight:"",originalWidth:"",originalTitle:"",sizes:"",srcSet:"",loading:"eager"},P=s().memo((e=>{const{description:n,fullscreen:l,handleImageLoaded:t,isFullscreen:a,onImageError:r,original:o,originalAlt:u,originalHeight:g,originalWidth:c,originalTitle:m,sizes:d,srcSet:h,loading:b}={...$,...e},p=a&&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=>t(e,o)}),n&&(0,i.jsx)("span",{className:"image-gallery-description",children:n})]})}));P.displayName="Item";const W=P,B=(0,r.memo)((function({index:e,alignment:n="",originalClass:l="",style:t={},onClick:a,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:t,tabIndex:-1,onClick:a,onFocus:g,onKeyUp:r,onMouseLeave:c,onMouseOver:g,onTouchEnd:o,onTouchMove:s,onTouchStart:u,children:m},`slide-${e}`)}));let D=!1;function H(e,n){return Math.abs(e)>=Math.abs(n)?e>0?"Right":"Left":n>0?"Down":"Up"}function O(e){if(e.length<2)return 0;const n=e[0],l=e[e.length-1],t=l.time-n.time;if(0===t)return 0;const a=l.x-n.x,i=l.y-n.y;return Math.sqrt(aa+ii)/t}const q={className:"",delta:0,onSwiping:()=>{},onSwiped:()=>{}},A=e=>{const{children:n,className:l,delta:t,onSwiping:a,onSwiped:s}={...q,...e},{ref:o}=function({delta:e=0,onSwiping:n,onSwiped:l}){const t=(0,r.useRef)({swiping:!1,startX:0,startY:0,samples:[]}),a=(0,r.useRef)({delta:e,onSwiping:n,onSwiped:l});a.current={delta:e,onSwiping:n,onSwiped:l};const i=(0,r.useRef)(null);if(!i.current){const e=e=>{const n=e.touches[0],l=t.current;l.startX=n.clientX,l.startY=n.clientY,l.swiping=!1,l.samples=[{x:n.clientX,y:n.clientY,time:Date.now()}]},n=e=>{const n=e.touches[0],l=t.current,{delta:i,onSwiping:r}=a.current,s=n.clientX-l.startX,o=n.clientY-l.startY,u=Math.abs(s),g=Math.abs(o),c=Date.now();l.samples.push({x:n.clientX,y:n.clientY,time:c});const m=c-100;for(;l.samples.length>1&&l.samples[0].time<m;)l.samples.shift();if(!l.swiping){if(Math.max(u,g)<i)return;l.swiping=!0}r&&r({event:e,absX:u,absY:g,dir:H(s,o),velocity:O(l.samples)})},l=e=>{const n=t.current,{onSwiped:l}=a.current;if(n.swiping){if(n.swiping=!1,l){const t=(e.changedTouches[0]?.clientX??0)-n.startX,a=(e.changedTouches[0]?.clientY??0)-n.startY;l({event:e,absX:Math.abs(t),absY:Math.abs(a),dir:H(t,a),velocity:O(n.samples)})}n.samples=[]}};i.current={touchstart:e,touchmove:n,touchend:l}}const s=(0,r.useRef)(null);return{ref:(0,r.useCallback)((e=>{const n=i.current;s.current&&(s.current.removeEventListener("touchstart",n.touchstart),s.current.removeEventListener("touchmove",n.touchmove),s.current.removeEventListener("touchend",n.touchend)),s.current=e,e&&(e.addEventListener("touchstart",n.touchstart,{passive:!0}),e.addEventListener("touchmove",n.touchmove,{passive:!1}),e.addEventListener("touchend",n.touchend,{passive:!0}))}),[])}}({delta:t,onSwiping:a,onSwiped:s});return(0,i.jsx)("div",{ref:o,className:l,children:n})},U=(0,r.memo)((function({index:e,isActive:n=!1,thumbnailClass:l="",onMouseLeave:t,onMouseOver:a,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:t??void 0,onMouseOver:a??void 0,children:g},`thumbnail-${e}`)})),Y=(0,r.memo)((function({thumbnails:e=[],thumbnailPosition:n="bottom",thumbnailStyle:l={},thumbnailBarHeight:t={},isRTL:a=!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&&a},{"thumbnails-swipe-horizontal":!m&&!r},{"thumbnails-swipe-vertical":m&&!r});return e&&0!==e.length?(0,i.jsx)(A,{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:t,children:(0,i.jsx)("nav",{ref:c,"aria-label":"Thumbnail Navigation",className:"image-gallery-thumbnails-container",style:l,children:e})})}):null}));!function(){if(D\|\|"undefined"==typeof document)return;if(document.querySelector("style[data-image-gallery]"))return void(D=!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 position: relative;\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 text-align: center;\n}\n\n.image-gallery-bullets .image-gallery-bullets-container {\n margin: 0 auto;\n padding: 0;\n display: inline-block;\n}\n\n.image-gallery-bullets .image-gallery-bullets-inner {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n white-space: nowrap;\n padding: 2px 0;\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 margin: 0 4px;\n outline: none;\n width: calc(var(--ig-bullet-size, 4px) 2 + 2px);\n height: calc(var(--ig-bullet-size, 4px) * 2 + 2px);\n padding: 0;\n flex-shrink: 0;\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 width: calc(var(--ig-bullet-size-small, 3px) * 2 + 2px);\n height: calc(var(--ig-bullet-size-small, 3px) * 2 + 2px);\n }\n}\n\n@media (max-width: 480px) {\n .image-gallery-bullets .image-gallery-bullet {\n width: 8px;\n height: 8px;\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\n .image-gallery-bullets-inner {\n flex-direction: column;\n padding: 0 2px;\n}\n\n.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet {\n display: block;\n margin: 4px 0;\n}\n\n@media (max-width: 768px) {\n .image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet {\n margin: 3px 0;\n }\n}\n\n@media (max-width: 480px) {\n .image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet {\n margin: 3px 0;\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),D=!0}();const X=["fullscreenchange","MSFullscreenChange","mozfullscreenchange","webkitfullscreenchange"];function G(e){const n=parseInt(String(e.keyCode\|\|e.which\|\|0),10);return 13===n\|\|32===n}function V(e){return{left:" image-gallery-thumbnails-left",right:" image-gallery-thumbnails-right",bottom:" image-gallery-thumbnails-bottom",top:" image-gallery-thumbnails-top"}[e]\|\|""}const K=(0,r.forwardRef)((function(e,n){const{additionalClass:l="",autoPlay:t=!1,disableKeyDown:a=!1,disableSwipe:s=!1,disableThumbnailScroll:o=!1,disableThumbnailSwipe:y=!1,flickThreshold:f=h,indexSeparator:v=" / ",infinite:x=!0,isRTL:S=!1,items:C,lazyLoad:R=!1,onBeforeSlide:I,onBulletClick:F,onClick:$,onErrorImageURL:P="",onImageError:D,onImageLoad:H,onMouseLeave:O,onMouseOver:q,onPause:K,onPlay:_,onScreenChange:Z,onSlide:J,onThumbnailClick:Q,onThumbnailError:ee,onTouchEnd:ne,onTouchMove:le,onTouchStart:te,renderBottomNav:ae=(e,n)=>(0,i.jsx)(w,{disabled:n,onClick:e}),renderCustomControls:ie,renderFullscreenButton:re=(e,n)=>(0,i.jsx)(k,{isFullscreen:n,onClick:e}),renderItem:se,renderLeftNav:oe=(e,n)=>(0,i.jsx)(T,{disabled:n,onClick:e}),renderPlayPauseButton:ue=(e,n)=>(0,i.jsx)(j,{isPlaying:n,onClick:e}),renderRightNav:ge=(e,n)=>(0,i.jsx)(z,{disabled:n,onClick:e}),renderThumbInner:ce,renderTopNav:me=(e,n)=>(0,i.jsx)(E,{disabled:n,onClick:e}),showBullets:de=!1,maxBullets:he,showFullscreenButton:be=!0,showIndex:pe=!1,showNav:ye=!0,showPlayButton:fe=!0,showThumbnails:ve=!0,slideDuration:xe=m,slideInterval:we=d,slideOnThumbnailOver:Se=!1,slideVertically:ke=!1,startIndex:Ce=0,stopPropagation:Te=!1,swipeThreshold:Re=b,thumbnailPosition:je="bottom",useBrowserFullscreen:Ie=!0,useTranslate3D:ze=!0,useWindowKeyDown:Fe=!0}=e,Ee=(0,r.useRef)(null),Le=(0,r.useRef)(null),Ne=(0,r.useRef)(null),Me=(0,r.useRef)({}),$e=(0,r.useRef)([]),Pe=(0,r.useRef)(null),We=(0,r.useRef)(null),[Be,De]=(0,r.useState)(0),[He,Oe]=(0,r.useState)(0),[qe,Ae]=(0,r.useState)(0),Ue=(0,r.useRef)(!1),Ye=(0,r.useRef)(!1),Xe=(0,r.useRef)(null),Ge=(0,r.useRef)(0),Ve=(0,r.useRef)(null),Ke=C.length,_e=Ke>=2,{currentIndex:Ze,displayIndex:Je,isTransitioning:Qe,currentSlideOffset:en,canSlideLeft:nn,canSlideRight:ln,slideToIndex:tn,slideToIndexCore:an,slideToIndexWithStyleReset:rn,slideLeft:sn,slideRight:on,getContainerStyle:un,getExtendedSlides:gn,getAlignmentClass:cn,setCurrentSlideOffset:mn,setSlideStyle:dn,setIsTransitioning:hn,totalDisplaySlides:bn}=function({items:e,startIndex:n=0,infinite:l=!0,isRTL:t=!1,slideDuration:a=m,onSlide:i,onBeforeSlide:s}){const[o,u]=(0,r.useState)(n),[g,c]=(0,r.useState)(n),[d,h]=(0,r.useState)(!1),[b,y]=(0,r.useState)(0),[f,v]=(0,r.useState)(l&&e.length>1?n+1:n),[x,w]=(0,r.useState)({transition:`transform ${a}ms ${p}`}),S=(0,r.useRef)(null),k=(0,r.useRef)(null),C=(0,r.useRef)(!1),T=e.length,R=T>=2,j=l&&T>1?T+2:T;(0,r.useEffect)((()=>()=>{S.current&&window.clearTimeout(S.current),k.current&&window.clearTimeout(k.current)}),[]),(0,r.useEffect)((()=>{u(n),v(l&&e.length>1?n+1:n),w({transition:"none"})}),[e,n,l]);const I=(0,r.useCallback)((()=>o>0),[o]),z=(0,r.useCallback)((()=>o<T-1),[o,T]),F=(0,r.useCallback)((()=>l\|\|(t?z():I())),[l,t,z,I]),E=(0,r.useCallback)((()=>l\|\|(t?I():z())),[l,t,z,I]),N=(0,r.useCallback)((()=>{S.current=window.setTimeout((()=>{d&&(h(!1),i&&i(o))}),a+50)}),[d,o,a,i]),M=(0,r.useCallback)((e=>l&&T>1?e+1:e),[l,T]),$=(0,r.useCallback)(((e,n)=>{C.current=!0,w({transition:"none"}),v(n),k.current=window.setTimeout((()=>{w({transition:`transform ${a}ms ${p}`}),C.current=!1}),50)}),[a]),P=(0,r.useCallback)(((e,n,t=!1,r)=>{if((d\|\|C.current)&&!t)return;const g=r??a,m=T-1;let b,f=e,x=!1,k=null;e<0?(f=m,x=!0,k="start"):e>m&&(f=0,x=!0,k="end"),b=l&&T>1?x&&"start"===k?0:x&&"end"===k?j-1:f+1:f,s&&f!==o&&s(f),c(o),u(f),v(b),h(f!==o\|\|x),y(0),w({transition:`transform ${g}ms ${p}`}),l&&T>1&&x&&(S.current=window.setTimeout((()=>{h(!1),i&&i(f);const e=M(f);$(f,e)}),g+20))}),[o,T,j,a,s,i,d,l,M,$]),W=(0,r.useRef)(L(((e,n)=>{P(e,n,!1)}),a,{trailing:!1}));(0,r.useEffect)((()=>{W.current=L(((e,n)=>{P(e,n,!1)}),a,{trailing:!1})}),[a,P]);const B=(0,r.useCallback)(((e,n)=>{W.current(e,n)}),[]),D=(0,r.useCallback)(((e,n)=>{y((n=>n+(o>e?.001:-.001))),w({transition:"none"}),window.setTimeout((()=>{P(e,n)}),25)}),[o,P]),H=(0,r.useCallback)((e=>{const n=o+("left"==(t?"right":"left")?-1:1);d\|\|C.current\|\|(2===T?D(n,e):B(n,e))}),[t,o,d,T,D,B]),O=(0,r.useCallback)((e=>{const n=o+("left"==(t?"left":"right")?-1:1);d\|\|C.current\|\|(2===T?D(n,e):B(n,e))}),[t,o,d,T,D,B]),q=(0,r.useCallback)((({useTranslate3D:e=!0,slideVertically:n=!1}={})=>{const l=-(100f-b(t?-1:1)),a=n?e?`translate3d(0, ${l}%, 0)`:`translate(0, ${l}%)`:e?`translate3d(${l}%, 0, 0)`:`translate(${l}%, 0)`;return{transform:a,WebkitTransform:a,MozTransform:a,msTransform:a,OTransform:a,...x}}),[f,b,x,t]),A=(0,r.useCallback)((()=>{if(!l\|\|T<=1)return{extendedItems:e,getSlideKey:e=>`slide-${e}`,getRealIndex:e=>e};const n=[e[T-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?T-1:e===n.length-1?0:e-1}}),[e,T,l]),U=(0,r.useCallback)((e=>{const{getRealIndex:n}=A(),l=n(e);return l===o?"image-gallery-center":l===(o-1+T)%T?"image-gallery-left":l===(o+1)%T?"image-gallery-right":""}),[o,T,A]);return(0,r.useEffect)((()=>{d&&!C.current&&N()}),[d,N]),{currentIndex:o,previousIndex:g,displayIndex:f,isTransitioning:d,currentSlideOffset:b,slideStyle:x,canSlide:R,canSlideLeft:F,canSlideRight:E,canSlidePrevious:I,canSlideNext:z,slideToIndex:B,slideToIndexCore:P,slideToIndexWithStyleReset:D,slideLeft:H,slideRight:O,getContainerStyle:q,getExtendedSlides:A,getAlignmentClass:U,setCurrentSlideOffset:y,setSlideStyle:w,setIsTransitioning:h,totalDisplaySlides:j}}({items:C,startIndex:Ce,infinite:x,isRTL:S,slideDuration:xe,onSlide:J,onBeforeSlide:I}),{thumbsTranslate:pn,setThumbsTranslate:yn,thumbsSwipedTranslate:fn,setThumbsSwipedTranslate:vn,setThumbsStyle:xn,thumbnailsWrapperWidth:wn,thumbnailsWrapperHeight:Sn,isSwipingThumbnail:kn,setIsSwipingThumbnail:Cn,thumbnailsWrapperRef:Tn,thumbnailsRef:Rn,isThumbnailVertical:jn,getThumbnailStyle:In,getThumbnailBarHeight:zn,initResizeObserver:Fn,removeResizeObserver:En}=function({currentIndex:e,items:n,thumbnailPosition:l="bottom",disableThumbnailScroll:t=!1,slideDuration:a=m,isRTL:i=!1,useTranslate3D:s=!0}){const[o,u]=(0,r.useState)(0),[g,c]=(0,r.useState)(0),[d,h]=(0,r.useState)({transition:`all ${a}ms ease-out`}),[b,p]=(0,r.useState)(0),[y,f]=(0,r.useState)(0),[v,x]=(0,r.useState)(!1),w=(0,r.useRef)(null),S=(0,r.useRef)(null),k=(0,r.useRef)(null),C=(0,r.useRef)(e),T=(0,r.useCallback)((()=>"left"===l\|\|"right"===l),[l]),R=(0,r.useCallback)((e=>{if(t)return 0;const l=S.current;if(!l)return 0;let a;if(T()){if(l.scrollHeight<=y)return 0;a=l.scrollHeight-y}else{if(l.scrollWidth<=b\|\|b<=0)return 0;a=l.scrollWidth-b}return e(a/(n.length-1))}),[t,n.length,b,y,T]),j=(0,r.useCallback)((()=>{if(v)return;const n=-R(e);h({transition:`all ${a}ms ease-out`}),0===e?(u(0),c(0)):(u(n),c(n))}),[e,R,v,a]);(0,r.useEffect)((()=>{C.current!==e&&(C.current=e,j())}),[e,j]);const I=(0,r.useRef)(l);(0,r.useEffect)((()=>{if(I.current!==l){I.current=l,h({transition:"none"}),u(0),c(0);const t=()=>{if(!w.current\|\|!S.current)return;const t=w.current.getBoundingClientRect(),i=t.width,r=t.height;p(i),f(r);const s="left"===l\|\|"right"===l,o=S.current;let g;if(s){if(o.scrollHeight<=r)return void h({transition:`all ${a}ms ease-out`});g=o.scrollHeight-r}else{if(o.scrollWidth<=i)return void h({transition:`all ${a}ms ease-out`});g=o.scrollWidth-i}const m=g/(n.length-1),d=-em;u(d),c(d),requestAnimationFrame((()=>{h({transition:`all ${a}ms ease-out`})}))};requestAnimationFrame((()=>{requestAnimationFrame((()=>{setTimeout(t,100)}))}))}}),[l,e,n.length,a]);const z=(0,r.useCallback)((()=>{const e=i?-1o: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,...d}}),[o,d,i,s,T]),F=(0,r.useCallback)((e=>T()?{height:e}:{}),[T]),E=(0,r.useCallback)((e=>{e?.current&&(k.current=new ResizeObserver(N((e=>{e&&e.forEach((e=>{p(e.contentRect.width),f(e.contentRect.height)}))}),50)),k.current.observe(e.current))}),[]),L=(0,r.useCallback)((()=>{k.current&&w.current&&(k.current.unobserve(w.current),k.current=null)}),[]),M=(0,r.useRef)({width:0,height:0});(0,r.useEffect)((()=>{if(0===b&&0===y)return;if(M.current.width===b&&M.current.height===y)return;if(M.current={width:b,height:y},v)return;const l=S.current;if(!l)return;let t;if(T()){if(l.scrollHeight<=y)return u(0),void c(0);t=l.scrollHeight-y}else{if(l.scrollWidth<=b)return u(0),void c(0);t=l.scrollWidth-b}const a=t/(n.length-1),i=-ea;u(i),c(i)}),[b,y,e,n.length,v,T]),(0,r.useEffect)((()=>()=>{L()}),[L]);const $=(0,r.useCallback)((()=>{x(!0),c(o),h({transition:`all ${a}ms ease-out`})}),[o,a]),P=(0,r.useCallback)((()=>{x(!1)}),[]);return{thumbsTranslate:o,setThumbsTranslate:u,thumbsSwipedTranslate:g,setThumbsSwipedTranslate:c,thumbsStyle:d,setThumbsStyle:h,thumbnailsWrapperWidth:b,thumbnailsWrapperHeight:y,isSwipingThumbnail:v,setIsSwipingThumbnail:x,thumbnailsWrapperRef:w,thumbnailsRef:S,isThumbnailVertical:T,getThumbsTranslate:R,getThumbnailStyle:z,getThumbnailBarHeight:F,slideThumbnailBar:j,initResizeObserver:E,removeResizeObserver:L,handleThumbnailSwipeEnd:$,resetSwipingThumbnail:P}}({currentIndex:Ze,items:C,thumbnailPosition:je,disableThumbnailScroll:o,slideDuration:xe,isRTL:S,useTranslate3D:ze}),{isFullscreen:Ln,modalFullscreen:Nn,fullScreen:Mn,exitFullScreen:$n,toggleFullScreen:Pn,handleScreenChange:Wn}=function({useBrowserFullscreen:e=!0,onScreenChange:n,galleryRef:l}){const[t,a]=(0,r.useState)(!1),[i,s]=(0,r.useState)(!1),o=(0,r.useCallback)((()=>{const t=document,i=t.fullscreenElement\|\|t.msFullscreenElement\|\|t.mozFullScreenElement\|\|t.webkitFullscreenElement,r=l?.current===i;n&&n(r),e&&a(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),a(!0))}),[l,e,u]),c=(0,r.useCallback)((()=>{if(!t)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),a(!1)}),[t,e,u]),m=(0,r.useCallback)((()=>{t?c():g()}),[t,c,g]);return{isFullscreen:t,modalFullscreen:i,fullScreen:g,exitFullScreen:c,toggleFullScreen:m,handleScreenChange:o}}({useBrowserFullscreen:Ie,onScreenChange:Z,galleryRef:Ee}),{isPlaying:Bn,playPauseIntervalRef:Dn,play:Hn,pause:On,togglePlay:qn}=function({autoPlay:e=!1,slideInterval:n=d,slideDuration:l=m,infinite:t=!0,totalSlides:a,currentIndex:i,canSlideRight:s,slideToIndexCore:o,slideToIndexWithStyleReset:u,onPlay:g,onPause:c}){const[h,b]=(0,r.useState)(!1),p=(0,r.useRef)(null),y=(0,r.useRef)(null),f=(0,r.useCallback)((()=>{if(t\|\|s()){const e=i+1;2===a?u(e):o(e)}else p.current&&(clearInterval(p.current),p.current=null,b(!1),c&&c(i))}),[t,s,i,a,o,u,c]);y.current=f;const v=(0,r.useCallback)(((e=!0)=>{p.current\|\|(b(!0),p.current=setInterval((()=>y.current?.()),Math.max(n,l)),g&&e&&g(i))}),[n,l,g,i]),x=(0,r.useCallback)(((e=!0)=>{p.current&&(clearInterval(p.current),p.current=null,b(!1),c&&e&&c(i))}),[c,i]),w=(0,r.useCallback)((()=>{p.current?x():v()}),[v,x]),S=(0,r.useRef)(v),k=(0,r.useRef)(x);return S.current=v,k.current=x,(0,r.useEffect)((()=>{h&&(k.current(!1),S.current(!1))}),[n,l,h]),(0,r.useEffect)((()=>{e&&!p.current&&S.current()}),[e]),(0,r.useEffect)((()=>()=>{p.current&&(clearInterval(p.current),p.current=null)}),[]),{isPlaying:h,playPauseIntervalRef:p,play:v,pause:x,togglePlay:w}}({autoPlay:t,slideInterval:we,slideDuration:xe,infinite:x,totalSlides:Ke,currentIndex:Ze,canSlideRight:ln,slideToIndexCore:an,slideToIndexWithStyleReset:rn,onPlay:_,onPause:K}),An=(0,r.useCallback)((()=>{Ue.current=!1,Ye.current=!1}),[]),Un=(0,r.useCallback)((()=>{return e=Ge.current,n=Re,Math.abs(e)>n;var e,n}),[Re]),Yn=(0,r.useCallback)((({event:e,absX:n,absY:l,dir:t})=>{const a=t,i=Ue.current,r=Ye.current;if(("Up"===a\|\|"Down"===a\|\|i)&&!r&&(i\|\|(Ue.current=!0),!ke))return;if("Left"!==a&&"Right"!==a\|\|r\|\|(Ye.current=!0),s)return;Te&&e.preventDefault();const o=!i&&!r;if(Qe&&!o)return void(Ge.current=0);if(Qe&&o&&hn(!1),function(e,n){return!("Left"!==e&&"Right"!==e\|\|!n)\|\|!("Up"!==e&&"Down"!==e\|\|n)}(a,ke))return;const u=function(e,n,l,t,a,i){const r={Left:-1,Right:1,Up:-1,Down:1}[a];let s=i?n/t100:e/l100;return Math.abs(s)>=100&&(s=100),rs}(n,l,Be,He,a,ke);Ge.current=u;const g=Xe.current;g&&(o&&(g.style.transition="none"),null!==Ve.current&&cancelAnimationFrame(Ve.current),Ve.current=requestAnimationFrame((()=>{Ve.current=null;const e=Ge.current(S?-1:1),n=-(100Je-e),l=ke?ze?`translate3d(0, ${n}%, 0)`:`translate(0, ${n}%)`:ze?`translate3d(${n}%, 0, 0)`:`translate(${n}%, 0)`;g.style.transform=l})))}),[s,Te,Qe,Be,He,ke,Je,S,ze,hn]),Xn=(0,r.useCallback)(((e,n,l)=>{null!==Ve.current&&(cancelAnimationFrame(Ve.current),Ve.current=null);const t=Ge.current,a=function(e,n,l,t,a,i,r){let s=e;return!l&&!t\|\|a\|\|(s+=n),-1!==n\|\|i\|\|(s=e),1!==n\|\|r\|\|(s=e),s}(Ze,e,Un(),n,Qe,nn(),ln()),i=function(e,n,l,t,a,i){const r=Math.abs(e),s=(n!==l?100-r:r)/100i;return t>0?Math.min(a,Math.max(80,Math.round(s/t))):a}(t,a,Ze,l,xe,ke?He:Be),r=function(e,n,l,t){const a=n-1;return e<0?0:e>a?t&&n>1?l-1:a:t&&n>1?e+1:e}(a,Ke,bn,x),s=Xe.current;if(s){s.getBoundingClientRect(),s.style.transition=`transform ${i}ms ${p}`;const e=-100r;s.style.transform=ke?ze?`translate3d(0, ${e}%, 0)`:`translate(0, ${e}%)`:ze?`translate3d(${e}%, 0, 0)`:`translate(${e}%, 0)`}mn(t),an(a,void 0,!1,i),Ge.current=0}),[Ze,Ke,bn,x,Qe,xe,ke,ze,Be,He,Un,nn,ln,an,mn]),Gn=(0,r.useCallback)((({event:e,dir:n,velocity:l})=>{if(s)return;Te&&e.stopPropagation(),An();const t=n,a=function(e,n,l){return l?"Up"===e?1:-1:("Left"===e?1:-1)(n?-1:1)}(t,S,ke),i=function(e,n,l,t){return t?e>n&&!("Left"===l\|\|"Right"===l):e>n&&!("Up"===l\|\|"Down"===l)}(l,f,t,ke);Xn(a,i,l)}),[s,Te,An,S,ke,f,Xn]),Vn=(0,r.useCallback)((({event:e,absX:n,absY:l,dir:t})=>{const a=t,i=jn(),r=Ue.current,s=Ye.current;if(i){if(("Left"===a\|\|"Right"===a\|\|s)&&!r)return void(s\|\|(Ye.current=!0));"Up"!==a&&"Down"!==a\|\|r\|\|(Ue.current=!0)}else{if(("Up"===a\|\|"Down"===a\|\|r)&&!s)return void(r\|\|(Ue.current=!0));"Left"!==a&&"Right"!==a\|\|s\|\|(Ye.current=!0)}const o=Rn.current;if(!o)return;let u,g,c,m,d;i?(u=fn+("Down"===a?l:-l),g=o.scrollHeight-Sn+0,c=Math.abs(u)>g,m=u>0,d=o.scrollHeight<=Sn):(u=fn+("Right"===a?n:-n),g=o.scrollWidth-wn+0,c=Math.abs(u)>g,m=u>0,d=o.scrollWidth<=wn),d\|\|("Left"!==a&&"Up"!==a\|\|!c)&&("Right"!==a&&"Down"!==a\|\|!m)&&(Te&&e.stopPropagation(),yn(u),kn\|\|(xn({transition:"none"}),Cn(!0)))}),[jn,Sn,wn,fn,Te,kn,Rn,yn,xn,Cn]),Kn=(0,r.useCallback)((({velocity:e,dir:n})=>{An();const l=Rn.current,t=jn(),a=t?l?.scrollHeight??0:l?.scrollWidth??0,i=t?Sn:wn,{targetTranslate:r,transitionStyle:s}=function(e){const{velocity:n,direction:l,isVertical:t,currentTranslate:a,scrollSize:i,wrapperSize:r,slideDuration:s,emptySpaceMargin:o=0,momentumMultiplier:u=150}=e,g=function(e,n=150){return en}(n,u),c=function(e,n){return n?"Down"===e?1:-1:"Right"===e?1:-1}(l,t);let d=a+gc;const h=i-r+o;h>0&&(d=function(e,n,l=0){let t=Math.min(l,e);return t=Math.max(-n,t),t}(d,h,o));const b=function(e,n=m,l=700){return Math.min(l,n+100e)}(n,s);return{targetTranslate:d,transitionDuration:b,transitionStyle:`all ${b}ms cubic-bezier(0.25, 0.46, 0.45, 0.94)`}}({velocity:e,direction:n,isVertical:t,currentTranslate:pn,scrollSize:a,wrapperSize:i,slideDuration:xe});xn({transition:s}),yn(r),vn(r),Cn(!1)}),[An,pn,yn,vn,Cn,xn,xe,jn,Rn,Sn,wn]),_n=(0,r.useCallback)((e=>{if(Ee.current?.classList.remove("image-gallery-using-mouse"),!a)switch(parseInt(String(e.keyCode\|\|e.which\|\|0),10)){case 37:nn()&&!Dn?.current&&sn(e);break;case 39:ln()&&!Dn?.current&&on(e);break;case 27:Ln&&!Ie&&$n()}}),[a,nn,ln,sn,on,Ln,Ie,$n,Dn]);We.current=_n;const Zn=(0,r.useCallback)((e=>{We.current?.(e)}),[]),Jn=(0,r.useCallback)((()=>{Ee.current?.classList.add("image-gallery-using-mouse")}),[]),Qn=(0,r.useCallback)((e=>{G(e)&&$&&$(e)}),[$]),el=(0,r.useCallback)(((e,n)=>{Ne.current&&(window.clearTimeout(Ne.current),Ne.current=null),Ne.current=window.setTimeout((()=>{tn(n),On()}),300)}),[tn,On]),nl=(0,r.useCallback)((()=>{Ne.current&&(window.clearTimeout(Ne.current),Ne.current=null,t&&Hn())}),[t,Hn]),ll=(0,r.useCallback)(((e,n)=>{Se&&el(e,n)}),[Se,el]),tl=(0,r.useCallback)(((e,n)=>{G(e)&&Q?.(e,n)}),[Q]),al=(0,r.useCallback)(((e,n)=>{const l=e.target.parentNode?.parentNode;l?.blur&&l.blur(),Ze!==n&&(2===Ke?rn(n,e):tn(n,e)),Q&&Q(e,n)}),[Ze,Ke,tn,rn,Q]),il=(0,r.useCallback)(((e,n)=>{e.target.blur(),Ze!==n&&(2===Ke?rn(n,e):tn(n,e)),F&&F(e,n)}),[Ze,Ke,tn,rn,F]),rl=(0,r.useCallback)((e=>{P&&-1===e.currentTarget.src.indexOf(P)&&(e.currentTarget.src=P)}),[P]),sl=(0,r.useCallback)(((e,n)=>{Me.current[n]\|\|(Me.current[n]=!0,H&&H(e),ke&&yl.current?.())}),[H,ke]),ol=(0,r.useCallback)((()=>{if(!Ee.current)return;const e=Ee.current.offsetWidth;if(De(e),Oe(Ee.current.offsetHeight),Le.current)if(ke){const n=Le.current.offsetWidth\|\|e,l=Le.current.querySelector(".image-gallery-center .image-gallery-image")??Le.current.querySelector(".image-gallery-image");if(l&&l.naturalWidth>0&&l.naturalHeight>0){const e=l.naturalHeight/l.naturalWidth,t=Math.round(n*e),a=window.innerHeight-80;Ae(Math.min(t,a))}else Ae(Le.current.offsetHeight)}else Ae(Le.current.offsetHeight)}),[ke]),ul=(0,r.useCallback)((e=>{e?.current&&(Pe.current=new ResizeObserver(N((e=>{e&&e.forEach((()=>{ol()}))}),50)),Pe.current.observe(e.current))}),[ol]),gl=(0,r.useCallback)((()=>{Pe.current&&Le.current&&(Pe.current.unobserve(Le.current),Pe.current=null)}),[]),cl=(0,r.useRef)(null),ml=(0,r.useRef)(null),dl=(0,r.useRef)(null),hl=(0,r.useRef)(null),bl=(0,r.useRef)(null),pl=(0,r.useRef)(null),yl=(0,r.useRef)(null);cl.current=Jn,ml.current=Wn,dl.current=ul,hl.current=Fn,bl.current=gl,pl.current=En,yl.current=ol;const fl=(0,r.useCallback)((()=>{cl.current?.()}),[]),vl=(0,r.useCallback)((()=>{ml.current?.()}),[]),xl=(0,r.useCallback)((e=>{const n=D\|\|rl;return(0,i.jsx)(W,{description:e.description,fullscreen:e.fullscreen,handleImageLoaded:sl,isFullscreen:Ln,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})}),[Ln,D,rl,sl]),wl=(0,r.useCallback)((e=>{const n=ee\|\|rl;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})]})}),[ee,rl]),Sl=(0,r.useMemo)((()=>un({useTranslate3D:ze,slideVertically:ke})),[un,ze,ke]),kl=(0,r.useMemo)((()=>{const e=[],n=[],l=[],{extendedItems:t,getSlideKey:a,getRealIndex:r}=gn();return t.forEach(((n,l)=>{const t=r(l),s=cn(l),o=n.originalClass?` ${n.originalClass}`:"",u=n.renderItem\|\|se\|\|xl,g=!R\|\|s\|\|$e.current[t];g&&R&&!$e.current[t]&&($e.current[t]=!0),e.push((0,i.jsx)(B,{alignment:s,index:t,originalClass:o,onClick:$,onKeyUp:Qn,onMouseLeave:O,onMouseOver:q,onTouchEnd:ne,onTouchMove:le,onTouchStart:te,children:g?u(n):(0,i.jsx)("div",{style:{height:"100%"}})},a(l)))})),C.forEach(((e,t)=>{const a=e.thumbnailClass?` ${e.thumbnailClass}`:"",r=e.renderThumbInner\|\|ce\|\|wl;ve&&e.thumbnail&&n.push((0,i.jsx)(U,{index:t,isActive:Ze===t,thumbnailClass:a,onClick:e=>al(e,t),onFocus:e=>ll(e,t),onKeyUp:e=>tl(e,t),onMouseLeave:Se?nl:null,onMouseOver:e=>ll(e,t),children:r(e)},`thumbnail-${t}`)),de&&l.push((0,i.jsx)(g,{bulletClass:e.bulletClass,index:t,isActive:Ze===t,onClick:e=>il(e,t)},`bullet-${t}`))})),{slides:e,thumbnails:n,bullets:l}}),[C,Ze,gn,cn,R,ve,de,Se,xl,wl,se,ce,$,Qn,le,ne,te,q,O,nl,ll,tl,al,il]);(0,r.useEffect)((()=>{const e=Ee.current;return Fe?window.addEventListener("keydown",Zn):e?.addEventListener("keydown",Zn),window.addEventListener("mousedown",fl),dl.current?.(Le),hl.current?.(Tn),X.forEach((e=>{document.addEventListener(e,vl)})),()=>{window.removeEventListener("mousedown",fl),window.removeEventListener("keydown",Zn),e?.removeEventListener("keydown",Zn),X.forEach((e=>{document.removeEventListener(e,vl)})),bl.current?.(),pl.current?.()}}),[Fe,Zn,fl,vl,Tn]),(0,r.useEffect)((()=>{bl.current?.(),pl.current?.(),dl.current?.(Le),hl.current?.(Tn)}),[je,Tn]),(0,r.useEffect)((()=>{ve?hl.current?.(Tn):pl.current?.(),yl.current?.()}),[ve,Tn]),(0,r.useEffect)((()=>{bl.current?.(),pl.current?.(),dl.current?.(Le),hl.current?.(Tn),yl.current?.()}),[ke,Tn]),(0,r.useEffect)((()=>{R&&($e.current=[]),yl.current?.()}),[C,R]),(0,r.useImperativeHandle)(n,(()=>({play:Hn,pause:On,togglePlay:qn,fullScreen:Mn,exitFullScreen:$n,toggleFullScreen:Pn,slideToIndex:an,getCurrentIndex:()=>Ze})));const{slides:Cl,thumbnails:Tl,bullets:Rl}=kl,jl=u("image-gallery-slide-wrapper",V(je),{"image-gallery-rtl":S}),Il=(0,i.jsxs)("div",{ref:Le,className:jl,children:[ie&&ie(),_e?(0,i.jsxs)(i.Fragment,{children:[ye&&(0,i.jsxs)(i.Fragment,{children:[ke?me(sn,!nn()):oe(sn,!nn()),ke?ae(on,!ln()):ge(on,!ln())]}),(0,i.jsx)(A,{className:"image-gallery-swipe",delta:0,onSwiped:Gn,onSwiping:Yn,children:(0,i.jsx)("div",{className:"image-gallery-slides",style:ke?{height:qe}:void 0,children:(0,i.jsx)("div",{ref:Xe,className:u("image-gallery-slides-container",{vertical:ke}),style:Sl,children:Cl})})})]}):(0,i.jsx)("div",{className:"image-gallery-slides",style:ke?{height:qe}:void 0,children:(0,i.jsx)("div",{ref:Xe,className:u("image-gallery-slides-container",{vertical:ke}),style:Sl,children:Cl})}),fe&&ue(qn,Bn),de&&(0,i.jsx)(c,{bullets:Rl,currentIndex:Ze,maxBullets:he,slideVertically:ke}),be&&re(Pn,Ln),pe&&(0,i.jsx)(M,{currentIndex:Ze,indexSeparator:v,totalItems:Ke})]}),zl=u("image-gallery",l,{"fullscreen-modal":Nn}),Fl=u("image-gallery-content",V(je),{fullscreen:Ln});return(0,i.jsx)("div",{ref:Ee,"aria-live":"polite",className:zl,children:(0,i.jsxs)("div",{className:Fl,children:[("bottom"===je\|\|"right"===je)&&Il,ve&&Tl.length>0&&(0,i.jsx)(Y,{disableThumbnailSwipe:y,isRTL:S,thumbnailBarHeight:zn(qe),thumbnailPosition:je,thumbnails:Tl,thumbnailsRef:Rn,thumbnailStyle:In(),thumbnailsWrapperRef:Tn,onSwiped:Kn,onSwiping:Vn}),("top"===je\|\|"left"===je)&&Il]})})}));return a})()));
1	+ !function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("react/jsx-runtime"),require("react")):"function"==typeof define&&define.amd?define(["react/jsx-runtime","react"],n):"object"==typeof exports?exports.ImageGallery=n(require("react/jsx-runtime"),require("react")):e.ImageGallery=n(e.ReactJSXRuntime,e.React)}(this,((e,n)=>(()=>{"use strict";var l={12:e=>{e.exports=n},550:n=>{n.exports=e}},t={};function a(e){var n=t[e];if(void 0!==n)return n.exports;var i=t[e]={exports:{}};return l[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 i={};a.r(i),a.d(i,{default:()=>_});var r=a(550),s=a(12),o=a.n(s);function u(e){var n,l,t="";if("string"==typeof e\|\|"number"==typeof e)t+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(n=0;n<a;n++)e[n]&&(l=u(e[n]))&&(t&&(t+=" "),t+=l)}else for(l in e)e[l]&&(t&&(t+=" "),t+=l);return t}const g=function(){for(var e,n,l=0,t="",a=arguments.length;l<a;l++)(e=arguments[l])&&(n=u(e))&&(t&&(t+=" "),t+=n);return t},c=(0,s.memo)((function({index:e,isActive:n=!1,bulletClass:l="",onClick:t}){const a=g("image-gallery-bullet",l,{active:n});return(0,r.jsx)("button",{"aria-label":`Go to Slide ${e+1}`,"aria-pressed":n?"true":"false",className:a,type:"button",onClick:t},`bullet-${e}`)})),m=(0,s.memo)((function({bullets:e=[],slideVertically:n=!1,currentIndex:l=0,maxBullets:t}){const a=(0,s.useRef)(null),[i,o]=(0,s.useState)(0),u=void 0!==t&&t<3?3:t,c=g("image-gallery-bullets",{"image-gallery-bullets-vertical":n});(0,s.useEffect)((()=>{const l=()=>{if(a.current&&u&&e.length>0){const e=a.current.querySelector(".image-gallery-bullet");if(e){const l=window.getComputedStyle(e),t=e.offsetWidth,a=parseFloat(l.marginLeft)\|\|0,i=parseFloat(l.marginRight)\|\|0,r=e.offsetHeight,s=parseFloat(l.marginTop)\|\|0,u=parseFloat(l.marginBottom)\|\|0;o(n?r+s+u:t+a+i)}}};l();const t=new ResizeObserver((()=>{l()}));return a.current&&t.observe(a.current),()=>{t.disconnect()}}),[e.length,u,n]);const m=(0,s.useMemo)((()=>{if(!u\|\|u>=e.length\|\|0===i)return{};const t=e.length,a=Math.floor(u/2);let r;return r=l<=a?0:l>=t-a-1?-(t-u)i:-(l-a)i,{transform:n?`translateY(${r}px)`:`translateX(${r}px)`,transition:"transform 0.3s ease-out"}}),[e.length,l,u,i,n]),d=(0,s.useMemo)((()=>{if(!u\|\|u>=e.length\|\|0===i)return{};const l=ui;return n?{height:`${l}px`,overflow:"hidden"}:{width:`${l}px`,overflow:"hidden"}}),[u,e.length,i,n]);return e&&0!==e.length?(0,r.jsx)("div",{className:c,children:(0,r.jsx)("div",{"aria-label":"Bullet Navigation",className:"image-gallery-bullets-container",role:"navigation",style:d,children:(0,r.jsx)("div",{ref:a,className:"image-gallery-bullets-inner",style:m,children:e})})}):null})),d=550,h=3e3,b=.4,p=30,y="cubic-bezier(0.4, 0, 0.2, 1)",f={left:(0,r.jsx)("polyline",{points:"15 18 9 12 15 6"}),right:(0,r.jsx)("polyline",{points:"9 18 15 12 9 6"}),top:(0,r.jsx)("polyline",{points:"6 15 12 9 18 15"}),bottom:(0,r.jsx)("polyline",{points:"6 9 12 15 18 9"}),maximize:(0,r.jsx)("path",{d:"M8 3H3v5m18 0V3h-5m0 18h5v-5M3 16v5h5"}),minimize:(0,r.jsx)("path",{d:"M8 3v5H3m18 0h-5V3m0 18v-5h5M3 16h5v5"}),play:(0,r.jsx)("polygon",{points:"5 3 19 12 5 21 5 3"}),pause:(0,r.jsxs)(o().Fragment,{children:[(0,r.jsx)("rect",{height:"16",width:"4",x:"6",y:"4"}),(0,r.jsx)("rect",{height:"16",width:"4",x:"14",y:"4"})]})},x={strokeWidth:1,viewBox:"0 0 24 24"},v=e=>{const{strokeWidth:n,viewBox:l,icon:t}={...x,...e};return(0,r.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:f[t]})},w=o().memo((({disabled:e,onClick:n})=>(0,r.jsx)("button",{"aria-label":"Next Slide",className:"image-gallery-icon image-gallery-bottom-nav",disabled:e,type:"button",onClick:n,children:(0,r.jsx)(v,{icon:"bottom",viewBox:"6 0 12 24"})})));w.displayName="BottomNav";const S=w,k=o().memo((({isFullscreen:e,onClick:n})=>(0,r.jsx)("button",{"aria-label":"Open Fullscreen",className:"image-gallery-icon image-gallery-fullscreen-button",type:"button",onClick:n,children:(0,r.jsx)(v,{icon:e?"minimize":"maximize",strokeWidth:2})})));k.displayName="Fullscreen";const C=k,T=o().memo((({disabled:e,onClick:n})=>(0,r.jsx)("button",{"aria-label":"Previous Slide",className:"image-gallery-icon image-gallery-left-nav",disabled:e,type:"button",onClick:n,children:(0,r.jsx)(v,{icon:"left",viewBox:"6 0 12 24"})})));T.displayName="LeftNav";const R=T,j=o().memo((({isPlaying:e,onClick:n})=>(0,r.jsx)("button",{"aria-label":"Play or Pause Slideshow",className:"image-gallery-icon image-gallery-play-button",type:"button",onClick:n,children:(0,r.jsx)(v,{icon:e?"pause":"play",strokeWidth:2})})));j.displayName="PlayPause";const I=j,z=o().memo((({disabled:e,onClick:n})=>(0,r.jsx)("button",{"aria-label":"Next Slide",className:"image-gallery-icon image-gallery-right-nav",disabled:e,type:"button",onClick:n,children:(0,r.jsx)(v,{icon:"right",viewBox:"6 0 12 24"})})));z.displayName="RightNav";const F=z,E=o().memo((({disabled:e,onClick:n})=>(0,r.jsx)("button",{"aria-label":"Previous Slide",className:"image-gallery-icon image-gallery-top-nav",disabled:e,type:"button",onClick:n,children:(0,r.jsx)(v,{icon:"top",viewBox:"6 0 12 24"})})));E.displayName="TopNav";const L=E;function N(e,n,l={}){const{leading:t=!0,trailing:a=!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),t?u():i=l):a&&!r&&(r=setTimeout((()=>{r=null,s&&u()}),n-g))}}function M(e,n){let l;return function(...t){clearTimeout(l),l=setTimeout((()=>{e.apply(this,t)}),n)}}const P=(0,s.memo)((function({currentIndex:e,totalItems:n,indexSeparator:l=" / "}){return(0,r.jsxs)("div",{className:"image-gallery-index",children:[(0,r.jsx)("span",{className:"image-gallery-index-current",children:e+1}),(0,r.jsx)("span",{className:"image-gallery-index-separator",children:l}),(0,r.jsx)("span",{className:"image-gallery-index-total",children:n})]})})),$={description:"",fullscreen:"",isFullscreen:!1,originalAlt:"",originalHeight:"",originalWidth:"",originalTitle:"",sizes:"",srcSet:"",loading:"eager"},W=o().memo((e=>{const{description:n,fullscreen:l,handleImageLoaded:t,isFullscreen:a,onImageError:i,original:s,originalAlt:u,originalHeight:g,originalWidth:c,originalTitle:m,sizes:d,srcSet:h,loading:b}={...$,...e},p=a&&l\|\|s;return(0,r.jsxs)(o().Fragment,{children:[(0,r.jsx)("img",{alt:u,className:"image-gallery-image",height:g,loading:b,sizes:d,src:p,srcSet:h,title:m,width:c,onError:i,onLoad:e=>t(e,s)}),n&&(0,r.jsx)("span",{className:"image-gallery-description",children:n})]})}));W.displayName="Item";const B=W,D=(0,s.memo)((function({index:e,alignment:n="",originalClass:l="",style:t={},onClick:a,onKeyUp:i,onTouchMove:s,onTouchEnd:o,onTouchStart:u,onMouseOver:g,onMouseLeave:c,children:m=null}){return(0,r.jsx)("div",{"aria-label":`Go to Slide ${e+1}`,className:`image-gallery-slide ${n} ${l}`,role:"button",style:t,tabIndex:-1,onClick:a,onFocus:g,onKeyUp:i,onMouseLeave:c,onMouseOver:g,onTouchEnd:o,onTouchMove:s,onTouchStart:u,children:m},`slide-${e}`)}));let H=!1;function O(e,n){return Math.abs(e)>=Math.abs(n)?e>0?"Right":"Left":n>0?"Down":"Up"}function q(e){if(e.length<2)return 0;const n=e[0],l=e[e.length-1],t=l.time-n.time;if(0===t)return 0;const a=l.x-n.x,i=l.y-n.y;return Math.sqrt(aa+ii)/t}const A={className:"",delta:0,onSwiping:()=>{},onSwiped:()=>{}},U=e=>{const{children:n,className:l,delta:t,onSwiping:a,onSwiped:i}={...A,...e},{ref:o}=function({delta:e=0,onSwiping:n,onSwiped:l}){const t=(0,s.useRef)({swiping:!1,startX:0,startY:0,samples:[]}),a=(0,s.useRef)({delta:e,onSwiping:n,onSwiped:l});a.current={delta:e,onSwiping:n,onSwiped:l};const i=(0,s.useRef)(null);if(!i.current){const e=e=>{const n=e.touches[0],l=t.current;l.startX=n.clientX,l.startY=n.clientY,l.swiping=!1,l.samples=[{x:n.clientX,y:n.clientY,time:Date.now()}]},n=e=>{const n=e.touches[0],l=t.current,{delta:i,onSwiping:r}=a.current,s=n.clientX-l.startX,o=n.clientY-l.startY,u=Math.abs(s),g=Math.abs(o),c=Date.now();l.samples.push({x:n.clientX,y:n.clientY,time:c});const m=c-100;for(;l.samples.length>1&&l.samples[0].time<m;)l.samples.shift();if(!l.swiping){if(Math.max(u,g)<i)return;l.swiping=!0}r&&r({event:e,absX:u,absY:g,dir:O(s,o),velocity:q(l.samples)})},l=e=>{const n=t.current,{onSwiped:l}=a.current;if(n.swiping){if(n.swiping=!1,l){const t=(e.changedTouches[0]?.clientX??0)-n.startX,a=(e.changedTouches[0]?.clientY??0)-n.startY;l({event:e,absX:Math.abs(t),absY:Math.abs(a),dir:O(t,a),velocity:q(n.samples)})}n.samples=[]}};i.current={touchstart:e,touchmove:n,touchend:l}}const r=(0,s.useRef)(null);return{ref:(0,s.useCallback)((e=>{const n=i.current;r.current&&(r.current.removeEventListener("touchstart",n.touchstart),r.current.removeEventListener("touchmove",n.touchmove),r.current.removeEventListener("touchend",n.touchend)),r.current=e,e&&(e.addEventListener("touchstart",n.touchstart,{passive:!0}),e.addEventListener("touchmove",n.touchmove,{passive:!1}),e.addEventListener("touchend",n.touchend,{passive:!0}))}),[])}}({delta:t,onSwiping:a,onSwiped:i});return(0,r.jsx)("div",{ref:o,className:l,children:n})},Y=(0,s.memo)((function({index:e,isActive:n=!1,thumbnailClass:l="",onMouseLeave:t,onMouseOver:a,onFocus:i,onKeyUp:s,onClick:o,children:u=null}){const c=g("image-gallery-thumbnail",l,{active:n});return(0,r.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:i??void 0,onKeyUp:s??void 0,onMouseLeave:t??void 0,onMouseOver:a??void 0,children:u},`thumbnail-${e}`)})),X=(0,s.memo)((function({thumbnails:e=[],thumbnailPosition:n="bottom",thumbnailStyle:l={},thumbnailBarHeight:t={},isRTL:a=!1,disableThumbnailSwipe:i=!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&&a},{"thumbnails-swipe-horizontal":!m&&!i},{"thumbnails-swipe-vertical":m&&!i});return e&&0!==e.length?(0,r.jsx)(U,{className:d,delta:0,onSwiped:i?void 0:o??void 0,onSwiping:i?void 0:s??void 0,children:(0,r.jsx)("div",{ref:u,className:"image-gallery-thumbnails",style:t,children:(0,r.jsx)("nav",{ref:c,"aria-label":"Thumbnail Navigation",className:"image-gallery-thumbnails-container",style:l,children:e})})}):null}));!function(){if(H\|\|"undefined"==typeof document)return;if(document.querySelector("style[data-image-gallery]"))return void(H=!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 position: relative;\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 text-align: center;\n}\n\n.image-gallery-bullets .image-gallery-bullets-container {\n margin: 0 auto;\n padding: 0;\n display: inline-block;\n}\n\n.image-gallery-bullets .image-gallery-bullets-inner {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n white-space: nowrap;\n padding: 2px 0;\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 margin: 0 4px;\n outline: none;\n width: calc(var(--ig-bullet-size, 4px) 2 + 2px);\n height: calc(var(--ig-bullet-size, 4px) * 2 + 2px);\n padding: 0;\n flex-shrink: 0;\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 width: calc(var(--ig-bullet-size-small, 3px) * 2 + 2px);\n height: calc(var(--ig-bullet-size-small, 3px) * 2 + 2px);\n }\n}\n\n@media (max-width: 480px) {\n .image-gallery-bullets .image-gallery-bullet {\n width: 8px;\n height: 8px;\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\n .image-gallery-bullets-inner {\n flex-direction: column;\n padding: 0 2px;\n}\n\n.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet {\n display: block;\n margin: 4px 0;\n}\n\n@media (max-width: 768px) {\n .image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet {\n margin: 3px 0;\n }\n}\n\n@media (max-width: 480px) {\n .image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet {\n margin: 3px 0;\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),H=!0}();const G=["fullscreenchange","MSFullscreenChange","mozfullscreenchange","webkitfullscreenchange"];function V(e){const n=parseInt(String(e.keyCode\|\|e.which\|\|0),10);return 13===n\|\|32===n}function K(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,s.forwardRef)((function(e,n){const{additionalClass:l="",autoPlay:t=!1,disableKeyDown:a=!1,disableSwipe:i=!1,disableThumbnailScroll:o=!1,disableThumbnailSwipe:u=!1,flickThreshold:f=b,indexSeparator:x=" / ",infinite:v=!0,isRTL:w=!1,items:k,lazyLoad:T=!1,onBeforeSlide:j,onBulletClick:z,onClick:E,onErrorImageURL:$="",onImageError:W,onImageLoad:H,onMouseLeave:O,onMouseOver:q,onPause:A,onPlay:_,onScreenChange:Z,onSlide:J,onThumbnailClick:Q,onThumbnailError:ee,onTouchEnd:ne,onTouchMove:le,onTouchStart:te,renderBottomNav:ae=(e,n)=>(0,r.jsx)(S,{disabled:n,onClick:e}),renderCustomControls:ie,renderFullscreenButton:re=(e,n)=>(0,r.jsx)(C,{isFullscreen:n,onClick:e}),renderItem:se,renderLeftNav:oe=(e,n)=>(0,r.jsx)(R,{disabled:n,onClick:e}),renderPlayPauseButton:ue=(e,n)=>(0,r.jsx)(I,{isPlaying:n,onClick:e}),renderRightNav:ge=(e,n)=>(0,r.jsx)(F,{disabled:n,onClick:e}),renderThumbInner:ce,renderTopNav:me=(e,n)=>(0,r.jsx)(L,{disabled:n,onClick:e}),showBullets:de=!1,maxBullets:he,showFullscreenButton:be=!0,showIndex:pe=!1,showNav:ye=!0,showPlayButton:fe=!0,showThumbnails:xe=!0,slideDuration:ve=d,slideInterval:we=h,slideOnThumbnailOver:Se=!1,slideVertically:ke=!1,startIndex:Ce=0,stopPropagation:Te=!1,swipeThreshold:Re=p,thumbnailPosition:je="bottom",useBrowserFullscreen:Ie=!0,useTranslate3D:ze=!0,useWindowKeyDown:Fe=!0}=e,Ee=(0,s.useRef)(null),Le=(0,s.useRef)(null),Ne=(0,s.useRef)(null),Me=(0,s.useRef)({}),Pe=(0,s.useRef)([]),$e=(0,s.useRef)(null),We=(0,s.useRef)(null),[Be,De]=(0,s.useState)(0),[He,Oe]=(0,s.useState)(0),[qe,Ae]=(0,s.useState)(0),Ue=(0,s.useRef)(!1),Ye=(0,s.useRef)(!1),Xe=(0,s.useRef)(null),Ge=(0,s.useRef)(0),Ve=(0,s.useRef)(null),Ke=k.length,_e=Ke>=2,{currentIndex:Ze,displayIndex:Je,isTransitioning:Qe,currentSlideOffset:en,canSlideLeft:nn,canSlideRight:ln,slideToIndex:tn,slideToIndexCore:an,slideToIndexWithStyleReset:rn,slideLeft:sn,slideRight:on,getContainerStyle:un,getExtendedSlides:gn,getAlignmentClass:cn,setCurrentSlideOffset:mn,setSlideStyle:dn,setIsTransitioning:hn,totalDisplaySlides:bn}=function({items:e,startIndex:n=0,infinite:l=!0,isRTL:t=!1,slideDuration:a=d,onSlide:i,onBeforeSlide:r}){const[o,u]=(0,s.useState)(n),[g,c]=(0,s.useState)(n),[m,h]=(0,s.useState)(!1),[b,p]=(0,s.useState)(0),[f,x]=(0,s.useState)(l&&e.length>1?n+1:n),[v,w]=(0,s.useState)({transition:`transform ${a}ms ${y}`}),S=(0,s.useRef)(null),k=(0,s.useRef)(null),C=(0,s.useRef)(!1),T=e.length,R=T>=2,j=l&&T>1?T+2:T;(0,s.useEffect)((()=>()=>{S.current&&window.clearTimeout(S.current),k.current&&window.clearTimeout(k.current)}),[]),(0,s.useEffect)((()=>{u(n),x(l&&e.length>1?n+1:n),w({transition:"none"})}),[e,n,l]);const I=(0,s.useCallback)((()=>o>0),[o]),z=(0,s.useCallback)((()=>o<T-1),[o,T]),F=(0,s.useCallback)((()=>l\|\|(t?z():I())),[l,t,z,I]),E=(0,s.useCallback)((()=>l\|\|(t?I():z())),[l,t,z,I]),L=(0,s.useCallback)((()=>{S.current=window.setTimeout((()=>{m&&(h(!1),i&&i(o))}),a+50)}),[m,o,a,i]),M=(0,s.useCallback)((e=>l&&T>1?e+1:e),[l,T]),P=(0,s.useCallback)(((e,n)=>{C.current=!0,w({transition:"none"}),x(n),k.current=window.setTimeout((()=>{w({transition:`transform ${a}ms ${y}`}),C.current=!1}),50)}),[a]),$=(0,s.useCallback)(((e,n,t=!1,s)=>{if((m\|\|C.current)&&!t)return;const g=s??a,d=T-1;let b,f=e,v=!1,k=null;e<0?(f=d,v=!0,k="start"):e>d&&(f=0,v=!0,k="end"),b=l&&T>1?v&&"start"===k?0:v&&"end"===k?j-1:f+1:f,r&&f!==o&&r(f),c(o),u(f),x(b),h(f!==o\|\|v),p(0),w({transition:`transform ${g}ms ${y}`}),l&&T>1&&v&&(S.current=window.setTimeout((()=>{h(!1),i&&i(f);const e=M(f);P(f,e)}),g+20))}),[o,T,j,a,r,i,m,l,M,P]),W=(0,s.useRef)(N(((e,n)=>{$(e,n,!1)}),a,{trailing:!1}));(0,s.useEffect)((()=>{W.current=N(((e,n)=>{$(e,n,!1)}),a,{trailing:!1})}),[a,$]);const B=(0,s.useCallback)(((e,n)=>{W.current(e,n)}),[]),D=(0,s.useCallback)(((e,n)=>{p((n=>n+(o>e?.001:-.001))),w({transition:"none"}),window.setTimeout((()=>{$(e,n)}),25)}),[o,$]),H=(0,s.useCallback)((e=>{const n=o+("left"==(t?"right":"left")?-1:1);m\|\|C.current\|\|(2===T?D(n,e):B(n,e))}),[t,o,m,T,D,B]),O=(0,s.useCallback)((e=>{const n=o+("left"==(t?"left":"right")?-1:1);m\|\|C.current\|\|(2===T?D(n,e):B(n,e))}),[t,o,m,T,D,B]),q=(0,s.useCallback)((({useTranslate3D:e=!0,slideVertically:n=!1}={})=>{const l=-(100f-b(t?-1:1)),a=n?e?`translate3d(0, ${l}%, 0)`:`translate(0, ${l}%)`:e?`translate3d(${l}%, 0, 0)`:`translate(${l}%, 0)`;return{transform:a,WebkitTransform:a,MozTransform:a,msTransform:a,OTransform:a,...v}}),[f,b,v,t]),A=(0,s.useCallback)((()=>{if(!l\|\|T<=1)return{extendedItems:e,getSlideKey:e=>`slide-${e}`,getRealIndex:e=>e};const n=[e[T-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?T-1:e===n.length-1?0:e-1}}),[e,T,l]),U=(0,s.useCallback)((e=>{const{getRealIndex:n}=A(),l=n(e);return l===o?"image-gallery-center":l===(o-1+T)%T?"image-gallery-left":l===(o+1)%T?"image-gallery-right":""}),[o,T,A]);return(0,s.useEffect)((()=>{m&&!C.current&&L()}),[m,L]),{currentIndex:o,previousIndex:g,displayIndex:f,isTransitioning:m,currentSlideOffset:b,slideStyle:v,canSlide:R,canSlideLeft:F,canSlideRight:E,canSlidePrevious:I,canSlideNext:z,slideToIndex:B,slideToIndexCore:$,slideToIndexWithStyleReset:D,slideLeft:H,slideRight:O,getContainerStyle:q,getExtendedSlides:A,getAlignmentClass:U,setCurrentSlideOffset:p,setSlideStyle:w,setIsTransitioning:h,totalDisplaySlides:j}}({items:k,startIndex:Ce,infinite:v,isRTL:w,slideDuration:ve,onSlide:J,onBeforeSlide:j}),{thumbsTranslate:pn,setThumbsTranslate:yn,thumbsSwipedTranslate:fn,setThumbsSwipedTranslate:xn,setThumbsStyle:vn,thumbnailsWrapperWidth:wn,thumbnailsWrapperHeight:Sn,isSwipingThumbnail:kn,setIsSwipingThumbnail:Cn,thumbnailsWrapperRef:Tn,thumbnailsRef:Rn,isThumbnailVertical:jn,getThumbnailStyle:In,getThumbnailBarHeight:zn,initResizeObserver:Fn,removeResizeObserver:En}=function({currentIndex:e,items:n,thumbnailPosition:l="bottom",disableThumbnailScroll:t=!1,slideDuration:a=d,isRTL:i=!1,useTranslate3D:r=!0}){const[o,u]=(0,s.useState)(0),[g,c]=(0,s.useState)(0),[m,h]=(0,s.useState)({transition:`all ${a}ms ease-out`}),[b,p]=(0,s.useState)(0),[y,f]=(0,s.useState)(0),[x,v]=(0,s.useState)(!1),w=(0,s.useRef)(null),S=(0,s.useRef)(null),k=(0,s.useRef)(null),C=(0,s.useRef)(e),T=(0,s.useCallback)((()=>"left"===l\|\|"right"===l),[l]),R=(0,s.useCallback)((e=>{if(t)return 0;const l=S.current;if(!l)return 0;let a;if(T()){if(l.scrollHeight<=y)return 0;a=l.scrollHeight-y}else{if(l.scrollWidth<=b\|\|b<=0)return 0;a=l.scrollWidth-b}return e(a/(n.length-1))}),[t,n.length,b,y,T]),j=(0,s.useCallback)((()=>{if(x)return;const n=-R(e);h({transition:`all ${a}ms ease-out`}),0===e?(u(0),c(0)):(u(n),c(n))}),[e,R,x,a]);(0,s.useEffect)((()=>{C.current!==e&&(C.current=e,j())}),[e,j]);const I=(0,s.useRef)(l);(0,s.useEffect)((()=>{if(I.current!==l){I.current=l,h({transition:"none"}),u(0),c(0);const t=()=>{if(!w.current\|\|!S.current)return;const t=w.current.getBoundingClientRect(),i=t.width,r=t.height;p(i),f(r);const s="left"===l\|\|"right"===l,o=S.current;let g;if(s){if(o.scrollHeight<=r)return void h({transition:`all ${a}ms ease-out`});g=o.scrollHeight-r}else{if(o.scrollWidth<=i)return void h({transition:`all ${a}ms ease-out`});g=o.scrollWidth-i}const m=g/(n.length-1),d=-em;u(d),c(d),requestAnimationFrame((()=>{h({transition:`all ${a}ms ease-out`})}))};requestAnimationFrame((()=>{requestAnimationFrame((()=>{setTimeout(t,100)}))}))}}),[l,e,n.length,a]);const z=(0,s.useCallback)((()=>{const e=i?-1o:o;let n;return n=T()?r?`translate3d(0, ${o}px, 0)`:`translate(0, ${o}px)`:r?`translate3d(${e}px, 0, 0)`:`translate(${e}px, 0)`,{WebkitTransform:n,MozTransform:n,msTransform:n,OTransform:n,transform:n,...m}}),[o,m,i,r,T]),F=(0,s.useCallback)((e=>T()?{height:e}:{}),[T]),E=(0,s.useCallback)((e=>{e?.current&&(k.current=new ResizeObserver(M((e=>{e&&e.forEach((e=>{p(e.contentRect.width),f(e.contentRect.height)}))}),50)),k.current.observe(e.current))}),[]),L=(0,s.useCallback)((()=>{k.current&&w.current&&(k.current.unobserve(w.current),k.current=null)}),[]),N=(0,s.useRef)({width:0,height:0});(0,s.useEffect)((()=>{if(0===b&&0===y)return;if(N.current.width===b&&N.current.height===y)return;if(N.current={width:b,height:y},x)return;const l=S.current;if(!l)return;let t;if(T()){if(l.scrollHeight<=y)return u(0),void c(0);t=l.scrollHeight-y}else{if(l.scrollWidth<=b)return u(0),void c(0);t=l.scrollWidth-b}const a=t/(n.length-1),i=-ea;u(i),c(i)}),[b,y,e,n.length,x,T]),(0,s.useEffect)((()=>()=>{L()}),[L]);const P=(0,s.useCallback)((()=>{v(!0),c(o),h({transition:`all ${a}ms ease-out`})}),[o,a]),$=(0,s.useCallback)((()=>{v(!1)}),[]);return{thumbsTranslate:o,setThumbsTranslate:u,thumbsSwipedTranslate:g,setThumbsSwipedTranslate:c,thumbsStyle:m,setThumbsStyle:h,thumbnailsWrapperWidth:b,thumbnailsWrapperHeight:y,isSwipingThumbnail:x,setIsSwipingThumbnail:v,thumbnailsWrapperRef:w,thumbnailsRef:S,isThumbnailVertical:T,getThumbsTranslate:R,getThumbnailStyle:z,getThumbnailBarHeight:F,slideThumbnailBar:j,initResizeObserver:E,removeResizeObserver:L,handleThumbnailSwipeEnd:P,resetSwipingThumbnail:$}}({currentIndex:Ze,items:k,thumbnailPosition:je,disableThumbnailScroll:o,slideDuration:ve,isRTL:w,useTranslate3D:ze}),{isFullscreen:Ln,modalFullscreen:Nn,fullScreen:Mn,exitFullScreen:Pn,toggleFullScreen:$n,handleScreenChange:Wn}=function({useBrowserFullscreen:e=!0,onScreenChange:n,galleryRef:l}){const[t,a]=(0,s.useState)(!1),[i,r]=(0,s.useState)(!1),o=(0,s.useCallback)((()=>{const t=document,i=t.fullscreenElement\|\|t.msFullscreenElement\|\|t.mozFullScreenElement\|\|t.webkitFullscreenElement,r=l?.current===i;n&&n(r),e&&a(r)}),[l,e,n]),u=(0,s.useCallback)((e=>{r(e),n&&n(e)}),[n]),g=(0,s.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),a(!0))}),[l,e,u]),c=(0,s.useCallback)((()=>{if(!t)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),a(!1)}),[t,e,u]),m=(0,s.useCallback)((()=>{t?c():g()}),[t,c,g]);return{isFullscreen:t,modalFullscreen:i,fullScreen:g,exitFullScreen:c,toggleFullScreen:m,handleScreenChange:o}}({useBrowserFullscreen:Ie,onScreenChange:Z,galleryRef:Ee}),{isPlaying:Bn,playPauseIntervalRef:Dn,play:Hn,pause:On,togglePlay:qn}=function({autoPlay:e=!1,slideInterval:n=h,slideDuration:l=d,infinite:t=!0,totalSlides:a,currentIndex:i,canSlideRight:r,slideToIndexCore:o,slideToIndexWithStyleReset:u,onPlay:g,onPause:c}){const[m,b]=(0,s.useState)(!1),p=(0,s.useRef)(null),y=(0,s.useRef)(null),f=(0,s.useCallback)((()=>{if(t\|\|r()){const e=i+1;2===a?u(e):o(e)}else p.current&&(clearInterval(p.current),p.current=null,b(!1),c&&c(i))}),[t,r,i,a,o,u,c]);y.current=f;const x=(0,s.useCallback)(((e=!0)=>{p.current\|\|(b(!0),p.current=setInterval((()=>y.current?.()),Math.max(n,l)),g&&e&&g(i))}),[n,l,g,i]),v=(0,s.useCallback)(((e=!0)=>{p.current&&(clearInterval(p.current),p.current=null,b(!1),c&&e&&c(i))}),[c,i]),w=(0,s.useCallback)((()=>{p.current?v():x()}),[x,v]),S=(0,s.useRef)(x),k=(0,s.useRef)(v);return S.current=x,k.current=v,(0,s.useEffect)((()=>{m&&(k.current(!1),S.current(!1))}),[n,l,m]),(0,s.useEffect)((()=>{e&&!p.current&&S.current()}),[e]),(0,s.useEffect)((()=>()=>{p.current&&(clearInterval(p.current),p.current=null)}),[]),{isPlaying:m,playPauseIntervalRef:p,play:x,pause:v,togglePlay:w}}({autoPlay:t,slideInterval:we,slideDuration:ve,infinite:v,totalSlides:Ke,currentIndex:Ze,canSlideRight:ln,slideToIndexCore:an,slideToIndexWithStyleReset:rn,onPlay:_,onPause:A}),An=(0,s.useCallback)((()=>{Ue.current=!1,Ye.current=!1}),[]),Un=(0,s.useCallback)((()=>{return e=Ge.current,n=Re,Math.abs(e)>n;var e,n}),[Re]),Yn=(0,s.useCallback)((({event:e,absX:n,absY:l,dir:t})=>{const a=t,r=Ue.current,s=Ye.current;if(("Up"===a\|\|"Down"===a\|\|r)&&!s&&(r\|\|(Ue.current=!0),!ke))return;if("Left"!==a&&"Right"!==a\|\|s\|\|(Ye.current=!0),i)return;Te&&e.preventDefault();const o=!r&&!s;if(Qe&&!o)return void(Ge.current=0);if(Qe&&o&&hn(!1),function(e,n){return!("Left"!==e&&"Right"!==e\|\|!n)\|\|!("Up"!==e&&"Down"!==e\|\|n)}(a,ke))return;const u=function(e,n,l,t,a,i){const r={Left:-1,Right:1,Up:-1,Down:1}[a];let s=i?n/t100:e/l100;return Math.abs(s)>=100&&(s=100),rs}(n,l,Be,He,a,ke);Ge.current=u;const g=Xe.current;g&&(o&&(g.style.transition="none"),null!==Ve.current&&cancelAnimationFrame(Ve.current),Ve.current=requestAnimationFrame((()=>{Ve.current=null;const e=Ge.current(w?-1:1),n=-(100Je-e),l=ke?ze?`translate3d(0, ${n}%, 0)`:`translate(0, ${n}%)`:ze?`translate3d(${n}%, 0, 0)`:`translate(${n}%, 0)`;g.style.transform=l})))}),[i,Te,Qe,Be,He,ke,Je,w,ze,hn]),Xn=(0,s.useCallback)(((e,n,l)=>{null!==Ve.current&&(cancelAnimationFrame(Ve.current),Ve.current=null);const t=Ge.current,a=function(e,n,l,t,a,i,r){let s=e;return!l&&!t\|\|a\|\|(s+=n),-1!==n\|\|i\|\|(s=e),1!==n\|\|r\|\|(s=e),s}(Ze,e,Un(),n,Qe,nn(),ln()),i=function(e,n,l,t,a,i){const r=Math.abs(e),s=(n!==l?100-r:r)/100i;return t>0?Math.min(a,Math.max(80,Math.round(s/t))):a}(t,a,Ze,l,ve,ke?He:Be),r=function(e,n,l,t){const a=n-1;return e<0?0:e>a?t&&n>1?l-1:a:t&&n>1?e+1:e}(a,Ke,bn,v),s=Xe.current;if(s){s.getBoundingClientRect(),s.style.transition=`transform ${i}ms ${y}`;const e=-100r;s.style.transform=ke?ze?`translate3d(0, ${e}%, 0)`:`translate(0, ${e}%)`:ze?`translate3d(${e}%, 0, 0)`:`translate(${e}%, 0)`}mn(t),an(a,void 0,!1,i),Ge.current=0}),[Ze,Ke,bn,v,Qe,ve,ke,ze,Be,He,Un,nn,ln,an,mn]),Gn=(0,s.useCallback)((({event:e,dir:n,velocity:l})=>{if(i)return;Te&&e.stopPropagation(),An();const t=n,a=function(e,n,l){return l?"Up"===e?1:-1:("Left"===e?1:-1)(n?-1:1)}(t,w,ke),r=function(e,n,l,t){return t?e>n&&!("Left"===l\|\|"Right"===l):e>n&&!("Up"===l\|\|"Down"===l)}(l,f,t,ke);Xn(a,r,l)}),[i,Te,An,w,ke,f,Xn]),Vn=(0,s.useCallback)((({event:e,absX:n,absY:l,dir:t})=>{const a=t,i=jn(),r=Ue.current,s=Ye.current;if(i){if(("Left"===a\|\|"Right"===a\|\|s)&&!r)return void(s\|\|(Ye.current=!0));"Up"!==a&&"Down"!==a\|\|r\|\|(Ue.current=!0)}else{if(("Up"===a\|\|"Down"===a\|\|r)&&!s)return void(r\|\|(Ue.current=!0));"Left"!==a&&"Right"!==a\|\|s\|\|(Ye.current=!0)}const o=Rn.current;if(!o)return;let u,g,c,m,d;i?(u=fn+("Down"===a?l:-l),g=o.scrollHeight-Sn+0,c=Math.abs(u)>g,m=u>0,d=o.scrollHeight<=Sn):(u=fn+("Right"===a?n:-n),g=o.scrollWidth-wn+0,c=Math.abs(u)>g,m=u>0,d=o.scrollWidth<=wn),d\|\|("Left"!==a&&"Up"!==a\|\|!c)&&("Right"!==a&&"Down"!==a\|\|!m)&&(Te&&e.stopPropagation(),yn(u),kn\|\|(vn({transition:"none"}),Cn(!0)))}),[jn,Sn,wn,fn,Te,kn,Rn,yn,vn,Cn]),Kn=(0,s.useCallback)((({velocity:e,dir:n})=>{An();const l=Rn.current,t=jn(),a=t?l?.scrollHeight??0:l?.scrollWidth??0,i=t?Sn:wn,{targetTranslate:r,transitionStyle:s}=function(e){const{velocity:n,direction:l,isVertical:t,currentTranslate:a,scrollSize:i,wrapperSize:r,slideDuration:s,emptySpaceMargin:o=0,momentumMultiplier:u=150}=e,g=function(e,n=150){return en}(n,u),c=function(e,n){return n?"Down"===e?1:-1:"Right"===e?1:-1}(l,t);let m=a+gc;const h=i-r+o;h>0&&(m=function(e,n,l=0){let t=Math.min(l,e);return t=Math.max(-n,t),t}(m,h,o));const b=function(e,n=d,l=700){return Math.min(l,n+100e)}(n,s);return{targetTranslate:m,transitionDuration:b,transitionStyle:`all ${b}ms cubic-bezier(0.25, 0.46, 0.45, 0.94)`}}({velocity:e,direction:n,isVertical:t,currentTranslate:pn,scrollSize:a,wrapperSize:i,slideDuration:ve});vn({transition:s}),yn(r),xn(r),Cn(!1)}),[An,pn,yn,xn,Cn,vn,ve,jn,Rn,Sn,wn]),_n=(0,s.useCallback)((e=>{if(Ee.current?.classList.remove("image-gallery-using-mouse"),!a)switch(parseInt(String(e.keyCode\|\|e.which\|\|0),10)){case 37:nn()&&!Dn?.current&&sn(e);break;case 39:ln()&&!Dn?.current&&on(e);break;case 27:Ln&&!Ie&&Pn()}}),[a,nn,ln,sn,on,Ln,Ie,Pn,Dn]);We.current=_n;const Zn=(0,s.useCallback)((e=>{We.current?.(e)}),[]),Jn=(0,s.useCallback)((()=>{Ee.current?.classList.add("image-gallery-using-mouse")}),[]),Qn=(0,s.useCallback)((e=>{V(e)&&E&&E(e)}),[E]),el=(0,s.useCallback)(((e,n)=>{Ne.current&&(window.clearTimeout(Ne.current),Ne.current=null),Ne.current=window.setTimeout((()=>{tn(n),On()}),300)}),[tn,On]),nl=(0,s.useCallback)((()=>{Ne.current&&(window.clearTimeout(Ne.current),Ne.current=null,t&&Hn())}),[t,Hn]),ll=(0,s.useCallback)(((e,n)=>{Se&&el(e,n)}),[Se,el]),tl=(0,s.useCallback)(((e,n)=>{V(e)&&Q?.(e,n)}),[Q]),al=(0,s.useCallback)(((e,n)=>{const l=e.target.parentNode?.parentNode;l?.blur&&l.blur(),Ze!==n&&(2===Ke?rn(n,e):tn(n,e)),Q&&Q(e,n)}),[Ze,Ke,tn,rn,Q]),il=(0,s.useCallback)(((e,n)=>{e.target.blur(),Ze!==n&&(2===Ke?rn(n,e):tn(n,e)),z&&z(e,n)}),[Ze,Ke,tn,rn,z]),rl=(0,s.useCallback)((e=>{$&&-1===e.currentTarget.src.indexOf($)&&(e.currentTarget.src=$)}),[$]),sl=(0,s.useCallback)(((e,n)=>{Me.current[n]\|\|(Me.current[n]=!0,H&&H(e),ke&&yl.current?.())}),[H,ke]),ol=(0,s.useCallback)((()=>{if(!Ee.current)return;const e=Ee.current.offsetWidth;if(De(e),Oe(Ee.current.offsetHeight),Le.current)if(ke){const n=Le.current.offsetWidth\|\|e,l=Le.current.querySelector(".image-gallery-center .image-gallery-image")??Le.current.querySelector(".image-gallery-image");if(l&&l.naturalWidth>0&&l.naturalHeight>0){const e=l.naturalHeight/l.naturalWidth,t=Math.round(n*e),a=window.innerHeight-80;Ae(Math.min(t,a))}else Ae(Le.current.offsetHeight)}else Ae(Le.current.offsetHeight)}),[ke]),ul=(0,s.useCallback)((e=>{e?.current&&($e.current=new ResizeObserver(M((e=>{e&&e.forEach((()=>{ol()}))}),50)),$e.current.observe(e.current))}),[ol]),gl=(0,s.useCallback)((()=>{$e.current&&Le.current&&($e.current.unobserve(Le.current),$e.current=null)}),[]),cl=(0,s.useRef)(null),ml=(0,s.useRef)(null),dl=(0,s.useRef)(null),hl=(0,s.useRef)(null),bl=(0,s.useRef)(null),pl=(0,s.useRef)(null),yl=(0,s.useRef)(null);cl.current=Jn,ml.current=Wn,dl.current=ul,hl.current=Fn,bl.current=gl,pl.current=En,yl.current=ol;const fl=(0,s.useCallback)((()=>{cl.current?.()}),[]),xl=(0,s.useCallback)((()=>{ml.current?.()}),[]),vl=(0,s.useCallback)((e=>{const n=W\|\|rl;return(0,r.jsx)(B,{description:e.description,fullscreen:e.fullscreen,handleImageLoaded:sl,isFullscreen:Ln,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})}),[Ln,W,rl,sl]),wl=(0,s.useCallback)((e=>{const n=ee\|\|rl;return(0,r.jsxs)("span",{className:"image-gallery-thumbnail-inner",children:[(0,r.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,r.jsx)("div",{className:"image-gallery-thumbnail-label",children:e.thumbnailLabel})]})}),[ee,rl]),Sl=(0,s.useMemo)((()=>un({useTranslate3D:ze,slideVertically:ke})),[un,ze,ke]),kl=(0,s.useMemo)((()=>{const e=[],n=[],l=[],{extendedItems:t,getSlideKey:a,getRealIndex:i}=gn();return t.forEach(((n,l)=>{const t=i(l),s=cn(l),o=n.originalClass?` ${n.originalClass}`:"",u=n.renderItem\|\|se\|\|vl,g=!T\|\|s\|\|Pe.current[t];g&&T&&!Pe.current[t]&&(Pe.current[t]=!0),e.push((0,r.jsx)(D,{alignment:s,index:t,originalClass:o,onClick:E,onKeyUp:Qn,onMouseLeave:O,onMouseOver:q,onTouchEnd:ne,onTouchMove:le,onTouchStart:te,children:g?u(n):(0,r.jsx)("div",{style:{height:"100%"}})},a(l)))})),k.forEach(((e,t)=>{const a=e.thumbnailClass?` ${e.thumbnailClass}`:"",i=e.renderThumbInner\|\|ce\|\|wl;xe&&e.thumbnail&&n.push((0,r.jsx)(Y,{index:t,isActive:Ze===t,thumbnailClass:a,onClick:e=>al(e,t),onFocus:e=>ll(e,t),onKeyUp:e=>tl(e,t),onMouseLeave:Se?nl:null,onMouseOver:e=>ll(e,t),children:i(e)},`thumbnail-${t}`)),de&&l.push((0,r.jsx)(c,{bulletClass:e.bulletClass,index:t,isActive:Ze===t,onClick:e=>il(e,t)},`bullet-${t}`))})),{slides:e,thumbnails:n,bullets:l}}),[k,Ze,gn,cn,T,xe,de,Se,vl,wl,se,ce,E,Qn,le,ne,te,q,O,nl,ll,tl,al,il]);(0,s.useEffect)((()=>{const e=Ee.current;return Fe?window.addEventListener("keydown",Zn):e?.addEventListener("keydown",Zn),window.addEventListener("mousedown",fl),dl.current?.(Le),hl.current?.(Tn),G.forEach((e=>{document.addEventListener(e,xl)})),()=>{window.removeEventListener("mousedown",fl),window.removeEventListener("keydown",Zn),e?.removeEventListener("keydown",Zn),G.forEach((e=>{document.removeEventListener(e,xl)})),bl.current?.(),pl.current?.()}}),[Fe,Zn,fl,xl,Tn]),(0,s.useEffect)((()=>{bl.current?.(),pl.current?.(),dl.current?.(Le),hl.current?.(Tn)}),[je,Tn]),(0,s.useEffect)((()=>{xe?hl.current?.(Tn):pl.current?.(),yl.current?.()}),[xe,Tn]),(0,s.useEffect)((()=>{bl.current?.(),pl.current?.(),dl.current?.(Le),hl.current?.(Tn),yl.current?.()}),[ke,Tn]),(0,s.useEffect)((()=>{T&&(Pe.current=[]),yl.current?.()}),[k,T]),(0,s.useImperativeHandle)(n,(()=>({play:Hn,pause:On,togglePlay:qn,fullScreen:Mn,exitFullScreen:Pn,toggleFullScreen:$n,slideToIndex:an,getCurrentIndex:()=>Ze})));const{slides:Cl,thumbnails:Tl,bullets:Rl}=kl,jl=g("image-gallery-slide-wrapper",K(je),{"image-gallery-rtl":w}),Il=(0,r.jsxs)("div",{ref:Le,className:jl,children:[ie&&ie(),_e?(0,r.jsxs)(r.Fragment,{children:[ye&&(0,r.jsxs)(r.Fragment,{children:[ke?me(sn,!nn()):oe(sn,!nn()),ke?ae(on,!ln()):ge(on,!ln())]}),(0,r.jsx)(U,{className:"image-gallery-swipe",delta:0,onSwiped:Gn,onSwiping:Yn,children:(0,r.jsx)("div",{className:"image-gallery-slides",style:ke?{height:qe}:void 0,children:(0,r.jsx)("div",{ref:Xe,className:g("image-gallery-slides-container",{vertical:ke}),style:Sl,children:Cl})})})]}):(0,r.jsx)("div",{className:"image-gallery-slides",style:ke?{height:qe}:void 0,children:(0,r.jsx)("div",{ref:Xe,className:g("image-gallery-slides-container",{vertical:ke}),style:Sl,children:Cl})}),fe&&ue(qn,Bn),de&&(0,r.jsx)(m,{bullets:Rl,currentIndex:Ze,maxBullets:he,slideVertically:ke}),be&&re($n,Ln),pe&&(0,r.jsx)(P,{currentIndex:Ze,indexSeparator:x,totalItems:Ke})]}),zl=g("image-gallery",l,{"fullscreen-modal":Nn}),Fl=g("image-gallery-content",K(je),{fullscreen:Ln});return(0,r.jsx)("div",{ref:Ee,"aria-live":"polite",className:zl,children:(0,r.jsxs)("div",{className:Fl,children:[("bottom"===je\|\|"right"===je)&&Il,xe&&Tl.length>0&&(0,r.jsx)(X,{disableThumbnailSwipe:u,isRTL:w,thumbnailBarHeight:zn(qe),thumbnailPosition:je,thumbnails:Tl,thumbnailsRef:Rn,thumbnailStyle:In(),thumbnailsWrapperRef:Tn,onSwiped:Kn,onSwiping:Vn}),("top"===je\|\|"left"===je)&&Il]})})}));return i})()));

package/build/image-gallery.es.js CHANGED Viewed

	@@ -1 +1 @@
1	- importas e from"react";var n={698:(e,n)=>{var l=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function a(e,n,t){var a=null;if(void 0!==t&&(a=""+t),void 0!==n.key&&(a=""+n.key),"key"in n)for(var i in t={},n)"key"!==i&&(t[i]=n[i]);else t=n;return n=t.ref,{$$typeof:l,type:e,key:a,ref:void 0!==n?n:null,props:t}}n.Fragment=t,n.jsx=a,n.jsxs=a},848:(e,n,l)=>{e.exports=l(698)}},l={};function t(e){var a=l[e];if(void 0!==a)return a.exports;var i=l[e]={exports:{}};return n[e](i,i.exports,t),i.exports}t.d=(e,n)=>{for(var l in n)t.o(n,l)&&!t.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:n[l]})},t.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n);var a={};t.d(a,{A:()=>Z});var i=t(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={},t.d(o,s),o);var s,o;function u(e){var n,l,t="";if("string"==typeof e\|\|"number"==typeof e)t+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(n=0;n<a;n++)e[n]&&(l=u(e[n]))&&(t&&(t+=" "),t+=l)}else for(l in e)e[l]&&(t&&(t+=" "),t+=l);return t}const g=function(){for(var e,n,l=0,t="",a=arguments.length;l<a;l++)(e=arguments[l])&&(n=u(e))&&(t&&(t+=" "),t+=n);return t},c=(0,r.memo)((function({index:e,isActive:n=!1,bulletClass:l="",onClick:t}){const a=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:a,type:"button",onClick:t},`bullet-${e}`)})),m=(0,r.memo)((function({bullets:e=[],slideVertically:n=!1,currentIndex:l=0,maxBullets:t}){const a=(0,r.useRef)(null),[s,o]=(0,r.useState)(0),u=void 0!==t&&t<3?3:t,c=g("image-gallery-bullets",{"image-gallery-bullets-vertical":n});(0,r.useEffect)((()=>{const l=()=>{if(a.current&&u&&e.length>0){const e=a.current.querySelector(".image-gallery-bullet");if(e){const l=window.getComputedStyle(e),t=e.offsetWidth,a=parseFloat(l.marginLeft)\|\|0,i=parseFloat(l.marginRight)\|\|0,r=e.offsetHeight,s=parseFloat(l.marginTop)\|\|0,u=parseFloat(l.marginBottom)\|\|0;o(n?r+s+u:t+a+i)}}};l();const t=new ResizeObserver((()=>{l()}));return a.current&&t.observe(a.current),()=>{t.disconnect()}}),[e.length,u,n]);const m=(0,r.useMemo)((()=>{if(!u\|\|u>=e.length\|\|0===s)return{};const t=e.length,a=Math.floor(u/2);let i;return i=l<=a?0:l>=t-a-1?-(t-u)s:-(l-a)s,{transform:n?`translateY(${i}px)`:`translateX(${i}px)`,transition:"transform 0.3s ease-out"}}),[e.length,l,u,s,n]),d=(0,r.useMemo)((()=>{if(!u\|\|u>=e.length\|\|0===s)return{};const l=us;return n?{height:`${l}px`,overflow:"hidden"}:{width:`${l}px`,overflow:"hidden"}}),[u,e.length,s,n]);return e&&0!==e.length?(0,i.jsx)("div",{className:c,children:(0,i.jsx)("div",{"aria-label":"Bullet Navigation",className:"image-gallery-bullets-container",role:"navigation",style:d,children:(0,i.jsx)("div",{ref:a,className:"image-gallery-bullets-inner",style:m,children:e})})}):null})),d=550,h=3e3,b=.4,p=30,f="cubic-bezier(0.4, 0, 0.2, 1)",y={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"})]})},v={strokeWidth:1,viewBox:"0 0 24 24"},x=e=>{const{strokeWidth:n,viewBox:l,icon:t}={...v,...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:y[t]})},w=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)(x,{icon:"bottom",viewBox:"6 0 12 24"})})));w.displayName="BottomNav";const S=w,k=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)(x,{icon:e?"minimize":"maximize",strokeWidth:2})})));k.displayName="Fullscreen";const C=k,T=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)(x,{icon:"left",viewBox:"6 0 12 24"})})));T.displayName="LeftNav";const R=T,j=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)(x,{icon:e?"pause":"play",strokeWidth:2})})));j.displayName="PlayPause";const I=j,z=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)(x,{icon:"right",viewBox:"6 0 12 24"})})));z.displayName="RightNav";const F=z,E=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)(x,{icon:"top",viewBox:"6 0 12 24"})})));E.displayName="TopNav";const L=E;function N(e,n,l={}){const{leading:t=!0,trailing:a=!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),t?u():i=l):a&&!r&&(r=setTimeout((()=>{r=null,s&&u()}),n-g))}}function M(e,n){let l;return function(...t){clearTimeout(l),l=setTimeout((()=>{e.apply(this,t)}),n)}}const $=(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})]})})),P={description:"",fullscreen:"",isFullscreen:!1,originalAlt:"",originalHeight:"",originalWidth:"",originalTitle:"",sizes:"",srcSet:"",loading:"eager"},W=r.default.memo((e=>{const{description:n,fullscreen:l,handleImageLoaded:t,isFullscreen:a,onImageError:s,original:o,originalAlt:u,originalHeight:g,originalWidth:c,originalTitle:m,sizes:d,srcSet:h,loading:b}={...P,...e},p=a&&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=>t(e,o)}),n&&(0,i.jsx)("span",{className:"image-gallery-description",children:n})]})}));W.displayName="Item";const B=W,D=(0,r.memo)((function({index:e,alignment:n="",originalClass:l="",style:t={},onClick:a,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:t,tabIndex:-1,onClick:a,onFocus:g,onKeyUp:r,onMouseLeave:c,onMouseOver:g,onTouchEnd:o,onTouchMove:s,onTouchStart:u,children:m},`slide-${e}`)}));let H=!1;function O(e,n){return Math.abs(e)>=Math.abs(n)?e>0?"Right":"Left":n>0?"Down":"Up"}function A(e){if(e.length<2)return 0;const n=e[0],l=e[e.length-1],t=l.time-n.time;if(0===t)return 0;const a=l.x-n.x,i=l.y-n.y;return Math.sqrt(aa+ii)/t}const U={className:"",delta:0,onSwiping:()=>{},onSwiped:()=>{}},q=e=>{const{children:n,className:l,delta:t,onSwiping:a,onSwiped:s}={...U,...e},{ref:o}=function({delta:e=0,onSwiping:n,onSwiped:l}){const t=(0,r.useRef)({swiping:!1,startX:0,startY:0,samples:[]}),a=(0,r.useRef)({delta:e,onSwiping:n,onSwiped:l});a.current={delta:e,onSwiping:n,onSwiped:l};const i=(0,r.useRef)(null);if(!i.current){const e=e=>{const n=e.touches[0],l=t.current;l.startX=n.clientX,l.startY=n.clientY,l.swiping=!1,l.samples=[{x:n.clientX,y:n.clientY,time:Date.now()}]},n=e=>{const n=e.touches[0],l=t.current,{delta:i,onSwiping:r}=a.current,s=n.clientX-l.startX,o=n.clientY-l.startY,u=Math.abs(s),g=Math.abs(o),c=Date.now();l.samples.push({x:n.clientX,y:n.clientY,time:c});const m=c-100;for(;l.samples.length>1&&l.samples[0].time<m;)l.samples.shift();if(!l.swiping){if(Math.max(u,g)<i)return;l.swiping=!0}r&&r({event:e,absX:u,absY:g,dir:O(s,o),velocity:A(l.samples)})},l=e=>{const n=t.current,{onSwiped:l}=a.current;if(n.swiping){if(n.swiping=!1,l){const t=(e.changedTouches[0]?.clientX??0)-n.startX,a=(e.changedTouches[0]?.clientY??0)-n.startY;l({event:e,absX:Math.abs(t),absY:Math.abs(a),dir:O(t,a),velocity:A(n.samples)})}n.samples=[]}};i.current={touchstart:e,touchmove:n,touchend:l}}const s=(0,r.useRef)(null);return{ref:(0,r.useCallback)((e=>{const n=i.current;s.current&&(s.current.removeEventListener("touchstart",n.touchstart),s.current.removeEventListener("touchmove",n.touchmove),s.current.removeEventListener("touchend",n.touchend)),s.current=e,e&&(e.addEventListener("touchstart",n.touchstart,{passive:!0}),e.addEventListener("touchmove",n.touchmove,{passive:!1}),e.addEventListener("touchend",n.touchend,{passive:!0}))}),[])}}({delta:t,onSwiping:a,onSwiped:s});return(0,i.jsx)("div",{ref:o,className:l,children:n})},Y=(0,r.memo)((function({index:e,isActive:n=!1,thumbnailClass:l="",onMouseLeave:t,onMouseOver:a,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:t??void 0,onMouseOver:a??void 0,children:u},`thumbnail-${e}`)})),X=(0,r.memo)((function({thumbnails:e=[],thumbnailPosition:n="bottom",thumbnailStyle:l={},thumbnailBarHeight:t={},isRTL:a=!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&&a},{"thumbnails-swipe-horizontal":!m&&!r},{"thumbnails-swipe-vertical":m&&!r});return e&&0!==e.length?(0,i.jsx)(q,{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:t,children:(0,i.jsx)("nav",{ref:c,"aria-label":"Thumbnail Navigation",className:"image-gallery-thumbnails-container",style:l,children:e})})}):null}));!function(){if(H\|\|"undefined"==typeof document)return;if(document.querySelector("style[data-image-gallery]"))return void(H=!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 position: relative;\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 text-align: center;\n}\n\n.image-gallery-bullets .image-gallery-bullets-container {\n margin: 0 auto;\n padding: 0;\n display: inline-block;\n}\n\n.image-gallery-bullets .image-gallery-bullets-inner {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n white-space: nowrap;\n padding: 2px 0;\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 margin: 0 4px;\n outline: none;\n width: calc(var(--ig-bullet-size, 4px) 2 + 2px);\n height: calc(var(--ig-bullet-size, 4px) * 2 + 2px);\n padding: 0;\n flex-shrink: 0;\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 width: calc(var(--ig-bullet-size-small, 3px) * 2 + 2px);\n height: calc(var(--ig-bullet-size-small, 3px) * 2 + 2px);\n }\n}\n\n@media (max-width: 480px) {\n .image-gallery-bullets .image-gallery-bullet {\n width: 8px;\n height: 8px;\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\n .image-gallery-bullets-inner {\n flex-direction: column;\n padding: 0 2px;\n}\n\n.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet {\n display: block;\n margin: 4px 0;\n}\n\n@media (max-width: 768px) {\n .image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet {\n margin: 3px 0;\n }\n}\n\n@media (max-width: 480px) {\n .image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet {\n margin: 3px 0;\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),H=!0}();const V=["fullscreenchange","MSFullscreenChange","mozfullscreenchange","webkitfullscreenchange"];function G(e){const n=parseInt(String(e.keyCode\|\|e.which\|\|0),10);return 13===n\|\|32===n}function K(e){return{left:" image-gallery-thumbnails-left",right:" image-gallery-thumbnails-right",bottom:" image-gallery-thumbnails-bottom",top:" image-gallery-thumbnails-top"}[e]\|\|""}const Z=(0,r.forwardRef)((function(e,n){const{additionalClass:l="",autoPlay:t=!1,disableKeyDown:a=!1,disableSwipe:s=!1,disableThumbnailScroll:o=!1,disableThumbnailSwipe:u=!1,flickThreshold:y=b,indexSeparator:v=" / ",infinite:x=!0,isRTL:w=!1,items:k,lazyLoad:T=!1,onBeforeSlide:j,onBulletClick:z,onClick:E,onErrorImageURL:P="",onImageError:W,onImageLoad:H,onMouseLeave:O,onMouseOver:A,onPause:U,onPlay:Z,onScreenChange:J,onSlide:Q,onThumbnailClick:_,onThumbnailError:ee,onTouchEnd:ne,onTouchMove:le,onTouchStart:te,renderBottomNav:ae=(e,n)=>(0,i.jsx)(S,{disabled:n,onClick:e}),renderCustomControls:ie,renderFullscreenButton:re=(e,n)=>(0,i.jsx)(C,{isFullscreen:n,onClick:e}),renderItem:se,renderLeftNav:oe=(e,n)=>(0,i.jsx)(R,{disabled:n,onClick:e}),renderPlayPauseButton:ue=(e,n)=>(0,i.jsx)(I,{isPlaying:n,onClick:e}),renderRightNav:ge=(e,n)=>(0,i.jsx)(F,{disabled:n,onClick:e}),renderThumbInner:ce,renderTopNav:me=(e,n)=>(0,i.jsx)(L,{disabled:n,onClick:e}),showBullets:de=!1,maxBullets:he,showFullscreenButton:be=!0,showIndex:pe=!1,showNav:fe=!0,showPlayButton:ye=!0,showThumbnails:ve=!0,slideDuration:xe=d,slideInterval:we=h,slideOnThumbnailOver:Se=!1,slideVertically:ke=!1,startIndex:Ce=0,stopPropagation:Te=!1,swipeThreshold:Re=p,thumbnailPosition:je="bottom",useBrowserFullscreen:Ie=!0,useTranslate3D:ze=!0,useWindowKeyDown:Fe=!0}=e,Ee=(0,r.useRef)(null),Le=(0,r.useRef)(null),Ne=(0,r.useRef)(null),Me=(0,r.useRef)({}),$e=(0,r.useRef)([]),Pe=(0,r.useRef)(null),We=(0,r.useRef)(null),[Be,De]=(0,r.useState)(0),[He,Oe]=(0,r.useState)(0),[Ae,Ue]=(0,r.useState)(0),qe=(0,r.useRef)(!1),Ye=(0,r.useRef)(!1),Xe=(0,r.useRef)(null),Ve=(0,r.useRef)(0),Ge=(0,r.useRef)(null),Ke=k.length,Ze=Ke>=2,{currentIndex:Je,displayIndex:Qe,isTransitioning:_e,currentSlideOffset:en,canSlideLeft:nn,canSlideRight:ln,slideToIndex:tn,slideToIndexCore:an,slideToIndexWithStyleReset:rn,slideLeft:sn,slideRight:on,getContainerStyle:un,getExtendedSlides:gn,getAlignmentClass:cn,setCurrentSlideOffset:mn,setSlideStyle:dn,setIsTransitioning:hn,totalDisplaySlides:bn}=function({items:e,startIndex:n=0,infinite:l=!0,isRTL:t=!1,slideDuration:a=d,onSlide:i,onBeforeSlide:s}){const[o,u]=(0,r.useState)(n),[g,c]=(0,r.useState)(n),[m,h]=(0,r.useState)(!1),[b,p]=(0,r.useState)(0),[y,v]=(0,r.useState)(l&&e.length>1?n+1:n),[x,w]=(0,r.useState)({transition:`transform ${a}ms ${f}`}),S=(0,r.useRef)(null),k=(0,r.useRef)(null),C=(0,r.useRef)(!1),T=e.length,R=T>=2,j=l&&T>1?T+2:T;(0,r.useEffect)((()=>()=>{S.current&&window.clearTimeout(S.current),k.current&&window.clearTimeout(k.current)}),[]),(0,r.useEffect)((()=>{u(n),v(l&&e.length>1?n+1:n),w({transition:"none"})}),[e,n,l]);const I=(0,r.useCallback)((()=>o>0),[o]),z=(0,r.useCallback)((()=>o<T-1),[o,T]),F=(0,r.useCallback)((()=>l\|\|(t?z():I())),[l,t,z,I]),E=(0,r.useCallback)((()=>l\|\|(t?I():z())),[l,t,z,I]),L=(0,r.useCallback)((()=>{S.current=window.setTimeout((()=>{m&&(h(!1),i&&i(o))}),a+50)}),[m,o,a,i]),M=(0,r.useCallback)((e=>l&&T>1?e+1:e),[l,T]),$=(0,r.useCallback)(((e,n)=>{C.current=!0,w({transition:"none"}),v(n),k.current=window.setTimeout((()=>{w({transition:`transform ${a}ms ${f}`}),C.current=!1}),50)}),[a]),P=(0,r.useCallback)(((e,n,t=!1,r)=>{if((m\|\|C.current)&&!t)return;const g=r??a,d=T-1;let b,y=e,x=!1,k=null;e<0?(y=d,x=!0,k="start"):e>d&&(y=0,x=!0,k="end"),b=l&&T>1?x&&"start"===k?0:x&&"end"===k?j-1:y+1:y,s&&y!==o&&s(y),c(o),u(y),v(b),h(y!==o\|\|x),p(0),w({transition:`transform ${g}ms ${f}`}),l&&T>1&&x&&(S.current=window.setTimeout((()=>{h(!1),i&&i(y);const e=M(y);$(y,e)}),g+20))}),[o,T,j,a,s,i,m,l,M,$]),W=(0,r.useRef)(N(((e,n)=>{P(e,n,!1)}),a,{trailing:!1}));(0,r.useEffect)((()=>{W.current=N(((e,n)=>{P(e,n,!1)}),a,{trailing:!1})}),[a,P]);const B=(0,r.useCallback)(((e,n)=>{W.current(e,n)}),[]),D=(0,r.useCallback)(((e,n)=>{p((n=>n+(o>e?.001:-.001))),w({transition:"none"}),window.setTimeout((()=>{P(e,n)}),25)}),[o,P]),H=(0,r.useCallback)((e=>{const n=o+("left"==(t?"right":"left")?-1:1);m\|\|C.current\|\|(2===T?D(n,e):B(n,e))}),[t,o,m,T,D,B]),O=(0,r.useCallback)((e=>{const n=o+("left"==(t?"left":"right")?-1:1);m\|\|C.current\|\|(2===T?D(n,e):B(n,e))}),[t,o,m,T,D,B]),A=(0,r.useCallback)((({useTranslate3D:e=!0,slideVertically:n=!1}={})=>{const l=-(100y-b(t?-1:1)),a=n?e?`translate3d(0, ${l}%, 0)`:`translate(0, ${l}%)`:e?`translate3d(${l}%, 0, 0)`:`translate(${l}%, 0)`;return{transform:a,WebkitTransform:a,MozTransform:a,msTransform:a,OTransform:a,...x}}),[y,b,x,t]),U=(0,r.useCallback)((()=>{if(!l\|\|T<=1)return{extendedItems:e,getSlideKey:e=>`slide-${e}`,getRealIndex:e=>e};const n=[e[T-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?T-1:e===n.length-1?0:e-1}}),[e,T,l]),q=(0,r.useCallback)((e=>{const{getRealIndex:n}=U(),l=n(e);return l===o?"image-gallery-center":l===(o-1+T)%T?"image-gallery-left":l===(o+1)%T?"image-gallery-right":""}),[o,T,U]);return(0,r.useEffect)((()=>{m&&!C.current&&L()}),[m,L]),{currentIndex:o,previousIndex:g,displayIndex:y,isTransitioning:m,currentSlideOffset:b,slideStyle:x,canSlide:R,canSlideLeft:F,canSlideRight:E,canSlidePrevious:I,canSlideNext:z,slideToIndex:B,slideToIndexCore:P,slideToIndexWithStyleReset:D,slideLeft:H,slideRight:O,getContainerStyle:A,getExtendedSlides:U,getAlignmentClass:q,setCurrentSlideOffset:p,setSlideStyle:w,setIsTransitioning:h,totalDisplaySlides:j}}({items:k,startIndex:Ce,infinite:x,isRTL:w,slideDuration:xe,onSlide:Q,onBeforeSlide:j}),{thumbsTranslate:pn,setThumbsTranslate:fn,thumbsSwipedTranslate:yn,setThumbsSwipedTranslate:vn,setThumbsStyle:xn,thumbnailsWrapperWidth:wn,thumbnailsWrapperHeight:Sn,isSwipingThumbnail:kn,setIsSwipingThumbnail:Cn,thumbnailsWrapperRef:Tn,thumbnailsRef:Rn,isThumbnailVertical:jn,getThumbnailStyle:In,getThumbnailBarHeight:zn,initResizeObserver:Fn,removeResizeObserver:En}=function({currentIndex:e,items:n,thumbnailPosition:l="bottom",disableThumbnailScroll:t=!1,slideDuration:a=d,isRTL:i=!1,useTranslate3D:s=!0}){const[o,u]=(0,r.useState)(0),[g,c]=(0,r.useState)(0),[m,h]=(0,r.useState)({transition:`all ${a}ms ease-out`}),[b,p]=(0,r.useState)(0),[f,y]=(0,r.useState)(0),[v,x]=(0,r.useState)(!1),w=(0,r.useRef)(null),S=(0,r.useRef)(null),k=(0,r.useRef)(null),C=(0,r.useRef)(e),T=(0,r.useCallback)((()=>"left"===l\|\|"right"===l),[l]),R=(0,r.useCallback)((e=>{if(t)return 0;const l=S.current;if(!l)return 0;let a;if(T()){if(l.scrollHeight<=f)return 0;a=l.scrollHeight-f}else{if(l.scrollWidth<=b\|\|b<=0)return 0;a=l.scrollWidth-b}return e(a/(n.length-1))}),[t,n.length,b,f,T]),j=(0,r.useCallback)((()=>{if(v)return;const n=-R(e);h({transition:`all ${a}ms ease-out`}),0===e?(u(0),c(0)):(u(n),c(n))}),[e,R,v,a]);(0,r.useEffect)((()=>{C.current!==e&&(C.current=e,j())}),[e,j]);const I=(0,r.useRef)(l);(0,r.useEffect)((()=>{if(I.current!==l){I.current=l,h({transition:"none"}),u(0),c(0);const t=()=>{if(!w.current\|\|!S.current)return;const t=w.current.getBoundingClientRect(),i=t.width,r=t.height;p(i),y(r);const s="left"===l\|\|"right"===l,o=S.current;let g;if(s){if(o.scrollHeight<=r)return void h({transition:`all ${a}ms ease-out`});g=o.scrollHeight-r}else{if(o.scrollWidth<=i)return void h({transition:`all ${a}ms ease-out`});g=o.scrollWidth-i}const m=g/(n.length-1),d=-em;u(d),c(d),requestAnimationFrame((()=>{h({transition:`all ${a}ms ease-out`})}))};requestAnimationFrame((()=>{requestAnimationFrame((()=>{setTimeout(t,100)}))}))}}),[l,e,n.length,a]);const z=(0,r.useCallback)((()=>{const e=i?-1o: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]),F=(0,r.useCallback)((e=>T()?{height:e}:{}),[T]),E=(0,r.useCallback)((e=>{e?.current&&(k.current=new ResizeObserver(M((e=>{e&&e.forEach((e=>{p(e.contentRect.width),y(e.contentRect.height)}))}),50)),k.current.observe(e.current))}),[]),L=(0,r.useCallback)((()=>{k.current&&w.current&&(k.current.unobserve(w.current),k.current=null)}),[]),N=(0,r.useRef)({width:0,height:0});(0,r.useEffect)((()=>{if(0===b&&0===f)return;if(N.current.width===b&&N.current.height===f)return;if(N.current={width:b,height:f},v)return;const l=S.current;if(!l)return;let t;if(T()){if(l.scrollHeight<=f)return u(0),void c(0);t=l.scrollHeight-f}else{if(l.scrollWidth<=b)return u(0),void c(0);t=l.scrollWidth-b}const a=t/(n.length-1),i=-ea;u(i),c(i)}),[b,f,e,n.length,v,T]),(0,r.useEffect)((()=>()=>{L()}),[L]);const $=(0,r.useCallback)((()=>{x(!0),c(o),h({transition:`all ${a}ms ease-out`})}),[o,a]),P=(0,r.useCallback)((()=>{x(!1)}),[]);return{thumbsTranslate:o,setThumbsTranslate:u,thumbsSwipedTranslate:g,setThumbsSwipedTranslate:c,thumbsStyle:m,setThumbsStyle:h,thumbnailsWrapperWidth:b,thumbnailsWrapperHeight:f,isSwipingThumbnail:v,setIsSwipingThumbnail:x,thumbnailsWrapperRef:w,thumbnailsRef:S,isThumbnailVertical:T,getThumbsTranslate:R,getThumbnailStyle:z,getThumbnailBarHeight:F,slideThumbnailBar:j,initResizeObserver:E,removeResizeObserver:L,handleThumbnailSwipeEnd:$,resetSwipingThumbnail:P}}({currentIndex:Je,items:k,thumbnailPosition:je,disableThumbnailScroll:o,slideDuration:xe,isRTL:w,useTranslate3D:ze}),{isFullscreen:Ln,modalFullscreen:Nn,fullScreen:Mn,exitFullScreen:$n,toggleFullScreen:Pn,handleScreenChange:Wn}=function({useBrowserFullscreen:e=!0,onScreenChange:n,galleryRef:l}){const[t,a]=(0,r.useState)(!1),[i,s]=(0,r.useState)(!1),o=(0,r.useCallback)((()=>{const t=document,i=t.fullscreenElement\|\|t.msFullscreenElement\|\|t.mozFullScreenElement\|\|t.webkitFullscreenElement,r=l?.current===i;n&&n(r),e&&a(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),a(!0))}),[l,e,u]),c=(0,r.useCallback)((()=>{if(!t)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),a(!1)}),[t,e,u]),m=(0,r.useCallback)((()=>{t?c():g()}),[t,c,g]);return{isFullscreen:t,modalFullscreen:i,fullScreen:g,exitFullScreen:c,toggleFullScreen:m,handleScreenChange:o}}({useBrowserFullscreen:Ie,onScreenChange:J,galleryRef:Ee}),{isPlaying:Bn,playPauseIntervalRef:Dn,play:Hn,pause:On,togglePlay:An}=function({autoPlay:e=!1,slideInterval:n=h,slideDuration:l=d,infinite:t=!0,totalSlides:a,currentIndex:i,canSlideRight:s,slideToIndexCore:o,slideToIndexWithStyleReset:u,onPlay:g,onPause:c}){const[m,b]=(0,r.useState)(!1),p=(0,r.useRef)(null),f=(0,r.useRef)(null),y=(0,r.useCallback)((()=>{if(t\|\|s()){const e=i+1;2===a?u(e):o(e)}else p.current&&(clearInterval(p.current),p.current=null,b(!1),c&&c(i))}),[t,s,i,a,o,u,c]);f.current=y;const v=(0,r.useCallback)(((e=!0)=>{p.current\|\|(b(!0),p.current=setInterval((()=>f.current?.()),Math.max(n,l)),g&&e&&g(i))}),[n,l,g,i]),x=(0,r.useCallback)(((e=!0)=>{p.current&&(clearInterval(p.current),p.current=null,b(!1),c&&e&&c(i))}),[c,i]),w=(0,r.useCallback)((()=>{p.current?x():v()}),[v,x]),S=(0,r.useRef)(v),k=(0,r.useRef)(x);return S.current=v,k.current=x,(0,r.useEffect)((()=>{m&&(k.current(!1),S.current(!1))}),[n,l,m]),(0,r.useEffect)((()=>{e&&!p.current&&S.current()}),[e]),(0,r.useEffect)((()=>()=>{p.current&&(clearInterval(p.current),p.current=null)}),[]),{isPlaying:m,playPauseIntervalRef:p,play:v,pause:x,togglePlay:w}}({autoPlay:t,slideInterval:we,slideDuration:xe,infinite:x,totalSlides:Ke,currentIndex:Je,canSlideRight:ln,slideToIndexCore:an,slideToIndexWithStyleReset:rn,onPlay:Z,onPause:U}),Un=(0,r.useCallback)((()=>{qe.current=!1,Ye.current=!1}),[]),qn=(0,r.useCallback)((()=>{return e=Ve.current,n=Re,Math.abs(e)>n;var e,n}),[Re]),Yn=(0,r.useCallback)((({event:e,absX:n,absY:l,dir:t})=>{const a=t,i=qe.current,r=Ye.current;if(("Up"===a\|\|"Down"===a\|\|i)&&!r&&(i\|\|(qe.current=!0),!ke))return;if("Left"!==a&&"Right"!==a\|\|r\|\|(Ye.current=!0),s)return;Te&&e.preventDefault();const o=!i&&!r;if(_e&&!o)return void(Ve.current=0);if(_e&&o&&hn(!1),function(e,n){return!("Left"!==e&&"Right"!==e\|\|!n)\|\|!("Up"!==e&&"Down"!==e\|\|n)}(a,ke))return;const u=function(e,n,l,t,a,i){const r={Left:-1,Right:1,Up:-1,Down:1}[a];let s=i?n/t100:e/l100;return Math.abs(s)>=100&&(s=100),rs}(n,l,Be,He,a,ke);Ve.current=u;const g=Xe.current;g&&(o&&(g.style.transition="none"),null!==Ge.current&&cancelAnimationFrame(Ge.current),Ge.current=requestAnimationFrame((()=>{Ge.current=null;const e=Ve.current(w?-1:1),n=-(100Qe-e),l=ke?ze?`translate3d(0, ${n}%, 0)`:`translate(0, ${n}%)`:ze?`translate3d(${n}%, 0, 0)`:`translate(${n}%, 0)`;g.style.transform=l})))}),[s,Te,_e,Be,He,ke,Qe,w,ze,hn]),Xn=(0,r.useCallback)(((e,n,l)=>{null!==Ge.current&&(cancelAnimationFrame(Ge.current),Ge.current=null);const t=Ve.current,a=function(e,n,l,t,a,i,r){let s=e;return!l&&!t\|\|a\|\|(s+=n),-1!==n\|\|i\|\|(s=e),1!==n\|\|r\|\|(s=e),s}(Je,e,qn(),n,_e,nn(),ln()),i=function(e,n,l,t,a,i){const r=Math.abs(e),s=(n!==l?100-r:r)/100i;return t>0?Math.min(a,Math.max(80,Math.round(s/t))):a}(t,a,Je,l,xe,ke?He:Be),r=function(e,n,l,t){const a=n-1;return e<0?0:e>a?t&&n>1?l-1:a:t&&n>1?e+1:e}(a,Ke,bn,x),s=Xe.current;if(s){s.getBoundingClientRect(),s.style.transition=`transform ${i}ms ${f}`;const e=-100r;s.style.transform=ke?ze?`translate3d(0, ${e}%, 0)`:`translate(0, ${e}%)`:ze?`translate3d(${e}%, 0, 0)`:`translate(${e}%, 0)`}mn(t),an(a,void 0,!1,i),Ve.current=0}),[Je,Ke,bn,x,_e,xe,ke,ze,Be,He,qn,nn,ln,an,mn]),Vn=(0,r.useCallback)((({event:e,dir:n,velocity:l})=>{if(s)return;Te&&e.stopPropagation(),Un();const t=n,a=function(e,n,l){return l?"Up"===e?1:-1:("Left"===e?1:-1)(n?-1:1)}(t,w,ke),i=function(e,n,l,t){return t?e>n&&!("Left"===l\|\|"Right"===l):e>n&&!("Up"===l\|\|"Down"===l)}(l,y,t,ke);Xn(a,i,l)}),[s,Te,Un,w,ke,y,Xn]),Gn=(0,r.useCallback)((({event:e,absX:n,absY:l,dir:t})=>{const a=t,i=jn(),r=qe.current,s=Ye.current;if(i){if(("Left"===a\|\|"Right"===a\|\|s)&&!r)return void(s\|\|(Ye.current=!0));"Up"!==a&&"Down"!==a\|\|r\|\|(qe.current=!0)}else{if(("Up"===a\|\|"Down"===a\|\|r)&&!s)return void(r\|\|(qe.current=!0));"Left"!==a&&"Right"!==a\|\|s\|\|(Ye.current=!0)}const o=Rn.current;if(!o)return;let u,g,c,m,d;i?(u=yn+("Down"===a?l:-l),g=o.scrollHeight-Sn+0,c=Math.abs(u)>g,m=u>0,d=o.scrollHeight<=Sn):(u=yn+("Right"===a?n:-n),g=o.scrollWidth-wn+0,c=Math.abs(u)>g,m=u>0,d=o.scrollWidth<=wn),d\|\|("Left"!==a&&"Up"!==a\|\|!c)&&("Right"!==a&&"Down"!==a\|\|!m)&&(Te&&e.stopPropagation(),fn(u),kn\|\|(xn({transition:"none"}),Cn(!0)))}),[jn,Sn,wn,yn,Te,kn,Rn,fn,xn,Cn]),Kn=(0,r.useCallback)((({velocity:e,dir:n})=>{Un();const l=Rn.current,t=jn(),a=t?l?.scrollHeight??0:l?.scrollWidth??0,i=t?Sn:wn,{targetTranslate:r,transitionStyle:s}=function(e){const{velocity:n,direction:l,isVertical:t,currentTranslate:a,scrollSize:i,wrapperSize:r,slideDuration:s,emptySpaceMargin:o=0,momentumMultiplier:u=150}=e,g=function(e,n=150){return en}(n,u),c=function(e,n){return n?"Down"===e?1:-1:"Right"===e?1:-1}(l,t);let m=a+gc;const h=i-r+o;h>0&&(m=function(e,n,l=0){let t=Math.min(l,e);return t=Math.max(-n,t),t}(m,h,o));const b=function(e,n=d,l=700){return Math.min(l,n+100e)}(n,s);return{targetTranslate:m,transitionDuration:b,transitionStyle:`all ${b}ms cubic-bezier(0.25, 0.46, 0.45, 0.94)`}}({velocity:e,direction:n,isVertical:t,currentTranslate:pn,scrollSize:a,wrapperSize:i,slideDuration:xe});xn({transition:s}),fn(r),vn(r),Cn(!1)}),[Un,pn,fn,vn,Cn,xn,xe,jn,Rn,Sn,wn]),Zn=(0,r.useCallback)((e=>{if(Ee.current?.classList.remove("image-gallery-using-mouse"),!a)switch(parseInt(String(e.keyCode\|\|e.which\|\|0),10)){case 37:nn()&&!Dn?.current&&sn(e);break;case 39:ln()&&!Dn?.current&&on(e);break;case 27:Ln&&!Ie&&$n()}}),[a,nn,ln,sn,on,Ln,Ie,$n,Dn]);We.current=Zn;const Jn=(0,r.useCallback)((e=>{We.current?.(e)}),[]),Qn=(0,r.useCallback)((()=>{Ee.current?.classList.add("image-gallery-using-mouse")}),[]),_n=(0,r.useCallback)((e=>{G(e)&&E&&E(e)}),[E]),el=(0,r.useCallback)(((e,n)=>{Ne.current&&(window.clearTimeout(Ne.current),Ne.current=null),Ne.current=window.setTimeout((()=>{tn(n),On()}),300)}),[tn,On]),nl=(0,r.useCallback)((()=>{Ne.current&&(window.clearTimeout(Ne.current),Ne.current=null,t&&Hn())}),[t,Hn]),ll=(0,r.useCallback)(((e,n)=>{Se&&el(e,n)}),[Se,el]),tl=(0,r.useCallback)(((e,n)=>{G(e)&&_?.(e,n)}),[_]),al=(0,r.useCallback)(((e,n)=>{const l=e.target.parentNode?.parentNode;l?.blur&&l.blur(),Je!==n&&(2===Ke?rn(n,e):tn(n,e)),_&&_(e,n)}),[Je,Ke,tn,rn,_]),il=(0,r.useCallback)(((e,n)=>{e.target.blur(),Je!==n&&(2===Ke?rn(n,e):tn(n,e)),z&&z(e,n)}),[Je,Ke,tn,rn,z]),rl=(0,r.useCallback)((e=>{P&&-1===e.currentTarget.src.indexOf(P)&&(e.currentTarget.src=P)}),[P]),sl=(0,r.useCallback)(((e,n)=>{Me.current[n]\|\|(Me.current[n]=!0,H&&H(e),ke&&fl.current?.())}),[H,ke]),ol=(0,r.useCallback)((()=>{if(!Ee.current)return;const e=Ee.current.offsetWidth;if(De(e),Oe(Ee.current.offsetHeight),Le.current)if(ke){const n=Le.current.offsetWidth\|\|e,l=Le.current.querySelector(".image-gallery-center .image-gallery-image")??Le.current.querySelector(".image-gallery-image");if(l&&l.naturalWidth>0&&l.naturalHeight>0){const e=l.naturalHeight/l.naturalWidth,t=Math.round(n*e),a=window.innerHeight-80;Ue(Math.min(t,a))}else Ue(Le.current.offsetHeight)}else Ue(Le.current.offsetHeight)}),[ke]),ul=(0,r.useCallback)((e=>{e?.current&&(Pe.current=new ResizeObserver(M((e=>{e&&e.forEach((()=>{ol()}))}),50)),Pe.current.observe(e.current))}),[ol]),gl=(0,r.useCallback)((()=>{Pe.current&&Le.current&&(Pe.current.unobserve(Le.current),Pe.current=null)}),[]),cl=(0,r.useRef)(null),ml=(0,r.useRef)(null),dl=(0,r.useRef)(null),hl=(0,r.useRef)(null),bl=(0,r.useRef)(null),pl=(0,r.useRef)(null),fl=(0,r.useRef)(null);cl.current=Qn,ml.current=Wn,dl.current=ul,hl.current=Fn,bl.current=gl,pl.current=En,fl.current=ol;const yl=(0,r.useCallback)((()=>{cl.current?.()}),[]),vl=(0,r.useCallback)((()=>{ml.current?.()}),[]),xl=(0,r.useCallback)((e=>{const n=W\|\|rl;return(0,i.jsx)(B,{description:e.description,fullscreen:e.fullscreen,handleImageLoaded:sl,isFullscreen:Ln,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})}),[Ln,W,rl,sl]),wl=(0,r.useCallback)((e=>{const n=ee\|\|rl;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})]})}),[ee,rl]),Sl=(0,r.useMemo)((()=>un({useTranslate3D:ze,slideVertically:ke})),[un,ze,ke]),kl=(0,r.useMemo)((()=>{const e=[],n=[],l=[],{extendedItems:t,getSlideKey:a,getRealIndex:r}=gn();return t.forEach(((n,l)=>{const t=r(l),s=cn(l),o=n.originalClass?` ${n.originalClass}`:"",u=n.renderItem\|\|se\|\|xl,g=!T\|\|s\|\|$e.current[t];g&&T&&!$e.current[t]&&($e.current[t]=!0),e.push((0,i.jsx)(D,{alignment:s,index:t,originalClass:o,onClick:E,onKeyUp:_n,onMouseLeave:O,onMouseOver:A,onTouchEnd:ne,onTouchMove:le,onTouchStart:te,children:g?u(n):(0,i.jsx)("div",{style:{height:"100%"}})},a(l)))})),k.forEach(((e,t)=>{const a=e.thumbnailClass?` ${e.thumbnailClass}`:"",r=e.renderThumbInner\|\|ce\|\|wl;ve&&e.thumbnail&&n.push((0,i.jsx)(Y,{index:t,isActive:Je===t,thumbnailClass:a,onClick:e=>al(e,t),onFocus:e=>ll(e,t),onKeyUp:e=>tl(e,t),onMouseLeave:Se?nl:null,onMouseOver:e=>ll(e,t),children:r(e)},`thumbnail-${t}`)),de&&l.push((0,i.jsx)(c,{bulletClass:e.bulletClass,index:t,isActive:Je===t,onClick:e=>il(e,t)},`bullet-${t}`))})),{slides:e,thumbnails:n,bullets:l}}),[k,Je,gn,cn,T,ve,de,Se,xl,wl,se,ce,E,_n,le,ne,te,A,O,nl,ll,tl,al,il]);(0,r.useEffect)((()=>{const e=Ee.current;return Fe?window.addEventListener("keydown",Jn):e?.addEventListener("keydown",Jn),window.addEventListener("mousedown",yl),dl.current?.(Le),hl.current?.(Tn),V.forEach((e=>{document.addEventListener(e,vl)})),()=>{window.removeEventListener("mousedown",yl),window.removeEventListener("keydown",Jn),e?.removeEventListener("keydown",Jn),V.forEach((e=>{document.removeEventListener(e,vl)})),bl.current?.(),pl.current?.()}}),[Fe,Jn,yl,vl,Tn]),(0,r.useEffect)((()=>{bl.current?.(),pl.current?.(),dl.current?.(Le),hl.current?.(Tn)}),[je,Tn]),(0,r.useEffect)((()=>{ve?hl.current?.(Tn):pl.current?.(),fl.current?.()}),[ve,Tn]),(0,r.useEffect)((()=>{bl.current?.(),pl.current?.(),dl.current?.(Le),hl.current?.(Tn),fl.current?.()}),[ke,Tn]),(0,r.useEffect)((()=>{T&&($e.current=[]),fl.current?.()}),[k,T]),(0,r.useImperativeHandle)(n,(()=>({play:Hn,pause:On,togglePlay:An,fullScreen:Mn,exitFullScreen:$n,toggleFullScreen:Pn,slideToIndex:an,getCurrentIndex:()=>Je})));const{slides:Cl,thumbnails:Tl,bullets:Rl}=kl,jl=g("image-gallery-slide-wrapper",K(je),{"image-gallery-rtl":w}),Il=(0,i.jsxs)("div",{ref:Le,className:jl,children:[ie&&ie(),Ze?(0,i.jsxs)(i.Fragment,{children:[fe&&(0,i.jsxs)(i.Fragment,{children:[ke?me(sn,!nn()):oe(sn,!nn()),ke?ae(on,!ln()):ge(on,!ln())]}),(0,i.jsx)(q,{className:"image-gallery-swipe",delta:0,onSwiped:Vn,onSwiping:Yn,children:(0,i.jsx)("div",{className:"image-gallery-slides",style:ke?{height:Ae}:void 0,children:(0,i.jsx)("div",{ref:Xe,className:g("image-gallery-slides-container",{vertical:ke}),style:Sl,children:Cl})})})]}):(0,i.jsx)("div",{className:"image-gallery-slides",style:ke?{height:Ae}:void 0,children:(0,i.jsx)("div",{ref:Xe,className:g("image-gallery-slides-container",{vertical:ke}),style:Sl,children:Cl})}),ye&&ue(An,Bn),de&&(0,i.jsx)(m,{bullets:Rl,currentIndex:Je,maxBullets:he,slideVertically:ke}),be&&re(Pn,Ln),pe&&(0,i.jsx)($,{currentIndex:Je,indexSeparator:v,totalItems:Ke})]}),zl=g("image-gallery",l,{"fullscreen-modal":Nn}),Fl=g("image-gallery-content",K(je),{fullscreen:Ln});return(0,i.jsx)("div",{ref:Ee,"aria-live":"polite",className:zl,children:(0,i.jsxs)("div",{className:Fl,children:[("bottom"===je\|\|"right"===je)&&Il,ve&&Tl.length>0&&(0,i.jsx)(X,{disableThumbnailSwipe:u,isRTL:w,thumbnailBarHeight:zn(Ae),thumbnailPosition:je,thumbnails:Tl,thumbnailsRef:Rn,thumbnailStyle:In(),thumbnailsWrapperRef:Tn,onSwiped:Kn,onSwiping:Gn}),("top"===je\|\|"left"===je)&&Il]})})}));var J=a.A;export{J as default};
1	+ importas e from"react/jsx-runtime";importas n from"react";var l={d:(e,n)=>{for(var t in n)l.o(n,t)&&!l.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},o:(e,n)=>Object.prototype.hasOwnProperty.call(e,n)},t={};l.d(t,{A:()=>K});const a=(i={Fragment:()=>e.Fragment,jsx:()=>e.jsx,jsxs:()=>e.jsxs},r={},l.d(r,i),r);var i,r;const s=(e=>{var n={};return l.d(n,e),n})({default:()=>n.default,forwardRef:()=>n.forwardRef,memo:()=>n.memo,useCallback:()=>n.useCallback,useEffect:()=>n.useEffect,useImperativeHandle:()=>n.useImperativeHandle,useMemo:()=>n.useMemo,useRef:()=>n.useRef,useState:()=>n.useState});function o(e){var n,l,t="";if("string"==typeof e\|\|"number"==typeof e)t+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(n=0;n<a;n++)e[n]&&(l=o(e[n]))&&(t&&(t+=" "),t+=l)}else for(l in e)e[l]&&(t&&(t+=" "),t+=l);return t}const u=function(){for(var e,n,l=0,t="",a=arguments.length;l<a;l++)(e=arguments[l])&&(n=o(e))&&(t&&(t+=" "),t+=n);return t},g=(0,s.memo)((function({index:e,isActive:n=!1,bulletClass:l="",onClick:t}){const i=u("image-gallery-bullet",l,{active:n});return(0,a.jsx)("button",{"aria-label":`Go to Slide ${e+1}`,"aria-pressed":n?"true":"false",className:i,type:"button",onClick:t},`bullet-${e}`)})),c=(0,s.memo)((function({bullets:e=[],slideVertically:n=!1,currentIndex:l=0,maxBullets:t}){const i=(0,s.useRef)(null),[r,o]=(0,s.useState)(0),g=void 0!==t&&t<3?3:t,c=u("image-gallery-bullets",{"image-gallery-bullets-vertical":n});(0,s.useEffect)((()=>{const l=()=>{if(i.current&&g&&e.length>0){const e=i.current.querySelector(".image-gallery-bullet");if(e){const l=window.getComputedStyle(e),t=e.offsetWidth,a=parseFloat(l.marginLeft)\|\|0,i=parseFloat(l.marginRight)\|\|0,r=e.offsetHeight,s=parseFloat(l.marginTop)\|\|0,u=parseFloat(l.marginBottom)\|\|0;o(n?r+s+u:t+a+i)}}};l();const t=new ResizeObserver((()=>{l()}));return i.current&&t.observe(i.current),()=>{t.disconnect()}}),[e.length,g,n]);const m=(0,s.useMemo)((()=>{if(!g\|\|g>=e.length\|\|0===r)return{};const t=e.length,a=Math.floor(g/2);let i;return i=l<=a?0:l>=t-a-1?-(t-g)r:-(l-a)r,{transform:n?`translateY(${i}px)`:`translateX(${i}px)`,transition:"transform 0.3s ease-out"}}),[e.length,l,g,r,n]),d=(0,s.useMemo)((()=>{if(!g\|\|g>=e.length\|\|0===r)return{};const l=gr;return n?{height:`${l}px`,overflow:"hidden"}:{width:`${l}px`,overflow:"hidden"}}),[g,e.length,r,n]);return e&&0!==e.length?(0,a.jsx)("div",{className:c,children:(0,a.jsx)("div",{"aria-label":"Bullet Navigation",className:"image-gallery-bullets-container",role:"navigation",style:d,children:(0,a.jsx)("div",{ref:i,className:"image-gallery-bullets-inner",style:m,children:e})})}):null})),m=550,d=3e3,h=.4,b=30,p="cubic-bezier(0.4, 0, 0.2, 1)",y={left:(0,a.jsx)("polyline",{points:"15 18 9 12 15 6"}),right:(0,a.jsx)("polyline",{points:"9 18 15 12 9 6"}),top:(0,a.jsx)("polyline",{points:"6 15 12 9 18 15"}),bottom:(0,a.jsx)("polyline",{points:"6 9 12 15 18 9"}),maximize:(0,a.jsx)("path",{d:"M8 3H3v5m18 0V3h-5m0 18h5v-5M3 16v5h5"}),minimize:(0,a.jsx)("path",{d:"M8 3v5H3m18 0h-5V3m0 18v-5h5M3 16h5v5"}),play:(0,a.jsx)("polygon",{points:"5 3 19 12 5 21 5 3"}),pause:(0,a.jsxs)(s.default.Fragment,{children:[(0,a.jsx)("rect",{height:"16",width:"4",x:"6",y:"4"}),(0,a.jsx)("rect",{height:"16",width:"4",x:"14",y:"4"})]})},f={strokeWidth:1,viewBox:"0 0 24 24"},x=e=>{const{strokeWidth:n,viewBox:l,icon:t}={...f,...e};return(0,a.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:y[t]})},v=s.default.memo((({disabled:e,onClick:n})=>(0,a.jsx)("button",{"aria-label":"Next Slide",className:"image-gallery-icon image-gallery-bottom-nav",disabled:e,type:"button",onClick:n,children:(0,a.jsx)(x,{icon:"bottom",viewBox:"6 0 12 24"})})));v.displayName="BottomNav";const w=v,S=s.default.memo((({isFullscreen:e,onClick:n})=>(0,a.jsx)("button",{"aria-label":"Open Fullscreen",className:"image-gallery-icon image-gallery-fullscreen-button",type:"button",onClick:n,children:(0,a.jsx)(x,{icon:e?"minimize":"maximize",strokeWidth:2})})));S.displayName="Fullscreen";const k=S,C=s.default.memo((({disabled:e,onClick:n})=>(0,a.jsx)("button",{"aria-label":"Previous Slide",className:"image-gallery-icon image-gallery-left-nav",disabled:e,type:"button",onClick:n,children:(0,a.jsx)(x,{icon:"left",viewBox:"6 0 12 24"})})));C.displayName="LeftNav";const T=C,R=s.default.memo((({isPlaying:e,onClick:n})=>(0,a.jsx)("button",{"aria-label":"Play or Pause Slideshow",className:"image-gallery-icon image-gallery-play-button",type:"button",onClick:n,children:(0,a.jsx)(x,{icon:e?"pause":"play",strokeWidth:2})})));R.displayName="PlayPause";const j=R,I=s.default.memo((({disabled:e,onClick:n})=>(0,a.jsx)("button",{"aria-label":"Next Slide",className:"image-gallery-icon image-gallery-right-nav",disabled:e,type:"button",onClick:n,children:(0,a.jsx)(x,{icon:"right",viewBox:"6 0 12 24"})})));I.displayName="RightNav";const F=I,z=s.default.memo((({disabled:e,onClick:n})=>(0,a.jsx)("button",{"aria-label":"Previous Slide",className:"image-gallery-icon image-gallery-top-nav",disabled:e,type:"button",onClick:n,children:(0,a.jsx)(x,{icon:"top",viewBox:"6 0 12 24"})})));z.displayName="TopNav";const E=z;function L(e,n,l={}){const{leading:t=!0,trailing:a=!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),t?u():i=l):a&&!r&&(r=setTimeout((()=>{r=null,s&&u()}),n-g))}}function N(e,n){let l;return function(...t){clearTimeout(l),l=setTimeout((()=>{e.apply(this,t)}),n)}}const M=(0,s.memo)((function({currentIndex:e,totalItems:n,indexSeparator:l=" / "}){return(0,a.jsxs)("div",{className:"image-gallery-index",children:[(0,a.jsx)("span",{className:"image-gallery-index-current",children:e+1}),(0,a.jsx)("span",{className:"image-gallery-index-separator",children:l}),(0,a.jsx)("span",{className:"image-gallery-index-total",children:n})]})})),$={description:"",fullscreen:"",isFullscreen:!1,originalAlt:"",originalHeight:"",originalWidth:"",originalTitle:"",sizes:"",srcSet:"",loading:"eager"},P=s.default.memo((e=>{const{description:n,fullscreen:l,handleImageLoaded:t,isFullscreen:i,onImageError:r,original:o,originalAlt:u,originalHeight:g,originalWidth:c,originalTitle:m,sizes:d,srcSet:h,loading:b}={...$,...e},p=i&&l\|\|o;return(0,a.jsxs)(s.default.Fragment,{children:[(0,a.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=>t(e,o)}),n&&(0,a.jsx)("span",{className:"image-gallery-description",children:n})]})}));P.displayName="Item";const W=P,B=(0,s.memo)((function({index:e,alignment:n="",originalClass:l="",style:t={},onClick:i,onKeyUp:r,onTouchMove:s,onTouchEnd:o,onTouchStart:u,onMouseOver:g,onMouseLeave:c,children:m=null}){return(0,a.jsx)("div",{"aria-label":`Go to Slide ${e+1}`,className:`image-gallery-slide ${n} ${l}`,role:"button",style:t,tabIndex:-1,onClick:i,onFocus:g,onKeyUp:r,onMouseLeave:c,onMouseOver:g,onTouchEnd:o,onTouchMove:s,onTouchStart:u,children:m},`slide-${e}`)}));let D=!1;function H(e,n){return Math.abs(e)>=Math.abs(n)?e>0?"Right":"Left":n>0?"Down":"Up"}function O(e){if(e.length<2)return 0;const n=e[0],l=e[e.length-1],t=l.time-n.time;if(0===t)return 0;const a=l.x-n.x,i=l.y-n.y;return Math.sqrt(aa+ii)/t}const A={className:"",delta:0,onSwiping:()=>{},onSwiped:()=>{}},U=e=>{const{children:n,className:l,delta:t,onSwiping:i,onSwiped:r}={...A,...e},{ref:o}=function({delta:e=0,onSwiping:n,onSwiped:l}){const t=(0,s.useRef)({swiping:!1,startX:0,startY:0,samples:[]}),a=(0,s.useRef)({delta:e,onSwiping:n,onSwiped:l});a.current={delta:e,onSwiping:n,onSwiped:l};const i=(0,s.useRef)(null);if(!i.current){const e=e=>{const n=e.touches[0],l=t.current;l.startX=n.clientX,l.startY=n.clientY,l.swiping=!1,l.samples=[{x:n.clientX,y:n.clientY,time:Date.now()}]},n=e=>{const n=e.touches[0],l=t.current,{delta:i,onSwiping:r}=a.current,s=n.clientX-l.startX,o=n.clientY-l.startY,u=Math.abs(s),g=Math.abs(o),c=Date.now();l.samples.push({x:n.clientX,y:n.clientY,time:c});const m=c-100;for(;l.samples.length>1&&l.samples[0].time<m;)l.samples.shift();if(!l.swiping){if(Math.max(u,g)<i)return;l.swiping=!0}r&&r({event:e,absX:u,absY:g,dir:H(s,o),velocity:O(l.samples)})},l=e=>{const n=t.current,{onSwiped:l}=a.current;if(n.swiping){if(n.swiping=!1,l){const t=(e.changedTouches[0]?.clientX??0)-n.startX,a=(e.changedTouches[0]?.clientY??0)-n.startY;l({event:e,absX:Math.abs(t),absY:Math.abs(a),dir:H(t,a),velocity:O(n.samples)})}n.samples=[]}};i.current={touchstart:e,touchmove:n,touchend:l}}const r=(0,s.useRef)(null);return{ref:(0,s.useCallback)((e=>{const n=i.current;r.current&&(r.current.removeEventListener("touchstart",n.touchstart),r.current.removeEventListener("touchmove",n.touchmove),r.current.removeEventListener("touchend",n.touchend)),r.current=e,e&&(e.addEventListener("touchstart",n.touchstart,{passive:!0}),e.addEventListener("touchmove",n.touchmove,{passive:!1}),e.addEventListener("touchend",n.touchend,{passive:!0}))}),[])}}({delta:t,onSwiping:i,onSwiped:r});return(0,a.jsx)("div",{ref:o,className:l,children:n})},q=(0,s.memo)((function({index:e,isActive:n=!1,thumbnailClass:l="",onMouseLeave:t,onMouseOver:i,onFocus:r,onKeyUp:s,onClick:o,children:g=null}){const c=u("image-gallery-thumbnail",l,{active:n});return(0,a.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:t??void 0,onMouseOver:i??void 0,children:g},`thumbnail-${e}`)})),Y=(0,s.memo)((function({thumbnails:e=[],thumbnailPosition:n="bottom",thumbnailStyle:l={},thumbnailBarHeight:t={},isRTL:i=!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&&i},{"thumbnails-swipe-horizontal":!m&&!r},{"thumbnails-swipe-vertical":m&&!r});return e&&0!==e.length?(0,a.jsx)(U,{className:d,delta:0,onSwiped:r?void 0:o??void 0,onSwiping:r?void 0:s??void 0,children:(0,a.jsx)("div",{ref:g,className:"image-gallery-thumbnails",style:t,children:(0,a.jsx)("nav",{ref:c,"aria-label":"Thumbnail Navigation",className:"image-gallery-thumbnails-container",style:l,children:e})})}):null}));!function(){if(D\|\|"undefined"==typeof document)return;if(document.querySelector("style[data-image-gallery]"))return void(D=!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 position: relative;\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 text-align: center;\n}\n\n.image-gallery-bullets .image-gallery-bullets-container {\n margin: 0 auto;\n padding: 0;\n display: inline-block;\n}\n\n.image-gallery-bullets .image-gallery-bullets-inner {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n white-space: nowrap;\n padding: 2px 0;\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 margin: 0 4px;\n outline: none;\n width: calc(var(--ig-bullet-size, 4px) 2 + 2px);\n height: calc(var(--ig-bullet-size, 4px) * 2 + 2px);\n padding: 0;\n flex-shrink: 0;\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 width: calc(var(--ig-bullet-size-small, 3px) * 2 + 2px);\n height: calc(var(--ig-bullet-size-small, 3px) * 2 + 2px);\n }\n}\n\n@media (max-width: 480px) {\n .image-gallery-bullets .image-gallery-bullet {\n width: 8px;\n height: 8px;\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\n .image-gallery-bullets-inner {\n flex-direction: column;\n padding: 0 2px;\n}\n\n.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet {\n display: block;\n margin: 4px 0;\n}\n\n@media (max-width: 768px) {\n .image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet {\n margin: 3px 0;\n }\n}\n\n@media (max-width: 480px) {\n .image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet {\n margin: 3px 0;\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),D=!0}();const X=["fullscreenchange","MSFullscreenChange","mozfullscreenchange","webkitfullscreenchange"];function V(e){const n=parseInt(String(e.keyCode\|\|e.which\|\|0),10);return 13===n\|\|32===n}function G(e){return{left:" image-gallery-thumbnails-left",right:" image-gallery-thumbnails-right",bottom:" image-gallery-thumbnails-bottom",top:" image-gallery-thumbnails-top"}[e]\|\|""}const K=(0,s.forwardRef)((function(e,n){const{additionalClass:l="",autoPlay:t=!1,disableKeyDown:i=!1,disableSwipe:r=!1,disableThumbnailScroll:o=!1,disableThumbnailSwipe:y=!1,flickThreshold:f=h,indexSeparator:x=" / ",infinite:v=!0,isRTL:S=!1,items:C,lazyLoad:R=!1,onBeforeSlide:I,onBulletClick:z,onClick:$,onErrorImageURL:P="",onImageError:D,onImageLoad:H,onMouseLeave:O,onMouseOver:A,onPause:K,onPlay:Z,onScreenChange:J,onSlide:Q,onThumbnailClick:_,onThumbnailError:ee,onTouchEnd:ne,onTouchMove:le,onTouchStart:te,renderBottomNav:ae=(e,n)=>(0,a.jsx)(w,{disabled:n,onClick:e}),renderCustomControls:ie,renderFullscreenButton:re=(e,n)=>(0,a.jsx)(k,{isFullscreen:n,onClick:e}),renderItem:se,renderLeftNav:oe=(e,n)=>(0,a.jsx)(T,{disabled:n,onClick:e}),renderPlayPauseButton:ue=(e,n)=>(0,a.jsx)(j,{isPlaying:n,onClick:e}),renderRightNav:ge=(e,n)=>(0,a.jsx)(F,{disabled:n,onClick:e}),renderThumbInner:ce,renderTopNav:me=(e,n)=>(0,a.jsx)(E,{disabled:n,onClick:e}),showBullets:de=!1,maxBullets:he,showFullscreenButton:be=!0,showIndex:pe=!1,showNav:ye=!0,showPlayButton:fe=!0,showThumbnails:xe=!0,slideDuration:ve=m,slideInterval:we=d,slideOnThumbnailOver:Se=!1,slideVertically:ke=!1,startIndex:Ce=0,stopPropagation:Te=!1,swipeThreshold:Re=b,thumbnailPosition:je="bottom",useBrowserFullscreen:Ie=!0,useTranslate3D:Fe=!0,useWindowKeyDown:ze=!0}=e,Ee=(0,s.useRef)(null),Le=(0,s.useRef)(null),Ne=(0,s.useRef)(null),Me=(0,s.useRef)({}),$e=(0,s.useRef)([]),Pe=(0,s.useRef)(null),We=(0,s.useRef)(null),[Be,De]=(0,s.useState)(0),[He,Oe]=(0,s.useState)(0),[Ae,Ue]=(0,s.useState)(0),qe=(0,s.useRef)(!1),Ye=(0,s.useRef)(!1),Xe=(0,s.useRef)(null),Ve=(0,s.useRef)(0),Ge=(0,s.useRef)(null),Ke=C.length,Ze=Ke>=2,{currentIndex:Je,displayIndex:Qe,isTransitioning:_e,currentSlideOffset:en,canSlideLeft:nn,canSlideRight:ln,slideToIndex:tn,slideToIndexCore:an,slideToIndexWithStyleReset:rn,slideLeft:sn,slideRight:on,getContainerStyle:un,getExtendedSlides:gn,getAlignmentClass:cn,setCurrentSlideOffset:mn,setSlideStyle:dn,setIsTransitioning:hn,totalDisplaySlides:bn}=function({items:e,startIndex:n=0,infinite:l=!0,isRTL:t=!1,slideDuration:a=m,onSlide:i,onBeforeSlide:r}){const[o,u]=(0,s.useState)(n),[g,c]=(0,s.useState)(n),[d,h]=(0,s.useState)(!1),[b,y]=(0,s.useState)(0),[f,x]=(0,s.useState)(l&&e.length>1?n+1:n),[v,w]=(0,s.useState)({transition:`transform ${a}ms ${p}`}),S=(0,s.useRef)(null),k=(0,s.useRef)(null),C=(0,s.useRef)(!1),T=e.length,R=T>=2,j=l&&T>1?T+2:T;(0,s.useEffect)((()=>()=>{S.current&&window.clearTimeout(S.current),k.current&&window.clearTimeout(k.current)}),[]),(0,s.useEffect)((()=>{u(n),x(l&&e.length>1?n+1:n),w({transition:"none"})}),[e,n,l]);const I=(0,s.useCallback)((()=>o>0),[o]),F=(0,s.useCallback)((()=>o<T-1),[o,T]),z=(0,s.useCallback)((()=>l\|\|(t?F():I())),[l,t,F,I]),E=(0,s.useCallback)((()=>l\|\|(t?I():F())),[l,t,F,I]),N=(0,s.useCallback)((()=>{S.current=window.setTimeout((()=>{d&&(h(!1),i&&i(o))}),a+50)}),[d,o,a,i]),M=(0,s.useCallback)((e=>l&&T>1?e+1:e),[l,T]),$=(0,s.useCallback)(((e,n)=>{C.current=!0,w({transition:"none"}),x(n),k.current=window.setTimeout((()=>{w({transition:`transform ${a}ms ${p}`}),C.current=!1}),50)}),[a]),P=(0,s.useCallback)(((e,n,t=!1,s)=>{if((d\|\|C.current)&&!t)return;const g=s??a,m=T-1;let b,f=e,v=!1,k=null;e<0?(f=m,v=!0,k="start"):e>m&&(f=0,v=!0,k="end"),b=l&&T>1?v&&"start"===k?0:v&&"end"===k?j-1:f+1:f,r&&f!==o&&r(f),c(o),u(f),x(b),h(f!==o\|\|v),y(0),w({transition:`transform ${g}ms ${p}`}),l&&T>1&&v&&(S.current=window.setTimeout((()=>{h(!1),i&&i(f);const e=M(f);$(f,e)}),g+20))}),[o,T,j,a,r,i,d,l,M,$]),W=(0,s.useRef)(L(((e,n)=>{P(e,n,!1)}),a,{trailing:!1}));(0,s.useEffect)((()=>{W.current=L(((e,n)=>{P(e,n,!1)}),a,{trailing:!1})}),[a,P]);const B=(0,s.useCallback)(((e,n)=>{W.current(e,n)}),[]),D=(0,s.useCallback)(((e,n)=>{y((n=>n+(o>e?.001:-.001))),w({transition:"none"}),window.setTimeout((()=>{P(e,n)}),25)}),[o,P]),H=(0,s.useCallback)((e=>{const n=o+("left"==(t?"right":"left")?-1:1);d\|\|C.current\|\|(2===T?D(n,e):B(n,e))}),[t,o,d,T,D,B]),O=(0,s.useCallback)((e=>{const n=o+("left"==(t?"left":"right")?-1:1);d\|\|C.current\|\|(2===T?D(n,e):B(n,e))}),[t,o,d,T,D,B]),A=(0,s.useCallback)((({useTranslate3D:e=!0,slideVertically:n=!1}={})=>{const l=-(100f-b(t?-1:1)),a=n?e?`translate3d(0, ${l}%, 0)`:`translate(0, ${l}%)`:e?`translate3d(${l}%, 0, 0)`:`translate(${l}%, 0)`;return{transform:a,WebkitTransform:a,MozTransform:a,msTransform:a,OTransform:a,...v}}),[f,b,v,t]),U=(0,s.useCallback)((()=>{if(!l\|\|T<=1)return{extendedItems:e,getSlideKey:e=>`slide-${e}`,getRealIndex:e=>e};const n=[e[T-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?T-1:e===n.length-1?0:e-1}}),[e,T,l]),q=(0,s.useCallback)((e=>{const{getRealIndex:n}=U(),l=n(e);return l===o?"image-gallery-center":l===(o-1+T)%T?"image-gallery-left":l===(o+1)%T?"image-gallery-right":""}),[o,T,U]);return(0,s.useEffect)((()=>{d&&!C.current&&N()}),[d,N]),{currentIndex:o,previousIndex:g,displayIndex:f,isTransitioning:d,currentSlideOffset:b,slideStyle:v,canSlide:R,canSlideLeft:z,canSlideRight:E,canSlidePrevious:I,canSlideNext:F,slideToIndex:B,slideToIndexCore:P,slideToIndexWithStyleReset:D,slideLeft:H,slideRight:O,getContainerStyle:A,getExtendedSlides:U,getAlignmentClass:q,setCurrentSlideOffset:y,setSlideStyle:w,setIsTransitioning:h,totalDisplaySlides:j}}({items:C,startIndex:Ce,infinite:v,isRTL:S,slideDuration:ve,onSlide:Q,onBeforeSlide:I}),{thumbsTranslate:pn,setThumbsTranslate:yn,thumbsSwipedTranslate:fn,setThumbsSwipedTranslate:xn,setThumbsStyle:vn,thumbnailsWrapperWidth:wn,thumbnailsWrapperHeight:Sn,isSwipingThumbnail:kn,setIsSwipingThumbnail:Cn,thumbnailsWrapperRef:Tn,thumbnailsRef:Rn,isThumbnailVertical:jn,getThumbnailStyle:In,getThumbnailBarHeight:Fn,initResizeObserver:zn,removeResizeObserver:En}=function({currentIndex:e,items:n,thumbnailPosition:l="bottom",disableThumbnailScroll:t=!1,slideDuration:a=m,isRTL:i=!1,useTranslate3D:r=!0}){const[o,u]=(0,s.useState)(0),[g,c]=(0,s.useState)(0),[d,h]=(0,s.useState)({transition:`all ${a}ms ease-out`}),[b,p]=(0,s.useState)(0),[y,f]=(0,s.useState)(0),[x,v]=(0,s.useState)(!1),w=(0,s.useRef)(null),S=(0,s.useRef)(null),k=(0,s.useRef)(null),C=(0,s.useRef)(e),T=(0,s.useCallback)((()=>"left"===l\|\|"right"===l),[l]),R=(0,s.useCallback)((e=>{if(t)return 0;const l=S.current;if(!l)return 0;let a;if(T()){if(l.scrollHeight<=y)return 0;a=l.scrollHeight-y}else{if(l.scrollWidth<=b\|\|b<=0)return 0;a=l.scrollWidth-b}return e(a/(n.length-1))}),[t,n.length,b,y,T]),j=(0,s.useCallback)((()=>{if(x)return;const n=-R(e);h({transition:`all ${a}ms ease-out`}),0===e?(u(0),c(0)):(u(n),c(n))}),[e,R,x,a]);(0,s.useEffect)((()=>{C.current!==e&&(C.current=e,j())}),[e,j]);const I=(0,s.useRef)(l);(0,s.useEffect)((()=>{if(I.current!==l){I.current=l,h({transition:"none"}),u(0),c(0);const t=()=>{if(!w.current\|\|!S.current)return;const t=w.current.getBoundingClientRect(),i=t.width,r=t.height;p(i),f(r);const s="left"===l\|\|"right"===l,o=S.current;let g;if(s){if(o.scrollHeight<=r)return void h({transition:`all ${a}ms ease-out`});g=o.scrollHeight-r}else{if(o.scrollWidth<=i)return void h({transition:`all ${a}ms ease-out`});g=o.scrollWidth-i}const m=g/(n.length-1),d=-em;u(d),c(d),requestAnimationFrame((()=>{h({transition:`all ${a}ms ease-out`})}))};requestAnimationFrame((()=>{requestAnimationFrame((()=>{setTimeout(t,100)}))}))}}),[l,e,n.length,a]);const F=(0,s.useCallback)((()=>{const e=i?-1o:o;let n;return n=T()?r?`translate3d(0, ${o}px, 0)`:`translate(0, ${o}px)`:r?`translate3d(${e}px, 0, 0)`:`translate(${e}px, 0)`,{WebkitTransform:n,MozTransform:n,msTransform:n,OTransform:n,transform:n,...d}}),[o,d,i,r,T]),z=(0,s.useCallback)((e=>T()?{height:e}:{}),[T]),E=(0,s.useCallback)((e=>{e?.current&&(k.current=new ResizeObserver(N((e=>{e&&e.forEach((e=>{p(e.contentRect.width),f(e.contentRect.height)}))}),50)),k.current.observe(e.current))}),[]),L=(0,s.useCallback)((()=>{k.current&&w.current&&(k.current.unobserve(w.current),k.current=null)}),[]),M=(0,s.useRef)({width:0,height:0});(0,s.useEffect)((()=>{if(0===b&&0===y)return;if(M.current.width===b&&M.current.height===y)return;if(M.current={width:b,height:y},x)return;const l=S.current;if(!l)return;let t;if(T()){if(l.scrollHeight<=y)return u(0),void c(0);t=l.scrollHeight-y}else{if(l.scrollWidth<=b)return u(0),void c(0);t=l.scrollWidth-b}const a=t/(n.length-1),i=-ea;u(i),c(i)}),[b,y,e,n.length,x,T]),(0,s.useEffect)((()=>()=>{L()}),[L]);const $=(0,s.useCallback)((()=>{v(!0),c(o),h({transition:`all ${a}ms ease-out`})}),[o,a]),P=(0,s.useCallback)((()=>{v(!1)}),[]);return{thumbsTranslate:o,setThumbsTranslate:u,thumbsSwipedTranslate:g,setThumbsSwipedTranslate:c,thumbsStyle:d,setThumbsStyle:h,thumbnailsWrapperWidth:b,thumbnailsWrapperHeight:y,isSwipingThumbnail:x,setIsSwipingThumbnail:v,thumbnailsWrapperRef:w,thumbnailsRef:S,isThumbnailVertical:T,getThumbsTranslate:R,getThumbnailStyle:F,getThumbnailBarHeight:z,slideThumbnailBar:j,initResizeObserver:E,removeResizeObserver:L,handleThumbnailSwipeEnd:$,resetSwipingThumbnail:P}}({currentIndex:Je,items:C,thumbnailPosition:je,disableThumbnailScroll:o,slideDuration:ve,isRTL:S,useTranslate3D:Fe}),{isFullscreen:Ln,modalFullscreen:Nn,fullScreen:Mn,exitFullScreen:$n,toggleFullScreen:Pn,handleScreenChange:Wn}=function({useBrowserFullscreen:e=!0,onScreenChange:n,galleryRef:l}){const[t,a]=(0,s.useState)(!1),[i,r]=(0,s.useState)(!1),o=(0,s.useCallback)((()=>{const t=document,i=t.fullscreenElement\|\|t.msFullscreenElement\|\|t.mozFullScreenElement\|\|t.webkitFullscreenElement,r=l?.current===i;n&&n(r),e&&a(r)}),[l,e,n]),u=(0,s.useCallback)((e=>{r(e),n&&n(e)}),[n]),g=(0,s.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),a(!0))}),[l,e,u]),c=(0,s.useCallback)((()=>{if(!t)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),a(!1)}),[t,e,u]),m=(0,s.useCallback)((()=>{t?c():g()}),[t,c,g]);return{isFullscreen:t,modalFullscreen:i,fullScreen:g,exitFullScreen:c,toggleFullScreen:m,handleScreenChange:o}}({useBrowserFullscreen:Ie,onScreenChange:J,galleryRef:Ee}),{isPlaying:Bn,playPauseIntervalRef:Dn,play:Hn,pause:On,togglePlay:An}=function({autoPlay:e=!1,slideInterval:n=d,slideDuration:l=m,infinite:t=!0,totalSlides:a,currentIndex:i,canSlideRight:r,slideToIndexCore:o,slideToIndexWithStyleReset:u,onPlay:g,onPause:c}){const[h,b]=(0,s.useState)(!1),p=(0,s.useRef)(null),y=(0,s.useRef)(null),f=(0,s.useCallback)((()=>{if(t\|\|r()){const e=i+1;2===a?u(e):o(e)}else p.current&&(clearInterval(p.current),p.current=null,b(!1),c&&c(i))}),[t,r,i,a,o,u,c]);y.current=f;const x=(0,s.useCallback)(((e=!0)=>{p.current\|\|(b(!0),p.current=setInterval((()=>y.current?.()),Math.max(n,l)),g&&e&&g(i))}),[n,l,g,i]),v=(0,s.useCallback)(((e=!0)=>{p.current&&(clearInterval(p.current),p.current=null,b(!1),c&&e&&c(i))}),[c,i]),w=(0,s.useCallback)((()=>{p.current?v():x()}),[x,v]),S=(0,s.useRef)(x),k=(0,s.useRef)(v);return S.current=x,k.current=v,(0,s.useEffect)((()=>{h&&(k.current(!1),S.current(!1))}),[n,l,h]),(0,s.useEffect)((()=>{e&&!p.current&&S.current()}),[e]),(0,s.useEffect)((()=>()=>{p.current&&(clearInterval(p.current),p.current=null)}),[]),{isPlaying:h,playPauseIntervalRef:p,play:x,pause:v,togglePlay:w}}({autoPlay:t,slideInterval:we,slideDuration:ve,infinite:v,totalSlides:Ke,currentIndex:Je,canSlideRight:ln,slideToIndexCore:an,slideToIndexWithStyleReset:rn,onPlay:Z,onPause:K}),Un=(0,s.useCallback)((()=>{qe.current=!1,Ye.current=!1}),[]),qn=(0,s.useCallback)((()=>{return e=Ve.current,n=Re,Math.abs(e)>n;var e,n}),[Re]),Yn=(0,s.useCallback)((({event:e,absX:n,absY:l,dir:t})=>{const a=t,i=qe.current,s=Ye.current;if(("Up"===a\|\|"Down"===a\|\|i)&&!s&&(i\|\|(qe.current=!0),!ke))return;if("Left"!==a&&"Right"!==a\|\|s\|\|(Ye.current=!0),r)return;Te&&e.preventDefault();const o=!i&&!s;if(_e&&!o)return void(Ve.current=0);if(_e&&o&&hn(!1),function(e,n){return!("Left"!==e&&"Right"!==e\|\|!n)\|\|!("Up"!==e&&"Down"!==e\|\|n)}(a,ke))return;const u=function(e,n,l,t,a,i){const r={Left:-1,Right:1,Up:-1,Down:1}[a];let s=i?n/t100:e/l100;return Math.abs(s)>=100&&(s=100),rs}(n,l,Be,He,a,ke);Ve.current=u;const g=Xe.current;g&&(o&&(g.style.transition="none"),null!==Ge.current&&cancelAnimationFrame(Ge.current),Ge.current=requestAnimationFrame((()=>{Ge.current=null;const e=Ve.current(S?-1:1),n=-(100Qe-e),l=ke?Fe?`translate3d(0, ${n}%, 0)`:`translate(0, ${n}%)`:Fe?`translate3d(${n}%, 0, 0)`:`translate(${n}%, 0)`;g.style.transform=l})))}),[r,Te,_e,Be,He,ke,Qe,S,Fe,hn]),Xn=(0,s.useCallback)(((e,n,l)=>{null!==Ge.current&&(cancelAnimationFrame(Ge.current),Ge.current=null);const t=Ve.current,a=function(e,n,l,t,a,i,r){let s=e;return!l&&!t\|\|a\|\|(s+=n),-1!==n\|\|i\|\|(s=e),1!==n\|\|r\|\|(s=e),s}(Je,e,qn(),n,_e,nn(),ln()),i=function(e,n,l,t,a,i){const r=Math.abs(e),s=(n!==l?100-r:r)/100i;return t>0?Math.min(a,Math.max(80,Math.round(s/t))):a}(t,a,Je,l,ve,ke?He:Be),r=function(e,n,l,t){const a=n-1;return e<0?0:e>a?t&&n>1?l-1:a:t&&n>1?e+1:e}(a,Ke,bn,v),s=Xe.current;if(s){s.getBoundingClientRect(),s.style.transition=`transform ${i}ms ${p}`;const e=-100r;s.style.transform=ke?Fe?`translate3d(0, ${e}%, 0)`:`translate(0, ${e}%)`:Fe?`translate3d(${e}%, 0, 0)`:`translate(${e}%, 0)`}mn(t),an(a,void 0,!1,i),Ve.current=0}),[Je,Ke,bn,v,_e,ve,ke,Fe,Be,He,qn,nn,ln,an,mn]),Vn=(0,s.useCallback)((({event:e,dir:n,velocity:l})=>{if(r)return;Te&&e.stopPropagation(),Un();const t=n,a=function(e,n,l){return l?"Up"===e?1:-1:("Left"===e?1:-1)(n?-1:1)}(t,S,ke),i=function(e,n,l,t){return t?e>n&&!("Left"===l\|\|"Right"===l):e>n&&!("Up"===l\|\|"Down"===l)}(l,f,t,ke);Xn(a,i,l)}),[r,Te,Un,S,ke,f,Xn]),Gn=(0,s.useCallback)((({event:e,absX:n,absY:l,dir:t})=>{const a=t,i=jn(),r=qe.current,s=Ye.current;if(i){if(("Left"===a\|\|"Right"===a\|\|s)&&!r)return void(s\|\|(Ye.current=!0));"Up"!==a&&"Down"!==a\|\|r\|\|(qe.current=!0)}else{if(("Up"===a\|\|"Down"===a\|\|r)&&!s)return void(r\|\|(qe.current=!0));"Left"!==a&&"Right"!==a\|\|s\|\|(Ye.current=!0)}const o=Rn.current;if(!o)return;let u,g,c,m,d;i?(u=fn+("Down"===a?l:-l),g=o.scrollHeight-Sn+0,c=Math.abs(u)>g,m=u>0,d=o.scrollHeight<=Sn):(u=fn+("Right"===a?n:-n),g=o.scrollWidth-wn+0,c=Math.abs(u)>g,m=u>0,d=o.scrollWidth<=wn),d\|\|("Left"!==a&&"Up"!==a\|\|!c)&&("Right"!==a&&"Down"!==a\|\|!m)&&(Te&&e.stopPropagation(),yn(u),kn\|\|(vn({transition:"none"}),Cn(!0)))}),[jn,Sn,wn,fn,Te,kn,Rn,yn,vn,Cn]),Kn=(0,s.useCallback)((({velocity:e,dir:n})=>{Un();const l=Rn.current,t=jn(),a=t?l?.scrollHeight??0:l?.scrollWidth??0,i=t?Sn:wn,{targetTranslate:r,transitionStyle:s}=function(e){const{velocity:n,direction:l,isVertical:t,currentTranslate:a,scrollSize:i,wrapperSize:r,slideDuration:s,emptySpaceMargin:o=0,momentumMultiplier:u=150}=e,g=function(e,n=150){return en}(n,u),c=function(e,n){return n?"Down"===e?1:-1:"Right"===e?1:-1}(l,t);let d=a+gc;const h=i-r+o;h>0&&(d=function(e,n,l=0){let t=Math.min(l,e);return t=Math.max(-n,t),t}(d,h,o));const b=function(e,n=m,l=700){return Math.min(l,n+100e)}(n,s);return{targetTranslate:d,transitionDuration:b,transitionStyle:`all ${b}ms cubic-bezier(0.25, 0.46, 0.45, 0.94)`}}({velocity:e,direction:n,isVertical:t,currentTranslate:pn,scrollSize:a,wrapperSize:i,slideDuration:ve});vn({transition:s}),yn(r),xn(r),Cn(!1)}),[Un,pn,yn,xn,Cn,vn,ve,jn,Rn,Sn,wn]),Zn=(0,s.useCallback)((e=>{if(Ee.current?.classList.remove("image-gallery-using-mouse"),!i)switch(parseInt(String(e.keyCode\|\|e.which\|\|0),10)){case 37:nn()&&!Dn?.current&&sn(e);break;case 39:ln()&&!Dn?.current&&on(e);break;case 27:Ln&&!Ie&&$n()}}),[i,nn,ln,sn,on,Ln,Ie,$n,Dn]);We.current=Zn;const Jn=(0,s.useCallback)((e=>{We.current?.(e)}),[]),Qn=(0,s.useCallback)((()=>{Ee.current?.classList.add("image-gallery-using-mouse")}),[]),_n=(0,s.useCallback)((e=>{V(e)&&$&&$(e)}),[$]),el=(0,s.useCallback)(((e,n)=>{Ne.current&&(window.clearTimeout(Ne.current),Ne.current=null),Ne.current=window.setTimeout((()=>{tn(n),On()}),300)}),[tn,On]),nl=(0,s.useCallback)((()=>{Ne.current&&(window.clearTimeout(Ne.current),Ne.current=null,t&&Hn())}),[t,Hn]),ll=(0,s.useCallback)(((e,n)=>{Se&&el(e,n)}),[Se,el]),tl=(0,s.useCallback)(((e,n)=>{V(e)&&_?.(e,n)}),[_]),al=(0,s.useCallback)(((e,n)=>{const l=e.target.parentNode?.parentNode;l?.blur&&l.blur(),Je!==n&&(2===Ke?rn(n,e):tn(n,e)),_&&_(e,n)}),[Je,Ke,tn,rn,_]),il=(0,s.useCallback)(((e,n)=>{e.target.blur(),Je!==n&&(2===Ke?rn(n,e):tn(n,e)),z&&z(e,n)}),[Je,Ke,tn,rn,z]),rl=(0,s.useCallback)((e=>{P&&-1===e.currentTarget.src.indexOf(P)&&(e.currentTarget.src=P)}),[P]),sl=(0,s.useCallback)(((e,n)=>{Me.current[n]\|\|(Me.current[n]=!0,H&&H(e),ke&&yl.current?.())}),[H,ke]),ol=(0,s.useCallback)((()=>{if(!Ee.current)return;const e=Ee.current.offsetWidth;if(De(e),Oe(Ee.current.offsetHeight),Le.current)if(ke){const n=Le.current.offsetWidth\|\|e,l=Le.current.querySelector(".image-gallery-center .image-gallery-image")??Le.current.querySelector(".image-gallery-image");if(l&&l.naturalWidth>0&&l.naturalHeight>0){const e=l.naturalHeight/l.naturalWidth,t=Math.round(n*e),a=window.innerHeight-80;Ue(Math.min(t,a))}else Ue(Le.current.offsetHeight)}else Ue(Le.current.offsetHeight)}),[ke]),ul=(0,s.useCallback)((e=>{e?.current&&(Pe.current=new ResizeObserver(N((e=>{e&&e.forEach((()=>{ol()}))}),50)),Pe.current.observe(e.current))}),[ol]),gl=(0,s.useCallback)((()=>{Pe.current&&Le.current&&(Pe.current.unobserve(Le.current),Pe.current=null)}),[]),cl=(0,s.useRef)(null),ml=(0,s.useRef)(null),dl=(0,s.useRef)(null),hl=(0,s.useRef)(null),bl=(0,s.useRef)(null),pl=(0,s.useRef)(null),yl=(0,s.useRef)(null);cl.current=Qn,ml.current=Wn,dl.current=ul,hl.current=zn,bl.current=gl,pl.current=En,yl.current=ol;const fl=(0,s.useCallback)((()=>{cl.current?.()}),[]),xl=(0,s.useCallback)((()=>{ml.current?.()}),[]),vl=(0,s.useCallback)((e=>{const n=D\|\|rl;return(0,a.jsx)(W,{description:e.description,fullscreen:e.fullscreen,handleImageLoaded:sl,isFullscreen:Ln,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})}),[Ln,D,rl,sl]),wl=(0,s.useCallback)((e=>{const n=ee\|\|rl;return(0,a.jsxs)("span",{className:"image-gallery-thumbnail-inner",children:[(0,a.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,a.jsx)("div",{className:"image-gallery-thumbnail-label",children:e.thumbnailLabel})]})}),[ee,rl]),Sl=(0,s.useMemo)((()=>un({useTranslate3D:Fe,slideVertically:ke})),[un,Fe,ke]),kl=(0,s.useMemo)((()=>{const e=[],n=[],l=[],{extendedItems:t,getSlideKey:i,getRealIndex:r}=gn();return t.forEach(((n,l)=>{const t=r(l),s=cn(l),o=n.originalClass?` ${n.originalClass}`:"",u=n.renderItem\|\|se\|\|vl,g=!R\|\|s\|\|$e.current[t];g&&R&&!$e.current[t]&&($e.current[t]=!0),e.push((0,a.jsx)(B,{alignment:s,index:t,originalClass:o,onClick:$,onKeyUp:_n,onMouseLeave:O,onMouseOver:A,onTouchEnd:ne,onTouchMove:le,onTouchStart:te,children:g?u(n):(0,a.jsx)("div",{style:{height:"100%"}})},i(l)))})),C.forEach(((e,t)=>{const i=e.thumbnailClass?` ${e.thumbnailClass}`:"",r=e.renderThumbInner\|\|ce\|\|wl;xe&&e.thumbnail&&n.push((0,a.jsx)(q,{index:t,isActive:Je===t,thumbnailClass:i,onClick:e=>al(e,t),onFocus:e=>ll(e,t),onKeyUp:e=>tl(e,t),onMouseLeave:Se?nl:null,onMouseOver:e=>ll(e,t),children:r(e)},`thumbnail-${t}`)),de&&l.push((0,a.jsx)(g,{bulletClass:e.bulletClass,index:t,isActive:Je===t,onClick:e=>il(e,t)},`bullet-${t}`))})),{slides:e,thumbnails:n,bullets:l}}),[C,Je,gn,cn,R,xe,de,Se,vl,wl,se,ce,$,_n,le,ne,te,A,O,nl,ll,tl,al,il]);(0,s.useEffect)((()=>{const e=Ee.current;return ze?window.addEventListener("keydown",Jn):e?.addEventListener("keydown",Jn),window.addEventListener("mousedown",fl),dl.current?.(Le),hl.current?.(Tn),X.forEach((e=>{document.addEventListener(e,xl)})),()=>{window.removeEventListener("mousedown",fl),window.removeEventListener("keydown",Jn),e?.removeEventListener("keydown",Jn),X.forEach((e=>{document.removeEventListener(e,xl)})),bl.current?.(),pl.current?.()}}),[ze,Jn,fl,xl,Tn]),(0,s.useEffect)((()=>{bl.current?.(),pl.current?.(),dl.current?.(Le),hl.current?.(Tn)}),[je,Tn]),(0,s.useEffect)((()=>{xe?hl.current?.(Tn):pl.current?.(),yl.current?.()}),[xe,Tn]),(0,s.useEffect)((()=>{bl.current?.(),pl.current?.(),dl.current?.(Le),hl.current?.(Tn),yl.current?.()}),[ke,Tn]),(0,s.useEffect)((()=>{R&&($e.current=[]),yl.current?.()}),[C,R]),(0,s.useImperativeHandle)(n,(()=>({play:Hn,pause:On,togglePlay:An,fullScreen:Mn,exitFullScreen:$n,toggleFullScreen:Pn,slideToIndex:an,getCurrentIndex:()=>Je})));const{slides:Cl,thumbnails:Tl,bullets:Rl}=kl,jl=u("image-gallery-slide-wrapper",G(je),{"image-gallery-rtl":S}),Il=(0,a.jsxs)("div",{ref:Le,className:jl,children:[ie&&ie(),Ze?(0,a.jsxs)(a.Fragment,{children:[ye&&(0,a.jsxs)(a.Fragment,{children:[ke?me(sn,!nn()):oe(sn,!nn()),ke?ae(on,!ln()):ge(on,!ln())]}),(0,a.jsx)(U,{className:"image-gallery-swipe",delta:0,onSwiped:Vn,onSwiping:Yn,children:(0,a.jsx)("div",{className:"image-gallery-slides",style:ke?{height:Ae}:void 0,children:(0,a.jsx)("div",{ref:Xe,className:u("image-gallery-slides-container",{vertical:ke}),style:Sl,children:Cl})})})]}):(0,a.jsx)("div",{className:"image-gallery-slides",style:ke?{height:Ae}:void 0,children:(0,a.jsx)("div",{ref:Xe,className:u("image-gallery-slides-container",{vertical:ke}),style:Sl,children:Cl})}),fe&&ue(An,Bn),de&&(0,a.jsx)(c,{bullets:Rl,currentIndex:Je,maxBullets:he,slideVertically:ke}),be&&re(Pn,Ln),pe&&(0,a.jsx)(M,{currentIndex:Je,indexSeparator:x,totalItems:Ke})]}),Fl=u("image-gallery",l,{"fullscreen-modal":Nn}),zl=u("image-gallery-content",G(je),{fullscreen:Ln});return(0,a.jsx)("div",{ref:Ee,"aria-live":"polite",className:Fl,children:(0,a.jsxs)("div",{className:zl,children:[("bottom"===je\|\|"right"===je)&&Il,xe&&Tl.length>0&&(0,a.jsx)(Y,{disableThumbnailSwipe:y,isRTL:S,thumbnailBarHeight:Fn(Ae),thumbnailPosition:je,thumbnails:Tl,thumbnailsRef:Rn,thumbnailStyle:In(),thumbnailsWrapperRef:Tn,onSwiped:Kn,onSwiping:Gn}),("top"===je\|\|"left"===je)&&Il]})})}));var Z=t.A;export{Z as default};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "react-image-gallery",
-  "version": "2.0.7",
+  "version": "2.0.8",
   "description": "React carousel image gallery component with thumbnail and mobile support",
   "main": "./build/image-gallery.cjs",
   "module": "./build/image-gallery.es.js",