snice 4.9.0 → 4.10.0

package/dist/components/podcast-player/snice-podcast-player.js

@@ -0,0 +1,768 @@
+import { __esDecorate, __runInitializers } from 'tslib';
+import { element, property, query, styles, ready, dispose, watch, render, dispatch, css, html } from 'snice';
+
+var playerStyles = ":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))}";
+
+const PLAYBACK_RATES = [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2];
+const SLEEP_OPTIONS = [0, 5, 10, 15, 30, 45, 60]; // minutes
+const STORAGE_KEY_PREFIX = 'snice-podcast-position-';
+let SnicePodcastPlayer = (() => {
+    let _classDecorators = [element('snice-podcast-player')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _src_decorators;
+    let _src_initializers = [];
+    let _src_extraInitializers = [];
+    let _fromRss_decorators;
+    let _fromRss_initializers = [];
+    let _fromRss_extraInitializers = [];
+    let _title_decorators;
+    let _title_initializers = [];
+    let _title_extraInitializers = [];
+    let _show_decorators;
+    let _show_initializers = [];
+    let _show_extraInitializers = [];
+    let _artwork_decorators;
+    let _artwork_initializers = [];
+    let _artwork_extraInitializers = [];
+    let _description_decorators;
+    let _description_initializers = [];
+    let _description_extraInitializers = [];
+    let _playbackRate_decorators;
+    let _playbackRate_initializers = [];
+    let _playbackRate_extraInitializers = [];
+    let _skipForward_decorators;
+    let _skipForward_initializers = [];
+    let _skipForward_extraInitializers = [];
+    let _skipBack_decorators;
+    let _skipBack_initializers = [];
+    let _skipBack_extraInitializers = [];
+    let _currentTime_decorators;
+    let _currentTime_initializers = [];
+    let _currentTime_extraInitializers = [];
+    let _duration_decorators;
+    let _duration_initializers = [];
+    let _duration_extraInitializers = [];
+    let _volume_decorators;
+    let _volume_initializers = [];
+    let _volume_extraInitializers = [];
+    let _muted_decorators;
+    let _muted_initializers = [];
+    let _muted_extraInitializers = [];
+    let _episodes_decorators;
+    let _episodes_initializers = [];
+    let _episodes_extraInitializers = [];
+    let _currentEpisodeIndex_decorators;
+    let _currentEpisodeIndex_initializers = [];
+    let _currentEpisodeIndex_extraInitializers = [];
+    let _sleepTimer_decorators;
+    let _sleepTimer_initializers = [];
+    let _sleepTimer_extraInitializers = [];
+    let _progressElement_decorators;
+    let _progressElement_initializers = [];
+    let _progressElement_extraInitializers = [];
+    let _componentStyles_decorators;
+    let _init_decorators;
+    let _cleanup_decorators;
+    let _handleSrcChange_decorators;
+    let _handleRssChange_decorators;
+    let _handleVolumeChange_decorators;
+    let _handleMutedChange_decorators;
+    let _handlePlaybackRateChange_decorators;
+    let _renderPlayer_decorators;
+    let _emitPlay_decorators;
+    let _emitPause_decorators;
+    let _emitEnded_decorators;
+    let _emitTimeUpdate_decorators;
+    let _emitRateChange_decorators;
+    let _emitEpisodeChange_decorators;
+    let _emitFeedLoaded_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _src_decorators = [property()];
+            _fromRss_decorators = [property({ attribute: 'from-rss' })];
+            _title_decorators = [property()];
+            _show_decorators = [property()];
+            _artwork_decorators = [property()];
+            _description_decorators = [property()];
+            _playbackRate_decorators = [property({ type: Number, attribute: 'playback-rate' })];
+            _skipForward_decorators = [property({ type: Number, attribute: 'skip-forward' })];
+            _skipBack_decorators = [property({ type: Number, attribute: 'skip-back' })];
+            _currentTime_decorators = [property({ type: Number, attribute: 'current-time' })];
+            _duration_decorators = [property({ type: Number })];
+            _volume_decorators = [property({ type: Number })];
+            _muted_decorators = [property({ type: Boolean })];
+            _episodes_decorators = [property({ type: Array })];
+            _currentEpisodeIndex_decorators = [property({ type: Number, attribute: 'current-episode-index' })];
+            _sleepTimer_decorators = [property({ type: Number, attribute: 'sleep-timer' })];
+            _progressElement_decorators = [query('.podcast-progress')];
+            _componentStyles_decorators = [styles()];
+            _init_decorators = [ready()];
+            _cleanup_decorators = [dispose()];
+            _handleSrcChange_decorators = [watch('src')];
+            _handleRssChange_decorators = [watch('fromRss')];
+            _handleVolumeChange_decorators = [watch('volume')];
+            _handleMutedChange_decorators = [watch('muted')];
+            _handlePlaybackRateChange_decorators = [watch('playbackRate')];
+            _renderPlayer_decorators = [render()];
+            _emitPlay_decorators = [dispatch('podcast-play', { bubbles: true, composed: true })];
+            _emitPause_decorators = [dispatch('podcast-pause', { bubbles: true, composed: true })];
+            _emitEnded_decorators = [dispatch('podcast-ended', { bubbles: true, composed: true })];
+            _emitTimeUpdate_decorators = [dispatch('podcast-time-update', { bubbles: true, composed: true })];
+            _emitRateChange_decorators = [dispatch('podcast-rate-change', { bubbles: true, composed: true })];
+            _emitEpisodeChange_decorators = [dispatch('podcast-episode-change', { bubbles: true, composed: true })];
+            _emitFeedLoaded_decorators = [dispatch('podcast-feed-loaded', { bubbles: true, composed: true })];
+            __esDecorate(this, null, _componentStyles_decorators, { kind: "method", name: "componentStyles", static: false, private: false, access: { has: obj => "componentStyles" in obj, get: obj => obj.componentStyles }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _init_decorators, { kind: "method", name: "init", static: false, private: false, access: { has: obj => "init" in obj, get: obj => obj.init }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _cleanup_decorators, { kind: "method", name: "cleanup", static: false, private: false, access: { has: obj => "cleanup" in obj, get: obj => obj.cleanup }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleSrcChange_decorators, { kind: "method", name: "handleSrcChange", static: false, private: false, access: { has: obj => "handleSrcChange" in obj, get: obj => obj.handleSrcChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleRssChange_decorators, { kind: "method", name: "handleRssChange", static: false, private: false, access: { has: obj => "handleRssChange" in obj, get: obj => obj.handleRssChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleVolumeChange_decorators, { kind: "method", name: "handleVolumeChange", static: false, private: false, access: { has: obj => "handleVolumeChange" in obj, get: obj => obj.handleVolumeChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleMutedChange_decorators, { kind: "method", name: "handleMutedChange", static: false, private: false, access: { has: obj => "handleMutedChange" in obj, get: obj => obj.handleMutedChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handlePlaybackRateChange_decorators, { kind: "method", name: "handlePlaybackRateChange", static: false, private: false, access: { has: obj => "handlePlaybackRateChange" in obj, get: obj => obj.handlePlaybackRateChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _renderPlayer_decorators, { kind: "method", name: "renderPlayer", static: false, private: false, access: { has: obj => "renderPlayer" in obj, get: obj => obj.renderPlayer }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitPlay_decorators, { kind: "method", name: "emitPlay", static: false, private: false, access: { has: obj => "emitPlay" in obj, get: obj => obj.emitPlay }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitPause_decorators, { kind: "method", name: "emitPause", static: false, private: false, access: { has: obj => "emitPause" in obj, get: obj => obj.emitPause }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitEnded_decorators, { kind: "method", name: "emitEnded", static: false, private: false, access: { has: obj => "emitEnded" in obj, get: obj => obj.emitEnded }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitTimeUpdate_decorators, { kind: "method", name: "emitTimeUpdate", static: false, private: false, access: { has: obj => "emitTimeUpdate" in obj, get: obj => obj.emitTimeUpdate }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitRateChange_decorators, { kind: "method", name: "emitRateChange", static: false, private: false, access: { has: obj => "emitRateChange" in obj, get: obj => obj.emitRateChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitEpisodeChange_decorators, { kind: "method", name: "emitEpisodeChange", static: false, private: false, access: { has: obj => "emitEpisodeChange" in obj, get: obj => obj.emitEpisodeChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitFeedLoaded_decorators, { kind: "method", name: "emitFeedLoaded", static: false, private: false, access: { has: obj => "emitFeedLoaded" in obj, get: obj => obj.emitFeedLoaded }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, _src_decorators, { kind: "field", name: "src", static: false, private: false, access: { has: obj => "src" in obj, get: obj => obj.src, set: (obj, value) => { obj.src = value; } }, metadata: _metadata }, _src_initializers, _src_extraInitializers);
+            __esDecorate(null, null, _fromRss_decorators, { kind: "field", name: "fromRss", static: false, private: false, access: { has: obj => "fromRss" in obj, get: obj => obj.fromRss, set: (obj, value) => { obj.fromRss = value; } }, metadata: _metadata }, _fromRss_initializers, _fromRss_extraInitializers);
+            __esDecorate(null, null, _title_decorators, { kind: "field", name: "title", static: false, private: false, access: { has: obj => "title" in obj, get: obj => obj.title, set: (obj, value) => { obj.title = value; } }, metadata: _metadata }, _title_initializers, _title_extraInitializers);
+            __esDecorate(null, null, _show_decorators, { kind: "field", name: "show", static: false, private: false, access: { has: obj => "show" in obj, get: obj => obj.show, set: (obj, value) => { obj.show = value; } }, metadata: _metadata }, _show_initializers, _show_extraInitializers);
+            __esDecorate(null, null, _artwork_decorators, { kind: "field", name: "artwork", static: false, private: false, access: { has: obj => "artwork" in obj, get: obj => obj.artwork, set: (obj, value) => { obj.artwork = value; } }, metadata: _metadata }, _artwork_initializers, _artwork_extraInitializers);
+            __esDecorate(null, null, _description_decorators, { kind: "field", name: "description", static: false, private: false, access: { has: obj => "description" in obj, get: obj => obj.description, set: (obj, value) => { obj.description = value; } }, metadata: _metadata }, _description_initializers, _description_extraInitializers);
+            __esDecorate(null, null, _playbackRate_decorators, { kind: "field", name: "playbackRate", static: false, private: false, access: { has: obj => "playbackRate" in obj, get: obj => obj.playbackRate, set: (obj, value) => { obj.playbackRate = value; } }, metadata: _metadata }, _playbackRate_initializers, _playbackRate_extraInitializers);
+            __esDecorate(null, null, _skipForward_decorators, { kind: "field", name: "skipForward", static: false, private: false, access: { has: obj => "skipForward" in obj, get: obj => obj.skipForward, set: (obj, value) => { obj.skipForward = value; } }, metadata: _metadata }, _skipForward_initializers, _skipForward_extraInitializers);
+            __esDecorate(null, null, _skipBack_decorators, { kind: "field", name: "skipBack", static: false, private: false, access: { has: obj => "skipBack" in obj, get: obj => obj.skipBack, set: (obj, value) => { obj.skipBack = value; } }, metadata: _metadata }, _skipBack_initializers, _skipBack_extraInitializers);
+            __esDecorate(null, null, _currentTime_decorators, { kind: "field", name: "currentTime", static: false, private: false, access: { has: obj => "currentTime" in obj, get: obj => obj.currentTime, set: (obj, value) => { obj.currentTime = value; } }, metadata: _metadata }, _currentTime_initializers, _currentTime_extraInitializers);
+            __esDecorate(null, null, _duration_decorators, { kind: "field", name: "duration", static: false, private: false, access: { has: obj => "duration" in obj, get: obj => obj.duration, set: (obj, value) => { obj.duration = value; } }, metadata: _metadata }, _duration_initializers, _duration_extraInitializers);
+            __esDecorate(null, null, _volume_decorators, { kind: "field", name: "volume", static: false, private: false, access: { has: obj => "volume" in obj, get: obj => obj.volume, set: (obj, value) => { obj.volume = value; } }, metadata: _metadata }, _volume_initializers, _volume_extraInitializers);
+            __esDecorate(null, null, _muted_decorators, { kind: "field", name: "muted", static: false, private: false, access: { has: obj => "muted" in obj, get: obj => obj.muted, set: (obj, value) => { obj.muted = value; } }, metadata: _metadata }, _muted_initializers, _muted_extraInitializers);
+            __esDecorate(null, null, _episodes_decorators, { kind: "field", name: "episodes", static: false, private: false, access: { has: obj => "episodes" in obj, get: obj => obj.episodes, set: (obj, value) => { obj.episodes = value; } }, metadata: _metadata }, _episodes_initializers, _episodes_extraInitializers);
+            __esDecorate(null, null, _currentEpisodeIndex_decorators, { kind: "field", name: "currentEpisodeIndex", static: false, private: false, access: { has: obj => "currentEpisodeIndex" in obj, get: obj => obj.currentEpisodeIndex, set: (obj, value) => { obj.currentEpisodeIndex = value; } }, metadata: _metadata }, _currentEpisodeIndex_initializers, _currentEpisodeIndex_extraInitializers);
+            __esDecorate(null, null, _sleepTimer_decorators, { kind: "field", name: "sleepTimer", static: false, private: false, access: { has: obj => "sleepTimer" in obj, get: obj => obj.sleepTimer, set: (obj, value) => { obj.sleepTimer = value; } }, metadata: _metadata }, _sleepTimer_initializers, _sleepTimer_extraInitializers);
+            __esDecorate(null, null, _progressElement_decorators, { kind: "field", name: "progressElement", static: false, private: false, access: { has: obj => "progressElement" in obj, get: obj => obj.progressElement, set: (obj, value) => { obj.progressElement = value; } }, metadata: _metadata }, _progressElement_initializers, _progressElement_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        componentStyles() {
+            return css /*css*/ `${playerStyles}`;
+        }
+        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;
+                if (this.state === 'loading') {
+                    this.state = 'paused';
+                }
+            });
+            this.audioElement.addEventListener('play', () => {
+                this.state = 'playing';
+                this.emitPlay();
+            });
+            this.audioElement.addEventListener('pause', () => {
+                if (!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';
+            });
+            // Load src if provided directly
+            if (this.src) {
+                this.loadSrc(this.src);
+            }
+            // Fetch RSS if provided
+            if (this.fromRss) {
+                this.fetchRSS(this.fromRss);
+            }
+        }
+        cleanup() {
+            this.savePosition();
+            this.clearSleepTimer();
+            if (this.audioElement) {
+                this.audioElement.pause();
+                this.audioElement.src = '';
+                this.audioElement = null;
+            }
+        }
+        handleSrcChange(_oldVal, newVal) {
+            if (newVal) {
+                this.loadSrc(newVal);
+            }
+        }
+        handleRssChange(_oldVal, newVal) {
+            if (newVal) {
+                this.fetchRSS(newVal);
+            }
+        }
+        handleVolumeChange(_oldVal, newVal) {
+            if (this.audioElement && newVal >= 0 && newVal <= 1) {
+                this.audioElement.volume = newVal;
+            }
+        }
+        handleMutedChange(_oldVal, newVal) {
+            if (this.audioElement) {
+                this.audioElement.muted = newVal;
+            }
+        }
+        handlePlaybackRateChange(_oldVal, newVal) {
+            if (this.audioElement && newVal >= 0.5 && newVal <= 2) {
+                this.audioElement.playbackRate = newVal;
+                this.emitRateChange();
+            }
+        }
+        renderPlayer() {
+            const currentEpisode = this.getCurrentEpisode();
+            const displayTitle = currentEpisode?.title || this.title || 'No episode loaded';
+            const displayShow = currentEpisode ? this.show : this.show;
+            const displayArtwork = currentEpisode?.artwork || this.artwork;
+            const displayDescription = currentEpisode?.description || this.description;
+            const chapters = currentEpisode?.chapters || [];
+            const progress = this.duration > 0 ? (this.currentTime / this.duration) * 100 : 0;
+            const isPlaying = this.state === 'playing';
+            const hasSource = !!this.src || this.currentEpisodeIndex >= 0;
+            const rateIsNotOne = this.playbackRate !== 1;
+            const hasSleepTimer = this.sleepTimerRemaining > 0;
+            const hasChapters = chapters.length > 0;
+            const hasEpisodes = this.episodes.length > 0;
+            const showVolSlider = this.showVolumeSlider;
+            const isMutedOrZero = this.muted || this.volume === 0;
+            const isHighVolume = !this.muted && this.volume > 0.5;
+            return html /*html*/ `
+      <div class="podcast-container">
+        <div class="podcast-info">
+          <div class="podcast-artwork">
+            <if ${displayArtwork}>
+              <img src="${displayArtwork}" alt="${displayTitle}" />
+            </if>
+            <if ${!displayArtwork}>
+              <div class="podcast-artwork-placeholder">
+                <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                  <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/>
+                  <path d="M19 10v2a7 7 0 0 1-14 0v-2"/>
+                  <line x1="12" y1="19" x2="12" y2="23"/>
+                  <line x1="8" y1="23" x2="16" y2="23"/>
+                </svg>
+              </div>
+            </if>
+          </div>
+
+          <div class="podcast-meta">
+            <if ${displayShow}>
+              <div class="podcast-show">${displayShow}</div>
+            </if>
+            <div class="podcast-title">${displayTitle}</div>
+            <if ${displayDescription}>
+              <div class="podcast-description">${displayDescription}</div>
+            </if>
+          </div>
+        </div>
+
+        <div class="podcast-controls">
+          <div class="podcast-control-buttons">
+            <button
+              class="podcast-btn podcast-btn-speed ${rateIsNotOne ? 'active' : ''}"
+              @click=${() => this.cyclePlaybackRate()}
+              title="Playback speed"
+            >${this.playbackRate}x</button>
+
+            <button
+              class="podcast-btn"
+              @click=${() => this.doSkipBack()}
+              title="Skip back ${this.skipBack}s"
+              ?disabled=${!hasSource}
+            >
+              <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <path d="M1 4v6h6"/>
+                <path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"/>
+              </svg>
+              <span class="podcast-btn-skip-label">${this.skipBack}</span>
+            </button>
+
+            <button
+              class="podcast-btn podcast-btn-play"
+              @click=${() => this.toggle()}
+              title="${isPlaying ? 'Pause' : 'Play'}"
+              ?disabled=${!hasSource}
+            >
+              <if ${isPlaying}>
+                <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="currentColor">
+                  <rect x="6" y="4" width="4" height="16"></rect>
+                  <rect x="14" y="4" width="4" height="16"></rect>
+                </svg>
+              </if>
+              <if ${!isPlaying}>
+                <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="currentColor">
+                  <path d="M8 5v14l11-7z"/>
+                </svg>
+              </if>
+            </button>
+
+            <button
+              class="podcast-btn"
+              @click=${() => this.doSkipForward()}
+              title="Skip forward ${this.skipForward}s"
+              ?disabled=${!hasSource}
+            >
+              <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <path d="M23 4v6h-6"/>
+                <path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"/>
+              </svg>
+              <span class="podcast-btn-skip-label">${this.skipForward}</span>
+            </button>
+
+            <button
+              class="podcast-btn podcast-btn-sleep ${hasSleepTimer ? 'active' : ''}"
+              @click=${() => this.cycleSleepTimer()}
+              title="Sleep timer"
+            >
+              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
+              </svg>
+            </button>
+          </div>
+
+          <div class="podcast-progress-container">
+            <span class="podcast-time podcast-time-current">${this.formatTime(this.currentTime)}</span>
+            <div class="podcast-progress" @click=${(e) => this.handleSeek(e)}>
+              <div class="podcast-progress-bar" style="width: ${progress}%"></div>
+            </div>
+            <span class="podcast-time podcast-time-remaining">-${this.formatTime(this.duration - this.currentTime)}</span>
+          </div>
+        </div>
+
+        <div class="podcast-bottom-bar">
+          <div class="podcast-volume">
+            <button
+              class="podcast-btn"
+              @click=${() => this.toggleVolumeSlider()}
+              title="Volume"
+            >
+              <if ${isMutedOrZero}>
+                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                  <path d="M11 5L6 9H2v6h4l5 4V5z"/>
+                  <line x1="23" y1="9" x2="17" y2="15"/>
+                  <line x1="17" y1="9" x2="23" y2="15"/>
+                </svg>
+              </if>
+              <if ${isHighVolume}>
+                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                  <path d="M11 5L6 9H2v6h4l5 4V5z"/>
+                  <path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"/>
+                </svg>
+              </if>
+              <if ${!isMutedOrZero && !isHighVolume}>
+                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                  <path d="M11 5L6 9H2v6h4l5 4V5z"/>
+                  <path d="M15.54 8.46a5 5 0 0 1 0 7.07"/>
+                </svg>
+              </if>
+            </button>
+            <if ${showVolSlider}>
+              <div class="podcast-volume-slider-container">
+                <input
+                  class="podcast-volume-slider"
+                  type="range"
+                  min="0"
+                  max="1"
+                  step="0.01"
+                  .value=${this.volume.toString()}
+                  style="--volume-percent: ${this.volume * 100}%"
+                  @input=${(e) => this.handleVolumeInput(e)}
+                />
+              </div>
+            </if>
+          </div>
+
+          <if ${hasSleepTimer}>
+            <div class="podcast-sleep">
+              <span class="podcast-sleep-label">Sleep in</span>
+              <span class="podcast-sleep-time">${this.formatTime(this.sleepTimerRemaining)}</span>
+            </div>
+          </if>
+        </div>
+
+        <if ${hasChapters}>
+          <div class="podcast-chapters">
+            <div class="podcast-chapters-header">Chapters</div>
+            ${chapters.map((chapter, i) => {
+                const isActive = this.isActiveChapter(chapter, chapters, i);
+                return html /*html*/ `
+                <div
+                  class="podcast-chapter-item ${isActive ? 'active' : ''}"
+                  @click=${() => this.seekTo(chapter.startTime)}
+                >
+                  <span class="podcast-chapter-time">${this.formatTime(chapter.startTime)}</span>
+                  <span class="podcast-chapter-title">${chapter.title}</span>
+                </div>
+              `;
+            })}
+          </div>
+        </if>
+
+        <if ${hasEpisodes}>
+          <div class="podcast-episodes">
+            <div class="podcast-episodes-header">Episodes</div>
+            <div class="podcast-episode-list">
+              ${this.episodes.map((episode, index) => {
+                const isActive = index === this.currentEpisodeIndex;
+                const isEpPlaying = isActive && isPlaying;
+                return html /*html*/ `
+                  <div
+                    class="podcast-episode-item ${isActive ? 'active' : ''}"
+                    @click=${() => this.loadEpisode(index)}
+                  >
+                    <if ${episode.artwork}>
+                      <img class="podcast-episode-artwork" src="${episode.artwork}" alt="${episode.title}" />
+                    </if>
+                    <div class="podcast-episode-info">
+                      <div class="podcast-episode-title">${episode.title}</div>
+                      <if ${episode.pubDate}>
+                        <div class="podcast-episode-date">${episode.pubDate}</div>
+                      </if>
+                    </div>
+                    <if ${isEpPlaying}>
+                      <div class="podcast-episode-playing-icon">
+                        <span></span><span></span><span></span>
+                      </div>
+                    </if>
+                    <if ${!isEpPlaying && episode.duration}>
+                      <div class="podcast-episode-duration">${this.formatTime(episode.duration || 0)}</div>
+                    </if>
+                  </div>
+                `;
+            })}
+            </div>
+          </div>
+        </if>
+      </div>
+    `;
+        }
+        // --- Public Methods ---
+        async play() {
+            if (!this.audioElement || !this.audioElement.src)
+                return;
+            try {
+                await this.audioElement.play();
+            }
+            catch {
+                this.state = 'error';
+            }
+        }
+        pause() {
+            if (!this.audioElement)
+                return;
+            this.audioElement.pause();
+        }
+        toggle() {
+            if (this.state === 'playing') {
+                this.pause();
+            }
+            else {
+                this.play();
+            }
+        }
+        doSkipForward() {
+            if (!this.audioElement)
+                return;
+            this.seekTo(Math.min(this.currentTime + this.skipForward, this.duration));
+        }
+        doSkipBack() {
+            if (!this.audioElement)
+                return;
+            this.seekTo(Math.max(this.currentTime - this.skipBack, 0));
+        }
+        seekTo(time) {
+            if (!this.audioElement)
+                return;
+            this.audioElement.currentTime = time;
+            this.currentTime = time;
+        }
+        setPlaybackRate(rate) {
+            if (rate < 0.5 || rate > 2)
+                return;
+            this.playbackRate = rate;
+        }
+        loadEpisode(index) {
+            if (index < 0 || index >= this.episodes.length)
+                return;
+            // Save position of current episode before switching
+            this.savePosition();
+            const episode = this.episodes[index];
+            this.currentEpisodeIndex = index;
+            this.title = episode.title;
+            if (episode.artwork)
+                this.artwork = episode.artwork;
+            if (episode.description)
+                this.description = episode.description;
+            this.loadSrc(episode.src);
+            this.emitEpisodeChange(episode, index);
+            // Restore saved position for this episode
+            const saved = this.getSavedPosition(episode.src);
+            if (saved > 0) {
+                // Wait for metadata to load before seeking
+                const onLoaded = () => {
+                    this.seekTo(saved);
+                    this.audioElement?.removeEventListener('loadedmetadata', onLoaded);
+                };
+                this.audioElement?.addEventListener('loadedmetadata', onLoaded);
+            }
+        }
+        // --- Private Methods ---
+        loadSrc(src) {
+            if (!this.audioElement)
+                return;
+            this.state = 'loading';
+            this.audioElement.src = src;
+            this.audioElement.load();
+            this.currentTime = 0;
+            this.duration = 0;
+        }
+        async fetchRSS(url) {
+            try {
+                const response = await fetch(url);
+                const text = await response.text();
+                const feed = this.parseRSS(text);
+                if (feed.title && !this.show)
+                    this.show = feed.title;
+                if (feed.artwork && !this.artwork)
+                    this.artwork = feed.artwork;
+                if (feed.description && !this.description)
+                    this.description = feed.description;
+                this.episodes = feed.episodes;
+                this.emitFeedLoaded(feed);
+            }
+            catch {
+                this.state = 'error';
+            }
+        }
+        parseRSS(xml) {
+            const parser = new DOMParser();
+            const doc = parser.parseFromString(xml, 'application/xml');
+            const channel = doc.querySelector('channel');
+            const title = channel?.querySelector('title')?.textContent || '';
+            const description = channel?.querySelector('description')?.textContent || '';
+            // Try itunes:image first, then regular image
+            const itunesImage = channel?.querySelector('image[href]')?.getAttribute('href')
+                || channel?.getElementsByTagNameNS('http://www.itunes.com/dtds/podcast-1.0.dtd', 'image')?.[0]?.getAttribute('href');
+            const regularImage = channel?.querySelector('image > url')?.textContent;
+            const artwork = itunesImage || regularImage || '';
+            const items = channel?.querySelectorAll('item') || [];
+            const episodes = [];
+            items.forEach(item => {
+                const epTitle = item.querySelector('title')?.textContent || '';
+                const enclosure = item.querySelector('enclosure');
+                const src = enclosure?.getAttribute('url') || '';
+                if (!src)
+                    return;
+                const epDescription = item.querySelector('description')?.textContent || '';
+                const pubDate = item.querySelector('pubDate')?.textContent || '';
+                // Parse itunes:duration
+                const itunesDuration = item.getElementsByTagNameNS('http://www.itunes.com/dtds/podcast-1.0.dtd', 'duration')?.[0]?.textContent;
+                const duration = itunesDuration ? this.parseDuration(itunesDuration) : undefined;
+                // Episode artwork
+                const epImage = item.getElementsByTagNameNS('http://www.itunes.com/dtds/podcast-1.0.dtd', 'image')?.[0]?.getAttribute('href') || '';
+                episodes.push({
+                    title: epTitle,
+                    src,
+                    artwork: epImage || artwork,
+                    description: epDescription,
+                    pubDate: pubDate ? this.formatDate(pubDate) : undefined,
+                    duration,
+                });
+            });
+            return { title, artwork, description, episodes };
+        }
+        parseDuration(duration) {
+            // Handle HH:MM:SS, MM:SS, or plain seconds
+            const parts = duration.split(':').map(Number);
+            if (parts.length === 3)
+                return parts[0] * 3600 + parts[1] * 60 + parts[2];
+            if (parts.length === 2)
+                return parts[0] * 60 + parts[1];
+            return parts[0] || 0;
+        }
+        formatDate(dateStr) {
+            try {
+                const date = new Date(dateStr);
+                return date.toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' });
+            }
+            catch {
+                return dateStr;
+            }
+        }
+        cyclePlaybackRate() {
+            const idx = PLAYBACK_RATES.indexOf(this.playbackRate);
+            const nextIdx = (idx + 1) % PLAYBACK_RATES.length;
+            this.setPlaybackRate(PLAYBACK_RATES[nextIdx]);
+        }
+        cycleSleepTimer() {
+            const currentMinutes = Math.ceil(this.sleepTimerRemaining / 60);
+            const idx = SLEEP_OPTIONS.findIndex(opt => opt >= currentMinutes);
+            const nextIdx = (idx + 1) % SLEEP_OPTIONS.length;
+            const minutes = SLEEP_OPTIONS[nextIdx];
+            this.clearSleepTimer();
+            if (minutes > 0) {
+                this.sleepTimerRemaining = minutes * 60;
+                this.sleepTimerInterval = window.setInterval(() => {
+                    this.sleepTimerRemaining--;
+                    if (this.sleepTimerRemaining <= 0) {
+                        this.pause();
+                        this.clearSleepTimer();
+                    }
+                }, 1000);
+            }
+        }
+        clearSleepTimer() {
+            if (this.sleepTimerInterval !== null) {
+                clearInterval(this.sleepTimerInterval);
+                this.sleepTimerInterval = null;
+            }
+            this.sleepTimerRemaining = 0;
+        }
+        handleSeek(e) {
+            if (!this.progressElement || this.duration === 0)
+                return;
+            const rect = this.progressElement.getBoundingClientRect();
+            const percent = (e.clientX - rect.left) / rect.width;
+            this.seekTo(percent * this.duration);
+        }
+        handleVolumeInput(e) {
+            const input = e.target;
+            const vol = parseFloat(input.value);
+            input.style.setProperty('--volume-percent', `${vol * 100}%`);
+            this.volume = vol;
+            if (vol > 0 && this.muted)
+                this.muted = false;
+        }
+        toggleVolumeSlider() {
+            this.showVolumeSlider = !this.showVolumeSlider;
+        }
+        getCurrentEpisode() {
+            if (this.currentEpisodeIndex >= 0 && this.currentEpisodeIndex < this.episodes.length) {
+                return this.episodes[this.currentEpisodeIndex];
+            }
+            return null;
+        }
+        isActiveChapter(chapter, chapters, index) {
+            const nextChapter = chapters[index + 1];
+            const endTime = chapter.endTime || (nextChapter ? nextChapter.startTime : this.duration);
+            return this.currentTime >= chapter.startTime && this.currentTime < endTime;
+        }
+        formatTime(seconds) {
+            if (isNaN(seconds) || seconds === Infinity || seconds < 0)
+                return '0:00';
+            const h = Math.floor(seconds / 3600);
+            const m = Math.floor((seconds % 3600) / 60);
+            const s = Math.floor(seconds % 60);
+            if (h > 0) {
+                return `${h}:${m.toString().padStart(2, '0')}:${s.toString().padStart(2, '0')}`;
+            }
+            return `${m}:${s.toString().padStart(2, '0')}`;
+        }
+        // --- localStorage position memory ---
+        getStorageKey(src) {
+            return STORAGE_KEY_PREFIX + (src || this.audioElement?.src || '');
+        }
+        savePosition() {
+            if (!this.audioElement?.src || this.currentTime < 5)
+                return;
+            try {
+                localStorage.setItem(this.getStorageKey(), String(this.currentTime));
+            }
+            catch { /* storage full or unavailable */ }
+        }
+        getSavedPosition(src) {
+            try {
+                const saved = localStorage.getItem(this.getStorageKey(src));
+                return saved ? parseFloat(saved) : 0;
+            }
+            catch {
+                return 0;
+            }
+        }
+        clearSavedPosition() {
+            try {
+                localStorage.removeItem(this.getStorageKey());
+            }
+            catch { /* ignore */ }
+        }
+        // --- Events ---
+        emitPlay() {
+            return { player: this, episode: this.getCurrentEpisode() };
+        }
+        emitPause() {
+            return { player: this, episode: this.getCurrentEpisode() };
+        }
+        emitEnded() {
+            return { player: this, episode: this.getCurrentEpisode() };
+        }
+        emitTimeUpdate() {
+            return { player: this, currentTime: this.currentTime, duration: this.duration };
+        }
+        emitRateChange() {
+            return { player: this, rate: this.playbackRate };
+        }
+        emitEpisodeChange(episode, index) {
+            return { player: this, episode, index };
+        }
+        emitFeedLoaded(feed) {
+            return { player: this, feed };
+        }
+        constructor() {
+            super(...arguments);
+            this.src = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _src_initializers, ''));
+            this.fromRss = (__runInitializers(this, _src_extraInitializers), __runInitializers(this, _fromRss_initializers, ''));
+            this.title = (__runInitializers(this, _fromRss_extraInitializers), __runInitializers(this, _title_initializers, ''));
+            this.show = (__runInitializers(this, _title_extraInitializers), __runInitializers(this, _show_initializers, ''));
+            this.artwork = (__runInitializers(this, _show_extraInitializers), __runInitializers(this, _artwork_initializers, ''));
+            this.description = (__runInitializers(this, _artwork_extraInitializers), __runInitializers(this, _description_initializers, ''));
+            this.playbackRate = (__runInitializers(this, _description_extraInitializers), __runInitializers(this, _playbackRate_initializers, 1));
+            this.skipForward = (__runInitializers(this, _playbackRate_extraInitializers), __runInitializers(this, _skipForward_initializers, 30));
+            this.skipBack = (__runInitializers(this, _skipForward_extraInitializers), __runInitializers(this, _skipBack_initializers, 15));
+            this.currentTime = (__runInitializers(this, _skipBack_extraInitializers), __runInitializers(this, _currentTime_initializers, 0));
+            this.duration = (__runInitializers(this, _currentTime_extraInitializers), __runInitializers(this, _duration_initializers, 0));
+            this.volume = (__runInitializers(this, _duration_extraInitializers), __runInitializers(this, _volume_initializers, 1));
+            this.muted = (__runInitializers(this, _volume_extraInitializers), __runInitializers(this, _muted_initializers, false));
+            this.episodes = (__runInitializers(this, _muted_extraInitializers), __runInitializers(this, _episodes_initializers, []));
+            this.currentEpisodeIndex = (__runInitializers(this, _episodes_extraInitializers), __runInitializers(this, _currentEpisodeIndex_initializers, -1));
+            this.sleepTimer = (__runInitializers(this, _currentEpisodeIndex_extraInitializers), __runInitializers(this, _sleepTimer_initializers, 0));
+            this.state = (__runInitializers(this, _sleepTimer_extraInitializers), 'stopped');
+            this.audioElement = null;
+            this.sleepTimerInterval = null;
+            this.sleepTimerRemaining = 0;
+            this.showVolumeSlider = false;
+            this.progressElement = __runInitializers(this, _progressElement_initializers, void 0);
+            __runInitializers(this, _progressElement_extraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { SnicePodcastPlayer };
+//# sourceMappingURL=snice-podcast-player.js.map