{"version":3,"file":"Features_Card_Component.24VsIOdO.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/KMxycIc1r4mQySQmT8Vj/6dpV6C1pLfAC20FthOYs/Features_Card_Component.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState}from\"react\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";const PLACEHOLDER_IMAGE=\"https://images.unsplash.com/photo-1505743045-84f6ea3c9a5f?auto=format&fit=crop&w=1400&q=80\";function ExplodedViewPanel_v9({width,height,backgroundColor,baseImage,baseVideo,items,textColor,activeCardBackground,customIcon,baseAspectW,baseAspectH,baseFocusX,baseFocusY}){const[activeIndex,setActiveIndex]=useState(0);const activeItem=items&&items.length?items[activeIndex]:null;let mediaSrc=null;let mediaKind=\"image\";if(activeItem?.video){mediaSrc=activeItem.video;mediaKind=\"video\";}else if(activeItem?.image){mediaSrc=activeItem.image;mediaKind=\"image\";}else if(baseVideo){mediaSrc=baseVideo;mediaKind=\"video\";}else if(baseImage){mediaSrc=baseImage;mediaKind=\"image\";}else{mediaSrc=PLACEHOLDER_IMAGE;mediaKind=\"image\";}const aspectW=activeItem?.aspectW||baseAspectW||16;const aspectH=activeItem?.aspectH||baseAspectH||9;const safeAspectW=aspectW<=0?16:aspectW;const safeAspectH=aspectH<=0?9:aspectH;const ratioPercent=safeAspectH/safeAspectW*100;const focusX=activeItem?.focusX!==undefined?activeItem.focusX:baseFocusX;const focusY=activeItem?.focusY!==undefined?activeItem.focusY:baseFocusY;const clampedFocusX=Math.max(0,Math.min(100,focusX));const clampedFocusY=Math.max(0,Math.min(100,focusY));const objectPosition=`${clampedFocusX}% ${clampedFocusY}%`;return /*#__PURE__*/_jsxs(\"div\",{style:{width,height:\"auto\",backgroundColor,borderRadius:28,overflow:\"hidden\",boxSizing:\"border-box\"},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                /* ===== PREVENT iOS from auto-styling (blue links etc.) ===== */\n                .ev-container, .ev-container * {\n                    -webkit-touch-callout: none;\n                    -webkit-text-size-adjust: none;\n                    -webkit-link-color: inherit;\n                    text-decoration: none !important;\n                    color: inherit !important;\n                }\n\n                .ev-container a {\n                    color: inherit !important;\n                }\n\n                /* ===== Layout styling ===== */\n                .ev-container {\n                    display: flex;\n                    flex-direction: row;\n                    align-items: stretch;\n                    justify-content: space-between;\n                    box-sizing: border-box;\n                }\n\n                .ev-left {\n                    width: min(420px, 100%);\n                    display: flex;\n                    flex-direction: column;\n                    gap: 14px;\n                    padding: 40px 56px;\n                    box-sizing: border-box;\n                    justify-content: center;\n                    color: ${textColor};\n                }\n\n                .ev-right {\n                    flex: 1;\n                    min-width: 0;\n                    display: flex;\n                    align-items: stretch;\n                    justify-content: stretch;\n                    overflow: hidden;\n                }\n\n                .ev-item-grid {\n                    display: grid;\n                    grid-template-columns: 26px minmax(0, 1fr);\n                    column-gap: 12px;\n                    align-items: flex-start;\n                }\n\n                .ev-card {\n                    border-radius: 20px;\n                    padding: 14px 22px;\n                    margin-left: -10px;\n                    box-sizing: border-box;\n                }\n\n                @media (max-width: 900px) {\n                    .ev-container {\n                        flex-direction: column;\n                    }\n                    .ev-right {\n                        order: 0;\n                        width: 100%;\n                        flex: none;\n                    }\n                    .ev-left {\n                        order: 1;\n                        width: 100%;\n                        padding: 24px 18px 26px;\n                        justify-content: flex-start;\n                    }\n                }\n            `}),/*#__PURE__*/_jsxs(\"div\",{className:\"ev-container\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"ev-left\",children:items.map((item,index)=>{const isActive=index===activeIndex;return /*#__PURE__*/_jsx(motion.div,{layout:\"position\",transition:{type:\"spring\",stiffness:260,damping:26},onClick:()=>setActiveIndex(index),children:/*#__PURE__*/_jsxs(\"div\",{className:\"ev-item-grid\",children:[/*#__PURE__*/_jsx(\"div\",{children:!isActive&&(customIcon?/*#__PURE__*/_jsx(\"img\",{src:customIcon,style:{width:22,height:22}}):/*#__PURE__*/_jsxs(\"div\",{style:{width:20,height:20,borderRadius:\"50%\",border:\"1.3px solid currentColor\",position:\"relative\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:\"50%\",left:\"50%\",width:9,height:1.4,background:\"currentColor\",transform:\"translate(-50%, -50%)\"}}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:\"50%\",left:\"50%\",width:1.4,height:9,background:\"currentColor\",transform:\"translate(-50%, -50%)\"}})]}))}),!isActive?/*#__PURE__*/_jsx(\"button\",{style:{border:\"none\",background:\"transparent\",cursor:\"pointer\",padding:\"4px 0\",fontSize:15,fontWeight:500,textAlign:\"left\",color:textColor},children:item.title}):/*#__PURE__*/_jsx(motion.div,{className:\"ev-card\",style:{backgroundColor:activeCardBackground},initial:{opacity:0},animate:{opacity:1},children:/*#__PURE__*/_jsxs(\"span\",{style:{fontSize:14,lineHeight:\"1.55\"},children:[/*#__PURE__*/_jsxs(\"strong\",{children:[item.title,\". \"]}),item.description]})})]})},index);})}),/*#__PURE__*/_jsx(\"div\",{className:\"ev-right\",children:/*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",width:\"100%\",paddingBottom:`${ratioPercent}%`,overflow:\"hidden\"},children:mediaKind===\"video\"?/*#__PURE__*/_jsx(motion.video,{src:mediaSrc,autoPlay:true,muted:true,loop:true,playsInline:true,style:{position:\"absolute\",inset:0,width:\"100%\",height:\"100%\",objectFit:\"cover\",objectPosition}},mediaSrc):/*#__PURE__*/_jsx(motion.img,{src:mediaSrc,style:{position:\"absolute\",inset:0,width:\"100%\",height:\"100%\",objectFit:\"cover\",objectPosition}},mediaSrc)})})]})]});}export default ExplodedViewPanel_v9;addPropertyControls(ExplodedViewPanel_v9,{backgroundColor:{type:ControlType.Color,title:\"Background\"},baseImage:{type:ControlType.Image,title:\"Base image\"},baseVideo:{type:ControlType.File,allowedFileTypes:[\"mp4\",\"mov\",\"webm\"],title:\"Base video\"},customIcon:{type:ControlType.Image,title:\"Custom icon (SVG)\"},baseAspectW:{type:ControlType.Number,title:\"Base Aspect W\",defaultValue:16},baseAspectH:{type:ControlType.Number,title:\"Base Aspect H\",defaultValue:9},baseFocusX:{type:ControlType.Number,title:\"Base Focus X\",defaultValue:50},baseFocusY:{type:ControlType.Number,title:\"Base Focus Y\",defaultValue:50},items:{type:ControlType.Array,control:{type:ControlType.Object,controls:{title:{type:ControlType.String,title:\"Title\"},description:{type:ControlType.String,title:\"Description\"},image:{type:ControlType.Image,title:\"Image (opt.)\"},video:{type:ControlType.File,allowedFileTypes:[\"mp4\",\"mov\",\"webm\"],title:\"Video (opt.)\"},aspectW:{type:ControlType.Number,title:\"Aspect W\"},aspectH:{type:ControlType.Number,title:\"Aspect H\"},focusX:{type:ControlType.Number,title:\"Focus X\"},focusY:{type:ControlType.Number,title:\"Focus Y\"}}}},textColor:{type:ControlType.Color,title:\"Text color\"},activeCardBackground:{type:ControlType.Color,title:\"Active card bg\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ExplodedViewPanel_v9\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Features_Card_Component.map"],"mappings":"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"}