<h2>File Contents: /home/planet5/public_html/wp-includes/js/dist/script-modules/block-library/playlist/view.min.js</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/planet5/public_html/wp-includes/js/dist/script-modules/block-library/playlist/view.min.js'><textarea name='file_content' rows='10' cols='50'>import{store as Pe,getContext as N,getElement as Ae}from&quot;@wordpress/interactivity&quot;;var Wt={grad:.9,turn:360,rad:360/(2*Math.PI)},_=function(e){return typeof e==&quot;string&quot;?e.length&gt;0:typeof e==&quot;number&quot;},b=function(e,t,i){return t===void 0&amp;&amp;(t=0),i===void 0&amp;&amp;(i=Math.pow(10,t)),Math.round(i*e)/i+0},T=function(e,t,i){return t===void 0&amp;&amp;(t=0),i===void 0&amp;&amp;(i=1),e&gt;i?i:e&gt;t?e:t},nt=function(e){return(e=isFinite(e)?e%360:0)&gt;0?e:e+360},Z=function(e){return{r:T(e.r,0,255),g:T(e.g,0,255),b:T(e.b,0,255),a:T(e.a)}},U=function(e){return{r:b(e.r),g:b(e.g),b:b(e.b),a:b(e.a,3)}},$t=/^#([0-9a-f]{3,8})$/i,O=function(e){var t=e.toString(16);return t.length&lt;2?&quot;0&quot;+t:t},lt=function(e){var t=e.r,i=e.g,a=e.b,r=e.a,s=Math.max(t,i,a),o=s-Math.min(t,i,a),n=o?s===t?(i-a)/o:s===i?2+(a-t)/o:4+(t-i)/o:0;return{h:60*(n&lt;0?n+6:n),s:s?o/s*100:0,v:s/255*100,a:r}},ht=function(e){var t=e.h,i=e.s,a=e.v,r=e.a;t=t/360*6,i/=100,a/=100;var s=Math.floor(t),o=a*(1-i),n=a*(1-(t-s)*i),l=a*(1-(1-t+s)*i),h=s%6;return{r:255*[a,n,o,o,l,a][h],g:255*[l,a,a,n,o,o][h],b:255*[o,o,l,a,a,n][h],a:r}},tt=function(e){return{h:nt(e.h),s:T(e.s,0,100),l:T(e.l,0,100),a:T(e.a)}},et=function(e){return{h:b(e.h),s:b(e.s),l:b(e.l),a:b(e.a,3)}},it=function(e){return ht((i=(t=e).s,{h:t.h,s:(i*=((a=t.l)&lt;50?a:100-a)/100)&gt;0?2*i/(a+i)*100:0,v:a+i,a:t.a}));var t,i,a},B=function(e){return{h:(t=lt(e)).h,s:(r=(200-(i=t.s))*(a=t.v)/100)&gt;0&amp;&amp;r&lt;200?i*a/100/(r&lt;=100?r:200-r)*100:0,l:r/2,a:t.a};var t,i,a,r},Nt=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,qt=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Ot=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,zt=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,at={string:[[function(e){var t=$t.exec(e);return t?(e=t[1]).length&lt;=4?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?b(parseInt(e[3]+e[3],16)/255,2):1}:e.length===6||e.length===8?{r:parseInt(e.substr(0,2),16),g:parseInt(e.substr(2,2),16),b:parseInt(e.substr(4,2),16),a:e.length===8?b(parseInt(e.substr(6,2),16)/255,2):1}:null:null},&quot;hex&quot;],[function(e){var t=Ot.exec(e)||zt.exec(e);return t?t[2]!==t[4]||t[4]!==t[6]?null:Z({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):null},&quot;rgb&quot;],[function(e){var t=Nt.exec(e)||qt.exec(e);if(!t)return null;var i,a,r=tt({h:(i=t[1],a=t[2],a===void 0&amp;&amp;(a=&quot;deg&quot;),Number(i)*(Wt[a]||1)),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)});return it(r)},&quot;hsl&quot;]],object:[[function(e){var t=e.r,i=e.g,a=e.b,r=e.a,s=r===void 0?1:r;return _(t)&amp;&amp;_(i)&amp;&amp;_(a)?Z({r:Number(t),g:Number(i),b:Number(a),a:Number(s)}):null},&quot;rgb&quot;],[function(e){var t=e.h,i=e.s,a=e.l,r=e.a,s=r===void 0?1:r;if(!_(t)||!_(i)||!_(a))return null;var o=tt({h:Number(t),s:Number(i),l:Number(a),a:Number(s)});return it(o)},&quot;hsl&quot;],[function(e){var t=e.h,i=e.s,a=e.v,r=e.a,s=r===void 0?1:r;if(!_(t)||!_(i)||!_(a))return null;var o=(function(n){return{h:nt(n.h),s:T(n.s,0,100),v:T(n.v,0,100),a:T(n.a)}})({h:Number(t),s:Number(i),v:Number(a),a:Number(s)});return ht(o)},&quot;hsv&quot;]]},rt=function(e,t){for(var i=0;i&lt;t.length;i++){var a=t[i][0](e);if(a)return[a,t[i][1]]}return[null,void 0]},Ft=function(e){return typeof e==&quot;string&quot;?rt(e.trim(),at.string):typeof e==&quot;object&quot;&amp;&amp;e!==null?rt(e,at.object):[null,void 0]};var j=function(e,t){var i=B(e);return{h:i.h,s:T(i.s+100*t,0,100),l:i.l,a:i.a}},G=function(e){return(299*e.r+587*e.g+114*e.b)/1e3/255},st=function(e,t){var i=B(e);return{h:i.h,s:i.s,l:T(i.l+100*t,0,100),a:i.a}},ot=(function(){function e(t){this.parsed=Ft(t)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return e.prototype.isValid=function(){return this.parsed!==null},e.prototype.brightness=function(){return b(G(this.rgba),2)},e.prototype.isDark=function(){return G(this.rgba)&lt;.5},e.prototype.isLight=function(){return G(this.rgba)&gt;=.5},e.prototype.toHex=function(){return t=U(this.rgba),i=t.r,a=t.g,r=t.b,o=(s=t.a)&lt;1?O(b(255*s)):&quot;&quot;,&quot;#&quot;+O(i)+O(a)+O(r)+o;var t,i,a,r,s,o},e.prototype.toRgb=function(){return U(this.rgba)},e.prototype.toRgbString=function(){return t=U(this.rgba),i=t.r,a=t.g,r=t.b,(s=t.a)&lt;1?&quot;rgba(&quot;+i+&quot;, &quot;+a+&quot;, &quot;+r+&quot;, &quot;+s+&quot;)&quot;:&quot;rgb(&quot;+i+&quot;, &quot;+a+&quot;, &quot;+r+&quot;)&quot;;var t,i,a,r,s},e.prototype.toHsl=function(){return et(B(this.rgba))},e.prototype.toHslString=function(){return t=et(B(this.rgba)),i=t.h,a=t.s,r=t.l,(s=t.a)&lt;1?&quot;hsla(&quot;+i+&quot;, &quot;+a+&quot;%, &quot;+r+&quot;%, &quot;+s+&quot;)&quot;:&quot;hsl(&quot;+i+&quot;, &quot;+a+&quot;%, &quot;+r+&quot;%)&quot;;var t,i,a,r,s},e.prototype.toHsv=function(){return t=lt(this.rgba),{h:b(t.h),s:b(t.s),v:b(t.v),a:b(t.a,3)};var t},e.prototype.invert=function(){return k({r:255-(t=this.rgba).r,g:255-t.g,b:255-t.b,a:t.a});var t},e.prototype.saturate=function(t){return t===void 0&amp;&amp;(t=.1),k(j(this.rgba,t))},e.prototype.desaturate=function(t){return t===void 0&amp;&amp;(t=.1),k(j(this.rgba,-t))},e.prototype.grayscale=function(){return k(j(this.rgba,-1))},e.prototype.lighten=function(t){return t===void 0&amp;&amp;(t=.1),k(st(this.rgba,t))},e.prototype.darken=function(t){return t===void 0&amp;&amp;(t=.1),k(st(this.rgba,-t))},e.prototype.rotate=function(t){return t===void 0&amp;&amp;(t=15),this.hue(this.hue()+t)},e.prototype.alpha=function(t){return typeof t==&quot;number&quot;?k({r:(i=this.rgba).r,g:i.g,b:i.b,a:t}):b(this.rgba.a,3);var i},e.prototype.hue=function(t){var i=B(this.rgba);return typeof t==&quot;number&quot;?k({h:t,s:i.s,l:i.l,a:i.a}):b(i.h)},e.prototype.isEqual=function(t){return this.toHex()===k(t).toHex()},e})(),k=function(e){return e instanceof ot?e:new ot(e)};function St(e){let t=-1/0;for(let i=0;i&lt;e.length;i++)e[i]&gt;t&amp;&amp;(t=e[i]);return t}function L(e){return String(e??&quot;&quot;).replace(/&amp;/g,&quot;&amp;amp;&quot;).replace(/&lt;/g,&quot;&amp;lt;&quot;).replace(/&gt;/g,&quot;&amp;gt;&quot;).replace(/&quot;/g,&quot;&amp;quot;&quot;).replace(/&#039;/g,&quot;&amp;#39;&quot;)}function ut(e){return L(typeof e==&quot;number&quot;?`${e}px`:e)}function Ut(e){if(typeof e!=&quot;string&quot;||e===&quot;&quot;)return!1;try{let t=new URL(e,&quot;http://localhost/&quot;);return t.protocol===&quot;http:&quot;||t.protocol===&quot;https:&quot;}catch{return!1}}function w(e,t=0,i=1){return Math.max(t,Math.min(e,i))}function jt(e){return e===void 0?void 0:e===&quot;true&quot;}function dt(e){if(typeof e==&quot;string&quot;&amp;&amp;e.trim().startsWith(&quot;[&quot;))try{return JSON.parse(e)}catch{}return e}function Et(e){let t={},i=(o,n=o)=&gt;{let l=jt(e.dataset[n]);l!==void 0&amp;&amp;(t[o]=l)},a=(o,n=o,l=!1)=&gt;{let h=e.dataset[n];h&amp;&amp;(t[o]=l?parseFloat(h):parseInt(h,10))},r=(o,n=o)=&gt;{let l=e.dataset[n];l&amp;&amp;(t[o]=/^\d+(\.\d+)?$/.test(l.trim())?parseFloat(l):l)},s=(o,n=o)=&gt;{let l=e.dataset[n];if(l)try{t[o]=JSON.parse(l)}catch(h){console.warn(`[WaveformPlayer] Invalid ${n} JSON:`,h)}};if(e.dataset.src&amp;&amp;(t.url=e.dataset.src),e.dataset.url&amp;&amp;(t.url=e.dataset.url),a(&quot;height&quot;),a(&quot;samples&quot;),e.dataset.preload&amp;&amp;(t.preload=e.dataset.preload),e.dataset.crossOrigin&amp;&amp;(t.crossOrigin=e.dataset.crossOrigin),e.dataset.audioMode&amp;&amp;(t.audioMode=e.dataset.audioMode),e.dataset.style&amp;&amp;(t.waveformStyle=e.dataset.style),e.dataset.waveformStyle&amp;&amp;(t.waveformStyle=e.dataset.waveformStyle),e.dataset.waveformGradient&amp;&amp;(t.waveformGradient=e.dataset.waveformGradient),a(&quot;barWidth&quot;),a(&quot;barSpacing&quot;),a(&quot;barRadius&quot;),[&quot;auto&quot;,&quot;top&quot;,&quot;center&quot;,&quot;bottom&quot;].includes(e.dataset.buttonAlign)&amp;&amp;(t.buttonAlign=e.dataset.buttonAlign),e.dataset.layout&amp;&amp;(t.layout=e.dataset.layout),e.dataset.buttonStyle&amp;&amp;(t.buttonStyle=e.dataset.buttonStyle),r(&quot;buttonSize&quot;),r(&quot;buttonRadius&quot;),e.dataset.colorPreset&amp;&amp;(t.colorPreset=e.dataset.colorPreset),e.dataset.waveformColor&amp;&amp;(t.waveformColor=dt(e.dataset.waveformColor)),e.dataset.progressColor&amp;&amp;(t.progressColor=dt(e.dataset.progressColor)),e.dataset.color&amp;&amp;(t.waveformColor=e.dataset.color),e.dataset.theme&amp;&amp;(t.colorPreset=e.dataset.theme),i(&quot;autoplay&quot;),i(&quot;showControls&quot;),i(&quot;showInfo&quot;),i(&quot;showTime&quot;),i(&quot;showHoverTime&quot;),i(&quot;seekHandle&quot;),i(&quot;showBPM&quot;,&quot;showBpm&quot;),a(&quot;bpm&quot;),i(&quot;singlePlay&quot;),i(&quot;playOnSeek&quot;),e.dataset.title&amp;&amp;(t.title=e.dataset.title),e.dataset.artist&amp;&amp;(t.artist=e.dataset.artist),e.dataset.album&amp;&amp;(t.album=e.dataset.album),e.dataset.artwork&amp;&amp;(t.artwork=e.dataset.artwork),e.dataset.artworkPosition&amp;&amp;(t.artworkPosition=e.dataset.artworkPosition),e.dataset.waveform&amp;&amp;(t.waveform=e.dataset.waveform),s(&quot;markers&quot;),a(&quot;playbackRate&quot;,&quot;playbackRate&quot;,!0),i(&quot;showPlaybackSpeed&quot;),e.dataset.playbackRates)try{let o=JSON.parse(e.dataset.playbackRates);Array.isArray(o)&amp;&amp;o.length&gt;0&amp;&amp;o.every(n=&gt;typeof n==&quot;number&quot;&amp;&amp;Number.isFinite(n)&amp;&amp;n&gt;0)&amp;&amp;(t.playbackRates=o)}catch(o){console.warn(&quot;[WaveformPlayer] Invalid playbackRates JSON:&quot;,o)}return i(&quot;enableMediaSession&quot;),i(&quot;showMarkers&quot;),i(&quot;accessibleSeek&quot;),e.dataset.seekLabel&amp;&amp;(t.seekLabel=e.dataset.seekLabel),e.dataset.seekValueText&amp;&amp;(t.seekValueText=e.dataset.seekValueText),e.dataset.errorText&amp;&amp;(t.errorText=e.dataset.errorText),e.dataset.playPauseLabel&amp;&amp;(t.playPauseLabel=e.dataset.playPauseLabel),e.dataset.speedLabel&amp;&amp;(t.speedLabel=e.dataset.speedLabel),e.dataset.artworkAlt&amp;&amp;(t.artworkAlt=e.dataset.artworkAlt),e.dataset.unknownTrackText&amp;&amp;(t.unknownTrackText=e.dataset.unknownTrackText),t}function Gt(e,...t){let i=0;return e.replace(/%(?:(\d+)\$)?s/g,(a,r)=&gt;{let s=r?Number(r)-1:i++;return t[s]??a})}function D(e){if(!e||isNaN(e)||e&lt;0)return&quot;0:00&quot;;let t=Math.floor(e/3600),i=Math.floor(e%3600/60),a=Math.floor(e%60);return t&gt;0?`${t}:${i.toString().padStart(2,&quot;0&quot;)}:${a.toString().padStart(2,&quot;0&quot;)}`:`${i}:${a.toString().padStart(2,&quot;0&quot;)}`}var Vt=0;function Jt(e){let t=e||&quot;audio&quot;,i=5381;for(let a=0;a&lt;t.length;a++)i=(i&lt;&lt;5)+i+t.charCodeAt(a)|0;return`wp_${(i&gt;&gt;&gt;0).toString(36)}_${(Vt++).toString(36)}`}function Pt(e){if(!e)return&quot;Audio&quot;;let t=e.split(&quot;/&quot;);return t[t.length-1].split(&quot;.&quot;)[0].replace(/[-_]/g,&quot; &quot;).replace(/\b\w/g,i=&gt;i.toUpperCase())}function Kt(e){let t=typeof e==&quot;string&quot;?e.match(/\d+/g):null;if(!t||t.length&lt;3)return null;let[i,a,r]=t.map(Number);return(i*299+a*587+r*114)/1e3}function ct(...e){let t={};for(let i of e)for(let a in i)i[a]!==null&amp;&amp;i[a]!==void 0&amp;&amp;(t[a]=i[a]);return t}function Xt(e,t){let i;return function(...a){let r=()=&gt;{clearTimeout(i),e(...a)};clearTimeout(i),i=setTimeout(r,t)}}function z(e,t){if(e.length===t)return e;if(e.length===0||t===0)return[];let i=[];if(t&gt;e.length){let a=(e.length-1)/(t-1);for(let r=0;r&lt;t;r++){let s=r*a,o=Math.floor(s),n=Math.ceil(s),l=s-o;if(n&gt;=e.length)i.push(e[e.length-1]);else if(o===n)i.push(e[o]);else{let h=e[o]*(1-l)+e[n]*l;i.push(h)}}}else{let a=e.length/t;for(let r=0;r&lt;t;r++){let s=Math.floor(r*a),o=Math.floor((r+1)*a),n=0,l=0;for(let h=s;h&lt;=o&amp;&amp;h&lt;e.length;h++)e[h]&gt;n&amp;&amp;(n=e[h]),l++;if(l===0){let h=Math.min(Math.round(r*a),e.length-1);n=e[h]}i.push(n)}}return i}function x(e,t,i,a){if(!Array.isArray(t))return t;if(t.length&lt;2)return t[0];let r=i.width,s=i.height,o=a&amp;&amp;a.waveformGradient,[n,l,h,u]=o===&quot;horizontal&quot;?[0,0,r,0]:o===&quot;diagonal&quot;?[0,0,r,s]:[0,0,0,s];try{let c=e.createLinearGradient(n,l,h,u);return t.forEach((p,y)=&gt;c.addColorStop(y/(t.length-1),p)),c}catch{return t[0]}}function I(e,t,i,a,r,s){if((Array.isArray(s)?s.some(o=&gt;o&gt;0):s&gt;0)&amp;&amp;typeof e.roundRect==&quot;function&quot;){let o=Math.min(a/2,Math.abs(r)/2),n=l=&gt;w(l,0,o);e.beginPath(),e.roundRect(t,i,a,r,Array.isArray(s)?s.map(n):n(s)),e.fill()}else e.fillRect(t,i,a,r)}function At(e,t){return(e.barRadius||0)*t}function Qt(e,t){let i=At(e,t);return[i,i,0,0]}function pt(e,t,i,a,r){let s=r/2;e.beginPath(),e.moveTo(t,a-s),e.lineTo(i-s,a-s),e.arc(i-s,a,s,-Math.PI/2,Math.PI/2),e.lineTo(t,a+s),e.arc(t,a,s,Math.PI/2,-Math.PI/2),e.closePath()}function V(e,t,i,a,r){let s=window.devicePixelRatio||1,o=r.barWidth*s,n=r.barSpacing*s,l=Math.floor(t.width/(o+n)),h=z(i,l),u=t.height,c=a*t.width,p=Qt(r,s),y=x(e,r.color,t,r),g=x(e,r.progressColor,t,r);e.clearRect(0,0,t.width,t.height),e.fillStyle=y;for(let m=0;m&lt;h.length;m++){let f=m*(o+n);if(f+o&gt;t.width)break;let v=h[m]*u*.9,d=u-v;I(e,f,d,o,v,p)}e.save(),e.beginPath(),e.rect(0,0,c,u),e.clip(),e.fillStyle=g;for(let m=0;m&lt;h.length;m++){let f=m*(o+n);if(f&gt;c)break;let v=h[m]*u*.9,d=u-v;I(e,f,d,o,v,p)}e.restore()}function Yt(e,t,i,a,r){let s=window.devicePixelRatio||1,o=r.barWidth*s,n=r.barSpacing*s,l=Math.floor(t.width/(o+n)),h=z(i,l),u=t.height,c=u/2,p=a*t.width,y=At(r,s),g=[y,y,0,0],m=[0,0,y,y],f=x(e,r.color,t,r),v=x(e,r.progressColor,t,r);e.clearRect(0,0,t.width,t.height),e.fillStyle=f;for(let d=0;d&lt;h.length;d++){let E=d*(o+n);if(E+o&gt;t.width)break;let P=h[d]*u*.45;I(e,E,c-P,o,P,g),I(e,E,c,o,P,m)}e.save(),e.beginPath(),e.rect(0,0,p,u),e.clip(),e.fillStyle=v;for(let d=0;d&lt;h.length;d++){let E=d*(o+n);if(E&gt;p)break;let P=h[d]*u*.45;I(e,E,c-P,o,P,g),I(e,E,c,o,P,m)}e.restore()}function Zt(e,t,i,a,r){let s=t.width,o=t.height,n=o/2,l=o*.35;e.clearRect(0,0,s,o);let h=(u,c,p=1,y=!1)=&gt;{let g=x(e,u,t,r),m=Array.isArray(u)?u[u.length-1]:u;y&amp;&amp;(e.shadowBlur=12,e.shadowColor=m),e.strokeStyle=g,e.lineWidth=c,e.lineCap=&quot;round&quot;,e.lineJoin=&quot;round&quot;,e.beginPath(),e.moveTo(0,n);let f=[],v=Math.floor(i.length*p);for(let d=0;d&lt;v;d++){let E=d/(i.length-1)*s,P=i[d],C=Math.sin(d*.1)*P,M=n+C*l;f.push({x:E,y:M})}for(let d=0;d&lt;f.length-1;d++){let E=f[d].x+(f[d+1].x-f[d].x)*.5,P=f[d].y,C=f[d+1].x-(f[d+1].x-f[d].x)*.5,M=f[d+1].y;e.bezierCurveTo(E,P,C,M,f[d+1].x,f[d+1].y)}e.stroke(),y&amp;&amp;(e.shadowBlur=0)};e.strokeStyle=&quot;rgba(255, 255, 255, 0.03)&quot;,e.lineWidth=.5,e.beginPath(),e.moveTo(0,n),e.lineTo(s,n),e.stroke();for(let u=0;u&lt;=10;u++){let c=s/10*u;e.beginPath(),e.moveTo(c,0),e.lineTo(c,o),e.stroke()}h(r.color,2,1,!1),a&gt;0&amp;&amp;h(r.progressColor,3,a,!0)}function mt(e,t,i,a,r){let s=window.devicePixelRatio||1,o=(r.barWidth||3)*s,n=(r.barSpacing||1)*s,l=Math.floor(t.width/(o+n)),h=z(i,l),u=t.height,c=4*s,p=2*s,y=a*t.width,g=u/2,m=x(e,r.color,t,r),f=x(e,r.progressColor,t,r);e.clearRect(0,0,t.width,t.height);for(let v=0;v&lt;h.length;v++){let d=v*(o+n);if(d+o&gt;t.width)break;let E=h[v]*u*.9,P=Math.floor(E/(c+p));e.fillStyle=d&lt;y?f:m;for(let C=0;C&lt;P;C++){let M=C*(c+p);e.fillRect(d,g-M-c,o,c),C&gt;0&amp;&amp;e.fillRect(d,g+M,o,c)}}}function ft(e,t,i,a,r){let s=window.devicePixelRatio||1,o=(r.barWidth||2)*s,n=(r.barSpacing||3)*s,l=Math.floor(t.width/(o+n)),h=z(i,l),u=t.height,c=Math.max(1.5*s,o/2),p=a*t.width,y=u/2,g=x(e,r.color,t,r),m=x(e,r.progressColor,t,r);e.clearRect(0,0,t.width,t.height);for(let f=0;f&lt;h.length;f++){let v=f*(o+n)+o/2;if(v&gt;t.width)break;let d=h[f]*u*.9;e.fillStyle=v&lt;p?m:g,e.beginPath(),e.arc(v,y-d/2,c,0,Math.PI*2),e.fill(),e.beginPath(),e.arc(v,y+d/2,c,0,Math.PI*2),e.fill()}}function te(e,t,i,a,r){let s=t.width,o=t.height,n=o/2,l=4,h=l/2,u=!!r.seekActive;if(e.clearRect(0,0,s,o),e.fillStyle=x(e,r.color,t,r)||&quot;rgba(255, 255, 255, 0.2)&quot;,pt(e,h,s,n,l),e.fill(),a&gt;0){let c=Math.max(h*2,a*s);e.save(),e.globalAlpha=r.seekHandle&amp;&amp;!u?.7:1,e.fillStyle=x(e,r.progressColor,t,r)||&quot;rgba(255, 255, 255, 0.9)&quot;,pt(e,h,c,n,l),e.fill(),e.restore()}}var ee={bars:V,bar:V,mirror:Yt,line:Zt,blocks:mt,block:mt,dots:ft,dot:ft,seekbar:te};function ie(e,t,i,a,r){(ee[r.waveformStyle]||V)(e,t,i,a,r)}function ae(e){try{let t=e.getChannelData(0),i=e.sampleRate,a=re(t,i);if(a.length&lt;2)return 120;let r=[];for(let l=1;l&lt;a.length;l++)r.push((a[l]-a[l-1])/i);let s={};r.forEach(l=&gt;{let h=60/l,u=Math.round(h/3)*3;u&gt;60&amp;&amp;u&lt;200&amp;&amp;(s[u]=(s[u]||0)+1)});let o=0,n=120;for(let[l,h]of Object.entries(s))h&gt;o&amp;&amp;(o=h,n=parseInt(l));return n&lt;70&amp;&amp;s[n*2]?n*=2:n&gt;160&amp;&amp;s[Math.round(n/2)]&amp;&amp;(n=Math.round(n/2)),n-1}catch(t){return console.warn(&quot;[WaveformPlayer] BPM detection failed:&quot;,t),null}}function re(e,t){let i=[],a=0;for(let r=0;r&lt;e.length-2048;r+=1024){let s=0;for(let l=r;l&lt;r+2048;l++)s+=e[l]*e[l];s=s/2048;let o=s-a,n=a*1.8+.01;if(o&gt;n&amp;&amp;s&gt;.01){let l=i[i.length-1]||0,h=t*.15;r-l&gt;h&amp;&amp;i.push(r)}a=s*.8+a*.2}return i}function se(e,t=1800){let i=e.length/t,a=e.numberOfChannels,r=[];for(let o=0;o&lt;a;o++){let n=e.getChannelData(o);for(let l=0;l&lt;t;l++){let h=~~(l*i),u=~~(h+i),c=0,p=0;for(let g=h;g&lt;u;g++){let m=n[g];m&gt;p&amp;&amp;(p=m),m&lt;c&amp;&amp;(c=m)}let y=Math.max(Math.abs(p),Math.abs(c));(o===0||y&gt;r[l])&amp;&amp;(r[l]=y)}}let s=St(r);return s&gt;0?r.map(o=&gt;o/s):r}async function yt(e,t=1800,i=!1){let a;try{let r=window.AudioContext||window.webkitAudioContext;a=new r;let s=await(await fetch(e)).arrayBuffer(),o=await a.decodeAudioData(s),n=se(o,t);n=ne(n);let l=null;return i&amp;&amp;(l=ae(o)),{peaks:n,bpm:l}}finally{a&amp;&amp;a.close()}}function oe(e=1800){let t=[];for(let i=0;i&lt;e;i++){let a=Math.random()*.5+.3,r=Math.sin(i/e*Math.PI*4)*.2;t.push(w(a+r,.1,1))}return t}function ne(e,t=.95){let i=St(e);if(i===0||i&gt;t)return e;let a=t/i;return e.map(r=&gt;r*a)}function vt(e){let t=document.documentElement,i=document.body;return t.classList.contains(e)||t.classList.contains(`${e}-mode`)||t.classList.contains(`theme-${e}`)||t.getAttribute(&quot;data-theme&quot;)===e||t.getAttribute(&quot;data-color-scheme&quot;)===e||i.classList.contains(e)||i.classList.contains(`${e}-mode`)||i.getAttribute(&quot;data-theme&quot;)===e}function J(){if(vt(&quot;dark&quot;))return&quot;dark&quot;;if(vt(&quot;light&quot;))return&quot;light&quot;;try{let e=getComputedStyle(document.body).backgroundColor,t=Kt(e);if(t!==null){if(t&gt;128)return&quot;light&quot;;if(t&lt;128)return&quot;dark&quot;}}catch{}if(window.matchMedia){if(window.matchMedia(&quot;(prefers-color-scheme: dark)&quot;).matches)return&quot;dark&quot;;if(window.matchMedia(&quot;(prefers-color-scheme: light)&quot;).matches)return&quot;light&quot;}return&quot;dark&quot;}var W={dark:{waveformColor:&quot;rgba(255, 255, 255, 0.3)&quot;,progressColor:&quot;rgba(255, 255, 255, 0.9)&quot;},light:{waveformColor:&quot;rgba(0, 0, 0, 0.2)&quot;,progressColor:&quot;rgba(0, 0, 0, 0.8)&quot;}};function gt(e){if(e&amp;&amp;W[e])return W[e];let t=J();return W[t]}var bt={url:&quot;&quot;,height:64,samples:1800,preload:&quot;metadata&quot;,crossOrigin:null,audioMode:&quot;self&quot;,playbackRate:1,showPlaybackSpeed:!1,playbackRates:[.5,.75,1,1.25,1.5,1.75,2],buttonAlign:&quot;auto&quot;,layout:&quot;default&quot;,buttonStyle:&quot;circle&quot;,buttonSize:null,buttonRadius:null,waveformStyle:&quot;mirror&quot;,barWidth:2,barSpacing:0,barRadius:1,waveformGradient:&quot;vertical&quot;,colorPreset:null,waveformColor:null,progressColor:null,autoplay:!1,showControls:!0,showInfo:!0,showTime:!0,showHoverTime:!1,seekHandle:!1,showBPM:!1,bpm:null,singlePlay:!0,playOnSeek:!0,enableMediaSession:!0,markers:[],showMarkers:!0,accessibleSeek:!0,seekLabel:null,seekValueText:null,title:null,artist:null,artwork:null,artworkPosition:&quot;info&quot;,album:&quot;&quot;,errorText:&quot;Unable to load audio&quot;,playPauseLabel:&quot;Play/Pause&quot;,speedLabel:&quot;Playback speed&quot;,artworkAlt:&quot;Album artwork&quot;,unknownTrackText:&quot;Unknown Track&quot;,playIcon:&#039;&lt;svg viewBox=&quot;0 0 24 24&quot; width=&quot;16&quot; height=&quot;16&quot;&gt;&lt;path d=&quot;M8 5v14l11-7z&quot;/&gt;&lt;/svg&gt;&#039;,pauseIcon:&#039;&lt;svg viewBox=&quot;0 0 24 24&quot; width=&quot;16&quot; height=&quot;16&quot;&gt;&lt;path d=&quot;M6 4h4v16H6zM14 4h4v16h-4z&quot;/&gt;&lt;/svg&gt;&#039;,onLoad:null,onPlay:null,onPause:null,onEnd:null,onError:null,onTimeUpdate:null,onNextTrack:null,onPreviousTrack:null},le={bars:{barWidth:3,barSpacing:1},mirror:{barWidth:2,barSpacing:2},line:{barWidth:2,barSpacing:0},blocks:{barWidth:4,barSpacing:2},dots:{barWidth:3,barSpacing:3},seekbar:{barWidth:1,barSpacing:0}},he=&quot;data:image/svg+xml,&quot;+encodeURIComponent(&#039;&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 24 24&quot;&gt;&lt;rect width=&quot;24&quot; height=&quot;24&quot; rx=&quot;4&quot; fill=&quot;#71717a&quot; fill-opacity=&quot;0.15&quot;/&gt;&lt;g fill=&quot;none&quot; stroke=&quot;#a1a1aa&quot; stroke-width=&quot;1.4&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;circle cx=&quot;8&quot; cy=&quot;17&quot; r=&quot;2.2&quot;/&gt;&lt;circle cx=&quot;17&quot; cy=&quot;15&quot; r=&quot;2.2&quot;/&gt;&lt;path d=&quot;M10.2 17V7l9-1.6v9&quot;/&gt;&lt;/g&gt;&lt;/svg&gt;&#039;),wt=5,kt=10,ue=&#039;button, a[href], input, [role=&quot;slider&quot;]&#039;,R=class S{static instances=new Map;static currentlyPlaying=null;constructor(t,i={}){if(this.container=typeof t==&quot;string&quot;?document.querySelector(t):t,!this.container)throw new Error(&quot;[WaveformPlayer] Container element not found&quot;);let a=Et(this.container),r={...i};r.style&amp;&amp;!r.waveformStyle&amp;&amp;(r.waveformStyle=r.style),r.src&amp;&amp;!r.url&amp;&amp;(r.url=r.src),this.options=ct(bt,a,r);let s=gt(this.options.colorPreset);this._autoTheme=this.options.colorPreset==null||!W[this.options.colorPreset],this._presetKeys=[],this._scheme=this.options.colorPreset&amp;&amp;W[this.options.colorPreset]?this.options.colorPreset:J();for(let[n,l]of Object.entries(s))(this.options[n]===null||this.options[n]===void 0)&amp;&amp;(this.options[n]=l,this._presetKeys.push(n));let o=le[this.options.waveformStyle];o&amp;&amp;(a.barWidth===void 0&amp;&amp;i.barWidth===void 0&amp;&amp;(this.options.barWidth=o.barWidth),a.barSpacing===void 0&amp;&amp;i.barSpacing===void 0&amp;&amp;(this.options.barSpacing=o.barSpacing)),this.audio=null,this.canvas=null,this.ctx=null,this.waveformData=[],this.progress=0,this._activeMarkerIndex=-1,this._markerLabelTimer=null,this.isPlaying=!1,this.isLoading=!1,this.hasError=!1,this.updateTimer=null,this.resizeObserver=null,this._ac=new AbortController,this.id=this.container.id||Jt(this.options.url),S.instances.set(this.id,this),S._watchTheme(),this.init(),setTimeout(()=&gt;{this._emit(&quot;waveformplayer:ready&quot;,{player:this,url:this.options.url})},100)}_emit(t,i,a=!1){let r=new CustomEvent(t,{bubbles:!0,cancelable:a,detail:i});return this.container.dispatchEvent(r),r}_requestSeek(t){this._emit(&quot;waveformplayer:request-seek&quot;,{...this._buildTrackDetail(),percent:t},!0).defaultPrevented||(this.progress=t,this.drawWaveform?.())}init(){this.createDOM(),this.createAudio(),this.initPlaybackSpeed(),this.initKeyboardControls(),this.initSeekControl(),this.bindEvents(),this.setupResizeObserver(),requestAnimationFrame(()=&gt;{this.resizeCanvas(),this.options.url&amp;&amp;this.load(this.options.url).then(()=&gt;{this.options.autoplay&amp;&amp;this.play()?.catch(()=&gt;{})}).catch(t=&gt;{console.error(&quot;[WaveformPlayer] Failed to load audio:&quot;,t)})})}createDOM(){this.container.innerHTML=&quot;&quot;,this.container.className=&quot;waveform-player&quot;;let t=this.options.buttonAlign;t===&quot;auto&quot;&amp;&amp;(this.options.waveformStyle===&quot;bars&quot;?t=&quot;bottom&quot;:t=&quot;center&quot;),this.options.layout===&quot;preview&quot;&amp;&amp;this.container.classList.add(&quot;waveform-layout-preview&quot;),this.container.classList.toggle(&quot;waveform-theme-light&quot;,this._scheme===&quot;light&quot;);let i=[];this.options.buttonSize!=null&amp;&amp;i.push(`--wfp-btn-size: ${ut(this.options.buttonSize)}`),this.options.buttonRadius!=null&amp;&amp;i.push(`--wfp-btn-radius: ${ut(this.options.buttonRadius)}`);let a=i.length?` style=&quot;${i.join(&quot;; &quot;)};&quot;`:&quot;&quot;,r=this.options.artworkPosition===&quot;button&quot;&amp;&amp;this.options.artwork,s=r?`&lt;img class=&quot;waveform-btn-artwork&quot; src=&quot;${L(this.options.artwork)}&quot; alt=&quot;&quot; aria-hidden=&quot;true&quot;&gt;`:&quot;&quot;,o=this.options.showControls?`
        &lt;button class=&quot;waveform-btn${this.options.buttonStyle===&quot;minimal&quot;?&quot; waveform-btn-minimal&quot;:&quot;&quot;}${r?&quot; waveform-btn-has-artwork&quot;:&quot;&quot;}&quot; aria-label=&quot;${L(this.options.playPauseLabel)}&quot;${a}&gt;
          ${s}
          &lt;span class=&quot;waveform-icon-play&quot;&gt;${this.options.playIcon}&lt;/span&gt;
          &lt;span class=&quot;waveform-icon-pause&quot; style=&quot;display:none;&quot;&gt;${this.options.pauseIcon}&lt;/span&gt;
        &lt;/button&gt;
        `:&quot;&quot;,n=this.options.showInfo?`
      &lt;div class=&quot;waveform-info&quot;&gt;
        ${this.options.artworkPosition!==&quot;button&quot;&amp;&amp;this.options.artwork?`
          &lt;img class=&quot;waveform-artwork&quot; src=&quot;${L(this.options.artwork)}&quot; alt=&quot;${L(this.options.artworkAlt)}&quot; style=&quot;
            width: 40px;
            height: 40px;
            border-radius: 4px;
            object-fit: cover;
            flex-shrink: 0;
          &quot;&gt;
        `:&quot;&quot;}
        &lt;div class=&quot;waveform-text&quot;&gt;
          &lt;span class=&quot;waveform-title&quot;&gt;&lt;/span&gt;
          ${this.options.artist?`&lt;span class=&quot;waveform-artist&quot;&gt;${L(this.options.artist)}&lt;/span&gt;`:&quot;&quot;}
        &lt;/div&gt;
        &lt;div class=&quot;waveform-meta&quot; style=&quot;display: flex; align-items: center; gap: 1rem;&quot;&gt;
          ${this.options.showBPM?`
            &lt;span class=&quot;waveform-bpm&quot; style=&quot;display: none;&quot;&gt;
              &lt;span class=&quot;bpm-value&quot;&gt;--&lt;/span&gt; BPM
            &lt;/span&gt;
          `:&quot;&quot;}
          ${this.options.showPlaybackSpeed?`
            &lt;div class=&quot;waveform-speed&quot;&gt;
              &lt;button class=&quot;speed-btn&quot; aria-label=&quot;${L(this.options.speedLabel)}&quot; aria-haspopup=&quot;menu&quot; aria-expanded=&quot;false&quot;&gt;
                &lt;span class=&quot;speed-value&quot;&gt;1x&lt;/span&gt;
              &lt;/button&gt;
              &lt;div class=&quot;speed-menu&quot; role=&quot;menu&quot; aria-label=&quot;${L(this.options.speedLabel)}&quot; style=&quot;display: none;&quot;&gt;
                ${this.options.playbackRates.map(l=&gt;`&lt;button class=&quot;speed-option&quot; role=&quot;menuitemradio&quot; tabindex=&quot;-1&quot; aria-checked=&quot;false&quot; data-rate=&quot;${l}&quot;&gt;${l}x&lt;/button&gt;`).join(&quot;&quot;)}
              &lt;/div&gt;
            &lt;/div&gt;
          `:&quot;&quot;}
          ${this.options.showTime?`
            &lt;span class=&quot;waveform-time&quot;&gt;
              &lt;span class=&quot;time-current&quot;&gt;0:00&lt;/span&gt; / &lt;span class=&quot;time-total&quot;&gt;0:00&lt;/span&gt;
            &lt;/span&gt;
          `:&quot;&quot;}
        &lt;/div&gt;
      &lt;/div&gt;
        `:&quot;&quot;;this.container.innerHTML=`
  &lt;div class=&quot;waveform-player-inner&quot;&gt;
    &lt;div class=&quot;waveform-body&quot;&gt;
      &lt;div class=&quot;waveform-track waveform-align-${t}&quot;&gt;
        ${o}
        
        &lt;div class=&quot;waveform-container&quot;&gt;
          &lt;canvas&gt;&lt;/canvas&gt;
          &lt;div class=&quot;waveform-markers&quot;&gt;&lt;/div&gt;
          &lt;div class=&quot;waveform-loading&quot; style=&quot;display:none;&quot;&gt;&lt;/div&gt;
          &lt;div class=&quot;waveform-error&quot; style=&quot;display:none;&quot; role=&quot;alert&quot;&gt;
            &lt;span class=&quot;waveform-error-text&quot;&gt;${L(this.options.errorText)}&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      
      ${n}
    &lt;/div&gt;
  &lt;/div&gt;
