{{ERROR}}
\"),this.setContent(t,n)}clearContent(t){if(void 0===t.state)return;this.emit(\"clearContent\",t),t.contentEl&&(t.contentEl.remove(),t.contentEl=void 0);const e=t.el;e&&(S(e,\"has-error\"),S(e,\"has-unknown\"),S(e,`has-${t.type||\"unknown\"}`)),t.closeBtnEl&&t.closeBtnEl.remove(),t.closeBtnEl=void 0,t.captionEl&&t.captionEl.remove(),t.captionEl=void 0,t.spinnerEl&&t.spinnerEl.remove(),t.spinnerEl=void 0}getSlide(){var t;const e=this.carousel;return(null===(t=null==e?void 0:e.pages[null==e?void 0:e.page])||void 0===t?void 0:t.slides[0])||void 0}close(t,e){if(this.isClosing())return;const i=new Event(\"shouldClose\",{bubbles:!0,cancelable:!0});if(this.emit(\"shouldClose\",i,t),i.defaultPrevented)return;t&&t.cancelable&&(t.preventDefault(),t.stopPropagation());const n=()=>{this.proceedClose(t,e)};this.startedFs&&fe&&fe.isFullscreen()?Promise.resolve(fe.exit()).then((()=>n())):n()}clearIdle(){this.idleTimer&&clearTimeout(this.idleTimer),this.idleTimer=null}setIdle(t=!1){const e=()=>{this.clearIdle(),this.idle=!0,P(this.container,\"is-idle\"),this.emit(\"setIdle\")};if(this.clearIdle(),!this.isClosing())if(t)e();else{const t=this.option(\"idle\");t&&(this.idleTimer=setTimeout(e,t))}}endIdle(){this.clearIdle(),this.idle&&!this.isClosing()&&(this.idle=!1,S(this.container,\"is-idle\"),this.emit(\"endIdle\"))}resetIdle(){this.endIdle(),this.setIdle()}toggleIdle(){this.idle?this.endIdle():this.setIdle(!0)}toggleFullscreen(){fe&&(fe.isFullscreen()?fe.exit():fe.request().then((()=>{this.startedFs=!0})))}isClosing(){return[st.Closing,st.CustomClosing,st.Destroy].includes(this.state)}proceedClose(t,e){var i,n;this.state=st.Closing,this.clearIdle(),this.detachEvents();const s=this.container,o=this.carousel,a=this.getSlide(),r=a&&this.option(\"placeFocusBack\")?a.triggerEl||this.option(\"triggerEl\"):null;if(r&&(K(r)?et(r):r.focus()),s&&(S(s,oe),P(s,\"is-closing\"),s.setAttribute(te,\"true\"),this.option(\"animated\")&&P(s,ie),s.style.pointerEvents=\"none\"),o){o.clearTransitions(),null===(i=o.panzoom)||void 0===i||i.destroy(),null===(n=o.plugins.Navigation)||void 0===n||n.detach();for(const t of o.slides){t.state=ot.Closing,this.hideLoading(t);const e=t.contentEl;e&&this.stop(e);const i=null==t?void 0:t.panzoom;i&&(i.stop(),i.detachEvents(),i.detachObserver()),this.isCurrentSlide(t)||o.emit(\"removeSlide\",t)}}ye=window.scrollX,we=window.scrollY,window.addEventListener(\"scroll\",this.onScroll),this.emit(\"close\",t),this.state!==st.CustomClosing?(void 0===e&&a&&(e=this.optionFor(a,\"hideClass\")),e&&a?(this.animate(a.contentEl,e,(()=>{o&&o.emit(\"removeSlide\",a)})),setTimeout((()=>{this.destroy()}),500)):this.destroy()):setTimeout((()=>{this.destroy()}),500)}destroy(){var t;if(this.state===st.Destroy)return;window.removeEventListener(\"scroll\",this.onScroll),this.state=st.Destroy,null===(t=this.carousel)||void 0===t||t.destroy();const e=this.container;e&&e.remove(),xe.delete(this.id);const i=Se.getInstance();i?i.focus():(ge&&(ge.remove(),ge=null),me&&(me.remove(),me=null),S(document.documentElement,Gt),(()=>{if(!J)return;const t=document,e=t.body;e.classList.remove(Kt),e.style.setProperty(Qt,\"\"),t.documentElement.style.setProperty(Jt,\"\")})(),this.emit(\"destroy\"))}static bind(t,e,i){if(!J)return;let n,s=\"\",o={};if(void 0===t?n=document.body:ue(t)?(n=document.body,s=t,\"object\"==typeof e&&(o=e||{})):(n=t,ue(e)&&(s=e),\"object\"==typeof i&&(o=i||{})),!n||!E(n))return;s=s||\"[data-fancybox]\";const a=Se.openers.get(n)||new Map;a.set(s,o),Se.openers.set(n,a),1===a.size&&n.addEventListener(\"click\",Se.fromEvent)}static unbind(t,e){let i,n=\"\";if(ue(t)?(i=document.body,n=t):(i=t,ue(e)&&(n=e)),!i)return;const s=Se.openers.get(i);s&&n&&s.delete(n),n&&s||(Se.openers.delete(i),i.removeEventListener(\"click\",Se.fromEvent))}static destroy(){let t;for(;t=Se.getInstance();)t.destroy();for(const t of Se.openers.keys())t.removeEventListener(\"click\",Se.fromEvent);Se.openers=new Map}static fromEvent(t){if(t.defaultPrevented)return;if(t.button&&0!==t.button)return;if(t.ctrlKey||t.metaKey||t.shiftKey)return;let e=t.composedPath()[0];const i=e.closest(\"[data-fancybox-trigger]\");if(i){const t=i.dataset.fancyboxTrigger||\"\",n=document.querySelectorAll(`[data-fancybox=\"${t}\"]`),s=parseInt(i.dataset.fancyboxIndex||\"\",10)||0;e=n[s]||e}if(!(e&&e instanceof Element))return;let n,s,o,a;if([...Se.openers].reverse().find((([t,i])=>!(!t.contains(e)||![...i].reverse().find((([i,r])=>{let l=e.closest(i);return!!l&&(n=t,s=i,o=l,a=r,!0)}))))),!n||!s||!o)return;a=a||{},t.preventDefault(),e=o;let r=[],l=u({},nt,a);l.event=t,l.triggerEl=e,l.delegate=i;const c=l.groupAll,h=l.groupAttr,d=h&&e?e.getAttribute(`${h}`):\"\";if((!e||d||c)&&(r=[].slice.call(n.querySelectorAll(s))),e&&!c&&(r=d?r.filter((t=>t.getAttribute(`${h}`)===d)):[e]),!r.length)return;const p=Se.getInstance();return p&&p.options.triggerEl&&r.indexOf(p.options.triggerEl)>-1?void 0:(e&&(l.startIndex=r.indexOf(e)),Se.fromNodes(r,l))}static fromSelector(t,e,i){let n=null,s=\"\",o={};if(ue(t)?(n=document.body,s=t,\"object\"==typeof e&&(o=e||{})):t instanceof HTMLElement&&ue(e)&&(n=t,s=e,\"object\"==typeof i&&(o=i||{})),!n||!s)return!1;const a=Se.openers.get(n);return!!a&&(o=u({},a.get(s)||{},o),!!o&&Se.fromNodes(Array.from(n.querySelectorAll(s)),o))}static fromNodes(t,e){e=u({},nt,e||{});const i=[];for(const n of t){const t=n.dataset||{},s=t[de]||n.getAttribute(he)||n.getAttribute(\"currentSrc\")||n.getAttribute(de)||void 0;let o;const a=e.delegate;let r;a&&i.length===e.startIndex&&(o=a instanceof HTMLImageElement?a:a.querySelector(\"img:not([aria-hidden])\")),o||(o=n instanceof HTMLImageElement?n:n.querySelector(\"img:not([aria-hidden])\")),o&&(r=o.currentSrc||o[de]||void 0,!r&&o.dataset&&(r=o.dataset.lazySrc||o.dataset[de]||void 0));const l={src:s,triggerEl:n,thumbEl:o,thumbElSrc:r,thumbSrc:r};for(const e in t){let i=t[e]+\"\";i=\"false\"!==i&&(\"true\"===i||i),l[e]=i}i.push(l)}return new Se(i,e)}static getInstance(t){return t?xe.get(t):Array.from(xe.values()).reverse().find((t=>!t.isClosing()&&t))||null}static getSlide(){var t;return(null===(t=Se.getInstance())||void 0===t?void 0:t.getSlide())||null}static show(t=[],e={}){return new Se(t,e)}static next(){const t=Se.getInstance();t&&t.next()}static prev(){const t=Se.getInstance();t&&t.prev()}static close(t=!0,...e){if(t)for(const t of xe.values())t.close(...e);else{const t=Se.getInstance();t&&t.close(...e)}}}Object.defineProperty(Se,\"version\",{enumerable:!0,configurable:!0,writable:!0,value:\"5.0.36\"}),Object.defineProperty(Se,\"defaults\",{enumerable:!0,configurable:!0,writable:!0,value:nt}),Object.defineProperty(Se,\"Plugins\",{enumerable:!0,configurable:!0,writable:!0,value:Ut}),Object.defineProperty(Se,\"openers\",{enumerable:!0,configurable:!0,writable:!0,value:new Map});export{G as Carousel,Se as Fancybox,k as Panzoom};export default null;\n//# sourceMappingURL=/sm/db4db26f584d53b4df577c4cf75a7a041c6ea28bffe17d56f280ed14d76bd082.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useEffect,useRef}from\"react\";import{Fancybox}from\"https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0.36/+esm\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight auto\n */export default function MasonryGrid(props){const{image1,image2,image3,image4,image5,image6,image7,image8,image9,image10,image11,image12,columnCount,gap,borderRadius,equalHeight,modalWindow}=props;const masonryContainer=useRef();const images=[{image:image1},{image:image2},{image:image3},{image:image4},{image:image5},{image:image6},{image:image7},{image:image8},{image:image9},{image:image10},{image:image11},{image:image12}].filter(item=>item.image)// Remove empty images\n;useEffect(()=>{const head=document.getElementsByTagName(\"head\")[0];const link=document.createElement(\"link\");link.type=\"text/css\";link.rel=\"stylesheet\";link.href=\"https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0.36/dist/fancybox/fancybox.min.css\";head.appendChild(link);return()=>{head.removeChild(link);};},[]);useEffect(()=>{if(masonryContainer.current){const row=masonryContainer.current;const colsCollection={};// Clear previous content\nwhile(row.firstChild){row.removeChild(row.firstChild);}// Create columns\nfor(let i=0;i