https://beatmv.ai/_next/static/chunks/8890.724f54827cdc6fe0.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8890],{18890:(t,e,i)=>{i.r(e),i.d(e,{default:()=>c});class n{constructor(){this.listeners={}}on(t,e,i){if(this.listeners[t]||(this.listeners[t]=new Set),null==i?void 0:i.once){let i=(...n)=>{this.un(t,i),e(...n)};return this.listeners[t].add(i),()=>this.un(t,i)}return this.listeners[t].add(e),()=>this.un(t,e)}un(t,e){var i;null==(i=this.listeners[t])||i.delete(e)}once(t,e){return this.on(t,e,{once:!0})}unAll(){this.listeners={}}emit(t,...e){this.listeners[t]&&this.listeners[t].forEach(t=>t(...e))}}class s extends n{constructor(t){super(),this.subscriptions=[],this.isDestroyed=!1,this.options=t}onInit(){}_init(t){this.isDestroyed&&(this.subscriptions=[],this.isDestroyed=!1),this.wavesurfer=t,this.onInit()}destroy(){this.emit("destroy"),this.subscriptions.forEach(t=>t()),this.subscriptions=[],this.isDestroyed=!0,this.wavesurfer=void 0}}function r(t,e,i){let n=function t(e,i){let n=i.xmlns?document.createElementNS(i.xmlns,e):document.createElement(e);for(let[e,s]of Object.entries(i))if("children"===e&&s)for(let[e,i]of Object.entries(s))i instanceof Node?n.appendChild(i):"string"==typeof i?n.appendChild(document.createTextNode(i)):n.appendChild(t(e,i));else"style"===e?Object.assign(n.style,s):"textContent"===e?n.textContent=s:n.setAttribute(e,s.toString());return n}(t,e||{});return null==i||i.appendChild(n),n}function o(t){let e=t,i=new Set;return{get value(){return e},set(t){Object.is(e,t)||(e=t,i.forEach(t=>t(e)))},update(t){this.set(t(e))},subscribe:t=>(i.add(t),()=>i.delete(t))}}function l(t,e){let i,n=()=>{i&&(i(),i=void 0),i=t()},s=e.map(t=>t.subscribe(n));return n(),()=>{i&&(i(),i=void 0),s.forEach(t=>t())}}function h(t,e){let i=o(null),n=t=>{i.set(t)};return t.addEventListener(e,n),i._cleanup=()=>{t.removeEventListener(e,n)},i}function a(t){let e=t._cleanup;"function"==typeof e&&e()}function d(t,e={}){let{threshold:i=3,mouseButton:n=0,touchDelay:s=100}=e,r=o(null),l=new Map,h=matchMedia("(pointer: coarse)").matches,u=()=>{},c=e=>{if(e.button!==n||(l.set(e.pointerId,e),l.size>1))return;let o=e.clientX,a=e.clientY,d=!1,c=Date.now(),{left:p,top:v}=t.getBoundingClientRect(),g=t=>{if(t.defaultPrevented||l.size>1||h&&Date.now()-c<s)return;let e=t.clientX,n=t.clientY,u=e-o,g=n-a;(d||Math.abs(u)>i||Math.abs(g)>i)&&(t.preventDefault(),t.stopPropagation(),d||(r.set({type:"start",x:o-p,y:a-v}),d=!0),r.set({type:"move",x:e-p,y:n-v,deltaX:u,deltaY:g}),o=e,a=n)},m=t=>{if(l.delete(t.pointerId),d){let e=t.clientX,i=t.clientY;r.set({type:"end",x:e-p,y:i-v})}u()},f=t=>{l.delete(t.pointerId),t.relatedTarget&&t.relatedTarget!==document.documentElement||m(t)},b=t=>{d&&(t.stopPropagation(),t.preventDefault())},E=t=>{t.defaultPrevented||l.size>1||d&&t.preventDefault()};document.addEventListener("pointermove",g),document.addEventListener("pointerup",m),document.addEventListener("pointerout",f),document.addEventListener("pointercancel",f),document.addEventListener("touchmove",E,{passive:!1}),document.addEventListener("click",b,{capture:!0}),u=()=>{document.removeEventListener("pointermove",g),document.removeEventListener("pointerup",m),document.removeEventListener("pointerout",f),document.removeEventListener("pointercancel",f),document.removeEventListener("touchmove",E),setTimeout(()=>{document.removeEventListener("click",b,{capture:!0})},10)}};return t.addEventListener("pointerdown",c),{signal:r,cleanup:()=>{u(),t.removeEventListener("pointerdown",c),l.clear(),a(r)}}}class u extends n{constructor(t,e,i=0){var n,s,r,o,l,h,a,d,u,c;super(),this.totalDuration=e,this.numberOfChannels=i,this.element=null,this.minLength=0,this.maxLength=1/0,this.contentEditable=!1,this.subscriptions=[],this.updatingSide=void 0,this.isRemoved=!1,this.subscriptions=[],this.id=t.id||`region-${Math.random().toString(32).slice(2)}`,this.start=this.clampPosition(t.start),this.end=this.clampPosition(null!=(n=t.end)?n:t.start),this.drag=null==(s=t.drag)||s,this.resize=null==(r=t.resize)||r,this.resizeStart=null==(o=t.resizeStart)||o,this.resizeEnd=null==(l=t.resizeEnd)||l,this.color=null!=(h=t.color)?h:"rgba(0, 0, 0, 0.1)",this.minLength=null!=(a=t.minLength)?a:this.minLength,this.maxLength=null!=(d=t.maxLength)?d:this.maxLength,this.channelIdx=null!=(u=t.channelIdx)?u:-1,this.contentEditable=null!=(c=t.contentEditable)?c:this.contentEditable,this.element=this.initElement(),this.setContent(t.content),this.setPart(),this.renderPosition(),this.initMouseEvents()}clampPosition(t){return Math.max(0,Math.min(this.totalDuration,t))}setPart(){var t;let e=this.start===this.end;null==(t=this.element)||t.setAttribute("part",`${e?"marker":"region"} ${this.id}`)}addResizeHandles(t){let e={position:"absolute",zIndex:"2",width:"6px",height:"100%",top:"0",cursor:"ew-resize",wordBreak:"keep-all"},i=r("div",{part:"region-handle region-handle-left",style:Object.assign(Object.assign({}

