const c={init(){this.bindListeners()},bindListeners(){document.addEventListener("click",t=>{var s,r,o;const a=(s=t.target.closest("[data-screen-transition]"))==null?void 0:s.getAttribute("data-screen-transition");if(!a)return;const n=(r=t.target.closest("[data-screen]"))==null?void 0:r.parentElement,e=(o=t.target.closest("[data-screen-transition-type]"))==null?void 0:o.getAttribute("data-screen-transition-type"),i=n==null?void 0:n.querySelector(`[data-screen="${a}"]`);this.transitionToScreen({targetScreen:i,type:e})})},async transitionToScreen({targetScreen:t,type:a="slide-left",instant:n=!1}){var s,r;const e=t==null?void 0:t.parentElement.querySelector("[data-screen]:not([hidden])");if(!e||!t){console.error("Current screen or target screen not found for transition",t);return}const i=()=>{e.toggleAttribute("hidden",!0),t.toggleAttribute("hidden",!1)};if(!document.startViewTransition||n){i();return}e.style.viewTransitionName="screen-old",t.style.viewTransitionName="screen-new";try{await((s=document.startViewTransition({update:i,types:[a]}))==null?void 0:s.finished)}catch{await((r=document.startViewTransition(i))==null?void 0:r.finished)}e.style.viewTransitionName="none",t.style.viewTransitionName="none"}};export{c as S};
//# sourceMappingURL=screen-transitions-928a9f1a.js.map