"use strict";(self.webpackChunk_stlite_desktop=self.webpackChunk_stlite_desktop||[]).push([[4785],{94785:(e,t,r)=>{r.r(t),r.d(t,{default:()=>d});var n=r(5057),u=r(13840),s=r(96266);function d(e){let{element:t,width:r,endpoints:d,elementMgr:i}=e;const a=(0,n.useRef)(null),{startTime:o,endTime:c,loop:l,autoplay:m}=t,f=(0,n.useMemo)((()=>{if(!t.id)return!0;const e=i.getElementState(t.id,"preventAutoplay");return e||i.setElementState(t.id,"preventAutoplay",!0),null!==e&&void 0!==e&&e}),[t.id,i]);(0,n.useEffect)((()=>{a.current&&(a.current.currentTime=o)}),[o]),(0,n.useEffect)((()=>{const e=a.current,r=()=>{e&&(e.currentTime=t.startTime)};return e&&e.addEventListener("loadedmetadata",r),()=>{e&&e.removeEventListener("loadedmetadata",r)}}),[t]),(0,n.useEffect)((()=>{const e=a.current;if(!e)return;let t=!1;const r=()=>{c>0&&e.currentTime>=c&&(l?(e.currentTime=o||0,e.play()):t||(t=!0,e.pause()))};return c>0&&e.addEventListener("timeupdate",r),()=>{e&&c>0&&e.removeEventListener("timeupdate",r)}}),[c,l,o]),(0,n.useEffect)((()=>{const e=a.current;if(!e)return;const t=()=>{l&&(e.currentTime=o||0,e.play())};return e.addEventListener("ended",t),()=>{e&&e.removeEventListener("ended",t)}}),[l,o]);const p=(0,u.O0)(t.url),v=d.buildMediaURL(p);return(0,s.jsx)("audio",{className:"stAudio","data-testid":"stAudio",ref:a,controls:!0,autoPlay:m&&!f,src:v,style:{width:r}})}}}]);