1,e),{left:"0",borderLeft:"2px solid rgba(0, 0, 0, 0.5)",borderRadius:"2px 0 0 2px"})},t),n=r("div",{part:"region-handle region-handle-right",style:Object.assign(Object.assign({},e),{right:"0",borderRight:"2px solid rgba(0, 0, 0, 0.5)",borderRadius:"0 2px 2px 0"})},t),s=d(i,{threshold:1}),o=d(n,{threshold:1}),h=l(()=>{let t=s.signal.value;t&&("move"===t.type&&void 0!==t.deltaX?this.onResize(t.deltaX,"start"):"end"===t.type&&this.onEndResizing("start"))},[s.signal]),a=l(()=>{let t=o.signal.value;t&&("move"===t.type&&void 0!==t.deltaX?this.onResize(t.deltaX,"end"):"end"===t.type&&this.onEndResizing("end"))},[o.signal]);this.subscriptions.push(()=>{h(),a(),s.cleanup(),o.cleanup()})}removeResizeHandles(t){let e=t.querySelector('[part*="region-handle-left"]'),i=t.querySelector('[part*="region-handle-right"]');e&&t.removeChild(e),i&&t.removeChild(i)}initElement(){if(this.isRemoved)return null;let t=this.start===this.end,e=0,i=100;this.channelIdx>=0&&this.numberOfChannels>0&&this.channelIdx<this.numberOfChannels&&(e=(i=100/this.numberOfChannels)*this.channelIdx);let n=r("div",{style:{position:"absolute",top:`${e}%`,height:`${i}%`,backgroundColor:t?"none":this.color,borderLeft:t?"2px solid "+this.color:"none",borderRadius:"2px",boxSizing:"border-box",transition:"background-color 0.2s ease",cursor:this.drag?"grab":"default",pointerEvents:"all"}});return!t&&this.resize&&this.addResizeHandles(n),n}renderPosition(){if(!this.element)return;let t=this.start/this.totalDuration,e=(this.totalDuration-this.end)/this.totalDuration;this.element.style.left=100*t+"%",this.element.style.right=100*e+"%"}toggleCursor(t){var e;this.drag&&(null==(e=this.element)?void 0:e.style)&&(this.element.style.cursor=t?"grabbing":"grab")}initMouseEvents(){let{element:t}=this;if(!t)return;let e=h(t,"click"),i=h(t,"mouseenter"),n=h(t,"mouseleave"),s=h(t,"dblclick"),r=h(t,"pointerdown"),o=h(t,"pointerup"),u=e.subscribe(t=>t&&this.emit("click",t)),c=i.subscribe(t=>t&&this.emit("over",t)),p=n.subscribe(t=>t&&this.emit("leave",t)),v=s.subscribe(t=>t&&this.emit("dblclick",t)),g=r.subscribe(t=>t&&this.toggleCursor(!0)),m=o.subscribe(t=>t&&this.toggleCursor(!1));this.subscriptions.push(()=>{u(),c(),p(),v(),g(),m(),a(e),a(i),a(n),a(s),a(r),a(o)});let f=d(t),b=l(()=>{let t=f.signal.value;t&&("start"===t.type?this.toggleCursor(!0):"move"===t.type&&void 0!==t.deltaX?this.onMove(t.deltaX):"end"===t.type&&(this.toggleCursor(!1),this.drag&&this.emit("update-end")))},[f.signal]);this.subscriptions.push(()=>{b(),f.cleanup()}),this.contentEditable&&this.content&&(this.contentClickListener=t=>this.onContentClick(t),this.contentBlurListener=()=>this.onContentBlur(),this.content.addEventListener("click",this.contentClickListener),this.content.addEventListener("blur",this.contentBlurListener))}_onUpdate(t,e,i){var n;if(!(null==(n=this.element)?void 0:n.parentElement))return;let{width:s}=this.element.parentElement.getBoundingClientRect(),r=t/s*this.totalDuration,o=e&&"start"!==e?this.start:this.start+r,l=e&&"end"!==e?this.end:this.end+r,h=void 0!==i;h&&this.updatingSide&&this.updatingSide!==e&&("start"===this.updatingSide?o=i:l=i),o=Math.max(0,o);let a=(l=Math.min(this.totalDuration,l))-o;this.updatingSide=e;let d=a>=this.minLength&&a<=this.maxLength;o<=l&&(d||h)&&(this.start=o,this.end=l,this.renderPosition(),this.emit("update",e))}onMove(t){this.drag&&this._onUpdate(t)}onResize(t,e){this.resize&&(this.resizeStart||"start"!==e)&&(this.resizeEnd||"end"!==e)&&this._onUpdate(t,e)}

