1import{d as Y,e as j,c as N,W as A,am as B,bH as S,k as m,v as x,n as a,l as k,p as C,q as H,t as o,B as _,F as T,r as b,_ as M,j as n,aR as R,bg as q,z as L,bI as I,D as V}from"./BgjTzObi.js";import{u as D}from"./OVUwXsAR.js";import{u as F}from"./j5r3-jhj.js";import{_ as O}from"./DbiRSxtT.js";import{_ as z}from"./Da4sEo3s.js";import{s as h}from"./C-UIm6yd.js";import{s as r,c as P}from"./BibLRk4F.js";const $={class:"retro-slide-container"},X={class:"relative z-10 flex h-full flex-col items-center justify-center px-4"},G={class:"absolute left-1/2 top-1/2 w-full -translate-x-1/2 -translate-y-1/2 text-center"},J={class:"font-bold"},K=["innerHTML"],Q={id:"anim-works-title",class:"text-paragraph retro-animate-on-load text-center text-2xl italic sm:text-3xl"},U={id:"anim-composers-container",class:"my-8 flex h-[120px] items-center justify-center sm:my-10 sm:h-[147px]"},Z=["src"],ee={class:"my-8 flex h-[64px] flex-col justify-start sm:my-10"},te={class:"anim-composer-names text-paragraph text-center text-xl sm:text-2xl"},ae=["innerHTML"],ce=Y({__name:"works",props:{data:{}},setup(d){const{tr:v}=j(),{isLargerThan:W}=D(),s={animWorksExplorer:"#anim-works-explorer",animWorksLiked:"#anim-works-liked",animWorksTitle:"#anim-works-title",animComposers:".anim-composers",animComposersContainer:"#anim-composers-container",animComposerNamesContainer:".anim-composer-names-container",animComposerNames:".anim-composer-names",animWorksConclusion:"#anim-works-conclusion"},c=N(()=>d.data.top[0].object.artists.map(e=>({name:e.name,picture:e.picture})).slice(0,2)),p=V(!1);let g=!1;const{initializePage:E,timelineIn:i,setAllowToShare:w}=F(()=>{p.value=!0,w(!0)});let f=null;return A(()=>{B(()=>{h(s.animWorksExplorer,{lines:{wrap:"clip"}}).addEffect(({lines:e})=>(e.forEach(l=>{l.style.opacity="0"}),i.add(e,{opacity:{from:0,to:1},translateY:{from:30,to:0},duration:750,ease:"out(3)",delay:r(200)},0),i.add(e,{opacity:{from:1,to:0},translateY:{from:0,to:-30},duration:750,ease:"out(3)",delay:r(200)},2e3),e)),h(s.animWorksLiked,{lines:{wrap:"clip"}}).addEffect(({lines:e})=>(e.forEach(l=>{l.style.opacity="0"}),i.add(e,{opacity:{from:0,to:1},translateY:{from:30,to:0},duration:750,ease:"out(3)",delay:r(200)},2750),i.add(e,{opacity:{from:1,to:0},translateY:{from:0,to:-30},duration:750,ease:"out(3)",delay:r(200)},4750),e)),i.add(s.animWorksTitle,{opacity:{from:0,to:1},duration:750,ease:"out(3)"},5750),h(s.animWorksConclusion,{lines:{wrap:"clip"}}).addEffect(({lines:e})=>(f=e,e.forEach(l=>{l.style.opacity="0"}),i.add(e,{opacity:{from:0,to:1},translateY:{from:30,to:0},duration:750,ease:"out(3)",delay:r(200)},6500+c.value.length*500+250),e))}),i.add(Array.from(document.querySelectorAll(s.animComposers)).reverse(),{opacity:{from:0,to:1},translateX:{from:30,to:0},duration:750,ease:"out(3)",delay:r(500)},6500),i.add(Array.from(document.querySelectorAll(s.animComposerNamesContainer)).reverse(),{height:{from:0,to:"32px"},duration:750,ease:"out(3)",delay:r(500)},6500),E()}),S((e,l,u)=>{if(g||!p.value){u();return}if(g=!0,p.value){const t=P({autoplay:!1,onComplete:()=>{u()}});t.add(s.animWorksTitle,{opacity:{from:1,to:0},duration:750,ease:"out(3)"},200),t.add(s.animComposersContainer,{opacity:{from:1,to:0},translateY:{from:0,to:-30},duration:750,ease:"out(3)",delay:r(200)},200),t.add(s.animComposerNames,{opacity:{from:1,to:0},translateY:{from:0,to:-30},duration:750,ease:"out(3)",delay:r(200)},400),f&&t.add(f,{opacity:{from:1,to:0},translateY:{from:0,to:-30},duration:750,ease:"out(3)",delay:r(200)},850),w(!1),t.play()}}),(e,l)=>{const u=M;return n(),m("div",$,[x(a(z)),a(W)("sm")?(n(),k(u,{key:0},{default:C(()=>[(n(),k(R,{to:"#retro-background-desktop"},[x(a(z),{"is-desktop-background":!0})]))]),_:1})):H("",!0),o("div",X,[o("div",G,[x(a(O),{id:"anim-works-explorer",keypath:"retrospective.works.worksExplorer",tag:"p",class:"text-paragraph absolute left-1/2 top-1/2 w-full -translate-x-1/2 -translate-y-1/2 text-2xl sm:text-3xl"},{counter:C(()=>[o("span",J,_(d.data.count),1)]),_:1}),o("p",{id:"anim-works-liked",class:"text-paragraph absolute left-1/2 top-1/2 w-full -translate-x-1/2 -translate-y-1/2 text-2xl sm:text-3xl",innerHTML:a(v)("retrospective.works.oneStandOut")}
1,null,8,K)]),o("div",null,[o("p",Q,_(d.data.top[0].object.name),1),o("div",U,[(n(!0),m(T,null,b(a(c),(t,y)=>(n(),m("div",{key:t.name,class:L(["anim-composers retro-animate-on-load size-[120px] rounded-full sm:size-[147px]",{"-ml-20":y>0}]),style:q({zIndex:a(c).length-y})},[t.picture?(n(),m("img",{key:0,src:t.picture,alt:"Composer picture",class:"size-full rounded-full object-cover"},null,8,Z)):(n(),k(a(I),{key:1,class:L(["size-full rounded-full",a(c).length>1&&y===0?"!bg-secondary-500":"!bg-secondary-400"]),"icon-size":"l"},null,8,["class"]))],6))),128))]),o("div",ee,[(n(!0),m(T,null,b(a(c),t=>(n(),m("div",{key:t.name,class:"anim-composer-names-container retro-animate-load h-0 overflow-hidden"},[o("p",te,_(t.name),1)]))),128))]),o("p",{id:"anim-works-conclusion",class:"text-paragraph text-center text-xl sm:text-2xl",innerHTML:a(v)("retrospective.works.bestWork",void 0,void 0,d.data.top[0].count)},null,8,ae)])])])}}});export{ce 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.