{"version":3,"file":"TrackRecordTimeline.DBWUOFM1.mjs","names":[],"sources":["https:/framerusercontent.com/modules/QdgwkzVCswiCx0NqDDnf/epHZh4o6p2Fr60W5kLS2/TrackRecordTimeline.js"],"sourcesContent":["// User instructions: create a section for my track record: a timeline in which I can implement the projects I was part of\n// User instructions: remove the \"track record\" headline and let me change the border color\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";function clamp(n,min,max){return Math.max(min,Math.min(max,n));}/**\n * Track Record Timeline\n *\n * @framerIntrinsicWidth 800\n * @framerIntrinsicHeight 540\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function TrackRecordTimeline(props){const{items,layout,backgroundColor,cardColor,textColor,mutedTextColor,accentColor,dividerColor,borderColor,headingFont,titleFont,metaFont,bodyFont,cardRadius,padding,gap,showImages,imageRadius,style}=props;const safeItems=Array.isArray(items)?items:[];const listGap=clamp(gap,0,48);return /*#__PURE__*/_jsx(\"section\",{style:{position:\"relative\",width:\"100%\",height:\"100%\",boxSizing:\"border-box\",background:backgroundColor,padding,overflow:\"hidden\",color:textColor,...style},\"aria-label\":\"Track record timeline\",children:/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",display:\"flex\",flexDirection:\"column\",gap:16,boxSizing:\"border-box\"},children:/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",flex:1,minHeight:0},children:[/*#__PURE__*/_jsx(\"div\",{\"aria-hidden\":\"true\",style:{position:\"absolute\",top:0,bottom:0,left:layout===\"compact\"?14:18,width:2,background:dividerColor,borderRadius:999,opacity:1}}),/*#__PURE__*/_jsx(\"ol\",{style:{position:\"relative\",listStyle:\"none\",margin:0,padding:0,display:\"flex\",flexDirection:\"column\",gap:listGap,height:\"100%\",overflow:\"auto\",WebkitOverflowScrolling:\"touch\"},children:safeItems.map((item,index)=>{const hasLink=Boolean(item.link&&item.link.trim());const fallbackImage={src:\"https://framerusercontent.com/images/f9RiWoNpmlCMqVRIHz8l8wYfeI.jpg\",alt:\"Project image\",srcSet:undefined};const resolvedImage=item.image&&item.image.src?item.image:fallbackImage;const hasImage=Boolean(showImages);const markerLeft=layout===\"compact\"?14:18;const contentLeftPadding=layout===\"compact\"?34:44;const cardPadding=layout===\"compact\"?14:18;const card=/*#__PURE__*/_jsxs(\"article\",{style:{position:\"relative\",background:cardColor,borderRadius:cardRadius,padding:cardPadding,boxSizing:\"border-box\",border:`1px solid ${borderColor}`,display:\"flex\",flexDirection:\"row\",gap:layout===\"compact\"?12:16,alignItems:\"flex-start\"},children:[hasImage&&/*#__PURE__*/_jsx(\"img\",{src:resolvedImage.src,srcSet:resolvedImage.srcSet||undefined,alt:resolvedImage.alt||\"\",style:{width:layout===\"compact\"?96:120,height:layout===\"compact\"?96:120,borderRadius:imageRadius,objectFit:\"cover\",flex:\"0 0 auto\",border:`1px solid ${borderColor}`,background:\"transparent\"}}),/*#__PURE__*/_jsxs(\"div\",{style:{minWidth:0,flex:1,display:\"flex\",flexDirection:\"column\",gap:8},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:2},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"baseline\",justifyContent:\"flex-start\",gap:12,flexWrap:\"wrap\",rowGap:6},children:[/*#__PURE__*/_jsx(\"h3\",{style:{margin:0,minWidth:0,flex:\"1 1 220px\",wordBreak:\"break-word\",...titleFont},children:item.title}),item.timeframe?/*#__PURE__*/_jsx(\"div\",{style:{flex:layout===\"compact\"?\"1 1 100%\":\"0 0 auto\",marginLeft:layout===\"compact\"?0:\"auto\",color:mutedTextColor,whiteSpace:layout===\"compact\"?\"normal\":\"nowrap\",textAlign:\"left\",...metaFont},children:item.timeframe}):null]}),item.subtitle?/*#__PURE__*/_jsx(\"div\",{style:{color:mutedTextColor,...metaFont},children:item.subtitle}):null]}),item.description?/*#__PURE__*/_jsx(\"p\",{style:{margin:0,color:textColor,...bodyFont},children:item.description}):null,hasLink?/*#__PURE__*/_jsx(\"a\",{href:item.link,target:\"_blank\",rel:\"noreferrer\",style:{marginTop:2,color:accentColor,textDecoration:\"none\",width:\"max-content\",...metaFont},\"aria-label\":`Open ${item.title}`,children:\"View project\"}):null]})]});return /*#__PURE__*/_jsxs(\"li\",{style:{position:\"relative\",paddingLeft:contentLeftPadding,boxSizing:\"border-box\"},children:[/*#__PURE__*/_jsx(\"div\",{\"aria-hidden\":\"true\",style:{position:\"absolute\",left:markerLeft,top:22,width:12,height:12,borderRadius:999,transform:\"translateX(-50%)\",background:accentColor,boxShadow:`0 0 0 4px ${backgroundColor}`}}),card]},`${item.title}-${index}`);})})]})})});}addPropertyControls(TrackRecordTimeline,{items:{type:ControlType.Array,title:\"Projects\",maxCount:20,defaultValue:[{title:\"Product Redesign\",subtitle:\"Design Lead \\xb7 Acme\",timeframe:\"2024\",description:\"Led a redesign of the core onboarding flow, improving activation and reducing drop-off.\",link:\"https://example.com\"},{title:\"Analytics Dashboard\",subtitle:\"Front-end Engineer \\xb7 Beta Studio\",timeframe:\"2023\",description:\"Built a modular dashboard with reusable chart components and role-based access.\",link:\"\"}],control:{type:ControlType.Object,controls:{title:{type:ControlType.String,title:\"Title\",defaultValue:\"Project\"},subtitle:{type:ControlType.String,title:\"Subtitle\",defaultValue:\"Role \\xb7 Company\"},timeframe:{type:ControlType.String,title:\"Time\",defaultValue:\"2024\"},description:{type:ControlType.String,title:\"Description\",defaultValue:\"What you did and the outcome.\",displayTextArea:true},link:{type:ControlType.Link,title:\"Link\",defaultValue:\"\"},image:{type:ControlType.ResponsiveImage,title:\"Image\"}}}},layout:{type:ControlType.Enum,title:\"Layout\",defaultValue:\"vertical\",options:[\"vertical\",\"compact\"],optionTitles:[\"Vertical\",\"Compact\"],displaySegmentedControl:true},showImages:{type:ControlType.Boolean,title:\"Images\",defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#FFFFFF\"},cardColor:{type:ControlType.Color,title:\"Card\",defaultValue:\"#F5F5F5\"},textColor:{type:ControlType.Color,title:\"Text\",defaultValue:\"#000000\"},mutedTextColor:{type:ControlType.Color,title:\"Muted\",defaultValue:\"#CCCCCC\"},accentColor:{type:ControlType.Color,title:\"Accent\",defaultValue:\"#000000\"},dividerColor:{type:ControlType.Color,title:\"Divider\",defaultValue:\"#EEEEEE\"},borderColor:{type:ControlType.Color,title:\"Border\",defaultValue:\"#EEEEEE\"},headingFont:{type:ControlType.Font,title:\"Heading Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"32px\",variant:\"Semibold\",letterSpacing:\"-0.03em\",lineHeight:\"1em\"}},titleFont:{type:ControlType.Font,title:\"Title Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1em\"}},metaFont:{type:ControlType.Font,title:\"Meta Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"14px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1.2em\"}},bodyFont:{type:ControlType.Font,title:\"Body Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1.3em\"}},padding:{type:ControlType.Padding,title:\"Padding\",defaultValue:\"24px\"},gap:{type:ControlType.Number,title:\"Item Gap\",defaultValue:14,min:0,max:48,step:1,unit:\"px\"},cardRadius:{type:ControlType.BorderRadius,title:\"Card Radius\",defaultValue:\"12px\"},imageRadius:{type:ControlType.BorderRadius,title:\"Image Radius\",defaultValue:\"10px\",hidden:({showImages})=>!showImages}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"TrackRecordTimeline\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerIntrinsicHeight\":\"540\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerIntrinsicWidth\":\"800\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TrackRecordTimeline.map"],"mappings":"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"}