https://pertex.com/_nuxt/YQPUjOQZ.js

1import{_ as De}from"./DU8h2r-B.js";import{_ as We}from"./HZWh_Hs9.js";import{_ as qe}from"./DLfD_zz4.js";import{_ as Ke}from"./Cy5mbly4.js";import{e as Re,z as Ue,p as Ge,B as Je,u as Qe,c as se,a as e,v as _,j as s,F as Xe,x as ea,b as y,t as m,w as aa,y as r,C as l,L as i,o as re}from"./DO1-k1-O.js";import{u as ta}from"./Bemim1Hi.js";import{b as oe,f as sa,a as le,o as ra,i as oa}from"./CPnFI3_O.js";import{i as la}from"./B7qM7ARw.js";import{_ as na}from"./DlAUqK2U.js";import"./CkD1YYFH.js";import"./DC3rcqlT.js";const ia={class:"main"},ca={class:"yearSelector"},ya={class:"yearCont"},da=["data-year","onClick"],ga={class:"stack whitestack"},ua={class:"year1901Image"},ma={class:"caption"},fa=["innerHTML"],Ta=["innerHTML"],va=["innerHTML"],_a={class:"year1929Image"},ba={class:"year1929Text"},ka=["innerHTML"],xa={class:"year1964Text"},pa=["innerHTML"],ha={class:"year1964Image"},La={class:"year1978Image"},Ma=["innerHTML"],Ha={"data-scroll":"","data-scroll-offset":"-15%,0","data-scroll-event-progress":"year1979Progress"},Ia=["innerHTML"],Sa={class:"year1979Text2"},wa=["innerHTML"],Pa={class:"year1987Image"},Ba={class:"caption"},Ca={class:"year1987Text"},za=["innerHTML"],Ea=["innerHTML"],Ya={class:"year1990Text"},Oa=["innerHTML"],$a={class:"year1990Image"},Va={class:"year1990Image2"},Fa={class:"year1993Image"},Na={class:"year1993Text"},Aa=["innerHTML"],Za={"data-scroll":"","data-scroll-offset":"-15%,0","data-scroll-event-progress":"year2002Progress"},ja=["innerHTML"],Da={class:"stack blackstack"},Wa={class:"year2005Text"},qa=["innerHTML"],Ka={class:"year2005Text2"},Ra=["innerHTML"],Ua={class:"year2005Image"},Ga={class:"caption"},Ja={class:"year2005Image2"},Qa={class:"caption"},Xa={"data-scroll":"","data-scroll-offset":"-15%,0","data-scroll-event-progress":"year2005Progress"},et={class:"caption"},at={class:"year2007Image"},tt=["innerHTML"],st={class:"year2008Image"},rt=["innerHTML"],ot=["innerHTML"],lt={class:"year2015Image"},nt={class:"year2015Text"},it=["innerHTML"],ct=["innerHTML"],yt={class:"year2015Image3"},dt=["innerHTML"],gt={class:"year2015Image4"},ut={class:"caption"},mt=["innerHTML"],ft={class:"year2018Image"},Tt={class:"caption"},vt=["innerHTML"],_t={class:"year2021Image"},bt=["innerHTML"],kt={class:"year2021Image2"},xt=["innerHTML"],pt={"data-scroll":"","data-scroll-offset":"-15%,0","data-scroll-event-progress":"year2023Progress"},ht=["innerHTML"],Lt=["innerHTML"],Mt=["innerHTML"],Ht={class:"goback"},It=Re({__name:"TimelinePage",props:{blok:{}},setup(o){const{$locomotiveScroll:ne,$listen:z}=Ue(),{getYPosition:ie,scrollToY:ce}=ta(),n=o;let g;const b=["1901","1914","1921","1929","1964","1978","1979","1987","1990","1993","2002","2005","2007","2008","2010","2015","2018","2021","2023"],E=r(),p=r(),h=r(),L=r(),M=r(),H=r(),I=r(),S=r(),Y=r(),O=r(),$=r(),V=r(),F=r(),N=r(),A=r(),Z=r(),j=r(),D=r(),W=r(),q=r(),K=r(),R=r(),U=r(),G=r(),J=r(),Q=r(),X=r(),d=r(!1),f=r(!1),w=r("1901"),k=r(null),ee=r(),P=r(!1),ae=r(),ye=oe(E),{height:de}=oa(),{height:ge}=sa(ae),B=r(),te=r(),ue=oe(te);Ge(()=>{la(k.value),g=new ne,window.addEventListener("year1921Progress",t=>{let a=0;t.detail.progress<.33?a=Math.abs(t.detail.progress*3-1):t.detail.progress>.66&&(a=Math.abs(t.detail.progress*3-2)),p.value&&p.value.style.setProperty("--progress",a)}),window.addEventListener("year1979Progress",t=>{let a=0;t.detail.progress<.33?a=Math.abs(t.detail.progress*3-1):t.detail.progress>.66&&(a=Math.abs(t.detail.progress*3-2)),h.value&&h.value.style.setProperty("--progress",a)}),window.addEventListener("year2002Progress",t=>{let a=0;t.detail.progress<.33?a=Math.abs(t.detail.progress*3-1):t.detail.progress>.66&&(a=Math.abs(t.detail.progress*3-2)),L.value&&L.value.style.setProperty("--progress",a)}),window.addEventListener("colorTransitionProgress",t=>{S.value&&S.value.style.setProperty("--color-progress",t.detail.progress),I.value&&I.value.style.setProperty("--color-progress",t.detail.progress),B.value&&B.value.style.setProperty("--color-progress",t.detail.progress)}),window.addEventListener("year2005Progress",t=>{let a=0;t.detail.progress<.33?a=Math.abs(t.detail.progress*3-1):t.detail.progress>.66&&(a=Math.abs(t.detail.progress*3-2)),M.value&&M.value.style.setProperty("--progress",a)}),window.addEventListener("year2023Progress",t=>{let a=0;t.detail.progress<.33?a=Math.abs(t.detail.progress*3-1):t.detail.progress>.66&&(a=Math.abs(t.detail.progress*3-2)),H.value&&H.value.style.setProperty("--progress",a)}),setTimeout(()=>{for(const t of[Y,O,$,V,F,N,A,Z,j,D,W,q,K,R,U,G,J,Q,X])le(t,([{isIntersecting:a,target:c}],T)=>{if(a&&!f.value){const u=c.dataset.year;if(u){w.value=u;const x=b.indexOf(u);x!=-1&&k.value?.swiper?.slideTo(x,0)}}},{threshold:0,rootMargin:"-49.9% 0px -49.9% 0px"});le(ee,([{isIntersecting:t}])=>{P.value=t},{threshold:0,rootMargin:"-49.9% 0px -49.9% 0px"})},401)}),Je(()=>{g.destroy()});const me=l(()=>i(n.blok.year1901Text)),fe=l(()=>i(n.blok.year1914Text)),Te=l(()=>i(n.blok.year1921Text)),ve=l(()=>i(n.blok.year1929Text)),_e=l(()=>i(n.blok.year1964Text)),be=l(()=>i(n.blok.year1978Text)),ke=l(()=>i(n.blok.year1979Text)),xe=l(()=>i(n.blok.year1979Text2)),pe=l(()=>i(n.blok.year1987Text)),he=l(()=>i(n.blok.year1987Text2)),Le=l(()=>i(n.blok.year1990Text)),Me=l(()=>i(n.blok.year1993Text)),He=l(()=>i(n.blok.year2002Text)),Ie=l(()=>i(n.blok.year2005Text)),Se=l(()=>i(n.blok.year2005Text2)),we=l(()=>i(n.blok.year2007Text)),Pe=l(()=>i(n.blok.year2008Text)),Be=l(()=>i(n.blok.year2010Text)),Ce=l(()=>i(n.blok.year2011Text)),ze=l(()=>i(n.blok.year2011Text2)),Ee=l(()=>i(n.blok.year2011Text3)),Ye=l(()=>i(n.blok.year2011Text5)),Oe=l(()=>i(n.blok.year2018Text)),$e=l(()=>i(n.blok.year2021Text)),Ve=l(()=>i(n.blok.year2021Text2)),Fe=l(()=>i(n.blok.year2023Text)),Ne=l(()=>i(n.blok.year2023Text2)),Ae=l(()=>i(n.blok.year2023Text3));Qe({htmlAttrs:{class:l(()=>ye.value?"white":"")}});const Ze=t=>{if(d.value){g.start();const a=document.querySelector(`section[data-year="${t}"]`);if(a){let T=ie(a)-de.value/2+parseInt(getComputedStyle(document.documentElement).getPropertyValue("--timeline-stack-space").replace("px",""))/2;t=="1901"?T=0:t=="2005"&&(T+=ge.value/3),ce(T,1e4,"easeInOutSine",()=>{d.value=!1,setTimeout(()=>{f.value=!1},100)}),w.value=t;const u=b.indexOf(t);u!=-1&&k.value?.swiper?.slideTo(u,200)}}else g.stop(),f.value=!0,d.value=!0},C=()=>{d.value?(g.start(),d.value=!1,setTimeout(()=>{f.value=!1},200)):(g.stop(),f.value=!0,d.value=!0)};return ra("Escape",t=>{d.value&&(t.preventDefault(),C())}),z("scroll:stop",()=>{g.stop()}),z("scroll:start",()=>{g.start()}),(t,a)=>{const c=De,T=We,u=qe,x=Ke;return re(),se("main",ia,[e("div",{class:"headerHideTrigger",ref_key:"headerHideTrigger",ref:te},null,512),e("div",{class:_(["mobileHeaderBar",{hide:s(ue)}]),ref_key:"mobileHeaderBar",ref:B},null,2),e("div",{class:_(["yearOverlay",{open:s(d)}]),onClick:a[0]||(a[0]=v=>C())},null,2),e("div",{class:_(["yearLayer",{open:s(d)},{transitions:s(f)},{visible:s(P)}]),"data-lenis-prevent":""},[e("div",ca,[a[6]||(a[6]=e("img",{class:"mobiledot lazyload","data-src":"/dot.svg",alt:""},null,-1)),a[7]||(a[7]=e("img",{class:"mobiledot lazyload","data-src":"/dot.svg",alt:""},null,-1)),a[8]||(a[8]=e("img",{class:"mobiledot lazyload","data-src":"/dot.svg",alt:""},null,-1)),a[9]||(a[9]=e("img",{class:"mobiledot lazyload","data-src":"/dot.svg",alt:""},null,-1)),e("swiper-container",{ref_key:"swiper",ref:k,init:"false","slides-per-view":"auto","slides-per-group":1,"centered-slides":!0,direction:"vertical","space-between":3,mousewheel:{enabled:!0},"free-mode":{enabled:!0,sticky:!0}},[(re(),se(Xe,null,ea(b,(v,je)=>e("swiper-slide",ya,[e("div",{class:"title1","data-year":v,onClick:St=>Ze(v)},[a[2]||(a[2]=e("img",{class:"lazyload","data-src":"/dot.svg",alt:""},null,-1)),a[3]||(a[3]=e("img",{class:"lazyload","data-src":"/dot.svg",alt:""},null,-1)),a[4]||(a[4]=e("img",{class:"lazyload","data-src":"/dot.svg",alt:""},null,-1)),a[5]||(a[5]=e("img",{class:"lazyload","data-src":"/dot.svg",alt:""},null,-1)),e("span",{class:_(`scrollOffset${b.indexOf(s(w))-je}`)},m(v),3)],8,da)])),64))],512)])],2),e("div",{class:_(["yearClickLayer",{open:s(d)||!s(P)}]),onClick:a[1]||(a[1]=v=>C())},null,2),e("div",{class:"stackZone",ref_key:"stackZone",ref:ee}

1,[e("div",ga,[e("div",{class:"whiteBackgroundTrigger",ref_key:"whiteBackgroundTrigger",ref:E},null,512),a[10]||(a[10]=e("div",{class:"colorTransitionTrigger","data-scroll":"","data-scroll-event-progress":"colorTransitionProgress"},null,-1)),e("section",{ref_key:"year1901Section",ref:Y,"data-year":"1901"},[e("article",null,[e("figure",ua,[y(c,{image:o.blok.year1901Image},null,8,["image"]),e("figcaption",ma,m(o.blok.year1901Caption),1)])]),e("article",null,[e("div",{class:"body2 year1901Text",innerHTML:s(me)},null,8,fa)])],512),e("section",{ref_key:"year1914Section",ref:O,"data-year":"1914"},[e("article",null,[e("div",{class:"body2 year1914Text",innerHTML:s(fe)},null,8,Ta)])],512),e("section",{"data-scroll":"","data-scroll-offset":"-15%,0","data-scroll-event-progress":"year1921Progress",ref_key:"year1921Section",ref:$,"data-year":"1921"},[e("article",null,[e("figure",{class:"year1921Image",ref_key:"year1921Image",ref:p},[y(c,{image:o.blok.year1921Image},null,8,["image"])],512)]),e("article",null,[e("div",{class:"body2 year1921Text",innerHTML:s(Te)},null,8,va)])],512),e("section",{ref_key:"year1929Section",ref:V,"data-year":"1929"},[e("article",null,[e("figure",_a,[y(c,{image:o.blok.year1929Image},null,8,["image"])]),e("div",ba,[e("div",{class:"body2",innerHTML:s(ve)},null,8,ka)])])],512),e("section",{ref_key:"year1964Section",ref:F,"data-year":"1964"},[e("article",null,[e("div",xa,[e("div",{class:"body2",innerHTML:s(_e)},null,8,pa)]),e("figure",ha,[y(c,{image:o.blok.year1964Image},null,8,["image"])])])],512),e("section",{ref_key:"year1978Section",ref:N,"data-year":"1978"},[e("article",null,[e("figure",La,[y(c,{image:o.blok.year1978Image},null,8,["image"])])]),e("article",null,[e("div",{class:"body2 year1978Text",innerHTML:s(be)},null,8,Ma)])],512),e("section",{ref_key:"year1979Section",ref:A,"data-year":"1979"},[e("article",Ha,[e("figure",{class:"year1979Image",ref_key:"year1979Image",ref:h},[y(c,{image:o.blok.year1979Image},null,8,["image"])],512)]),e("article",null,[e("div",{class:"body2 year1979Text",innerHTML:s(ke)},null,8,Ia)]),e("article",null,[e("div",Sa,[e("div",{class:"body2",innerHTML:s(xe)},null,8,wa)])])],512),e("section",{ref_key:"year1987Section",ref:Z,"data-year":"1987"},[e("article",null,[e("figure",Pa,[y(c,{image:o.blok.year1987Image},null,8,["image"]),e("figcaption",Ba,m(o.blok.year1987Caption),1)]),e("div",Ca,[e("div",{class:"body2",innerHTML:s(pe)},null,8,za)])]),e("article",null,[e("div",{class:"body2 year1987Text2",innerHTML:s(he)},null,8,Ea)])],512),e("section",{ref_key:"year1990Section",ref:j,"data-year":"1990"},[e("article",null,[e("div",Ya,[e("div",{class:"body2",innerHTML:s(Le)},null,8,Oa)]),e("figure",$a,[y(c,{image:o.blok.year1990Image},null,8,["image"])]),e("div",Va,[y(c,{image:o.blok.year1990Image2},null,8,["image"])])])],512),e("section",{ref_key:"year1993Section",ref:D,"data-year":"1993"},[e("article",null,[e("figure",Fa,[y(c,{image:o.blok.year1993Image},null,8,["image"])]),e("div",Na,[e("div",{class:"body2",innerHTML:s(Me)},null,8,Aa)])])],512),e("section",{ref_key:"year2002Section",ref:W,"data-year":"2002"},[e("article",Za,[e("figure",{class:"year2002Image",ref_key:"year2002Image",ref:L},[y(c,{image:o.blok.year2002Image},null,8,["image"])],512)]),e("article",null,[e("div",{class:"body2 year2002Text",innerHTML:s(He)},null,8,ja)])],512),e("div",{class:"bottomBackground",ref_key:"bottomBackground",ref:I},null,512)]),e("div",Da,[e("div",{class:"topBackground",ref_key:"topBackground",ref:S},null,512),e("section",{ref_key:"year2005Section",ref:q,"data-year":"2005"},[e("article",{style:{position:"relative"},ref_key:"maps",ref:ae},[a[11]||(a[11]=e("img",{class:"lazyload maps","data-src":"/timelinemaps.svg",alt:""},null,-1)),e("div",Wa,[e("div",{class:"body2",innerHTML:s(Ie)},null,8,qa)])],512),e("article",null,[e("div",Ka,[e("div",{class:"body2",innerHTML:s(Se)},null,8,Ra)]),e("figure",Ua,[y(c,{image:o.blok.year2005Image},null,8,["image"]),e("figcaption",Ga,m(o.blok.year2005Caption),1)]),e("figure",Ja,[y(c,{image:o.blok.year2005Image2},null,8,["image"]),e("figcaption",Qa,m(o.blok.year2005Caption2),1)])]),e("article",Xa,[e("figure",{class:"year2005Image3",ref_key:"year2005Image3",ref:M},[y(c,{image:o.blok.year2005Image3},null,8,["image"]),e("figcaption",et,m(o.blok.year2005Caption3),1)],512)])],512),e("section",{ref_key:"year2007Section",ref:K,"data-year":"2007"},[e("article",null,[e("figure",at,[y(c,{image:o.blok.year2007Image},null,8,["image"])])]),e("article",null,[e("div",{class:"body2 year2007Text",innerHTML:s(we)},null,8,tt)])],512),e("section",{ref_key:"year2008Section",ref:R,"data-year":"2008"},[e("article",null,[e("figure",st,[y(c,{image:o.blok.year2008Image},null,8,["image"])])]),e("article",null,[e("div",{class:"body2 year2008Text",innerHTML:s(Pe)},null,8,rt)])],512),e("section",{ref_key:"year2010Section",ref:U,"data-year":"2010"},[e("article",null,[e("div",{class:"body2 year2010Text",innerHTML:s(Be)},null,8,ot)])],512),e("section",{ref_key:"year2015Section",ref:G,"data-year":"2015"},[e("article",null,[e("figure",lt,[y(c,{image:o.blok.year2011Image},null,8,["image"])]),e("div",nt,[e("div",{class:"body2",innerHTML:s(Ce)},null,8,it)])]),e("article",null,[e("div",{class:"body2 year2015Text2",innerHTML:s(ze)},null,8,ct)]),e("article",null,[e("figure",yt,[y(c,{image:o.blok.year2011Image3},null,8,["image"])])]),e("article",null,[e("div",{class:"body2 year2015Text3",innerHTML:s(Ee)},null,8,dt)]),e("article",null,[e("figure",gt,[y(c,{image:o.blok.year2011Image4},null,8,["image"]),e("figcaption",ut,m(o.blok.year2011Caption4),1)])]),e("article",null,[e("div",{class:"body2 year2015Text5",innerHTML:s(Ye)},null,8,mt)])],512),e("section",{ref_key:"year2018Section",ref:J,"data-year":"2018"},[e("article",null,[e("figure",ft,[y(c,{image:o.blok.year2018Image},null,8,["image"]),e("figcaption",Tt,m(o.blok.year2018Caption),1)])]),e("article",null,[e("div",{class:"body2 year2018Text",innerHTML:s(Oe)},null,8,vt)])],512),e("section",{ref_key:"year2021Section",ref:Q,"data-year":"2021"},[e("article",null,[e("figure",_t,[y(c,{image:o.blok.year2021Image},null,8,["image"])])]),e("article",null,[e("div",{class:"body2 year2021Text",innerHTML:s($e)},null,8,bt)]),e("article",null,[e("figure",kt,[y(c,{image:o.blok.year2021Image2},null,8,["image"])]),e("div",{class:"body2 year2021Text2",innerHTML:s(Ve)},null,8,xt)])],512),e("section",{ref_key:"year2023Section",ref:X,"data-year":"2023"},[e("article",pt,[e("figure",{class:"year2023Image",ref_key:"year2023Image",ref:H},[y(c,{image:o.blok.year2023Image},null,8,["image"])],512)]),e("article",null,[e("div",{class:"body2 year2023Text",innerHTML:s(Fe)},null,8,ht)]),e("article",null,[e("div",{class:"body2 year2023Text2",innerHTML:s(Ne)},null,8,Lt)]),e("article",null,[e("div",{class:"body2 year2023Text3",innerHTML:s(Ae)},null,8,Mt)])],512)])],512),e("div",Ht,[y(u,{class:"button",to:{name:"explore-innovation"}},{default:aa(()=>[y(T),a[12]||(a[12]=e("span",null,"Back to innovation",-1))]),_:1})]),y(x)])}}}),Nt=Object.assign(na(It,[["__scopeId","data-v-cac58ab0"]]),{__name:"TimelinePage"});export{Nt as default};