{"version":3,"file":"FluidProjectLayout.Cpmu2NhN.mjs","names":["useState","useLayoutEffect","useEffect","__esmMin","init_npm_react_18_3_1","init_ssg_sandbox_shims","window","le","_e","J","init_jsx_runtime","ce","init_framer_CaDWdxiz","RenderTarget","ensureStyles","STYLE_ID","style","markAspect","element","ratio","fluidizeMedia","root","profile","sectionName","media","gallery","videos","section","computed","count","name","isComponent","nativeRatio","makeFluidProject","isCanvas","viewportWidth","setViewportWidth","layoutWidth","setLayoutWidth","isDesktop","DESKTOP_WIDTH","isTablet","TABLET_WIDTH","useIsoLayoutEffect","update","frame","shouldScale","baseWidth","scale","Component","props","withFluidProjectScale","withFluidProjectChicago","withFluidProjectCFL2024","withFluidProjectVanderpump","withFluidProjectLeaf","withFluidProjectRaptors1920","init_FluidProjectLayout"],"sources":["https:/framerusercontent.com/modules/FiAnYQR0CXjUUsui4Dh0/W9W7nTncgn67Ij3ufZTQ/FluidProjectLayout.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{forwardRef,useEffect,useLayoutEffect,useState}from\"react\";import{RenderTarget}from\"framer\";const DESKTOP_WIDTH=1200;const TABLET_WIDTH=810;const STYLE_ID=\"fluid-project-pages-v1\";const useIsoLayoutEffect=typeof window!==\"undefined\"?useLayoutEffect:useEffect;function ensureStyles(){if(typeof document===\"undefined\"||document.getElementById(STYLE_ID))return;const style=document.createElement(\"style\");style.id=STYLE_ID;style.textContent=`\n@media (min-width: 1200px) {\n  html, body { overflow-x: clip !important; }\n  [data-fluid-project-root] > [data-framer-name=\"Project Video\"],\n  [data-fluid-project-root] > [data-framer-name=\"Project Cover\"],\n  [data-fluid-project-root] > [data-framer-name=\"Project Introduction\"],\n  [data-fluid-project-root] > [data-framer-name=\"Project Gallery\"],\n  [data-fluid-project-root] > [data-framer-name=\"Project Videos\"],\n  [data-fluid-project-root] > [data-framer-name=\"Project Credits\"],\n  [data-fluid-project-root] > [data-framer-name=\"Related Projects\"] {\n    width: 100% !important; max-width: none !important;\n  }\n  [data-fluid-project-root] > [data-framer-name=\"Project Video\"] { height: auto !important; }\n  [data-fluid-project-root] > [data-framer-name=\"Project Video\"] > [data-framer-name],\n  [data-fluid-project-root] > [data-framer-name=\"Project Cover\"] > [data-framer-name] {\n    width: 100% !important; max-width: none !important;\n  }\n  [data-fluid-project-root] [data-framer-name=\"Project Gallery\"] [data-framer-name],\n  [data-fluid-project-root] [data-framer-name=\"Project Videos\"] [data-framer-name] {\n    width: 100% !important; max-width: none !important;\n  }\n  [data-fluid-project-root] [data-fluid-aspect] {\n    width: 100% !important; max-width: none !important;\n    height: auto !important; aspect-ratio: var(--fluid-aspect) !important;\n  }\n  [data-fluid-project-root] [data-fluid-grid] {\n    width: 100% !important; max-width: none !important; height: auto !important;\n    grid-template-columns: repeat(var(--fluid-grid), minmax(0, 1fr)) !important;\n    grid-template-rows: none !important; grid-auto-rows: auto !important;\n  }\n  [data-fluid-project-root] [data-framer-name=\"Project Gallery\"] [data-framer-name^=\"Project Video\"] {\n    width: 100% !important; max-width: none !important; height: auto !important;\n  }\n  [data-fluid-project-root] [data-framer-name=\"Related Project Grid\"] {\n    width: 100% !important; max-width: none !important; height: auto !important;\n    grid-template-rows: none !important; grid-auto-rows: auto !important;\n  }\n  [data-fluid-project-root] [data-framer-name=\"Related Project Grid\"] > [data-framer-name] {\n    width: 100% !important; max-width: none !important;\n    height: auto !important; aspect-ratio: 567 / 319 !important;\n  }\n  [data-fluid-project-root=\"vanderpump\"] > [data-framer-name=\"Featured Project Image\"] {\n    width: calc(100% - 56px) !important; max-width: none !important;\n    height: auto !important; aspect-ratio: 1138 / 639 !important;\n  }\n}\n`;document.head.appendChild(style);}function markAspect(element,ratio){if(element.hasAttribute(\"data-fluid-aspect\"))return;element.style.setProperty(\"--fluid-aspect\",ratio);element.setAttribute(\"data-fluid-aspect\",\"true\");}function fluidizeMedia(profile){const root=document.querySelector(`[data-fluid-project-root=\"${profile}\"]`);if(!root)return;for(const sectionName of[\"Project Video\",\"Project Cover\"]){const section=root.querySelector(`:scope > [data-framer-name=\"${sectionName}\"]`);const media=section?.firstElementChild;if(media&&media.getBoundingClientRect().width>0){markAspect(media,profile===\"cfl2024\"?\"1144 / 270\":\"1144 / 644\");}}const gallery=root.querySelector(`:scope > [data-framer-name=\"Project Gallery\"]`);const videos=root.querySelector(`:scope > [data-framer-name=\"Project Videos\"]`);for(const section of[gallery,videos]){if(!section)continue;for(const element of section.querySelectorAll(\"[data-framer-name], div[class*='-container']\")){if(element.getBoundingClientRect().width===0)continue;const computed=getComputedStyle(element);if(computed.display===\"grid\"&&!element.hasAttribute(\"data-fluid-grid\")){const count=computed.gridTemplateColumns.split(\" \").filter(Boolean).length;if(count>1){element.style.setProperty(\"--fluid-grid\",String(count));element.setAttribute(\"data-fluid-grid\",\"true\");}}const name=element.getAttribute(\"data-framer-name\")||\"\";const isComponent=element.className.includes(\"-container\");const nativeRatio=computed.aspectRatio;if(nativeRatio&&nativeRatio!==\"auto\"){markAspect(element,nativeRatio);}else if(isComponent&&element.getBoundingClientRect().height>100){let ratio=\"1144 / 644\";if(profile===\"chicago\"&&name===\"Project Vimeo\")ratio=\"1 / 1\";if(profile===\"chicago\"&&name===\"Chicago Steel Motion Clip\"&&element===gallery?.lastElementChild)ratio=\"1 / 1\";if(profile===\"cfl2024\"&&name===\"Project Vimeo\")ratio=\"1144 / 270\";markAspect(element,ratio);}else if(profile===\"leaf\"&&name===\"Project Image 13\"){markAspect(element,\"569 / 374\");}else if(profile===\"raptors1920\"&&name===\"Project Image 52\"){markAspect(element,\"2 / 1\");}}}}function makeFluidProject(Component,profile){return /*#__PURE__*/forwardRef((props,ref)=>{const isCanvas=RenderTarget.current()===RenderTarget.canvas||RenderTarget.current()===RenderTarget.thumbnail;const[viewportWidth,setViewportWidth]=useState(0);const[layoutWidth,setLayoutWidth]=useState(0);const isDesktop=!isCanvas&&viewportWidth>=DESKTOP_WIDTH;const isTablet=!isCanvas&&viewportWidth>=TABLET_WIDTH&&viewportWidth<DESKTOP_WIDTH;useIsoLayoutEffect(()=>{if(isCanvas||typeof window===\"undefined\")return;ensureStyles();const update=()=>{setViewportWidth(window.innerWidth||document.documentElement.clientWidth);setLayoutWidth(document.documentElement.clientWidth||window.innerWidth);};update();window.addEventListener(\"resize\",update);return()=>window.removeEventListener(\"resize\",update);},[isCanvas]);useIsoLayoutEffect(()=>{if(!isDesktop||typeof window===\"undefined\")return;const frame=window.requestAnimationFrame(()=>fluidizeMedia(profile));const update=()=>fluidizeMedia(profile);window.addEventListener(\"resize\",update);return()=>{window.cancelAnimationFrame(frame);window.removeEventListener(\"resize\",update);};},[isDesktop]);const shouldScale=isDesktop||isTablet;const baseWidth=isDesktop?layoutWidth:TABLET_WIDTH;const scale=isTablet?layoutWidth/TABLET_WIDTH:1;return /*#__PURE__*/_jsx(Component,{ref:ref,...props,\"data-responsive-page-root\":!isCanvas?\"true\":undefined,\"data-fluid-project-root\":isDesktop?profile:undefined,\"data-responsive-scale-root\":shouldScale?\"true\":undefined,style:shouldScale?{...props.style,width:baseWidth,minWidth:baseWidth,maxWidth:baseWidth,marginLeft:\"auto\",marginRight:\"auto\",transformOrigin:\"top center\",overflow:props.style?.overflow,overflowX:\"clip\",zoom:scale,\"--responsive-base-width\":`${baseWidth}px`,\"--responsive-viewport-width\":`${layoutWidth}px`,\"--responsive-footer-width\":\"100%\",\"--responsive-footer-margin\":\"0px\",\"--responsive-footer-padding\":\"28px\",\"--responsive-inverse-scale\":1/scale}:props.style});});}export function withFluidProjectScale(Component){return makeFluidProject(Component,\"standard\");}export function withFluidProjectChicago(Component){return makeFluidProject(Component,\"chicago\");}export function withFluidProjectCFL2024(Component){return makeFluidProject(Component,\"cfl2024\");}export function withFluidProjectVanderpump(Component){return makeFluidProject(Component,\"vanderpump\");}export function withFluidProjectLeaf(Component){return makeFluidProject(Component,\"leaf\");}export function withFluidProjectRaptors1920(Component){return makeFluidProject(Component,\"raptors1920\");}\nexport const __FramerMetadata__ = {\"exports\":{\"withFluidProjectChicago\":{\"type\":\"reactHoc\",\"name\":\"withFluidProjectChicago\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFluidProjectScale\":{\"type\":\"reactHoc\",\"name\":\"withFluidProjectScale\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFluidProjectVanderpump\":{\"type\":\"reactHoc\",\"name\":\"withFluidProjectVanderpump\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFluidProjectRaptors1920\":{\"type\":\"reactHoc\",\"name\":\"withFluidProjectRaptors1920\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFluidProjectCFL2024\":{\"type\":\"reactHoc\",\"name\":\"withFluidProjectCFL2024\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFluidProjectLeaf\":{\"type\":\"reactHoc\",\"name\":\"withFluidProjectLeaf\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FluidProjectLayout.map"],"mappings":"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"}