{"version":3,"file":"FullscreenOverlay.9FPvYuIQ.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/2v8qo8k6jkDdjqQ7oc29/FTCzevwmFvzGajcVapS0/FullscreenOverlay.js"],"sourcesContent":["// Full viewport overlay frame that loads on page load, dismissable by clicking anywhere or the X button\n// Prevents scrolling until dismissed, with customizable background and image sizing options\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,useEffect,startTransition}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * Full Viewport Overlay Frame\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function FullscreenOverlay(props){const{backgroundColor,backgroundOpacity,image={src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Overlay image\"},imageOpacity,imageSizeMode,imageWidth,imageHeight,lockAspectRatio,dismissText,dismissTextColor,dismissButtonSize,showDismissText,dismissFont,zIndex}=props;const[isVisible,setIsVisible]=useState(true);useEffect(()=>{if(typeof window===\"undefined\")return;if(isVisible){document.body.style.overflow=\"hidden\";}else{document.body.style.overflow=\"\";}return()=>{document.body.style.overflow=\"\";};},[isVisible]);const handleDismiss=()=>{startTransition(()=>setIsVisible(false));};if(!isVisible)return null;// Convert hex color to rgba with opacity\nconst getBackgroundColor=()=>{// Handle both hex and other color formats\nif(backgroundColor.startsWith(\"#\")){const hex=backgroundColor.replace(\"#\",\"\");const r=parseInt(hex.substring(0,2),16);const g=parseInt(hex.substring(2,4),16);const b=parseInt(hex.substring(4,6),16);return`rgba(${r}, ${g}, ${b}, ${backgroundOpacity/100})`;}// If it's already rgba or other format, try to parse it\nif(backgroundColor.startsWith(\"rgba\")){return backgroundColor.replace(/[\\d.]+\\)$/g,`${backgroundOpacity/100})`);}if(backgroundColor.startsWith(\"rgb\")){return backgroundColor.replace(\"rgb\",\"rgba\").replace(\")\",`, ${backgroundOpacity/100})`);}// Fallback\nreturn backgroundColor;};const getImageStyles=()=>{const baseStyles={position:\"absolute\",top:\"50%\",left:\"50%\",transform:\"translate(-50%, -50%)\",pointerEvents:\"none\",opacity:imageOpacity/100};switch(imageSizeMode){case\"viewport-width\":return{...baseStyles,width:`${imageWidth}vw`,height:lockAspectRatio?\"auto\":`${imageHeight}vh`};case\"viewport-height\":return{...baseStyles,height:`${imageHeight}vh`,width:lockAspectRatio?\"auto\":`${imageWidth}vw`};case\"contain\":return{...baseStyles,maxWidth:\"90vw\",maxHeight:\"90vh\",width:\"auto\",height:\"auto\"};case\"cover\":return{...baseStyles,width:\"100vw\",height:\"100vh\",objectFit:\"cover\",transform:\"none\",top:0,left:0};case\"fixed\":default:return{...baseStyles,width:`${imageWidth}px`,height:lockAspectRatio?\"auto\":`${imageHeight}px`};}};return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"fixed\",top:0,left:0,width:\"100vw\",height:\"100vh\",backgroundColor:getBackgroundColor(),zIndex:zIndex,cursor:\"pointer\"},onClick:handleDismiss,role:\"dialog\",\"aria-modal\":\"true\",\"aria-label\":\"Overlay frame\",children:[/*#__PURE__*/_jsx(\"img\",{src:image.src,alt:image.alt||\"\",style:getImageStyles()}),/*#__PURE__*/_jsxs(\"div\",{style:{position:\"absolute\",top:20,right:20,display:\"flex\",flexDirection:\"column\",alignItems:\"flex-end\",gap:8,pointerEvents:\"none\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{width:dismissButtonSize,height:dismissButtonSize,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",cursor:\"pointer\",pointerEvents:\"auto\"},onClick:handleDismiss,role:\"button\",\"aria-label\":\"Close overlay\",tabIndex:0,onKeyDown:e=>{if(e.key===\"Enter\"||e.key===\" \"){handleDismiss();}},children:/*#__PURE__*/_jsxs(\"svg\",{width:dismissButtonSize,height:dismissButtonSize,viewBox:\"0 0 24 24\",fill:\"none\",stroke:dismissTextColor,strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",children:[/*#__PURE__*/_jsx(\"line\",{x1:\"18\",y1:\"6\",x2:\"6\",y2:\"18\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"6\",y1:\"6\",x2:\"18\",y2:\"18\"})]})}),showDismissText&&/*#__PURE__*/_jsx(\"span\",{style:{color:dismissTextColor,whiteSpace:\"nowrap\",pointerEvents:\"none\",...dismissFont},children:dismissText})]})]});}addPropertyControls(FullscreenOverlay,{backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#000000\"},backgroundOpacity:{type:ControlType.Number,title:\"Opacity\",defaultValue:80,min:0,max:100,step:1,unit:\"%\"},zIndex:{type:ControlType.Number,title:\"Z-Index\",defaultValue:9999,min:0,max:99999,step:1},image:{type:ControlType.ResponsiveImage,title:\"Image\"},imageOpacity:{type:ControlType.Number,title:\"Image Opacity\",defaultValue:100,min:0,max:100,step:1,unit:\"%\"},imageSizeMode:{type:ControlType.Enum,title:\"Size Mode\",options:[\"fixed\",\"viewport-width\",\"viewport-height\",\"contain\",\"cover\"],optionTitles:[\"Fixed\",\"Viewport Width\",\"Viewport Height\",\"Contain\",\"Cover\"],defaultValue:\"contain\"},imageWidth:{type:ControlType.Number,title:\"Width\",defaultValue:50,min:1,max:100,step:1,unit:\"%\",hidden:({imageSizeMode})=>imageSizeMode===\"contain\"||imageSizeMode===\"cover\"},imageHeight:{type:ControlType.Number,title:\"Height\",defaultValue:50,min:1,max:100,step:1,unit:\"%\",hidden:({imageSizeMode})=>imageSizeMode===\"contain\"||imageSizeMode===\"cover\"},lockAspectRatio:{type:ControlType.Boolean,title:\"Lock Aspect\",defaultValue:true,enabledTitle:\"Locked\",disabledTitle:\"Free\",hidden:({imageSizeMode})=>imageSizeMode===\"contain\"||imageSizeMode===\"cover\"||imageSizeMode===\"fixed\"},dismissButtonSize:{type:ControlType.Number,title:\"X Size\",defaultValue:32,min:16,max:64,step:1,unit:\"px\"},dismissTextColor:{type:ControlType.Color,title:\"Dismiss Color\",defaultValue:\"#FFFFFF\"},showDismissText:{type:ControlType.Boolean,title:\"Show Text\",defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\"},dismissText:{type:ControlType.String,title:\"Dismiss Text\",defaultValue:\"Click to Dismiss\",hidden:({showDismissText})=>!showDismissText},dismissFont:{type:ControlType.Font,title:\"Dismiss Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"14px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1em\"},hidden:({showDismissText})=>!showDismissText}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FullscreenOverlay\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FullscreenOverlay.map"],"mappings":"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"}