lightbox.js-react/dist/index.js

React lightbox with animation and customization options

"use client";
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
  // If the importer is in node compatibility mode or this is not an ESM
  // file that has been converted to a CommonJS file using a Babel-
  // compatible transform (i.e. "__esModule" has not been set), then set
  // "default" to the CommonJS "module.exports" for node compatibility.
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
  mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);

// lib/index.ts
var index_exports = {};
__export(index_exports, {
  IconButton: () => IconButton,
  Image: () => Image,
  SlideshowLightbox: () => SlideshowLightbox,
  initLightboxJS: () => initLightboxJS
});
module.exports = __toCommonJS(index_exports);
var import_axios = __toESM(require("axios"));

// lib/components/SlideshowLightbox/SlideshowLightbox.tsx
var import_framer_motion = require("framer-motion");
var React2 = __toESM(require("react"));
var import_react3 = require("react");

// lib/components/SlideshowLightbox/LightboxImage.jsx
var import_full_esm = __toESM(require("exifr/dist/full.esm.mjs"));
var React = __toESM(require("react"));
var import_react = require("react");

// esbuild-css-modules-plugin-namespace:C:\Users\silvi\AppData\Local\Temp\tmp-8992-xXyd66jyMvea\lightbox.js-react\lib\components\SlideshowLightbox\SlideshowLightbox.module.css.js
var digest = "f607797768045ad82cf5d34f54286dabf20555838c678c4c305d10e12a771e7d";
var css = `._lightboxjs_1hk24_1 {
  margin: 0;
  padding: 0;
}

._lightboxjs_1hk24_1 * {
  box-sizing: border-box;
}

/* .lightboxjs img,
.lightboxjs svg,
.lightboxjs video {
  display: block;
  vertical-align: middle;
  height: auto;
  max-width: 100%;
} */

._slideshowBtn_1hk24_37 {
  padding-bottom: 2px;
}

._closeIcon_1hk24_45:hover,
._closeIcon_1hk24_45:focus,
._iconsHeader_1hk24_49 svg:hover,
._iconsHeader_1hk24_49 svg:focus,
._prev1_1hk24_53 span:hover,
._next1_1hk24_55:hover,
._icon_1hk24_49:hover {
  text-decoration: none;
  cursor: pointer;
  /* color: rgb(230, 230, 230); */
}

._prevIcon_1hk24_69:hover,
._nextIcon_1hk24_71:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color: rgb(230, 230, 230);
}

._show_1hk24_81 {
  display: flex;
}

._displayHidden_1hk24_89 {
  display: none;
}

._thumbnail_1hk24_97 {
  opacity: 1;
  transition: all 0.3s;
  cursor: pointer;
  position: relative;
}

._next1_1hk24_55 {
  right: 1%;
  padding-left: 2vw;
  padding-right: 3vw;
}

._prev1_1hk24_53 {
  left: 2%;
  padding-right: 2vw;
  padding-left: 3vw;
}

._thumbnails_1hk24_135 {
  transition: border 0.3s;
}

._thumbnail_1hk24_97 {
  display: inline;
}

._thumbnailsWithCaption_1hk24_151 {
  width: 90%;
}

._thumbnailsOuterContainer_1hk24_159 {
  position: absolute;
  bottom: 4%;
  height: 5vh;
  width: 100vw;
  z-index: 10000000;
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

._navigationDots_1hk24_183 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

/* Mobile screens */
@media screen and (min-width: 20em) {
  ._imageSlide_1hk24_199 {
    height: 67vw;
    width: 60%;
  }

  ._thumbnailsOuterContainer_1hk24_159 {
    position: absolute;
    bottom: 7%;
    width: 100vw;
    /* width: 100%; */
  }

  ._thumbnailsAndCaption_1hk24_223 {
    height: 23vh;
    bottom: 2%;

  }

  ._hideControlsBar_1hk24_235 ._slideshowImg_1hk24_235 {
    /* height: 100vh; */
  }

  ._rotateImgInnerContainer_1hk24_243 {
    top: 8%;
  }

  ._hideControlsBar_1hk24_235 ._slideshowInnerContainer_1hk24_251 {
    top: 0;
  }

  ._thumbnail_1hk24_97 {
    width: 80px;
    max-width: 80px;
    height: 7vh;
  }

  ._videoThumbnailsOuterContainer_1hk24_271 {
    bottom: 2%;
  }

  ._imgTitleContainer_1hk24_279 {
    padding-bottom: 16px;
    width: 100vw;
    margin-top: 0;
    margin-bottom: 0;
  }

  ._thumbnails_1hk24_135 {
    margin-left: auto;
    margin-right: auto;
  }

  ._next1_1hk24_55 {
    right: 0.9%;
  }

  ._prev1_1hk24_53 {
    left: 1.5%;
  }
}

._thumbnail_1hk24_97 {
  height: 5vh;
  border-radius: 6px;
  margin-right: 7px;
  object-fit: cover;
}



._thumbnailsOuterContainerMetadata_1hk24_339 {
  width: 78vw;
}

._videoThumbnailsOuterContainer_1hk24_271 {
  bottom: 5%;
}

._thumbnailsAndCaption_1hk24_223 {
  height: 19vh;
}

._htmlVideoOuterContainer_1hk24_363 video {
  height: 100%;
  max-height: 70vh;
  width: 100%;
}

._caption_1hk24_375 {
  position: absolute;
  bottom: 14%;
  width: 100vw;
  z-index: 10000000;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

._galleryImg_1hk24_395 {
  cursor: pointer;
  margin: 0.2em;
}

._modalContainer_1hk24_405 {
  width: 100vw;
  /* height: 100%;
  max-height: 100%; */
  direction: ltr;
  overflow: hidden;
  touch-action: none;
  padding: 0;
  overflow-y: hidden;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000;
}

._slideshowAnimContainer_1hk24_443 {
  /* height: 100%;
  max-height: 100%; */
  direction: ltr;
  overflow: hidden;
  touch-action: none;
  padding: 0;
  overflow-y: hidden;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  /* position: fixed; */
  top: 0;
  left: 0;
  z-index: 1000000;
}

._fullScreenContainer_1hk24_479 img {
  height: 100vh;
  max-width: 100%;
  /* max-height: 100vh; */
}

._imageInnerContainer_1hk24_491 img {
  height: 80vh;
  max-width: 100%;
  max-height: 100%;
}

._imageInnerContainer_1hk24_491 {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  top: 0;
  align-content: center;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  z-index: 1000000;
}

._magnifyWrapper_1hk24_529 {
  margin-bottom: 3em;
  margin-left: auto;
  margin-right: auto;
}

._slideshowInnerContainer_1hk24_251 {
  position: fixed; 
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: top 0.2s ease-in-out 0s;
  top: 12%;
  align-content: center;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  z-index: 1000000;
}

._slideshowInnerVideoContainer_1hk24_569 {
  top: 6%;
}

._slideshowInnerContainerThumbnails_1hk24_577 {
  top: 12%;
}

._hideControlsBar_1hk24_235  {
  top: 0;
}

._fullScreenContainer_1hk24_479 {
  top: 0;
}

._lightboxContainer_1hk24_601 {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

._next1_1hk24_55,
._prev1_1hk24_53 {
  top: calc(50% - 20px);
  position: absolute;
  display: flex;
  transition: color 0.2s;
  justify-content: center;
  align-items: center;
  padding-bottom: 2vh;
  padding-top: 2vh;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
  /* border-radius: 30px; */
  width: 40px;
  height: 40px;
  font-size: 18px;
  z-index: 10000000;
  
  background: none !important;
  border: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}



._next1_1hk24_55:hover,
._prev1_1hk24_53:hover {
  color: rgb(230, 230, 230);
}

._slideshowAnimImg_1hk24_683 {
  position: absolute;
  max-width: 100vw;
}

._controls_1hk24_693 {
  display: flex;
  flex-direction: row;
  align-items: center;
}

._iconsHeader_1hk24_49 {
  color: white;
  display: flex;
  flex-direction: row;
  /* align-items: center;
    justify-content: center; */
  cursor: pointer;
  z-index: 999999999;
  /* padding: 0.14vw; */
}

._iconHeaderDefault_1hk24_727 {
  position: absolute;
  top: 10px;
  right: 45px;
}

._ytVideo_1hk24_739 {
  aspect-ratio: 16 / 9;
  height: 65vh;
  width: 100%;
}

._videoOuterContainer_1hk24_751 {
  width: 65%;
  margin-left: auto;
  margin-right: auto;
  height: 60vh;
  max-height: 65vh;
}

._htmlVideoOuterContainer_1hk24_363 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

._customVideoContainer_1hk24_779, ._customEmbedContainer_1hk24_779 {
  margin-left: auto;
  margin-right: auto;
}

._videoIconsHeader_1hk24_789 {
  position: fixed;
  top: 4%;
  right: 3%;
}

._lightbox_1hk24_1 ._iconsHeader_1hk24_49 svg {
  transition: 0.3s all;
}

._iconsHeader_1hk24_49 svg:active {
  transform: scale(0.97);
}

._imgTitle_1hk24_279 {
  text-align: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

._iconsHeader_1hk24_49 svg {
  margin-left: 0.6em;
  padding: 0.2em;
  transition: all 0.1s;
  /* width: 32px;  */
  /* font-size: 18px; */
  line-height: 16px;
  vertical-align: baseline;
}

._icon_1hk24_49 {
  /* width: 32px;  */
}

@media screen and (min-width: 6em) {
  ._iconsHeader_1hk24_49 {
    top: 3%;
  }

  ._slideshowAnimContainer_1hk24_443 {
    width: 100vw;
  }

  ._iconsHeader_1hk24_49 svg {
    /* width: 34px;  */
    padding-right: 0.3em;
  }

  ._lightboxjs_1hk24_1 img {
    cursor: pointer;
  }

  ._thumbnail_1hk24_97 {
    height: 9vh;
    /* width: 22vw; */
  }

  ._next1_1hk24_55 {
    top: calc(48% - 20px);
  }

  ._prev1_1hk24_53 {
    top: calc(48% - 20px);

  }

  ._iconHeaderCenter_1hk24_923 {
    width: 100vw; 
    display: flex;
    flex-direction: row;
    cursor: pointer;
    position: fixed;
    top: 10px;
    justify-content: center;
    left: 0;
  }

}

@media screen and (min-width: 39em) {
  ._slideshowAnimContainer_1hk24_443 {
    width: 100vw;
  }

  ._slideshowInnerContainer_1hk24_251 {
    /* width: 100vw;
    height: 95vh;
    position: absolute; */
  }

  ._imgTitleContainer_1hk24_279 {
    padding-bottom: 0px;
  }
  

  ._next1_1hk24_55 {
    right: 0.7%;
  }

  ._iconHeaderCenter_1hk24_923 {
    width: 100%; 
    display: flex;
    flex-direction: row;
    cursor: pointer;
    position: fixed;
    top: 10px;
    justify-content: center;
    left: 0;

  
  }

  /* .thumbnailsOuterContainer {
    bottom: 10%;
  } */

  /* .hideControlsBar .slideshow_img {
    height: 70vh;

  }

  .hideControlsBar {
    top: 10%;
  } */

  ._fullScreenContainer_1hk24_479 {
    width: 100vw;
    /* height: 100vh; */
  }

  ._fullScreenContainer_1hk24_479 img {
    height: 100vh;
  }

  ._thumbnails_1hk24_135 {
    margin-top: 0.6em;
  }

  ._thumbnail_1hk24_97 {
    /* height: 8vh; */
    width: 80px;
    max-width: 80px;
  }

  ._iconsHeader_1hk24_49 svg {
    /* width: 32px; 
      font-size: 32px; */
  }

  ._prev1_1hk24_53 {
    left: 2.7%;
    padding-right: 2vw;
  }
}

/* Desktop screens */
@media screen and (min-width: 42em) {
  ._imageSlide_1hk24_199 {
    height: 70vh;
    width: 80vw;
  }

  ._innerContainerWithTopCaption_1hk24_1115 {
    top: 8%;
  }

  ._slideshowImgFullscreen_1hk24_1123 {
    display: grid;
    width: 92vw;
    place-items: start;
    margin-left: auto;
    margin-right: auto;
    scrollbar-gutter: stable both-edges;
  }

  ._thumbnailsAndCaption_1hk24_223 {
    bottom: 0%;
  }
  
  ._rotateImgInnerContainer_1hk24_243 {
    top: 2%;
  }

  ._slideshowInnerContainer_1hk24_251 img {
    margin-top: 0vh;
    /* width: 70vw; */
  }

  ._fullScreenContainer_1hk24_479 img {
    width: 80vw;
  }

  ._slideshowInnerContainerFullScreen_1hk24_1175 {
    top: 0%;
  }

  ._fullScreenLightboxImg_1hk24_1183 {
    margin-left: auto;
    margin-right: auto;
    height: 100vh;
  }

  ._slideshowInnerContainerImgMetadata_1hk24_1195 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  ._slideshowInnerContainerFullScreen_1hk24_1175 {
    height: 100vh;
    width: 100vw;
    position: absolute;
  }

  ._slideshowInnerContainerFullScreen_1hk24_1175 img {
    object-fit: contain;
  }

  ._thumbnails_1hk24_135 {
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin-top: 1.1em;
  }

  ._thumbnails_1hk24_135::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
  }

  ._opacity-fade_1hk24_1249 {
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    opacity: 1;
  }

  ._thumbnailsOuterContainer_1hk24_159 {
    margin-top: 0.1em;
    padding-top: 0.3em;
    height: 5vh;
    bottom: 11%;
  }

  ._thumbnailsAndCaption_1hk24_223 {
    bottom: 0%;
  }

  ._thumbnail_1hk24_97,
  ._imageSliderThumbnails_1hk24_1285 img {
    height: 10vh;
    /* width: 7em; */
  }

  ._slideshowAnimContainer_1hk24_443 {
    width: 100vw;
  }

  /* .slideshowInnerContainer {
    width: 100vw;
    height: 95vh;
  } */

  ._hideControlsBar_1hk24_235 {
    /* height: 100vh; */
  }

  ._fullScreenContainer_1hk24_479 {
    width: 100vw;
    /* height: 100vh; */
  }

  ._iconsHeader_1hk24_49 svg {
    /* width: 37px;
      font-size: 34px; */
  }

  ._prev1_1hk24_53 {
    left: 2%;
    padding-right: 2vw;
  }

  ._next1_1hk24_55 {
    right: 2.4%;
  }

  
  ._slideshowImgMetadata_1hk24_1361 {
    width: 78vw;
  }

  ._prev1Metadata_1hk24_1369 {
    left: 1%;
  }

  ._navigationDots_1hk24_183 {
    gap: 8px;
  }

 
}

@media screen and (min-width: 53em) {
  
  ._slideshowImg_1hk24_235 {
    display: grid;
    width: 100vw;
    height: 70vh;
    place-items: start;
    /* margin-top: 7vh; */
  }

  ._slideshowImgWithCaption_1hk24_1411 {
    height: 68vh;
  }

  ._hideControlsBar_1hk24_235 ._slideshowImg_1hk24_235, ._hideControlsBarAndCaption_1hk24_1419 ._slideshowImg_1hk24_235  {
    padding-top: 12vh;
  }

  ._fullScreenContainer_1hk24_479 ._slideshowImg_1hk24_235 {
    padding-top: 0vh;
  }


  ._lightboxImg_1hk24_1437 {
      /* height: 70vh; */
  }

  ._thumbnail_1hk24_97 {
    width: 95px;
    max-width: 80px;
  } 

  ._slideshowImgMetadata_1hk24_1361 {
    width: 78vw;
  }
}
  

@media screen and (min-width: 80em) {
  ._slideshowInnerContainer_1hk24_251 img {
    /* width: 60vw; */
  }

  ._fullScreenContainer_1hk24_479 img {
    width: 80vw;
  }
}

._lightIcon_1hk24_1487,
._lightIcon_1hk24_1487 svg {
  background-color: white;
  color: black;
}

._lightIcon_1hk24_1487:hover,
._lightIcon_1hk24_1487 svg:hover {
  background-color: white;
  color: black;
  fill: black;
}

._darkIcon_1hk24_1513,
._darkIcon_1hk24_1513 svg {
  background-color: transparent;
  /* background-color: #151515; */
  color: silver;
  fill: silver;
}

._darkIcon_1hk24_1513:hover,
._darkIcon_1hk24_1513 svg:hover {
  color: rgba(107, 107, 107, 0.8);
  fill: rgba(107, 107, 107, 0.8);
}

/* Header icons  */
._lightHeaderIcon_1hk24_1543 svg {
  background-color: white;
  color: black;
  fill: black;
}

._lightHeaderIcon_1hk24_1543 svg:hover {
  background-color: white;
  color: rgb(24, 24, 24, 0.8);
  fill: rgb(24, 24, 24, 0.8);

}

._darkHeaderIcon_1hk24_1569 svg {
  background-color: transparent;
  /* background-color: #151515; */
  color: #626b77;
  fill: #626b77;
}

._darkHeaderIcon_1hk24_1569 svg:hover {
  color: rgba(99, 99, 99, 0.8);
  fill: rgba(99, 99, 99, 0.8);
}

._magnifierImage_1hk24_1593 {
  object-fit: contain;
}

._thumbnails_1hk24_135 ._active_1hk24_1601 {
  border: solid rgb(107, 133, 206) 2px;
}

._inactiveThumbnailBorder_1hk24_1609 {
  border: solid transparent 2px;
}

._thumbnails_1hk24_135 {
  width: 95%;
}

._emblaThumbs_1hk24_1625 {
  --thumbs-slide-spacing: 2px; 
  /* --thumbs-slide-height: 9rem; */
  margin-top: var(--thumbs-slide-spacing);
}

@media screen and (max-width: 40em) {
  /* .innerContainerWithTopCaption {
    position: relative;
  } */


  ._imgTitleContainer_1hk24_279 {
    /* position: absolute;
    top: 12%; */
  }

  ._slideshowImg_1hk24_235 {
    height: 100vh;
  }
}

@media screen and (max-width: 53em) {
  ._fullScreenSlideshowImg_1hk24_1671 {
    margin-top: auto;
    margin-bottom: auto;
  }
}

@media screen and (max-width: 44em) and (min-width: 30em) {
  /* .innerContainerWithTopCaption {
    position: relative;
  } */
  ._thumbnailsOuterContainer_1hk24_159 {
    bottom: 11%;
  }

  ._thumbnailsAndCaption_1hk24_223 {
    bottom: 4%;
  }
  
  ._imgTitleContainer_1hk24_279 {
    /* position: absolute;
    top: 5%; */
  }
}

@media screen and (max-width: 46em) and (min-width: 30em) {
  /* .innerContainerWithTopCaption {
    position: relative;
  } */

  /* .imgTitleContainer {
    position: absolute;
    top: 7%;
  } */
}

@media screen and (max-width: 49em) and (min-width: 45em) {
  /* .innerContainerWithTopCaption {
    position: relative;
  } */


  /* .imgTitleContainer {
    position: absolute;
    top: 5%;
  } */
}

@media screen and (max-width: 29em) {
  ._fullScreenContainer_1hk24_479 img {
    object-fit: cover;
  }

  ._emblaThumbs_1hk24_1625 {
    --thumbs-slide-spacing: 3px; 
    /* --thumbs-slide-height: 9rem; */
    margin-top: var(--thumbs-slide-spacing);
  }



  ._htmlVideo_1hk24_363 {
    margin-top: 5vh;
  }

  ._thumbnails_1hk24_135 {
    width: 98%;
  }

  ._thumbnail_1hk24_97 {
    width: 80px;
    max-width: 80px;
  }

  ._htmlVideoOuterContainer_1hk24_363 video {
    max-height: 65vh;
  }

  ._videoIconsHeader_1hk24_789 {
    position: fixed;
    top: 2%;
    right: 15px;
  }

  ._videoOuterContainer_1hk24_751 {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    max-height: 65vh;
  }

  ._htmlVideoOuterContainer_1hk24_363 {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
  }

  ._iconHeaderDefault_1hk24_727 {
    position: fixed;
    left: 115px;
  }

  ._slideshowInnerVideoContainer_1hk24_569 {
    top: 3%;
  }

  ._next1_1hk24_55,
  ._prev1_1hk24_53 {
    padding-bottom: 2vh;
    padding-top: 2vh;
  }

  ._next1_1hk24_55 {
    padding-left: 4vw;
  }

  ._prev1_1hk24_53 {
    padding-right: 4vw;
  }

  ._iconsHeader_1hk24_49 {
    /* font-size: 28px; */
  }

}

@media screen and (max-width: 53em) {
  ._slideshowImg_1hk24_235 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100vw;
    height: 70vh;
  }

  ._slideshowImg_1hk24_235 img {
    margin-left: auto;
    margin-right: auto;
  }

  ._slideshowInnerContainerFullScreen_1hk24_1175 {
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: top 0.2s ease-in-out 0s;
    top: 10%;
    align-content: center;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    z-index: 1000000;
  }

  ._containImg_1hk24_1981 {
    object-fit: contain;
  }
}

._fullScreenContainer_1hk24_479 img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

._thumbnails_1hk24_135 {
  text-align: center;
  white-space: nowrap;
}

._reactTransformComponent_1hk24_2013 {
  margin-left: auto;
  margin-right: auto;
}

._magnifierImage_1hk24_1593 {
  margin-left: auto;
  margin-right: auto;
}

/* CSS loader  */
._loader_1hk24_2035 {
  width: 44px;
  height: 44px;
  box-sizing: border-box;

  border-radius: 50%;

  display: inline-block;
  position: fixed;
  top: 35%;
  left: 50%;
  animation: _rotation_1hk24_1 1s linear infinite;
}

@keyframes _rotation_1hk24_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

._dayLoader_1hk24_2081 {
  border: 5px solid #626b77;
  border-bottom-color: transparent;
}

._nightLoader_1hk24_2091 {
  border: 5px solid #fff;
  border-bottom-color: transparent;
}

._lightboxImg_1hk24_1437 {
  max-height: 70vh;
  margin-left: auto;
  margin-right: auto;
  pointer-events: auto !important;
}

._controls_1hk24_693 button, ._closeButton_1hk24_2115, ._closeButtonRounded_1hk24_2115 {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 16px;
}

._controls_1hk24_693 svg {
  box-sizing: border-box;
}

._closeButton_1hk24_2115 svg, ._closeButtonRounded_1hk24_2115 svg {
  box-sizing: border-box;
  font-size: 16px;
  padding-top: 0.5px;
}

._closeButton_1hk24_2115 {
  padding-top: 3px;
}

._closeButtonRounded_1hk24_2115 {
  cursor: pointer;

}

._closeButtonRounded_1hk24_2115 svg {
  margin: 0;
  padding: 5px;
  background-color: black;
  border-color: transparent;
  border-radius: 28px;

}

._thumbnailsAndCaption_1hk24_223 {
  height: 19vh;
  margin-top: 0em;
  width: 100vw;
}

._thumbnailsWithCaption_1hk24_151 {
  margin-top: 0em;
}

._slideImageAndCaption_1hk24_2207 {
  top: 9%;
}

._slideImageAndCaption_1hk24_2207._hideControlsBar_1hk24_235 {
  top: 0;
}

._slideshowAnimContainer_1hk24_443 {
  -ms-overflow-style: none;
  /* scrollbar-width: none;   */
}
._thumbnails_1hk24_135::-webkit-scrollbar {
  display: none;
}

._roundedBorder_1hk24_2239 {
  border-radius: 20px;
}

._maxWidthFull_1hk24_2247 {
  max-width: 100%;
}

._maxWidthWithoutMagnifier_1hk24_2255 {
  max-width: 80%;
}

@media screen and (max-width: 880px) {
  ._iconHeaderDefault_1hk24_727 {
    position: fixed;
    right: 5%;
  }
}

@media screen and (max-width: 480px) {
  ._iconHeaderDefault_1hk24_727 {
    position: fixed;
    left: 180px;
  }
  
}

@media screen and (max-width: 440px) {
  ._iconHeaderDefault_1hk24_727 {
    position: fixed;
    left: 160px;
  }
}

@media screen and (max-width: 410px) {
  ._iconHeaderDefault_1hk24_727 {
    position: fixed;
    left: 140px;
  }
}

@media screen and (max-width: 385px) {
  ._iconHeaderDefault_1hk24_727 {
    position: fixed;
    left: 135px;
    /* top: 24px; */
  }
}

@media screen and (max-width: 365px) {
  ._iconHeaderDefault_1hk24_727 {
    position: fixed;
    left: 90px;
  }
}

@media screen and (max-width: 345px) {
  ._iconHeaderDefault_1hk24_727 {
    position: fixed;
    left: 94px;
  }
}

@media screen and (max-width: 325px) {
  ._iconsHeader_1hk24_49 {
    position: fixed;
    left: 60px;
  }
}

@media screen and (max-width: 300px) {
  ._iconsHeader_1hk24_49 {
    position: fixed;
    left: 30px;
  }
}

._lightboxVideo_1hk24_2393 {
  margin-left: auto;
  margin-right: auto;
}

._navigation-wrapper_1hk24_2403 {
  position: relative;
}

._dots_1hk24_2411 {
  display: flex;
  padding: 10px 0;
  justify-content: center;
}

._dot_1hk24_2411 {
  border: none;
  width: 10px;
  height: 10px;
  background: #c5c5c5;
  border-radius: 50%;
  margin: 0 5px;
  padding: 5px;
  cursor: pointer;
}

._dot_1hk24_2411:focus {
  outline: none;
}

._dot_1hk24_2411._active_1hk24_1601 {
  background: #000;
}

._arrow_1hk24_2461 {
  position: absolute;
  top: 50%;
  font-size: 24px;
  font-weight: bold;
  transition: all 0.2s;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  color: #fff;
  cursor: pointer;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: sans-serif;
}

._leftArrow_1hk24_2491 {
  left: 8px;
  padding-right: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
}

._rightArrow_1hk24_2505 {
  left: auto;
  right: 8px;
  padding-left: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
}

._arrow_1hk24_2461:hover {
  color: rgb(230, 230, 230);
}

._arrow--disabled_1hk24_2529,
._arrow--disabled_1hk24_2529:hover {
  color: rgba(255, 255, 255, 0.5);
}

._navDotsMargin_1hk24_2539 {
  margin-top: 12px;
}

._inactiveThumbnailBorderImgSlider_1hk24_2547 {
  border: 'solid transparent 2px';
}

._ytVideoImgSlider_1hk24_2555 {
  width: 100%;
  height: 100%;
}

._ytVideoImgSlider_1hk24_2555 iframe {
  width: 100%;
  height: 100%;
}

._outerYTVideoImgSlider_1hk24_2575 {
  height: 100%;
}

._lightboxjs_1hk24_1 iframe {
  margin: none;
  padding: none;
  border: none;
}

._imgSliderArrow_1hk24_2595 {
  z-index: 100000;
  background-color: transparent;
  border: none;
}

._thumbnails_1hk24_135 {
  margin-left: auto;
  margin-right: auto;
}

._cursorPointer_1hk24_2617 {
  cursor: pointer;
}

._lightboxjsIcon_1hk24_2625 > * { color: inherit; fill: inherit }

._embla_1hk24_1625 {
  margin-left: auto;
  margin-right: auto;
  --slide-spacing: 1rem;
  --slide-size: 100%;
  --slide-height: 19rem;
}

._emblaViewport_1hk24_2645 {
  overflow: hidden;
  width: 100vw;
}

._emblaContainer_1hk24_2655 {
  backface-visibility: hidden; 
  touch-action: pan-y;
  height: auto;
  margin-left: calc(var(--slide-spacing) * -1);
  display: grid;  
  grid-auto-flow: column;  
  grid-auto-columns: 100%; 
  max-width: 100vw;
  margin-left: auto;
  margin-right: auto; 
  /* width: 80%;
*/
}

._emblaContainerImgMetadata_1hk24_2685 {
  width: 78vw;
  max-width: 78vw;
  height: 80vh;
}

._imgdrag_1hk24_2697 ._emblaSlide_1hk24_2697 {
  flex: 0 0 80%;
  min-width: 0;
  max-width: 100%;
  padding-left: 12px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

._emblaThumbsViewport_1hk24_2717 {
  overflow: hidden;
}

._emblaThumbsContainer_1hk24_2725 {
  display: flex;
  flex-direction: row;
  margin-left: calc(var(--thumbs-slide-spacing) * -1);
  width: 100%;
  /* align-items: center;
  text-align: center;
  width: fit-content; */
  /* justify-content: center; */
  
}

._emblaThumbsContainer_1hk24_2725::before, ._emblaThumbsContainer_1hk24_2725::after {
  content: '';  /* Insert pseudo-element */
  margin: auto; /* Make it push flex items to the center */
}


._emblaThumbsSlide_1hk24_2761 {
  /* min-width: 0; */
  padding-left: var(--thumbs-slide-spacing);
  /* position: relative; */
  /* width: 140px; */
}

._emblaThumbsSlideImg_1hk24_2775 {
  /* display: block; */
  height: var(--thumbs-slide-height);
  width: 100%;
  object-fit: cover;
}

._mlAuto_1hk24_2789 {
  margin-left: auto;
}

._metadata_1hk24_2797 {
  color: white;
}

._emblaSlideGrid_1hk24_2805 {
  display: flex;
}

._metadata_1hk24_2797 {
  text-align: left;
  min-width: 17vw;
  max-width: 17vw;
  padding-top: 5vw;
}

._metadataPanel_1hk24_2827 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

._metadataInnerContainer_1hk24_2839 {
  padding-left: 7vw;
}

._metadataInnerContainer_1hk24_2839 span {
  display: block;
}


._imgMetadataCloseBtn_1hk24_2857 {
  position: absolute;
  top: 1%;
  right: 2%;
  background: none;
  color: white;
  border: none;
  cursor: pointer;
}

/* Styling from react-zoom-pan-pinch library */
._reactTransformWrapper_1hk24_2879 {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -khtml-user-select: none; /* Konqueror HTML */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
  margin: 0;
  padding: 0;
}

._reactTransformComponent_1hk24_2013 {
  display: flex;
  flex-wrap: wrap;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: 0;
  padding: 0;
  transform-origin: 0% 0%;
}

._reactTransformComponent_1hk24_2013 img {
  pointer-events: none;
}

._navigationDot_1hk24_183 {
  height: 10px;
  width: 10px;
  background-color: silver;
  border-radius: 8px;
  border: none;
  cursor: pointer;
}

._navigationDotContainer_1hk24_2963 {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 12px;
  padding-right: 12px;
}

._imgfade_1hk24_2977._emblaContainer_1hk24_2655 {
  transform: none !important; /* override Embla */
  display: flex;
  /* height: 250px; */
}

._notFullScreen_1hk24_2989 {
  top: 0;
}

._imgfade_1hk24_2977._emblaSlide_1hk24_2697 {
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  position: absolute;
  /* top: 0; */
  left: 0 !important; /* override Embla */
  right: 0 !important; /* override Embla */
  opacity: 0;
  transition: opacity 0.5s;
  counter-increment: embla;
  border-radius: 0.5rem;
}

._imgFadeWithTopCaption_1hk24_3025 {
  top: 16%;
  position: fixed;
}

._imgfade_1hk24_2977._emblaSlideSelected_1hk24_3035 {
  opacity: 1;
  transition: opacity 0.3s;
  z-index: 1;
}

._imgfade_1hk24_2977._emblaSlide_1hk24_2697:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

._fullImg_1hk24_3061 {
  height: 84vh;
  max-height: 84vh;
  object-fit: contain;
}

._rotateImg90Deg_1hk24_3073{
transform: rotate(90deg);
transition: transform 1s linear;
}  

._rotate_img_1hk24_3083 {
transition: transform 0.7s linear;
}

._fullScreenContainer_1hk24_479 img {
/* max-height: 100vh; */
}

._slideshowImg_1hk24_235 img {
height: 100%;
}

._zoomInCursor_1hk24_3107 {
  cursor: zoom-in;
}

._zoomOutCursor_1hk24_3115 {
  cursor: zoom-out;
}

._lightboxjsBtn_1hk24_3123:focus {
  outline: none;
}

._lightboxjsBtn_showOutline_1hk24_3131:focus-visible {
  outline: 2px solid #00aaff;
  outline-offset: 2px;
}

._lightboxjsBtn_1hk24_3123::-webkit-focus-inner {
  border: 0;
}

._lightboxjsBtn_1hk24_3123 {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background: none;
}
`;
(function() {
  if (typeof document === "undefined") {
    return;
  }
  if (!document.getElementById(digest)) {
    var el = document.createElement("style");
    el.id = digest;
    el.textContent = css;
    document.head.appendChild(el);
  }
})();
var SlideshowLightbox_module_css_default = { "lightboxjs": "_lightboxjs_1hk24_1", "slideshowBtn": "_slideshowBtn_1hk24_37", "closeIcon": "_closeIcon_1hk24_45", "iconsHeader": "_iconsHeader_1hk24_49", "prev1": "_prev1_1hk24_53", "next1": "_next1_1hk24_55", "icon": "_icon_1hk24_49", "prevIcon": "_prevIcon_1hk24_69", "nextIcon": "_nextIcon_1hk24_71", "show": "_show_1hk24_81", "displayHidden": "_displayHidden_1hk24_89", "thumbnail": "_thumbnail_1hk24_97", "thumbnails": "_thumbnails_1hk24_135", "thumbnailsWithCaption": "_thumbnailsWithCaption_1hk24_151", "thumbnailsOuterContainer": "_thumbnailsOuterContainer_1hk24_159", "navigationDots": "_navigationDots_1hk24_183", "imageSlide": "_imageSlide_1hk24_199", "thumbnailsAndCaption": "_thumbnailsAndCaption_1hk24_223", "hideControlsBar": "_hideControlsBar_1hk24_235", "slideshowImg": "_slideshowImg_1hk24_235", "rotateImgInnerContainer": "_rotateImgInnerContainer_1hk24_243", "slideshowInnerContainer": "_slideshowInnerContainer_1hk24_251", "videoThumbnailsOuterContainer": "_videoThumbnailsOuterContainer_1hk24_271", "imgTitleContainer": "_imgTitleContainer_1hk24_279", "thumbnailsOuterContainerMetadata": "_thumbnailsOuterContainerMetadata_1hk24_339", "htmlVideoOuterContainer": "_htmlVideoOuterContainer_1hk24_363", "caption": "_caption_1hk24_375", "galleryImg": "_galleryImg_1hk24_395", "modalContainer": "_modalContainer_1hk24_405", "slideshowAnimContainer": "_slideshowAnimContainer_1hk24_443", "fullScreenContainer": "_fullScreenContainer_1hk24_479", "imageInnerContainer": "_imageInnerContainer_1hk24_491", "magnifyWrapper": "_magnifyWrapper_1hk24_529", "slideshowInnerVideoContainer": "_slideshowInnerVideoContainer_1hk24_569", "slideshowInnerContainerThumbnails": "_slideshowInnerContainerThumbnails_1hk24_577", "lightboxContainer": "_lightboxContainer_1hk24_601", "slideshowAnimImg": "_slideshowAnimImg_1hk24_683", "controls": "_controls_1hk24_693", "iconHeaderDefault": "_iconHeaderDefault_1hk24_727", "ytVideo": "_ytVideo_1hk24_739", "videoOuterContainer": "_videoOuterContainer_1hk24_751", "customVideoContainer": "_customVideoContainer_1hk24_779", "customEmbedContainer": "_customEmbedContainer_1hk24_779", "videoIconsHeader": "_videoIconsHeader_1hk24_789", "lightbox": "_lightbox_1hk24_1", "imgTitle": "_imgTitle_1hk24_279", "iconHeaderCenter": "_iconHeaderCenter_1hk24_923", "innerContainerWithTopCaption": "_innerContainerWithTopCaption_1hk24_1115", "slideshowImgFullscreen": "_slideshowImgFullscreen_1hk24_1123", "slideshowInnerContainerFullScreen": "_slideshowInnerContainerFullScreen_1hk24_1175", "fullScreenLightboxImg": "_fullScreenLightboxImg_1hk24_1183", "slideshowInnerContainerImgMetadata": "_slideshowInnerContainerImgMetadata_1hk24_1195", "opacityFade": "_opacity-fade_1hk24_1249", "imageSliderThumbnails": "_imageSliderThumbnails_1hk24_1285", "slideshowImgMetadata": "_slideshowImgMetadata_1hk24_1361", "prev1Metadata": "_prev1Metadata_1hk24_1369", "slideshowImgWithCaption": "_slideshowImgWithCaption_1hk24_1411", "hideControlsBarAndCaption": "_hideControlsBarAndCaption_1hk24_1419", "lightboxImg": "_lightboxImg_1hk24_1437", "lightIcon": "_lightIcon_1hk24_1487", "darkIcon": "_darkIcon_1hk24_1513", "lightHeaderIcon": "_lightHeaderIcon_1hk24_1543", "darkHeaderIcon": "_darkHeaderIcon_1hk24_1569", "magnifierImage": "_magnifierImage_1hk24_1593", "active": "_active_1hk24_1601", "inactiveThumbnailBorder": "_inactiveThumbnailBorder_1hk24_1609", "emblaThumbs": "_emblaThumbs_1hk24_1625", "fullScreenSlideshowImg": "_fullScreenSlideshowImg_1hk24_1671", "htmlVideo": "_htmlVideo_1hk24_363", "containImg": "_containImg_1hk24_1981", "reactTransformComponent": "_reactTransformComponent_1hk24_2013", "loader": "_loader_1hk24_2035", "rotation": "_rotation_1hk24_1", "dayLoader": "_dayLoader_1hk24_2081", "nightLoader": "_nightLoader_1hk24_2091", "closeButton": "_closeButton_1hk24_2115", "closeButtonRounded": "_closeButtonRounded_1hk24_2115", "slideImageAndCaption": "_slideImageAndCaption_1hk24_2207", "roundedBorder": "_roundedBorder_1hk24_2239", "maxWidthFull": "_maxWidthFull_1hk24_2247", "maxWidthWithoutMagnifier": "_maxWidthWithoutMagnifier_1hk24_2255", "lightboxVideo": "_lightboxVideo_1hk24_2393", "navigationWrapper": "_navigation-wrapper_1hk24_2403", "dots": "_dots_1hk24_2411", "dot": "_dot_1hk24_2411", "arrow": "_arrow_1hk24_2461", "leftArrow": "_leftArrow_1hk24_2491", "rightArrow": "_rightArrow_1hk24_2505", "arrowDisabled": "_arrow--disabled_1hk24_2529", "navDotsMargin": "_navDotsMargin_1hk24_2539", "inactiveThumbnailBorderImgSlider": "_inactiveThumbnailBorderImgSlider_1hk24_2547", "ytVideoImgSlider": "_ytVideoImgSlider_1hk24_2555", "outerYtVideoImgSlider": "_outerYTVideoImgSlider_1hk24_2575", "imgSliderArrow": "_imgSliderArrow_1hk24_2595", "cursorPointer": "_cursorPointer_1hk24_2617", "lightboxjsIcon": "_lightboxjsIcon_1hk24_2625", "embla": "_embla_1hk24_1625", "emblaViewport": "_emblaViewport_1hk24_2645", "emblaContainer": "_emblaContainer_1hk24_2655", "emblaContainerImgMetadata": "_emblaContainerImgMetadata_1hk24_2685", "imgdrag": "_imgdrag_1hk24_2697", "emblaSlide": "_emblaSlide_1hk24_2697", "emblaThumbsViewport": "_emblaThumbsViewport_1hk24_2717", "emblaThumbsContainer": "_emblaThumbsContainer_1hk24_2725", "emblaThumbsSlide": "_emblaThumbsSlide_1hk24_2761", "emblaThumbsSlideImg": "_emblaThumbsSlideImg_1hk24_2775", "mlAuto": "_mlAuto_1hk24_2789", "metadata": "_metadata_1hk24_2797", "emblaSlideGrid": "_emblaSlideGrid_1hk24_2805", "metadataPanel": "_metadataPanel_1hk24_2827", "metadataInnerContainer": "_metadataInnerContainer_1hk24_2839", "imgMetadataCloseBtn": "_imgMetadataCloseBtn_1hk24_2857", "reactTransformWrapper": "_reactTransformWrapper_1hk24_2879", "navigationDot": "_navigationDot_1hk24_183", "navigationDotContainer": "_navigationDotContainer_1hk24_2963", "imgfade": "_imgfade_1hk24_2977", "notFullScreen": "_notFullScreen_1hk24_2989", "imgFadeWithTopCaption": "_imgFadeWithTopCaption_1hk24_3025", "emblaSlideSelected": "_emblaSlideSelected_1hk24_3035", "fullImg": "_fullImg_1hk24_3061", "rotateImg90Deg": "_rotateImg90Deg_1hk24_3073", "rotateImg": "_rotate_img_1hk24_3083", "zoomInCursor": "_zoomInCursor_1hk24_3107", "zoomOutCursor": "_zoomOutCursor_1hk24_3115", "lightboxjsBtn": "_lightboxjsBtn_1hk24_3123", "lightboxjsBtnShowOutline": "_lightboxjsBtn_showOutline_1hk24_3131" };

