snice 4.10.0 → 4.12.0

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

@@ -1,10 +1,10 @@
 /*!
- * snice v4.9.0
+ * snice v4.11.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-podcast-player.min.js");var SnicePodcastPlayer=function(e,t){"use strict";function i(e,t,i,s,a,r){function o(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var n,c=s.kind,d="getter"===c?"get":"setter"===c?"set":"value",l=!t&&e?s.static?e:e.prototype:null,p=t||(l?Object.getOwnPropertyDescriptor(l,s.name):{}),h=!1,m=i.length-1;m>=0;m--){var u={};for(var g in s)u[g]="access"===g?{}:s[g];for(var g in s.access)u.access[g]=s.access[g];u.addInitializer=function(e){if(h)throw new TypeError("Cannot add initializers after decoration has completed");r.push(o(e||null))};var v=(0,i[m])("accessor"===c?{get:p.get,set:p.set}:p[d],u);if("accessor"===c){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(n=o(v.get))&&(p.get=n),(n=o(v.set))&&(p.set=n),(n=o(v.init))&&a.unshift(n)}else(n=o(v))&&("field"===c?a.unshift(n):p[d]=n)}l&&Object.defineProperty(l,s.name,p),h=!0}function s(e,t,i){for(var s=arguments.length>2,a=0;a<t.length;a++)i=s?t[a].call(e,i):t[a].call(e);return s?i:void 0}"function"==typeof SuppressedError&&SuppressedError;const a=[.5,.75,1,1.25,1.5,1.75,2],r=[0,5,10,15,30,45,60];let o=(()=>{let e,o,n,c,d,l,p,h,m,u,g,v,b,f,w,y,k,x,E,S,T,$,C,R,z,P,M,I,B,F,L,N,V,j,D,q=[t.element("snice-podcast-player")],A=[],O=HTMLElement,U=[],H=[],K=[],X=[],G=[],J=[],Q=[],W=[],Y=[],Z=[],_=[],ee=[],te=[],ie=[],se=[],ae=[],re=[],oe=[],ne=[],ce=[],de=[],le=[],pe=[],he=[],me=[],ue=[],ge=[],ve=[],be=[],fe=[],we=[],ye=[],ke=[],xe=[],Ee=[];return class extends O{static{o=this}static{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(O[Symbol.metadata]??null):void 0;n=[t.property()],c=[t.property({attribute:"from-rss"})],d=[t.property()],l=[t.property()],p=[t.property()],h=[t.property()],m=[t.property({type:Number,attribute:"playback-rate"})],u=[t.property({type:Number,attribute:"skip-forward"})],g=[t.property({type:Number,attribute:"skip-back"})],v=[t.property({type:Number,attribute:"current-time"})],b=[t.property({type:Number})],f=[t.property({type:Number})],w=[t.property({type:Boolean})],y=[t.property({type:Array})],k=[t.property({type:Number,attribute:"current-episode-index"})],x=[t.property({type:Number,attribute:"sleep-timer"})],E=[t.query(".podcast-progress")],S=[t.styles()],T=[t.ready()],$=[t.dispose()],C=[t.watch("src")],R=[t.watch("fromRss")],z=[t.watch("volume")],P=[t.watch("muted")],M=[t.watch("playbackRate")],I=[t.render()],B=[t.dispatch("podcast-play",{bubbles:!0,composed:!0})],F=[t.dispatch("podcast-pause",{bubbles:!0,composed:!0})],L=[t.dispatch("podcast-ended",{bubbles:!0,composed:!0})],N=[t.dispatch("podcast-time-update",{bubbles:!0,composed:!0})],V=[t.dispatch("podcast-rate-change",{bubbles:!0,composed:!0})],j=[t.dispatch("podcast-episode-change",{bubbles:!0,composed:!0})],D=[t.dispatch("podcast-feed-loaded",{bubbles:!0,composed:!0})],i(this,null,S,{kind:"method",name:"componentStyles",static:!1,private:!1,access:{has:e=>"componentStyles"in e,get:e=>e.componentStyles},metadata:a},null,U),i(this,null,T,{kind:"method",name:"init",static:!1,private:!1,access:{has:e=>"init"in e,get:e=>e.init},metadata:a},null,U),i(this,null,$,{kind:"method",name:"cleanup",static:!1,private:!1,access:{has:e=>"cleanup"in e,get:e=>e.cleanup},metadata:a},null,U),i(this,null,C,{kind:"method",name:"handleSrcChange",static:!1,private:!1,access:{has:e=>"handleSrcChange"in e,get:e=>e.handleSrcChange},metadata:a},null,U),i(this,null,R,{kind:"method",name:"handleRssChange",static:!1,private:!1,access:{has:e=>"handleRssChange"in e,get:e=>e.handleRssChange},metadata:a},null,U),i(this,null,z,{kind:"method",name:"handleVolumeChange",static:!1,private:!1,access:{has:e=>"handleVolumeChange"in e,get:e=>e.handleVolumeChange},metadata:a},null,U),i(this,null,P,{kind:"method",name:"handleMutedChange",static:!1,private:!1,access:{has:e=>"handleMutedChange"in e,get:e=>e.handleMutedChange},metadata:a},null,U),i(this,null,M,{kind:"method",name:"handlePlaybackRateChange",static:!1,private:!1,access:{has:e=>"handlePlaybackRateChange"in e,get:e=>e.handlePlaybackRateChange},metadata:a},null,U),i(this,null,I,{kind:"method",name:"renderPlayer",static:!1,private:!1,access:{has:e=>"renderPlayer"in e,get:e=>e.renderPlayer},metadata:a},null,U),i(this,null,B,{kind:"method",name:"emitPlay",static:!1,private:!1,access:{has:e=>"emitPlay"in e,get:e=>e.emitPlay},metadata:a},null,U),i(this,null,F,{kind:"method",name:"emitPause",static:!1,private:!1,access:{has:e=>"emitPause"in e,get:e=>e.emitPause},metadata:a},null,U),i(this,null,L,{kind:"method",name:"emitEnded",static:!1,private:!1,access:{has:e=>"emitEnded"in e,get:e=>e.emitEnded},metadata:a},null,U),i(this,null,N,{kind:"method",name:"emitTimeUpdate",static:!1,private:!1,access:{has:e=>"emitTimeUpdate"in e,get:e=>e.emitTimeUpdate},metadata:a},null,U),i(this,null,V,{kind:"method",name:"emitRateChange",static:!1,private:!1,access:{has:e=>"emitRateChange"in e,get:e=>e.emitRateChange},metadata:a},null,U),i(this,null,j,{kind:"method",name:"emitEpisodeChange",static:!1,private:!1,access:{has:e=>"emitEpisodeChange"in e,get:e=>e.emitEpisodeChange},metadata:a},null,U),i(this,null,D,{kind:"method",name:"emitFeedLoaded",static:!1,private:!1,access:{has:e=>"emitFeedLoaded"in e,get:e=>e.emitFeedLoaded},metadata:a},null,U),i(null,null,n,{kind:"field",name:"src",static:!1,private:!1,access:{has:e=>"src"in e,get:e=>e.src,set:(e,t)=>{e.src=t}},metadata:a},H,K),i(null,null,c,{kind:"field",name:"fromRss",static:!1,private:!1,access:{has:e=>"fromRss"in e,get:e=>e.fromRss,set:(e,t)=>{e.fromRss=t}},metadata:a},X,G),i(null,null,d,{kind:"field",name:"title",static:!1,private:!1,access:{has:e=>"title"in e,get:e=>e.title,set:(e,t)=>{e.title=t}},metadata:a},J,Q),i(null,null,l,{kind:"field",name:"show",static:!1,private:!1,access:{has:e=>"show"in e,get:e=>e.show,set:(e,t)=>{e.show=t}},metadata:a},W,Y),i(null,null,p,{kind:"field",name:"artwork",static:!1,private:!1,access:{has:e=>"artwork"in e,get:e=>e.artwork,set:(e,t)=>{e.artwork=t}},metadata:a},Z,_),i(null,null,h,{kind:"field",name:"description",static:!1,private:!1,access:{has:e=>"description"in e,get:e=>e.description,set:(e,t)=>{e.description=t}},metadata:a},ee,te),i(null,null,m,{kind:"field",name:"playbackRate",static:!1,private:!1,access:{has:e=>"playbackRate"in e,get:e=>e.playbackRate,set:(e,t)=>{e.playbackRate=t}},metadata:a},ie,se),i(null,null,u,{kind:"field",name:"skipForward",static:!1,private:!1,access:{has:e=>"skipForward"in e,get:e=>e.skipForward,set:(e,t)=>{e.skipForward=t}},metadata:a},ae,re),i(null,null,g,{kind:"field",name:"skipBack",static:!1,private:!1,access:{has:e=>"skipBack"in e,get:e=>e.skipBack,set:(e,t)=>{e.skipBack=t}},metadata:a},oe,ne),i(null,null,v,{kind:"field",name:"currentTime",static:!1,private:!1,access:{has:e=>"currentTime"in e,get:e=>e.currentTime,set:(e,t)=>{e.currentTime=t}},metadata:a},ce,de),i(null,null,b,{kind:"field",name:"duration",static:!1,private:!1,access:{has:e=>"duration"in e,get:e=>e.duration,set:(e,t)=>{e.duration=t}},metadata:a},le,pe),i(null,null,f,{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:a},he,me),i(null,null,w,{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:a},ue,ge),i(null,null,y,{kind:"field",name:"episodes",static:!1,private:!1,access:{has:e=>"episodes"in e,get:e=>e.episodes,set:(e,t)=>{e.episodes=t}},metadata:a},ve,be),i(null,null,k,{kind:"field",name:"currentEpisodeIndex",static:!1,private:!1,access:{has:e=>"currentEpisodeIndex"in e,get:e=>e.currentEpisodeIndex,set:(e,t)=>{e.currentEpisodeIndex=t}},metadata:a},fe,we),i(null,null,x,{kind:"field",name:"sleepTimer",static:!1,private:!1,access:{has:e=>"sleepTimer"in e,get:e=>e.sleepTimer,set:(e,t)=>{e.sleepTimer=t}},metadata:a},ye,ke),i(null,null,E,{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:a},xe,Ee),i(null,e={value:o},q,{kind:"class",name:o.name,metadata:a},null,A),o=e.value,a&&Object.defineProperty(o,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),s(o,A)}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}.podcast-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))}.podcast-info{display:flex;gap:var(--snice-spacing-md,1rem);margin-bottom:var(--snice-spacing-lg,1.5rem)}.podcast-artwork{flex-shrink:0;width:7.5rem;height:7.5rem;border-radius:var(--snice-border-radius-lg,.5rem);overflow:hidden;background:var(--snice-color-background-element,rgb(252 251 249));display:flex;align-items:center;justify-content:center}.podcast-artwork img{width:100%;height:100%;object-fit:cover}.podcast-artwork-placeholder{color:var(--snice-color-text-tertiary,rgb(115 115 115))}.podcast-meta{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.podcast-show{font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-primary,rgb(37 99 235));margin-bottom:var(--snice-spacing-3xs,.125rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}.podcast-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-xs,.5rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podcast-description{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82));line-height:var(--snice-line-height-normal, 1.5);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.podcast-controls{margin-bottom:var(--snice-spacing-md,1rem)}.podcast-control-buttons{display:flex;align-items:center;justify-content:center;gap:var(--snice-spacing-md,1rem);margin-bottom:var(--snice-spacing-md,1rem)}.podcast-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;position:relative}.podcast-btn:hover:not(:disabled){background:var(--snice-color-background-hover,rgb(241 241 241))}.podcast-btn:active:not(:disabled){background:var(--snice-color-background-active,rgb(226 226 226))}.podcast-btn:disabled{opacity:.5;cursor:not-allowed}.podcast-btn-skip-label{position:absolute;font-size:.5rem;font-weight:var(--snice-font-weight-bold,700);color:var(--snice-color-text,rgb(23 23 23));bottom:.25rem}.podcast-btn-play{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:50%}.podcast-btn-play:hover:not(:disabled){background:var(--snice-color-primary-hover,rgb(29 78 216))}.podcast-btn-speed{font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-semibold,600);min-width:2.75rem;padding:var(--snice-spacing-2xs,.25rem) var(--snice-spacing-xs,.5rem);border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-md,.25rem)}.podcast-btn-speed.active{color:var(--snice-color-primary,rgb(37 99 235));border-color:var(--snice-color-primary,rgb(37 99 235))}.podcast-progress-container{display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem)}.podcast-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.75rem}.podcast-time-current{text-align:right}.podcast-time-remaining{text-align:left}.podcast-progress{flex:1;height:.375rem;background:var(--snice-color-background-element,rgb(252 251 249));border-radius:9999px;cursor:pointer;position:relative;overflow:hidden}.podcast-progress:hover{height:.5rem}.podcast-progress-bar{height:100%;background:var(--snice-color-primary,rgb(37 99 235));border-radius:9999px;transition:width .1s linear}.podcast-volume{display:flex;align-items:center;gap:var(--snice-spacing-xs,.5rem)}.podcast-volume-slider-container{display:flex;align-items:center}.podcast-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-element,rgb(252 251 249)) var(--volume-percent,100%),var(--snice-color-background-element,rgb(252 251 249)) 100%);border-radius:9999px;outline:0;cursor:pointer}.podcast-volume-slider::-webkit-slider-runnable-track{width:100%;height:.375rem;background:0 0;border-radius:9999px}.podcast-volume-slider::-moz-range-track{width:100%;height:.375rem;background:var(--snice-color-background-element,rgb(252 251 249));border-radius:9999px}.podcast-volume-slider::-moz-range-progress{height:.375rem;background:var(--snice-color-primary,rgb(37 99 235));border-radius:9999px}.podcast-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:50%;cursor:pointer;margin-top:-.25rem}.podcast-volume-slider::-moz-range-thumb{width:.875rem;height:.875rem;background:var(--snice-color-primary,rgb(37 99 235));border:none;border-radius:50%;cursor:pointer}.podcast-bottom-bar{display:flex;align-items:center;justify-content:space-between;margin-top:var(--snice-spacing-sm,.75rem)}.podcast-sleep{display:flex;align-items:center;gap:var(--snice-spacing-2xs,.25rem)}.podcast-sleep-label{font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-tertiary,rgb(115 115 115))}.podcast-sleep-time{font-size:var(--snice-font-size-xs, .75rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-primary,rgb(37 99 235));font-variant-numeric:tabular-nums}.podcast-btn-sleep{font-size:var(--snice-font-size-xs, .75rem);padding:var(--snice-spacing-3xs,.125rem) var(--snice-spacing-xs,.5rem);border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-md,.25rem)}.podcast-btn-sleep.active{color:var(--snice-color-primary,rgb(37 99 235));border-color:var(--snice-color-primary,rgb(37 99 235))}.podcast-chapters{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)}.podcast-chapters-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)}.podcast-chapter-item{display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem);padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);border-radius:var(--snice-border-radius-md,.25rem);cursor:pointer;transition:background-color var(--snice-transition-fast, 150ms) ease}.podcast-chapter-item:hover{background:var(--snice-color-background-hover,rgb(241 241 241))}.podcast-chapter-item.active{background:var(--snice-color-primary-subtle,rgb(239 246 255))}.podcast-chapter-time{font-size:var(--snice-font-size-xs, .75rem);font-variant-numeric:tabular-nums;color:var(--snice-color-text-tertiary,rgb(115 115 115));min-width:2.5rem;flex-shrink:0}.podcast-chapter-title{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text,rgb(23 23 23));flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podcast-chapter-item.active .podcast-chapter-title{color:var(--snice-color-primary,rgb(37 99 235));font-weight:var(--snice-font-weight-medium,500)}.podcast-episodes{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)}.podcast-episodes-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)}.podcast-episode-list{display:flex;flex-direction:column;gap:var(--snice-spacing-2xs,.25rem);max-height:18.75rem;overflow-y:auto}.podcast-episode-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}.podcast-episode-item:hover{background:var(--snice-color-background-hover,rgb(241 241 241))}.podcast-episode-item.active{background:var(--snice-color-primary-subtle,rgb(239 246 255))}.podcast-episode-artwork{width:3rem;height:3rem;border-radius:var(--snice-border-radius-md,.25rem);object-fit:cover;flex-shrink:0}.podcast-episode-info{flex:1;min-width:0}.podcast-episode-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}.podcast-episode-item.active .podcast-episode-title{color:var(--snice-color-primary,rgb(37 99 235));font-weight:var(--snice-font-weight-medium,500)}.podcast-episode-date{font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-tertiary,rgb(115 115 115))}.podcast-episode-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}.podcast-episode-playing-icon{display:flex;align-items:center;gap:2px;flex-shrink:0}.podcast-episode-playing-icon span{display:inline-block;width:3px;height:.75rem;background:var(--snice-color-primary,rgb(37 99 235));border-radius:1px;animation:.8s ease-in-out infinite podcast-bar-bounce}.podcast-episode-playing-icon span:nth-child(2){animation-delay:.15s}.podcast-episode-playing-icon span:nth-child(3){animation-delay:.3s}@keyframes podcast-bar-bounce{0%,100%{height:.25rem}50%{height:.75rem}}.podcast-episode-list::-webkit-scrollbar{width:.5rem}.podcast-episode-list::-webkit-scrollbar-track{background:var(--snice-color-background-element,rgb(252 251 249));border-radius:9999px}.podcast-episode-list::-webkit-scrollbar-thumb{background:var(--snice-color-border,rgb(226 226 226));border-radius:9999px}.podcast-episode-list::-webkit-scrollbar-thumb:hover{background:var(--snice-color-border-hover,rgb(204 204 204))}"}`}init(){this.audioElement=new Audio,this.audioElement.volume=this.volume,this.audioElement.muted=this.muted,this.audioElement.playbackRate=this.playbackRate,this.audioElement.addEventListener("loadedmetadata",()=>{this.duration=this.audioElement.duration,"loading"===this.state&&(this.state="paused")}),this.audioElement.addEventListener("play",()=>{this.state="playing",this.emitPlay()}),this.audioElement.addEventListener("pause",()=>{this.audioElement.ended||(this.state="paused",this.savePosition()),this.emitPause()}),this.audioElement.addEventListener("ended",()=>{this.state="stopped",this.clearSavedPosition(),this.emitEnded()}),this.audioElement.addEventListener("timeupdate",()=>{this.currentTime=this.audioElement.currentTime,this.emitTimeUpdate()}),this.audioElement.addEventListener("error",()=>{this.state="error"}),this.src&&this.loadSrc(this.src),this.fromRss&&this.fetchRSS(this.fromRss)}cleanup(){this.savePosition(),this.clearSleepTimer(),this.audioElement&&(this.audioElement.pause(),this.audioElement.src="",this.audioElement=null)}handleSrcChange(e,t){t&&this.loadSrc(t)}handleRssChange(e,t){t&&this.fetchRSS(t)}handleVolumeChange(e,t){this.audioElement&&t>=0&&t<=1&&(this.audioElement.volume=t)}handleMutedChange(e,t){this.audioElement&&(this.audioElement.muted=t)}handlePlaybackRateChange(e,t){this.audioElement&&t>=.5&&t<=2&&(this.audioElement.playbackRate=t,this.emitRateChange())}renderPlayer(){const e=this.getCurrentEpisode(),i=e?.title||this.title||"No episode loaded",s=this.show,a=e?.artwork||this.artwork,r=e?.description||this.description,o=e?.chapters||[],n=this.duration>0?this.currentTime/this.duration*100:0,c="playing"===this.state,d=!!this.src||this.currentEpisodeIndex>=0,l=1!==this.playbackRate,p=this.sleepTimerRemaining>0,h=o.length>0,m=this.episodes.length>0,u=this.showVolumeSlider,g=this.muted||0===this.volume,v=!this.muted&&this.volume>.5;return t.html`
+void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-podcast-player.min.js");var SnicePodcastPlayer=function(e,t){"use strict";function i(e,t,i,s,a,r){function o(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var n,c=s.kind,d="getter"===c?"get":"setter"===c?"set":"value",l=!t&&e?s.static?e:e.prototype:null,p=t||(l?Object.getOwnPropertyDescriptor(l,s.name):{}),h=!1,m=i.length-1;m>=0;m--){var u={};for(var g in s)u[g]="access"===g?{}:s[g];for(var g in s.access)u.access[g]=s.access[g];u.addInitializer=function(e){if(h)throw new TypeError("Cannot add initializers after decoration has completed");r.push(o(e||null))};var v=(0,i[m])("accessor"===c?{get:p.get,set:p.set}:p[d],u);if("accessor"===c){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(n=o(v.get))&&(p.get=n),(n=o(v.set))&&(p.set=n),(n=o(v.init))&&a.unshift(n)}else(n=o(v))&&("field"===c?a.unshift(n):p[d]=n)}l&&Object.defineProperty(l,s.name,p),h=!0}function s(e,t,i){for(var s=arguments.length>2,a=0;a<t.length;a++)i=s?t[a].call(e,i):t[a].call(e);return s?i:void 0}"function"==typeof SuppressedError&&SuppressedError;const a=[.5,.75,1,1.25,1.5,1.75,2],r=[0,5,10,15,30,45,60];let o=(()=>{let e,o,n,c,d,l,p,h,m,u,g,v,b,f,w,y,k,x,E,S,T,$,C,R,z,P,M,I,B,F,L,N,V,j,D,q=[t.element("snice-podcast-player")],A=[],O=HTMLElement,U=[],H=[],K=[],X=[],G=[],J=[],Q=[],W=[],Y=[],Z=[],_=[],ee=[],te=[],ie=[],se=[],ae=[],re=[],oe=[],ne=[],ce=[],de=[],le=[],pe=[],he=[],me=[],ue=[],ge=[],ve=[],be=[],fe=[],we=[],ye=[],ke=[],xe=[],Ee=[];return class extends O{static{o=this}static{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(O[Symbol.metadata]??null):void 0;n=[t.property()],c=[t.property({attribute:"from-rss"})],d=[t.property()],l=[t.property()],p=[t.property()],h=[t.property()],m=[t.property({type:Number,attribute:"playback-rate"})],u=[t.property({type:Number,attribute:"skip-forward"})],g=[t.property({type:Number,attribute:"skip-back"})],v=[t.property({type:Number,attribute:"current-time"})],b=[t.property({type:Number})],f=[t.property({type:Number})],w=[t.property({type:Boolean})],y=[t.property({type:Array})],k=[t.property({type:Number,attribute:"current-episode-index"})],x=[t.property({type:Number,attribute:"sleep-timer"})],E=[t.query(".podcast-progress")],S=[t.styles()],T=[t.ready()],$=[t.dispose()],C=[t.watch("src")],R=[t.watch("fromRss")],z=[t.watch("volume")],P=[t.watch("muted")],M=[t.watch("playbackRate")],I=[t.render()],B=[t.dispatch("podcast-play",{bubbles:!0,composed:!0})],F=[t.dispatch("podcast-pause",{bubbles:!0,composed:!0})],L=[t.dispatch("podcast-ended",{bubbles:!0,composed:!0})],N=[t.dispatch("podcast-time-update",{bubbles:!0,composed:!0})],V=[t.dispatch("podcast-rate-change",{bubbles:!0,composed:!0})],j=[t.dispatch("podcast-episode-change",{bubbles:!0,composed:!0})],D=[t.dispatch("podcast-feed-loaded",{bubbles:!0,composed:!0})],i(this,null,S,{kind:"method",name:"componentStyles",static:!1,private:!1,access:{has:e=>"componentStyles"in e,get:e=>e.componentStyles},metadata:a},null,U),i(this,null,T,{kind:"method",name:"init",static:!1,private:!1,access:{has:e=>"init"in e,get:e=>e.init},metadata:a},null,U),i(this,null,$,{kind:"method",name:"cleanup",static:!1,private:!1,access:{has:e=>"cleanup"in e,get:e=>e.cleanup},metadata:a},null,U),i(this,null,C,{kind:"method",name:"handleSrcChange",static:!1,private:!1,access:{has:e=>"handleSrcChange"in e,get:e=>e.handleSrcChange},metadata:a},null,U),i(this,null,R,{kind:"method",name:"handleRssChange",static:!1,private:!1,access:{has:e=>"handleRssChange"in e,get:e=>e.handleRssChange},metadata:a},null,U),i(this,null,z,{kind:"method",name:"handleVolumeChange",static:!1,private:!1,access:{has:e=>"handleVolumeChange"in e,get:e=>e.handleVolumeChange},metadata:a},null,U),i(this,null,P,{kind:"method",name:"handleMutedChange",static:!1,private:!1,access:{has:e=>"handleMutedChange"in e,get:e=>e.handleMutedChange},metadata:a},null,U),i(this,null,M,{kind:"method",name:"handlePlaybackRateChange",static:!1,private:!1,access:{has:e=>"handlePlaybackRateChange"in e,get:e=>e.handlePlaybackRateChange},metadata:a},null,U),i(this,null,I,{kind:"method",name:"renderPlayer",static:!1,private:!1,access:{has:e=>"renderPlayer"in e,get:e=>e.renderPlayer},metadata:a},null,U),i(this,null,B,{kind:"method",name:"emitPlay",static:!1,private:!1,access:{has:e=>"emitPlay"in e,get:e=>e.emitPlay},metadata:a},null,U),i(this,null,F,{kind:"method",name:"emitPause",static:!1,private:!1,access:{has:e=>"emitPause"in e,get:e=>e.emitPause},metadata:a},null,U),i(this,null,L,{kind:"method",name:"emitEnded",static:!1,private:!1,access:{has:e=>"emitEnded"in e,get:e=>e.emitEnded},metadata:a},null,U),i(this,null,N,{kind:"method",name:"emitTimeUpdate",static:!1,private:!1,access:{has:e=>"emitTimeUpdate"in e,get:e=>e.emitTimeUpdate},metadata:a},null,U),i(this,null,V,{kind:"method",name:"emitRateChange",static:!1,private:!1,access:{has:e=>"emitRateChange"in e,get:e=>e.emitRateChange},metadata:a},null,U),i(this,null,j,{kind:"method",name:"emitEpisodeChange",static:!1,private:!1,access:{has:e=>"emitEpisodeChange"in e,get:e=>e.emitEpisodeChange},metadata:a},null,U),i(this,null,D,{kind:"method",name:"emitFeedLoaded",static:!1,private:!1,access:{has:e=>"emitFeedLoaded"in e,get:e=>e.emitFeedLoaded},metadata:a},null,U),i(null,null,n,{kind:"field",name:"src",static:!1,private:!1,access:{has:e=>"src"in e,get:e=>e.src,set:(e,t)=>{e.src=t}},metadata:a},H,K),i(null,null,c,{kind:"field",name:"fromRss",static:!1,private:!1,access:{has:e=>"fromRss"in e,get:e=>e.fromRss,set:(e,t)=>{e.fromRss=t}},metadata:a},X,G),i(null,null,d,{kind:"field",name:"title",static:!1,private:!1,access:{has:e=>"title"in e,get:e=>e.title,set:(e,t)=>{e.title=t}},metadata:a},J,Q),i(null,null,l,{kind:"field",name:"show",static:!1,private:!1,access:{has:e=>"show"in e,get:e=>e.show,set:(e,t)=>{e.show=t}},metadata:a},W,Y),i(null,null,p,{kind:"field",name:"artwork",static:!1,private:!1,access:{has:e=>"artwork"in e,get:e=>e.artwork,set:(e,t)=>{e.artwork=t}},metadata:a},Z,_),i(null,null,h,{kind:"field",name:"description",static:!1,private:!1,access:{has:e=>"description"in e,get:e=>e.description,set:(e,t)=>{e.description=t}},metadata:a},ee,te),i(null,null,m,{kind:"field",name:"playbackRate",static:!1,private:!1,access:{has:e=>"playbackRate"in e,get:e=>e.playbackRate,set:(e,t)=>{e.playbackRate=t}},metadata:a},ie,se),i(null,null,u,{kind:"field",name:"skipForward",static:!1,private:!1,access:{has:e=>"skipForward"in e,get:e=>e.skipForward,set:(e,t)=>{e.skipForward=t}},metadata:a},ae,re),i(null,null,g,{kind:"field",name:"skipBack",static:!1,private:!1,access:{has:e=>"skipBack"in e,get:e=>e.skipBack,set:(e,t)=>{e.skipBack=t}},metadata:a},oe,ne),i(null,null,v,{kind:"field",name:"currentTime",static:!1,private:!1,access:{has:e=>"currentTime"in e,get:e=>e.currentTime,set:(e,t)=>{e.currentTime=t}},metadata:a},ce,de),i(null,null,b,{kind:"field",name:"duration",static:!1,private:!1,access:{has:e=>"duration"in e,get:e=>e.duration,set:(e,t)=>{e.duration=t}},metadata:a},le,pe),i(null,null,f,{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:a},he,me),i(null,null,w,{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:a},ue,ge),i(null,null,y,{kind:"field",name:"episodes",static:!1,private:!1,access:{has:e=>"episodes"in e,get:e=>e.episodes,set:(e,t)=>{e.episodes=t}},metadata:a},ve,be),i(null,null,k,{kind:"field",name:"currentEpisodeIndex",static:!1,private:!1,access:{has:e=>"currentEpisodeIndex"in e,get:e=>e.currentEpisodeIndex,set:(e,t)=>{e.currentEpisodeIndex=t}},metadata:a},fe,we),i(null,null,x,{kind:"field",name:"sleepTimer",static:!1,private:!1,access:{has:e=>"sleepTimer"in e,get:e=>e.sleepTimer,set:(e,t)=>{e.sleepTimer=t}},metadata:a},ye,ke),i(null,null,E,{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:a},xe,Ee),i(null,e={value:o},q,{kind:"class",name:o.name,metadata:a},null,A),o=e.value,a&&Object.defineProperty(o,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),s(o,A)}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}.podcast-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))}.podcast-info{display:flex;gap:var(--snice-spacing-md,1rem);margin-bottom:var(--snice-spacing-lg,1.5rem)}.podcast-artwork{flex-shrink:0;width:7.5rem;height:7.5rem;border-radius:var(--snice-border-radius-lg,.5rem);overflow:hidden;background:var(--snice-color-background-element,rgb(252 251 249));display:flex;align-items:center;justify-content:center}.podcast-artwork img{width:100%;height:100%;object-fit:cover}.podcast-artwork-placeholder{color:var(--snice-color-text-tertiary,rgb(115 115 115))}.podcast-meta{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.podcast-show{font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-primary,rgb(37 99 235));margin-bottom:var(--snice-spacing-3xs,.125rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}.podcast-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-xs,.5rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podcast-description{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82));line-height:var(--snice-line-height-normal, 1.5);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.podcast-controls{margin-bottom:var(--snice-spacing-md,1rem)}.podcast-control-buttons{display:flex;align-items:center;justify-content:center;gap:var(--snice-spacing-md,1rem);margin-bottom:var(--snice-spacing-md,1rem)}.podcast-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;position:relative}.podcast-btn:hover:not(:disabled){background:var(--snice-color-background-hover,rgb(241 241 241))}.podcast-btn:active:not(:disabled){background:var(--snice-color-background-active,rgb(226 226 226))}.podcast-btn:disabled{opacity:.5;cursor:not-allowed}.podcast-btn-skip-label{position:absolute;font-size:.5rem;font-weight:var(--snice-font-weight-bold,700);color:var(--snice-color-text,rgb(23 23 23));top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.podcast-btn-play{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:50%}.podcast-btn-play:hover:not(:disabled){background:var(--snice-color-primary-hover,rgb(29 78 216))}.podcast-btn-speed{font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-semibold,600);min-width:2.75rem;padding:var(--snice-spacing-2xs,.25rem) var(--snice-spacing-xs,.5rem);border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-md,.25rem)}.podcast-btn-speed.active{color:var(--snice-color-primary,rgb(37 99 235));border-color:var(--snice-color-primary,rgb(37 99 235))}.podcast-progress-container{display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem)}.podcast-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.75rem}.podcast-time-current{text-align:right}.podcast-time-remaining{text-align:left}.podcast-progress{flex:1;height:.375rem;background:var(--snice-color-background-element,rgb(252 251 249));border-radius:9999px;cursor:pointer;position:relative;overflow:hidden}.podcast-progress:hover{height:.5rem}.podcast-progress-bar{height:100%;background:var(--snice-color-primary,rgb(37 99 235));border-radius:9999px;transition:width .1s linear}.podcast-volume{display:flex;align-items:center;gap:var(--snice-spacing-xs,.5rem)}.podcast-volume-slider-container{display:flex;align-items:center}.podcast-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-element,rgb(252 251 249)) var(--volume-percent,100%),var(--snice-color-background-element,rgb(252 251 249)) 100%);border-radius:9999px;outline:0;cursor:pointer}.podcast-volume-slider::-webkit-slider-runnable-track{width:100%;height:.375rem;background:0 0;border-radius:9999px}.podcast-volume-slider::-moz-range-track{width:100%;height:.375rem;background:var(--snice-color-background-element,rgb(252 251 249));border-radius:9999px}.podcast-volume-slider::-moz-range-progress{height:.375rem;background:var(--snice-color-primary,rgb(37 99 235));border-radius:9999px}.podcast-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:50%;cursor:pointer;margin-top:-.25rem}.podcast-volume-slider::-moz-range-thumb{width:.875rem;height:.875rem;background:var(--snice-color-primary,rgb(37 99 235));border:none;border-radius:50%;cursor:pointer}.podcast-bottom-bar{display:flex;align-items:center;justify-content:space-between;margin-top:var(--snice-spacing-sm,.75rem)}.podcast-sleep{display:flex;align-items:center;gap:var(--snice-spacing-2xs,.25rem)}.podcast-sleep-label{font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-tertiary,rgb(115 115 115))}.podcast-sleep-time{font-size:var(--snice-font-size-xs, .75rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-primary,rgb(37 99 235));font-variant-numeric:tabular-nums}.podcast-btn-sleep{font-size:var(--snice-font-size-xs, .75rem);padding:var(--snice-spacing-3xs,.125rem) var(--snice-spacing-xs,.5rem);border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-md,.25rem)}.podcast-btn-sleep.active{color:var(--snice-color-primary,rgb(37 99 235));border-color:var(--snice-color-primary,rgb(37 99 235))}.podcast-chapters{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)}.podcast-chapters-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)}.podcast-chapter-item{display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem);padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);border-radius:var(--snice-border-radius-md,.25rem);cursor:pointer;transition:background-color var(--snice-transition-fast, 150ms) ease}.podcast-chapter-item:hover{background:var(--snice-color-background-hover,rgb(241 241 241))}.podcast-chapter-item.active{background:var(--snice-color-primary-subtle,rgb(239 246 255))}.podcast-chapter-time{font-size:var(--snice-font-size-xs, .75rem);font-variant-numeric:tabular-nums;color:var(--snice-color-text-tertiary,rgb(115 115 115));min-width:2.5rem;flex-shrink:0}.podcast-chapter-title{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text,rgb(23 23 23));flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podcast-chapter-item.active .podcast-chapter-title{color:var(--snice-color-primary,rgb(37 99 235));font-weight:var(--snice-font-weight-medium,500)}.podcast-episodes{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)}.podcast-episodes-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)}.podcast-episode-list{display:flex;flex-direction:column;gap:var(--snice-spacing-2xs,.25rem);max-height:18.75rem;overflow-y:auto}.podcast-episode-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}.podcast-episode-item:hover{background:var(--snice-color-background-hover,rgb(241 241 241))}.podcast-episode-item.active{background:var(--snice-color-primary-subtle,rgb(239 246 255))}.podcast-episode-artwork{width:3rem;height:3rem;border-radius:var(--snice-border-radius-md,.25rem);object-fit:cover;flex-shrink:0}.podcast-episode-info{flex:1;min-width:0}.podcast-episode-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}.podcast-episode-item.active .podcast-episode-title{color:var(--snice-color-primary,rgb(37 99 235));font-weight:var(--snice-font-weight-medium,500)}.podcast-episode-date{font-size:var(--snice-font-size-xs, .75rem);color:var(--snice-color-text-tertiary,rgb(115 115 115))}.podcast-episode-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}.podcast-episode-playing-icon{display:flex;align-items:center;gap:2px;flex-shrink:0}.podcast-episode-playing-icon span{display:inline-block;width:3px;height:.75rem;background:var(--snice-color-primary,rgb(37 99 235));border-radius:1px;animation:.8s ease-in-out infinite podcast-bar-bounce}.podcast-episode-playing-icon span:nth-child(2){animation-delay:.15s}.podcast-episode-playing-icon span:nth-child(3){animation-delay:.3s}@keyframes podcast-bar-bounce{0%,100%{height:.25rem}50%{height:.75rem}}.podcast-episode-list::-webkit-scrollbar{width:.5rem}.podcast-episode-list::-webkit-scrollbar-track{background:var(--snice-color-background-element,rgb(252 251 249));border-radius:9999px}.podcast-episode-list::-webkit-scrollbar-thumb{background:var(--snice-color-border,rgb(226 226 226));border-radius:9999px}.podcast-episode-list::-webkit-scrollbar-thumb:hover{background:var(--snice-color-border-hover,rgb(204 204 204))}"}`}init(){this.audioElement=new Audio,this.audioElement.volume=this.volume,this.audioElement.muted=this.muted,this.audioElement.playbackRate=this.playbackRate,this.audioElement.addEventListener("loadedmetadata",()=>{this.duration=this.audioElement.duration,"loading"===this.state&&(this.state="paused")}),this.audioElement.addEventListener("play",()=>{this.state="playing",this.emitPlay()}),this.audioElement.addEventListener("pause",()=>{this.audioElement.ended||(this.state="paused",this.savePosition()),this.emitPause()}),this.audioElement.addEventListener("ended",()=>{this.state="stopped",this.clearSavedPosition(),this.emitEnded()}),this.audioElement.addEventListener("timeupdate",()=>{this.currentTime=this.audioElement.currentTime,this.emitTimeUpdate()}),this.audioElement.addEventListener("error",()=>{this.state="error"}),this.src&&this.loadSrc(this.src),this.fromRss&&this.fetchRSS(this.fromRss)}cleanup(){this.savePosition(),this.clearSleepTimer(),this.audioElement&&(this.audioElement.pause(),this.audioElement.src="",this.audioElement=null)}handleSrcChange(e,t){t&&this.loadSrc(t)}handleRssChange(e,t){t&&this.fetchRSS(t)}handleVolumeChange(e,t){this.audioElement&&t>=0&&t<=1&&(this.audioElement.volume=t)}handleMutedChange(e,t){this.audioElement&&(this.audioElement.muted=t)}handlePlaybackRateChange(e,t){this.audioElement&&t>=.5&&t<=2&&(this.audioElement.playbackRate=t,this.emitRateChange())}renderPlayer(){const e=this.getCurrentEpisode(),i=e?.title||this.title||"No episode loaded",s=this.show,a=e?.artwork||this.artwork,r=e?.description||this.description,o=e?.chapters||[],n=this.duration>0?this.currentTime/this.duration*100:0,c="playing"===this.state,d=!!this.src||this.currentEpisodeIndex>=0,l=1!==this.playbackRate,p=this.sleepTimerRemaining>0,h=o.length>0,m=this.episodes.length>0,u=this.showVolumeSlider,g=this.muted||0===this.volume,v=!this.muted&&this.volume>.5;return t.html`
       <div class="podcast-container">
         <div class="podcast-info">
           <div class="podcast-artwork">