https://ihfb.ai/_next/static/chunks/card-news-oA2j7niB.js

1import{i as e}from"./rolldown-runtime-D8crsZiy.js";import{i as t,r as n}from"./framework-mAyGarK9.js";import{i as r}from"./locale-provider-B-si0kum.js";import{t as i}from"./localized-link-D5qRtr-A.js";import{a,n as o,o as s}from"./motion-preference-DGAntu-V.js";import{s as c}from"./client-D61NJ6hh.js";import{t as l}from"./embla-carousel-react.esm-D-HBV3te.js";var u=e(t(),1),d=n();function f({item:e}){let t=r(),[n,i]=(0,u.useState)(0),[s,f]=(0,u.useState)(!1),[p,m]=l({align:`center`,containScroll:!1,loop:!1,duration:s?0:16});if((0,u.useEffect)(()=>{let e=o(),t=()=>f(e.matches);return t(),e.addEventListener(`change`,t),()=>e.removeEventListener(`change`,t)},[]),(0,u.useEffect)(()=>{if(!m)return;let e=()=>i(m.selectedScrollSnap());return e(),m.on(`select`,e).on(`reInit`,e),()=>{m.off(`select`,e).off(`reInit`,e)}},[m]),(0,u.useEffect)(()=>{if(!m)return;let e=m.rootNode(),t=0,n=0,r=!1,i=i=>{if(i.ctrlKey)return;let a=i.shiftKey&&Math.abs(i.deltaX)<1,o=a?i.deltaY:i.deltaX,c=a?0:i.deltaY;if(!o||Math.abs(o)<=Math.abs(c))return;i.preventDefault();let l=performance.now();if(l-t>180&&(n=0,r=!1),t=l,r)return;let u=i.deltaMode===1?16:i.deltaMode===2?e.clientWidth:1;n+=o*u,!(Math.abs(n)<40)&&(r=!0,m.scrollTo(m.selectedScrollSnap()+Math.sign(n),s))};return e.addEventListener(`wheel`,i,{passive:!1}),()=>e.removeEventListener(`wheel`,i)},[m,s]),(0,u.useEffect)(()=>{let t,r=()=>{clearTimeout(t),!document.hidden&&(t=setTimeout(()=>c({kind:`card_slide`,target:`${e.id}:${n+1}`,label:e.title,value:n+1}),1e3))};return r(),document.addEventListener(`visibilitychange`,r),()=>{clearTimeout(t),document.removeEventListener(`visibilitychange`,r)}},[n,e.id,e.title]),!e.slides.length)return(0,d.jsx)(`p`,{children:t(`카드 이미지를 준비하고 있습니다.`)});let h=e=>m?.scrollTo(e,s),g=e=>{e.key!==`ArrowLeft`&&e.key!==`ArrowRight`||(e.preventDefault(),h(n+(e.key===`ArrowLeft`?-1:1)))};return(0,d.jsxs)(`section`,{className:`card-news-viewer`,"data-ratio":e.aspect_ratio,"aria-roledescription":t(`캐러셀`),"aria-label":e.title,children:[(0,d.jsx)(`div`,{className:`card-news-viewport`,ref:p,children:(0,d.jsx)(`div`,{className:`card-news-track`,children:e.slides.map((e,r)=>(0,d.jsx)(`div`,{className:`card-news-carousel-slide`,children:(0,d.jsx)(`button`,{type:`button`,className:`card-news-slide`,"data-active":r===n||void 0,"aria-current":r===n?`true`:void 0,"aria-label":`${t(`{0}번째 카드 보기`,r+1)}: ${e.alt}`,onClick:()=>h(r),onKeyDown:g,children:(0,d.jsx)(`img`,{src:e.url,alt:e.alt,loading:r<3?`eager`:`lazy`,draggable:!1})})},`${r}-${e.url}`))})}),(0,d.jsxs)(`div`,{className:`card-news-controls`,children:[(0,d.jsx)(`button`,{type:`button`,onClick:()=>h(n-1),onKeyDown:g,disabled:!m||n===0,"aria-label":t(`이전 카드`),children:(0,d.jsx)(a,{direction:`left`})}),(0,d.jsxs)(`output`,{"aria-live":`polite`,"aria-atomic":`true`,children:[n+1,` `,(0,d.jsxs)(`span`,{children:[`/ `,e.slides.length]})]}),(0,d.jsx)(`button`,{type:`button`,onClick:()=>h(n+1),onKeyDown:g,disabled:!m||n>=e.slides.length-1,"aria-label":t(`다음 카드`),children:(0,d.jsx)(a,{})})]})]})}function p({items:e}){let t=r(),[n,a]=(0,u.useState)(6),o=e.filter(e=>e.slides.length>0);return o.length?(0,d.jsxs)(`section`,{className:`card-news-section`,"aria-labelledby":`card-news-title`,children:[(0,d.jsx)(`div`,{className:`newsroom-section-heading`,children:(0,d.jsx)(`h2`,{id:`card-news-title`,children:t(`카드 뉴스로 만나는 IHFB`)})}),(0,d.jsx)(`div`,{className:`card-news-grid`,children:o.slice(0,n).map(e=>(0,d.jsx)(i,{className:`card-news-trigger`,href:`/news/cards/${encodeURIComponent(e.id)}`,"aria-label":t(`{0} 카드뉴스 보기`,e.title),children:(0,d.jsx)(`span`,{className:`card-news-cover`,"data-ratio":e.aspect_ratio,children:(0,d.jsx)(`img`,{src:e.slides[0].url,alt:e.slides[0].alt||e.title,loading:`lazy`})})},e.id))}),n<o.length&&(0,d.jsxs)(`button`,{type:`button`,className:`outline-link card-news-more`,onClick:()=>a(e=>e+6),children:[t(`카드뉴스 더 보기`),(0,d.jsx)(s,{name:`add`})]})]}):null}export{f as n,p as t};