{"version":3,"file":"ImageBox.DuvPHFD2.mjs","names":["useState","useRef"],"sources":["https:/framerusercontent.com/modules/oDLyW78fIw3bV0JZeZU6/cyFUzgsj8kwhiqlB8FgA/ImageBox.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,useRef,useEffect}from\"react\";import{motion,useDomEvent}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";const transition={type:\"spring\",damping:25,stiffness:120};export default function ImageBox(props){const[isOpen,setOpen]=useState(false);const[windowWidth,setWindowWidth]=useState(0);useDomEvent(useRef(window),\"scroll\",()=>isOpen&&setOpen(false));useEffect(()=>{if(typeof document!==\"undefined\"){try{if(window){setWindowWidth(window.innerWidth);document.querySelector(\"html\").style.scrollBehavior=\"smooth\";document.addEventListener(\"keydown\",()=>{if(event.key===\"Escape\"){setOpen(false);}});}}catch(e){console.log(e);}}},[windowWidth]);return /*#__PURE__*/_jsxs(\"div\",{className:`image-container ${isOpen?\"open\":\"\"}`,style:{position:\"relative\",width:\"100%\",height:\"100%\",cursor:props.zoom?isOpen?\"zoom-out\":\"zoom-in\":\"auto\",zIndex:isOpen?10:2,borderRadius:parseInt(props.border)>0?props.border+\"px\":\"unset\",borderTopLeftRadius:parseInt(props.border)==0&&parseInt(props.borderTL)>0?props.borderTL+\"px\":\"unset\",borderTopRightRadius:parseInt(props.border)==0&&parseInt(props.borderTR)>0?props.borderTR+\"px\":\"unset\",borderBottomLeftRadius:parseInt(props.border)==0&&parseInt(props.borderBL)>0?props.borderBL+\"px\":\"unset\",borderBottomRightRadius:parseInt(props.border)==0&&parseInt(props.borderBR)>0?props.borderBR+\"px\":\"unset\"},children:[/*#__PURE__*/_jsx(\"svg\",{onClick:()=>{setOpen(false);},style:{position:\"fixed\",top:\"3vh\",right:\"3vw\",zIndex:\"2\",background:\"rgba(255, 255, 255, 0.2)\",width:\"32px\",height:\"32px\",borderRadius:\"4px\",cursor:\"pointer\",opacity:isOpen?1:0},width:\"24\",height:\"24\",viewBox:\"0 0 24 24\",fill:\"#ffff\",xmlns:\"http://www.w3.org/2000/svg\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M13.5909 12L18.0441 7.54687C18.2554 7.3359 18.3743 7.04962 18.3745 6.75099C18.3748 6.45237 18.2564 6.16587 18.0455 5.95453C17.8345 5.74319 17.5482 5.62431 17.2496 5.62404C16.951 5.62378 16.6645 5.74215 16.4531 5.95312L12 10.4062L7.54687 5.95312C7.33553 5.74178 7.04888 5.62305 6.75 5.62305C6.45111 5.62305 6.16447 5.74178 5.95312 5.95312C5.74178 6.16447 5.62305 6.45111 5.62305 6.75C5.62305 7.04888 5.74178 7.33553 5.95312 7.54687L10.4062 12L5.95312 16.4531C5.74178 16.6645 5.62305 16.9511 5.62305 17.25C5.62305 17.5489 5.74178 17.8355 5.95312 18.0469C6.16447 18.2582 6.45111 18.3769 6.75 18.3769C7.04888 18.3769 7.33553 18.2582 7.54687 18.0469L12 13.5937L16.4531 18.0469C16.6645 18.2582 16.9511 18.3769 17.25 18.3769C17.5489 18.3769 17.8355 18.2582 18.0469 18.0469C18.2582 17.8355 18.3769 17.5489 18.3769 17.25C18.3769 16.9511 18.2582 16.6645 18.0469 16.4531L13.5909 12Z\",fill:\"white\"})}),/*#__PURE__*/_jsx(motion.div,{animate:{opacity:isOpen&&props.zoom?1:0},transition:transition,className:\"shade\",style:{position:\"fixed\",top:\"0\",left:\"0\",right:\"0\",bottom:\"0\",pointerEvents:isOpen?\"auto\":\"none\",opacity:isOpen?1:0,background:\"rgba(0, 0, 0, 0.9)\"},onClick:()=>setOpen(false)}),/*#__PURE__*/_jsx(motion.img,{src:props.image,alt:props.alt,loading:props.lazy?\"lazy\":\"\",onClick:()=>setOpen(!isOpen&&props.zoom),layout:true,transition:transition,style:{position:isOpen?\"fixed\":\"absolute\",objectFit:isOpen?\"contain\":props.fill?\"cover\":\"contain\",top:\"0\",left:\"0\",right:\"0\",bottom:\"0\",width:isOpen?\"90dvw\":\"100%\",height:isOpen?\"90dvh\":\"100%\",maxWidth:isOpen?\"100%\":\"\",margin:isOpen?\"auto\":\"\",borderRadius:props.border>0?props.border+\"px\":\"unset\",borderTopLeftRadius:props.border==0&&props.borderTL?props.borderTL+\"px\":\"unset\",borderTopRightRadius:props.border==0&&props.borderTR?props.borderTR+\"px\":\"unset\",borderBottomLeftRadius:props.border==0&&props.borderBL?props.borderBL+\"px\":\"unset\",borderBottomRightRadius:props.border==0&&props.borderBR?props.borderBR+\"px\":\"unset\"}})]});}ImageBox.defaultProps={zoom:true,border:0,borderTL:0,borderTR:0,borderBL:0,borderBR:0,filter:false};addPropertyControls(ImageBox,{zoom:{type:ControlType.Boolean},image:{type:ControlType.Image},alt:{type:ControlType.String},lazy:{type:ControlType.Boolean},fill:{type:ControlType.Boolean},border:{type:ControlType.Number},borderTL:{type:ControlType.Number},borderTR:{type:ControlType.Number},borderBL:{type:ControlType.Number},borderBR:{type:ControlType.Number},filter:{type:ControlType.Boolean}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ImageBox\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ImageBox.map"],"mappings":"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"}