{"version":3,"file":"BlogPostPreview.B4yqdcxu.mjs","names":[],"sources":["https:/framerusercontent.com/modules/KJAIOyeiGBYF9xx6xloW/5zp3a3E9cljrcW6jiHPH/BlogPostPreview.js"],"sourcesContent":["// Blog Post Preview List\n// Shows a list of blog post previews with image, title, excerpt, and link\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";// Add Framer Data API for shared state\nimport{Data,useObserveData}from\"framer\";// Shared data store for blog posts\nconst blogPostsData=Data({posts:[{title:\"How to Use Framer for Blogs\",excerpt:\"A quick guide to building a blog in Framer.\",image:{src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Gradient 1 - Blue\"},link:\"#\"}]});/**\n * Blog Post Preview List\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function BlogPostPreview(props){// Observe shared data\nuseObserveData();const{posts=blogPostsData.posts,background,textColor,cardBackground,cardRadius,cardShadow,fontTitle,fontExcerpt,style}=props;// If posts prop is changed, update shared data\nif(JSON.stringify(posts)!==JSON.stringify(blogPostsData.posts)){blogPostsData.posts=posts;}return /*#__PURE__*/_jsx(\"div\",{style:{...style,width:\"100%\",minHeight:200,background,color:textColor,display:\"flex\",flexDirection:\"column\",gap:24,alignItems:\"center\",padding:32,boxSizing:\"border-box\"},children:posts.map((post,i)=>{// Defensive: ensure post.image exists and has src/alt\nconst image=post.image||{src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Blog image\"};return /*#__PURE__*/_jsxs(\"a\",{href:post.link,style:{display:\"flex\",alignItems:\"center\",gap:20,width:\"100%\",maxWidth:700,background:cardBackground,borderRadius:cardRadius,boxShadow:cardShadow?\"0 2px 12px rgba(0,0,0,0.08)\":\"none\",textDecoration:\"none\",color:textColor,padding:20,transition:\"box-shadow 0.2s, transform 0.2s\"},\"aria-label\":post.title,children:[/*#__PURE__*/_jsx(\"img\",{src:image.src,alt:image.alt,style:{width:80,height:80,objectFit:\"cover\",borderRadius:cardRadius,flexShrink:0,background:\"#eee\"}}),/*#__PURE__*/_jsxs(\"div\",{style:{flex:1,minWidth:0},children:[/*#__PURE__*/_jsx(\"div\",{style:{...fontTitle,fontWeight:fontTitle.fontWeight||700,fontSize:fontTitle.fontSize||22,lineHeight:fontTitle.lineHeight||\"1.2em\",marginBottom:6,color:textColor,// Remove nowrap/ellipsis, add wrapping\nwhiteSpace:\"normal\",overflow:\"visible\",textOverflow:\"unset\",wordBreak:\"break-word\"},children:post.title}),/*#__PURE__*/_jsx(\"div\",{style:{...fontExcerpt,fontWeight:fontExcerpt.fontWeight||400,fontSize:fontExcerpt.fontSize||15,lineHeight:fontExcerpt.lineHeight||\"1.3em\",color:textColor,opacity:.8,// Remove ellipsis/clamp, add wrapping\noverflow:\"visible\",textOverflow:\"unset\",display:\"block\",WebkitLineClamp:undefined,WebkitBoxOrient:undefined,wordBreak:\"break-word\"},children:post.excerpt})]})]},i);})});}addPropertyControls(BlogPostPreview,{posts:{type:ControlType.Array,title:\"Posts\",control:{type:ControlType.Object,controls:{title:{type:ControlType.String,title:\"Title\",defaultValue:\"How to Use Framer for Blogs\"},excerpt:{type:ControlType.String,title:\"Excerpt\",defaultValue:\"A quick guide to building a blog in Framer.\",displayTextArea:true},image:{type:ControlType.ResponsiveImage,title:\"Image\"},link:{type:ControlType.Link,title:\"Link\",defaultValue:\"#\"}}},maxCount:10,defaultValue:blogPostsData.posts},background:{type:ControlType.Color,title:\"Background\",defaultValue:\"#FFFFFF\"},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#000000\"},cardBackground:{type:ControlType.Color,title:\"Card Background\",defaultValue:\"#F5F5F5\"},cardRadius:{type:ControlType.Number,title:\"Card Radius\",defaultValue:12,min:0,max:32},cardShadow:{type:ControlType.Boolean,title:\"Card Shadow\",defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\"},fontTitle:{type:ControlType.Font,title:\"Title Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"22px\",variant:\"Semibold\",letterSpacing:\"-0.01em\",lineHeight:\"1.2em\"}},fontExcerpt:{type:ControlType.Font,title:\"Excerpt Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1.3em\"}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"BlogPostPreview\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./BlogPostPreview.map"],"mappings":"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"}