// lib/components/SlideshowLightbox/LightboxImage.jsx
var import_jsx_runtime = require("react/jsx-runtime");
function LightboxImage({
  props,
  imgRef,
  fullImg,
  imgStyle,
  imgSrc,
  index,
  displayImgMetadata,
  enableMagnifyingGlass,
  onImgError,
  onUpdateImgMetadata
}) {
  const [isLoading, setIsLoading] = (0, import_react.useState)(true);
  const getImageFilename = (img_src) => {
    let img_src_split = img_src.split("/");
    let name = img_src_split[img_src_split.length - 1];
    return name;
  };
  const handleError = (event, index2) => {
    if (onImgError) {
      onImgError(event, index2);
    }
  };
  const getLoaderThemeClass = () => {
    if (props.theme) {
      if (props.theme == "night" || props.theme == "lightbox") {
        return SlideshowLightbox_module_css_default.nightLoader;
      } else if (props.theme == "day") {
        return SlideshowLightbox_module_css_default.dayLoader;
      }
    }
    return SlideshowLightbox_module_css_default.nightLoader;
  };
  const parseCreateDate = (js_date) => {
    if (js_date) {
      let date = js_date.getDate();
      let month = js_date.getMonth() + 1;
      let year = js_date.getFullYear();
      let time = js_date.toLocaleTimeString(metadataLocale);
      return "" + year + "-" + (month <= 9 ? "0" + month : month) + "-" + (date <= 9 ? "0" + date : date) + ` ${time}`;
    }
    return "";
  };
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
      "span",
      {
        className: `${SlideshowLightbox_module_css_default.loader} ${getLoaderThemeClass()}`
      },
      "loader"
    ) : null,
    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
      "img",
      {
        className: `imageModal ${fullImg && props.thumbnailImgAnim ? SlideshowLightbox_module_css_default.fullImg : false}  
            ${props.imgElemClassname ? props.imgElemClassname : ""}
            ${props.isZoomCursor ? SlideshowLightbox_module_css_default.zoomInCursor : ""}
          ${SlideshowLightbox_module_css_default.lightboxImg} ${SlideshowLightbox_module_css_default.rotate_img}
          ${enableMagnifyingGlass ? SlideshowLightbox_module_css_default.maxWidthFull : SlideshowLightbox_module_css_default.maxWidthWithoutMagnifier}  ${SlideshowLightbox_module_css_default.containImg} `,
        style: imgStyle,
        ref: imgRef,
        loading: "lazy",
        src: imgSrc,
        onError: (event) => {
          setIsLoading(false);
          handleError(event, index);
        },
        onLoad: (img) => {
          setIsLoading(false);
          if (displayImgMetadata) {
            if (img) {
              let img_target = img.target;
              let individual_image_metadata = {};
              let name = getImageFilename(img_target.src);
              individual_image_metadata["name"] = name;
              import_full_esm.default.parse(img_target, true).then((exif) => {
                if (exif) {
                  let keys = ["isoData", "createDate", "height", "width", "shutterSpeed", "fNumber"];
                  for (let i = 0; i < keys.length; i++) {
                    let keyName = keys[i];
                    switch (keyName) {
                      case "isoData":
                        if (exif.ISO) {
                          individual_image_metadata["isoData"] = exif.ISO;
                        }
                        break;
                      case "createDate":
                        if (exif.CreateDate) {
                          individual_image_metadata["createDate"] = parseCreateDate(exif.CreateDate);
                        }
                        break;
                      case "height":
                        if (exif.ExifImageHeight) {
                          individual_image_metadata["height"] = exif.ExifImageHeight;
                        }
                        break;
                      case "width":
                        if (exif.ExifImageWidth) {
                          individual_image_metadata["width"] = exif.ExifImageWidth;
                        }
                        break;
                      case "fNumber":
                        if (exif.fNumber) {
                          individual_image_metadata["fNumber"] = exif.fNumber;
                        }
                        break;
                      case "shutterSpeed":
                        if (exif.ShutterSpeedValue) {
                          individual_image_metadata["shutterSpeed"] = exif.ShutterSpeedValue;
                        }
                        break;
                    }
                  }
                  let imgMetadataItems = imgMetadata;
                  imgMetadataItems[index] = individual_image_metadata;
                  onUpdateImgMetadata(imgMetadataItems);
                }
              });
            }
          }
        },
        id: "img"
      }
    )
  ] });
}

