2 lines
5.0 KiB
JavaScript
2 lines
5.0 KiB
JavaScript
import{d as R,w as _,o as S,c as b,a as n,_ as q,b as A,e as C,F as M,n as h,f as O,g as z,v as $,h as T,i as V,u as D,r as y,j as x,k as N,l as P,T as U,m as W,p as G,s as H,q as m,t as J}from"./index-DnbYEqLr.js";const K={class:"onb-viewport relative overflow-hidden"},Q={class:"bg-perspective-container"},X={class:"bg-glitch-layer"},Y={class:"perspective-container-wrapper"},Z={class:"perspective-container"},L="bg-intro-1.jpg",ee=R({__name:"OnboardingWrapper",setup(ae){const p=D(),l=y("bg-intro.jpg"),i=y(!1),s=y(!1),a=y(null),k=y("depth-forward"),j=["/onboarding/intro","/onboarding/path","/onboarding/options","/onboarding/did","/onboarding/identity","/onboarding/backup","/onboarding/verify","/onboarding/done","/login"],w=["/onboarding/intro","/login"],E=x(()=>p.path==="/login"),o=x(()=>w.includes(p.path)),I={"/onboarding/intro":"bg-intro.jpg","/onboarding/options":"bg-intro-4.jpg","/onboarding/path":"bg-intro-3.jpg","/onboarding/did":"bg-intro-5.jpg","/onboarding/identity":"bg-intro-5.jpg","/onboarding/backup":"bg-intro-6.jpg","/onboarding/verify":"bg-intro-2.jpg","/onboarding/done":"bg-intro-1.jpg","/login":"bg-intro.jpg"};function f(){if(a.value&&o.value){const e=sessionStorage.getItem("video_intro_currentTime"),t=sessionStorage.getItem("video_intro_wasPlaying")==="true",u=sessionStorage.getItem("video_intro_playbackRate");if(e){const v=parseFloat(e),r=u?parseFloat(u):1,c=()=>{a.value&&(a.value.playbackRate=r,a.value.currentTime=Math.max(0,v-.05),t&&requestAnimationFrame(()=>d()),sessionStorage.removeItem("video_intro_currentTime"),sessionStorage.removeItem("video_intro_wasPlaying"),sessionStorage.removeItem("video_intro_playbackRate"))};if(a.value.readyState>=2)c();else if(a.value.readyState>=1)c();else{const g=()=>{c(),a.value&&a.value.removeEventListener("loadedmetadata",g)};a.value.addEventListener("loadedmetadata",g,{once:!0})}}}}function d(e=3){const t=a.value;!t||!o.value||t.paused&&t.play().then(()=>{}).catch(()=>{e>0&&setTimeout(()=>d(e-1),300)})}_([o,p],([e])=>{e&&a.value&&requestAnimationFrame(()=>{a.value&&(f(),requestAnimationFrame(()=>{a.value&&a.value.paused&&d()}))})},{immediate:!0}),S(()=>{o.value&&a.value&&requestAnimationFrame(()=>{a.value&&(f(),requestAnimationFrame(()=>{a.value&&d()}))})}),_(a,e=>{e&&o.value&&requestAnimationFrame(()=>{if(e)if(e.readyState>=2)f();else if(e.readyState>=1)f();else{const t=()=>{f(),e.removeEventListener("loadedmetadata",t)};e.addEventListener("loadedmetadata",t,{once:!0})}})}),_(()=>p.path,(e,t)=>{const u=j.indexOf(t||""),v=j.indexOf(e);u>=0&&v>=0?k.value=v>=u?"slide-left":"slide-right":k.value="depth-forward";const r=I[e],c=w.includes(t||""),g=w.includes(e);if(c&&g&&a.value){a.value.paused&&d(),i.value=!1,s.value=!1;return}if((c||g)&&(i.value=!1,s.value=!1),e==="/login"){l.value="bg-intro-1.jpg",s.value=!1,i.value=!1;return}r&&r!==l.value&&(!g&&!c?(s.value=!0,l.value=r,setTimeout(()=>{i.value=!0,setTimeout(()=>{i.value=!1},500),s.value=!1},1550)):(l.value=r,s.value=!1,i.value=!1))});function B(e){o.value&&a.value&&(e.preventDefault(),d())}function F(){o.value&&a.value&&(a.value.currentTime=0,d())}return _(o,e=>{e?document.body.classList.add("video-background-active"):document.body.classList.remove("video-background-active")},{immediate:!0}),S(()=>{const e=I[p.path];if(e&&(l.value=e),o.value){s.value=!1,i.value=!1,document.body.classList.add("video-background-active");const t=()=>{N(),sessionStorage.getItem("archipelago_from_splash")!=="1"&&H(),document.removeEventListener("click",t),document.removeEventListener("touchstart",t),document.removeEventListener("keydown",t)};document.addEventListener("click",t,{once:!0}),document.addEventListener("touchstart",t,{once:!0}),document.addEventListener("keydown",t,{once:!0})}}),(e,t)=>{const u=P("RouterView");return m(),b("div",K,[n("div",Q,[o.value?(m(),b("video",{key:0,ref_key:"videoElement",ref:a,class:"bg-layer",autoplay:"",loop:"",muted:"",playsinline:"",preload:"auto",poster:q,style:{width:"100%",height:"100%","object-fit":"cover","object-position":"center",position:"absolute",inset:"0",transform:"scale(1)",transition:"none"},onPause:A(B,["prevent"]),onEnded:F},[...t[0]||(t[0]=[n("source",{src:C,type:"video/mp4"},null,-1)])],544)):E.value?(m(),b(M,{key:1},[n("div",{class:"bg-layer bg-login-static bg-fullwidth",style:h({backgroundImage:`url('/assets/img/${L}')`})},null,4),n("div",{class:"login-glitch-layer login-glitch-1",style:h({backgroundImage:`url('/assets/img/${L}')`})},null,4),n("div",{class:"login-glitch-layer login-glitch-2",style:h({backgroundImage:`url('/assets/img/${L}')`})},null,4),t[1]||(t[1]=n("div",{class:"login-glitch-scan"},null,-1))],64)):(m(),b("div",{class:O(["bg-layer bg-zoom",{"bg-zoom-in":s.value}]),style:h({backgroundImage:`url('/assets/img/${l.value}')`}),key:l.value},null,6)),z(n("div",X,null,512),[[$,i.value&&!o.value&&!E.value]])]),n("div",Y,[n("div",Z,[T(u,null,{default:V(({Component:v,route:r})=>[T(U,{name:k.value},{default:V(()=>[(m(),b("div",{key:r.path,class:"view-wrapper"},[(m(),W(G(v),{class:"view-container"}))]))]),_:2},1032,["name"])]),_:1})])])])}}}),oe=J(ee,[["__scopeId","data-v-67f94dcc"]]);export{oe as default};
|