{"version":3,"file":"DynamicIframeLaunch.Dm3BFrGG.mjs","names":[],"sources":["https:/framerusercontent.com/modules/YN82rz5uz6IdKFFcBzVX/VxszVTv4gKedlZvMg0H7/DynamicIframeLaunch.js"],"sourcesContent":["// Welcome to Code in Framer\n// Get Started: https://www.framer.com/developers/\nimport{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function DynamicIframeLaunch(props){/*#__PURE__*/_jsx(\"iframe\",{width:\"600\",height:\"450\",src:\"https://lookerstudio.google.com/embed/reporting/f2a37a94-bf4c-4ae7-b558-733609c11a02/page/p_nyaj3c2ked\",frameborder:\"0\",style:\"border:0\",allowfullscreen:true,sandbox:\"allow-storage-access-by-user-activation allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox\"});// - Find inspiration: https://www.framer.com/developers/\nReact.useEffect(()=>{const currentURL=window.location.href;const encodedURL=encodeURIComponent(currentURL);const jsonParams=`%7B%22ds135.Website_URL%22%3A%22${encodedURL}%22%7D`;const reportURL=`https://lookerstudio.google.com/embed/reporting/f2a37a94-bf4c-4ae7-b558-733609c11a02/page/p_nyaj3c2ked`;const iframe=document.getElementById(\"dynamic-iframe\");if(iframe){iframe.src=reportURL;}// Dynamic resizing based on content\nwindow.addEventListener(\"message\",event=>{if(event.origin===\"https://lookerstudio.google.com\"&&event.data.height){iframe.style.height=`${event.data.height}px`;}});},[]);return /*#__PURE__*/_jsx(\"iframe\",{id:\"dynamic-iframe\",width:\"100%\",height:\"100%\",frameBorder:\"0\",scrolling:\"no\",style:{border:0,overflow:\"hidden\",width:\"100%\",height:\"100%\"},allowFullScreen:true,sandbox:\"allow-storage-access-by-user-activation allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox\"});}// Styles are written in object syntax\n// Learn more: https://reactjs.org/docs/dom-elements.html#style\n/*\nconst containerStyle: CSSProperties = {\n    width: \"100%\",\n    height: \"100vh\", // Ensure full height of the viewport\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    position: \"relative\", // Correct type for 'position'\n    overflow: \"auto\", // Allow scrolling at the container level\n}\n */\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"DynamicIframeLaunch\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./DynamicIframeLaunch.map"],"mappings":"mMAQG,SAAwB,EAAoB,EAAM,CAEoH,MADzK,GAAgB,IAAI,CAAC,IAAM,EAAW,EAAO,SAAS,KAAW,EAAW,mBAAmB,EAAW,CAAO,GAAY,kCAAkC,EAAW,QAAc,EAAA,yGAAyH,EAAO,SAAS,eAAe,iBAAiB,CACjW,AADqW,IAAQ,EAAO,IAAI,GACxX,EAAO,iBAAiB,UAAU,GAAO,CAAC,AAAG,EAAM,SAAS,mCAAmC,EAAM,KAAK,SAAQ,EAAO,MAAM,UAAU,EAAM,KAAK,OAAO,IAAM,EAAC,AAAE,EAAC,CAAE,EAAC,CAAqB,EAAK,SAAS,CAAC,GAAG,iBAAiB,MAAM,OAAO,OAAO,OAAO,YAAY,IAAI,UAAU,KAAK,MAAM,CAAC,OAAO,EAAE,SAAS,SAAS,MAAM,OAAO,OAAO,MAAO,EAAC,iBAAgB,EAAK,QAAQ,qHAAsH,EAAC,AAAE,kBAR9e,GAA2C,IAA4B"}