// esbuild-css-modules-plugin-namespace:C:\Users\silvi\AppData\Local\Temp\tmp-8992-t08yOAtQq4EF\lightbox.js-react\lib\components\SlideshowLightbox\SlideshowLightbox.module.css.js
var digest2 = "99ca605cb1c50ee933e422392cf286c96caa242e4274ee737321f350e55f34f2";
var css2 = `._lightboxjs_1hk24_1 {
  margin: 0;
  padding: 0;
}

._lightboxjs_1hk24_1 * {
  box-sizing: border-box;
}

/* .lightboxjs img,
.lightboxjs svg,
.lightboxjs video {
  display: block;
  vertical-align: middle;
  height: auto;
  max-width: 100%;
} */

._slideshowBtn_1hk24_37 {
  padding-bottom: 2px;
}

._closeIcon_1hk24_45:hover,
._closeIcon_1hk24_45:focus,
._iconsHeader_1hk24_49 svg:hover,
._iconsHeader_1hk24_49 svg:focus,
._prev1_1hk24_53 span:hover,
._next1_1hk24_55:hover,
._icon_1hk24_49:hover {
  text-decoration: none;
  cursor: pointer;
  /* color: rgb(230, 230, 230); */
}

._prevIcon_1hk24_69:hover,
._nextIcon_1hk24_71:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color: rgb(230, 230, 230);
}

._show_1hk24_81 {
  display: flex;
}

._displayHidden_1hk24_89 {
  display: none;
}

._thumbnail_1hk24_97 {
  opacity: 1;
  transition: all 0.3s;
  cursor: pointer;
  position: relative;
}

._next1_1hk24_55 {
  right: 1%;
  padding-left: 2vw;
  padding-right: 3vw;
}

._prev1_1hk24_53 {
  left: 2%;
  padding-right: 2vw;
  padding-left: 3vw;
}

._thumbnails_1hk24_135 {
  transition: border 0.3s;
}

._thumbnail_1hk24_97 {
  display: inline;
}

._thumbnailsWithCaption_1hk24_151 {
  width: 90%;
}

._thumbnailsOuterContainer_1hk24_159 {
  position: absolute;
  bottom: 4%;
  height: 5vh;
  width: 100vw;
  z-index: 10000000;
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

._navigationDots_1hk24_183 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

/* Mobile screens */
@media screen and (min-width: 20em) {
  ._imageSlide_1hk24_199 {
    height: 67vw;
    width: 60%;
  }

  ._thumbnailsOuterContainer_1hk24_159 {
    position: absolute;
    bottom: 7%;
    width: 100vw;
    /* width: 100%; */
  }

  ._thumbnailsAndCaption_1hk24_223 {
    height: 23vh;
    bottom: 2%;

  }

  ._hideControlsBar_1hk24_235 ._slideshowImg_1hk24_235 {
    /* height: 100vh; */
  }

  ._rotateImgInnerContainer_1hk24_243 {
    top: 8%;
  }

  ._hideControlsBar_1hk24_235 ._slideshowInnerContainer_1hk24_251 {
    top: 0;
  }

  ._thumbnail_1hk24_97 {
    width: 80px;
    max-width: 80px;
    height: 7vh;
  }

  ._videoThumbnailsOuterContainer_1hk24_271 {
    bottom: 2%;
  }

  ._imgTitleContainer_1hk24_279 {
    padding-bottom: 16px;
    width: 100vw;
    margin-top: 0;
    margin-bottom: 0;
  }

  ._thumbnails_1hk24_135 {
    margin-left: auto;
    margin-right: auto;
  }

  ._next1_1hk24_55 {
    right: 0.9%;
  }

  ._prev1_1hk24_53 {
    left: 1.5%;
  }
}

._thumbnail_1hk24_97 {
  height: 5vh;
  border-radius: 6px;
  margin-right: 7px;
  object-fit: cover;
}



._thumbnailsOuterContainerMetadata_1hk24_339 {
  width: 78vw;
}

._videoThumbnailsOuterContainer_1hk24_271 {
  bottom: 5%;
}

._thumbnailsAndCaption_1hk24_223 {
  height: 19vh;
}

._htmlVideoOuterContainer_1hk24_363 video {
  height: 100%;
  max-height: 70vh;
  width: 100%;
}

._caption_1hk24_375 {
  position: absolute;
  bottom: 14%;
  width: 100vw;
  z-index: 10000000;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

._galleryImg_1hk24_395 {
  cursor: pointer;
  margin: 0.2em;
}

._modalContainer_1hk24_405 {
  width: 100vw;
  /* height: 100%;
  max-height: 100%; */
  direction: ltr;
  overflow: hidden;
  touch-action: none;
  padding: 0;
  overflow-y: hidden;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000;
}

._slideshowAnimContainer_1hk24_443 {
  /* height: 100%;
  max-height: 100%; */
  direction: ltr;
  overflow: hidden;
  touch-action: none;
  padding: 0;
  overflow-y: hidden;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  /* position: fixed; */
  top: 0;
  left: 0;
  z-index: 1000000;
}

._fullScreenContainer_1hk24_479 img {
  height: 100vh;
  max-width: 100%;
  /* max-height: 100vh; */
}

._imageInnerContainer_1hk24_491 img {
  height: 80vh;
  max-width: 100%;
  max-height: 100%;
}

._imageInnerContainer_1hk24_491 {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  top: 0;
  align-content: center;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  z-index: 1000000;
}

._magnifyWrapper_1hk24_529 {
  margin-bottom: 3em;
  margin-left: auto;
  margin-right: auto;
}

._slideshowInnerContainer_1hk24_251 {
  position: fixed; 
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: top 0.2s ease-in-out 0s;
  top: 12%;
  align-content: center;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  z-index: 1000000;
}

._slideshowInnerVideoContainer_1hk24_569 {
  top: 6%;
}

._slideshowInnerContainerThumbnails_1hk24_577 {
  top: 12%;
}

._hideControlsBar_1hk24_235  {
  top: 0;
}

._fullScreenContainer_1hk24_479 {
  top: 0;
}

._lightboxContainer_1hk24_601 {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

._next1_1hk24_55,
._prev1_1hk24_53 {
  top: calc(50% - 20px);
  position: absolute;
  display: flex;
  transition: color 0.2s;
  justify-content: center;
  align-items: center;
  padding-bottom: 2vh;
  padding-top: 2vh;
  user-select: none;
  cursor: pointer;
  font-weight: bold;
  /* border-radius: 30px; */
  width: 40px;
  height: 40px;
  font-size: 18px;
  z-index: 10000000;
  
  background: none !important;
  border: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}



._next1_1hk24_55:hover,
._prev1_1hk24_53:hover {
  color: rgb(230, 230, 230);
}

._slideshowAnimImg_1hk24_683 {
  position: absolute;
  max-width: 100vw;
}

._controls_1hk24_693 {
  display: flex;
  flex-direction: row;
  align-items: center;
}

._iconsHeader_1hk24_49 {
  color: white;
  display: flex;
  flex-direction: row;
  /* align-items: center;
    justify-content: center; */
  cursor: pointer;
  z-index: 999999999;
  /* padding: 0.14vw; */
}

._iconHeaderDefault_1hk24_727 {
  position: absolute;
  top: 10px;
  right: 45px;
}

._ytVideo_1hk24_739 {
  aspect-ratio: 16 / 9;
  height: 65vh;
  width: 100%;
}

._videoOuterContainer_1hk24_751 {
  width: 65%;
  margin-left: auto;
  margin-right: auto;
  height: 60vh;
  max-height: 65vh;
}

._htmlVideoOuterContainer_1hk24_363 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

._customVideoContainer_1hk24_779, ._customEmbedContainer_1hk24_779 {
  margin-left: auto;
  margin-right: auto;
}

._videoIconsHeader_1hk24_789 {
  position: fixed;
  top: 4%;
  right: 3%;
}

._lightbox_1hk24_1 ._iconsHeader_1hk24_49 svg {
  transition: 0.3s all;
}

._iconsHeader_1hk24_49 svg:active {
  transform: scale(0.97);
}

._imgTitle_1hk24_279 {
  text-align: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

._iconsHeader_1hk24_49 svg {
  margin-left: 0.6em;
  padding: 0.2em;
  transition: all 0.1s;
  /* width: 32px;  */
  /* font-size: 18px; */
  line-height: 16px;
  vertical-align: baseline;
}

._icon_1hk24_49 {
  /* width: 32px;  */
}

@media screen and (min-width: 6em) {
  ._iconsHeader_1hk24_49 {
    top: 3%;
  }

  ._slideshowAnimContainer_1hk24_443 {
    width: 100vw;
  }

  ._iconsHeader_1hk24_49 svg {
    /* width: 34px;  */
    padding-right: 0.3em;
  }

  ._lightboxjs_1hk24_1 img {
    cursor: pointer;
  }

  ._thumbnail_1hk24_97 {
    height: 9vh;
    /* width: 22vw; */
  }

  ._next1_1hk24_55 {
    top: calc(48% - 20px);
  }

  ._prev1_1hk24_53 {
    top: calc(48% - 20px);

  }

  ._iconHeaderCenter_1hk24_923 {
    width: 100vw; 
    display: flex;
    flex-direction: row;
    cursor: pointer;
    position: fixed;
    top: 10px;
    justify-content: center;
    left: 0;
  }

}

@media screen and (min-width: 39em) {
  ._slideshowAnimContainer_1hk24_443 {
    width: 100vw;
  }

  ._slideshowInnerContainer_1hk24_251 {
    /* width: 100vw;
    height: 95vh;
    position: absolute; */
  }

  ._imgTitleContainer_1hk24_279 {
    padding-bottom: 0px;
  }
  

  ._next1_1hk24_55 {
    right: 0.7%;
  }

  ._iconHeaderCenter_1hk24_923 {
    width: 100%; 
    display: flex;
    flex-direction: row;
    cursor: pointer;
    position: fixed;
    top: 10px;
    justify-content: center;
    left: 0;

  
  }

  /* .thumbnailsOuterContainer {
    bottom: 10%;
  } */

  /* .hideControlsBar .slideshow_img {
    height: 70vh;

  }

  .hideControlsBar {
    top: 10%;
  } */

  ._fullScreenContainer_1hk24_479 {
    width: 100vw;
    /* height: 100vh; */
  }

  ._fullScreenContainer_1hk24_479 img {
    height: 100vh;
  }

  ._thumbnails_1hk24_135 {
    margin-top: 0.6em;
  }

  ._thumbnail_1hk24_97 {
    /* height: 8vh; */
    width: 80px;
    max-width: 80px;
  }

  ._iconsHeader_1hk24_49 svg {
    /* width: 32px; 
      font-size: 32px; */
  }

  ._prev1_1hk24_53 {
    left: 2.7%;
    padding-right: 2vw;
  }
}

/* Desktop screens */
@media screen and (min-width: 42em) {
  ._imageSlide_1hk24_199 {
    height: 70vh;
    width: 80vw;
  }

  ._innerContainerWithTopCaption_1hk24_1115 {
    top: 8%;
  }

  ._slideshowImgFullscreen_1hk24_1123 {
    display: grid;
    width: 92vw;
    place-items: start;
    margin-left: auto;
    margin-right: