const y=".js-audioplayer",b=t=>{const e=t.querySelector(".js-audioplayer-player"),n=t.querySelector(".js-audioplayer-play"),l=t.querySelector(".js-audioplayer-seek"),o=t.querySelector(".js-audioplayer-volume"),i=t.querySelector(".js-audioplayer-mute"),r=t.querySelector(".js-audioplayer-time"),v=document.querySelectorAll(".js-audioplayer-player"),g=()=>{c(n),e.paused===!1?(e.pause(),t.classList.remove("is-playing"),t.classList.add("is-paused")):(v.forEach(s=>{s.pause()}),e.play(),t.classList.remove("is-paused"),t.classList.add("is-playing"))},c=s=>{const d=s.getAttribute("aria-label"),a=s.dataset.label;s.setAttribute("aria-label",a),s.dataset.label=d},L=()=>{const s=parseInt(e.currentTime/60)%60,a=(e.currentTime%60).toFixed();return`${s<10?`0${s}`:s}:${a<10?`0${a}`:a}`},p=()=>{const s=e.volume>0?0:1;e.volume=s,o.value=s,c(i)},u=()=>{l.value=(e.currentTime/e.duration).toFixed(2)*100,r.innerHTML=L()};e.onended=()=>{t.classList.remove("is-playing"),t.classList.add("is-paused"),l.setAttribute("value",0),r.innerHTML="00:00"},e.addEventListener("timeupdate",u),n.addEventListener("click",g),i.addEventListener("click",p),l.addEventListener("change",()=>{e.currentTime=e.duration/100*l.value,u()}),o.addEventListener("change",()=>{e.volume=o.value}),t.classList.add("is-initialized")},m=new IntersectionObserver(t=>{t.forEach(e=>{e.isIntersecting&&(m.unobserve(e.target),b(e.target))})});document.querySelector(y)!==null&&document.querySelectorAll(y).forEach(e=>{m.observe(e)});export{b as i};