1import{d as _,s as h,H as v,f as d,o as s,h as l,j as w,c as a,F as c,l as p,a as t,n as m,t as i,k as g}from"./main-DgVCVgfc.js";import{_ as b,a as k}from"./CarouselSlide.vue_vue_type_script_setup_true_lang-DgjfVF-l.js";import{_ as y}from"./Tile.vue_vue_type_script_setup_true_lang-B_RM_EVi.js";import{_ as j}from"./TivioCarouselWrapper.vue_vue_type_script_setup_true_lang-Dxn2O7W2.js";import"./config-61nUWzYV.js";import"./Image.vue_vue_type_script_setup_true_lang-CYMJ12Ka.js";const C={key:0,class:"flex lg:grid md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4 items-start overflow-hidden"},$={class:"max-w-[130px] text-[220px] leading-[100%] -mr-[25px] flex items-center font-semibold bg-gradient-to-b from-joj-grey-light to-transparent bg-clip-text text-transparent overflow-hidden"},B={key:1,class:"carousel-padding-2 overflow-visible"},F={class:"flex"},N={class:"max-w-[130px] text-[220px] leading-[100%] -mr-[25px] flex items-center font-semibold bg-gradient-to-b from-joj-grey-light to-transparent bg-clip-text text-transparent overflow-hidden"},S={class:"sr-only text-xs font-semibold text-ellipsis overflow-hidden whitespace-nowrap mb-1"},L=_({__name:"TrendingCarousel",props:{id:{}},setup(f){const u=f,o=h(()=>v.tivio.getCarousel(u.id).value);return(x,n)=>(s(),d(j,{carousel:o.value,"data-component-name":"TrendingCarousel"},{default:l(()=>[w(x.$slots,"default"),o.value.loading?(s(),a("div",C,[(s(),a(c,null,p(5,e=>t("div",{key:e,class:m(["md:w-full gap-2",[e===5?"hidden xl:flex":e===4?"hidden lg:flex":"flex",e===1?"w-[200px]":"w-[245px]"]])},[t("div",$,i(e),1),n[0]||(n[0]=t("div",{class:"j-skeleton j-skeleton--tile-portrait w-[130px]"},null,-1))],2)),64))])):(s(),a("div",B,[g(b,{class:"md:slides-3 lg:slides-4 xl:slides-5","show-arrows":""},{default:l(()=>[(s(!0),a(c,null,p(o.value.items,(e,r)=>(s(),d(k,{key:e.id,class:m(r===0?"w-[200px]":"w-[245px]")},{default:l(()=>[t("div",F,[t("div",N,i(r+1),1),g(y,{"image-src":e.images.portrait,title:e.title,link:"link"in e?e.link:void 0,"trending-number":r+1,class:"h-[220px] !w-[140px] group",shape:"portrait"},{bottom:l(()=>[t("h4",S,i(e.title),1)]),_:2},1032,["image-src","title","link","trending-number"])])]),_:2},1032,["class"]))),128))]),_:1})]))]),_:3},8,["carousel"]))}});export{L 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.