{"version":3,"file":"ImageWithAltText.CHYAPpCy.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":"sJACA,SAAgB,EAAiB,CAAC,QAAM,UAAQ,gBAAc,kBAAgB,SAAO,WAAS,WAAS,WAAS,WAAS,uBAAqB,CAC9I,IAAM,EAAY,CAAC,IAAI,aAAa,OAAO,SAAS,OAAO,WAAW,CAAO,EAAc,CAAC,KAAK,aAAa,OAAO,SAAS,MAAM,WAAW,CAAO,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,GAAe,CAAC,SAAsB,EAAK,MAAM,CAAC,IAAI,EAAM,IAAI,GAAS,wBAAwB,MAAM,CAAC,UAAU,QAAQ,eAAe,GAAG,EAAgB,GAAG,IAAgB,MAAM,OAAO,OAAO,OAAO,eAAa,CAAC,CAAC,CAAC,CAAC,kBAFhlB,IAAgC,CAG3E,EAAiB,iBAAiB,CAAC,MAAM,CAAC,KAAK,EAAY,MAAM,MAAM,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,CAAC,cAAc,CAAC,KAAK,EAAY,KAAK,MAAM,iBAAiB,QAAQ,CAAC,MAAM,SAAS,SAAS,CAAC,aAAa,CAAC,MAAM,SAAS,SAAS,CAAC,aAAa,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAY,KAAK,MAAM,mBAAmB,QAAQ,CAAC,OAAO,SAAS,QAAQ,CAAC,aAAa,CAAC,OAAO,SAAS,QAAQ,CAAC,aAAa,SAAS,CAC9b,oBAAoB,CAAC,KAAK,EAAY,QAAQ,MAAM,qBAAqB,aAAa,GAAM,CAC5F,OAAO,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,IAAI,EAAE,IAAI,IAAI,aAAa,EAAE,eAAe,GAAK,OAAO,EAAM,CAAC,OAAO,EAAM,qBAAsB,CACjJ,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,IAAI,EAAE,IAAI,IAAI,aAAa,EAAE,eAAe,GAAK,OAAO,EAAM,CAAC,MAAM,CAAC,EAAM,qBAAsB,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,IAAI,EAAE,IAAI,IAAI,aAAa,EAAE,eAAe,GAAK,OAAO,EAAM,CAAC,MAAM,CAAC,EAAM,qBAAsB,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,IAAI,EAAE,IAAI,IAAI,aAAa,EAAE,eAAe,GAAK,OAAO,EAAM,CAAC,MAAM,CAAC,EAAM,qBAAsB,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,IAAI,EAAE,IAAI,IAAI,aAAa,EAAE,eAAe,GAAK,OAAO,EAAM,CAAC,MAAM,CAAC,EAAM,qBAAsB,CAAC"}