{"version":3,"file":"ImageWithAltText.DCh5RPkD.mjs","names":[],"sources":["https:/framerusercontent.com/modules/CR4guHVlIClU0CpyeppD/H2qmUtzKUmkORh2y0f1u/ImageWithAltText.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{ControlType}from\"framer\";// The Code Component\nexport function ImageWithAltText({image,altText,verticalAlign,horizontalAlign,radius,radiusTL,radiusTR,radiusBL,radiusBR,useIndividualRadius}){// Convert align options to valid flex values\nconst verticalMap={top:\"flex-start\",center:\"center\",bottom:\"flex-end\"};const horizontalMap={left:\"flex-start\",center:\"center\",right:\"flex-end\"};const borderRadius=useIndividualRadius?`${radiusTL}px ${radiusTR}px ${radiusBR}px ${radiusBL}px`:radius;return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",overflow:\"hidden\",display:\"flex\",justifyContent:horizontalMap[horizontalAlign],alignItems:verticalMap[verticalAlign]},children:/*#__PURE__*/_jsx(\"img\",{src:image,alt:altText||\"No alt text available\",style:{objectFit:\"cover\",objectPosition:`${horizontalAlign} ${verticalAlign}`,width:\"100%\",height:\"100%\",borderRadius}})});}// Add Property Controls\nImageWithAltText.propertyControls={image:{type:ControlType.Image,title:\"Image\"},altText:{type:ControlType.String,title:\"Alt Text\"},verticalAlign:{type:ControlType.Enum,title:\"Vertical Align\",options:[\"top\",\"center\",\"bottom\"],optionTitles:[\"Top\",\"Center\",\"Bottom\"],defaultValue:\"center\"},horizontalAlign:{type:ControlType.Enum,title:\"Horizontal Align\",options:[\"left\",\"center\",\"right\"],optionTitles:[\"Left\",\"Center\",\"Right\"],defaultValue:\"center\"},// NEW: toggle mode\nuseIndividualRadius:{type:ControlType.Boolean,title:\"Individual Corners\",defaultValue:false},// Single radius (default mode)\nradius:{type:ControlType.Number,title:\"Radius\",min:0,max:100,defaultValue:0,displayStepper:true,hidden(props){return props.useIndividualRadius;}},// Individual corners\nradiusTL:{type:ControlType.Number,title:\"Radius TL\",min:0,max:100,defaultValue:0,displayStepper:true,hidden(props){return!props.useIndividualRadius;}},radiusTR:{type:ControlType.Number,title:\"Radius TR\",min:0,max:100,defaultValue:0,displayStepper:true,hidden(props){return!props.useIndividualRadius;}},radiusBL:{type:ControlType.Number,title:\"Radius BL\",min:0,max:100,defaultValue:0,displayStepper:true,hidden(props){return!props.useIndividualRadius;}},radiusBR:{type:ControlType.Number,title:\"Radius BR\",min:0,max:100,defaultValue:0,displayStepper:true,hidden(props){return!props.useIndividualRadius;}}};\nexport const __FramerMetadata__ = {\"exports\":{\"ImageWithAltText\":{\"type\":\"reactComponent\",\"name\":\"ImageWithAltText\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ImageWithAltText.map"],"mappings":"qJACA,SAAgB,EAAiB,CAAC,QAAM,UAAQ,gBAAc,kBAAgB,SAAO,WAAS,WAAS,WAAS,WAAS,uBAAqB,CAC9I,IAAM,EAAY,CAAC,IAAI,aAAa,OAAO,SAAS,OAAO,UAAU,EAAQ,EAAc,CAAC,KAAK,aAAa,OAAO,SAAS,MAAM,UAAU,EAAQ,EAAa,EAAoB,GAAG,EAAS,KAAK,EAAS,KAAK,EAAS,KAAK,EAAS,IAAI,EAAO,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,SAAS,SAAS,QAAQ,OAAO,eAAe,EAAc,GAAiB,WAAW,EAAY,EAAc,EAAE,SAAsB,EAAK,MAAM,CAAC,IAAI,EAAM,IAAI,GAAS,wBAAwB,MAAM,CAAC,UAAU,QAAQ,eAAe,GAAG,EAAgB,GAAG,IAAgB,MAAM,OAAO,OAAO,OAAO,cAAY,CAAC,CAAC,CAAC,CAAC,CAAE,iBAFllB,IAAgC,EAG1E,EAAiB,iBAAiB,CAAC,MAAM,CAAC,KAAK,EAAY,MAAM,MAAM,OAAO,EAAE,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,EAAE,cAAc,CAAC,KAAK,EAAY,KAAK,MAAM,iBAAiB,QAAQ,CAAC,MAAM,SAAS,QAAQ,EAAE,aAAa,CAAC,MAAM,SAAS,QAAQ,EAAE,aAAa,QAAQ,EAAE,gBAAgB,CAAC,KAAK,EAAY,KAAK,MAAM,mBAAmB,QAAQ,CAAC,OAAO,SAAS,OAAO,EAAE,aAAa,CAAC,OAAO,SAAS,OAAO,EAAE,aAAa,QAAQ,EAC7b,oBAAoB,CAAC,KAAK,EAAY,QAAQ,MAAM,qBAAqB,aAAa,EAAK,EAC3F,OAAO,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,IAAI,EAAE,IAAI,IAAI,aAAa,EAAE,eAAe,GAAK,OAAO,EAAM,CAAC,OAAO,EAAM,mBAAoB,CAAC,EAChJ,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,IAAI,EAAE,IAAI,IAAI,aAAa,EAAE,eAAe,GAAK,OAAO,EAAM,CAAC,MAAM,CAAC,EAAM,mBAAoB,CAAC,EAAE,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,IAAI,EAAE,IAAI,IAAI,aAAa,EAAE,eAAe,GAAK,OAAO,EAAM,CAAC,MAAM,CAAC,EAAM,mBAAoB,CAAC,EAAE,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,IAAI,EAAE,IAAI,IAAI,aAAa,EAAE,eAAe,GAAK,OAAO,EAAM,CAAC,MAAM,CAAC,EAAM,mBAAoB,CAAC,EAAE,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,IAAI,EAAE,IAAI,IAAI,aAAa,EAAE,eAAe,GAAK,OAAO,EAAM,CAAC,MAAM,CAAC,EAAM,mBAAoB,CAAC,CAAC"}