{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/j97pl4M6buOoLIeEkN8E/feR9SN6vXdEDbWcw8ReS/Image_Array.js", "ssg:https://framerusercontent.com/modules/OX5mVDMPFzYCv8mKLfpE/WJv7qmBA0klS18SzQUvY/Alt_desc.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerIntrinsicWidth 600\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerIntrinsicHeight 400\n */export default function ImageList(props){const{richText,displayMode,gridColumns,imageSpacing,heightMode,rowWidthMode,fixedRowWidth,imagePadding,imageCornerRadius,backgroundCornerRadius,imageBackgroundColor}=props;const[imageSrcs,setImageSrcs]=React.useState([]);const containerRef=React.useRef(null);const[containerHeight,setContainerHeight]=React.useState(\"auto\");React.useEffect(()=>{const extractImages=element=>{const images=[];const searchForImages=element=>{if(element.props&&element.props.children){React.Children.forEach(element.props.children,child=>{if(typeof child===\"object\"&&child.type===\"img\"){images.push(child.props.src);}else if(child.props&&child.props.children){searchForImages(child);}});}};searchForImages(element);return images;};if(richText&&richText.props&&Array.isArray(richText.props.children)){const images=extractImages(richText);setImageSrcs(images);}},[richText]);React.useEffect(()=>{const updateHeight=()=>{if(containerRef.current){const height=containerRef.current.scrollHeight;setContainerHeight(`${height}px`);}};updateHeight();const resizeObserver=new ResizeObserver(updateHeight);if(containerRef.current){resizeObserver.observe(containerRef.current);}return()=>{if(containerRef.current){resizeObserver.unobserve(containerRef.current);}};},[imageSrcs,displayMode,gridColumns,imageSpacing,heightMode,rowWidthMode,fixedRowWidth,imagePadding,imageCornerRadius,backgroundCornerRadius,imageBackgroundColor]);const getContainerStyle=()=>{const baseStyle={display:displayMode===\"grid\"?\"grid\":\"flex\",gap:`${imageSpacing}px`,width:\"100%\"};switch(displayMode){case\"row\":return{...baseStyle,flexDirection:\"row\",flexWrap:\"nowrap\",overflowX:\"auto\"};case\"column\":return{...baseStyle,flexDirection:\"column\"};case\"grid\":return{...baseStyle,gridTemplateColumns:`repeat(${gridColumns}, 1fr)`};default:return baseStyle;}};const getImageStyle=()=>{const baseStyle={flexShrink:0,borderRadius:`${imageCornerRadius}px`};switch(heightMode){case\"fit\":return{...baseStyle,width:\"100%\",height:\"auto\",objectFit:\"contain\"};case\"fill\":return{...baseStyle,width:\"100%\",height:\"100%\",objectFit:\"cover\"};case\"stretch\":return{...baseStyle,width:\"100%\",height:\"100%\",objectFit:\"fill\"};default:return{...baseStyle,width:\"100%\",height:\"auto\",objectFit:\"contain\"};}};const getImageContainerStyle=()=>{const baseStyle={padding:`${imagePadding}px`,backgroundColor:imagePadding>0?imageBackgroundColor:\"transparent\",borderRadius:imagePadding>0?`${backgroundCornerRadius}px`:\"0\",overflow:\"hidden\"};if(displayMode===\"row\"){if(rowWidthMode===\"fixed\"){return{...baseStyle,flexShrink:0,width:`${fixedRowWidth}px`};}else{// \"fill\" mode\nreturn{...baseStyle,flexGrow:1,flexShrink:1,flexBasis:0};}}return baseStyle;};return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:containerHeight,overflow:\"hidden\"},children:/*#__PURE__*/_jsx(\"div\",{ref:containerRef,style:{width:\"100%\"},children:/*#__PURE__*/_jsx(\"div\",{style:getContainerStyle(),children:imageSrcs.map((src,index)=>/*#__PURE__*/_jsx(\"div\",{style:getImageContainerStyle(),children:/*#__PURE__*/_jsx(\"img\",{src:src,style:getImageStyle()})},index))})})});}ImageList.defaultProps={richText:null,displayMode:\"row\",gridColumns:3,imageSpacing:10,heightMode:\"fit\",rowWidthMode:\"fill\",fixedRowWidth:200,imagePadding:0,imageCornerRadius:0,backgroundCornerRadius:0,imageBackgroundColor:\"transparent\"};addPropertyControls(ImageList,{richText:{type:ControlType.RichText,title:\"Rich Text\"},displayMode:{type:ControlType.Enum,title:\"Display Mode\",options:[\"row\",\"column\",\"grid\"],optionTitles:[\"Row\",\"Column\",\"Grid\"]},gridColumns:{type:ControlType.Number,title:\"Grid Columns\",min:1,max:10,step:1,hidden:props=>props.displayMode!==\"grid\"},imageSpacing:{type:ControlType.Number,title:\"Image Spacing\",min:0},heightMode:{type:ControlType.Enum,title:\"Height Mode\",options:[\"fit\",\"fill\",\"stretch\"],optionTitles:[\"Fit\",\"Fill\",\"Stretch\"]},rowWidthMode:{type:ControlType.Enum,title:\"Row Width Mode\",options:[\"fill\",\"fixed\"],optionTitles:[\"Fill\",\"Fixed\"],hidden:props=>props.displayMode!==\"row\"},fixedRowWidth:{type:ControlType.Number,title:\"Fixed Row Width\",min:50,max:4e3,step:1,hidden:props=>props.displayMode!==\"row\"||props.rowWidthMode!==\"fixed\"},imagePadding:{type:ControlType.Number,title:\"Image Padding\",min:0,max:100,step:1},imageCornerRadius:{type:ControlType.Number,title:\"Image Corner Radius\",min:0,max:100,step:1,description:\"[via SegmentUI](https://www.segmentUI.com)\"},backgroundCornerRadius:{type:ControlType.Number,title:\"Background Corner Radius\",min:0,max:100,step:1,hidden:props=>props.imagePadding===0},imageBackgroundColor:{type:ControlType.Color,title:\"Image Background Color\",hidden:props=>props.imagePadding===0}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ImageList\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"*\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerIntrinsicWidth\":\"600\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerIntrinsicHeight\":\"400\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Image_Array.map", "import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";export function WitAltDescriptionLightbox(Component){return props=>{const[lightboxDisplay,setLightboxDisplay]=useState(false);const[selectedImage,setSelectedImage]=useState(\"\");const[selectedAlt,setSelectedAlt]=useState(\"\");const[opacity,setOpacity]=useState(0);const handleImageClick=(src,alt)=>{setSelectedImage(src);setSelectedAlt(alt);setLightboxDisplay(true);};useEffect(()=>{if(lightboxDisplay){setTimeout(()=>setOpacity(1),10);}},[lightboxDisplay]);const closeLightbox=()=>{setOpacity(0);setTimeout(()=>setLightboxDisplay(false),300);};return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Component,{...props,onClick:e=>{if(e.target.tagName===\"IMG\"){handleImageClick(e.target.src,e.target.alt);}},style:{cursor:\"pointer\"}}),/*#__PURE__*/_jsx(\"style\",{children:`\n                    .${props.className} img {\n                        cursor: zoom-in;\n                    }\n                    .lightbox-backdrop {\n                        position: fixed;\n                        top: 0;\n                        left: 0;\n                        width: 100vw;\n                        height: 100vh;\n                        background-color: rgba(0, 0, 0, 0.9);\n                        display: flex;\n                        flex-direction: column;\n                        align-items: center;\n                        justify-content: center;\n                        z-index: 1000;\n                        opacity: 0;\n                        transition: opacity 0.3s ease;\n                    }\n                    .lightbox-image {\n                        max-height: 90%;\n                        max-width: 90%;\n                    }\n                    .lightbox-alt {\n                        color: white;\n                        margin-top: 20px;\n                        font-size: 24px; /* Increased font size */\n                    }\n                `}),lightboxDisplay&&/*#__PURE__*/_jsxs(\"div\",{className:\"lightbox-backdrop\",onClick:closeLightbox,style:{opacity:opacity},children:[/*#__PURE__*/_jsx(\"img\",{src:selectedImage,className:\"lightbox-image\",alt:\"Selected\"}),selectedAlt&&/*#__PURE__*/_jsx(\"div\",{className:\"lightbox-alt\",children:selectedAlt})]})]});};}\nexport const __FramerMetadata__ = {\"exports\":{\"WitAltDescriptionLightbox\":{\"type\":\"reactHoc\",\"name\":\"WitAltDescriptionLightbox\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Alt_desc.map"],
  "mappings": "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",
  "names": ["ImageList", "props", "richText", "displayMode", "gridColumns", "imageSpacing", "heightMode", "rowWidthMode", "fixedRowWidth", "imagePadding", "imageCornerRadius", "backgroundCornerRadius", "imageBackgroundColor", "imageSrcs", "setImageSrcs", "ye", "containerRef", "pe", "containerHeight", "setContainerHeight", "ue", "extractImages", "element", "images", "searchForImages", "j", "child", "updateHeight", "height", "resizeObserver", "getContainerStyle", "baseStyle", "getImageStyle", "getImageContainerStyle", "p", "src", "index", "addPropertyControls", "ControlType", "WitAltDescriptionLightbox", "Component", "props", "lightboxDisplay", "setLightboxDisplay", "ye", "selectedImage", "setSelectedImage", "selectedAlt", "setSelectedAlt", "opacity", "setOpacity", "handleImageClick", "src", "alt", "ue", "closeLightbox", "u", "l", "p", "e"]
}