1onEndResizing(t){this.resize&&(this.emit("update-end",t),this.updatingSide=void 0)}onContentClick(t){t.stopPropagation(),t.target.focus(),this.emit("click",t)}onContentBlur(){this.emit("update-end")}_setTotalDuration(t){this.totalDuration=t,this.renderPosition()}play(t){this.emit("play",t&&this.end!==this.start?this.end:void 0)}getContent(t=!1){var e;return t?this.content||void 0:this.element instanceof HTMLElement?(null==(e=this.content)?void 0:e.innerHTML)||void 0:""}setContent(t){var e;if(this.element)if(this.content&&this.contentEditable&&(this.contentClickListener&&this.content.removeEventListener("click",this.contentClickListener),this.contentBlurListener&&this.content.removeEventListener("blur",this.contentBlurListener)),null==(e=this.content)||e.remove(),t){if("string"==typeof t){let e=this.start===this.end;this.content=r("div",{style:{padding:`0.2em ${e?.2:.4}em`,display:"inline-block"},textContent:t})}else this.content=t;this.contentEditable&&(this.content.contentEditable="true",this.contentClickListener=t=>this.onContentClick(t),this.contentBlurListener=()=>this.onContentBlur(),this.content.addEventListener("click",this.contentClickListener),this.content.addEventListener("blur",this.contentBlurListener)),this.content.setAttribute("part","region-content"),this.element.appendChild(this.content),this.emit("content-changed")}else this.content=void 0}setOptions(t){var e,i;if(this.element){if(t.color&&(this.color=t.color,this.element.style.backgroundColor=this.color),void 0!==t.drag&&(this.drag=t.drag,this.element.style.cursor=this.drag?"grab":"default"),void 0!==t.start||void 0!==t.end){let n=this.start===this.end;this.start=this.clampPosition(null!=(e=t.start)?e:this.start),this.end=this.clampPosition(null!=(i=t.end)?i:n?this.start:this.end),this.renderPosition(),this.setPart()}if(t.content&&this.setContent(t.content),t.id&&(this.id=t.id,this.setPart()),void 0!==t.resize&&t.resize!==this.resize){let e=this.start===this.end;this.resize=t.resize,this.resize&&!e?this.addResizeHandles(this.element):this.removeResizeHandles(this.element)}void 0!==t.resizeStart&&(this.resizeStart=t.resizeStart),void 0!==t.resizeEnd&&(this.resizeEnd=t.resizeEnd)}}remove(){this.isRemoved=!0,this.emit("remove"),this.subscriptions.forEach(t=>t()),this.subscriptions=[],this.content&&this.contentEditable&&(this.contentClickListener&&(this.content.removeEventListener("click",this.contentClickListener),this.contentClickListener=void 0),this.contentBlurListener&&(this.content.removeEventListener("blur",this.contentBlurListener),this.contentBlurListener=void 0)),this.element&&(this.element.remove(),this.element=null),this.unAll()}}class c extends s{constructor(t){super(t),this.regions=[],this.regionsContainer=this.initRegionsContainer()}static create(t){return new c(t)}onInit(){if(!this.wavesurfer)throw Error("WaveSurfer is not initialized");this.wavesurfer.getWrapper().appendChild(this.regionsContainer),this.subscriptions.push(this.wavesurfer.on("ready",t=>{this.regions.forEach(e=>e._setTotalDuration(t))}));let t=[];this.subscriptions.push(this.wavesurfer.on("timeupdate",e=>{let i=this.regions.filter(t=>t.start<=e&&(t.end===t.start?t.start+.05:t.end)>=e);i.forEach(e=>{t.includes(e)||this.emit("region-in",e)}),t.forEach(t=>{i.includes(t)||this.emit("region-out",t)}),t=i}))}initRegionsContainer(){return r("div",{part:"regions-container",style:{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",zIndex:"5",pointerEvents:"none"}})}getRegions(){return this.regions}avoidOverlapping(t){t.content&&setTimeout(()=>{let e=t.content,i=e.getBoundingClientRect(),n=this.regions.map(e=>{if(e===t||!e.content)return 0;let n=e.content.getBoundingClientRect();return i.left<n.left+n.width&&n.left<i.left+i.width?n.height:0}).reduce((t,e)=>t+e,0);e.style.marginTop=`${n}px`},10)}adjustScroll(t){var e,i;if(!t.element)return;let n=null==(i=null==(e=this.wavesurfer)?void 0:e.getWrapper())?void 0:i.parentElement;if(!n)return;let{clientWidth:s,scrollWidth:r}=n;if(r<=s)return;let o=n.getBoundingClientRect(),l=t.element.getBoundingClientRect(),h=l.left-o.left,a=l.right-o.left;h<0?n.scrollLeft+=h:a>s&&(n.scrollLeft+=a-s)}virtualAppend(t,e,i){let n=()=>

1{if(!this.wavesurfer)return;let n=this.wavesurfer.getWidth(),s=this.wavesurfer.getScroll(),r=e.clientWidth,o=this.wavesurfer.getDuration(),l=Math.round(t.start/o*r),h=l+(Math.round((t.end-t.start)/o*r)||1)>s&&l<s+n;h&&!i.parentElement?e.appendChild(i):!h&&i.parentElement&&i.remove()};setTimeout(()=>{if(!this.wavesurfer||!t.element)return;n();let e=this.wavesurfer.on("scroll",n),i=this.wavesurfer.on("zoom",n),s=this.wavesurfer.on("resize",n);this.subscriptions.push(e,i,s),t.once("remove",()=>{e(),i(),s()})},0)}saveRegion(t){if(!t.element)return;this.virtualAppend(t,this.regionsContainer,t.element),this.avoidOverlapping(t),this.regions.push(t);let e=[t.on("update",e=>{e||this.adjustScroll(t),this.emit("region-update",t,e)}),t.on("update-end",e=>{this.avoidOverlapping(t),this.emit("region-updated",t,e)}),t.on("play",e=>{var i;null==(i=this.wavesurfer)||i.play(t.start,e)}),t.on("click",e=>{this.emit("region-clicked",t,e)}),t.on("dblclick",e=>{this.emit("region-double-clicked",t,e)}),t.on("content-changed",()=>{this.emit("region-content-changed",t)}),t.once("remove",()=>{e.forEach(t=>t()),this.regions=this.regions.filter(e=>e!==t),this.emit("region-removed",t)})];this.subscriptions.push(...e),this.emit("region-created",t)}addRegion(t){var e,i;if(!this.wavesurfer)throw Error("WaveSurfer is not initialized");let n=this.wavesurfer.getDuration(),s=new u(t,n,null==(i=null==(e=this.wavesurfer)?void 0:e.getDecodedData())?void 0:i.numberOfChannels);return this.emit("region-initialized",s),n?this.saveRegion(s):this.subscriptions.push(this.wavesurfer.once("ready",t=>{s._setTotalDuration(t),this.saveRegion(s)})),s}enableDragSelection(t,e=3){var i;let n=null==(i=this.wavesurfer)?void 0:i.getWrapper();if(!(n&&n instanceof HTMLElement))return()=>{};let s=null,r=0,o=0,h=d(n,{threshold:e}),a=l(()=>{var e,i;let n=h.signal.value;if(n)if("start"===n.type){if(r=n.x,!this.wavesurfer)return;let l=this.wavesurfer.getDuration(),h=null==(i=null==(e=this.wavesurfer)?void 0:e.getDecodedData())?void 0:i.numberOfChannels,{width:a}=this.wavesurfer.getWrapper().getBoundingClientRect();o=r/a*l;let d=n.x/a*l,c=(n.x+5)/a*l;s=new u(Object.assign(Object.assign({},t),{start:d,end:c}),l,h),this.emit("region-initialized",s),s.element&&this.regionsContainer.appendChild(s.element)}else"move"===n.type&&void 0!==n.deltaX?s&&s._onUpdate(n.deltaX,n.x>r?"end":"start",o):"end"===n.type&&s&&(this.saveRegion(s),s.updatingSide=void 0,s=null)},[h.signal]);return()=>{a(),h.cleanup()}}clearRegions(){this.regions.slice().forEach(t=>t.remove()),this.regions=[]}destroy(){this.clearRegions(),super.destroy(),this.regionsContainer.remove()}}}}]);