File: /var/www/quadcode.com/.svelte-kit/adapter-node/chunks/Card.js
import{s as b}from"./utils.js";import{c as _,b as i,a}from"./ssr.js";import{l as h,t as m,d as f,g as n,e as u}from"./index3.js";import{r as w}from"./read-more.js";const y="/_app/immutable/assets/calendar.1934a666.svg";const z={code:".card.svelte-19igbvo.svelte-19igbvo{position:relative;width:100%;height:100%;min-height:480px;background:rgb(255, 255, 255);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgb(242, 246, 249);transition:box-shadow 0.2s ease}@media(max-width: 1799px){.card.svelte-19igbvo.svelte-19igbvo{min-height:420px}}.card__link.svelte-19igbvo.svelte-19igbvo{position:absolute;top:0;left:0;right:0;bottom:0;z-index:5}.card__header.svelte-19igbvo.svelte-19igbvo{overflow:hidden;width:100%;height:240px;background:rgb(226, 224, 254);border-radius:16px 16px 0 0}@media(max-width: 1799px){.card__header.svelte-19igbvo.svelte-19igbvo{height:200px}}.card__image.svelte-19igbvo.svelte-19igbvo{height:100%;width:100%;object-fit:cover;object-position:center;transition:0.3s cubic-bezier(0.65, 0.05, 0.36, 1);will-change:transform}.card__body.svelte-19igbvo.svelte-19igbvo{padding:24px 28px 28px;display:flex;flex-direction:column;flex:1}@media(max-width: 1799px){.card__body.svelte-19igbvo.svelte-19igbvo{padding:20px 20px 24px}}@media(max-width: 1365px){.card__body.svelte-19igbvo.svelte-19igbvo{padding:20px 24px 24px}}.card__date.svelte-19igbvo.svelte-19igbvo{display:flex;align-items:center;gap:6px;margin-bottom:12px}@media(max-width: 1799px){.card__date.svelte-19igbvo.svelte-19igbvo{margin-bottom:8px}}.card__dateIcon.svelte-19igbvo.svelte-19igbvo{width:20px;min-width:20px;height:20px;opacity:0.6}.card__dateText.svelte-19igbvo.svelte-19igbvo{font-size:12px;line-height:18px;color:rgb(136, 154, 168)}.card__title.svelte-19igbvo.svelte-19igbvo{font-size:20px;line-height:1.4;font-weight:600;color:#141414;margin-bottom:12px}@media(max-width: 1799px){.card__title.svelte-19igbvo.svelte-19igbvo{font-size:18px;margin-bottom:8px}}.card__desc.svelte-19igbvo.svelte-19igbvo{font-size:15px;font-weight:400;line-height:21px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:rgb(50, 50, 50)}@media(max-width: 1799px){.card__desc.svelte-19igbvo.svelte-19igbvo{font-size:14px;line-height:20px}}@media(max-width: 1365px){.card__desc.svelte-19igbvo.svelte-19igbvo{font-size:12px;line-height:17px}}.card__button.svelte-19igbvo.svelte-19igbvo{display:flex;align-items:center;gap:8px;margin-top:16px}@media(max-width: 1365px){.card__button.svelte-19igbvo.svelte-19igbvo{gap:12px}}.card__buttonText.svelte-19igbvo.svelte-19igbvo{font-size:20px;font-weight:500;line-height:22px;color:rgb(230, 35, 52)}@media(max-width: 1799px){.card__buttonText.svelte-19igbvo.svelte-19igbvo{font-size:18px;font-weight:600;line-height:25px}}@media(max-width: 1365px){.card__buttonText.svelte-19igbvo.svelte-19igbvo{font-size:16px;line-height:22px}}.card__buttonIcon.svelte-19igbvo.svelte-19igbvo{width:32px;height:16px}@media(max-width: 1799px){.card__buttonIcon.svelte-19igbvo.svelte-19igbvo{width:28px;height:14px}}.card.svelte-19igbvo.svelte-19igbvo:hover{box-shadow:0 4px 16px rgba(0, 0, 0, 0.06)}.card.svelte-19igbvo:hover .card__image.svelte-19igbvo{transform:scale(1.05)}",map:null},N=_((p,o,s,$)=>{let l,d,r,g;d=b(h,t=>l=t),g=b(m,t=>r=t);let{className:v=""}=o,{data:e}=o,c="";if(e){const t=new Date(e.date),x=t.toLocaleString(l,{month:"long"});c=l===f?t.getDate()+" "+x+", "+t.getFullYear():t.toLocaleDateString(l,{year:"numeric",month:"long",day:"numeric"})}return o.className===void 0&&s.className&&v!==void 0&&s.className(v),o.data===void 0&&s.data&&e!==void 0&&s.data(e),p.css.add(z),d(),g(),`<div class="${"card "+i(v,!0)+" svelte-19igbvo"}"><a aria-label="${"Read more "+i(e?.title?.rendered,!0)}" class="card__link svelte-19igbvo"${a("href",n(`/${u(e?.type??"")}/${e?.slug??"slug"}`),0)}></a> <div class="card__header svelte-19igbvo">${e?.imageData?.large?`<img${a("src",e?.imageData?.large,0)} alt="" class="card__image svelte-19igbvo" loading="lazy">`:""}</div> <div class="card__body svelte-19igbvo"><div class="card__date svelte-19igbvo"><div class="card__dateIcon svelte-19igbvo" data-svelte-h="svelte-791xo9"><img${a("src",y,0)} alt=""></div> <p class="card__dateText svelte-19igbvo">${i(c)}</p></div> <p class="card__title svelte-19igbvo">${i(e?.title?.rendered??"")}</p> <p class="card__desc svelte-19igbvo">${i(e?.yoast_head_json.og_description)}</p> <a class="card__button svelte-19igbvo"${a("href",n(`/blog/${e?.slug??"slug"}`),0)}><p class="card__buttonText svelte-19igbvo">${i(r("Read more"))}</p> <img alt="Read more icon" class="card__buttonIcon svelte-19igbvo"${a("src",w,0)}></a></div> </div>`});export{N as C};