@laurelis/react-simple-gallery/dist/index.mjs

Simple image gallery for React.js

import n,{useState as e,useLayoutEffect as r,createContext as t,useContext as i,useRef as s,useEffect as o,Children as a,useReducer as c,cloneElement as l,isValidElement as _}from"react";import{useSwipeable as u}from"react-swipeable";var d,f={exports:{}},p={};var g,m,h={};
/**
 * @license React
 * react-jsx-runtime.development.js
 *
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */function b(){return g||(g=1,"production"!==process.env.NODE_ENV&&function(){function e(n){if(null==n)return null;if("function"==typeof n)return n.$$typeof===S?null:n.displayName||n.name||null;if("string"==typeof n)return n;switch(n){case f:return"Fragment";case g:return"Profiler";case p:return"StrictMode";case y:return"Suspense";case w:return"SuspenseList";case k:return"Activity"}if("object"==typeof n)switch("number"==typeof n.tag&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),n.$$typeof){case d:return"Portal";case b:return(n.displayName||"Context")+".Provider";case m:return(n._context.displayName||"Context")+".Consumer";case v:var r=n.render;return(n=n.displayName)||(n=""!==(n=r.displayName||r.name||"")?"ForwardRef("+n+")":"ForwardRef"),n;case x:return null!==(r=n.displayName||null)?r:e(n.type)||"Memo";case j:r=n._payload,n=n._init;try{return e(n(r))}catch(n){}}return null}function r(n){return""+n}function t(n){try{r(n);var e=!1}catch(n){e=!0}if(e){var t=(e=console).error,i="function"==typeof Symbol&&Symbol.toStringTag&&n[Symbol.toStringTag]||n.constructor.name||"Object";return t.call(e,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",i),r(n)}}function i(n){if(n===f)return"<>";if("object"==typeof n&&null!==n&&n.$$typeof===j)return"<...>";try{var r=e(n);return r?"<"+r+">":"<...>"}catch(n){return"<...>"}}function s(){return Error("react-stack-top-frame")}function o(){var n=e(this.type);return R[n]||(R[n]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),void 0!==(n=this.props.ref)?n:null}function a(n,r,i,s,a,_,d,f){var p,g=r.children;if(void 0!==g)if(s)if(O(g)){for(s=0;s<g.length;s++)c(g[s]);Object.freeze&&Object.freeze(g)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else c(g);if(C.call(r,"key")){g=e(n);var m=Object.keys(r).filter((function(n){return"key"!==n}));s=0<m.length?"{key: someKey, "+m.join(": ..., ")+": ...}":"{key: someKey}",P[g+s]||(m=0<m.length?"{"+m.join(": ..., ")+": ...}":"{}",console.error('A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',s,g,m,g),P[g+s]=!0)}if(g=null,void 0!==i&&(t(i),g=""+i),function(n){if(C.call(n,"key")){var e=Object.getOwnPropertyDescriptor(n,"key").get;if(e&&e.isReactWarning)return!1}return void 0!==n.key}(r)&&(t(r.key),g=""+r.key),"key"in r)for(var h in i={},r)"key"!==h&&(i[h]=r[h]);else i=r;return g&&function(n,e){function r(){l||(l=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",e))}r.isReactWarning=!0,Object.defineProperty(n,"key",{get:r,configurable:!0})}(i,"function"==typeof n?n.displayName||n.name||"Unknown":n),function(n,e,r,t,i,s,a,c){return r=s.ref,n={$$typeof:u,type:n,key:e,props:s,_owner:i},null!==(void 0!==r?r:null)?Object.defineProperty(n,"ref",{enumerable:!1,get:o}):Object.defineProperty(n,"ref",{enumerable:!1,value:null}),n._store={},Object.defineProperty(n._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(n,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(n,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:a}),Object.defineProperty(n,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:c}),Object.freeze&&(Object.freeze(n.props),Object.freeze(n)),n}(n,g,_,0,null===(p=N.A)?null:p.getOwner(),i,d,f)}function c(n){"object"==typeof n&&null!==n&&n.$$typeof===u&&n._store&&(n._store.validated=1)}var l,_=n,u=Symbol.for("react.transitional.element"),d=Symbol.for("react.portal"),f=Symbol.for("react.fragment"),p=Symbol.for("react.strict_mode"),g=Symbol.for("react.profiler"),m=Symbol.for("react.consumer"),b=Symbol.for("react.context"),v=Symbol.for("react.forward_ref"),y=Symbol.for("react.suspense"),w=Symbol.for("react.suspense_list"),x=Symbol.for("react.memo"),j=Symbol.for("react.lazy"),k=Symbol.for("react.activity"),S=Symbol.for("react.client.reference"),N=_.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,C=Object.prototype.hasOwnProperty,O=Array.isArray,E=console.createTask?console.createTask:function(){return null},R={},L=(_={"react-stack-bottom-frame":function(n){return n()}})["react-stack-bottom-frame"].bind(_,s)(),X=E(i(s)),P={};h.Fragment=f,h.jsx=function(n,e,r,t,s){var o=1e4>N.recentlyCreatedOwnerStacks++;return a(n,e,r,!1,0,s,o?Error("react-stack-top-frame"):L,o?E(i(n)):X)},h.jsxs=function(n,e,r,t,s){var o=1e4>N.recentlyCreatedOwnerStacks++;return a(n,e,r,!0,0,s,o?Error("react-stack-top-frame"):L,o?E(i(n)):X)}}()),h}var v=(m||(m=1,"production"===process.env.NODE_ENV?f.exports=function(){if(d)return p;d=1;var n=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function r(e,r,t){var i=null;if(void 0!==t&&(i=""+t),void 0!==r.key&&(i=""+r.key),"key"in r)for(var s in t={},r)"key"!==s&&(t[s]=r[s]);else t=r;return r=t.ref,{$$typeof:n,type:e,key:i,ref:void 0!==r?r:null,props:t}}return p.Fragment=e,p.jsx=r,p.jsxs=r,p}():f.exports=b()),f.exports);var y="rsg_gallery_788c2",w="rsg_item_24751",x="rsg_animated_image-clone_e1983",j="rsg_fullscreen_wrapper_3e80f",k="rsg_slider_0a839",S="rsg_left_btn_d366e",N="rsg_right_btn_d04ea",C="rsg_slide_e85b6",O="rsg_slide_container_179a3",E="rsg_img_container_ebd40",R="rsg_slider_transition_2c0eb",L="rsg_nav_container_40ce3",X="rsg_left_container_e4c75",P="rsg_image_counter_67039",A="rsg_right_container_d8b93",M="rsg_exit_btn_b2b81",T="rsg_fullscreen_btn_b5d98",B="rsg_thumbnail_footer-container_f6616",z="rsg_thumbnail_footer_b85c0",W="rsg_thumbnail_slider_082b1",F="rsg_selected_ed01f",I="rsg_spinner_container_241b9",$="rsg_spinner_500cc",Y="rsg_spinner_dot_27f07";function D(n){var t=n.src,i=n.refAnimatedImage,s=n.startRect,o=n.endRect,a=n.onAnimationEnd,c=e({top:s.top+window.scrollY,left:s.left+window.scrollX,width:s.width,height:s.height}),l=c[0],_=c[1];return r((function(){var n=requestAnimationFrame((function(){_({top:o.top+window.scrollY,left:o.left+window.scrollX,width:o.width,height:o.height,opacity:.3})}));return function(){return cancelAnimationFrame(n)}}),[]),v.jsx("img",{className:x,ref:i,src:t,style:l,onTransitionEnd:a,draggable:!1})}!function(n,e){void 0===e&&(e={});var r=e.insertAt;if("undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===r&&t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.styleSheet?i.styleSheet.cssText=n:i.appendChild(document.createTextNode(n))}}("* {\n  box-sizing: border-box;\n}\n\n.rsg_gallery_788c2 {\n  gap: 5px;\n  column-count: 4;\n  animation: rsg_showup_9eb13 0.5s linear 0s forwards;\n  margin: 0 auto;\n  box-shadow: 0 0 1px rgba(202, 200, 200, 0.5);\n  border-radius: 10px;\n  padding: 5px;\n  width: 70%;\n}\n.rsg_gallery_788c2 .rsg_item_24751 {\n  display: inline-block;\n  filter: grayscale(10%) brightness(95%);\n  transition:\n    transform 0.3s ease,\n    filter 0.3s ease;\n  cursor: pointer;\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n  border-radius: 5px;\n  width: 100%;\n  text-align: center;\n}\n.rsg_gallery_788c2 .rsg_item_24751 img {\n  transition: filter 0.3s;\n  width: 100%;\n  height: auto;\n  object-fit: cover;\n}\n.rsg_gallery_788c2 .rsg_item_24751:hover {\n  transform: scale(1.006);\n  filter: grayscale(0%) brightness(105%);\n}\n\n@keyframes rsg_showup_9eb13 {\n  0% {\n    transform: translateY(5px);\n    opacity: 0.1;\n  }\n  100% {\n    transform: translateY(0px);\n    opacity: 1;\n  }\n}\n.rsg_animated_image-clone_e1983 {\n  position: absolute;\n  opacity: 1;\n  z-index: 5;\n  transition: all 0.4s;\n  border-radius: 5px;\n}\n\n.rsg_fullscreen_wrapper_3e80f {\n  display: flex;\n  position: fixed;\n  flex-direction: column;\n  z-index: 1000;\n  animation: rsg_fade_9f264 0.4s linear 0s forwards;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.95) center/cover no-repeat;\n  pointer-events: all;\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_slider_0a839 {\n  height: 80%;\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_slider_0a839 .rsg_left_btn_d366e,\n.rsg_fullscreen_wrapper_3e80f .rsg_slider_0a839 .rsg_right_btn_d04ea {\n  display: flex;\n  position: absolute;\n  top: 50%;\n  justify-content: center;\n  align-items: center;\n  transform: translateY(-50%);\n  opacity: 0.7;\n  z-index: 100;\n  cursor: pointer;\n  box-shadow: 0 0 5px rgb(90, 90, 90);\n  border: none;\n  border-radius: 100%;\n  background-color: rgba(0, 0, 0, 0.5);\n  width: 50px;\n  height: 50px;\n  color: white;\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_slider_0a839 .rsg_left_btn_d366e svg,\n.rsg_fullscreen_wrapper_3e80f .rsg_slider_0a839 .rsg_right_btn_d04ea svg {\n  width: 50%;\n  height: 50%;\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_slider_0a839 .rsg_left_btn_d366e:hover,\n.rsg_fullscreen_wrapper_3e80f .rsg_slider_0a839 .rsg_right_btn_d04ea:hover {\n  opacity: 1;\n  transition: opacity 0.3s;\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_slider_0a839 .rsg_left_btn_d366e:active,\n.rsg_fullscreen_wrapper_3e80f .rsg_slider_0a839 .rsg_right_btn_d04ea:active {\n  transform: translateY(-50%) scale(0.97);\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_slider_0a839 .rsg_left_btn_d366e {\n  left: 0;\n  margin-left: 20px;\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_slider_0a839 .rsg_right_btn_d04ea {\n  right: 0;\n  margin-right: 20px;\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_slider_0a839 .rsg_slide_e85b6 {\n  display: flex;\n  cursor: grab;\n  height: 100%;\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_slider_0a839 .rsg_slide_e85b6 .rsg_slide_container_179a3 {\n  display: flex;\n  flex: 0 0 100%;\n  justify-content: center;\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_slider_0a839 .rsg_slide_e85b6 .rsg_slide_container_179a3 .rsg_img_container_ebd40 {\n  position: relative;\n  transition: opacity 0.5s;\n  padding: 0 20px 0 20px;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_slider_0a839 .rsg_slide_e85b6 .rsg_slide_container_179a3 .rsg_img_container_ebd40 img {\n  box-shadow: 0 0 5px rgba(90, 90, 90, 0.7);\n  border-radius: 5px;\n  max-width: 100%;\n  max-height: 100%;\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_slider_0a839 .rsg_slider_transition_2c0eb {\n  transition: transform 0.3s;\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_hide_btn_0d09a {\n  display: none;\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_nav_container_40ce3 {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background-color: rgba(0, 0, 0, 0.55);\n  padding: 0 0 0 10px;\n  width: 100%;\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_nav_container_40ce3 .rsg_left_container_e4c75 .rsg_image_counter_67039 {\n  opacity: 0.5;\n  color: white;\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_nav_container_40ce3 .rsg_right_container_d8b93 {\n  display: flex;\n  align-items: center;\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_nav_container_40ce3 .rsg_right_container_d8b93 .rsg_exit_btn_b2b81,\n.rsg_fullscreen_wrapper_3e80f .rsg_nav_container_40ce3 .rsg_right_container_d8b93 .rsg_fullscreen_btn_b5d98 {\n  opacity: 0.6;\n  cursor: pointer;\n  border: none;\n  border-radius: 50%;\n  background-color: transparent;\n  width: 35px;\n  height: 35px;\n  color: white;\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_nav_container_40ce3 .rsg_right_container_d8b93 .rsg_exit_btn_b2b81 svg,\n.rsg_fullscreen_wrapper_3e80f .rsg_nav_container_40ce3 .rsg_right_container_d8b93 .rsg_fullscreen_btn_b5d98 svg {\n  width: 100%;\n  height: 100%;\n  stroke-width: 1;\n  transition: stroke-width 0.2s;\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_nav_container_40ce3 .rsg_right_container_d8b93 .rsg_exit_btn_b2b81:hover,\n.rsg_fullscreen_wrapper_3e80f .rsg_nav_container_40ce3 .rsg_right_container_d8b93 .rsg_fullscreen_btn_b5d98:hover {\n  opacity: 0.8;\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_nav_container_40ce3 .rsg_right_container_d8b93 .rsg_exit_btn_b2b81:hover svg,\n.rsg_fullscreen_wrapper_3e80f .rsg_nav_container_40ce3 .rsg_right_container_d8b93 .rsg_fullscreen_btn_b5d98:hover svg {\n  stroke-width: 2;\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_nav_container_40ce3 .rsg_right_container_d8b93 .rsg_exit_btn_b2b81 {\n  width: 40px;\n  height: 40px;\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_thumbnail_footer-container_f6616 {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  background-color: black;\n  width: 100%;\n  height: 100px;\n  color: white;\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_thumbnail_footer-container_f6616 .rsg_thumbnail_footer_b85c0 {\n  margin: auto;\n  width: 70%;\n  height: 100%;\n  overflow: hidden;\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_thumbnail_footer-container_f6616 .rsg_thumbnail_footer_b85c0 .rsg_thumbnail_slider_082b1 {\n  display: inline-flex;\n  transition: transform 0.3s;\n  margin: auto;\n  height: 100%;\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_thumbnail_footer-container_f6616 .rsg_thumbnail_footer_b85c0 .rsg_thumbnail_slider_082b1 div {\n  opacity: 0.5;\n  cursor: pointer;\n  border: solid 2px transparent;\n  border-radius: 5px;\n  width: 100px;\n  height: 100%;\n  overflow: hidden;\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_thumbnail_footer-container_f6616 .rsg_thumbnail_footer_b85c0 .rsg_thumbnail_slider_082b1 div img {\n  transition: opacity 0.2s;\n  width: 100%;\n  height: 100%;\n  touch-action: none;\n  pointer-events: auto;\n  user-select: none;\n  -webkit-user-drag: none;\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_thumbnail_footer-container_f6616 .rsg_thumbnail_footer_b85c0 .rsg_thumbnail_slider_082b1 div:hover {\n  opacity: 1;\n}\n.rsg_fullscreen_wrapper_3e80f .rsg_thumbnail_footer-container_f6616 .rsg_thumbnail_footer_b85c0 .rsg_thumbnail_slider_082b1 div.rsg_selected_ed01f {\n  animation: rsg_fade_9f264 0.7s forwards;\n  border: solid 1px white;\n}\n\n.rsg_image_container_7d285,\n.rsg_image_slide_5a70b {\n  opacity: 1;\n  z-index: 5;\n  border-radius: 6px;\n  width: 100%;\n  object-fit: cover;\n  touch-action: none;\n  pointer-events: auto;\n  user-select: none;\n  -webkit-user-drag: none;\n}\n.rsg_image_container_7d285 img,\n.rsg_image_slide_5a70b img {\n  box-shadow: 0 0 5px rgb(90, 90, 90);\n  border-radius: 6px;\n  width: 100%;\n  height: 100%;\n}\n\n@keyframes rsg_fade_9f264 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@media only screen and (max-width: 1024px) {\n  .rsg_gallery_788c2 {\n    column-count: 4;\n  }\n}\n@media only screen and (max-width: 768px) {\n  .rsg_gallery_788c2 {\n    column-count: 3;\n  }\n  .rsg_fullscreen_wrapper_3e80f .rsg_thumbnail_footer-container_f6616 .rsg_thumbnail_footer_b85c0 {\n    width: 100%;\n  }\n}\n@media only screen and (max-width: 480px) {\n  .rsg_gallery_788c2 {\n    column-count: 2;\n    width: 90%;\n  }\n}\n.rsg_spinner_container_241b9 {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 50px;\n  height: 50px;\n}\n.rsg_spinner_container_241b9 .rsg_spinner_500cc {\n  --uib-size: 100%;\n  --uib-color: white;\n  --uib-speed: 0.9s;\n  --uib-center: calc(var(--uib-size) / 2 - var(--uib-size) / 5 / 2);\n  display: flex;\n  position: relative;\n  justify-content: flex-start;\n  align-items: center;\n  animation: rsg_rotate_27865 calc(var(--uib-speed) * 3) linear infinite;\n  width: var(--uib-size);\n  height: var(--uib-size);\n}\n.rsg_spinner_container_241b9 .rsg_spinner_dot_27f07 {\n  display: flex;\n  position: absolute;\n  top: 0;\n  left: 0;\n  justify-content: flex-start;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n.rsg_spinner_container_241b9 .rsg_spinner_dot_27f07::before {\n  animation: rsg_oscillate_970de var(--uib-speed) ease-in-out infinite alternate;\n  transition: background-color 0.3s ease;\n  border-radius: 50%;\n  background-color: var(--uib-color);\n  width: 20%;\n  height: 20%;\n  content: '';\n}\n.rsg_spinner_container_241b9 .rsg_spinner_dot_27f07:nth-child(1)::before {\n  transform: translateX(var(--uib-center));\n}\n.rsg_spinner_container_241b9 .rsg_spinner_dot_27f07:nth-child(2) {\n  transform: rotate(45deg);\n}\n.rsg_spinner_container_241b9 .rsg_spinner_dot_27f07:nth-child(2)::before {\n  transform: translateX(var(--uib-center));\n  animation-delay: calc(var(--uib-speed) * -0.125);\n}\n.rsg_spinner_container_241b9 .rsg_spinner_dot_27f07:nth-child(3) {\n  transform: rotate(90deg);\n}\n.rsg_spinner_container_241b9 .rsg_spinner_dot_27f07:nth-child(3)::before {\n  transform: translateX(var(--uib-center));\n  animation-delay: calc(var(--uib-speed) * -0.25);\n}\n.rsg_spinner_container_241b9 .rsg_spinner_dot_27f07:nth-child(4) {\n  transform: rotate(135deg);\n}\n.rsg_spinner_container_241b9 .rsg_spinner_dot_27f07:nth-child(4)::before {\n  transform: translateX(var(--uib-center));\n  animation-delay: calc(var(--uib-speed) * -0.375);\n}\n.rsg_spinner_container_241b9 .rsg_spinner_dot_27f07:nth-child(5) {\n  transform: rotate(180deg);\n}\n.rsg_spinner_container_241b9 .rsg_spinner_dot_27f07:nth-child(5)::before {\n  transform: translateX(var(--uib-center));\n  animation-delay: calc(var(--uib-speed) * -0.5);\n}\n.rsg_spinner_container_241b9 .rsg_spinner_dot_27f07:nth-child(6) {\n  transform: rotate(225deg);\n}\n.rsg_spinner_container_241b9 .rsg_spinner_dot_27f07:nth-child(6)::before {\n  transform: translateX(var(--uib-center));\n  animation-delay: calc(var(--uib-speed) * -0.625);\n}\n.rsg_spinner_container_241b9 .rsg_spinner_dot_27f07:nth-child(7) {\n  transform: rotate(270deg);\n}\n.rsg_spinner_container_241b9 .rsg_spinner_dot_27f07:nth-child(7)::before {\n  transform: translateX(var(--uib-center));\n  animation-delay: calc(var(--uib-speed) * -0.75);\n}\n.rsg_spinner_container_241b9 .rsg_spinner_dot_27f07:nth-child(8) {\n  transform: rotate(315deg);\n}\n.rsg_spinner_container_241b9 .rsg_spinner_dot_27f07:nth-child(8)::before {\n  transform: translateX(var(--uib-center));\n  animation-delay: calc(var(--uib-speed) * -0.875);\n}\n\n@keyframes rsg_oscillate_970de {\n  0% {\n    transform: translateX(var(--uib-center)) scale(0);\n    opacity: 0.25;\n  }\n  100% {\n    transform: translateX(0) scale(1);\n    opacity: 1;\n  }\n}\n@keyframes rsg_rotate_27865 {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n");var U=function(){return U=Object.assign||function(n){for(var e,r=1,t=arguments.length;r<t;r++)for(var i in e=arguments[r])Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i]);return n},U.apply(this,arguments)};function q(n,e){switch(e.direction){case"left":return U(U({},n),{pos:n.pos===n.imageCount?1:n.pos+1});case"right":return U(U({},n),{pos:n.pos<=1?n.imageCount:n.pos-1});case"set-position":return U(U({},n),{pos:e.pos||0})}}"function"==typeof SuppressedError&&SuppressedError;var V=t(null);function H(){var n=i(V);if(!n)throw new Error("Something went wrong with image gallery!");return{children:n.children,arrowButtons:n.arrowButtons,swipeable:n.swipeable,imageCount:n.imageCount,imageIndex:n.imageIndex,refSlide:n.refSlide,keyboard:n.keyboard,onClose:n.onClose}}function K(n){var e=n.state,r=n.setPosition,t=H().children,i=s(null),c=s(0),l=s(0),_=null,d=0,f=0,p=!1,g=function(n){i.current&&(d=n.clientX,f=n.clientY,p=!1)},m=function(n){i.current&&(Math.abs(n.clientX-d)>5||Math.abs(n.clientY-f)>5)&&(p=!0)},h=function(n){if(i.current){var e=i.current,r=e.parentElement;if(r){var t=r.clientWidth,s=e.scrollWidth,o=Math.min(0,t-s),a=e.children[n];if(a){var l=t/2-(a.offsetLeft+a.offsetWidth/2);l>0&&(l=0),l<o&&(l=o),c.current=l,e.style.transition="transform 0.3s",e.style.transform="translateX(".concat(l,"px)")}}}};o((function(){h(e.pos-1)}),[e.pos]);var b=function(){var n=i.current,e=null==n?void 0:n.parentElement;if(n&&e){var r=e.clientWidth,t=n.scrollWidth,s=Math.min(0,r-t),o=function(){c.current+=20*l.current,l.current*=.95,c.current>0&&(c.current=0,l.current=0),c.current<s&&(c.current=s,l.current=0),n.style.transform="translateX(".concat(c.current,"px)"),Math.abs(l.current)>.1&&(_=requestAnimationFrame(o))};_&&cancelAnimationFrame(_),o()}},y=u({onSwiping:function(n){if(i.current){var e=i.current;e.style.transition="none";var r=e.parentElement;if(r){var t=r.clientWidth,s=e.scrollWidth,o=Math.min(0,t-s),a=c.current+n.deltaX;a>0&&(a=0),a<o&&(a=o),e.style.transform="translateX(".concat(a,"px)")}}},onSwiped:function(n){if(i.current){var e=i.current,r=getComputedStyle(e),t=new WebKitCSSMatrix(r.transform);c.current=t.m41,l.current=n.velocity*("Left"===n.dir?-1:1),b()}},trackTouch:!0,trackMouse:!0,preventScrollOnSwipe:!0});return v.jsx("div",{className:B,children:v.jsx("div",{className:z,children:v.jsx("div",U({},y,{ref:function(n){i.current=n,y.ref(n)},className:W,children:a.map(t,(function(n,t){return v.jsx("div",{className:e.pos===t+1?F:"",onMouseDown:g,onMouseMove:m,onClick:function(){return n=t,void(p||(r("set-position",n+1),h(n)));var n},children:v.jsx("img",{src:n.props.src,alt:n.props.alt})},t)}))}))})})}function J(n){var e=n.handleButtonClick,r=n.direction;return v.jsx("button",{onClick:function(n){n.stopPropagation(),e()},className:"".concat("left"===r?S:N),children:"left"===r?v.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:v.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"})}):v.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:v.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"})})})}function G(){return v.jsx("div",{className:I,children:v.jsxs("div",{className:$,children:[v.jsx("div",{className:Y}),v.jsx("div",{className:Y}),v.jsx("div",{className:Y}),v.jsx("div",{className:Y}),v.jsx("div",{className:Y}),v.jsx("div",{className:Y}),v.jsx("div",{className:Y}),v.jsx("div",{className:Y})]})})}function Q(n){var r=n.src,t=n.alt,i=e(!0),s=i[0],o=i[1];return v.jsx("div",{className:O,children:v.jsxs("div",{className:E,children:[v.jsx("img",{src:r,alt:t,onLoad:function(){return o(!1)},draggable:!1,style:{opacity:s?0:1}}),s&&v.jsx(G,{})]})})}function Z(n){var e=n.state,r=n.swipePosition,t=H(),i=t.children,c=t.arrowButtons,l=t.keyboard,_=t.swipeable,d=t.refSlide,f=t.imageCount,p=t.onClose,g=70,m=s({canSwipe:!0,direction:"left"}),h=function(n,r){if(d.current&&m.current.canSwipe){d.current.classList.add(R);var t=100*e.pos;if("left"===n&&r.deltaX>-70||"right"===n&&r.deltaX<g)return d.current.classList.remove(R),void(d.current.style.transform="translateX(calc(".concat(-t,"%)"));d.current.style.transform="translateX(calc(".concat(-(t+("left"===n?100:-100)),"%)"),m.current.canSwipe=!1,m.current.direction=n}};o((function(){var n;function e(){d.current&&!m.current.canSwipe&&(d.current.classList.remove(R),r(m.current.direction),m.current.canSwipe=!0)}return null===(n=d.current)||void 0===n||n.addEventListener("transitionend",e),function(){var n;null===(n=d.current)||void 0===n||n.removeEventListener("transitionend",e)}}),[e.pos]);var b=u({onSwipedLeft:function(n){return h("left",n)},onSwipedRight:function(n){return h("right",n)},onSwipedUp:function(){return p(e.pos-1)},onSwipedDown:function(){return p(e.pos-1)},onSwiping:function(n){return function(n){if(d.current&&m.current.canSwipe){var r=100*e.pos;d.current.style.transform="translate(calc(".concat(-r,"% + ").concat(n.deltaX,"px))")}}(n)},onSwipeStart:function(){var n;null===(n=d.current)||void 0===n||n.classList.remove(R)},trackTouch:!0,trackMouse:!0,preventScrollOnSwipe:!0}),y=function(n){d.current&&m.current&&r(n)};return l&&function(n){var e=n.state,r=n.handleClick,t=H().onClose,i=function(){t(e.pos-1)},a=s(i);o((function(){a.current=i}),[i]),o((function(){var n=!1,e=function(e){if(!n)switch(e.key){case"ArrowLeft":r("right"),n=!0;break;case"ArrowRight":r("left"),n=!0;break;case"Escape":a.current()}},t=function(){n=!1};return window.addEventListener("keydown",e),window.addEventListener("keyup",t),function(){window.removeEventListener("keydown",e),window.removeEventListener("keyup",t)}}),[])}({state:e,handleClick:y}),v.jsxs("div",{className:k,children:[c&&v.jsx(J,{handleButtonClick:function(){return y("right")},direction:"left"}),v.jsxs("div",U({},_?b:{},{ref:function(n){d&&(d.current=n,_&&b&&b.ref(n))},className:C,style:{transform:"translateX(-".concat(100*e.pos,"%)"),cursor:_?"grab":"default"},children:[f>1&&v.jsx(Q,{src:i[i.length-1].props.src,alt:i[i.length-1].props.alt}),a.map(i,(function(n){return v.jsx(Q,{src:n.props.src,alt:n.props.alt})})),f>1&&v.jsx(Q,{src:i[0].props.src,alt:i[0].props.alt})]})),c&&v.jsx(J,{handleButtonClick:function(){return y("left")},direction:"right"})]})}function nn(n){var e=n.handleClose;return v.jsx("button",{onClick:e,className:M,children:v.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",children:v.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18 18 6M6 6l12 12"})})})}function en(n){var r=n.refSlide,t=e(!1),i=t[0],s=t[1];o((function(){var n=function(){s(document.fullscreenElement===r.current)};return document.addEventListener("fullscreenchange",n),function(){return document.removeEventListener("fullscreenchange",n)}}),[]);return v.jsx("button",{onClick:function(){var n;document.fullscreenElement?document.exitFullscreen():null===(n=r.current)||void 0===n||n.requestFullscreen()},className:T,children:i?v.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:v.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M4 8h4V4m12 4h-4V4M4 16h4v4m12-4h-4v4"})}):v.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:v.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M8 4H4m0 0v4m0-4 5 5m7-5h4m0 0v4m0-4-5 5M8 20H4m0 0v-4m0 4 5-5m7 5h4m0 0v-4m0 4-5-5"})})})}function rn(n){var e=n.imagePosition,r=H().imageCount;return v.jsxs("span",{className:P,children:[e," / ",r]})}function tn(n){var e=n.state,r=n.refSlider,t=H().onClose;return v.jsxs("div",{className:L,children:[v.jsx("div",{className:X,children:v.jsx(rn,{imagePosition:e.pos})}),v.jsxs("div",{className:A,children:[v.jsx(en,{refSlide:r}),v.jsx(nn,{handleClose:function(){return t(e.pos-1)}})]})]})}function sn(){var n=H(),e=n.imageCount,r=n.imageIndex,t=s(null),i=c(q,{pos:(r||0)+1,direction:"right",imageCount:e}),o=i[0],a=i[1],l=function(n,e){a({direction:n,pos:e})};return v.jsxs("div",{ref:t,className:j,children:[v.jsx(tn,{state:o,refSlider:t}),v.jsx(Z,{state:o,swipePosition:l}),v.jsx(K,{setPosition:l,state:o})]})}function on(n){var r=n.children,t=n.lazyLoading,i=void 0===t||t,o=n.keyboard,c=void 0===o||o,u=n.arrowButtons,d=void 0===u||u,f=n.swipeable,p=void 0===f||f,g=n.className,m=void 0===g?"":g,h=e(null),b=h[0],x=h[1],j=s(null),k=s(null),S=s(null),N=a.count(r),C=e(null),O=C[0],E=C[1],R=function(n){var e,r,t;return[null===(e=j.current)||void 0===e?void 0:e.children[n],null===(t=Array.from((null===(r=k.current)||void 0===r?void 0:r.children)||[]).slice(1,-1)[n].firstElementChild)||void 0===t?void 0:t.firstElementChild]};return v.jsxs(V,{value:{children:r,imageCount:N,swipeable:p,keyboard:c,imageIndex:b,arrowButtons:d,refSlide:k,onClose:function(n){var e=R(n),r=e[0],t=e[1];E({src:r.src,startRect:t.getBoundingClientRect(),endRect:r.getBoundingClientRect()}),requestAnimationFrame((function(){return x(null)}))}},children:[v.jsx("div",{ref:j,className:y+(m?" ".concat(m):""),children:a.map(r,(function(n,e){var r,t;return _(n)?l(n,{className:w+((null===(r=n.props)||void 0===r?void 0:r.className)?" ".concat(null===(t=n.props)||void 0===t?void 0:t.className):""),loading:i?"lazy":void 0,onClick:function(){return x(n=e),void requestAnimationFrame((function(){var e=R(n),r=e[0],t=e[1];E({src:r.src,startRect:r.getBoundingClientRect(),endRect:t.getBoundingClientRect()})}));var n}}):n}))}),null!==O&&v.jsx(D,{refAnimatedImage:S,src:O.src,startRect:O.startRect,endRect:O.endRect,onAnimationEnd:function(){return E(null)}}),null!==b&&v.jsx(sn,{})]})}function an(n){var e=function(n,e){var r={};for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&e.indexOf(t)<0&&(r[t]=n[t]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(n);i<t.length;i++)e.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(n,t[i])&&(r[t[i]]=n[t[i]])}return r}(n,[]);return v.jsx("img",U({},e))}export{an as Image,on as default};