{"version":3,"file":"Blog_Image_Cover.Cs2vO7EP.mjs","names":[],"sources":["https:/framerusercontent.com/modules/WIraA5RH3Q4vHC26PZYP/MJKBNvOS8YhAPlCndmS3/Blog_Image_Cover.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";function getSrc(image){if(!image)return\"\";if(typeof image===\"string\")return image;return image.src||\"\";}function getAlt(image,fallback){if(fallback)return fallback;if(image&&typeof image===\"object\")return image.alt||\"\";return\"\";}function cleanFramerImageUrl(src){if(!src)return\"\";try{const url=new URL(src);// Remove generated sizing params so we can control them.\nurl.searchParams.delete(\"scale-down-to\");url.searchParams.delete(\"width\");url.searchParams.delete(\"height\");return url.toString();}catch{return src.split(\"?\")[0];}}function createScaledFramerUrl(src,width){if(!src.includes(\"framerusercontent.com\"))return src;const cleanUrl=cleanFramerImageUrl(src);const url=new URL(cleanUrl);url.searchParams.set(\"scale-down-to\",String(width));return url.toString();}function createSrcSet(src,widths){if(!src.includes(\"framerusercontent.com\"))return undefined;const uniqueWidths=Array.from(new Set(widths)).sort((a,b)=>a-b);return uniqueWidths.map(width=>`${createScaledFramerUrl(src,width)} ${width}w`).join(\", \");}export default function SEOImage(props){const{src,alt,radius,priority,fit,desktopWidth,tabletWidth,mobileWidth}=props;const imageSrc=getSrc(src);if(!imageSrc)return null;const widths=[mobileWidth,Math.round(mobileWidth*1.5),tabletWidth,desktopWidth,Math.round(desktopWidth*1.5)];const srcSet=createSrcSet(imageSrc,widths);const fallbackSrc=imageSrc.includes(\"framerusercontent.com\")?createScaledFramerUrl(imageSrc,desktopWidth):imageSrc;const sizes=`(max-width: 809px) ${mobileWidth}px, (max-width: 1199px) ${tabletWidth}px, ${desktopWidth}px`;return /*#__PURE__*/_jsx(\"img\",{src:fallbackSrc,srcSet:srcSet,sizes:sizes,alt:getAlt(src,alt),loading:priority?\"eager\":\"lazy\",fetchPriority:priority?\"high\":\"auto\",decoding:priority?\"sync\":\"async\",style:{width:\"100%\",height:\"100%\",objectFit:fit,display:\"block\",borderRadius:radius}});}SEOImage.defaultProps={src:\"\",alt:\"\",radius:24,priority:true,fit:\"cover\",desktopWidth:704,tabletWidth:704,mobileWidth:360};addPropertyControls(SEOImage,{src:{type:ControlType.ResponsiveImage,title:\"Src\"},alt:{type:ControlType.String,title:\"Alt\"},radius:{type:ControlType.Number,title:\"Radius\",min:0,max:100,unit:\"px\",defaultValue:24},priority:{type:ControlType.Boolean,title:\"Priority\",defaultValue:true},fit:{type:ControlType.Enum,title:\"Fit\",options:[\"cover\",\"contain\",\"fill\"],optionTitles:[\"Cover\",\"Contain\",\"Fill\"],defaultValue:\"cover\"},desktopWidth:{type:ControlType.Number,title:\"Desktop W\",min:100,max:2400,defaultValue:704},tabletWidth:{type:ControlType.Number,title:\"Tablet W\",min:100,max:1600,defaultValue:704},mobileWidth:{type:ControlType.Number,title:\"Mobile W\",min:100,max:900,defaultValue:360}})// BACKUP\n// import * as React from \"react\"\n// import { addPropertyControls, ControlType } from \"framer\"\n// export default function SEOImage(props) {\n//     return (\n//         <img\n//             src={props.src}\n//             alt={props.alt}\n//             style={{\n//                 width: \"100%\",\n//                 height: \"100%\",\n//                 objectFit: \"cover\",\n//                 display: \"block\",\n//                 borderRadius: props.radius,\n//             }}\n//         />\n//     )\n// }\n// SEOImage.defaultProps = {\n//     src: \"\",\n//     alt: \"\",\n//     radius: 24,\n// }\n// addPropertyControls(SEOImage, {\n//     src: { type: ControlType.Image },\n//     alt: { type: ControlType.String, title: \"Alt\" },\n//     radius: {\n//         type: ControlType.Number,\n//         title: \"Radius\",\n//         min: 0,\n//         max: 100,\n//         unit: \"px\",\n//     },\n// })\n;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SEOImage\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Blog_Image_Cover.map"],"mappings":"6JAA+F,SAAS,EAAO,EAAM,CAA4D,OAAvD,EAAkB,OAAO,GAAQ,SAAgB,EAAa,EAAM,KAAK,GAA7D,GAAiE,SAAS,EAAO,EAAM,EAAS,CAAoF,OAAhF,GAA4B,GAAO,OAAO,GAAQ,UAAgB,EAAM,KAAc,GAAI,SAAS,EAAoB,EAAI,CAAC,GAAG,CAAC,EAAI,MAAM,GAAG,GAAG,CAAC,IAAM,EAAI,IAAI,IAAI,EAAI,CACrS,OAA5G,EAAI,aAAa,OAAO,gBAAgB,CAAC,EAAI,aAAa,OAAO,QAAQ,CAAC,EAAI,aAAa,OAAO,SAAS,CAAQ,EAAI,UAAU,MAAO,CAAC,OAAO,EAAI,MAAM,IAAI,CAAC,IAAK,SAAS,EAAsB,EAAI,EAAM,CAAC,GAAG,CAAC,EAAI,SAAS,wBAAwB,CAAC,OAAO,EAAI,IAAM,EAAS,EAAoB,EAAI,CAAO,EAAI,IAAI,IAAI,EAAS,CAAqD,OAApD,EAAI,aAAa,IAAI,gBAAgB,OAAO,EAAM,CAAC,CAAQ,EAAI,UAAU,CAAE,SAAS,EAAa,EAAI,EAAO,CAAK,KAAI,SAAS,wBAAwB,CAAkF,OAA7C,MAAM,KAAK,IAAI,IAAI,EAAO,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,CAAqB,IAAI,GAAO,GAAG,EAAsB,EAAI,EAAM,CAAC,GAAG,EAAM,GAAG,CAAC,KAAK,KAAK,CAAE,SAAwB,EAAS,EAAM,CAAC,GAAK,CAAC,MAAI,MAAI,SAAO,WAAS,MAAI,eAAa,cAAY,eAAa,EAAY,EAAS,EAAO,EAAI,CAAC,GAAG,CAAC,EAAS,OAAO,KAAkH,IAAM,EAAO,EAAa,EAA1H,CAAC,EAAY,KAAK,MAAM,EAAY,IAAI,CAAC,EAAY,EAAa,KAAK,MAAM,EAAa,IAAI,CAAC,CAA2C,CAA+N,OAAoB,EAAK,MAAM,CAAC,IAA5O,EAAS,SAAS,wBAAwB,CAAC,EAAsB,EAAS,EAAa,CAAC,EAA2K,SAAO,MAA7J,sBAAsB,EAAY,0BAA0B,EAAY,MAAM,EAAa,IAA8E,IAAI,EAAO,EAAI,EAAI,CAAC,QAAQ,EAAS,QAAQ,OAAO,cAAc,EAAS,OAAO,OAAO,SAAS,EAAS,OAAO,QAAQ,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,UAAU,EAAI,QAAQ,QAAQ,aAAa,EAAO,CAAC,CAAC,kBAD15C,IAAoD,CACw2C,EAAS,aAAa,CAAC,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,SAAS,GAAK,IAAI,QAAQ,aAAa,IAAI,YAAY,IAAI,YAAY,IAAI,CAAC,EAAoB,EAAS,CAAC,IAAI,CAAC,KAAK,EAAY,gBAAgB,MAAM,MAAM,CAAC,IAAI,CAAC,KAAK,EAAY,OAAO,MAAM,MAAM,CAAC,OAAO,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,IAAI,EAAE,IAAI,IAAI,KAAK,KAAK,aAAa,GAAG,CAAC,SAAS,CAAC,KAAK,EAAY,QAAQ,MAAM,WAAW,aAAa,GAAK,CAAC,IAAI,CAAC,KAAK,EAAY,KAAK,MAAM,MAAM,QAAQ,CAAC,QAAQ,UAAU,OAAO,CAAC,aAAa,CAAC,QAAQ,UAAU,OAAO,CAAC,aAAa,QAAQ,CAAC,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,IAAI,IAAI,IAAI,KAAK,aAAa,IAAI,CAAC,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,IAAI,IAAI,IAAI,KAAK,aAAa,IAAI,CAAC,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,IAAI,IAAI,IAAI,IAAI,aAAa,IAAI,CAAC,CAAC"}