{"version":3,"file":"LayoutBlock.CLWu2qvT.mjs","names":["__esmMin","p","c","init_jsx_runtime","addPropertyControls","init_framer_DymZktPS","ControlType","imageProps","image","youtubeId","link","match","LayoutBlock","props","first","image1","second","image2","videoId","videoLink","CLASS","fullWidth","style","css","alt1","hideRightFrame","alt2","videoTitle","__FramerMetadata__","init_LayoutBlock","\"exports\"","\"default\"","\"type\"","\"name\"","\"slots\"","\"annotations\"","\"framerContractVersion\"","\"framerSupportedLayoutWidth\"","\"framerSupportedLayoutHeight\"","\"__FramerMetadata__\""],"sources":["https:/framerusercontent.com/modules/eb7TAzUKjTtcL9fTCL9Z/8oJwU7Fsp5B5XPJljMPo/LayoutBlock.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";// Replacement for the \"CMS/Layout Block\" design component used in the CMS\n// \"Contenu\" rich text. Framer never passes image alt texts to a design\n// component embedded in rich text, so this code component renders its own\n// <img> tags with dedicated \"Alt\" props. Layout mirrors the original\n// Desktop / Tablet / Mobile variants, picked by media query.\nconst CLASS=\"layout-block\";const css=`\n.${CLASS} {\n    box-sizing: border-box;\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    gap: 30px;\n    padding: 60px 40px;\n}\n.${CLASS}__col {\n    flex: 1 1 0;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n}\n.${CLASS} img {\n    display: block;\n    width: 100%;\n    height: auto;\n}\n.${CLASS}__video {\n    display: block;\n    width: 100%;\n    aspect-ratio: 16 / 9;\n    border: 0;\n    border-radius: 6px;\n}\n@media (min-width: 576px) and (max-width: 1199.98px) {\n    .${CLASS} { gap: 20px; padding: 60px 30px; }\n}\n@media (max-width: 575.98px) {\n    .${CLASS} { flex-direction: column; gap: 30px; padding: 10px 20px; }\n    .${CLASS}__col { flex: none; width: 100%; }\n}\n.${CLASS}.is-full-width { padding: 0; }\n`;function imageProps(image){if(!image)return null;if(typeof image===\"string\")return{src:image};return image.src?{src:image.src,srcSet:image.srcSet}:null;}function youtubeId(link){if(!link)return null;const match=link.match(/(?:youtu\\.be\\/|v=|embed\\/|shorts\\/)([\\w-]{11})/);return match?match[1]:null;}/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight auto\n */export default function LayoutBlock(props){const{backgroundColor,fullWidth,image1,alt1,hideRightFrame,image2,alt2,videoLink,videoTitle,style}=props;const first=imageProps(image1);const second=imageProps(image2);const videoId=youtubeId(videoLink);return /*#__PURE__*/_jsxs(\"div\",{className:`${CLASS}${fullWidth?\" is-full-width\":\"\"}`,style:{...style,backgroundColor},children:[/*#__PURE__*/_jsx(\"style\",{children:css}),first&&/*#__PURE__*/_jsx(\"div\",{className:`${CLASS}__col`,children:/*#__PURE__*/_jsx(\"img\",{...first,alt:alt1??\"\",loading:\"lazy\",decoding:\"async\"})}),!hideRightFrame&&/*#__PURE__*/_jsxs(\"div\",{className:`${CLASS}__col`,children:[second&&/*#__PURE__*/_jsx(\"img\",{...second,alt:alt2??\"\",loading:\"lazy\",decoding:\"async\"}),videoId&&/*#__PURE__*/_jsx(\"iframe\",{className:`${CLASS}__video`,src:`https://www.youtube-nocookie.com/embed/${videoId}`,title:videoTitle||\"Vid\\xe9o YouTube\",loading:\"lazy\",allow:\"accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",allowFullScreen:true})]})]});}LayoutBlock.displayName=\"CMS/Layout Block (alt)\";addPropertyControls(LayoutBlock,{backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#FFFFFF\"},fullWidth:{type:ControlType.Boolean,title:\"Full width\",defaultValue:false},image1:{type:ControlType.ResponsiveImage,title:\"Image 1\"},alt1:{type:ControlType.String,title:\"Alt 1\"},hideRightFrame:{type:ControlType.Boolean,title:\"Hide Right Frame\",defaultValue:false},image2:{type:ControlType.ResponsiveImage,title:\"Image 2\"},alt2:{type:ControlType.String,title:\"Alt 2\"},videoLink:{type:ControlType.String,title:\"Video Link\"},videoTitle:{type:ControlType.String,title:\"Video Title\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"LayoutBlock\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./LayoutBlock.map"],"mappings":"A,mKA6CE,SAASO,EAAW,EAAM,CAAoE,OAA/DC,EAAqB,OAAOA,GAAQ,SAAe,CAAC,IAAIA,CAAK,EAASA,EAAM,IAAI,CAAC,IAAIA,EAAM,IAAI,OAAOA,EAAM,MAAM,EAAE,KAAvG,IAA4G,CAAC,SAASC,EAAU,EAAK,CAAC,GAAG,CAACC,EAAK,OAAO,KAAK,IAAMC,EAAMD,EAAK,MAAM,gDAAgD,EAAE,OAAOC,EAAMA,EAAM,GAAG,IAAK,CAG1S,SAAwBC,EAAY,EAAM,CAAC,GAAK,CAAC,kBAAgB,YAAU,SAAO,OAAK,iBAAe,SAAO,OAAK,YAAU,aAAW,SAAOC,EAAYC,EAAMP,EAAWQ,CAAM,EAAQC,EAAOT,EAAWU,CAAM,EAAQC,EAAQT,EAAUU,CAAS,EAAE,MAAoB,gBAAM,MAAM,CAAC,UAAU,GAAGC,IAAQC,EAAU,iBAAiB,KAAK,MAAM,CAAC,GAAGC,EAAM,iBAAe,EAAE,SAAS,CAAc,gBAAK,QAAQ,CAAC,SAASC,CAAG,CAAC,EAAET,GAAoB,gBAAK,MAAM,CAAC,UAAU,GAAGM,EAAM,OAAO,SAAsB,gBAAK,MAAM,CAAC,GAAGN,EAAM,IAAIU,GAAM,GAAG,QAAQ,OAAO,SAAS,OAAO,CAAC,CAAC,CAAC,EAAE,CAACC,GAA6B,gBAAM,MAAM,CAAC,UAAU,GAAGL,EAAM,OAAO,SAAS,CAACJ,GAAqB,gBAAK,MAAM,CAAC,GAAGA,EAAO,IAAIU,GAAM,GAAG,QAAQ,OAAO,SAAS,OAAO,CAAC,EAAER,GAAsB,gBAAK,SAAS,CAAC,UAAU,GAAGE,EAAM,SAAS,IAAI,0CAA0CF,IAAU,MAAMS,GAAY,gBAAmB,QAAQ,OAAO,MAAM,iFAAiF,gBAAgB,EAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,C,gDA3C9/B,EAAM,eAAqB,EAAI;GAClCP,EAAM;;;;;;;;;;GAUNA,EAAM;;;;;;;;;GASNA,EAAM;;;;;GAKNA,EAAM;;;;;;;;OAQFA,EAAM;;;OAGNA,EAAM;OACNA,EAAM;;GAEVA,EAAM;EAI4/B,EAAY,YAAY,yBAAyBhB,EAAoBQ,EAAY,CAAC,gBAAgB,CAAC,KAAKN,EAAY,MAAM,MAAM,aAAa,aAAa,SAAS,EAAE,UAAU,CAAC,KAAKA,EAAY,QAAQ,MAAM,aAAa,aAAa,EAAK,EAAE,OAAO,CAAC,KAAKA,EAAY,gBAAgB,MAAM,SAAS,EAAE,KAAK,CAAC,KAAKA,EAAY,OAAO,MAAM,OAAO,EAAE,eAAe,CAAC,KAAKA,EAAY,QAAQ,MAAM,mBAAmB,aAAa,EAAK,EAAE,OAAO,CAAC,KAAKA,EAAY,gBAAgB,MAAM,SAAS,EAAE,KAAK,CAAC,KAAKA,EAAY,OAAO,MAAM,OAAO,EAAE,UAAU,CAAC,KAAKA,EAAY,OAAO,MAAM,YAAY,EAAE,WAAW,CAAC,KAAKA,EAAY,OAAO,MAAM,aAAa,CAAC,CAAC,EAC5nD,EAAqB,CAACwB,QAAU,CAACC,QAAU,CAACC,KAAO,iBAAiBC,KAAO,cAAcC,MAAQ,CAAC,EAAEC,YAAc,CAACC,sBAAwB,IAAIC,2BAA6B,QAAQC,4BAA8B,MAAM,CAAC,EAAEC,mBAAqB,CAACP,KAAO,UAAU,CAAC,CAAC,C"}