{"version":3,"file":"What_changes.CpLEgzPR.mjs","names":["useRef","useState"],"sources":["https:/framerusercontent.com/modules/cYqF1vpBBWbk8IaT2GZZ/3qWeTc67MMIGvDoNo7Ou/What_changes.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,useRef,useEffect}from\"react\";import{addPropertyControls,ControlType}from\"framer\";function imgSrc(image){if(!image)return\"\";if(typeof image===\"string\")return image;return image.src||\"\";}function useContainerWidth(){const ref=useRef(null);const[w,setW]=useState(1024);useEffect(()=>{if(!ref.current)return;const ro=new ResizeObserver(entries=>{for(const e of entries)setW(e.contentRect.width);});ro.observe(ref.current);return()=>ro.disconnect();},[]);return[ref,w];}export default function OperationalCarousel(props){const{items,labelFont,numberFont,descFont,accent,labelColor,activeBg,activeLabel,divider,tabRadius,tabPaddingY,tabPaddingX,gap,style}=props;const[active,setActive]=useState(0);const[ref,width]=useContainerWidth();const list=items&&items.length?items:[];const stacked=width<900;const currentItem=list[Math.min(active,list.length-1)]||{};const src=imgSrc(currentItem.image);const currentTitle=currentItem.title||\"\";const objectPosition=currentItem.imagePosition||\"center\";const tabList=/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:\"column\",width:\"100%\"},children:list.map((it,i)=>{const on=i===active;const prevOn=i-1===active;const showDivider=i>0&&!on&&!prevOn;const open=on;return /*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsxs(\"button\",{onClick:()=>setActive(i),style:{display:\"flex\",alignItems:\"flex-start\",gap:16,width:\"100%\",textAlign:\"left\",cursor:\"pointer\",border:\"none\",background:on?activeBg:\"transparent\",borderRadius:tabRadius,borderTop:showDivider?`1px solid ${divider}`:\"1px solid transparent\",padding:`${tabPaddingY}px ${tabPaddingX}px`,transition:\"background 160ms ease\"},children:[/*#__PURE__*/_jsx(\"span\",{style:{...numberFont,color:accent,fontVariantNumeric:\"tabular-nums\",paddingTop:2},children:String(i+1).padStart(2,\"0\")}),/*#__PURE__*/_jsx(\"span\",{style:{...labelFont,color:on?activeLabel:labelColor},children:it.title})]}),/*#__PURE__*/_jsx(\"div\",{style:{display:\"grid\",gridTemplateRows:open?\"1fr\":\"0fr\",opacity:open?1:0,transition:\"grid-template-rows 260ms ease, opacity 220ms ease\"},children:/*#__PURE__*/_jsx(\"p\",{style:{overflow:\"hidden\",margin:0,padding:`0 ${tabPaddingX}px`,marginTop:open?tabPaddingY/2:0,marginBottom:open?tabPaddingY/2:0,color:accent,...descFont},children:it.description})})]},i);})});const panel=src?/*#__PURE__*/_jsx(\"img\",{src:src,alt:currentTitle,style:{width:\"100%\",maxWidth:620,display:\"block\",borderRadius:12,objectFit:\"cover\",objectPosition,aspectRatio:\"16 / 10\"}}):/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",maxWidth:620,aspectRatio:\"16 / 10\",borderRadius:12,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",color:\"rgba(20,40,60,0.4)\",fontFamily:\"Inter, sans-serif\",fontSize:13,letterSpacing:\"0.04em\",textTransform:\"uppercase\",background:\"repeating-linear-gradient(45deg, rgba(20,40,60,0.05) 0 12px, rgba(20,40,60,0.02) 12px 24px)\"},children:\"Add image in Framer\"});return /*#__PURE__*/_jsxs(\"div\",{ref:ref,style:{display:\"flex\",flexDirection:stacked?\"column\":\"row\",alignItems:\"flex-start\",gap:stacked?Math.min(gap,28):gap,width:\"100%\",...style},children:[/*#__PURE__*/_jsx(\"div\",{style:{flex:stacked?\"none\":\"0 0 42%\",width:stacked?\"100%\":\"42%\"},children:tabList}),/*#__PURE__*/_jsx(\"div\",{style:{flex:stacked?\"none\":\"1 1 auto\",width:stacked?\"100%\":\"auto\"},children:panel})]});}OperationalCarousel.defaultProps={accent:\"#34B3C5\",labelColor:\"#16283A\",activeBg:\"#FFFFFF\",activeLabel:\"#16283A\",divider:\"#E3E7EB\",tabRadius:10,tabPaddingY:20,tabPaddingX:22,gap:44,labelFont:{fontFamily:\"Inter\",fontWeight:700,fontSize:\"21px\",lineHeight:\"1.25em\",letterSpacing:\"-0.01em\"},numberFont:{fontFamily:\"Inter\",fontWeight:600,fontSize:\"15px\",lineHeight:\"1.5em\"},descFont:{fontFamily:\"Inter\",fontWeight:600,fontSize:\"20px\",lineHeight:\"1.35em\",letterSpacing:\"-0.01em\"},items:[{title:\"Protect People\",description:\"Build location confidence, understand exposure and support people wherever they operate.\",image:null},{title:\"Coordinate Response\",description:\"Bring people, workflows and incident management together in one operational environment.\",image:null},{title:\"Communicate at Scale\",description:\"Reach the right people quickly and move from message to coordinated action.\",image:null},{title:\"Manage Travel Risk\",description:\"Connect travel, workforce and threat intelligence to understand exposure throughout every journey.\",image:null},{title:\"Run High-Risk Operations\",description:\"Connect people, sites, assets and risk across complex and distributed environments.\",image:null},{title:\"Accelerate Decisions with Operational AI\",description:\"Use live operational context to surface what matters and recommend next actions.\",image:null}]};addPropertyControls(OperationalCarousel,{items:{type:ControlType.Array,title:\"Items\",control:{type:ControlType.Object,controls:{title:{type:ControlType.String,title:\"Title\",defaultValue:\"Title\"},description:{type:ControlType.String,title:\"Description\",displayTextArea:true,defaultValue:\"Description\"},image:{type:ControlType.Image,title:\"Image\"},imagePosition:{type:ControlType.Enum,title:\"Position\",defaultValue:\"center\",options:[\"left top\",\"center top\",\"right top\",\"left center\",\"center\",\"right center\",\"left bottom\",\"center bottom\",\"right bottom\"],optionTitles:[\"Top Left\",\"Top Center\",\"Top Right\",\"Center Left\",\"Center\",\"Center Right\",\"Bottom Left\",\"Bottom Center\",\"Bottom Right\"]}}}},labelFont:{type:ControlType.Font,title:\"Label Text\",controls:\"extended\",defaultFontType:\"sans\",defaultValue:{fontFamily:\"Inter\",fontWeight:700,fontSize:\"21px\",lineHeight:\"1.25em\",letterSpacing:\"-0.01em\"}},numberFont:{type:ControlType.Font,title:\"Number Text\",controls:\"extended\",defaultFontType:\"sans\",defaultValue:{fontFamily:\"Inter\",fontWeight:600,fontSize:\"15px\",lineHeight:\"1.5em\"}},descFont:{type:ControlType.Font,title:\"Description Text\",controls:\"extended\",defaultFontType:\"sans\",defaultValue:{fontFamily:\"Inter\",fontWeight:600,fontSize:\"20px\",lineHeight:\"1.35em\",letterSpacing:\"-0.01em\"}},accent:{type:ControlType.Color,title:\"Accent\",defaultValue:\"#34B3C5\"},labelColor:{type:ControlType.Color,title:\"Label\",defaultValue:\"#16283A\"},activeLabel:{type:ControlType.Color,title:\"Active Label\",defaultValue:\"#16283A\"},activeBg:{type:ControlType.Color,title:\"Active Tab\",defaultValue:\"#FFFFFF\"},divider:{type:ControlType.Color,title:\"Divider\",defaultValue:\"#E3E7EB\"},tabRadius:{type:ControlType.Number,title:\"Tab Radius\",min:0,max:40,step:1,defaultValue:10},tabPaddingY:{type:ControlType.Number,title:\"Tab Height\",min:6,max:60,step:1,defaultValue:20},tabPaddingX:{type:ControlType.Number,title:\"Tab Padding X\",min:0,max:48,step:1,defaultValue:22},gap:{type:ControlType.Number,title:\"Column Gap\",min:0,max:120,step:2,defaultValue:44}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"OperationalCarousel\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./What_changes.map"],"mappings":"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"}