1import{a as x}from"./CPk0fR2O.js";import{_ as w}from"./D3z95vuH.js";import k from"./B6cKcFBt.js";import{e as C,A as B,O as L,o,c as s,g as S,f as v,a,F as M,r as z,b as f,G as b,au as y,p as i,B as p}from"./C4crMHC5.js";import"./DlAUqK2U.js";import"./CI1LWk-S.js";import"./B2S3ddwi.js";import"./N7SFyOsV.js";const j={class:"group/carousel relative"},E={key:0,class:"pointer-events-none absolute inset-y-0 left-0 z-[5] hidden w-12 bg-linear-to-r from-bg-base to-transparent lg:block"},N={key:1,class:"pointer-events-none absolute inset-y-0 right-0 z-[5] hidden w-12 bg-linear-to-l from-bg-base to-transparent lg:block"},V=C({__name:"MovieCarousel",props:{movies:{},title:{},subtitle:{},moreLink:{}},setup(n){const e=p(),c=p(!1),u=p(!0);function d(){if(!e.value)return;const{scrollLeft:r,scrollWidth:t,clientWidth:m}=e.value;c.value=r>10,u.value=r+m<t-10}function h(r){if(!e.value)return;const t=e.value.clientWidth*.75;e.value.scrollBy({left:r==="left"?-t:t,behavior:"smooth"})}return B(()=>{e.value&&(e.value.addEventListener("scroll",d,{passive:!0}),d())}),L(()=>{e.value?.removeEventListener("scroll",d)}),(r,t)=>{const m=x,_=w,g=k;return o(),s("section",null,[n.title?(o(),S(m,{key:0,title:n.title,subtitle:n.subtitle,"more-link":n.moreLink},null,8,["title","subtitle","more-link"])):v("",!0),a("div",j,[a("div",{ref_key:"scrollContainer",ref:e,class:"scrollbar-hide flex snap-x snap-mandatory gap-4 overflow-x-auto pb-2 md:gap-5"},[(o(!0),s(M,null,z(n.movies,l=>(o(),s("div",{key:l.id,class:"w-[42%] shrink-0 snap-start sm:w-[30%] md:w-[22%] lg:w-[17%] xl:w-[15%]"},[f(_,{movie:l},null,8,["movie"])]))),128))],512),b(a("button",{class:"absolute -left-3 top-[38%] z-10 hidden h-10 w-10 -translate-y-1/2 cursor-pointer items-center justify-center rounded-full opacity-0 shadow-glass transition-all duration-300 glass-strong hover:border-accent/20 hover:shadow-glow-accent group-hover/carousel:opacity-100 lg:flex","aria-label":"åå·¦æ»å¨",onClick:t[0]||(t[0]=l=>h("left"))},[f(g,{name:"material-symbols:chevron-left-rounded",class:"text-xl text-text-secondary"})],512),[[y,i(c)]]),b(a("button",{class:"absolute -right-3 top-[38%] z-10 hidden h-10 w-10 -translate-y-1/2 cursor-pointer items-center justify-center rounded-full opacity-0 shadow-glass transition-all duration-300 glass-strong hover:border-accent/20 hover:shadow-glow-accent group-hover/carousel:opacity-100 lg:flex","aria-label":"åå³æ»å¨",onClick:t[1]||(t[1]=l=>h("right"))},[f(g,{name:"material-symbols:chevron-right-rounded",class:"text-xl text-text-secondary"})],512),[[y,i(u)]]),i(c)?(o(),s("div",E)):v("",!0),i(u)?(o(),s("div",N)):v("",!0)])])}}}),R=Object.assign(V,{__name:"MovieCarousel"});export{R as default};
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.