{"version":3,"file":"shared-lib.CFjecCOn.mjs","names":["React.useRef","React.useMemo"],"sources":["https:/framerusercontent.com/modules/7NEkbXOItzJtO7zmFtZ3/7uI7YnPI5u5iKSjBC79B/BqZNshx9b.js","https:/framerusercontent.com/modules/1Aacz42lG6iLnRuV1rep/7jcAz2egb7CjKkIDhacY/Dynamic_Lightbox_M.js"],"sourcesContent":["// Generated by Framer (4705d03)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"CUSTOMV2;Brandon Grotesque Regular\"]);export const fonts=[{explicitInter:true,fonts:[{cssFamilyName:\"Brandon Grotesque Regular\",source:\"custom\",style:\"normal\",uiFamilyName:\"Brandon Grotesque\",url:\"https://framerusercontent.com/assets/xKLPDViK9Ut9lhqLkczUljOc.woff2\",weight:\"390\"}]}];export const css=['.framer-dBpRG .framer-styles-preset-1af6am0:not(.rich-text-wrapper), .framer-dBpRG .framer-styles-preset-1af6am0.rich-text-wrapper p { --framer-font-family: \"Brandon Grotesque Regular\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 16px; --framer-font-style: normal; --framer-font-variation-axes: normal; --framer-font-weight: 390; --framer-letter-spacing: 0em; --framer-line-height: 1.1em; --framer-paragraph-spacing: 10px; --framer-text-alignment: center; --framer-text-color: var(--token-67527bae-cc15-4839-8636-c9b28351e4d7, #000000); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; }'];export const className=\"framer-dBpRG\";\nexport const __FramerMetadata__ = {\"exports\":{\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";// ─── Helpers ──────────────────────────────────────────────────────────────────\nconst isHLS=url=>typeof url===\"string\"&&url.includes(\".m3u8\");function getImageSrc(img){if(!img)return\"\";return typeof img===\"string\"?img:img.src;}function loadScript(id,src){return new Promise(resolve=>{if(document.getElementById(id))return resolve();const s=document.createElement(\"script\");s.id=id;s.src=src;s.async=true;s.onload=()=>resolve();document.head.appendChild(s);});}function stopVideo(video){video.pause();if(video._hls){video._hls.destroy();video._hls=null;}}function stopAllVideos(){document.querySelectorAll(\".fancybox__slide video\").forEach(stopVideo);}function startHLS(video,url){const w=window;// Always clean up first\nif(video._hls){video._hls.destroy();video._hls=null;}if(w.Hls?.isSupported()){const hls=new w.Hls;hls.loadSource(url);hls.attachMedia(video);hls.on(w.Hls.Events.MANIFEST_PARSED,()=>video.play().catch(()=>{}));video._hls=hls;}else if(video.canPlayType(\"application/vnd.apple.mpegurl\")){video.src=url;video.load();video.play().catch(()=>{});}}// ─── One-time global init ─────────────────────────────────────────────────────\nlet _ready=false;const _queue=[];function whenReady(cb){if(_ready){cb();return;}_queue.push(cb);}let _initStarted=false;function init(){if(_initStarted)return;_initStarted=true;if(!document.getElementById(\"fancybox-css\")){const link=document.createElement(\"link\");link.id=\"fancybox-css\";link.rel=\"stylesheet\";link.href=\"https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css\";document.head.appendChild(link);}if(!document.getElementById(\"cmsfb-styles\")){const style=document.createElement(\"style\");style.id=\"cmsfb-styles\";style.innerHTML=`\n .fancybox__slide.has-html .fancybox__content,\n .fancybox__slide.has-html5video .fancybox__content {\n padding: 0 !important;\n \n }\n `;document.head.appendChild(style);}Promise.all([loadScript(\"fancybox-js\",\"https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js\"),loadScript(\"hls-js\",\"https://cdn.jsdelivr.net/npm/hls.js@latest/dist/hls.min.js\")]).then(()=>{_ready=true;_queue.forEach(cb=>cb());_queue.length=0;});}const _galleries=new Map;function register(gid,entry){if(!_galleries.has(gid))_galleries.set(gid,[]);const list=_galleries.get(gid);const i=list.findIndex(e=>e.id===entry.id);if(i>=0)list[i]=entry;else list.push(entry);}function unregister(gid,id){const list=_galleries.get(gid);if(!list)return;const i=list.findIndex(e=>e.id===id);if(i>=0)list.splice(i,1);}function sorted(gid){const list=_galleries.get(gid)??[];return[...list].sort((a,b)=>{if(!a.el||!b.el)return 0;return a.el.compareDocumentPosition(b.el)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1;});}// ─── Component ────────────────────────────────────────────────────────────────\nlet _idCounter=0;export default function CMSFancybox(props){const{image,thumb,videoUrl=\"\",galleryID=\"gallery\",caption=\"\",fit=\"cover\",radiusTopLeft=0,radiusTopRight=0,radiusBottomRight=0,radiusBottomLeft=0,showPlayIcon=true,captionFont,captionColor=\"#FFFFFF\",style}=props;const borderRadius=`${radiusTopLeft}px ${radiusTopRight}px ${radiusBottomRight}px ${radiusBottomLeft}px`;const myID=React.useRef(`cmsfb-${_idCounter++}`);const anchorRef=React.useRef(null);const font=React.useMemo(()=>{if(!captionFont)return{family:\"inherit\",size:\"14px\",weight:400,lh:\"1.4em\",ls:\"0em\",fs:\"normal\"};return{family:captionFont.fontFamily||\"inherit\",size:typeof captionFont.fontSize===\"number\"?`${captionFont.fontSize}px`:captionFont.fontSize||\"14px\",weight:captionFont.fontWeight||400,lh:captionFont.lineHeight||\"1.4em\",ls:captionFont.letterSpacing||\"0em\",fs:captionFont.fontStyle||\"normal\"};},[captionFont]);React.useEffect(()=>{const id=`cmsfb-caption-${galleryID}`;let el=document.getElementById(id);if(!el){el=document.createElement(\"style\");el.id=id;document.head.appendChild(el);}el.innerHTML=`.fancybox__caption {\n font-family: ${font.family} !important; font-size: ${font.size} !important;\n font-weight: ${font.weight} !important; font-style: ${font.fs} !important;\n line-height: ${font.lh} !important; letter-spacing: ${font.ls} !important;\n color: ${captionColor} !important; background: transparent !important;\n text-align: center !important;\n }`;return()=>{el.innerHTML=\"\";};},[galleryID,font,captionColor]);const imageSrc=getImageSrc(image);const thumbSrc=getImageSrc(thumb)||imageSrc;const hasVideo=Boolean(videoUrl);const hlsVideo=hasVideo&&isHLS(videoUrl);const lightboxSrc=hasVideo?videoUrl:imageSrc;React.useEffect(()=>{init();if(!imageSrc)return;register(galleryID,{id:myID.current,src:lightboxSrc,thumb:thumbSrc,caption,isHLS:hlsVideo,el:anchorRef.current});return()=>unregister(galleryID,myID.current);},[galleryID,lightboxSrc,thumbSrc,caption,hlsVideo,imageSrc]);const handleClick=e=>{e.preventDefault();whenReady(()=>{const w=window;const entries=sorted(galleryID);const startIndex=Math.max(entries.findIndex(en=>en.id===myID.current),0);const items=entries.map(en=>({src:en.src,// html5video tells Fancybox to use its built-in