@hopeplayer/core 1.4.0 → 1.5.0

package/dist/chunks/{playlist-C6Mh9BE8.js → playlist-DJsdK6xm.js}

@@ -1,7 +1,7 @@
 var A = Object.defineProperty;
-var g = (h, t, e) => t in h ? A(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
-var n = (h, t, e) => g(h, typeof t != "symbol" ? t + "" : t, e);
-import { i as b, c as P } from "./player-D7WQxMzr.js";
+var g = (l, t, e) => t in l ? A(l, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[t] = e;
+var n = (l, t, e) => g(l, typeof t != "symbol" ? t + "" : t, e);
+import { i as b, c as P } from "./player-DV4Hf5Cw.js";
 const I = {
   startMode: "after_current",
   startIndex: 0,
@@ -30,6 +30,14 @@ class w {
       this.userHasStartedPlayback = !0;
     });
     n(this, "onEnded", () => {
+      var t, e;
+      if ((e = (t = this.ctx).isAdActive) != null && e.call(t)) {
+        const i = this.ctx.hostEl, s = () => {
+          i.removeEventListener("hp:adend", s), !this.destroyed && this.ctx.videoEl.ended && this.onEnded();
+        };
+        i.addEventListener("hp:adend", s);
+        return;
+      }
       if (this.startPendingAfterCurrent && !this.playlistActive) {
         this.startPendingAfterCurrent = !1, this.playlistActive = !0, this.setActive(this.index), this.loadAndPlay(this.index, { userInitiated: !0, isPlaylistStart: !0 });
         return;
@@ -114,9 +122,9 @@ class w {
     let a = /* @__PURE__ */ new Set([r]), d = e.forceMp4Index ?? 0;
     e.isFallback && ((o = this.attempt) == null ? void 0 : o.index) === t && ((u = this.attempt) != null && u.tried) && (a = new Set(this.attempt.tried), a.add(r), e.forceMp4Index == null && (d = this.attempt.mp4Index ?? 0)), this.attempt = { id: s, index: t, mode: r, tried: a, mp4Index: d };
     try {
-      const p = this.buildPayload(i, r, d);
-      if (!p) throw new Error("No playable source");
-      if (this.setActive(t), this.ctx.videoEl.pause(), i.image && this.ctx.setPoster(i.image), await this.ctx.loadSource(p.src, p.type), this.options.adsOnItemChange && this.maybeRequestAds(t, i, !!e.isFallback), this.shouldAutoPlay(!!e.userInitiated))
+      const c = this.buildPayload(i, r, d);
+      if (!c) throw new Error("No playable source");
+      if (this.setActive(t), this.ctx.videoEl.pause(), i.image && this.ctx.setPoster(i.image), await this.ctx.loadSource(c.src, c.type), this.options.adsOnItemChange && this.maybeRequestAds(t, i, !!e.isFallback), this.shouldAutoPlay(!!e.userInitiated))
         try {
           await this.ctx.videoEl.play();
         } catch {
@@ -182,24 +190,24 @@ class w {
     const o = document.createElement("ul");
     o.className = "hp:flex hp:flex-col hp:gap-1 hp:list-none hp:m-0 hp:p-0", e.appendChild(o);
     const u = [];
-    return this.items.forEach((p, E) => {
-      const c = document.createElement("li");
-      if (c.className = "hp:flex hp:items-center hp:gap-2 hp:p-2 hp:rounded hp:cursor-pointer hp:text-on-surface-muted hp:text-sm hp:hover:bg-on-surface/5 hp:data-[active=true]:bg-accent/15 hp:data-[active=true]:text-on-surface", p.image) {
-        const l = document.createElement("img");
-        l.src = p.image, l.loading = "lazy", l.className = "hp:w-16 hp:aspect-video hp:object-cover hp:rounded hp:shrink-0", c.appendChild(l);
+    return this.items.forEach((c, E) => {
+      const p = document.createElement("li");
+      if (p.className = "hp:flex hp:items-center hp:gap-2 hp:p-2 hp:rounded hp:cursor-pointer hp:text-on-surface-muted hp:text-sm hp:hover:bg-on-surface/5 hp:data-[active=true]:bg-accent/15 hp:data-[active=true]:text-on-surface", c.image) {
+        const h = document.createElement("img");
+        h.src = c.image, h.loading = "lazy", h.className = "hp:w-16 hp:aspect-video hp:object-cover hp:rounded hp:shrink-0", p.appendChild(h);
       }
-      const f = document.createElement("div");
-      f.className = "hp:flex-1 hp:min-w-0";
       const x = document.createElement("div");
-      x.className = "hp:truncate hp:font-medium", x.textContent = p.title || this.ctx.i18n.videoFallbackTitle(E), f.appendChild(x);
+      x.className = "hp:flex-1 hp:min-w-0";
+      const f = document.createElement("div");
+      f.className = "hp:truncate hp:font-medium", f.textContent = c.title || this.ctx.i18n.videoFallbackTitle(E), x.appendChild(f);
       let m = null, y = null;
       if (t.showMeta !== !1) {
-        const l = document.createElement("div");
-        l.className = "hp:flex hp:items-center hp:gap-2 hp:text-xs hp:opacity-70 hp:mt-0.5", y = document.createElement("span"), y.textContent = "", l.appendChild(y);
+        const h = document.createElement("div");
+        h.className = "hp:flex hp:items-center hp:gap-2 hp:text-xs hp:opacity-70 hp:mt-0.5", y = document.createElement("span"), y.textContent = "", h.appendChild(y);
         const v = document.createElement("div");
-        v.className = "hp:flex-1 hp:h-0.5 hp:bg-on-surface/20 hp:rounded-full hp:overflow-hidden", m = document.createElement("div"), m.className = "hp:h-full hp:bg-accent", m.style.width = "0%", v.appendChild(m), l.appendChild(v), f.appendChild(l);
+        v.className = "hp:flex-1 hp:h-0.5 hp:bg-on-surface/20 hp:rounded-full hp:overflow-hidden", m = document.createElement("div"), m.className = "hp:h-full hp:bg-accent", m.style.width = "0%", v.appendChild(m), h.appendChild(v), x.appendChild(h);
       }
-      c.appendChild(f), c.addEventListener("click", () => this.setIndex(E)), o.appendChild(c), u.push({ li: c, titleRow: x, progressFill: m, timeEl: y });
+      p.appendChild(x), p.addEventListener("click", () => this.setIndex(E)), o.appendChild(p), u.push({ li: p, titleRow: f, progressFill: m, timeEl: y });
     }), this.ctx.panelEl.appendChild(e), { root: e, titleEl: s, listEl: o, prevBtn: a, nextBtn: d, itemEls: u };
   }
   playlistTitleText() {
@@ -226,11 +234,11 @@ class w {
     return `${i}:${String(s).padStart(2, "0")}`;
   }
 }
-function N(h, t) {
-  return new w(h, t);
+function N(l, t) {
+  return new w(l, t);
 }
 export {
   w as PlaylistRunner,
   N as installPlaylist
 };
-//# sourceMappingURL=playlist-C6Mh9BE8.js.map
+//# sourceMappingURL=playlist-DJsdK6xm.js.map

package/dist/chunks/playlist-DJsdK6xm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playlist-DJsdK6xm.js","sources":["../../src/plugins/playlist/PlaylistRunner.ts","../../src/plugins/playlist/index.ts"],"sourcesContent":["import { createIcon } from '../../icons/Icon';\nimport type { PlayableItem, PlaylistOptions } from '../../types';\nimport type { HopeLocaleStrings } from '../../i18n/types';\nimport { isAudioOutputError } from '../../utils/media-error';\n\nexport interface PlaylistPlayerContext {\n    videoEl: HTMLVideoElement;\n    hostEl: HTMLElement;\n    /** Liste UI'ının monte edileceği, shadow root içindeki panel. */\n    panelEl: HTMLElement;\n    loadSource(src: string, type?: string): Promise<void>;\n    setPoster(url: string): void;\n    /** AdsController varsa retry/VMAP durumunu sıfırlayıp item'ın (varsa) kendi adTagPreroll'üyle yeniden reklam ister — yoksa no-op. */\n    requestFreshAd(prerollTag?: string): void;\n    /** Postroll sürüyorsa sonraki öğe `hp:adend`'i bekler. */\n    isAdActive?(): boolean;\n    i18n: HopeLocaleStrings;\n}\n\ntype SourceMode = 'hls' | 'mp4';\n\ninterface Attempt {\n    id: number;\n    index: number;\n    mode: SourceMode;\n    tried: Set<SourceMode>;\n    mp4Index: number;\n}\n\nconst DEFAULTS: Required<Omit<PlaylistOptions, 'items' | 'adTagPreroll' | 'ui'>> = {\n    startMode: 'after_current',\n    startIndex: 0,\n    loop: false,\n    autoplayNext: true,\n    preferHls: true,\n    adsOnItemChange: true,\n};\n\n/** Tek player üzerinde sıralı oynatma listesi (startMode, loop, hata fallback zinciri). */\nexport class PlaylistRunner {\n    private readonly options: Required<Omit<PlaylistOptions, 'items' | 'adTagPreroll' | 'ui'>>;\n    private readonly items: PlayableItem[];\n\n    private index: number;\n    private destroyed = false;\n    private switching = false;\n    private playlistActive = false;\n    private startPendingAfterCurrent = false;\n    private attemptId = 0;\n    private attempt: Attempt | null = null;\n    private lastErrorAt = 0;\n    private lastAdsIndex: number | null = null;\n    private lastDispatchedIndex: number | null = null;\n    private userHasStartedPlayback = false;\n\n    private readonly ui: {\n        root: HTMLElement;\n        titleEl: HTMLElement;\n        listEl: HTMLElement;\n        prevBtn: HTMLButtonElement;\n        nextBtn: HTMLButtonElement;\n        itemEls: Array<{ li: HTMLElement; titleRow: HTMLElement; progressFill: HTMLElement | null; timeEl: HTMLElement | null }>;\n    };\n\n    constructor(\n        private readonly ctx: PlaylistPlayerContext,\n        private readonly rawOptions: PlaylistOptions\n    ) {\n        this.options = { ...DEFAULTS, ...rawOptions };\n        this.items = Array.isArray(rawOptions.items) ? rawOptions.items : [];\n        this.index = this.clampIndex(this.options.startIndex);\n\n        this.ui = this.buildUi();\n        this.bindPlayerEvents();\n        this.init();\n    }\n\n    // ── lifecycle ──\n\n    private init(): void {\n        if (!this.items.length) return;\n\n        if (this.options.startMode === 'after_current') {\n            this.startPendingAfterCurrent = true;\n            this.playlistActive = false;\n            this.setActive(this.index);\n            return;\n        }\n\n        this.playlistActive = true;\n        void this.loadAndPlay(this.index, { userInitiated: false, isPlaylistStart: true });\n    }\n\n    refreshLabels(): void {\n        this.ui.titleEl.textContent = this.playlistTitleText();\n        this.ui.prevBtn.setAttribute('aria-label', this.ctx.i18n.playlistPrev);\n        this.ui.nextBtn.setAttribute('aria-label', this.ctx.i18n.playlistNext);\n        this.ui.itemEls.forEach((entry, idx) => {\n            const item = this.items[idx];\n            if (item && !item.title) entry.titleRow.textContent = this.ctx.i18n.videoFallbackTitle(idx);\n        });\n    }\n\n    destroy(): void {\n        if (this.destroyed) return;\n        this.destroyed = true;\n        this.ctx.videoEl.removeEventListener('ended', this.onEnded);\n        this.ctx.videoEl.removeEventListener('error', this.onError);\n        this.ctx.videoEl.removeEventListener('play', this.onUserPlay);\n        this.ui.root.remove();\n    }\n\n    // ── public api ──\n\n    start(opts: { index?: number } = {}): void {\n        if (this.destroyed || !this.items.length) return;\n        this.startPendingAfterCurrent = false;\n        this.playlistActive = true;\n        this.index = this.clampIndex(opts.index ?? this.index);\n        this.setActive(this.index);\n        void this.loadAndPlay(this.index, { userInitiated: false, isPlaylistStart: true });\n    }\n\n    next(): void {\n        if (this.destroyed || !this.items.length) return;\n        if (!this.playlistActive) return this.start({ index: this.index });\n\n        if (this.index < this.items.length - 1) this.index++;\n        else if (this.options.loop) this.index = 0;\n        else return;\n\n        this.setActive(this.index);\n        void this.loadAndPlay(this.index, { userInitiated: true });\n    }\n\n    prev(): void {\n        if (this.destroyed || !this.items.length) return;\n        if (!this.playlistActive) return this.start({ index: this.index });\n        if (this.index === 0) return;\n        this.index--;\n        this.setActive(this.index);\n        void this.loadAndPlay(this.index, { userInitiated: true });\n    }\n\n    setIndex(i: number): void {\n        if (this.destroyed || !this.items.length) return;\n        this.index = this.clampIndex(i);\n        this.setActive(this.index);\n        if (!this.playlistActive) return this.start({ index: this.index });\n        void this.loadAndPlay(this.index, { userInitiated: true });\n    }\n\n    getIndex(): number {\n        return this.index;\n    }\n\n    isActive(): boolean {\n        return this.playlistActive;\n    }\n\n    // ── player events ──\n\n    private bindPlayerEvents(): void {\n        this.ctx.videoEl.addEventListener('ended', this.onEnded);\n        this.ctx.videoEl.addEventListener('error', this.onError);\n        this.ctx.videoEl.addEventListener('play', this.onUserPlay);\n        this.ctx.videoEl.addEventListener('timeupdate', this.onTimeUpdate);\n    }\n\n    private readonly onUserPlay = (): void => {\n        this.userHasStartedPlayback = true;\n    };\n\n    private readonly onEnded = (): void => {\n        if (this.ctx.isAdActive?.()) {\n            const host = this.ctx.hostEl;\n            const resume = (): void => {\n                host.removeEventListener('hp:adend', resume);\n                if (!this.destroyed && this.ctx.videoEl.ended) this.onEnded();\n            };\n            host.addEventListener('hp:adend', resume);\n            return;\n        }\n        if (this.startPendingAfterCurrent && !this.playlistActive) {\n            this.startPendingAfterCurrent = false;\n            this.playlistActive = true;\n            this.setActive(this.index);\n            void this.loadAndPlay(this.index, { userInitiated: true, isPlaylistStart: true });\n            return;\n        }\n        if (this.playlistActive) this.next();\n    };\n\n    private readonly onError = (): void => {\n        if (this.destroyed || !this.playlistActive) return;\n        // Ses aygıtı yok (Firefox): video sessiz oynamaya devam ediyor — sonraki öğeye atlama.\n        if (isAudioOutputError(this.ctx.videoEl.error)) return;\n        const now = Date.now();\n        if (now - this.lastErrorAt < 200) return;\n        this.lastErrorAt = now;\n        void this.fallbackOrSkip();\n    };\n\n    private readonly onTimeUpdate = (): void => {\n        this.updateProgress();\n    };\n\n    // ── core load ──\n\n    private async loadAndPlay(\n        i: number,\n        opts: { userInitiated?: boolean; forceMode?: SourceMode | null; forceMp4Index?: number | null; isFallback?: boolean; isPlaylistStart?: boolean } = {}\n    ): Promise<void> {\n        if (this.destroyed || this.switching || !this.playlistActive) return;\n        this.switching = true;\n\n        const item = this.items[i];\n        if (!item) {\n            this.switching = false;\n            return;\n        }\n        const attemptId = ++this.attemptId;\n        const mode = opts.forceMode ?? this.resolveMode(item);\n\n        let tried = new Set<SourceMode>([mode]);\n        let mp4Index = opts.forceMp4Index ?? 0;\n        if (opts.isFallback && this.attempt?.index === i && this.attempt?.tried) {\n            tried = new Set(this.attempt.tried);\n            tried.add(mode);\n            if (opts.forceMp4Index == null) mp4Index = this.attempt.mp4Index ?? 0;\n        }\n        this.attempt = { id: attemptId, index: i, mode, tried, mp4Index };\n\n        try {\n            const payload = this.buildPayload(item, mode, mp4Index);\n            if (!payload) throw new Error('No playable source');\n\n            this.setActive(i);\n            this.ctx.videoEl.pause();\n            if (item.image) this.ctx.setPoster(item.image);\n            await this.ctx.loadSource(payload.src, payload.type);\n\n            if (this.options.adsOnItemChange) this.maybeRequestAds(i, item, !!opts.isFallback);\n\n            if (this.shouldAutoPlay(!!opts.userInitiated)) {\n                try {\n                    await this.ctx.videoEl.play();\n                } catch {\n                    /* autoplay engellendi — sessizce geç */\n                }\n            }\n            this.updateProgress();\n        } finally {\n            this.switching = false;\n        }\n    }\n\n    private async fallbackOrSkip(): Promise<void> {\n        if (this.destroyed || !this.attempt) return;\n        const item = this.items[this.attempt.index];\n        if (!item) return;\n\n        if (this.attempt.mode === 'mp4') {\n            const mp4List = (item.mp4 || []).filter((v) => v?.src);\n            const nextMp4 = (this.attempt.mp4Index ?? 0) + 1;\n            if (nextMp4 < mp4List.length) {\n                await this.loadAndPlay(this.attempt.index, { forceMode: 'mp4', forceMp4Index: nextMp4, isFallback: true });\n                return;\n            }\n        }\n\n        const otherMode: SourceMode = this.attempt.mode === 'hls' ? 'mp4' : 'hls';\n        if (this.hasMode(item, otherMode) && !this.attempt.tried.has(otherMode)) {\n            await this.loadAndPlay(this.attempt.index, { forceMode: otherMode, isFallback: true });\n            return;\n        }\n\n        this.next();\n    }\n\n    // ── ads ──\n\n    private maybeRequestAds(index: number, item: PlayableItem, _isFallback: boolean): void {\n        if (this.lastAdsIndex === index) return;\n        this.lastAdsIndex = index;\n        this.ctx.requestFreshAd(item.adTagPreroll || this.rawOptions.adTagPreroll);\n    }\n\n    // ── sources ──\n\n    private resolveMode(item: PlayableItem): SourceMode {\n        if (this.options.preferHls) return this.hasMode(item, 'hls') ? 'hls' : this.hasMode(item, 'mp4') ? 'mp4' : 'hls';\n        return this.hasMode(item, 'mp4') ? 'mp4' : this.hasMode(item, 'hls') ? 'hls' : 'mp4';\n    }\n\n    private hasMode(item: PlayableItem, mode: SourceMode): boolean {\n        return Array.isArray(item[mode]) && item[mode]!.some((v) => v?.src);\n    }\n\n    private buildPayload(item: PlayableItem, mode: SourceMode, mp4Index = 0): { src: string; type?: string } | null {\n        const list = (item[mode] || []).filter((v) => v?.src);\n        if (!list.length) return null;\n\n        let src;\n        if (mode === 'mp4') {\n            src = mp4Index > 0 ? list[mp4Index] || list[0] : list.find((v) => v.selected) || list[0];\n        } else {\n            src = list[0];\n        }\n        return { src: src!.src, type: src!.type || (mode === 'hls' ? 'application/x-mpegURL' : 'video/mp4') };\n    }\n\n    private shouldAutoPlay(userInitiated: boolean): boolean {\n        if (userInitiated) return true;\n        return this.options.autoplayNext && this.userHasStartedPlayback;\n    }\n\n    private clampIndex(i: number): number {\n        if (!Number.isFinite(i) || !this.items.length) return 0;\n        return Math.max(0, Math.min(this.items.length - 1, Math.trunc(i)));\n    }\n\n    // ── ui ──\n\n    private buildUi() {\n        const ui = this.rawOptions.ui ?? {};\n        const root = document.createElement('div');\n        root.setAttribute('part', 'playlist-panel');\n        root.className = 'hp:flex hp:flex-col hp:gap-2 hp:p-3 hp:bg-surface-elev hp:max-h-80 hp:overflow-y-auto';\n\n        const header = document.createElement('div');\n        header.className = 'hp:flex hp:items-center hp:justify-between hp:gap-2 hp:mb-1';\n\n        const titleEl = document.createElement('div');\n        titleEl.className = 'hp:text-sm hp:font-semibold hp:text-on-surface';\n        titleEl.textContent = this.playlistTitleText();\n        header.appendChild(titleEl);\n\n        const navWrap = document.createElement('div');\n        navWrap.className = 'hp:flex hp:gap-1';\n        const prevBtn = this.navButton('chevron-left', this.ctx.i18n.playlistPrev, () => this.prev());\n        const nextBtn = this.navButton('chevron-left', this.ctx.i18n.playlistNext, () => this.next());\n        nextBtn.style.transform = 'rotate(180deg)';\n        navWrap.append(prevBtn, nextBtn);\n        header.appendChild(navWrap);\n\n        root.appendChild(header);\n\n        const listEl = document.createElement('ul');\n        listEl.className = 'hp:flex hp:flex-col hp:gap-1 hp:list-none hp:m-0 hp:p-0';\n        root.appendChild(listEl);\n\n        const itemEls: Array<{ li: HTMLElement; titleRow: HTMLElement; progressFill: HTMLElement | null; timeEl: HTMLElement | null }> = [];\n        this.items.forEach((item, idx) => {\n            const li = document.createElement('li');\n            li.className =\n                'hp:flex hp:items-center hp:gap-2 hp:p-2 hp:rounded hp:cursor-pointer hp:text-on-surface-muted hp:text-sm ' +\n                'hp:hover:bg-on-surface/5 hp:data-[active=true]:bg-accent/15 hp:data-[active=true]:text-on-surface';\n\n            if (item.image) {\n                const img = document.createElement('img');\n                img.src = item.image;\n                img.loading = 'lazy';\n                img.className = 'hp:w-16 hp:aspect-video hp:object-cover hp:rounded hp:shrink-0';\n                li.appendChild(img);\n            }\n\n            const body = document.createElement('div');\n            body.className = 'hp:flex-1 hp:min-w-0';\n            const titleRow = document.createElement('div');\n            titleRow.className = 'hp:truncate hp:font-medium';\n            titleRow.textContent = item.title || this.ctx.i18n.videoFallbackTitle(idx);\n            body.appendChild(titleRow);\n\n            let progressFill: HTMLElement | null = null;\n            let timeEl: HTMLElement | null = null;\n            if (ui.showMeta !== false) {\n                const metaRow = document.createElement('div');\n                metaRow.className = 'hp:flex hp:items-center hp:gap-2 hp:text-xs hp:opacity-70 hp:mt-0.5';\n                timeEl = document.createElement('span');\n                timeEl.textContent = '';\n                metaRow.appendChild(timeEl);\n\n                const bar = document.createElement('div');\n                bar.className = 'hp:flex-1 hp:h-0.5 hp:bg-on-surface/20 hp:rounded-full hp:overflow-hidden';\n                progressFill = document.createElement('div');\n                progressFill.className = 'hp:h-full hp:bg-accent';\n                progressFill.style.width = '0%';\n                bar.appendChild(progressFill);\n                metaRow.appendChild(bar);\n                body.appendChild(metaRow);\n            }\n\n            li.appendChild(body);\n            li.addEventListener('click', () => this.setIndex(idx));\n            listEl.appendChild(li);\n            itemEls.push({ li, titleRow, progressFill, timeEl });\n        });\n\n        this.ctx.panelEl.appendChild(root);\n        return { root, titleEl, listEl, prevBtn, nextBtn, itemEls };\n    }\n\n    private playlistTitleText(): string {\n        const ui = this.rawOptions.ui ?? {};\n        const title = ui.title || this.ctx.i18n.playlistTitle;\n        return ui.showCount === false ? title : `${title} (${this.items.length})`;\n    }\n\n    private navButton(iconName: string, label: string, onClick: () => void): HTMLButtonElement {\n        const btn = document.createElement('button');\n        btn.type = 'button';\n        btn.setAttribute('aria-label', label);\n        btn.className = 'hp:flex hp:items-center hp:justify-center hp:w-6 hp:h-6 hp:text-on-surface hp:bg-transparent hp:border-0 hp:cursor-pointer';\n        btn.appendChild(createIcon(iconName, 'hp:text-sm'));\n        btn.addEventListener('click', onClick);\n        return btn;\n    }\n\n    private setActive(index: number): void {\n        this.ui.itemEls.forEach((entry, idx) => {\n            if (idx === index) entry.li.setAttribute('data-active', 'true');\n            else entry.li.removeAttribute('data-active');\n        });\n        // loadAndPlay() hem anlık UI geri bildirimi için önceden (next/prev/setIndex\n        // içinden) hem de kaynak gerçekten yüklendiğinde setActive() çağırıyor —\n        // aynı index için event'i yalnızca BİR kez yaymak için guard.\n        if (this.lastDispatchedIndex !== index) {\n            this.lastDispatchedIndex = index;\n            this.ctx.hostEl.dispatchEvent(new CustomEvent('hp:itemchange', { detail: { index, source: 'playlist' } }));\n        }\n    }\n\n    private updateProgress(): void {\n        const active = this.ui.itemEls[this.index];\n        if (!active) return;\n        const duration = this.ctx.videoEl.duration;\n        const current = this.ctx.videoEl.currentTime;\n        if (active.timeEl) active.timeEl.textContent = this.formatTime(current);\n        if (active.progressFill && Number.isFinite(duration) && duration > 0) {\n            active.progressFill.style.width = `${Math.min(100, (current / duration) * 100)}%`;\n        }\n    }\n\n    private formatTime(sec: number): string {\n        const s = Math.max(0, Math.floor(sec || 0));\n        const m = Math.floor(s / 60);\n        const r = s % 60;\n        return `${m}:${String(r).padStart(2, '0')}`;\n    }\n}\n","import { PlaylistRunner, type PlaylistPlayerContext } from './PlaylistRunner';\nimport type { PlaylistOptions } from '../../types';\n\nexport function installPlaylist(ctx: PlaylistPlayerContext, options: PlaylistOptions): PlaylistRunner {\n    return new PlaylistRunner(ctx, options);\n}\n\nexport { PlaylistRunner };\nexport type { PlaylistPlayerContext };\n"],"names":["DEFAULTS","PlaylistRunner","ctx","rawOptions","__publicField","_b","_a","host","resume","isAudioOutputError","now","entry","idx","item","opts","i","attemptId","mode","tried","mp4Index","payload","mp4List","v","nextMp4","otherMode","index","_isFallback","list","src","userInitiated","ui","root","header","titleEl","navWrap","prevBtn","nextBtn","listEl","itemEls","li","img","body","titleRow","progressFill","timeEl","metaRow","bar","title","iconName","label","onClick","btn","createIcon","active","duration","current","sec","s","m","r","installPlaylist","options"],"mappings":"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"}