{"version":3,"file":"Full_width_images.Cjfyi51y.mjs","names":["_Fragment","_Fragment"],"sources":["https:/framerusercontent.com/modules/x6fXktEbsbRkq21yVRxF/8pIA1gN6Ry19c7RQGVQB/CMS_Images_Lightbox.js","https:/framerusercontent.com/modules/L2LWx1YSYj8M9Os5xulT/YeTH5jVuFMxXylEds3sT/Full_width_images.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";export function WitAltDescriptionLightbox(Component){return props=>{const[lightboxDisplay,setLightboxDisplay]=useState(false);const[selectedImage,setSelectedImage]=useState(\"\");const[selectedAlt,setSelectedAlt]=useState(\"\");const[opacity,setOpacity]=useState(0);const handleImageClick=(src,alt)=>{setSelectedImage(src);setSelectedAlt(alt);setLightboxDisplay(true);};useEffect(()=>{if(lightboxDisplay){setTimeout(()=>setOpacity(1),10);}},[lightboxDisplay]);const closeLightbox=()=>{setOpacity(0);setTimeout(()=>setLightboxDisplay(false),300);};return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Component,{...props,onClick:e=>{if(e.target.tagName===\"IMG\"){handleImageClick(e.target.src,e.target.alt);}},style:{cursor:\"pointer\"}}),/*#__PURE__*/_jsx(\"style\",{children:`\n                    .${props.className} img {\n                        cursor: zoom-in;\n                    }\n                    .lightbox-backdrop {\n                        position: fixed;\n                        top: 0;\n                        left: 0;\n                        width: 100vw;\n                        height: 100vh;\n                        background-color: rgba(0, 0, 0, 0.9);\n                        display: flex;\n                        flex-direction: column;\n                        align-items: center;\n                        justify-content: center;\n                        z-index: 1000;\n                        opacity: 0;\n                        transition: opacity 0.3s ease;\n                    }\n                    .lightbox-image {\n                        max-height: 90%;\n                        max-width: 90%;\n                    }\n                    .lightbox-alt {\n                        color: white;\n                        margin-top: 20px;\n                        font-size: 24px; /* Increased font size */\n                    }\n                `}),lightboxDisplay&&/*#__PURE__*/_jsxs(\"div\",{className:\"lightbox-backdrop\",onClick:closeLightbox,style:{opacity:opacity},children:[/*#__PURE__*/_jsx(\"img\",{src:selectedImage,className:\"lightbox-image\",alt:\"Selected\"}),selectedAlt&&/*#__PURE__*/_jsx(\"div\",{className:\"lightbox-alt\",children:selectedAlt})]})]});};}\nexport const __FramerMetadata__ = {\"exports\":{\"WitAltDescriptionLightbox\":{\"type\":\"reactHoc\",\"name\":\"WitAltDescriptionLightbox\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CMS_Images_Lightbox.map","import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";const IMAGE_WIDTH_PERCENTAGE=100;const IMAGE_BORDER_RADIUS=15;const ENABLE_LIGHTBOX=true;export function setFullWidth(Component){return props=>{const[lightboxDisplay,setLightboxDisplay]=useState(false);const[selectedImage,setSelectedImage]=useState(\"\");const[opacity,setOpacity]=useState(0);const handleImageClick=src=>{if(ENABLE_LIGHTBOX){setSelectedImage(src);setLightboxDisplay(true);}};useEffect(()=>{if(lightboxDisplay){setTimeout(()=>setOpacity(1),10);}},[lightboxDisplay]);const closeLightbox=()=>{setOpacity(0);setTimeout(()=>setLightboxDisplay(false),300);};return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Component,{...props,onClick:e=>{if(e.target.tagName===\"IMG\"){handleImageClick(e.target.src);}}}),/*#__PURE__*/_jsx(\"style\",{children:`\n                    .${props.className} {\n                        overflow: visible;\n                        text-align: center;\n                    }\n                    .${props.className} img {\n                        width: ${IMAGE_WIDTH_PERCENTAGE}% !important;\n                        max-width: none !important;\n                        margin-left: 50%;\n                        transform: translateX(-50%);\n                        border-radius: ${IMAGE_BORDER_RADIUS}px;\n                        cursor: ${ENABLE_LIGHTBOX?\"zoom-in\":\"default\"};\n                    }\n                    .lightbox-backdrop {\n                        position: fixed;\n                        top: 0;\n                        left: 0;\n                        width: 100vw;\n                        height: 100vh;\n                        background-color: rgba(0, 0, 0, 0.8);\n                        display: flex;\n                        align-items: center;\n                        justify-content: center;\n                        z-index: 1000;\n                        opacity: 0;\n                        transition: opacity 0.3s ease;\n                    }\n                    .lightbox-image {\n                        max-height: 90%;\n                        max-width: 90%;\n                    }\n                `}),ENABLE_LIGHTBOX&&lightboxDisplay&&/*#__PURE__*/_jsx(\"div\",{className:\"lightbox-backdrop\",onClick:closeLightbox,style:{opacity:opacity},children:/*#__PURE__*/_jsx(\"img\",{src:selectedImage,className:\"lightbox-image\",alt:\"Fullscreen\"})})]});};}\nexport const __FramerMetadata__ = {\"exports\":{\"setFullWidth\":{\"type\":\"reactHoc\",\"name\":\"setFullWidth\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Full_width_images.map"],"mappings":"iLAAqH,SAAgB,EAA0B,EAAU,CAAC,MAAO,CAAA,GAAO,CAAC,GAAK,CAAC,EAAgB,EAAmB,CAAC,GAAS,EAAM,CAAM,CAAC,EAAc,EAAiB,CAAC,EAAS,GAAG,CAAM,CAAC,EAAY,EAAe,CAAC,EAAS,GAAG,CAAM,CAAC,EAAQ,EAAW,CAAC,EAAS,EAAE,CAAO,EAAiB,CAAC,EAAI,IAAM,CAA2C,AAA1C,EAAiB,EAAI,CAAC,EAAe,EAAI,CAAC,GAAmB,EAAK,AAAE,EAAC,EAAU,IAAI,CAAC,AAAG,GAAiB,WAAW,IAAI,EAAW,EAAE,CAAC,GAAG,AAAG,EAAC,CAAC,CAAgB,EAAC,CAAC,IAAM,EAAc,IAAI,CAAe,AAAd,EAAW,EAAE,CAAC,WAAW,IAAI,GAAmB,EAAM,CAAC,IAAI,AAAE,EAAC,MAAoB,GAAMC,EAAU,CAAC,SAAS,CAAc,EAAK,EAAU,CAAC,GAAG,EAAM,QAAQ,GAAG,CAAC,AAAG,EAAE,OAAO,UAAU,OAAO,EAAiB,EAAE,OAAO,IAAI,EAAE,OAAO,IAAI,AAAG,EAAC,MAAM,CAAC,OAAO,SAAU,CAAC,EAAC,CAAc,EAAK,QAAQ,CAAC,UAAU;uBAC12B,EAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA2BrB,EAAC,CAAC,GAA8B,EAAM,MAAM,CAAC,UAAU,oBAAoB,QAAQ,EAAc,MAAM,CAAS,SAAQ,EAAC,SAAS,CAAc,EAAK,MAAM,CAAC,IAAI,EAAc,UAAU,iBAAiB,IAAI,UAAW,EAAC,CAAC,GAA0B,EAAK,MAAM,CAAC,UAAU,eAAe,SAAS,CAAY,EAAC,AAAC,CAAC,EAAC,AAAC,CAAC,EAAC,AAAE,CAAE,cA5B3U,GAA+E,IAAsC,GCAyF,SAAgB,EAAa,EAAU,CAAC,MAAO,CAAA,GAAO,CAAC,GAAK,CAAC,EAAgB,EAAmB,CAAC,GAAS,EAAM,CAAM,CAAC,EAAc,EAAiB,CAAC,EAAS,GAAG,CAAM,CAAC,EAAQ,EAAW,CAAC,EAAS,EAAE,CAAO,EAAiB,GAAK,CAA2C,AAAtB,EAAiB,EAAI,CAAC,GAAmB,EAAK,AAAG,EAAC,EAAU,IAAI,CAAC,AAAG,GAAiB,WAAW,IAAI,EAAW,EAAE,CAAC,GAAG,AAAG,EAAC,CAAC,CAAgB,EAAC,CAAC,IAAM,EAAc,IAAI,CAAe,AAAd,EAAW,EAAE,CAAC,WAAW,IAAI,GAAmB,EAAM,CAAC,IAAI,AAAE,EAAC,MAAoB,GAAMA,EAAU,CAAC,SAAS,CAAc,EAAK,EAAU,CAAC,GAAG,EAAM,QAAQ,GAAG,CAAC,AAAG,EAAE,OAAO,UAAU,OAAO,EAAiB,EAAE,OAAO,IAAI,AAAG,CAAC,EAAC,CAAc,EAAK,QAAQ,CAAC,UAAU;uBAC51B,EAAM,UAAU;;;;uBAIhB,EAAM,UAAU;iCACN,EAAuB;;;;yCAIf,EAAoB;;;;;;;;;;;;;;;;;;;;;iBAqB3C,EAAC,CAAkB,GAA8B,EAAK,MAAM,CAAC,UAAU,oBAAoB,QAAQ,EAAc,MAAM,CAAS,SAAQ,EAAC,SAAsB,EAAK,MAAM,CAAC,IAAI,EAAc,UAAU,iBAAiB,IAAI,YAAa,EAAC,AAAC,EAAC,AAAC,CAAC,EAAC,AAAE,CAAE,kBA/BzG,AAA5J,GAA+E,IAAsC,CAAM,EAAuB,IAAU,EAAoB"}