{"version":3,"file":"DynamicImage.TpZBOERd.mjs","names":[],"sources":["https:/framerusercontent.com/modules/4wvODOKCcxUZw73LMsZA/YUv6e2i4nqJGuj9K0C8R/DynamicImage.js"],"sourcesContent":["// Image component that displays images dynamically from URL\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function DynamicImage(props){const{imageUrl,altText=\"Dynamic image\",objectFit=\"cover\",borderRadius=0,shadow=false,style}=props;const finalImageUrl=imageUrl||'data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"126\" height=\"126\"><path id=\"a\" d=\"M126 0v21.584L21.584 126H0v-17.585L108.415 0H126Zm0 108.414V126h-17.586L126 108.414Zm0-84v39.171L63.585 126H24.414L126 24.414Zm0 42v39.17L105.584 126h-39.17L126 66.414ZM105.586 0 0 105.586V66.415L66.415 0h39.171Zm-42 0L0 63.586V24.415L24.415 0h39.171Zm-42 0L0 21.586V0h21.586Z\" fill=\"rgb(136, 136, 136, 0.2)\" fill-rule=\"evenodd\"/></svg>';return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",position:\"relative\",overflow:\"hidden\",borderRadius:`${borderRadius}%`,boxShadow:shadow?\"0 4px 10px rgba(0,0,0,0.08)\":\"none\",...style},children:/*#__PURE__*/_jsx(\"img\",{src:finalImageUrl,alt:altText,style:{width:\"100%\",height:\"100%\",objectFit:objectFit,display:\"block\"}})});}addPropertyControls(DynamicImage,{imageUrl:{type:ControlType.String,title:\"Image URL\",defaultValue:'data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"126\" height=\"126\"><path id=\"a\" d=\"M126 0v21.584L21.584 126H0v-17.585L108.415 0H126Zm0 108.414V126h-17.586L126 108.414Zm0-84v39.171L63.585 126H24.414L126 24.414Zm0 42v39.17L105.584 126h-39.17L126 66.414ZM105.586 0 0 105.586V66.415L66.415 0h39.171Zm-42 0L0 63.586V24.415L24.415 0h39.171Zm-42 0L0 21.586V0h21.586Z\" fill=\"rgb(136, 136, 136, 0.2)\" fill-rule=\"evenodd\"/></svg>',placeholder:\"Enter image URL or bind to CMS field...\"},altText:{type:ControlType.String,title:\"Alt Text\",defaultValue:\"Dynamic image\",placeholder:\"Describe the image...\"},objectFit:{type:ControlType.Enum,title:\"Object Fit\",options:[\"contain\",\"cover\",\"fill\",\"none\",\"scale-down\"],optionTitles:[\"Contain\",\"Cover\",\"Fill\",\"None\",\"Scale Down\"],defaultValue:\"cover\",displaySegmentedControl:false},borderRadius:{type:ControlType.Number,title:\"Border Radius\",defaultValue:0,min:0,max:100,step:1,unit:\"%\"},shadow:{type:ControlType.Boolean,title:\"Shadow\",defaultValue:false,enabledTitle:\"Show\",disabledTitle:\"Hide\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"DynamicImage\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./DynamicImage.map"],"mappings":"4JAIG,SAAwB,EAAa,EAAM,CAAC,GAAK,CAAC,WAAS,UAAQ,gBAAgB,YAAU,QAAQ,eAAa,EAAE,SAAO,GAAM,SAAO,EAAY,EAAc,GAAU,ubAAub,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,SAAS,WAAW,SAAS,SAAS,aAAa,GAAG,EAAa,GAAG,UAAU,EAAO,8BAA8B,OAAO,GAAG,EAAM,CAAC,SAAsB,EAAK,MAAM,CAAC,IAAI,EAAc,IAAI,EAAQ,MAAM,CAAC,MAAM,OAAO,OAAO,OAAiB,YAAU,QAAQ,QAAQ,CAAC,CAAC,CAAC,CAAC,kBAH74B,IAAoD,CAG21B,EAAoB,EAAa,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,ubAAub,YAAY,0CAA0C,CAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,aAAa,gBAAgB,YAAY,wBAAwB,CAAC,UAAU,CAAC,KAAK,EAAY,KAAK,MAAM,aAAa,QAAQ,CAAC,UAAU,QAAQ,OAAO,OAAO,aAAa,CAAC,aAAa,CAAC,UAAU,QAAQ,OAAO,OAAO,aAAa,CAAC,aAAa,QAAQ,wBAAwB,GAAM,CAAC,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,gBAAgB,aAAa,EAAE,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,KAAK,IAAI,CAAC,OAAO,CAAC,KAAK,EAAY,QAAQ,MAAM,SAAS,aAAa,GAAM,aAAa,OAAO,cAAc,OAAO,CAAC,CAAC"}