snice 4.14.0 → 4.16.0

package/dist/cdn/music-player/snice-music-player.min.js

@@ -1,10 +1,10 @@
 /*!
- * snice v4.13.0
+ * snice v4.15.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.
  */
-void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-music-player.min.js");var SniceMusicPlayer=function(e,t){"use strict";function r(e,t,r,a,i,s){function l(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var n,o=a.kind,c="getter"===o?"get":"setter"===o?"set":"value",h=!t&&e?a.static?e:e.prototype:null,d=t||(h?Object.getOwnPropertyDescriptor(h,a.name):{}),p=!1,u=r.length-1;u>=0;u--){var m={};for(var g in a)m[g]="access"===g?{}:a[g];for(var g in a.access)m.access[g]=a.access[g];m.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");s.push(l(e||null))};var v=(0,r[u])("accessor"===o?{get:d.get,set:d.set}:d[c],m);if("accessor"===o){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(n=l(v.get))&&(d.get=n),(n=l(v.set))&&(d.set=n),(n=l(v.init))&&i.unshift(n)}else(n=l(v))&&("field"===o?i.unshift(n):d[c]=n)}h&&Object.defineProperty(h,a.name,d),p=!0}function a(e,t,r){for(var a=arguments.length>2,i=0;i<t.length;i++)r=a?t[i].call(e,r):t[i].call(e);return a?r:void 0}"function"==typeof SuppressedError&&SuppressedError;let i=(()=>{let e,i,s,l,n,o,c,h,d,p,u,m,g,v,y,f,b,k,w,x,T,E,S,C,$,I,z,V,M,P,B,j,H,L,R,A,Q,N,O=[t.element("snice-music-player")],U=[],F=HTMLElement,q=[],D=[],X=[],G=[],J=[],K=[],W=[],Y=[],Z=[],_=[],ee=[],te=[],re=[],ae=[],ie=[],se=[],le=[],ne=[],oe=[],ce=[],he=[],de=[],pe=[],ue=[],me=[],ge=[],ve=[],ye=[],fe=[],be=[],ke=[],we=[],xe=[],Te=[],Ee=[],Se=[],Ce=[];return class extends F{static{i=this}static{const $e="function"==typeof Symbol&&Symbol.metadata?Object.create(F[Symbol.metadata]??null):void 0;s=[t.property({type:Array})],l=[t.property({type:Number,attribute:"current-track-index"})],n=[t.property({type:String,attribute:"current-track"})],o=[t.property({type:Number})],c=[t.property({type:Boolean})],h=[t.property({type:Boolean})],d=[t.property({type:String})],p=[t.property({type:String})],u=[t.property({type:Boolean})],m=[t.property({type:Boolean,attribute:"show-playlist"})],g=[t.property({type:Boolean,attribute:"show-controls"})],v=[t.property({type:Boolean,attribute:"show-volume"})],y=[t.property({type:Boolean,attribute:"show-artwork"})],f=[t.property({type:Boolean,attribute:"show-track-info"})],b=[t.property({type:Boolean})],k=[t.property({type:Boolean,attribute:"show-volume-slider"})],w=[t.query(".player-progress")],x=[t.query(".player-volume-slider")],T=[t.styles()],E=[t.ready()],S=[t.dispose()],C=[t.watch("tracks")],$=[t.watch("currentTrack")],I=[t.watch("volume")],z=[t.watch("muted")],V=[t.render()],M=[t.dispatch("player-play",{bubbles:!0,composed:!0})],P=[t.dispatch("player-pause",{bubbles:!0,composed:!0})],B=[t.dispatch("player-stop",{bubbles:!0,composed:!0})],j=[t.dispatch("player-track-change",{bubbles:!0,composed:!0})],H=[t.dispatch("player-track-ended",{bubbles:!0,composed:!0})],L=[t.dispatch("player-seek",{bubbles:!0,composed:!0})],R=[t.dispatch("player-volume-change",{bubbles:!0,composed:!0})],A=[t.dispatch("player-shuffle-change",{bubbles:!0,composed:!0})],Q=[t.dispatch("player-repeat-change",{bubbles:!0,composed:!0})],N=[t.dispatch("player-error",{bubbles:!0,composed:!0})],r(this,null,T,{kind:"method",name:"componentStyles",static:!1,private:!1,access:{has:e=>"componentStyles"in e,get:e=>e.componentStyles},metadata:$e},null,q),r(this,null,E,{kind:"method",name:"init",static:!1,private:!1,access:{has:e=>"init"in e,get:e=>e.init},metadata:$e},null,q),r(this,null,S,{kind:"method",name:"cleanup",static:!1,private:!1,access:{has:e=>"cleanup"in e,get:e=>e.cleanup},metadata:$e},null,q),r(this,null,C,{kind:"method",name:"handleTracksChange",static:!1,private:!1,access:{has:e=>"handleTracksChange"in e,get:e=>e.handleTracksChange},metadata:$e},null,q),r(this,null,$,{kind:"method",name:"handleCurrentTrackChange",static:!1,private:!1,access:{has:e=>"handleCurrentTrackChange"in e,get:e=>e.handleCurrentTrackChange},metadata:$e},null,q),r(this,null,I,{kind:"method",name:"handleVolumeChange",static:!1,private:!1,access:{has:e=>"handleVolumeChange"in e,get:e=>e.handleVolumeChange},metadata:$e},null,q),r(this,null,z,{kind:"method",name:"handleMutedChange",static:!1,private:!1,access:{has:e=>"handleMutedChange"in e,get:e=>e.handleMutedChange},metadata:$e},null,q),r(this,null,V,{kind:"method",name:"renderPlayer",static:!1,private:!1,access:{has:e=>"renderPlayer"in e,get:e=>e.renderPlayer},metadata:$e},null,q),r(this,null,M,{kind:"method",name:"emitPlay",static:!1,private:!1,access:{has:e=>"emitPlay"in e,get:e=>e.emitPlay},metadata:$e},null,q),r(this,null,P,{kind:"method",name:"emitPause",static:!1,private:!1,access:{has:e=>"emitPause"in e,get:e=>e.emitPause},metadata:$e},null,q),r(this,null,B,{kind:"method",name:"emitStop",static:!1,private:!1,access:{has:e=>"emitStop"in e,get:e=>e.emitStop},metadata:$e},null,q),r(this,null,j,{kind:"method",name:"emitTrackChange",static:!1,private:!1,access:{has:e=>"emitTrackChange"in e,get:e=>e.emitTrackChange},metadata:$e},null,q),r(this,null,H,{kind:"method",name:"emitTrackEnded",static:!1,private:!1,access:{has:e=>"emitTrackEnded"in e,get:e=>e.emitTrackEnded},metadata:$e},null,q),r(this,null,L,{kind:"method",name:"emitSeek",static:!1,private:!1,access:{has:e=>"emitSeek"in e,get:e=>e.emitSeek},metadata:$e},null,q),r(this,null,R,{kind:"method",name:"emitVolumeChange",static:!1,private:!1,access:{has:e=>"emitVolumeChange"in e,get:e=>e.emitVolumeChange},metadata:$e},null,q),r(this,null,A,{kind:"method",name:"emitShuffleChange",static:!1,private:!1,access:{has:e=>"emitShuffleChange"in e,get:e=>e.emitShuffleChange},metadata:$e},null,q),r(this,null,Q,{kind:"method",name:"emitRepeatChange",static:!1,private:!1,access:{has:e=>"emitRepeatChange"in e,get:e=>e.emitRepeatChange},metadata:$e},null,q),r(this,null,N,{kind:"method",name:"emitError",static:!1,private:!1,access:{has:e=>"emitError"in e,get:e=>e.emitError},metadata:$e},null,q),r(null,null,s,{kind:"field",name:"tracks",static:!1,private:!1,access:{has:e=>"tracks"in e,get:e=>e.tracks,set:(e,t)=>{e.tracks=t}},metadata:$e},D,X),r(null,null,l,{kind:"field",name:"currentTrackIndex",static:!1,private:!1,access:{has:e=>"currentTrackIndex"in e,get:e=>e.currentTrackIndex,set:(e,t)=>{e.currentTrackIndex=t}},metadata:$e},G,J),r(null,null,n,{kind:"field",name:"currentTrack",static:!1,private:!1,access:{has:e=>"currentTrack"in e,get:e=>e.currentTrack,set:(e,t)=>{e.currentTrack=t}},metadata:$e},K,W),r(null,null,o,{kind:"field",name:"volume",static:!1,private:!1,access:{has:e=>"volume"in e,get:e=>e.volume,set:(e,t)=>{e.volume=t}},metadata:$e},Y,Z),r(null,null,c,{kind:"field",name:"muted",static:!1,private:!1,access:{has:e=>"muted"in e,get:e=>e.muted,set:(e,t)=>{e.muted=t}},metadata:$e},_,ee),r(null,null,h,{kind:"field",name:"shuffle",static:!1,private:!1,access:{has:e=>"shuffle"in e,get:e=>e.shuffle,set:(e,t)=>{e.shuffle=t}},metadata:$e},te,re),r(null,null,d,{kind:"field",name:"repeat",static:!1,private:!1,access:{has:e=>"repeat"in e,get:e=>e.repeat,set:(e,t)=>{e.repeat=t}},metadata:$e},ae,ie),r(null,null,p,{kind:"field",name:"state",static:!1,private:!1,access:{has:e=>"state"in e,get:e=>e.state,set:(e,t)=>{e.state=t}},metadata:$e},se,le),r(null,null,u,{kind:"field",name:"autoplay",static:!1,private:!1,access:{has:e=>"autoplay"in e,get:e=>e.autoplay,set:(e,t)=>{e.autoplay=t}},metadata:$e},ne,oe),r(null,null,m,{kind:"field",name:"showPlaylist",static:!1,private:!1,access:{has:e=>"showPlaylist"in e,get:e=>e.showPlaylist,set:(e,t)=>{e.showPlaylist=t}},metadata:$e},ce,he),r(null,null,g,{kind:"field",name:"showControls",static:!1,private:!1,access:{has:e=>"showControls"in e,get:e=>e.showControls,set:(e,t)=>{e.showControls=t}},metadata:$e},de,pe),r(null,null,v,{kind:"field",name:"showVolume",static:!1,private:!1,access:{has:e=>"showVolume"in e,get:e=>e.showVolume,set:(e,t)=>{e.showVolume=t}},metadata:$e},ue,me),r(null,null,y,{kind:"field",name:"showArtwork",static:!1,private:!1,access:{has:e=>"showArtwork"in e,get:e=>e.showArtwork,set:(e,t)=>{e.showArtwork=t}},metadata:$e},ge,ve),r(null,null,f,{kind:"field",name:"showTrackInfo",static:!1,private:!1,access:{has:e=>"showTrackInfo"in e,get:e=>e.showTrackInfo,set:(e,t)=>{e.showTrackInfo=t}},metadata:$e},ye,fe),r(null,null,b,{kind:"field",name:"compact",static:!1,private:!1,access:{has:e=>"compact"in e,get:e=>e.compact,set:(e,t)=>{e.compact=t}},metadata:$e},be,ke),r(null,null,k,{kind:"field",name:"showVolumeSlider",static:!1,private:!1,access:{has:e=>"showVolumeSlider"in e,get:e=>e.showVolumeSlider,set:(e,t)=>{e.showVolumeSlider=t}},metadata:$e},we,xe),r(null,null,w,{kind:"field",name:"progressElement",static:!1,private:!1,access:{has:e=>"progressElement"in e,get:e=>e.progressElement,set:(e,t)=>{e.progressElement=t}},metadata:$e},Te,Ee),r(null,null,x,{kind:"field",name:"volumeSlider",static:!1,private:!1,access:{has:e=>"volumeSlider"in e,get:e=>e.volumeSlider,set:(e,t)=>{e.volumeSlider=t}},metadata:$e},Se,Ce),r(null,e={value:i},O,{kind:"class",name:i.name,metadata:$e},null,U),i=e.value,$e&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:$e}),a(i,U)}componentStyles(){return t.css`${":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint}.player-container{background:var(--snice-color-background,rgb(255 255 255));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-lg,.5rem);padding:var(--snice-spacing-lg,1.5rem);box-shadow:var(--snice-shadow-md,0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1))}.player-info{display:flex;align-items:center;gap:var(--snice-spacing-md,1rem);margin-bottom:var(--snice-spacing-lg,1.5rem)}.player-artwork{flex-shrink:0;width:5rem;height:5rem;border-radius:var(--snice-border-radius-md,.25rem);overflow:hidden;background:var(--snice-color-background-secondary,rgb(250 250 250));display:flex;align-items:center;justify-content:center}.player-artwork img{width:100%;height:100%;object-fit:cover}.player-artwork-placeholder{color:var(--snice-color-text-tertiary,rgb(115 115 115))}.player-track-info{flex:1;min-width:0}.player-track-title{font-size:var(--snice-font-size-lg, 1.125rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23));margin-bottom:var(--snice-spacing-3xs,.125rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-track-artist{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82));margin-bottom:var(--snice-spacing-3xs,.125rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-track-album{font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-tertiary,rgb(115 115 115));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-controls{margin-bottom:var(--snice-spacing-md,1rem);overflow:visible}.player-control-buttons{display:flex;align-items:center;justify-content:center;gap:var(--snice-spacing-sm,.75rem);margin-bottom:var(--snice-spacing-md,1rem)}.player-btn{background:0 0;border:none;cursor:pointer;padding:var(--snice-spacing-xs,.5rem);border-radius:var(--snice-border-radius-md,.25rem);color:var(--snice-color-text,rgb(23 23 23));display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--snice-transition-fast, 150ms) ease}.player-btn:hover:not(:disabled){background:var(--snice-color-background-hover,rgb(241 241 241))}.player-btn:active:not(:disabled){background:var(--snice-color-background-active,rgb(226 226 226))}.player-btn:disabled{opacity:.5;cursor:not-allowed}.player-btn.active{color:var(--snice-color-primary,rgb(37 99 235))}.player-btn-play-pause{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));padding:var(--snice-spacing-md,1rem);border-radius:var(--snice-border-radius-circle,50%)}.player-btn-play-pause:active:not(:disabled),.player-btn-play-pause:hover:not(:disabled){background:var(--snice-color-primary-hover,rgb(29 78 216))}.player-progress-container{display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem);position:relative}.player-time{font-size:var(--snice-font-size-xs, .75rem);font-variant-numeric:tabular-nums;color:var(--snice-color-text-secondary,rgb(82 82 82));min-width:2.5rem}.player-time-current{text-align:right}.player-progress{flex:1;height:.375rem;background:var(--snice-color-background-secondary,rgb(250 250 250));border-radius:var(--snice-border-radius-pill,9999px);cursor:pointer;position:relative;overflow:hidden}.player-progress:hover{background:var(--snice-color-background-tertiary,rgb(241 241 241))}.player-progress-bar{height:100%;background:var(--snice-color-primary,rgb(37 99 235));border-radius:var(--snice-border-radius-pill,9999px);transition:width .1s linear}.player-volume{display:flex;align-items:center;gap:var(--snice-spacing-xs,.5rem);margin-left:var(--snice-spacing-sm,.75rem)}.player-btn-volume{flex-shrink:0}.player-volume-slider-container{display:flex;align-items:center}.player-volume-slider{-webkit-appearance:none;appearance:none;width:5rem;height:.375rem;background:linear-gradient(to right,var(--snice-color-primary,rgb(37 99 235)) 0,var(--snice-color-primary,rgb(37 99 235)) var(--volume-percent,100%),var(--snice-color-background-secondary,rgb(250 250 250)) var(--volume-percent,100%),var(--snice-color-background-secondary,rgb(250 250 250)) 100%);border-radius:var(--snice-border-radius-pill,9999px);outline:0;cursor:pointer}.player-volume-slider::-webkit-slider-runnable-track{width:100%;height:.375rem;background:0 0;border-radius:var(--snice-border-radius-pill,9999px)}.player-volume-slider::-moz-range-track{width:100%;height:.375rem;background:var(--snice-color-background-secondary,rgb(250 250 250));border-radius:var(--snice-border-radius-pill,9999px)}.player-volume-slider::-moz-range-progress{height:.375rem;background:var(--snice-color-primary,rgb(37 99 235));border-radius:var(--snice-border-radius-pill,9999px)}.player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.875rem;height:.875rem;background:var(--snice-color-primary,rgb(37 99 235));border-radius:var(--snice-border-radius-circle,50%);cursor:pointer;transition:transform var(--snice-transition-fast, 150ms) ease;margin-top:-.25rem}.player-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.player-volume-slider::-moz-range-thumb{width:.875rem;height:.875rem;background:var(--snice-color-primary,rgb(37 99 235));border:none;border-radius:var(--snice-border-radius-circle,50%);cursor:pointer;transition:transform var(--snice-transition-fast, 150ms) ease}.player-volume-slider::-moz-range-thumb:hover{transform:scale(1.15)}.player-playlist{border-top:1px solid var(--snice-color-border,rgb(226 226 226));padding-top:var(--snice-spacing-md,1rem);margin-top:var(--snice-spacing-md,1rem)}.player-playlist-header{font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23));margin-bottom:var(--snice-spacing-sm,.75rem)}.player-playlist-items{display:flex;flex-direction:column;gap:var(--snice-spacing-2xs,.25rem);max-height:15rem;overflow-y:auto}.player-playlist-item{display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem);padding:var(--snice-spacing-sm,.75rem);border-radius:var(--snice-border-radius-md,.25rem);cursor:pointer;transition:background-color var(--snice-transition-fast, 150ms) ease}.player-playlist-item:hover{background:var(--snice-color-background-hover,rgb(241 241 241))}.player-playlist-item.active{background:var(--snice-color-primary-subtle,rgb(239 246 255))}.player-playlist-item.active .player-playlist-item-title{color:var(--snice-color-primary,rgb(37 99 235));font-weight:var(--snice-font-weight-medium,500)}.player-playlist-item-number{font-size:var(--snice-font-size-xs, .75rem);font-variant-numeric:tabular-nums;color:var(--snice-color-text-tertiary,rgb(115 115 115));width:1.5rem;text-align:center;flex-shrink:0}.player-playlist-item-artwork{width:2.5rem;height:2.5rem;border-radius:var(--snice-border-radius-sm,.125rem);object-fit:cover;flex-shrink:0}.player-playlist-item-info{flex:1;min-width:0}.player-playlist-item-title{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text,rgb(23 23 23));margin-bottom:var(--snice-spacing-3xs,.125rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-playlist-item-artist{font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-secondary,rgb(82 82 82));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-playlist-item-duration{font-size:var(--snice-font-size-xs, .75rem);font-variant-numeric:tabular-nums;color:var(--snice-color-text-tertiary,rgb(115 115 115));flex-shrink:0}.player-playlist-items::-webkit-scrollbar{width:.5rem}.player-playlist-items::-webkit-scrollbar-track{background:var(--snice-color-background-secondary,rgb(250 250 250));border-radius:var(--snice-border-radius-pill,9999px)}.player-playlist-items::-webkit-scrollbar-thumb{background:var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-pill,9999px)}.player-playlist-items::-webkit-scrollbar-thumb:hover{background:var(--snice-color-border-hover,rgb(204 204 204))}.player-container--compact{padding:var(--snice-spacing-sm,.75rem);display:flex;align-items:center;gap:var(--snice-spacing-md,1rem)}.player-container--compact .player-info{gap:var(--snice-spacing-sm,.75rem);margin-bottom:0;flex-shrink:0}.player-container--compact .player-artwork{width:3rem;height:3rem}.player-container--compact .player-track-title{font-size:var(--snice-font-size-sm, .875rem)}.player-container--compact .player-track-artist{font-size:var(--snice-font-size-xs, .75rem)}.player-container--compact .player-track-album{display:none}.player-container--compact .player-controls{flex:1;margin-bottom:0;display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem)}.player-container--compact .player-control-buttons{gap:var(--snice-spacing-xs,.5rem);margin-bottom:0}.player-container--compact .player-btn{padding:var(--snice-spacing-2xs,.25rem)}.player-container--compact .player-btn svg{width:1.25rem;height:1.25rem}.player-container--compact .player-btn-play-pause{padding:var(--snice-spacing-xs,.5rem)}.player-container--compact .player-btn-play-pause svg{width:1.5rem;height:1.5rem}.player-container--compact .player-progress-container{flex:1}.player-container--compact .player-time{font-size:var(--snice-font-size-2xs, .625rem);min-width:2rem}"}`}init(){this.audioElement=new Audio,this.audioElement.volume=this.volume,this.audioElement.muted=this.muted,this.audioElement.addEventListener("loadedmetadata",()=>{this.duration=this.audioElement.duration,this.state="loading"===this.state?"paused":this.state}),this.audioElement.addEventListener("play",()=>{this.state="playing",this.startUpdateInterval()}),this.audioElement.addEventListener("pause",()=>{this.audioElement.ended||(this.state="paused"),this.stopUpdateInterval()}),this.audioElement.addEventListener("ended",()=>{this.handleTrackEnded()}),this.audioElement.addEventListener("error",()=>{this.state="error",this.emitError(new Error("Failed to load track"))}),this.audioElement.addEventListener("timeupdate",()=>{this.currentTime=this.audioElement.currentTime}),this.tracks.length>0&&this.loadTrack(this.currentTrackIndex)}cleanup(){this.stop(),this.stopUpdateInterval(),this.audioElement&&(this.audioElement.pause(),this.audioElement.src="",this.audioElement=null)}handleTracksChange(){this.tracks.length>0&&this.currentTrackIndex>=this.tracks.length&&(this.currentTrackIndex=0),this.shuffle&&(this.shuffleQueue=[]),this.tracks.length>0&&this.audioElement&&!this.audioElement.src&&this.loadTrack(this.currentTrackIndex)}handleCurrentTrackChange(e,t){if(!t||t===e)return;const r=this.tracks.findIndex(e=>e.id===t);r>=0&&r!==this.currentTrackIndex&&this.loadTrack(r)}handleVolumeChange(e,t){this.audioElement&&t>=0&&t<=1&&(this.audioElement.volume=t),this.volumeSlider&&this.volumeSlider.style.setProperty("--volume-percent",100*t+"%")}handleMutedChange(e,t){this.audioElement&&(this.audioElement.muted=t)}renderPlayer(){const e=this.getCurrentTrack(),r=this.duration>0?this.currentTime/this.duration*100:0;return t.html`
+void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-music-player.min.js");var SniceMusicPlayer=function(e,t){"use strict";function r(e,t,r,a,i,s){function l(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var n,o=a.kind,c="getter"===o?"get":"setter"===o?"set":"value",h=!t&&e?a.static?e:e.prototype:null,d=t||(h?Object.getOwnPropertyDescriptor(h,a.name):{}),p=!1,m=r.length-1;m>=0;m--){var u={};for(var g in a)u[g]="access"===g?{}:a[g];for(var g in a.access)u.access[g]=a.access[g];u.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");s.push(l(e||null))};var v=(0,r[m])("accessor"===o?{get:d.get,set:d.set}:d[c],u);if("accessor"===o){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(n=l(v.get))&&(d.get=n),(n=l(v.set))&&(d.set=n),(n=l(v.init))&&i.unshift(n)}else(n=l(v))&&("field"===o?i.unshift(n):d[c]=n)}h&&Object.defineProperty(h,a.name,d),p=!0}function a(e,t,r){for(var a=arguments.length>2,i=0;i<t.length;i++)r=a?t[i].call(e,r):t[i].call(e);return a?r:void 0}"function"==typeof SuppressedError&&SuppressedError;let i=(()=>{let e,i,s,l,n,o,c,h,d,p,m,u,g,v,y,f,b,k,w,x,T,E,S,C,$,I,z,V,M,P,B,j,H,L,R,U,A,Q,N,O=[t.element("snice-music-player")],F=[],q=HTMLElement,D=[],X=[],G=[],J=[],K=[],W=[],Y=[],Z=[],_=[],ee=[],te=[],re=[],ae=[],ie=[],se=[],le=[],ne=[],oe=[],ce=[],he=[],de=[],pe=[],me=[],ue=[],ge=[],ve=[],ye=[],fe=[],be=[],ke=[],we=[],xe=[],Te=[],Ee=[],Se=[],Ce=[],$e=[];return class extends q{static{i=this}static{const Ie="function"==typeof Symbol&&Symbol.metadata?Object.create(q[Symbol.metadata]??null):void 0;s=[t.property({type:Array})],l=[t.property({type:Number,attribute:"current-track-index"})],n=[t.property({type:String,attribute:"current-track"})],o=[t.property({type:Number})],c=[t.property({type:Boolean})],h=[t.property({type:Boolean})],d=[t.property({type:String})],p=[t.property({type:String})],m=[t.property({type:Boolean})],u=[t.property({type:Boolean,attribute:"show-playlist"})],g=[t.property({type:Boolean,attribute:"show-controls"})],v=[t.property({type:Boolean,attribute:"show-volume"})],y=[t.property({type:Boolean,attribute:"show-artwork"})],f=[t.property({type:Boolean,attribute:"show-track-info"})],b=[t.property({type:Boolean})],k=[t.property({type:Boolean,attribute:"show-volume-slider"})],w=[t.query(".player-progress")],x=[t.query(".player-volume-slider")],T=[t.styles()],E=[t.ready()],S=[t.dispose()],C=[t.watch("tracks")],$=[t.watch("currentTrack")],I=[t.watch("volume")],z=[t.watch("muted")],V=[t.render()],M=[t.dispatch("player-play",{bubbles:!0,composed:!0})],P=[t.dispatch("player-pause",{bubbles:!0,composed:!0})],B=[t.dispatch("player-stop",{bubbles:!0,composed:!0})],j=[t.dispatch("player-track-change",{bubbles:!0,composed:!0})],H=[t.dispatch("player-track-ended",{bubbles:!0,composed:!0})],L=[t.dispatch("player-seek",{bubbles:!0,composed:!0})],R=[t.dispatch("player-volume-change",{bubbles:!0,composed:!0})],U=[t.dispatch("player-shuffle-change",{bubbles:!0,composed:!0})],A=[t.dispatch("player-repeat-change",{bubbles:!0,composed:!0})],Q=[t.dispatch("player-time-update",{bubbles:!0,composed:!0})],N=[t.dispatch("player-error",{bubbles:!0,composed:!0})],r(this,null,T,{kind:"method",name:"componentStyles",static:!1,private:!1,access:{has:e=>"componentStyles"in e,get:e=>e.componentStyles},metadata:Ie},null,D),r(this,null,E,{kind:"method",name:"init",static:!1,private:!1,access:{has:e=>"init"in e,get:e=>e.init},metadata:Ie},null,D),r(this,null,S,{kind:"method",name:"cleanup",static:!1,private:!1,access:{has:e=>"cleanup"in e,get:e=>e.cleanup},metadata:Ie},null,D),r(this,null,C,{kind:"method",name:"handleTracksChange",static:!1,private:!1,access:{has:e=>"handleTracksChange"in e,get:e=>e.handleTracksChange},metadata:Ie},null,D),r(this,null,$,{kind:"method",name:"handleCurrentTrackChange",static:!1,private:!1,access:{has:e=>"handleCurrentTrackChange"in e,get:e=>e.handleCurrentTrackChange},metadata:Ie},null,D),r(this,null,I,{kind:"method",name:"handleVolumeChange",static:!1,private:!1,access:{has:e=>"handleVolumeChange"in e,get:e=>e.handleVolumeChange},metadata:Ie},null,D),r(this,null,z,{kind:"method",name:"handleMutedChange",static:!1,private:!1,access:{has:e=>"handleMutedChange"in e,get:e=>e.handleMutedChange},metadata:Ie},null,D),r(this,null,V,{kind:"method",name:"renderPlayer",static:!1,private:!1,access:{has:e=>"renderPlayer"in e,get:e=>e.renderPlayer},metadata:Ie},null,D),r(this,null,M,{kind:"method",name:"emitPlay",static:!1,private:!1,access:{has:e=>"emitPlay"in e,get:e=>e.emitPlay},metadata:Ie},null,D),r(this,null,P,{kind:"method",name:"emitPause",static:!1,private:!1,access:{has:e=>"emitPause"in e,get:e=>e.emitPause},metadata:Ie},null,D),r(this,null,B,{kind:"method",name:"emitStop",static:!1,private:!1,access:{has:e=>"emitStop"in e,get:e=>e.emitStop},metadata:Ie},null,D),r(this,null,j,{kind:"method",name:"emitTrackChange",static:!1,private:!1,access:{has:e=>"emitTrackChange"in e,get:e=>e.emitTrackChange},metadata:Ie},null,D),r(this,null,H,{kind:"method",name:"emitTrackEnded",static:!1,private:!1,access:{has:e=>"emitTrackEnded"in e,get:e=>e.emitTrackEnded},metadata:Ie},null,D),r(this,null,L,{kind:"method",name:"emitSeek",static:!1,private:!1,access:{has:e=>"emitSeek"in e,get:e=>e.emitSeek},metadata:Ie},null,D),r(this,null,R,{kind:"method",name:"emitVolumeChange",static:!1,private:!1,access:{has:e=>"emitVolumeChange"in e,get:e=>e.emitVolumeChange},metadata:Ie},null,D),r(this,null,U,{kind:"method",name:"emitShuffleChange",static:!1,private:!1,access:{has:e=>"emitShuffleChange"in e,get:e=>e.emitShuffleChange},metadata:Ie},null,D),r(this,null,A,{kind:"method",name:"emitRepeatChange",static:!1,private:!1,access:{has:e=>"emitRepeatChange"in e,get:e=>e.emitRepeatChange},metadata:Ie},null,D),r(this,null,Q,{kind:"method",name:"emitTimeUpdate",static:!1,private:!1,access:{has:e=>"emitTimeUpdate"in e,get:e=>e.emitTimeUpdate},metadata:Ie},null,D),r(this,null,N,{kind:"method",name:"emitError",static:!1,private:!1,access:{has:e=>"emitError"in e,get:e=>e.emitError},metadata:Ie},null,D),r(null,null,s,{kind:"field",name:"tracks",static:!1,private:!1,access:{has:e=>"tracks"in e,get:e=>e.tracks,set:(e,t)=>{e.tracks=t}},metadata:Ie},X,G),r(null,null,l,{kind:"field",name:"currentTrackIndex",static:!1,private:!1,access:{has:e=>"currentTrackIndex"in e,get:e=>e.currentTrackIndex,set:(e,t)=>{e.currentTrackIndex=t}},metadata:Ie},J,K),r(null,null,n,{kind:"field",name:"currentTrack",static:!1,private:!1,access:{has:e=>"currentTrack"in e,get:e=>e.currentTrack,set:(e,t)=>{e.currentTrack=t}},metadata:Ie},W,Y),r(null,null,o,{kind:"field",name:"volume",static:!1,private:!1,access:{has:e=>"volume"in e,get:e=>e.volume,set:(e,t)=>{e.volume=t}},metadata:Ie},Z,_),r(null,null,c,{kind:"field",name:"muted",static:!1,private:!1,access:{has:e=>"muted"in e,get:e=>e.muted,set:(e,t)=>{e.muted=t}},metadata:Ie},ee,te),r(null,null,h,{kind:"field",name:"shuffle",static:!1,private:!1,access:{has:e=>"shuffle"in e,get:e=>e.shuffle,set:(e,t)=>{e.shuffle=t}},metadata:Ie},re,ae),r(null,null,d,{kind:"field",name:"repeat",static:!1,private:!1,access:{has:e=>"repeat"in e,get:e=>e.repeat,set:(e,t)=>{e.repeat=t}},metadata:Ie},ie,se),r(null,null,p,{kind:"field",name:"state",static:!1,private:!1,access:{has:e=>"state"in e,get:e=>e.state,set:(e,t)=>{e.state=t}},metadata:Ie},le,ne),r(null,null,m,{kind:"field",name:"autoplay",static:!1,private:!1,access:{has:e=>"autoplay"in e,get:e=>e.autoplay,set:(e,t)=>{e.autoplay=t}},metadata:Ie},oe,ce),r(null,null,u,{kind:"field",name:"showPlaylist",static:!1,private:!1,access:{has:e=>"showPlaylist"in e,get:e=>e.showPlaylist,set:(e,t)=>{e.showPlaylist=t}},metadata:Ie},he,de),r(null,null,g,{kind:"field",name:"showControls",static:!1,private:!1,access:{has:e=>"showControls"in e,get:e=>e.showControls,set:(e,t)=>{e.showControls=t}},metadata:Ie},pe,me),r(null,null,v,{kind:"field",name:"showVolume",static:!1,private:!1,access:{has:e=>"showVolume"in e,get:e=>e.showVolume,set:(e,t)=>{e.showVolume=t}},metadata:Ie},ue,ge),r(null,null,y,{kind:"field",name:"showArtwork",static:!1,private:!1,access:{has:e=>"showArtwork"in e,get:e=>e.showArtwork,set:(e,t)=>{e.showArtwork=t}},metadata:Ie},ve,ye),r(null,null,f,{kind:"field",name:"showTrackInfo",static:!1,private:!1,access:{has:e=>"showTrackInfo"in e,get:e=>e.showTrackInfo,set:(e,t)=>{e.showTrackInfo=t}},metadata:Ie},fe,be),r(null,null,b,{kind:"field",name:"compact",static:!1,private:!1,access:{has:e=>"compact"in e,get:e=>e.compact,set:(e,t)=>{e.compact=t}},metadata:Ie},ke,we),r(null,null,k,{kind:"field",name:"showVolumeSlider",static:!1,private:!1,access:{has:e=>"showVolumeSlider"in e,get:e=>e.showVolumeSlider,set:(e,t)=>{e.showVolumeSlider=t}},metadata:Ie},xe,Te),r(null,null,w,{kind:"field",name:"progressElement",static:!1,private:!1,access:{has:e=>"progressElement"in e,get:e=>e.progressElement,set:(e,t)=>{e.progressElement=t}},metadata:Ie},Ee,Se),r(null,null,x,{kind:"field",name:"volumeSlider",static:!1,private:!1,access:{has:e=>"volumeSlider"in e,get:e=>e.volumeSlider,set:(e,t)=>{e.volumeSlider=t}},metadata:Ie},Ce,$e),r(null,e={value:i},O,{kind:"class",name:i.name,metadata:Ie},null,F),i=e.value,Ie&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:Ie}),a(i,F)}componentStyles(){return t.css`${":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint}.player-container{background:var(--snice-color-background,rgb(255 255 255));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-lg,.5rem);padding:var(--snice-spacing-lg,1.5rem);box-shadow:var(--snice-shadow-md,0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1))}.player-info{display:flex;align-items:center;gap:var(--snice-spacing-md,1rem);margin-bottom:var(--snice-spacing-lg,1.5rem)}.player-artwork{flex-shrink:0;width:5rem;height:5rem;border-radius:var(--snice-border-radius-md,.25rem);overflow:hidden;background:var(--snice-color-background-secondary,rgb(250 250 250));display:flex;align-items:center;justify-content:center}.player-artwork img{width:100%;height:100%;object-fit:cover}.player-artwork-placeholder{color:var(--snice-color-text-tertiary,rgb(115 115 115))}.player-track-info{flex:1;min-width:0}.player-track-title{font-size:var(--snice-font-size-lg, 1.125rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23));margin-bottom:var(--snice-spacing-3xs,.125rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-track-artist{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82));margin-bottom:var(--snice-spacing-3xs,.125rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-track-album{font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-tertiary,rgb(115 115 115));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-controls{margin-bottom:var(--snice-spacing-md,1rem);overflow:visible}.player-control-buttons{display:flex;align-items:center;justify-content:center;gap:var(--snice-spacing-sm,.75rem);margin-bottom:var(--snice-spacing-md,1rem)}.player-btn{background:0 0;border:none;cursor:pointer;padding:var(--snice-spacing-xs,.5rem);border-radius:var(--snice-border-radius-md,.25rem);color:var(--snice-color-text,rgb(23 23 23));display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--snice-transition-fast, 150ms) ease}.player-btn:hover:not(:disabled){background:var(--snice-color-background-hover,rgb(241 241 241))}.player-btn:active:not(:disabled){background:var(--snice-color-background-active,rgb(226 226 226))}.player-btn:disabled{opacity:.5;cursor:not-allowed}.player-btn.active{color:var(--snice-color-primary,rgb(37 99 235))}.player-btn-play-pause{background:var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-text-inverse,rgb(250 250 250));padding:var(--snice-spacing-md,1rem);border-radius:var(--snice-border-radius-circle,50%)}.player-btn-play-pause:active:not(:disabled),.player-btn-play-pause:hover:not(:disabled){background:var(--snice-color-primary-hover,rgb(29 78 216))}.player-progress-container{display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem);position:relative}.player-time{font-size:var(--snice-font-size-xs, .75rem);font-variant-numeric:tabular-nums;color:var(--snice-color-text-secondary,rgb(82 82 82));min-width:2.5rem}.player-time-current{text-align:right}.player-progress{flex:1;height:.375rem;background:var(--snice-color-background-secondary,rgb(250 250 250));border-radius:var(--snice-border-radius-pill,9999px);cursor:pointer;position:relative;overflow:hidden}.player-progress:hover{background:var(--snice-color-background-tertiary,rgb(241 241 241))}.player-progress-bar{height:100%;background:var(--snice-color-primary,rgb(37 99 235));border-radius:var(--snice-border-radius-pill,9999px);transition:width .1s linear}.player-volume{display:flex;align-items:center;gap:var(--snice-spacing-xs,.5rem);margin-left:var(--snice-spacing-sm,.75rem)}.player-btn-volume{flex-shrink:0}.player-volume-slider-container{display:flex;align-items:center}.player-volume-slider{-webkit-appearance:none;appearance:none;width:5rem;height:.375rem;background:linear-gradient(to right,var(--snice-color-primary,rgb(37 99 235)) 0,var(--snice-color-primary,rgb(37 99 235)) var(--volume-percent,100%),var(--snice-color-background-secondary,rgb(250 250 250)) var(--volume-percent,100%),var(--snice-color-background-secondary,rgb(250 250 250)) 100%);border-radius:var(--snice-border-radius-pill,9999px);outline:0;cursor:pointer}.player-volume-slider::-webkit-slider-runnable-track{width:100%;height:.375rem;background:0 0;border-radius:var(--snice-border-radius-pill,9999px)}.player-volume-slider::-moz-range-track{width:100%;height:.375rem;background:var(--snice-color-background-secondary,rgb(250 250 250));border-radius:var(--snice-border-radius-pill,9999px)}.player-volume-slider::-moz-range-progress{height:.375rem;background:var(--snice-color-primary,rgb(37 99 235));border-radius:var(--snice-border-radius-pill,9999px)}.player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.875rem;height:.875rem;background:var(--snice-color-primary,rgb(37 99 235));border-radius:var(--snice-border-radius-circle,50%);cursor:pointer;transition:transform var(--snice-transition-fast, 150ms) ease;margin-top:-.25rem}.player-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.player-volume-slider::-moz-range-thumb{width:.875rem;height:.875rem;background:var(--snice-color-primary,rgb(37 99 235));border:none;border-radius:var(--snice-border-radius-circle,50%);cursor:pointer;transition:transform var(--snice-transition-fast, 150ms) ease}.player-volume-slider::-moz-range-thumb:hover{transform:scale(1.15)}.player-playlist{border-top:1px solid var(--snice-color-border,rgb(226 226 226));padding-top:var(--snice-spacing-md,1rem);margin-top:var(--snice-spacing-md,1rem)}.player-playlist-header{font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23));margin-bottom:var(--snice-spacing-sm,.75rem)}.player-playlist-items{display:flex;flex-direction:column;gap:var(--snice-spacing-2xs,.25rem);max-height:15rem;overflow-y:auto}.player-playlist-item{display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem);padding:var(--snice-spacing-sm,.75rem);border-radius:var(--snice-border-radius-md,.25rem);cursor:pointer;transition:background-color var(--snice-transition-fast, 150ms) ease}.player-playlist-item:hover{background:var(--snice-color-background-hover,rgb(241 241 241))}.player-playlist-item.active{background:var(--snice-color-primary-subtle,rgb(239 246 255))}.player-playlist-item.active .player-playlist-item-title{color:var(--snice-color-primary,rgb(37 99 235));font-weight:var(--snice-font-weight-medium,500)}.player-playlist-item-number{font-size:var(--snice-font-size-xs, .75rem);font-variant-numeric:tabular-nums;color:var(--snice-color-text-tertiary,rgb(115 115 115));width:1.5rem;text-align:center;flex-shrink:0}.player-playlist-item-artwork{width:2.5rem;height:2.5rem;border-radius:var(--snice-border-radius-sm,.125rem);object-fit:cover;flex-shrink:0}.player-playlist-item-info{flex:1;min-width:0}.player-playlist-item-title{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text,rgb(23 23 23));margin-bottom:var(--snice-spacing-3xs,.125rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-playlist-item-artist{font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-secondary,rgb(82 82 82));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-playlist-item-duration{font-size:var(--snice-font-size-xs, .75rem);font-variant-numeric:tabular-nums;color:var(--snice-color-text-tertiary,rgb(115 115 115));flex-shrink:0}.player-playlist-items::-webkit-scrollbar{width:.5rem}.player-playlist-items::-webkit-scrollbar-track{background:var(--snice-color-background-secondary,rgb(250 250 250));border-radius:var(--snice-border-radius-pill,9999px)}.player-playlist-items::-webkit-scrollbar-thumb{background:var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-pill,9999px)}.player-playlist-items::-webkit-scrollbar-thumb:hover{background:var(--snice-color-border-hover,rgb(204 204 204))}.player-container--compact{padding:var(--snice-spacing-sm,.75rem);display:flex;align-items:center;gap:var(--snice-spacing-md,1rem)}.player-container--compact .player-info{gap:var(--snice-spacing-sm,.75rem);margin-bottom:0;flex-shrink:0}.player-container--compact .player-artwork{width:3rem;height:3rem}.player-container--compact .player-track-title{font-size:var(--snice-font-size-sm, .875rem)}.player-container--compact .player-track-artist{font-size:var(--snice-font-size-xs, .75rem)}.player-container--compact .player-track-album{display:none}.player-container--compact .player-controls{flex:1;margin-bottom:0;display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem)}.player-container--compact .player-control-buttons{gap:var(--snice-spacing-xs,.5rem);margin-bottom:0}.player-container--compact .player-btn{padding:var(--snice-spacing-2xs,.25rem)}.player-container--compact .player-btn svg{width:1.25rem;height:1.25rem}.player-container--compact .player-btn-play-pause{padding:var(--snice-spacing-xs,.5rem)}.player-container--compact .player-btn-play-pause svg{width:1.5rem;height:1.5rem}.player-container--compact .player-progress-container{flex:1}.player-container--compact .player-time{font-size:var(--snice-font-size-2xs, .625rem);min-width:2rem}"}`}init(){this.audioElement=new Audio,this.audioElement.volume=this.volume,this.audioElement.muted=this.muted,this.audioElement.addEventListener("loadedmetadata",()=>{this.duration=this.audioElement.duration,this.state="loading"===this.state?"paused":this.state}),this.audioElement.addEventListener("play",()=>{this.state="playing",this.startUpdateInterval()}),this.audioElement.addEventListener("pause",()=>{this.audioElement.ended||(this.state="paused"),this.stopUpdateInterval()}),this.audioElement.addEventListener("ended",()=>{this.handleTrackEnded()}),this.audioElement.addEventListener("error",()=>{this.state="error",this.emitError(new Error("Failed to load track"))}),this.audioElement.addEventListener("timeupdate",()=>{this.currentTime=this.audioElement.currentTime,this.emitTimeUpdate()}),this.tracks.length>0&&this.loadTrack(this.currentTrackIndex)}cleanup(){this.stop(),this.stopUpdateInterval(),this.audioElement&&(this.audioElement.pause(),this.audioElement.src="",this.audioElement=null)}handleTracksChange(){this.tracks.length>0&&this.currentTrackIndex>=this.tracks.length&&(this.currentTrackIndex=0),this.shuffle&&(this.shuffleQueue=[]),this.tracks.length>0&&this.audioElement&&!this.audioElement.src&&this.loadTrack(this.currentTrackIndex)}handleCurrentTrackChange(e,t){if(!t||t===e)return;const r=this.tracks.findIndex(e=>e.id===t);r>=0&&r!==this.currentTrackIndex&&this.loadTrack(r)}handleVolumeChange(e,t){this.audioElement&&t>=0&&t<=1&&(this.audioElement.volume=t),this.volumeSlider&&this.volumeSlider.style.setProperty("--volume-percent",100*t+"%")}handleMutedChange(e,t){this.audioElement&&(this.audioElement.muted=t)}renderPlayer(){const e=this.getCurrentTrack(),r=this.duration>0?this.currentTime/this.duration*100:0;return t.html`
       <div class="player-container ${this.compact?"player-container--compact":""}">
         <if ${this.showArtwork||this.showTrackInfo}>
           <div class="player-info">
@@ -199,5 +199,5 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
           </div>
         </if>
       </div>
-    `}async play(){if(this.audioElement&&0!==this.tracks.length)try{await this.audioElement.play(),this.emitPlay()}catch(e){this.state="error",this.emitError(e)}}pause(){this.audioElement&&(this.audioElement.pause(),this.emitPause())}stop(){this.audioElement&&(this.audioElement.pause(),this.audioElement.currentTime=0,this.currentTime=0,this.state="stopped",this.emitStop())}next(){if(0===this.tracks.length)return;let e;this.shuffle?e=this.getNextShuffleIndex():(e=this.currentTrackIndex+1,e>=this.tracks.length&&(e=0)),this.loadTrack(e),"playing"===this.state&&this.play()}previous(){if(0===this.tracks.length)return;if(this.currentTime>3)return void this.seek(0);let e;this.shuffle&&this.shuffleHistory.length>0?e=this.shuffleHistory.pop():(e=this.currentTrackIndex-1,e<0&&(e=this.tracks.length-1)),this.loadTrack(e),"playing"===this.state&&this.play()}seek(e){this.audioElement&&(this.audioElement.currentTime=e,this.currentTime=e,this.emitSeek(e))}setVolume(e){if(e<0||e>1)throw new Error("Volume must be between 0 and 1");this.volume=e,this.volume>0&&this.muted&&(this.muted=!1),this.emitVolumeChange(e)}toggleShuffle(){this.shuffle=!this.shuffle,this.shuffle?this.initializeShuffleQueue():(this.shuffleHistory=[],this.shuffleQueue=[]),this.emitShuffleChange(this.shuffle)}setRepeat(e){this.repeat=e,this.emitRepeatChange(e)}async loadTrack(e){if(e<0||e>=this.tracks.length)throw new Error("Invalid track index");const t="playing"===this.state;this.state="loading",this.currentTrackIndex=e;const r=this.tracks[e];this.currentTrack=r.id,this.audioElement&&(this.audioElement.src=r.src,this.audioElement.load(),this.currentTime=0,(t||this.autoplay)&&await this.play()),this.emitTrackChange(r)}getCurrentTrack(){return this.currentTrackIndex>=0&&this.currentTrackIndex<this.tracks.length?this.tracks[this.currentTrackIndex]:null}toggleMute(){this.muted=!this.muted}toggleVolumeSlider(){this.showVolumeSlider=!this.showVolumeSlider}cycleRepeat(){const e=["off","all","one"],t=(e.indexOf(this.repeat)+1)%e.length;this.setRepeat(e[t])}handleSeek(e){if(!this.progressElement||0===this.duration)return;const t=this.progressElement.getBoundingClientRect(),r=(e.clientX-t.left)/t.width*this.duration;this.seek(r)}handleVolumeSlider(e){const t=e.target,r=parseFloat(t.value);t.style.setProperty("--volume-percent",100*r+"%"),this.setVolume(r)}handleTrackEnded(){"one"===this.repeat?(this.seek(0),this.play()):"all"===this.repeat||this.currentTrackIndex<this.tracks.length-1?(this.next(),this.play()):(this.state="stopped",this.currentTime=0),this.emitTrackEnded()}getNextShuffleIndex(){return 1===this.tracks.length?0:(0===this.shuffleQueue.length&&this.initializeShuffleQueue(),this.shuffleHistory.push(this.currentTrackIndex),this.shuffleQueue.shift())}initializeShuffleQueue(){const e=[];for(let t=0;t<this.tracks.length;t++)t!==this.currentTrackIndex&&e.push(t);for(let t=e.length-1;t>0;t--){const r=Math.floor(Math.random()*(t+1));[e[t],e[r]]=[e[r],e[t]]}this.shuffleQueue=e}startUpdateInterval(){this.updateInterval=window.setInterval(()=>{},100)}stopUpdateInterval(){null!==this.updateInterval&&(clearInterval(this.updateInterval),this.updateInterval=null)}formatTime(e){if(isNaN(e)||e===1/0)return"0:00";return`${Math.floor(e/60)}:${Math.floor(e%60).toString().padStart(2,"0")}`}emitPlay(){return{player:this,track:this.getCurrentTrack()}}emitPause(){return{player:this,track:this.getCurrentTrack()}}emitStop(){return{player:this}}emitTrackChange(e){return{player:this,track:e}}emitTrackEnded(){return{player:this,track:this.getCurrentTrack()}}emitSeek(e){return{player:this,time:e}}emitVolumeChange(e){return{player:this,volume:e}}emitShuffleChange(e){return{player:this,shuffle:e}}emitRepeatChange(e){return{player:this,repeat:e}}emitError(e){return{player:this,error:e}}constructor(){super(...arguments),this.tracks=(a(this,q),a(this,D,[])),this.currentTrackIndex=(a(this,X),a(this,G,0)),this.currentTrack=(a(this,J),a(this,K,"")),this.currentTime=(a(this,W),0),this.duration=0,this.volume=a(this,Y,1),this.muted=(a(this,Z),a(this,_,!1)),this.shuffle=(a(this,ee),a(this,te,!1)),this.repeat=(a(this,re),a(this,ae,"off")),this.state=(a(this,ie),a(this,se,"stopped")),this.autoplay=(a(this,le),a(this,ne,!1)),this.showPlaylist=(a(this,oe),a(this,ce,!0)),this.showControls=(a(this,he),a(this,de,!0)),this.showVolume=(a(this,pe),a(this,ue,!0)),this.showArtwork=(a(this,me),a(this,ge,!0)),this.showTrackInfo=(a(this,ve),a(this,ye,!0)),this.compact=(a(this,fe),a(this,be,!1)),this.showVolumeSlider=(a(this,ke),a(this,we,!1)),this.audioElement=(a(this,xe),null),this.updateInterval=null,this.shuffleHistory=[],this.shuffleQueue=[],this.progressElement=a(this,Te,void 0),this.volumeSlider=(a(this,Ee),a(this,Se,void 0)),a(this,Ce)}},i})();return e.SniceMusicPlayer=i,e}({},Snice);
+    `}async play(){if(this.audioElement&&0!==this.tracks.length)try{await this.audioElement.play(),this.emitPlay()}catch(e){this.state="error",this.emitError(e)}}pause(){this.audioElement&&(this.audioElement.pause(),this.emitPause())}stop(){this.audioElement&&(this.audioElement.pause(),this.audioElement.currentTime=0,this.currentTime=0,this.state="stopped",this.emitStop())}next(){if(0===this.tracks.length)return;let e;this.shuffle?e=this.getNextShuffleIndex():(e=this.currentTrackIndex+1,e>=this.tracks.length&&(e=0)),this.loadTrack(e),"playing"===this.state&&this.play()}previous(){if(0===this.tracks.length)return;if(this.currentTime>3)return void this.seek(0);let e;this.shuffle&&this.shuffleHistory.length>0?e=this.shuffleHistory.pop():(e=this.currentTrackIndex-1,e<0&&(e=this.tracks.length-1)),this.loadTrack(e),"playing"===this.state&&this.play()}seek(e){this.audioElement&&(this.audioElement.currentTime=e,this.currentTime=e,this.emitSeek(e))}setVolume(e){if(e<0||e>1)throw new Error("Volume must be between 0 and 1");this.volume=e,this.volume>0&&this.muted&&(this.muted=!1),this.emitVolumeChange(e)}toggleShuffle(){this.shuffle=!this.shuffle,this.shuffle?this.initializeShuffleQueue():(this.shuffleHistory=[],this.shuffleQueue=[]),this.emitShuffleChange(this.shuffle)}setRepeat(e){this.repeat=e,this.emitRepeatChange(e)}async loadTrack(e){if(e<0||e>=this.tracks.length)throw new Error("Invalid track index");const t="playing"===this.state;this.state="loading",this.currentTrackIndex=e;const r=this.tracks[e];this.currentTrack=r.id,this.audioElement&&(this.audioElement.src=r.src,this.audioElement.load(),this.currentTime=0,(t||this.autoplay)&&await this.play()),this.emitTrackChange(r)}getCurrentTrack(){return this.currentTrackIndex>=0&&this.currentTrackIndex<this.tracks.length?this.tracks[this.currentTrackIndex]:null}toggleMute(){this.muted=!this.muted}toggleVolumeSlider(){this.showVolumeSlider=!this.showVolumeSlider}cycleRepeat(){const e=["off","all","one"],t=(e.indexOf(this.repeat)+1)%e.length;this.setRepeat(e[t])}handleSeek(e){if(!this.progressElement||0===this.duration)return;const t=this.progressElement.getBoundingClientRect(),r=(e.clientX-t.left)/t.width*this.duration;this.seek(r)}handleVolumeSlider(e){const t=e.target,r=parseFloat(t.value);t.style.setProperty("--volume-percent",100*r+"%"),this.setVolume(r)}handleTrackEnded(){"one"===this.repeat?(this.seek(0),this.play()):"all"===this.repeat||this.currentTrackIndex<this.tracks.length-1?(this.next(),this.play()):(this.state="stopped",this.currentTime=0),this.emitTrackEnded()}getNextShuffleIndex(){return 1===this.tracks.length?0:(0===this.shuffleQueue.length&&this.initializeShuffleQueue(),this.shuffleHistory.push(this.currentTrackIndex),this.shuffleQueue.shift())}initializeShuffleQueue(){const e=[];for(let t=0;t<this.tracks.length;t++)t!==this.currentTrackIndex&&e.push(t);for(let t=e.length-1;t>0;t--){const r=Math.floor(Math.random()*(t+1));[e[t],e[r]]=[e[r],e[t]]}this.shuffleQueue=e}startUpdateInterval(){this.updateInterval=window.setInterval(()=>{},100)}stopUpdateInterval(){null!==this.updateInterval&&(clearInterval(this.updateInterval),this.updateInterval=null)}formatTime(e){if(isNaN(e)||e===1/0)return"0:00";return`${Math.floor(e/60)}:${Math.floor(e%60).toString().padStart(2,"0")}`}emitPlay(){return{player:this,track:this.getCurrentTrack()}}emitPause(){return{player:this,track:this.getCurrentTrack()}}emitStop(){return{player:this}}emitTrackChange(e){return{player:this,track:e}}emitTrackEnded(){return{player:this,track:this.getCurrentTrack()}}emitSeek(e){return{player:this,time:e}}emitVolumeChange(e){return{player:this,volume:e}}emitShuffleChange(e){return{player:this,shuffle:e}}emitRepeatChange(e){return{player:this,repeat:e}}emitTimeUpdate(){return{player:this,currentTime:this.currentTime,duration:this.duration}}emitError(e){return{player:this,error:e}}constructor(){super(...arguments),this.tracks=(a(this,D),a(this,X,[])),this.currentTrackIndex=(a(this,G),a(this,J,0)),this.currentTrack=(a(this,K),a(this,W,"")),this.currentTime=(a(this,Y),0),this.duration=0,this.volume=a(this,Z,1),this.muted=(a(this,_),a(this,ee,!1)),this.shuffle=(a(this,te),a(this,re,!1)),this.repeat=(a(this,ae),a(this,ie,"off")),this.state=(a(this,se),a(this,le,"stopped")),this.autoplay=(a(this,ne),a(this,oe,!1)),this.showPlaylist=(a(this,ce),a(this,he,!0)),this.showControls=(a(this,de),a(this,pe,!0)),this.showVolume=(a(this,me),a(this,ue,!0)),this.showArtwork=(a(this,ge),a(this,ve,!0)),this.showTrackInfo=(a(this,ye),a(this,fe,!0)),this.compact=(a(this,be),a(this,ke,!1)),this.showVolumeSlider=(a(this,we),a(this,xe,!1)),this.audioElement=(a(this,Te),null),this.updateInterval=null,this.shuffleHistory=[],this.shuffleQueue=[],this.progressElement=a(this,Ee,void 0),this.volumeSlider=(a(this,Se),a(this,Ce,void 0)),a(this,$e)}},i})();return e.SniceMusicPlayer=i,e}({},Snice);
 //# sourceMappingURL=snice-music-player.min.js.map