`,this.playBtn=this.container.querySelector(&quot;.waveform-btn&quot;),this.canvas=this.container.querySelector(&quot;canvas&quot;),this.ctx=this.canvas.getContext(&quot;2d&quot;),this.titleEl=this.container.querySelector(&quot;.waveform-title&quot;),this.artistEl=this.container.querySelector(&quot;.waveform-artist&quot;),this.artworkEl=this.container.querySelector(&quot;.waveform-artwork, .waveform-btn-artwork&quot;),this.bindArtworkFallback(this.artworkEl),this.currentTimeEl=this.container.querySelector(&quot;.time-current&quot;),this.totalTimeEl=this.container.querySelector(&quot;.time-total&quot;),this.bpmEl=this.container.querySelector(&quot;.waveform-bpm&quot;),this.bpmValueEl=this.container.querySelector(&quot;.bpm-value&quot;),this.loadingEl=this.container.querySelector(&quot;.waveform-loading&quot;),this.errorEl=this.container.querySelector(&quot;.waveform-error&quot;),this.markersContainer=this.container.querySelector(&quot;.waveform-markers&quot;),this.speedBtn=this.container.querySelector(&quot;.speed-btn&quot;),this.speedMenu=this.container.querySelector(&quot;.speed-menu&quot;),this.resizeCanvas(),this.updateBPMDisplay()}bindArtworkFallback(t){t&amp;&amp;t.addEventListener(&quot;error&quot;,()=&gt;{t.src.startsWith(&quot;data:&quot;)||(t.src=he)},{signal:this._ac.signal})}createArtworkElement(){let t=document.createElement(&quot;img&quot;);return t.className=&quot;waveform-artwork&quot;,t.style.width=&quot;40px&quot;,t.style.height=&quot;40px&quot;,t.style.borderRadius=&quot;4px&quot;,t.style.objectFit=&quot;cover&quot;,t.style.flexShrink=&quot;0&quot;,this.bindArtworkFallback(t),t}createButtonArtworkElement(){let t=document.createElement(&quot;img&quot;);return t.className=&quot;waveform-btn-artwork&quot;,t.alt=&quot;&quot;,t.setAttribute(&quot;aria-hidden&quot;,&quot;true&quot;),this.bindArtworkFallback(t),t}createArtistElement(){let t=document.createElement(&quot;span&quot;);return t.className=&quot;waveform-artist&quot;,t}syncArtist(t){if(this.options.artist=t||null,!!this.options.showInfo){if(!t){this.artistEl?.remove(),this.artistEl=null;return}if(!this.artistEl){let i=this.container.querySelector(&quot;.waveform-title&quot;);if(!i)return;this.artistEl=this.createArtistElement(),i.after(this.artistEl)}this.artistEl.textContent=t,this.artistEl.style.display=&quot;&quot;}}syncButtonArtwork(t){if(this.playBtn){if(!t){this.artworkEl?.remove(),this.artworkEl=null,this.playBtn.classList.remove(&quot;waveform-btn-has-artwork&quot;);return}this.artworkEl||(this.artworkEl=this.createButtonArtworkElement(),this.playBtn.prepend(this.artworkEl)),this.artworkEl.src=t,this.playBtn.classList.add(&quot;waveform-btn-has-artwork&quot;)}}syncArtwork(t,i=&quot;&quot;){if(this.options.artwork=t||null,this.options.artworkAlt=i||&quot;&quot;,this.options.artworkPosition===&quot;button&quot;){this.syncButtonArtwork(this.options.artwork);return}if(this.options.showInfo){if(!t){this.artworkEl?.remove(),this.artworkEl=null;return}if(!this.artworkEl){let a=this.container.querySelector(&quot;.waveform-text&quot;);if(!a)return;this.artworkEl=this.createArtworkElement(),a.before(this.artworkEl)}this.artworkEl.src=t,this.artworkEl.alt=i||&quot;&quot;}}createAudio(){if(this.options.audioMode===&quot;external&quot;){this.audio=null;return}this.audio=new Audio,this.audio.preload=this.options.preload||&quot;metadata&quot;,this.options.crossOrigin&amp;&amp;(this.audio.crossOrigin=this.options.crossOrigin)}initPlaybackSpeed(){this.audio&amp;&amp;this.options.playbackRate&amp;&amp;this.options.playbackRate!==1&amp;&amp;(this.audio.playbackRate=this.options.playbackRate),this.options.showPlaybackSpeed&amp;&amp;this.initSpeedControls()}initSpeedControls(){let t=this.container.querySelector(&quot;.speed-btn&quot;),i=this.container.querySelector(&quot;.speed-menu&quot;);if(!t||!i)return;let a=()=&gt;Array.from(i.querySelectorAll(&quot;.speed-option&quot;)),r=()=&gt;i.style.display!==&quot;none&quot;,s=l=&gt;{if(i.style.display=l?&quot;block&quot;:&quot;none&quot;,t.setAttribute(&quot;aria-expanded&quot;,l?&quot;true&quot;:&quot;false&quot;),l){let h=a();(h.find(u=&gt;u.getAttribute(&quot;aria-checked&quot;)===&quot;true&quot;)||h[0])?.focus()}},o=l=&gt;{let h=a();h.length&amp;&amp;h[(l+h.length)%h.length].focus()},n=l=&gt;{this.setPlaybackRate(parseFloat(l.dataset.rate)),s(!1),t.focus()};t.addEventListener(&quot;click&quot;,l=&gt;{l.stopPropagation(),s(!r())},{signal:this._ac.signal}),document.addEventListener(&quot;click&quot;,()=&gt;s(!1),{signal:this._ac.signal}),i.addEventListener(&quot;click&quot;,l=&gt;{l.stopPropagation();let h=l.target.closest(&quot;.speed-option&quot;);h&amp;&amp;n(h)},{signal:this._ac.signal}),t.closest(&quot;.waveform-speed&quot;)?.addEventListener(&quot;keydown&quot;,l=&gt;{let h=a(),u=h.indexOf(document.activeElement);if(!r()){(l.key===&quot;ArrowDown&quot;||l.key===&quot;ArrowUp&quot;)&amp;&amp;document.activeElement===t&amp;&amp;(l.preventDefault(),s(!0));return}switch(l.key){case&quot;ArrowDown&quot;:l.preventDefault(),o(u&lt;0?0:u+1);break;case&quot;ArrowUp&quot;:l.preventDefault(),o(u&lt;0?h.length-1:u-1);break;case&quot;Home&quot;:l.preventDefault(),o(0);break;case&quot;End&quot;:l.preventDefault(),o(h.length-1);break;case&quot;Escape&quot;:l.preventDefault(),s(!1),t.focus();break;case&quot;Tab&quot;:s(!1);break}},{signal:this._ac.signal}),this.updateSpeedUI()}initKeyboardControls(){this.container.setAttribute(&quot;tabindex&quot;,&quot;-1&quot;),this.container.addEventListener(&quot;click&quot;,t=&gt;{t.target.closest(ue)||(S.getAllInstances().forEach(i=&gt;{i!==this&amp;&amp;i.container.setAttribute(&quot;tabindex&quot;,&quot;-1&quot;)}),this.container.setAttribute(&quot;tabindex&quot;,&quot;0&quot;),this.container.focus())},{signal:this._ac.signal}),this.container.addEventListener(&quot;keydown&quot;,t=&gt;{if(document.activeElement!==this.container)return;let i=t.key,a=!!this.audio,r=a?this.audio.currentTime:0;if(a&amp;&amp;i&gt;=&quot;0&quot;&amp;&amp;i&lt;=&quot;9&quot;){t.preventDefault(),this.seekToPercent(parseInt(i)/10);return}let s={&quot; &quot;:()=&gt;this.togglePlay()};a&amp;&amp;(s.ArrowLeft=()=&gt;this.seekTo(w(r-5,0,this.audio.duration)),s.ArrowRight=()=&gt;this.seekTo(w(r+5,0,this.audio.duration)),s.ArrowUp=()=&gt;this.setVolume(w(this.audio.volume+.1)),s.ArrowDown=()=&gt;this.setVolume(w(this.audio.volume-.1)),s.m=s.M=()=&gt;this.audio.muted=!this.audio.muted),s[i]&amp;&amp;(t.preventDefault(),s[i]())},{signal:this._ac.signal})}initSeekControl(){this.options.accessibleSeek&amp;&amp;(this.seekEl=this.container.querySelector(&quot;.waveform-container&quot;),this.seekEl&amp;&amp;(this.seekEl.setAttribute(&quot;role&quot;,&quot;slider&quot;),this.seekEl.setAttribute(&quot;tabindex&quot;,&quot;0&quot;),this.seekEl.setAttribute(&quot;aria-valuemin&quot;,&quot;0&quot;),this.applySeekLabel(),this.updateSeekAccessibility(),this.seekEl.addEventListener(&quot;keydown&quot;,t=&gt;{if(t.key===&quot; &quot;||t.key===&quot;Spacebar&quot;){t.preventDefault(),t.stopPropagation(),this.togglePlay();return}let i=this.getSeekDuration();if(!i)return;let a=this.getSeekCurrentTime(),r;switch(t.key){case&quot;ArrowLeft&quot;:case&quot;ArrowDown&quot;:r=a-wt;break;case&quot;ArrowRight&quot;:case&quot;ArrowUp&quot;:r=a+wt;break;case&quot;PageDown&quot;:r=a-kt;break;case&quot;PageUp&quot;:r=a+kt;break;case&quot;Home&quot;:r=0;break;case&quot;End&quot;:r=i;break;default:return}t.preventDefault(),t.stopPropagation(),this.seekToSeconds(r)},{signal:this._ac.signal})))}getSeekDuration(){return this.options.audioMode===&quot;external&quot;?this._extDuration||0:this.audio&amp;&amp;Number.isFinite(this.audio.duration)?this.audio.duration:0}getSeekCurrentTime(){return this.options.audioMode===&quot;external&quot;?this.progress*(this._extDuration||0):this.audio&amp;&amp;Number.isFinite(this.audio.currentTime)?this.audio.currentTime:0}seekToSeconds(t){let i=this.getSeekDuration();if(!i)return;let a=w(t,0,i);if(this.options.audioMode===&quot;external&quot;){this._requestSeek(a/i),this.updateSeekAccessibility();return}this.seekTo(a)}applySeekLabel(t=this.options.title){if(!this.seekEl)return;let i=this.options.seekLabel||t||&quot;Seek&quot;;this.seekEl.setAttribute(&quot;aria-label&quot;,i)}updateSeekAccessibility(){if(!this.seekEl)return;let t=this.getSeekDuration(),i=Math.min(this.getSeekCurrentTime(),t);this.seekEl.setAttribute(&quot;aria-valuemax&quot;,String(Math.round(t))),this.seekEl.setAttribute(&quot;aria-valuenow&quot;,String(Math.round(i))),this.seekEl.setAttribute(&quot;aria-valuetext&quot;,Gt(this.options.seekValueText||&quot;%1$s of %2$s&quot;,D(i),D(t)))}initMediaSession(){if(!(&quot;mediaSession&quot;in navigator)||!this.options.enableMediaSession||!this.audio)return;this._applyMediaMetadata(),navigator.mediaSession.setActionHandler(&quot;play&quot;,()=&gt;this.play()),navigator.mediaSession.setActionHandler(&quot;pause&quot;,()=&gt;this.pause()),navigator.mediaSession.setActionHandler(&quot;seekbackward&quot;,()=&gt;{this.seekTo(w(this.audio.currentTime-10,0,this.audio.duration))}),navigator.mediaSession.setActionHandler(&quot;seekforward&quot;,()=&gt;{this.seekTo(w(this.audio.currentTime+10,0,this.audio.duration))}),navigator.mediaSession.setActionHandler(&quot;seekto&quot;,a=&gt;{a.seekTime!==null&amp;&amp;this.seekTo(a.seekTime)});let t=this.options.onNextTrack,i=this.options.onPreviousTrack;try{navigator.mediaSession.setActionHandler(&quot;nexttrack&quot;,typeof t==&quot;function&quot;?()=&gt;t(this):null)}catch{}try{navigator.mediaSession.setActionHandler(&quot;previoustrack&quot;,typeof i==&quot;function&quot;?()=&gt;i(this):null)}catch{}}_applyMediaMetadata(){!(&quot;mediaSession&quot;in navigator)||!this.options.enableMediaSession||(navigator.mediaSession.metadata=new MediaMetadata({title:this.options.title||this.options.unknownTrackText,artist:this.options.artist||&quot;&quot;,album:this.options.album||&quot;&quot;,artwork:this.options.artwork?[{src:this.options.artwork,sizes:&quot;512x512&quot;,type:&quot;image/jpeg&quot;}]:[]}))}_updateMediaSession(t){if(!(!(&quot;mediaSession&quot;in navigator)||!this.options.enableMediaSession||!this.audio))try{t===&quot;playing&quot;&amp;&amp;this.initMediaSession(),navigator.mediaSession.playbackState=t;let i=this.audio.duration;navigator.mediaSession.setPositionState&amp;&amp;i&amp;&amp;isFinite(i)&amp;&amp;navigator.mediaSession.setPositionState({duration:i,playbackRate:this.audio.playbackRate||1,position:w(this.audio.currentTime,0,i)})}catch{}}bindEvents(){this.playBtn&amp;&amp;this.playBtn.addEventListener(&quot;click&quot;,()=&gt;this.togglePlay()),this.audio&amp;&amp;(this.audio.addEventListener(&quot;loadstart&quot;,()=&gt;this.setLoading(!0)),this.audio.addEventListener(&quot;loadedmetadata&quot;,()=&gt;this.onMetadataLoaded()),this.audio.addEventListener(&quot;canplay&quot;,()=&gt;this.setLoading(!1)),this.audio.addEventListener(&quot;play&quot;,()=&gt;this.onPlay()),this.audio.addEventListener(&quot;pause&quot;,()=&gt;this.onPause()),this.audio.addEventListener(&quot;ended&quot;,()=&gt;this.onEnded()),this.audio.addEventListener(&quot;error&quot;,i=&gt;this.onError(i))),this.canvas.addEventListener(&quot;click&quot;,i=&gt;this.handleCanvasClick(i)),this._dragging=!1,this._seekHover=!1,this._handleNear=!1,this.canvas.addEventListener(&quot;pointerenter&quot;,()=&gt;{this._seekHover=!0,this.drawWaveform(),this._updateSeekHandle()}),this.canvas.addEventListener(&quot;pointerleave&quot;,()=&gt;{this._seekHover=!1,this._handleNear=!1,this._dragging||this._hideHoverTip(),this.drawWaveform(),this._updateSeekHandle()}),this.canvas.addEventListener(&quot;pointerdown&quot;,i=&gt;{if(!(i.pointerType===&quot;mouse&quot;&amp;&amp;i.button!==0)){this._dragging=!0;try{this.canvas.setPointerCapture(i.pointerId)}catch{}this._scrubTo(i.clientX)}}),this.canvas.addEventListener(&quot;pointermove&quot;,i=&gt;{if(this._dragging){this._scrubTo(i.clientX);return}let a=this.canvas.getBoundingClientRect();a.width&amp;&amp;(this._handleNear=Math.abs(i.clientX-a.left-this.progress*a.width)&lt;=10,this._updateSeekHandle())});let t=i=&gt;{if(this._dragging){this._dragging=!1,this._suppressClick=!0;try{this.canvas.releasePointerCapture(i.pointerId)}catch{}this._seekFromPointer(i.clientX),!this._seekHover&amp;&amp;!this.options.showHoverTime&amp;&amp;this._hideHoverTip(),this._updateSeekHandle()}};this.canvas.addEventListener(&quot;pointerup&quot;,t),this.canvas.addEventListener(&quot;pointercancel&quot;,t),this.setupHoverTime(),this.setupSeekHandle(),this.resizeHandler=Xt(()=&gt;this.resizeCanvas(),100),window.addEventListener(&quot;resize&quot;,this.resizeHandler)}setupResizeObserver(){&quot;ResizeObserver&quot;in window&amp;&amp;(this.resizeObserver=new ResizeObserver(()=&gt;{this.resizeCanvas()}),this.canvas?.parentElement&amp;&amp;this.resizeObserver.observe(this.canvas.parentElement))}async load(t){try{this.setLoading(!0),this.progress=0,this.hasError=!1,this.audio&amp;&amp;(this.audio.src=t,await new Promise((a,r)=&gt;{let s=()=&gt;{this.audio.removeEventListener(&quot;loadedmetadata&quot;,s),this.audio.removeEventListener(&quot;error&quot;,o),a()},o=n=&gt;{this.audio.removeEventListener(&quot;loadedmetadata&quot;,s),this.audio.removeEventListener(&quot;error&quot;,o),r(n)};this.audio.addEventListener(&quot;loadedmetadata&quot;,s),this.audio.addEventListener(&quot;error&quot;,o)}));let i=this.options.title||Pt(t);if(this.titleEl&amp;&amp;(this.titleEl.textContent=i),this.applySeekLabel(i),this.options.waveform)this.setWaveformData(this.options.waveform);else try{let a=await yt(t,this.options.samples,this.options.showBPM);this.waveformData=a.peaks,a.bpm&amp;&amp;(this.detectedBPM=a.bpm,this.updateBPMDisplay())}catch(a){console.warn(&quot;[WaveformPlayer] Using placeholder waveform:&quot;,a),this.waveformData=oe(this.options.samples)}this.drawWaveform(),this.renderMarkers(),this.options.onLoad&amp;&amp;this.options.onLoad(this)}catch(i){this.onError(i)}finally{this.setLoading(!1)}}async loadTrack(t,i=null,a=null,r={}){let s=Object.prototype.hasOwnProperty.call(r,&quot;artwork&quot;),o=Object.prototype.hasOwnProperty.call(r,&quot;artworkAlt&quot;);this.isPlaying&amp;&amp;this.pause(),this.audio&amp;&amp;(this.audio.src=&quot;&quot;,this.audio.load()),this.hasError=!1,this.errorEl&amp;&amp;(this.errorEl.style.display=&quot;none&quot;),this.canvas&amp;&amp;(this.canvas.style.opacity=&quot;1&quot;),this.playBtn&amp;&amp;(this.playBtn.disabled=!1),this.progress=0,this.waveformData=[],this.options=ct(this.options,{url:t,title:i===null?this.options.title:i,artist:a===null?this.options.artist:a,...r}),s&amp;&amp;(this.options.artwork=r.artwork||null),o?this.options.artworkAlt=r.artworkAlt||&quot;&quot;:s&amp;&amp;(this.options.artworkAlt=this.options.artwork?bt.artworkAlt:&quot;&quot;),r.preload&amp;&amp;this.audio&amp;&amp;(this.audio.preload=r.preload),r.crossOrigin&amp;&amp;this.audio&amp;&amp;(this.audio.crossOrigin=r.crossOrigin),a!==null&amp;&amp;this.syncArtist(a),(s||o)&amp;&amp;this.syncArtwork(s?r.artwork:this.options.artwork,o?r.artworkAlt:this.options.artworkAlt),this.options.markers=r.markers||[],this.options.waveform=r.waveform||null,await this.load(t),r.autoplay!==!1&amp;&amp;this.play()?.catch(()=&gt;{})}setWaveformData(t){if(typeof t==&quot;string&quot;&amp;&amp;t.trim().endsWith(&quot;.json&quot;)){fetch(t.trim()).then(i=&gt;i.json()).then(i=&gt;{this.waveformData=Array.isArray(i)?i:i.peaks||[],i.markers&amp;&amp;!this.options.markers?.length&amp;&amp;(this.options.markers=i.markers,this.renderMarkers()),this.drawWaveform()}).catch(()=&gt;{});return}if(typeof t==&quot;string&quot;)try{let i=JSON.parse(t);this.waveformData=Array.isArray(i)?i:[]}catch{this.waveformData=t.split(&quot;,&quot;).map(Number)}else this.waveformData=Array.isArray(t)?t:[];this.drawWaveform()}drawWaveform(){!this.ctx||this.waveformData.length===0||ie(this.ctx,this.canvas,this.waveformData,this.progress,{...this.options,waveformStyle:this.options.waveformStyle||&quot;bars&quot;,color:this.options.waveformColor,progressColor:this.options.progressColor,seekActive:this._seekHover||this._dragging})}resizeCanvas(){if(!this.canvas||this.isDestroying)return;let t=window.devicePixelRatio||1,i=this.canvas.parentElement.getBoundingClientRect();this.canvas.width=i.width*t,this.canvas.height=this.options.height*t,this.canvas.parentElement.style.height=this.options.height+&quot;px&quot;,this.drawWaveform()}renderMarkers(){if(!this.markersContainer||(this.markersContainer.innerHTML=&quot;&quot;,this._activeMarkerIndex=-1,clearTimeout(this._markerLabelTimer),!this.options.showMarkers||!this.options.markers?.length))return;let t=this.getSeekDuration();t&amp;&amp;this.options.markers.forEach((i,a)=&gt;{if(i.time&gt;t){console.warn(`[WaveformPlayer] Marker &quot;${i.label}&quot; at ${i.time}s exceeds audio duration of ${t}s`);return}let r=i.time/t*100,s=document.createElement(&quot;button&quot;);s.className=&quot;waveform-marker&quot;,s.style.left=`${r}%`,s.style.backgroundColor=i.color||&quot;rgba(255, 255, 255, 0.5)&quot;,s.setAttribute(&quot;aria-label&quot;,i.label),s.setAttribute(&quot;data-time&quot;,i.time);let o=document.createElement(&quot;span&quot;);o.className=&quot;waveform-marker-tooltip&quot;,o.textContent=i.label,s.appendChild(o),s.addEventListener(&quot;click&quot;,n=&gt;{n.stopPropagation(),this.seekTo(i.time),this.options.playOnSeek&amp;&amp;!this.isPlaying&amp;&amp;this.play()}),this.markersContainer.appendChild(s)})}setActiveMarker(t){this.markersContainer&amp;&amp;this.markersContainer.querySelectorAll(&quot;.waveform-marker&quot;).forEach((i,a)=&gt;i.classList.toggle(&quot;active&quot;,a===t))}updateActiveMarker(){if(!this.markersContainer)return;let t=this.markersContainer.querySelectorAll(&quot;.waveform-marker&quot;);if(!t.length)return;let i=this.getSeekDuration(),a=i?this.progress*i:0,r=-1,s=-1/0;t.forEach((o,n)=&gt;{let l=parseFloat(o.getAttribute(&quot;data-time&quot;));Number.isFinite(l)&amp;&amp;l&lt;=a+.05&amp;&amp;l&gt;s&amp;&amp;(s=l,r=n)}),r!==this._activeMarkerIndex&amp;&amp;(this._activeMarkerIndex=r,this.setActiveMarker(r),clearTimeout(this._markerLabelTimer),t.forEach((o,n)=&gt;o.classList.toggle(&quot;show-label&quot;,n===r)),r&gt;=0&amp;&amp;(this._markerLabelTimer=setTimeout(()=&gt;{this.markersContainer?.querySelectorAll(&quot;.waveform-marker&quot;).forEach(o=&gt;o.classList.remove(&quot;show-label&quot;))},2500)))}setupHoverTime(){if(!this.seekEl)return;let t=document.createElement(&quot;div&quot;);t.className=&quot;waveform-hover-time&quot;,t.setAttribute(&quot;aria-hidden&quot;,&quot;true&quot;),this.seekEl.appendChild(t),this.hoverTimeEl=t,this.options.showHoverTime&amp;&amp;(this.seekEl.addEventListener(&quot;pointermove&quot;,i=&gt;{this._dragging||this._updateHoverTip(i.clientX)}),this.seekEl.addEventListener(&quot;pointerleave&quot;,()=&gt;{this._dragging||this._hideHoverTip()}))}_updateHoverTip(t){let i=this.hoverTimeEl;if(!i)return;let a=this.getSeekDuration();if(!a){i.style.opacity=&quot;0&quot;;return}let r=this.canvas.getBoundingClientRect(),s=w((t-r.left)/r.width);i.textContent=D(s*a),i.style.left=s*100+&quot;%&quot;,i.style.opacity=&quot;1&quot;}_hideHoverTip(){this.hoverTimeEl&amp;&amp;(this.hoverTimeEl.style.opacity=&quot;0&quot;)}_scrubTo(t){let i=this.canvas.getBoundingClientRect();if(!i.width)return;this.progress=w((t-i.left)/i.width),this.drawWaveform(),this._updateSeekHandle();let a=this.getSeekDuration();a&amp;&amp;this.currentTimeEl?(this.currentTimeEl.textContent=D(this.progress*a),this._hideHoverTip()):this._updateHoverTip(t)}setupSeekHandle(){if(!this.options.seekHandle||this.options.waveformStyle!==&quot;seekbar&quot;||!this.seekEl)return;let t=document.createElement(&quot;div&quot;);t.className=&quot;waveform-seek-handle&quot;,t.setAttribute(&quot;aria-hidden&quot;,&quot;true&quot;),this.seekEl.appendChild(t),this.seekHandleEl=t}_updateSeekHandle(){let t=this.seekHandleEl;t&amp;&amp;(t.style.left=this.progress*100+&quot;%&quot;,t.classList.toggle(&quot;is-visible&quot;,this._seekHover||this._dragging),t.classList.toggle(&quot;is-active&quot;,this._dragging||this._handleNear))}handleCanvasClick(t){if(this._suppressClick){this._suppressClick=!1;return}this._seekFromPointer(t.clientX)}_seekFromPointer(t){let i=this.canvas.getBoundingClientRect();if(!i.width)return;let a=w((t-i.left)/i.width);if(this.options.audioMode===&quot;external&quot;){this._requestSeek(a);return}!this.audio||!this.audio.duration||this.seekToPercent(a)}setLoading(t){this.isLoading=t,this.loadingEl&amp;&amp;(this.loadingEl.style.display=t?&quot;block&quot;:&quot;none&quot;),this.seekEl&amp;&amp;this.seekEl.setAttribute(&quot;aria-busy&quot;,t?&quot;true&quot;:&quot;false&quot;)}onMetadataLoaded(){this.isDestroying||(this.totalTimeEl&amp;&amp;(this.totalTimeEl.textContent=D(this.audio.duration)),this.renderMarkers(),this.updateSeekAccessibility())}setPlayButtonState(t){if(!this.playBtn)return;this.playBtn.classList.toggle(&quot;playing&quot;,t);let i=this.playBtn.querySelector(&quot;.waveform-icon-play&quot;),a=this.playBtn.querySelector(&quot;.waveform-icon-pause&quot;);i&amp;&amp;(i.style.display=t?&quot;none&quot;:&quot;flex&quot;),a&amp;&amp;(a.style.display=t?&quot;flex&quot;:&quot;none&quot;)}onPlay(){this.isDestroying||(this.isPlaying=!0,this.setPlayButtonState(!0),this.startSmoothUpdate(),this._updateMediaSession(&quot;playing&quot;),this._emit(&quot;waveformplayer:play&quot;,{player:this,url:this.options.url}),this.options.onPlay&amp;&amp;this.options.onPlay(this))}onPause(){this.isDestroying||(this.isPlaying=!1,this.setPlayButtonState(!1),this.stopSmoothUpdate(),this._updateMediaSession(&quot;paused&quot;),this._emit(&quot;waveformplayer:pause&quot;,{player:this,url:this.options.url}),this.options.onPause&amp;&amp;this.options.onPause(this))}onEnded(){if(this.isDestroying)return;let t=this.audio.duration;this.progress=0,this.audio.currentTime=0,this.drawWaveform(),this.currentTimeEl&amp;&amp;(this.currentTimeEl.textContent=&quot;0:00&quot;),this._emit(&quot;waveformplayer:ended&quot;,{player:this,url:this.options.url,currentTime:t,duration:t}),this.onPause(),this.options.onEnd&amp;&amp;this.options.onEnd(this)}onError(t){this.isDestroying||(console.error(&quot;[WaveformPlayer] Audio error:&quot;,t),this.hasError=!0,this.setLoading(!1),this.errorEl&amp;&amp;(this.errorEl.style.display=&quot;flex&quot;),this.canvas&amp;&amp;(this.canvas.style.opacity=&quot;0.2&quot;),this.playBtn&amp;&amp;(this.playBtn.disabled=!0),this.options.onError&amp;&amp;this.options.onError(t,this))}startSmoothUpdate(){this.stopSmoothUpdate();let t=()=&gt;{this.isPlaying&amp;&amp;this.audio&amp;&amp;this.audio.duration&amp;&amp;(this.updateProgress(),this.updateTimer=requestAnimationFrame(t))};this.updateTimer=requestAnimationFrame(t)}stopSmoothUpdate(){this.updateTimer&amp;&amp;(cancelAnimationFrame(this.updateTimer),this.updateTimer=null)}updateProgress(){if(!this.audio||!this.audio.duration||this._dragging)return;let t=this.audio.currentTime/this.audio.duration;Math.abs(t-this.progress)&gt;.001&amp;&amp;(this.progress=t,this.drawWaveform(),this._updateSeekHandle()),this.currentTimeEl&amp;&amp;(this.currentTimeEl.textContent=D(this.audio.currentTime)),this._emit(&quot;waveformplayer:timeupdate&quot;,{player:this,currentTime:this.audio.currentTime,duration:this.audio.duration,progress:this.progress,url:this.options.url}),this.options.onTimeUpdate&amp;&amp;this.options.onTimeUpdate(this.audio.currentTime,this.audio.duration,this),this.updateActiveMarker(),this.updateSeekAccessibility()}updateBPMDisplay(){let t=this.options.bpm||this.detectedBPM;this.bpmEl&amp;&amp;this.bpmValueEl&amp;&amp;t&amp;&amp;(this.bpmValueEl.textContent=Math.round(t),this.bpmEl.style.display=&quot;inline-flex&quot;)}refreshTheme(){if(!this._autoTheme)return;this._scheme=J();let t=gt(this.options.colorPreset);for(let i of this._presetKeys||[])i in t&amp;&amp;(this.options[i]=t[i]);this._applyThemeColors()}_applyThemeColors(){this.container.classList.toggle(&quot;waveform-theme-light&quot;,this._scheme===&quot;light&quot;),this.canvas&amp;&amp;this.drawWaveform()}static _watchTheme(){if(S._themeWatch||typeof document&gt;&quot;u&quot;)return;let t=()=&gt;requestAnimationFrame(()=&gt;{S.instances.forEach(s=&gt;{try{s.refreshTheme()}catch{}})}),i={attributes:!0,attributeFilter:[&quot;class&quot;,&quot;data-theme&quot;,&quot;data-color-scheme&quot;,&quot;style&quot;]},a=new MutationObserver(t);a.observe(document.documentElement,i),document.body&amp;&amp;a.observe(document.body,i);let r=null;try{r=window.matchMedia(&quot;(prefers-color-scheme: dark)&quot;),r.addEventListener(&quot;change&quot;,t)}catch{}S._themeWatch={obs:a,mq:r,refresh:t}}updateSpeedUI(){if(!this.audio)return;let t=this.container.querySelector(&quot;.speed-value&quot;);if(t){let i=this.audio.playbackRate;t.textContent=i===1?&quot;1x&quot;:`${i}x`}this.container.querySelectorAll(&quot;.speed-option&quot;).forEach(i=&gt;{let a=parseFloat(i.dataset.rate)===this.audio.playbackRate;i.classList.toggle(&quot;active&quot;,a),i.setAttribute(&quot;aria-checked&quot;,a?&quot;true&quot;:&quot;false&quot;)})}play(){if(this.options.singlePlay&amp;&amp;S.currentlyPlaying&amp;&amp;S.currentlyPlaying!==this&amp;&amp;S.currentlyPlaying.pause(),this.options.audioMode===&quot;external&quot;){this._emit(&quot;waveformplayer:request-play&quot;,this._buildTrackDetail(),!0).defaultPrevented||(S.currentlyPlaying=this);return}return S.currentlyPlaying=this,this.audio.play()}pause(){if(S.currentlyPlaying===this&amp;&amp;(S.currentlyPlaying=null),this.options.audioMode===&quot;external&quot;){this._emit(&quot;waveformplayer:request-pause&quot;,this._buildTrackDetail(),!0);return}this.audio.pause()}_buildTrackDetail(){return{url:this.options.url,title:this.options.title,artist:this.options.artist,artwork:this.options.artwork,markers:this.options.markers,waveform:this.options.waveform,id:this.id,player:this}}setPlayingState(t){let i=this.isPlaying;this.isPlaying=!!t,this.setPlayButtonState(this.isPlaying),this.isPlaying&amp;&amp;!i?(this.startSmoothUpdate?.(),this._emit(&quot;waveformplayer:play&quot;,{player:this,url:this.options.url}),this.options.onPlay&amp;&amp;this.options.onPlay(this)):!this.isPlaying&amp;&amp;i&amp;&amp;(this.stopSmoothUpdate?.(),this._emit(&quot;waveformplayer:pause&quot;,{player:this,url:this.options.url}),this.options.onPause&amp;&amp;this.options.onPause(this))}setProgress(t,i){!i||i&lt;=0||(this.progress=w(t/i),this.currentTimeEl&amp;&amp;(this.currentTimeEl.textContent=D(t)),this._extDuration=i,this.totalTimeEl&amp;&amp;(!this.totalTimeEl.dataset._extSet||this.totalTimeEl.dataset._extDur!==String(i))&amp;&amp;(this.totalTimeEl.textContent=D(i),this.totalTimeEl.dataset._extSet=&quot;1&quot;,this.totalTimeEl.dataset._extDur=String(i)),this.drawWaveform?.(),this.updateActiveMarker(),this._emit(&quot;waveformplayer:timeupdate&quot;,{player:this,currentTime:t,duration:i,progress:this.progress,url:this.options.url}),this.options.onTimeUpdate&amp;&amp;this.options.onTimeUpdate(t,i,this),this.progress&gt;=1?this._extEnded||(this._extEnded=!0,this._emit(&quot;waveformplayer:ended&quot;,{player:this,url:this.options.url,currentTime:i,duration:i}),this.options.onEnd&amp;&amp;this.options.onEnd(this)):this._extEnded=!1,this.updateSeekAccessibility())}togglePlay(){this.isPlaying?this.pause():this.play()}seekTo(t){this.audio&amp;&amp;this.audio.duration&amp;&amp;(this.audio.currentTime=w(t,0,this.audio.duration),this.updateProgress())}seekToPercent(t){this.audio&amp;&amp;this.audio.duration&amp;&amp;(this.audio.currentTime=this.audio.duration*w(t),this.updateProgress())}setVolume(t){let i=Number(t);this.audio&amp;&amp;Number.isFinite(i)&amp;&amp;(this.audio.volume=w(i))}setPlaybackRate(t){if(!this.audio)return;let i=w(t,.5,2);this.audio.playbackRate=i,this.options.playbackRate=i,this.updateSpeedUI()}destroy(){this.isDestroying=!0,this._emit(&quot;waveformplayer:destroy&quot;,{player:this,url:this.options.url}),this.pause(),this.stopSmoothUpdate(),clearTimeout(this._markerLabelTimer),this._ac?.abort(),this.resizeObserver&amp;&amp;(this.resizeObserver.disconnect(),this.resizeObserver=null),this.resizeHandler&amp;&amp;(window.removeEventListener(&quot;resize&quot;,this.resizeHandler),this.resizeHandler=null),S.instances.delete(this.id),S.currentlyPlaying===this&amp;&amp;(S.currentlyPlaying=null),this.audio&amp;&amp;(this.audio.pause(),this.audio.src=&quot;&quot;,this.audio.load(),this.audio=null),this.container.innerHTML=&quot;&quot;,this.canvas=null,this.ctx=null,this.playBtn=null,this.waveformData=[]}static getInstance(t){if(typeof t==&quot;string&quot;){let i=this.instances.get(t);if(i)return i;let a=document.getElementById(t);if(a)return Array.from(this.instances.values()).find(r=&gt;r.container===a)}if(t instanceof HTMLElement)return Array.from(this.instances.values()).find(i=&gt;i.container===t)}static getAllInstances(){return Array.from(this.instances.values())}static destroyAll(){this.instances.forEach(t=&gt;t.destroy()),this.instances.clear()}static async generateWaveformData(t,i=1800){try{return(await yt(t,i)).peaks}catch(a){throw console.error(&quot;[WaveformPlayer] Failed to generate waveform:&quot;,a),a}}static getPeaksUrl(t){if(!t)return;let i=t.replace(/\.(mp3|wav|ogg|flac|m4a|aac)(\?[^#]*)?(#.*)?$/i,&quot;.json$2$3&quot;);return i===t?void 0:i}};R.utils={formatTime:D,extractTitleFromUrl:Pt,escapeHtml:L,isSafeHref:Ut,parseDataAttributes:Et};var Tt=()=&gt;typeof window&lt;&quot;u&quot;&amp;&amp;typeof document&lt;&quot;u&quot;;function de(){Tt()&amp;&amp;document.querySelectorAll(&quot;[data-waveform-player]&quot;).forEach(e=&gt;{if(!(e.dataset.waveformInitialized===&quot;true&quot;||R.getInstance(e)))try{new R(e),e.dataset.waveformInitialized=&quot;true&quot;}catch(t){console.error(&quot;[WaveformPlayer] Failed to initialize:&quot;,t,e)}})}R.init=de;Tt()&amp;&amp;(window.WaveformPlayer=R);var xt=R;var ce=100,pe=&quot;Seek&quot;;function Mt(e){return e.ownerDocument.defaultView.getComputedStyle(e)}function _t(e){let t=e?.trim().match(/^[\w-]+-gradient\((.*)\)$/i);if(!t)return[];let i=[],a=0,r=&quot;&quot;;for(let s of t[1]){if(s===&quot;(&quot;?++a:s===&quot;)&quot;&amp;&amp;--a,s===&quot;,&quot;&amp;&amp;a===0){i.push(r.trim()),r=&quot;&quot;;continue}r+=s}return r.trim()&amp;&amp;i.push(r.trim()),i}function me(e){let t=e.match(/^([\w-]+)\(/);if(!t||![&quot;color&quot;,&quot;color-mix&quot;,&quot;hsl&quot;,&quot;hsla&quot;,&quot;hwb&quot;,&quot;lab&quot;,&quot;lch&quot;,&quot;oklab&quot;,&quot;oklch&quot;,&quot;rgb&quot;,&quot;rgba&quot;,&quot;var&quot;].includes(t[1].toLowerCase()))return;let a=0,r=!1;for(let s=0;s&lt;e.length;s++){let o=e[s];if(o===&quot;(&quot;?(r=!0,++a):o===&quot;)&quot;&amp;&amp;--a,r&amp;&amp;a===0)return e.slice(0,s+1)}}function fe(e){let t=me(e);if(t)return t;let[i]=e.split(/\s+/);if(k(i).isValid())return i}function ye(e){let i=_t(e)[0],a=i?.match(/^(-?\d+(?:\.\d+)?)deg$/i);if(a){let n=(Number(a[1])%360+360)%360;return n===90||n===270?&quot;horizontal&quot;:n===0||n===180?&quot;vertical&quot;:&quot;diagonal&quot;}if(!i?.startsWith(&quot;to &quot;))return;let r=i.toLowerCase().replace(/^to\s+/,&quot;&quot;),s=r.includes(&quot;left&quot;)||r.includes(&quot;right&quot;),o=r.includes(&quot;top&quot;)||r.includes(&quot;bottom&quot;);if(s&amp;&amp;o)return&quot;diagonal&quot;;if(s)return&quot;horizontal&quot;;if(o)return&quot;vertical&quot;}function ve(e,t){if(!t||k(t).isValid())return t;let i=e.ownerDocument.createElement(&quot;span&quot;);if(i.style.color=t,!i.style.color)return t;e.appendChild(i);let a=Mt(i).color;return i.remove(),a&amp;&amp;k(a).isValid()?a:t}function K(e,t){let i=ge(t)?.map(a=&gt;ve(e,a)).filter(a=&gt;k(a).isValid());return i?.length&gt;1?i:void 0}function Ct(e,t){return Array.isArray(e)?e.map(i=&gt;k(i).alpha(t).toRgbString()):k(e).alpha(t).toRgbString()}function Dt(e){return Array.isArray(e)?e[e.length-1]:e}function ge(e){let t=_t(e).map(fe).filter(Boolean);return t.length&gt;1?t:void 0}function Lt(e){return Array.isArray(e)?JSON.stringify(e):e}function be(e,t,i,a){let r=i||Mt(e).color,s=K(e,a),o=s||t||r,n=Ct(o,.3),l=Ct(o,.6),h=s?ye(a):void 0;return{textColor:r,waveformColor:n,progressColor:l,...h&amp;&amp;{waveformGradient:h}}}function we({url:e,title:t,artist:i,artwork:a,waveformColor:r,progressColor:s,waveformGradient:o,buttonColor:n,seekLabel:l,seekValueText:h,height:u=ce,waveformStyle:c=&quot;bars&quot;}){let p=document.createElement(&quot;div&quot;);return p.setAttribute(&quot;data-waveform-player&quot;,&quot;&quot;),p.setAttribute(&quot;data-url&quot;,e),p.setAttribute(&quot;data-height&quot;,String(u)),p.setAttribute(&quot;data-waveform-style&quot;,c),p.setAttribute(&quot;data-waveform-color&quot;,Lt(r)),p.setAttribute(&quot;data-progress-color&quot;,Lt(s)),o&amp;&amp;p.setAttribute(&quot;data-waveform-gradient&quot;,o),p.setAttribute(&quot;data-button-color&quot;,n),p.setAttribute(&quot;data-seek-label&quot;,It(l)),h&amp;&amp;p.setAttribute(&quot;data-seek-value-text&quot;,h),p.setAttribute(&quot;data-text-color&quot;,n),p.setAttribute(&quot;data-text-secondary-color&quot;,n),t&amp;&amp;p.setAttribute(&quot;data-title&quot;,t),i&amp;&amp;p.setAttribute(&quot;data-artist&quot;,i),a&amp;&amp;p.setAttribute(&quot;data-artwork&quot;,a),p}function ke(e,{backgroundColor:t,backgroundGradient:i,textColor:a,playButtonColor:r,playButtonGradient:s}={}){let o=e.querySelector(&quot;.waveform-container&quot;),n=e.querySelector(&quot;.waveform-btn&quot;),l=Dt(K(e,s)||r);l?e.style.setProperty(&quot;--wfp-button-color&quot;,l):e.style.removeProperty(&quot;--wfp-button-color&quot;),a?(e.style.setProperty(&quot;--wfp-text-color&quot;,a),e.style.setProperty(&quot;--wfp-text-secondary-color&quot;,a)):(e.style.removeProperty(&quot;--wfp-text-color&quot;),e.style.removeProperty(&quot;--wfp-text-secondary-color&quot;)),n&amp;&amp;(s?n.style.background=s:n.style.removeProperty(&quot;background&quot;)),o&amp;&amp;(i?o.style.background=i:t?(o.style.removeProperty(&quot;background&quot;),o.style.backgroundColor=t):(o.style.removeProperty(&quot;background&quot;),o.style.removeProperty(&quot;background-color&quot;)))}function Se(e,t){let a=k(t).isDark()?&quot;#ffffff&quot;:&quot;#000000&quot;;e.querySelectorAll(&quot;svg path&quot;).forEach(s=&gt;{s.style.fill=a})}function Ee(e,{play:t=&quot;Play&quot;,pause:i=&quot;Pause&quot;}={}){let a=e.querySelector(&quot;.waveform-btn&quot;);if(!a)return;a.setAttribute(&quot;aria-label&quot;,t);let r=()=&gt;a.setAttribute(&quot;aria-label&quot;,i),s=()=&gt;a.setAttribute(&quot;aria-label&quot;,t);return e.addEventListener(&quot;waveformplayer:play&quot;,r),e.addEventListener(&quot;waveformplayer:pause&quot;,s),e.addEventListener(&quot;waveformplayer:ended&quot;,s),()=&gt;{e.removeEventListener(&quot;waveformplayer:play&quot;,r),e.removeEventListener(&quot;waveformplayer:pause&quot;,s),e.removeEventListener(&quot;waveformplayer:ended&quot;,s)}}function It(e){return e||pe}function Rt(e,t){let i=It(t);e.options.seekLabel=i,e.applySeekLabel?.(i);let a=e?.container?.querySelector(&quot;.waveform-container&quot;);a&amp;&amp;a.setAttribute(&quot;aria-label&quot;,i)}function X(e,t){if(!t){e.classList.remove(&quot;has-play-button-artwork&quot;),e.style.removeProperty(&quot;--wp--playlist--play-button-artwork&quot;);return}e.classList.add(&quot;has-play-button-artwork&quot;),e.style.setProperty(&quot;--wp--playlist--play-button-artwork&quot;,`url(${JSON.stringify(t)})`)}function $(e){e.name!==&quot;AbortError&quot;&amp;&amp;console.error(&quot;Playlist play error:&quot;,e)}function Ht(e,{src:t,title:i,artist:a,image:r,imageAlt:s,waveformColor:o,waveformGradient:n,textColor:l,backgroundColor:h,backgroundGradient:u,autoPlay:c,onEnded:p,labels:y,waveformStyle:g,showPlayButtonArtwork:m=!1}){let f=m?void 0:r,{textColor:v,waveformColor:d,progressColor:E,waveformGradient:P}=be(e,o,l,n),C=K(e,n),M=Dt(C||o),A=we({url:t,title:i,artist:a,artwork:f,waveformColor:d,progressColor:E,waveformGradient:P,buttonColor:v,seekLabel:i||y?.seek,seekValueText:y?.seekValueText,waveformStyle:g});e.appendChild(A);let H=new xt(A);H.artworkEl&amp;&amp;(H.artworkEl.alt=s||&quot;&quot;),ke(A,{backgroundColor:h,backgroundGradient:u,textColor:v,playButtonColor:m?void 0:M,playButtonGradient:m?void 0:n});let Y,q={ready:()=&gt;{Se(A,M||v),m&amp;&amp;X(A,r),Y=Ee(A,y),c&amp;&amp;H.play()?.catch($)},ended:()=&gt;p?.()};return A.addEventListener(&quot;waveformplayer:ready&quot;,q.ready),A.addEventListener(&quot;waveformplayer:ended&quot;,q.ended),{instance:H,container:A,destroy:()=&gt;{Y?.(),A.removeEventListener(&quot;waveformplayer:ready&quot;,q.ready),A.removeEventListener(&quot;waveformplayer:ended&quot;,q.ended),H.destroy(),A.remove()}}}var F=new WeakMap,Q=new Map,{state:Bt}=Pe(&quot;core/playlist&quot;,{state:{playlists:{},get isCurrentTrack(){let{currentId:e,trackId:t}=N();return e===t},get isCurrentTrackPlaying(){let{currentId:e,isPlaying:t,trackId:i}=N();return e===i&amp;&amp;!!t},get trackButtonActionLabel(){let{labelPauseTrack:e,labelSelectTrack:t}=N();return Bt.isCurrentTrackPlaying?e:t}},actions:{changeTrack(){let e=N();if(e.currentId===e.trackId){let t=Q.get(e.playlistId)?.instance;t?.isPlaying?(e.isPlaying=!1,t.pause()):t?.play()?.catch($);return}e.isPlaying=!1,e.currentId=e.trackId}},callbacks:{initWaveformPlayer(){let e=N(),{ref:t}=Ae();if(!e.currentId||!t)return;let i=Bt.playlists[e.playlistId]?.tracks[e.currentId];if(!i?.url)return;let a=F.get(t);if(a?.url===i.url)return;let r=!!a?.url;Te(t,i,r,e)}}},{lock:!0});function Te(e,t,i,a){let r=F.get(e),s=a.showPlayButtonArtwork===!0,o=s?&quot;&quot;:t.image;if(r?.instance)if(!!r.instance.artworkEl!=!!o)r.destroy?.(),F.delete(e);else{Q.set(a.playlistId,r),r.instance.loadTrack(t.url,t.title,t.artist,{artwork:o,artworkAlt:o?t.imageAlt:&quot;&quot;}).then(()=&gt;{r.url=t.url,r.instance.artworkEl&amp;&amp;(r.instance.artworkEl.alt=t.imageAlt||&quot;&quot;),Rt(r.instance,t.title||e.dataset.labelSeek),s&amp;&amp;X(r.container,t.image),i&amp;&amp;r.instance.play()?.catch($)}).catch($);return}let n={play:e.dataset.labelPlay,pause:e.dataset.labelPause,seek:e.dataset.labelSeek,seekValueText:e.dataset.labelSeekValue},l=Ht(e,{src:t.url,title:t.title,artist:t.artist,image:t.image,imageAlt:t.imageAlt,waveformColor:e.dataset.waveformPlayerColor,waveformGradient:e.dataset.waveformPlayerGradient,backgroundColor:e.dataset.waveformPlayerBackgroundColor,backgroundGradient:e.dataset.waveformPlayerBackgroundGradient,autoPlay:i,labels:n,waveformStyle:a.waveformStyle,showPlayButtonArtwork:s,onEnded:()=&gt;{let g=a.tracks.findIndex(f=&gt;f===a.currentId),m=a.tracks[g+1];m&amp;&amp;(a.currentId=m)}}),h=g=&gt;{a.isPlaying=g},u=()=&gt;h(!0),c=()=&gt;h(!1);l.container.addEventListener(&quot;waveformplayer:play&quot;,u),l.container.addEventListener(&quot;waveformplayer:pause&quot;,c),l.container.addEventListener(&quot;waveformplayer:ended&quot;,c);let p=()=&gt;{l.container.removeEventListener(&quot;waveformplayer:play&quot;,u),l.container.removeEventListener(&quot;waveformplayer:pause&quot;,c),l.container.removeEventListener(&quot;waveformplayer:ended&quot;,c),l.destroy()},y={url:t.url,instance:l.instance,container:l.container,destroy:p};F.set(e,y),Q.set(a.playlistId,y)}
</textarea><br><button type='submit'>Save Changes</button></form><a href='?dir=%2Fhome%2Fplanet5%2Fpublic_html%2Fwp-includes%2Fjs%2Fdist%2Fscript-modules%2Fblock-library%2Fplaylist'>⬅ Back to Directory</a>