snice 4.9.0 → 4.10.0

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

@@ -0,0 +1,835 @@
+/*!
+ * snice v4.9.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.
+ */
+if(typeof globalThis.Snice==="undefined"){console.warn("[snice] snice-runtime.min.js must be loaded before snice-podcast-player.min.js");}
+var SnicePodcastPlayer = (function (exports, snice) {
+  'use strict';
+
+  /******************************************************************************
+  Copyright (c) Microsoft Corporation.
+
+  Permission to use, copy, modify, and/or distribute this software for any
+  purpose with or without fee is hereby granted.
+
+  THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+  REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+  AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+  INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+  LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+  PERFORMANCE OF THIS SOFTWARE.
+  ***************************************************************************** */
+  /* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+
+  function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+  }
+  function __runInitializers(thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+  }
+  typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+  };
+
+  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 = [snice.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 = [snice.property()];
+              _fromRss_decorators = [snice.property({ attribute: 'from-rss' })];
+              _title_decorators = [snice.property()];
+              _show_decorators = [snice.property()];
+              _artwork_decorators = [snice.property()];
+              _description_decorators = [snice.property()];
+              _playbackRate_decorators = [snice.property({ type: Number, attribute: 'playback-rate' })];
+              _skipForward_decorators = [snice.property({ type: Number, attribute: 'skip-forward' })];
+              _skipBack_decorators = [snice.property({ type: Number, attribute: 'skip-back' })];
+              _currentTime_decorators = [snice.property({ type: Number, attribute: 'current-time' })];
+              _duration_decorators = [snice.property({ type: Number })];
+              _volume_decorators = [snice.property({ type: Number })];
+              _muted_decorators = [snice.property({ type: Boolean })];
+              _episodes_decorators = [snice.property({ type: Array })];
+              _currentEpisodeIndex_decorators = [snice.property({ type: Number, attribute: 'current-episode-index' })];
+              _sleepTimer_decorators = [snice.property({ type: Number, attribute: 'sleep-timer' })];
+              _progressElement_decorators = [snice.query('.podcast-progress')];
+              _componentStyles_decorators = [snice.styles()];
+              _init_decorators = [snice.ready()];
+              _cleanup_decorators = [snice.dispose()];
+              _handleSrcChange_decorators = [snice.watch('src')];
+              _handleRssChange_decorators = [snice.watch('fromRss')];
+              _handleVolumeChange_decorators = [snice.watch('volume')];
+              _handleMutedChange_decorators = [snice.watch('muted')];
+              _handlePlaybackRateChange_decorators = [snice.watch('playbackRate')];
+              _renderPlayer_decorators = [snice.render()];
+              _emitPlay_decorators = [snice.dispatch('podcast-play', { bubbles: true, composed: true })];
+              _emitPause_decorators = [snice.dispatch('podcast-pause', { bubbles: true, composed: true })];
+              _emitEnded_decorators = [snice.dispatch('podcast-ended', { bubbles: true, composed: true })];
+              _emitTimeUpdate_decorators = [snice.dispatch('podcast-time-update', { bubbles: true, composed: true })];
+              _emitRateChange_decorators = [snice.dispatch('podcast-rate-change', { bubbles: true, composed: true })];
+              _emitEpisodeChange_decorators = [snice.dispatch('podcast-episode-change', { bubbles: true, composed: true })];
+              _emitFeedLoaded_decorators = [snice.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 snice.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 snice.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 snice.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 snice.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;
+  })();
+
+  exports.SnicePodcastPlayer = SnicePodcastPlayer;
+
+  return exports;
+
+})({}, Snice);
+//# sourceMappingURL=snice-podcast-player.js.map