{"version":3,"file":"BlogCard.DPt6acla.mjs","names":["p"],"sources":["https:/framerusercontent.com/modules/YfqK9jim3N9RPIhWWdIw/EJru6VbUFLjlD1QV34Qm/BlogCard.js"],"sourcesContent":["// BlogCard – Escape Fort Liezele\n// Blogkaart voor een Collection List gekoppeld aan de CMS-collectie \"Blog\".\n// Responsive op eigen breedte (container queries), dus klopt ook in het Framer-canvas.\n// Plak in Framer: Assets → Code → + New component → \"BlogCard\".\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";const ORANGE=\"#E69B19\";const ORANGE_LIGHT=\"#F7B035\";const F=\"Figtree, sans-serif\";function useBrandFonts(){React.useEffect(()=>{if(typeof document===\"undefined\")return;const id=\"efl-fonts\";if(document.getElementById(id))return;const l=document.createElement(\"link\");l.id=id;l.rel=\"stylesheet\";l.href=\"https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&family=Open+Sans:wght@400;500;600&display=swap\";document.head.appendChild(l);},[]);}function formatDatum(d){if(!d)return\"\";const date=new Date(d);if(isNaN(date.getTime()))return d;return date.toLocaleDateString(\"nl-BE\",{day:\"numeric\",month:\"short\",year:\"numeric\"}).replace(\".\",\"\");}const CSS=`\n.eflb{container-type:inline-size;container-name:eflb}\n.eflb-card{display:flex;flex-direction:column;height:100%;box-sizing:border-box;background:#121212;border:1px solid rgba(255,255,255,0.08);border-radius:24px;overflow:hidden;color:#FFFFFF;text-decoration:none;font-family:'Open Sans',sans-serif;transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease}\n.eflb-card:hover{border-color:rgba(230,155,25,0.45);transform:translateY(-4px);box-shadow:0 24px 60px -30px rgba(230,155,25,0.45)}\n.eflb-card:focus-visible{outline:2px solid ${ORANGE};outline-offset:3px}\n.eflb-img{position:relative;aspect-ratio:16/10;max-width:100%;background:#1A1A1A;overflow:hidden}\n.eflb-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}\n.eflb-card:hover .eflb-img img{transform:scale(1.05)}\n.eflb-shade{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(18,18,18,0.85))}\n.eflb-body{display:flex;flex-direction:column;gap:12px;padding:22px 24px 24px;flex-grow:1}\n.eflb-title{margin:0;font-family:${F};font-weight:700;font-size:21px;line-height:1.25;letter-spacing:-0.02em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-wrap:balance}\n.eflb-text{margin:0;font-size:15px;line-height:1.6;color:rgba(255,255,255,0.65);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}\n.eflb-more{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:space-between;font-family:${F};font-weight:700;font-size:15px;min-height:44px}\n.eflb-arrow{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(230,155,25,0.14);color:${ORANGE};transition:background-color .25s ease, color .25s ease, transform .25s ease}\n.eflb-card:hover .eflb-arrow{background:${ORANGE};color:#000;transform:translateX(3px)}\n.eflb-card:hover .eflb-more span:first-child{color:${ORANGE_LIGHT}}\n/* Uitgelicht + breed genoeg: foto naast de tekst */\n.eflb-feat .eflb-card{border-color:rgba(230,155,25,0.3)}\n@container eflb (min-width: 720px){\n  .eflb-feat .eflb-card{flex-direction:row}\n  .eflb-feat .eflb-img{aspect-ratio:auto;flex:0 0 55%;min-height:340px}\n  .eflb-feat .eflb-body{padding:36px;justify-content:center;gap:16px}\n  .eflb-feat .eflb-title{font-size:32px;-webkit-line-clamp:4}\n  .eflb-feat .eflb-text{font-size:16px;-webkit-line-clamp:4}\n  .eflb-feat .eflb-more{margin-top:12px}\n}\n@container eflb (max-width: 300px){\n  .eflb-body{padding:18px 18px 20px;gap:10px}\n  .eflb-title{font-size:19px}\n  .eflb-card{border-radius:20px}\n}\n@media (prefers-reduced-motion: reduce){.eflb *{transition:none!important}}\n`;/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-auto\n * @framerIntrinsicWidth 380\n */export default function BlogCard(p){useBrandFonts();const href=p.slug?`${(p.blogPad||\"/blog\").replace(/\\/$/,\"\")}/${p.slug}`:p.blogPad||\"/blog\";const datum=formatDatum(p.datum);const meta=[datum,p.leestijd>0?`${p.leestijd} min lezen`:\"\"].filter(Boolean).join(\" \\xb7 \");return /*#__PURE__*/_jsxs(\"div\",{className:`eflb${p.uitgelicht?\" eflb-feat\":\"\"}`,style:{...p.style,width:\"100%\",height:\"100%\"},children:[/*#__PURE__*/_jsx(\"style\",{children:CSS}),/*#__PURE__*/_jsxs(\"a\",{href:href,className:\"eflb-card\",\"aria-label\":`${p.titel} – ${p.linkTekst}`,children:[/*#__PURE__*/_jsxs(\"div\",{className:\"eflb-img\",children:[p.afbeelding?.src?/*#__PURE__*/_jsx(\"img\",{src:p.afbeelding.src,srcSet:p.afbeelding.srcSet,alt:p.afbeelding.alt||\"\",loading:\"lazy\"}):/*#__PURE__*/_jsx(\"div\",{\"aria-hidden\":\"true\",style:{position:\"absolute\",inset:0,backgroundImage:\"radial-gradient(rgba(255,255,255,0.08) 1px, transparent 1.3px)\",backgroundSize:\"14px 14px\"}}),/*#__PURE__*/_jsx(\"div\",{className:\"eflb-shade\",\"aria-hidden\":\"true\"}),p.categorie&&/*#__PURE__*/_jsx(\"span\",{style:{position:\"absolute\",top:14,left:14,padding:\"6px 12px\",borderRadius:999,background:\"rgba(0,0,0,0.74)\",fontFamily:F,fontWeight:700,fontSize:12,letterSpacing:\"0.04em\",color:\"#FFFFFF\"},children:p.categorie}),p.uitgelicht&&/*#__PURE__*/_jsx(\"span\",{style:{position:\"absolute\",top:14,right:14,padding:\"6px 12px\",borderRadius:999,background:ORANGE,fontFamily:F,fontWeight:800,fontSize:12,color:\"#000000\"},children:\"Uitgelicht\"})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"eflb-body\",children:[meta&&/*#__PURE__*/_jsx(\"span\",{style:{fontFamily:F,fontWeight:600,fontSize:13,color:ORANGE,fontVariantNumeric:\"tabular-nums\"},children:meta}),/*#__PURE__*/_jsx(\"h3\",{className:\"eflb-title\",children:p.titel}),p.samenvatting&&/*#__PURE__*/_jsx(\"p\",{className:\"eflb-text\",children:p.samenvatting}),/*#__PURE__*/_jsxs(\"div\",{className:\"eflb-more\",children:[/*#__PURE__*/_jsx(\"span\",{style:{transition:\"color .25s ease\"},children:p.linkTekst}),/*#__PURE__*/_jsx(\"span\",{className:\"eflb-arrow\",\"aria-hidden\":\"true\",children:/*#__PURE__*/_jsx(\"svg\",{width:\"16\",height:\"16\",viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2.4\",strokeLinecap:\"round\",strokeLinejoin:\"round\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M5 12h14M13 6l6 6-6 6\"})})})]})]})]})]});}BlogCard.defaultProps={titel:\"De meest unieke escape room van Belgi\\xeb: spelen in een echt fort\",samenvatting:\"Waarom een escape room in een authentiek militair fort een totaal andere beleving is dan een kamer in een bedrijventerrein.\",categorie:\"Fort Liezele\",leestijd:5,slug:\"\",blogPad:\"/blog\",linkTekst:\"Lees artikel\",uitgelicht:false};addPropertyControls(BlogCard,{titel:{type:ControlType.String,title:\"Titel\",defaultValue:BlogCard.defaultProps.titel},samenvatting:{type:ControlType.String,title:\"Samenvatting\",displayTextArea:true,defaultValue:BlogCard.defaultProps.samenvatting,description:\"Leeg = verbergen\"},afbeelding:{type:ControlType.ResponsiveImage,title:\"Afbeelding\"},datum:{type:ControlType.Date,title:\"Datum\"},categorie:{type:ControlType.String,title:\"Categorie\",defaultValue:BlogCard.defaultProps.categorie,description:\"Leeg = verbergen\"},leestijd:{type:ControlType.Number,title:\"Leestijd\",defaultValue:5,min:0,max:60,step:1,unit:\"min\",description:\"0 = verbergen\"},slug:{type:ControlType.String,title:\"Slug\",defaultValue:\"\"},blogPad:{type:ControlType.String,title:\"Blogpad\",defaultValue:\"/blog\"},linkTekst:{type:ControlType.String,title:\"Linktekst\",defaultValue:\"Lees artikel\"},uitgelicht:{type:ControlType.Boolean,title:\"Uitgelicht\",defaultValue:false,description:\"Groot formaat, foto naast tekst als er plaats is\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"BlogCard\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"380\",\"framerSupportedLayoutHeight\":\"any-prefer-auto\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./BlogCard.map"],"mappings":"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"}