1import{j as e}from"./jsx-runtime.7640623a.D_zvdyIk.js";import{a as c}from"./chunk-62JRHF6Z.7640623a.C68IkAYn.js";import{P as I,a as h,Y as k}from"./YouTubeColor.7640623a.6QB01kuH.js";import{S as B,a as E}from"./swiper-react.7640623a.7hqRmWAd.js";import{B as M}from"./index.7640623a.QthpQ5l0.js";import{u as T}from"./useIsMobile.7640623a.DBYpGaDG.js";import{C as P}from"./Container.7640623a.DuNORH78.js";import{c as a,n as F,B as $,e as H,v as Y,C as j}from"./ArrowRight.7640623a.CMiXa_fG.js";function A({bg:t,children:l,...s}){return e.jsx("a",{...s,className:a("tw-flex tw-flex-col tw-justify-between tw-relative tw-group","tw-p-[24px_32px] tw-w-full tw-h-[316px] tw-cursor-pointer","mobile:tw-p-4 mobile:tw-h-[208px]","mobile:[&_.play-circle-icon_svg]:tw-w-12 mobile:[&_.play-circle-icon_svg]:tw-h-12"),style:{background:`var(--color-bg-muted)${t?` url(${t})`:""} no-repeat center / cover`},children:l})}function D({children:t}){return e.jsx("p",{className:a(H,"tw-mt-4 tw-text-white tw-line-clamp-3 tw-whitespace-normal"),children:t})}function q({children:t}){return e.jsx("div",{className:a("tw-flex tw-justify-between","mobile:[&_.youtube-icon_svg]:tw-w-8 mobile:[&_.youtube-icon_svg]:tw-h-8"),children:t})}function z({children:t}){return e.jsx("div",{className:a(Y,"tw-flex tw-items-center tw-justify-start","tw-gap-x-4 tw-whitespace-nowrap","mobile:tw-gap-x-[10px]"),children:t})}function G({children:t}){return e.jsx("div",{className:a(j,"tw-max-w-[120px] tw-truncate","tw-font-semibold tw-text-fg-muted","hover:tw-text-fg-default"),children:t})}function J({children:t}){return e.jsx("div",{className:a(j,"tw-flex tw-gap-x-4 tw-text-fg-subtle","mobile:tw-gap-x-[10px]"),children:t})}function K({children:t}){return e.jsx("div",{className:a("video-slide-fixed-mask","tw-absolute tw-flex tw-justify-center tw-items-center","tw-top-0 tw-left-0 tw-w-full tw-h-full","tw-bg-[rgba(17,18,20,0.6)] tw-backdrop-blur-[4px]","tw-opacity-0 group-hover:tw-opacity-100","tw-transition-var"),children:t})}function g({arrowstyle:t,className:l,...s}){return e.jsx(M,{...s,arrow:!0,className:a("btn-circle video-pagination",s.disabled?"[&_.btn-icon-arrow_svg]:tw-text-fg-slight":"[&_.btn-icon-arrow_svg]:tw-text-fg-emphasis",t&&"[&_.btn-icon-arrow_svg]:tw-rotate-180",l),style:{"--background-color":"var(--color-bg-subtle)",width:56,height:56}})}function Q({image:t,title:l,author:s,url:x,blog:d,date:i}={}){return e.jsxs(A,{href:x,target:"_blank",children:[e.jsx(h,{className:"play-circle-icon",color:"var(--color-fg-muted)"}),e.jsx(D,{children:l}),e.jsxs(q,{children:[e.jsxs(z,{children:[e.jsx(G,{children:s}),e.jsxs(J,{children:[e.jsx("span",{children:"|"}),e.jsx("span",{children:i})]})]}),e.jsx(k,{className:"youtube-icon"})]}),e.jsx(K,{children:e.jsx(h,{color:"var(--color-fg-muted)"})})]})}const b=2;function te({title:t,subTitle:l,list:s=[],customSlideRender:x,onSlideClick:d,perView:i,spaceBetween:v,width:_,showPagination:y=!0}){const[n,N]=c.useState(null),[p,S]=c.useState(0),o=T(),[m,u]=c.useState(s);function f(r){n&&(r==="next"?n.slideTo(n.activeIndex+b):n.slideTo(n.activeIndex-b))}function V(r){N(r),o&&r.slideTo(1,0),r.on("slideChange",w=>{S(w.realIndex)})}c.useEffect(()=>{if(o&&s.length>0){const r=s[s.length-1],w=s.slice(0,s.length-1);u([r,...w])}else u(s)},[s,o]);const C=c.useMemo(()=>p>=(m.length||s.length)-(i||(o?1:3)),[i,p,s.length,m.length,o]);return e.jsxs(e.Fragment,{children:[e.jsx(P,{children:e.jsxs("div",{className:"tw-flex tw-justify-between tw-items-end mobile:tw-px-6",children:[e.jsxs("div",{className:"tw-flex tw-items-start tw-flex-col tw-justify-between",children:[e.jsx("h2",{className:a(F,"tw-mt-4 tw-text-fg-default mobile:tw-w-full","[&_span]:tw-bg-[length:160%]","[&_span:nth-child(2)]:tw-bg-[position:100%_0]"),children:t}),l&&e.jsx("div",{className:a($,"tw-text-fg-subtle"),children:l})]}),e.jsxs("div",{className:a("tw-items-center tw-justify-between tw-gap-x-8",y?"tw-flex":"tw-hidden","mobile:tw-hidden"),children:[e.jsx(g,{arrowstyle:{transform:"rotate(-180deg) translate(1px,-1px) !important"},onClick:()=>f("prev"),disabled:p===0}),e.jsx(g,{onClick:()=>f("next"),disabled:C})]})]})}),e.jsx("div",{className:"tw-w-full tw-mt-20 mobile:tw-mt-12 mobile:tw-h-auto",children:e.jsx(B,{className:a("[&_.swiper-wrapper]:!tw-mx-auto [&_.swiper-wrapper]:!tw-w-[1280px]","mobile:[&_.swiper-wrapper]:!tw-w-full mobile:[&_.swiper-wrapper]:!tw-px-6"),slidesPerView:i||(o?1:3),spaceBetween:v||(o?10:32),onSwiper:r=>V(r),modules:[I],width:_||(o?280:1280),centeredSlides:o,children:m.map((r,w)=>e.jsx(E,{onClick:()=>d==null?void 0:d(r),children:x?x(r):e.jsx(Q,{...r})},(r==null?void 0:r.key)||`swiper-slice-${w}`))})})]})}export{te as S,A as V,D as a,q as b,z as c,G as d,J as e,K as f};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.