import{R as i,l as f,r as E,u as c,j as b,F as z,a as r,_ as l}from"./index.js";import{s as P}from"./styled-components.browser.esm.js";const R=({shortId:n,settings:g})=>{const{gridGap:s=15,gridGapMobile:t=10,aspectRatio:m=1,cornerRoundness:v=0,loadMoreButtonBackground:p="#000000",loadMoreButtonCornerRoundness:d=0,hoverBackgroundColor:u,hoverBackgroundOpacity:y,hoverTextColor:o,backdropColor:e="#000000",backdropOpacity:h=.7,callToAction:x}=g,k=`
    #cevoid-container[data-gallery="${n}"], #cevoid-modal-portal {
      --cevoid-text: #000000;
      --cevoid-box-shadow: 0px 4px 30px -2px rgba(0, 0, 0, 0.1);
      --cevoid-font-sm: 16px;
      --cevoid-font-text: 14px;
      --cevoid-font-xs: 12px;
      --cevoid-font-xxs: 10px;
      --cevoid-spacing-lg: 40px;
      --cevoid-spacing-md: 20px;
      --cevoid-spacing-sm: 10px;
      --cevoid-spacing-xs: 5px;
      --cevoid-grid-gap: ${s}px;
      --cevoid-aspect-ratio: ${m};
      --cevoid-corner-roundness: ${v}px;
      --cevoid-load-more-button-background: ${p};
      --cevoid-load-more-button-color: ${f(p)};
      --cevoid-load-more-button-corner-roundness: ${d}px;
      --cevoid-hover-background-color: ${u};
      --cevoid-hover-background-opacity: ${y};
      --cevoid-hover-text-color: ${o};
      --cevoid-backdrop-color: ${e};
      --cevoid-backdrop-dynamic-text: ${f(e)};
      --cevoid-backdrop-opacity: ${h};
      --cevoid-call-to-action-background: ${x.callToActionBackground};
      --cevoid-call-to-action-text: ${f(x.callToActionBackground)};
    }
    
    @media (max-width: 768px) {
      #cevoid-container[data-gallery="${n}"], #cevoid-modal-portal {
        --cevoid-grid-gap: ${t}px;
      }
    }
  `,$=`#cevoid-container, #cevoid-modal-portal {
    user-select: none;
    color: var(--cevoid-text);
    text-rendering: optimizelegibility;
    user-select: none;
    text-size-adjust: 100%;
    box-sizing: border-box;
    line-height: 1.2em;
    font-size: 0.875rem;
    letter-spacing: -0.03em;
  }

  #cevoid-modal-portal, #cevoid-upload-portal {
    z-index: 99999999999999 !important;
    position: relative;
  }
 
  #cevoid-container *, #cevoid-modal-portal * {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  #cevoid-container *:empty, #cevoid-modal-portal *:empty {
    display: block;
  }
 
  #cevoid-container a, #cevoid-modal-portal a {
    text-decoration: none;
  }

  #cevoid-container button, #cevoid-modal-portal button {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.2;
    margin: 0;
    appearance: none;
  }

  .cevoid-gallery {
    width: 100%;
  }
  
  @-webkit-keyframes rotating {
    from {
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
   }
    to {
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
   }
 }
 
  @keyframes rotating {
    from {
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
   }
   
    to {
      -ms-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
   }
 }
 
  #cevoid-container .rotating, #cevoid-modal-portal .rotating {
    -webkit-animation: rotating 0.3s linear infinite;
    -moz-animation: rotating 0.3s linear infinite;
    -ms-animation: rotating 0.3s linear infinite;
    -o-animation: rotating 0.3s linear infinite;
    animation: rotating 0.3s linear infinite;
 }
 `;return E.exports.useEffect(()=>{const _=`cevoid-gallery-style-${n}`;if(!document.getElementById("cevoid-global-style")){const a=document.createElement("style");a.id="cevoid-global-style",a.appendChild(document.createTextNode($)),document.head.appendChild(a)}if(!document.getElementById(`${_}`)){const a=document.createElement("style");a.appendChild(document.createTextNode(k)),a.id=_,document.head.appendChild(a)}return()=>{}},[]),null};var D=i.memo(R);const A=i.lazy(()=>l(()=>import("./MasonryFeed.js"),["MasonryFeed.js","CallToAction.js","index.js","styled-components.browser.esm.js","animate.es.js","translationUtils.js","Post.js","Image.js","App.js","Video.js","useWindowSize.js","User.js","LoadMoreScroll.js","Loader.js","react-masonry-css.module.js","useElementSize.js"])),T=i.lazy(()=>l(()=>import("./Collage.js"),["Collage.js","Post.js","Image.js","index.js","styled-components.browser.esm.js","App.js","Video.js","useWindowSize.js","translationUtils.js","animate.es.js","User.js","GalleryPosts.js","CallToAction.js","useElementSize.js"])),O=i.lazy(()=>l(()=>import("./Filter.js"),["Filter.js","styled-components.browser.esm.js","index.js","translationUtils.js"])),w=i.lazy(()=>l(()=>import("./Single.js"),["Single.js","Post.js","Image.js","index.js","styled-components.browser.esm.js","App.js","Video.js","useWindowSize.js","translationUtils.js","animate.es.js","User.js"])),S=i.lazy(()=>l(()=>import("./Slider.js"),["Slider.js","index.js","styled-components.browser.esm.js","CallToAction.js","animate.es.js","translationUtils.js","GalleryPosts.js","Image.js","App.js","Post.js","Video.js","useWindowSize.js","User.js","useElementSize.js"])),C=i.lazy(()=>l(()=>import("./GridFeed.js"),["GridFeed.js","Post.js","Image.js","index.js","styled-components.browser.esm.js","App.js","Video.js","useWindowSize.js","translationUtils.js","animate.es.js","User.js","CallToAction.js","GalleryPosts.js","LoadMoreScroll.js","Loader.js","useElementSize.js"]));function F({shortId:n,postId:g}){const s=c(o=>o.filter),t=c(o=>o.settings),m=c(o=>o.post),v=c(o=>o.set),p=c(o=>o.autoPlayingVideoPost),{nodes:d}=c(o=>o.posts);E.exports.useEffect(()=>{const o=d==null?void 0:d.find(e=>(e==null?void 0:e.type)==="VIDEO");o&&!p.includes(o._id)&&v(e=>{e.autoPlayingVideoPost=[...e.autoPlayingVideoPost,o==null?void 0:o._id]})},[d]);const u=o=>{switch(o){case"GRID_FEED":return r(C,{});case"MASONRY_FEED":return r(A,{shortId:n});case"SLIDER":return r(S,{});case"COLLAGE":return r(T,{})}},y=!!g;return!t.type&&!m?null:b(z,{children:[r(D,{settings:t,shortId:n}),b(I,{children:[(s==null?void 0:s.labels)&&(t.type==="GRID_FEED"||t.type==="MASONRY_FEED")&&r(O,{}),u(t.type),y&&r(w,{post:m})]})]})}const I=P.div`
  position: relative;
`;export{I as GalleryStyle,F as default};