vidply 1.1.19 → 1.2.0

package/dist/dev/{vidply.AudioDescriptionManager-NRMNKZAL.js → vidply.AudioDescriptionManager-R47Q4YR4.js}

@@ -1,13 +1,14 @@
 /*!
- * VidPly v1.1.19 - Universal, Accessible Video Player
+ * VidPly v1.2.0 - Universal, Accessible Video Player
  * (c) 2026 Matthias Peltzer
  * Released under GPL-2.0-or-later License
  */
 import {
   CaptionManager
-} from "./vidply.chunk-AQDY6B5B.js";
-import "./vidply.chunk-QF77EYBM.js";
-import "./vidply.chunk-KMACPXZ5.js";
+} from "./vidply.chunk-64WXMTGL.js";
+import "./vidply.chunk-BNFIUL2Z.js";
+import "./vidply.chunk-6RQA4ROD.js";
+import "./vidply.chunk-RZWZGDV7.js";
 
 // src/core/AudioDescriptionManager.ts
 var AudioDescriptionManager = class {
@@ -261,7 +262,7 @@ var AudioDescriptionManager = class {
       });
       this.player.element.load();
       await new Promise((resolve) => {
-        setTimeout(() => {
+        this.player.setManagedTimeout(() => {
           tracksToReadd.forEach(({ trackInfo, parent, nextSibling, attributes }) => {
             const newSrc = toDescribed ? trackInfo.describedSrc : trackInfo.originalSrc;
             if (!newSrc) {
@@ -271,8 +272,9 @@ var AudioDescriptionManager = class {
             const newTrackElement = document.createElement("track");
             newTrackElement.setAttribute("src", newSrc);
             Object.keys(attributes).forEach((attrName) => {
-              if (attrName !== "src" && attrName !== "data-desc-src") {
-                newTrackElement.setAttribute(attrName, attributes[attrName]);
+              const attrValue = attributes[attrName];
+              if (attrName !== "src" && attrName !== "data-desc-src" && attrValue !== void 0) {
+                newTrackElement.setAttribute(attrName, attrValue);
               }
             });
             const targetParent = parent || this.player.element;
@@ -310,10 +312,10 @@ var AudioDescriptionManager = class {
             }, 300);
           };
           if (this.player.element.readyState >= 1) {
-            setTimeout(setupNewTracks, 200);
+            this.player.setManagedTimeout(setupNewTracks, 200);
           } else {
             this.player.element.addEventListener("loadedmetadata", setupNewTracks, { once: true });
-            setTimeout(setupNewTracks, 2e3);
+            this.player.setManagedTimeout(setupNewTracks, 2e3);
           }
           resolve();
         }, 100);
@@ -589,4 +591,4 @@ var AudioDescriptionManager = class {
 export {
   AudioDescriptionManager
 };
-//# sourceMappingURL=vidply.AudioDescriptionManager-NRMNKZAL.js.map
+//# sourceMappingURL=vidply.AudioDescriptionManager-R47Q4YR4.js.map

package/dist/dev/vidply.AudioDescriptionManager-R47Q4YR4.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/core/AudioDescriptionManager.ts"],
+  "sourcesContent": ["/**\r\n * Audio Description Manager\r\n * Handles audio-described video source switching and caption track swapping\r\n */\r\n\r\nimport { CaptionManager } from '../controls/CaptionManager.js';\r\nimport type { Player } from './Player.js';\r\n\r\n/**\r\n * Caption-track entry tracked by the audio-description manager. Each\r\n * entry pairs a `<track>` element with its described/original source\r\n * URLs so the manager can swap the rendered captions when the user\r\n * toggles audio description.\r\n */\r\ninterface CaptionTrackInfo {\r\n    trackElement: HTMLTrackElement;\r\n    originalSrc: string | null;\r\n    describedSrc: string;\r\n    originalTrackSrc: string | null;\r\n    explicit: boolean;\r\n}\r\n\r\nexport class AudioDescriptionManager {\r\n    player: Player;\r\n    captionTracks: CaptionTrackInfo[];\r\n    desiredState: boolean;\r\n    enabled: boolean;\r\n    originalSource: string | null;\r\n    sourceElement: Element | null;\r\n    src: string | null;\r\n\r\n    constructor(player: Player) {\r\n        this.player = player;\r\n        \r\n        // State\r\n        this.enabled = false;\r\n        this.desiredState = false;\r\n        \r\n        // Sources\r\n        this.src = player.options.audioDescriptionSrc;\r\n        this.sourceElement = null;\r\n        this.originalSource = null;\r\n        this.captionTracks = [];\r\n    }\r\n\r\n    /**\r\n     * Initialize audio description from source elements\r\n     * Called during player initialization\r\n     */\r\n    initFromSourceElements(sourceElements: Element[], trackElements: Element[]) {\r\n        // Check for source elements with audio description attributes\r\n        for (const sourceEl of sourceElements) {\r\n            const descSrc = sourceEl.getAttribute('data-desc-src');\r\n            const origSrc = sourceEl.getAttribute('data-orig-src');\r\n            \r\n            if (descSrc || origSrc) {\r\n                if (!this.sourceElement) {\r\n                    this.sourceElement = sourceEl;\r\n                }\r\n                \r\n                if (origSrc) {\r\n                    if (!this.originalSource) {\r\n                        this.originalSource = origSrc;\r\n                    }\r\n                    if (!this.player.originalSrc) {\r\n                        this.player.originalSrc = origSrc;\r\n                    }\r\n                } else {\r\n                    const currentSrcAttr = sourceEl.getAttribute('src');\r\n                    if (!this.originalSource && currentSrcAttr) {\r\n                        this.originalSource = currentSrcAttr;\r\n                    }\r\n                    if (!this.player.originalSrc && currentSrcAttr) {\r\n                        this.player.originalSrc = currentSrcAttr;\r\n                    }\r\n                }\r\n                \r\n                if (descSrc && !this.src) {\r\n                    this.src = descSrc;\r\n                }\r\n            }\r\n        }\r\n\r\n        // Check for text tracks with audio description versions\r\n        trackElements.forEach((trackEl: Element) => {\r\n            const trackKind = trackEl.getAttribute('kind');\r\n            const trackDescSrc = trackEl.getAttribute('data-desc-src');\r\n\r\n            if ((trackKind === 'captions' || trackKind === 'subtitles' ||\r\n                 trackKind === 'chapters' || trackKind === 'descriptions') &&\r\n                 trackDescSrc && trackEl instanceof HTMLTrackElement) {\r\n                this.captionTracks.push({\r\n                    trackElement: trackEl,\r\n                    originalSrc: trackEl.getAttribute('src'),\r\n                    describedSrc: trackDescSrc,\r\n                    originalTrackSrc: trackEl.getAttribute('data-orig-src') || trackEl.getAttribute('src'),\r\n                    explicit: true\r\n                });\r\n                this.player.log(`Found explicit described ${trackKind} track: ${trackEl.getAttribute('src')} -> ${trackDescSrc}`);\r\n            }\r\n        });\r\n    }\r\n\r\n    /**\r\n     * Check if audio description is available\r\n     */\r\n    isAvailable() {\r\n        const hasSourceElementsWithDesc = this.player.sourceElements.some(\r\n            (el: Element) => el.getAttribute('data-desc-src')\r\n        );\r\n        return Boolean(this.src || hasSourceElementsWithDesc || this.captionTracks.length > 0);\r\n    }\r\n\r\n    /**\r\n     * Enable audio description\r\n     */\r\n    async enable() {\r\n        const hasSourceElementsWithDesc = this.player.sourceElements.some(\r\n            (el: Element) => el.getAttribute('data-desc-src')\r\n        );\r\n        const hasTracksWithDesc = this.captionTracks.length > 0;\r\n        \r\n        if (!this.src && !hasSourceElementsWithDesc && !hasTracksWithDesc) {\r\n            console.warn('VidPly: No audio description source, source elements, or tracks provided');\r\n            return;\r\n        }\r\n\r\n        this.desiredState = true;\r\n\r\n        // Store current state for restoration\r\n        const currentTime = this.player.state.currentTime;\r\n        const wasPlaying = this.player.state.playing;\r\n        const posterValue = (this.player.element as HTMLVideoElement).poster || \r\n                           this.player.element.getAttribute('poster') || \r\n                           this.player.options.poster;\r\n        const shouldKeepPoster = currentTime < 0.1 && !wasPlaying;\r\n\r\n        // Get current caption text for synchronization\r\n        const currentCaptionText = this._getCurrentCaptionText();\r\n\r\n        // Switch to audio-described version based on what's available\r\n        if (this.sourceElement) {\r\n            // Use source element approach (data-desc-src on <source> elements)\r\n            await this._enableWithSourceElement(currentTime, wasPlaying, posterValue, shouldKeepPoster, currentCaptionText);\r\n        } else if (this.src) {\r\n            // Use direct src approach (audioDescriptionSrc option)\r\n            await this._enableWithDirectSrc(currentTime, wasPlaying, posterValue, shouldKeepPoster);\r\n        } else if (hasTracksWithDesc) {\r\n            // Only caption tracks with descriptions - swap tracks without changing video source\r\n            await this._swapCaptionTracks(true);\r\n            this.enabled = true;\r\n            this.player.emit('audiodescriptionenabled');\r\n        }\r\n        // If none of the above, we already returned at the top check\r\n    }\r\n\r\n    /**\r\n     * Disable audio description\r\n     */\r\n    async disable() {\r\n        this.desiredState = false;\r\n\r\n        // If we only had caption tracks (no video source swap), just swap tracks back\r\n        const hasTracksWithDesc = this.captionTracks.length > 0;\r\n        if (!this.sourceElement && !this.src && hasTracksWithDesc) {\r\n            await this._swapCaptionTracks(false);\r\n            this.enabled = false;\r\n            this.player.emit('audiodescriptiondisabled');\r\n            return;\r\n        }\r\n\r\n        if (!this.player.originalSrc) {\r\n            return;\r\n        }\r\n\r\n        // Store current state\r\n        const currentTime = this.player.state.currentTime;\r\n        const wasPlaying = this.player.state.playing;\r\n        const posterValue = (this.player.element as HTMLVideoElement).poster || \r\n                           this.player.element.getAttribute('poster') || \r\n                           this.player.options.poster;\r\n        const shouldKeepPoster = currentTime < 0.1 && !wasPlaying;\r\n\r\n        // Get current caption for sync\r\n        const currentCaptionText = this._getCurrentCaptionText();\r\n\r\n        if (this.sourceElement) {\r\n            await this._disableWithSourceElement(currentTime, wasPlaying, posterValue, shouldKeepPoster, currentCaptionText);\r\n        } else if (this.src) {\r\n            await this._disableWithDirectSrc(currentTime, wasPlaying, posterValue);\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Toggle audio description\r\n     */\r\n    async toggle() {\r\n        const descriptionTrack = this.player.findTextTrack('descriptions');\r\n        const hasAudioDescriptionSrc = this.isAvailable();\r\n        \r\n        if (descriptionTrack && !hasAudioDescriptionSrc) {\r\n            // Toggle description track playback\r\n            if (descriptionTrack.mode === 'showing') {\r\n                descriptionTrack.mode = 'hidden';\r\n                this.enabled = false;\r\n                this.player.emit('audiodescriptiondisabled');\r\n            } else {\r\n                descriptionTrack.mode = 'showing';\r\n                this.enabled = true;\r\n                this.player.emit('audiodescriptionenabled');\r\n            }\r\n        } else if (descriptionTrack && hasAudioDescriptionSrc) {\r\n            // Toggle both\r\n            if (this.enabled) {\r\n                this.desiredState = false;\r\n                await this.disable();\r\n            } else {\r\n                descriptionTrack.mode = 'showing';\r\n                this.desiredState = true;\r\n                await this.enable();\r\n            }\r\n        } else if (hasAudioDescriptionSrc) {\r\n            // Toggle source\r\n            if (this.enabled) {\r\n                this.desiredState = false;\r\n                await this.disable();\r\n            } else {\r\n                this.desiredState = true;\r\n                await this.enable();\r\n            }\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Get current caption text for synchronization\r\n     */\r\n    _getCurrentCaptionText() {\r\n        if (this.player.captionManager && \r\n            this.player.captionManager.currentTrack && \r\n            this.player.captionManager.currentCue) {\r\n            return this.player.captionManager.currentCue.text;\r\n        }\r\n        return null;\r\n    }\r\n\r\n    /**\r\n     * Validate that a track URL exists. Bounded by the player's lifecycle\r\n     * AbortController + an 8s timeout so a torn-down player cannot leak\r\n     * the request.\r\n     */\r\n    async _validateTrackExists(url: string): Promise<boolean> {\r\n        if (typeof url !== 'string' || !url) return false;\r\n        const signals: AbortSignal[] = [];\r\n        const lifecycle = (this.player as { lifecycleSignal?: AbortSignal }).lifecycleSignal;\r\n        if (lifecycle) signals.push(lifecycle);\r\n        if (typeof AbortSignal !== 'undefined' && typeof AbortSignal.timeout === 'function') {\r\n            signals.push(AbortSignal.timeout(8000));\r\n        }\r\n        let signal: AbortSignal | undefined;\r\n        if (signals.length === 1) signal = signals[0];\r\n        else if (signals.length > 1) {\r\n            const anyFn = (AbortSignal as { any?: (s: AbortSignal[]) => AbortSignal }).any;\r\n            signal = anyFn ? anyFn(signals) : signals[0];\r\n        }\r\n        try {\r\n            const response = await fetch(url, { method: 'HEAD', signal });\r\n            return response.ok;\r\n        } catch {\r\n            return false;\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Swap caption tracks to described versions\r\n     */\r\n    async _swapCaptionTracks(toDescribed = true) {\r\n        if (this.captionTracks.length === 0) return [];\r\n\r\n        const swappedTracks: CaptionTrackInfo[] = [];\r\n        \r\n        const validationPromises = this.captionTracks.map(async (trackInfo) => {\r\n            if (trackInfo.trackElement && trackInfo.describedSrc) {\r\n                if (trackInfo.explicit === true) {\r\n                    const url = toDescribed ? trackInfo.describedSrc : trackInfo.originalSrc;\r\n                    if (!url) return { trackInfo, exists: false };\r\n                    try {\r\n                        const exists = await this._validateTrackExists(url);\r\n                        return { trackInfo, exists };\r\n                    } catch {\r\n                        return { trackInfo, exists: false };\r\n                    }\r\n                }\r\n            }\r\n            return { trackInfo, exists: false };\r\n        });\r\n        \r\n        const validationResults = await Promise.all(validationPromises);\r\n        const tracksToSwap = validationResults.filter(result => result.exists);\r\n        \r\n        if (tracksToSwap.length > 0) {\r\n            // Store track modes before removing\r\n            const trackModes = new Map();\r\n            tracksToSwap.forEach(({ trackInfo }) => {\r\n                const textTrack = trackInfo.trackElement.track;\r\n                if (textTrack) {\r\n                    trackModes.set(trackInfo, {\r\n                        wasShowing: textTrack.mode === 'showing',\r\n                        wasHidden: textTrack.mode === 'hidden'\r\n                    });\r\n                } else {\r\n                    trackModes.set(trackInfo, { wasShowing: false, wasHidden: false });\r\n                }\r\n            });\r\n            \r\n            // Store track info and remove\r\n            const tracksToReadd = tracksToSwap.map(({ trackInfo }) => {\r\n                const attributes: Record<string, string> = {};\r\n                Array.from(trackInfo.trackElement.attributes).forEach((attr: Attr) => {\r\n                    attributes[attr.name] = attr.value;\r\n                });\r\n                \r\n                const result = {\r\n                    trackInfo,\r\n                    oldSrc: trackInfo.trackElement.getAttribute('src'),\r\n                    parent: trackInfo.trackElement.parentNode,\r\n                    nextSibling: trackInfo.trackElement.nextSibling,\r\n                    attributes\r\n                };\r\n                \r\n                trackInfo.trackElement.remove();\r\n                return result;\r\n            });\r\n            \r\n            // Force browser to process removal\r\n            this.player.element.load();\r\n            \r\n            // Re-add tracks with new src. Use a managed timeout so the swap\r\n            // is cancelled (and won't mutate a torn-down player) on destroy.\r\n            await new Promise<void>(resolve => {\r\n                this.player.setManagedTimeout(() => {\r\n                    tracksToReadd.forEach(({ trackInfo, parent, nextSibling, attributes }) => {\r\n                        const newSrc = toDescribed ? trackInfo.describedSrc : trackInfo.originalSrc;\r\n                        if (!newSrc) {\r\n                            // Skip tracks without a usable src; no swap can occur.\r\n                            return;\r\n                        }\r\n                        swappedTracks.push(trackInfo);\r\n\r\n                        const newTrackElement = document.createElement('track');\r\n                        newTrackElement.setAttribute('src', newSrc);\r\n                        \r\n                        Object.keys(attributes).forEach(attrName => {\r\n                            const attrValue = attributes[attrName];\r\n                            if (attrName !== 'src' && attrName !== 'data-desc-src' && attrValue !== undefined) {\r\n                                newTrackElement.setAttribute(attrName, attrValue);\r\n                            }\r\n                        });\r\n                        \r\n                        // Use the player's video element as parent if the original parent is null\r\n                        const targetParent = parent || this.player.element;\r\n                        \r\n                        if (nextSibling && nextSibling.parentNode) {\r\n                            targetParent.insertBefore(newTrackElement, nextSibling);\r\n                        } else {\r\n                            targetParent.appendChild(newTrackElement);\r\n                        }\r\n                        \r\n                        trackInfo.trackElement = newTrackElement;\r\n                    });\r\n                    \r\n                    this.player.invalidateTrackCache();\r\n                    \r\n                    // Setup new tracks\r\n                    const setupNewTracks = () => {\r\n                        this.player.setManagedTimeout(() => {\r\n                            swappedTracks.forEach((trackInfo) => {\r\n                                const trackElement = trackInfo.trackElement;\r\n                                const newTextTrack = trackElement.track;\r\n                                if (newTextTrack) {\r\n                                    const modeInfo = trackModes.get(trackInfo) || { wasShowing: false, wasHidden: false };\r\n                                    newTextTrack.mode = 'hidden';\r\n\r\n                                    const restoreMode = () => {\r\n                                        if (modeInfo.wasShowing || modeInfo.wasHidden) {\r\n                                            newTextTrack.mode = 'hidden';\r\n                                        } else {\r\n                                            newTextTrack.mode = 'disabled';\r\n                                        }\r\n                                    };\r\n\r\n                                    // `readyState` and the `load`/`error`\r\n                                    // events live on `<track>`, not on\r\n                                    // the underlying TextTrack object.\r\n                                    if (trackElement.readyState >= 2) {\r\n                                        restoreMode();\r\n                                    } else {\r\n                                        trackElement.addEventListener('load', restoreMode, { once: true });\r\n                                        trackElement.addEventListener('error', restoreMode, { once: true });\r\n                                    }\r\n                                }\r\n                            });\r\n                        }, 300);\r\n                    };\r\n                    \r\n                    if (this.player.element.readyState >= 1) {\r\n                        this.player.setManagedTimeout(setupNewTracks, 200);\r\n                    } else {\r\n                        this.player.element.addEventListener('loadedmetadata', setupNewTracks, { once: true });\r\n                        this.player.setManagedTimeout(setupNewTracks, 2000);\r\n                    }\r\n                    \r\n                    resolve();\r\n                }, 100);\r\n            });\r\n        }\r\n        \r\n        return swappedTracks;\r\n    }\r\n\r\n    /**\r\n     * Update source elements to described versions\r\n     */\r\n    _updateSourceElements(toDescribed = true) {\r\n        const sourceElements = this.player.sourceElements;\r\n        const sourcesToUpdate: Array<{ src: string | null; type: string | null; origSrc: string | null; descSrc: string | null }> = [];\r\n        \r\n        sourceElements.forEach((sourceEl: Element) => {\r\n            const descSrcAttr = sourceEl.getAttribute('data-desc-src');\r\n            const currentSrc = sourceEl.getAttribute('src');\r\n            \r\n            if (descSrcAttr) {\r\n                const type = sourceEl.getAttribute('type');\r\n                const origSrc = sourceEl.getAttribute('data-orig-src') || currentSrc;\r\n                \r\n                sourcesToUpdate.push({\r\n                    src: toDescribed ? descSrcAttr : origSrc,\r\n                    type,\r\n                    origSrc,\r\n                    descSrc: descSrcAttr\r\n                });\r\n            } else {\r\n                sourcesToUpdate.push({\r\n                    src: sourceEl.getAttribute('src'),\r\n                    type: sourceEl.getAttribute('type'),\r\n                    origSrc: null,\r\n                    descSrc: null\r\n                });\r\n            }\r\n        });\r\n        \r\n        // Remove src attribute if present\r\n        if (this.player.element.hasAttribute('src')) {\r\n            this.player.element.removeAttribute('src');\r\n        }\r\n        \r\n        // Remove all source elements\r\n        sourceElements.forEach((sourceEl: Element) => sourceEl.remove());\r\n        \r\n        // Re-add with updated src\r\n        sourcesToUpdate.forEach((sourceInfo) => {\r\n            if (!sourceInfo.src) {\r\n                return;\r\n            }\r\n            const newSource = document.createElement('source');\r\n            newSource.setAttribute('src', sourceInfo.src);\r\n            if (sourceInfo.type) {\r\n                newSource.setAttribute('type', sourceInfo.type);\r\n            }\r\n            if (sourceInfo.origSrc) {\r\n                newSource.setAttribute('data-orig-src', sourceInfo.origSrc);\r\n            }\r\n            if (sourceInfo.descSrc) {\r\n                newSource.setAttribute('data-desc-src', sourceInfo.descSrc);\r\n            }\r\n            \r\n            const firstTrack = this.player.element.querySelector('track');\r\n            if (firstTrack) {\r\n                this.player.element.insertBefore(newSource, firstTrack);\r\n            } else {\r\n                this.player.element.appendChild(newSource);\r\n            }\r\n        });\r\n        \r\n        this.player._sourceElementsDirty = true;\r\n        this.player._sourceElementsCache = null;\r\n    }\r\n\r\n    /**\r\n     * Wait for media to be ready\r\n     */\r\n    async _waitForMediaReady(needSeek = false) {\r\n        // Wait for metadata\r\n        await new Promise<void>((resolve) => {\r\n            if (this.player.element.readyState >= 1) {\r\n                resolve();\r\n            } else {\r\n                const onLoad = () => {\r\n                    this.player.element.removeEventListener('loadedmetadata', onLoad);\r\n                    resolve();\r\n                };\r\n                this.player.element.addEventListener('loadedmetadata', onLoad);\r\n            }\r\n        });\r\n        \r\n        // Wait for tracks\r\n        await new Promise(resolve => setTimeout(resolve, 300));\r\n        \r\n        // Wait for playback if needed\r\n        if (needSeek) {\r\n            await new Promise<void>((resolve) => {\r\n                if (this.player.element.readyState >= 3) {\r\n                    resolve();\r\n                } else {\r\n                    const onCanPlay = () => {\r\n                        this.player.element.removeEventListener('canplay', onCanPlay);\r\n                        this.player.element.removeEventListener('canplaythrough', onCanPlay);\r\n                        resolve();\r\n                    };\r\n                    this.player.element.addEventListener('canplay', onCanPlay, { once: true });\r\n                    this.player.element.addEventListener('canplaythrough', onCanPlay, { once: true });\r\n                    setTimeout(() => {\r\n                        this.player.element.removeEventListener('canplay', onCanPlay);\r\n                        this.player.element.removeEventListener('canplaythrough', onCanPlay);\r\n                        resolve();\r\n                    }, 3000);\r\n                }\r\n            });\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Restore playback state after source change\r\n     */\r\n    async _restorePlaybackState(currentTime: number, wasPlaying: boolean, shouldKeepPoster: boolean, currentCaptionText: string | null) {\r\n        // Try to find matching caption for sync\r\n        let syncTime = currentTime;\r\n        if (currentCaptionText && this.player.captionManager && this.player.captionManager.tracks.length > 0) {\r\n            await new Promise(resolve => setTimeout(resolve, 500));\r\n            const matchingTime = this.player.findMatchingCaptionTime(\r\n                currentCaptionText, \r\n                this.player.captionManager.tracks\r\n            );\r\n            if (matchingTime !== null) {\r\n                syncTime = matchingTime;\r\n                if (this.player.options.debug) {\r\n                    this.player.log(`[VidPly] Syncing via caption: ${currentTime}s -> ${syncTime}s`);\r\n                }\r\n            }\r\n        }\r\n        \r\n        // Seek\r\n        if (syncTime > 0) {\r\n            this.player.seek(syncTime);\r\n            await new Promise(resolve => setTimeout(resolve, 100));\r\n        }\r\n        \r\n        // Play/pause\r\n        if (wasPlaying) {\r\n            await this.player.play();\r\n            this.player.setManagedTimeout(() => {\r\n                this.player.hidePosterOverlay();\r\n            }, 100);\r\n        } else {\r\n            this.player.pause();\r\n            if (!shouldKeepPoster) {\r\n                this.player.hidePosterOverlay();\r\n            }\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Enable with source element method\r\n     */\r\n    async _enableWithSourceElement(currentTime: number, wasPlaying: boolean, posterValue: string | null, shouldKeepPoster: boolean, currentCaptionText: string | null) {\r\n        // Swap caption tracks\r\n        await this._swapCaptionTracks(true);\r\n        \r\n        // Update source elements\r\n        this._updateSourceElements(true);\r\n        \r\n        // Preserve poster\r\n        if (posterValue && this.player.element.tagName === 'VIDEO') {\r\n            (this.player.element as HTMLVideoElement).poster = posterValue;\r\n        }\r\n        \r\n        // Reload\r\n        this.player.element.load();\r\n        \r\n        // Wait for ready\r\n        await this._waitForMediaReady(currentTime > 0 || wasPlaying);\r\n        \r\n        // Restore playback\r\n        await this._restorePlaybackState(currentTime, wasPlaying, shouldKeepPoster, currentCaptionText);\r\n        \r\n        // Update state\r\n        if (!this.desiredState) return;\r\n        this.enabled = true;\r\n        this.player.state.audioDescriptionEnabled = true;\r\n        this.player.emit('audiodescriptionenabled');\r\n        \r\n        // Reload transcript if visible\r\n        this._reloadTranscript();\r\n    }\r\n\r\n    /**\r\n     * Enable with direct src method\r\n     */\r\n    async _enableWithDirectSrc(currentTime: number, wasPlaying: boolean, posterValue: string | null, shouldKeepPoster: boolean) {\r\n        // Swap caption tracks\r\n        await this._swapCaptionTracks(true);\r\n        \r\n        // Set poster\r\n        if (posterValue && this.player.element.tagName === 'VIDEO') {\r\n            (this.player.element as HTMLVideoElement).poster = posterValue;\r\n        }\r\n        \r\n        // Set src (this method should only be called when this.src exists)\r\n        if (!this.src) return;\r\n        this.player.element.src = this.src;\r\n        \r\n        // Wait and restore\r\n        await this._waitForMediaReady(currentTime > 0 || wasPlaying);\r\n        \r\n        if (currentTime > 0) {\r\n            this.player.seek(currentTime);\r\n            await new Promise(resolve => setTimeout(resolve, 100));\r\n        }\r\n        \r\n        if (wasPlaying) {\r\n            await this.player.play();\r\n        } else {\r\n            this.player.pause();\r\n            if (!shouldKeepPoster) {\r\n                this.player.hidePosterOverlay();\r\n            }\r\n        }\r\n        \r\n        if (!this.desiredState) return;\r\n        this.enabled = true;\r\n        this.player.state.audioDescriptionEnabled = true;\r\n        this.player.emit('audiodescriptionenabled');\r\n        \r\n        // Reload transcript if visible\r\n        this._reloadTranscript();\r\n    }\r\n\r\n    /**\r\n     * Disable with source element method\r\n     */\r\n    async _disableWithSourceElement(currentTime: number, wasPlaying: boolean, posterValue: string | null, shouldKeepPoster: boolean, currentCaptionText: string | null) {\r\n        // Swap caption tracks back\r\n        await this._swapCaptionTracks(false);\r\n        \r\n        // Update source elements\r\n        this._updateSourceElements(false);\r\n        \r\n        // Preserve poster\r\n        if (posterValue && this.player.element.tagName === 'VIDEO') {\r\n            (this.player.element as HTMLVideoElement).poster = posterValue;\r\n        }\r\n        \r\n        // Reload\r\n        this.player.element.load();\r\n        this.player.invalidateTrackCache();\r\n        \r\n        // Wait for ready\r\n        await this._waitForMediaReady(currentTime > 0 || wasPlaying);\r\n        \r\n        // Restore playback\r\n        await this._restorePlaybackState(currentTime, wasPlaying, shouldKeepPoster, currentCaptionText);\r\n        \r\n        // Reinitialize caption manager\r\n        if (this.player.captionManager) {\r\n            this.player.captionManager.destroy();\r\n            this.player.captionManager = new CaptionManager(this.player);\r\n        }\r\n        \r\n        // Update state\r\n        if (this.desiredState) return;\r\n        this.enabled = false;\r\n        this.player.state.audioDescriptionEnabled = false;\r\n        this.player.emit('audiodescriptiondisabled');\r\n        \r\n        // Reload transcript if visible\r\n        this._reloadTranscript();\r\n    }\r\n\r\n    /**\r\n     * Disable with direct src method\r\n     */\r\n    async _disableWithDirectSrc(currentTime: number, wasPlaying: boolean, posterValue: string | null) {\r\n        // Swap caption tracks back\r\n        await this._swapCaptionTracks(false);\r\n        \r\n        // Set poster\r\n        if (posterValue && this.player.element.tagName === 'VIDEO') {\r\n            (this.player.element as HTMLVideoElement).poster = posterValue;\r\n        }\r\n        \r\n        // Restore original src\r\n        const originalSrcToUse = this.originalSource || this.player.originalSrc;\r\n        if (!originalSrcToUse) {\r\n            return;\r\n        }\r\n        this.player.element.src = originalSrcToUse;\r\n        this.player.element.load();\r\n        \r\n        // Wait and restore\r\n        await this._waitForMediaReady(currentTime > 0 || wasPlaying);\r\n        \r\n        if (currentTime > 0) {\r\n            this.player.seek(currentTime);\r\n        }\r\n        \r\n        if (wasPlaying) {\r\n            await this.player.play();\r\n        }\r\n        \r\n        if (this.desiredState) return;\r\n        this.enabled = false;\r\n        this.player.state.audioDescriptionEnabled = false;\r\n        this.player.emit('audiodescriptiondisabled');\r\n        \r\n        // Reload transcript if visible\r\n        this._reloadTranscript();\r\n    }\r\n\r\n    /**\r\n     * Reload transcript after audio description state change\r\n     */\r\n    _reloadTranscript() {\r\n        if (this.player.transcriptManager && this.player.transcriptManager.isVisible) {\r\n            // Wait for tracks to load after source swap\r\n            this.player.setManagedTimeout(() => {\r\n                if (this.player.transcriptManager && this.player.transcriptManager.loadTranscriptData) {\r\n                    this.player.transcriptManager.loadTranscriptData();\r\n                }\r\n            }, 800);\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Update sources (called when playlist changes)\r\n     */\r\n    updateSources(audioDescriptionSrc: string | null | undefined) {\r\n        this.src = audioDescriptionSrc || null;\r\n        // Reset state for new playlist item\r\n        this.enabled = false;\r\n        this.desiredState = false;\r\n        this.sourceElement = null;\r\n        this.originalSource = null;\r\n        this.captionTracks = [];\r\n    }\r\n    \r\n    /**\r\n     * Reinitialize from current player elements (called after playlist loads new tracks)\r\n     */\r\n    reinitialize() {\r\n        this.player.invalidateTrackCache();\r\n        this.initFromSourceElements(this.player.sourceElements, this.player.trackElements);\r\n    }\r\n\r\n    /**\r\n     * Cleanup\r\n     */\r\n    destroy() {\r\n        this.enabled = false;\r\n        this.desiredState = false;\r\n        this.captionTracks = [];\r\n        this.sourceElement = null;\r\n        this.originalSource = null;\r\n    }\r\n}\r\n\r\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/dev/vidply.CaptionStyleMenu-7XHRBWUM.js

@@ -0,0 +1,300 @@
+/*!
+ * VidPly v1.2.0 - Universal, Accessible Video Player
+ * (c) 2026 Matthias Peltzer
+ * Released under GPL-2.0-or-later License
+ */
+import {
+  focusFirstElement
+} from "./vidply.chunk-VMSQAZM7.js";
+import {
+  DOMUtils,
+  i18n
+} from "./vidply.chunk-RZWZGDV7.js";
+
+// src/controls/CaptionStyleMenu.ts
+function captionStylePropertyName(property) {
+  const stripped = property.replace("captions", "");
+  return stripped.charAt(0).toLowerCase() + stripped.slice(1);
+}
+function createStyleControl(player, label, property, options) {
+  const group = DOMUtils.createElement("div", {
+    className: `${player.options.classPrefix}-style-group`
+  });
+  const controlId = `${player.options.classPrefix}-${property}-${Date.now()}`;
+  const labelEl = DOMUtils.createElement("label", {
+    textContent: label,
+    attributes: {
+      "for": controlId
+    },
+    style: {
+      display: "block",
+      fontSize: "12px",
+      marginBottom: "4px",
+      color: "rgba(255,255,255,0.7)"
+    }
+  });
+  group.appendChild(labelEl);
+  const select = DOMUtils.createElement("select", {
+    className: `${player.options.classPrefix}-style-select`,
+    attributes: {
+      "id": controlId
+    },
+    style: {
+      width: "100%",
+      padding: "6px",
+      background: "var(--vidply-white)",
+      border: "1px solid var(--vidply-white-10)",
+      borderRadius: "4px",
+      color: "var(--vidply-black)",
+      fontSize: "13px"
+    }
+  });
+  const currentValue = player.options[property];
+  options.forEach((opt) => {
+    const option = DOMUtils.createElement("option", {
+      textContent: opt.label,
+      attributes: { value: opt.value }
+    });
+    if (opt.value === currentValue) {
+      option.selected = true;
+    }
+    select.appendChild(option);
+  });
+  select.addEventListener("mousedown", (e) => {
+    e.stopPropagation();
+  });
+  select.addEventListener("click", (e) => {
+    e.stopPropagation();
+  });
+  select.addEventListener("change", (e) => {
+    e.stopPropagation();
+    player.options[property] = e.target.value;
+    if (player.captionManager) {
+      player.captionManager.setCaptionStyle(
+        captionStylePropertyName(property),
+        e.target.value
+      );
+    }
+  });
+  group.appendChild(select);
+  return group;
+}
+function createColorControl(player, label, property) {
+  const group = DOMUtils.createElement("div", {
+    className: `${player.options.classPrefix}-style-group`
+  });
+  const controlId = `${player.options.classPrefix}-${property}-${Date.now()}`;
+  const labelEl = DOMUtils.createElement("label", {
+    textContent: label,
+    attributes: {
+      "for": controlId
+    },
+    style: {
+      display: "block",
+      fontSize: "12px",
+      marginBottom: "4px",
+      color: "rgba(255,255,255,0.7)"
+    }
+  });
+  group.appendChild(labelEl);
+  const input = DOMUtils.createElement("input", {
+    attributes: {
+      "id": controlId,
+      type: "color",
+      value: String(player.options[property] ?? "")
+    },
+    style: {
+      width: "100%",
+      height: "32px",
+      padding: "2px",
+      background: "rgba(255,255,255,0.1)",
+      border: "1px solid rgba(255,255,255,0.2)",
+      borderRadius: "4px",
+      cursor: "pointer"
+    }
+  });
+  input.addEventListener("mousedown", (e) => {
+    e.stopPropagation();
+  });
+  input.addEventListener("click", (e) => {
+    e.stopPropagation();
+  });
+  input.addEventListener("change", (e) => {
+    e.stopPropagation();
+    player.options[property] = e.target.value;
+    if (player.captionManager) {
+      player.captionManager.setCaptionStyle(
+        captionStylePropertyName(property),
+        e.target.value
+      );
+    }
+  });
+  group.appendChild(input);
+  return group;
+}
+function createOpacityControl(player, label, property) {
+  const group = DOMUtils.createElement("div", {
+    className: `${player.options.classPrefix}-style-group`
+  });
+  const controlId = `${player.options.classPrefix}-${property}-${Date.now()}`;
+  const labelContainer = DOMUtils.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "space-between",
+      marginBottom: "4px"
+    }
+  });
+  const labelEl = DOMUtils.createElement("label", {
+    textContent: label,
+    attributes: {
+      "for": controlId
+    },
+    style: {
+      fontSize: "12px",
+      color: "rgba(255,255,255,0.7)"
+    }
+  });
+  const valueEl = DOMUtils.createElement("span", {
+    textContent: Math.round(Number(player.options[property] ?? 0) * 100) + "%",
+    style: {
+      fontSize: "12px",
+      color: "rgba(255,255,255,0.7)"
+    }
+  });
+  labelContainer.appendChild(labelEl);
+  labelContainer.appendChild(valueEl);
+  group.appendChild(labelContainer);
+  const input = DOMUtils.createElement("input", {
+    attributes: {
+      "id": controlId,
+      type: "range",
+      min: "0",
+      max: "1",
+      step: "0.1",
+      value: String(player.options[property])
+    },
+    style: {
+      width: "100%",
+      cursor: "pointer"
+    }
+  });
+  input.addEventListener("mousedown", (e) => {
+    e.stopPropagation();
+  });
+  input.addEventListener("click", (e) => {
+    e.stopPropagation();
+  });
+  input.addEventListener("input", (e) => {
+    e.stopPropagation();
+    const value = parseFloat(e.target.value);
+    valueEl.textContent = Math.round(value * 100) + "%";
+    player.options[property] = value;
+    if (player.captionManager) {
+      player.captionManager.setCaptionStyle(
+        captionStylePropertyName(property),
+        value
+      );
+    }
+  });
+  group.appendChild(input);
+  return group;
+}
+function showCaptionStyleMenu(controlBar, button) {
+  const player = controlBar.player;
+  const existingMenu = document.querySelector(`.${player.options.classPrefix}-caption-style-menu`);
+  if (existingMenu) {
+    existingMenu.remove();
+    button.setAttribute("aria-expanded", "false");
+    if (controlBar.openMenu === existingMenu) {
+      controlBar.openMenu = null;
+      controlBar.openMenuButton = null;
+    }
+    return;
+  }
+  const menuLabelId = `${player.options.classPrefix}-caption-style-label-${player.instanceId || ""}`;
+  const menu = DOMUtils.createElement("div", {
+    className: `${player.options.classPrefix}-caption-style-menu ${player.options.classPrefix}-menu ${player.options.classPrefix}-settings-menu`,
+    attributes: {
+      "role": "dialog",
+      "aria-modal": "false",
+      "aria-labelledby": menuLabelId
+    }
+  });
+  const visuallyHiddenLabel = DOMUtils.createElement("h2", {
+    textContent: i18n.t("player.captionStyling"),
+    attributes: { id: menuLabelId, class: `${player.options.classPrefix}-sr-only` },
+    style: {
+      position: "absolute",
+      width: "1px",
+      height: "1px",
+      padding: "0",
+      margin: "-1px",
+      overflow: "hidden",
+      clip: "rect(0,0,0,0)",
+      whiteSpace: "nowrap",
+      border: "0"
+    }
+  });
+  menu.appendChild(visuallyHiddenLabel);
+  menu.addEventListener("click", (e) => {
+    e.stopPropagation();
+  });
+  if (!player.captionManager || player.captionManager.tracks.length === 0) {
+    const noTracksItem = DOMUtils.createElement("div", {
+      className: `${player.options.classPrefix}-menu-item`,
+      textContent: i18n.t("player.noCaptions"),
+      attributes: {
+        "role": "status"
+      },
+      style: { opacity: "0.5", cursor: "default", padding: "12px 16px" }
+    });
+    menu.appendChild(noTracksItem);
+    menu.style.visibility = "hidden";
+    menu.style.display = "block";
+    controlBar.insertMenuIntoDOM(menu, button);
+    controlBar.positionMenu(menu, button, true);
+    requestAnimationFrame(() => {
+      menu.style.visibility = "visible";
+    });
+    controlBar.attachMenuCloseHandler(menu, button, true);
+    return;
+  }
+  menu.appendChild(createStyleControl(
+    player,
+    i18n.t("styleLabels.fontSize"),
+    "captionsFontSize",
+    [
+      { label: i18n.t("fontSizes.small"), value: "87.5%" },
+      { label: i18n.t("fontSizes.normal"), value: "100%" },
+      { label: i18n.t("fontSizes.large"), value: "125%" },
+      { label: i18n.t("fontSizes.xlarge"), value: "150%" }
+    ]
+  ));
+  menu.appendChild(createStyleControl(
+    player,
+    i18n.t("styleLabels.font"),
+    "captionsFontFamily",
+    [
+      { label: i18n.t("fontFamilies.sansSerif"), value: "sans-serif" },
+      { label: i18n.t("fontFamilies.serif"), value: "serif" },
+      { label: i18n.t("fontFamilies.monospace"), value: "monospace" }
+    ]
+  ));
+  menu.appendChild(createColorControl(player, i18n.t("styleLabels.textColor"), "captionsColor"));
+  menu.appendChild(createColorControl(player, i18n.t("styleLabels.background"), "captionsBackgroundColor"));
+  menu.appendChild(createOpacityControl(player, i18n.t("styleLabels.opacity"), "captionsOpacity"));
+  menu.style.minWidth = "220px";
+  menu.style.visibility = "hidden";
+  menu.style.display = "block";
+  controlBar.insertMenuIntoDOM(menu, button);
+  controlBar.positionMenu(menu, button, true);
+  requestAnimationFrame(() => {
+    menu.style.visibility = "visible";
+  });
+  controlBar.attachMenuCloseHandler(menu, button, true);
+  focusFirstElement(menu, `.${player.options.classPrefix}-style-select`);
+}
+export {
+  showCaptionStyleMenu
+};
+//# sourceMappingURL=vidply.CaptionStyleMenu-7XHRBWUM.js.map

package/dist/dev/vidply.CaptionStyleMenu-7XHRBWUM.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/controls/CaptionStyleMenu.ts"],
+  "sourcesContent": ["/**\n * Caption-style menu (font size/family, text & background color, opacity).\n *\n * Extracted from ControlBar and loaded on demand via dynamic import() so the\n * builder code for this relatively rarely-opened panel is not part of the\n * always-loaded core bundle. ControlBar.showCaptionStyleMenu() awaits this\n * module the first time the panel is opened.\n */\n\nimport { DOMUtils } from '../utils/DOMUtils.js';\nimport { i18n } from '../i18n/i18n.js';\nimport { focusFirstElement } from '../utils/FocusUtils.js';\nimport type { ControlBar } from './ControlBar.js';\nimport type { Player } from '../core/Player.js';\n\nfunction captionStylePropertyName(property: string): string {\n    const stripped = property.replace('captions', '');\n    return stripped.charAt(0).toLowerCase() + stripped.slice(1);\n}\n\nfunction createStyleControl(\n    player: Player,\n    label: string,\n    property: string,\n    options: Array<{ label: string; value: string }>\n): HTMLElement {\n    const group = DOMUtils.createElement('div', {\n        className: `${player.options.classPrefix}-style-group`\n    });\n\n    const controlId = `${player.options.classPrefix}-${property}-${Date.now()}`;\n\n    const labelEl = DOMUtils.createElement('label', {\n        textContent: label,\n        attributes: {\n            'for': controlId\n        },\n        style: {\n            display: 'block',\n            fontSize: '12px',\n            marginBottom: '4px',\n            color: 'rgba(255,255,255,0.7)'\n        }\n    });\n    group.appendChild(labelEl);\n\n    const select = DOMUtils.createElement('select', {\n        className: `${player.options.classPrefix}-style-select`,\n        attributes: {\n            'id': controlId\n        },\n        style: {\n            width: '100%',\n            padding: '6px',\n            background: 'var(--vidply-white)',\n            border: '1px solid var(--vidply-white-10)',\n            borderRadius: '4px',\n            color: 'var(--vidply-black)',\n            fontSize: '13px'\n        }\n    });\n\n    const currentValue = player.options[property];\n    options.forEach((opt) => {\n        const option = DOMUtils.createElement('option', {\n            textContent: opt.label,\n            attributes: { value: opt.value }\n        });\n        if (opt.value === currentValue) {\n            (option as HTMLOptionElement).selected = true;\n        }\n        select.appendChild(option);\n    });\n\n    select.addEventListener('mousedown', (e) => {\n        e.stopPropagation();\n    });\n\n    select.addEventListener('click', (e) => {\n        e.stopPropagation();\n    });\n\n    select.addEventListener('change', (e) => {\n        e.stopPropagation();\n        player.options[property] = (e.target as HTMLSelectElement).value;\n        if (player.captionManager) {\n            player.captionManager.setCaptionStyle(\n                captionStylePropertyName(property),\n                (e.target as HTMLSelectElement).value\n            );\n        }\n    });\n\n    group.appendChild(select);\n    return group;\n}\n\nfunction createColorControl(player: Player, label: string, property: string): HTMLElement {\n    const group = DOMUtils.createElement('div', {\n        className: `${player.options.classPrefix}-style-group`\n    });\n\n    const controlId = `${player.options.classPrefix}-${property}-${Date.now()}`;\n\n    const labelEl = DOMUtils.createElement('label', {\n        textContent: label,\n        attributes: {\n            'for': controlId\n        },\n        style: {\n            display: 'block',\n            fontSize: '12px',\n            marginBottom: '4px',\n            color: 'rgba(255,255,255,0.7)'\n        }\n    });\n    group.appendChild(labelEl);\n\n    const input = DOMUtils.createElement('input', {\n        attributes: {\n            'id': controlId,\n            type: 'color',\n            value: String(player.options[property] ?? '')\n        },\n        style: {\n            width: '100%',\n            height: '32px',\n            padding: '2px',\n            background: 'rgba(255,255,255,0.1)',\n            border: '1px solid rgba(255,255,255,0.2)',\n            borderRadius: '4px',\n            cursor: 'pointer'\n        }\n    });\n\n    input.addEventListener('mousedown', (e) => {\n        e.stopPropagation();\n    });\n\n    input.addEventListener('click', (e) => {\n        e.stopPropagation();\n    });\n\n    input.addEventListener('change', (e) => {\n        e.stopPropagation();\n        player.options[property] = (e.target as HTMLInputElement).value;\n        if (player.captionManager) {\n            player.captionManager.setCaptionStyle(\n                captionStylePropertyName(property),\n                (e.target as HTMLInputElement).value\n            );\n        }\n    });\n\n    group.appendChild(input);\n    return group;\n}\n\nfunction createOpacityControl(player: Player, label: string, property: string): HTMLElement {\n    const group = DOMUtils.createElement('div', {\n        className: `${player.options.classPrefix}-style-group`\n    });\n\n    const controlId = `${player.options.classPrefix}-${property}-${Date.now()}`;\n\n    const labelContainer = DOMUtils.createElement('div', {\n        style: {\n            display: 'flex',\n            justifyContent: 'space-between',\n            marginBottom: '4px'\n        }\n    });\n\n    const labelEl = DOMUtils.createElement('label', {\n        textContent: label,\n        attributes: {\n            'for': controlId\n        },\n        style: {\n            fontSize: '12px',\n            color: 'rgba(255,255,255,0.7)'\n        }\n    });\n\n    const valueEl = DOMUtils.createElement('span', {\n        textContent: Math.round(Number(player.options[property] ?? 0) * 100) + '%',\n        style: {\n            fontSize: '12px',\n            color: 'rgba(255,255,255,0.7)'\n        }\n    });\n\n    labelContainer.appendChild(labelEl);\n    labelContainer.appendChild(valueEl);\n    group.appendChild(labelContainer);\n\n    const input = DOMUtils.createElement('input', {\n        attributes: {\n            'id': controlId,\n            type: 'range',\n            min: '0',\n            max: '1',\n            step: '0.1',\n            value: String(player.options[property])\n        },\n        style: {\n            width: '100%',\n            cursor: 'pointer'\n        }\n    });\n\n    input.addEventListener('mousedown', (e) => {\n        e.stopPropagation();\n    });\n\n    input.addEventListener('click', (e) => {\n        e.stopPropagation();\n    });\n\n    input.addEventListener('input', (e) => {\n        e.stopPropagation();\n        const value = parseFloat((e.target as HTMLInputElement).value);\n        valueEl.textContent = Math.round(value * 100) + '%';\n        player.options[property] = value;\n        if (player.captionManager) {\n            player.captionManager.setCaptionStyle(\n                captionStylePropertyName(property),\n                value\n            );\n        }\n    });\n\n    group.appendChild(input);\n    return group;\n}\n\n/**\n * Build and show the caption-style dialog for the given ControlBar. Mirrors\n * the toggle/positioning behavior of the other ControlBar menus by delegating\n * back to the ControlBar's shared DOM-insertion / positioning / close helpers.\n */\nexport function showCaptionStyleMenu(controlBar: ControlBar, button: HTMLElement): void {\n    const player = controlBar.player;\n\n    // Remove existing menu if any (toggle behavior)\n    const existingMenu = document.querySelector(`.${player.options.classPrefix}-caption-style-menu`);\n    if (existingMenu) {\n        existingMenu.remove();\n        button.setAttribute('aria-expanded', 'false');\n        if (controlBar.openMenu === existingMenu) {\n            controlBar.openMenu = null;\n            controlBar.openMenuButton = null;\n        }\n        return;\n    }\n\n    // The caption-style panel contains form controls (selects, color\n    // inputs, sliders), not single-action menuitems. Modeling it as a\n    // dialog yields correct semantics for AT and matches the\n    // SettingsDialog pattern.\n    const menuLabelId = `${player.options.classPrefix}-caption-style-label-${player.instanceId || ''}`;\n    const menu = DOMUtils.createElement('div', {\n        className: `${player.options.classPrefix}-caption-style-menu ${player.options.classPrefix}-menu ${player.options.classPrefix}-settings-menu`,\n        attributes: {\n            'role': 'dialog',\n            'aria-modal': 'false',\n            'aria-labelledby': menuLabelId\n        }\n    });\n    const visuallyHiddenLabel = DOMUtils.createElement('h2', {\n        textContent: i18n.t('player.captionStyling'),\n        attributes: { id: menuLabelId, class: `${player.options.classPrefix}-sr-only` },\n        style: {\n            position: 'absolute',\n            width: '1px',\n            height: '1px',\n            padding: '0',\n            margin: '-1px',\n            overflow: 'hidden',\n            clip: 'rect(0,0,0,0)',\n            whiteSpace: 'nowrap',\n            border: '0'\n        }\n    });\n    menu.appendChild(visuallyHiddenLabel);\n\n    // Prevent menu from closing when clicking inside\n    menu.addEventListener('click', (e) => {\n        e.stopPropagation();\n    });\n\n    // Check if there are any caption tracks\n    if (!player.captionManager || player.captionManager.tracks.length === 0) {\n        // Show \"No captions available\" message\n        const noTracksItem = DOMUtils.createElement('div', {\n            className: `${player.options.classPrefix}-menu-item`,\n            textContent: i18n.t('player.noCaptions'),\n            attributes: {\n                'role': 'status'\n            },\n            style: { opacity: '0.5', cursor: 'default', padding: '12px 16px' }\n        });\n        menu.appendChild(noTracksItem);\n\n        menu.style.visibility = 'hidden';\n        menu.style.display = 'block';\n\n        controlBar.insertMenuIntoDOM(menu, button);\n        controlBar.positionMenu(menu, button, true);\n\n        requestAnimationFrame(() => {\n            menu.style.visibility = 'visible';\n        });\n\n        controlBar.attachMenuCloseHandler(menu, button, true);\n        return;\n    }\n\n    // Font Size\n    menu.appendChild(createStyleControl(\n        player,\n        i18n.t('styleLabels.fontSize'),\n        'captionsFontSize',\n        [\n            { label: i18n.t('fontSizes.small'), value: '87.5%' },\n            { label: i18n.t('fontSizes.normal'), value: '100%' },\n            { label: i18n.t('fontSizes.large'), value: '125%' },\n            { label: i18n.t('fontSizes.xlarge'), value: '150%' }\n        ]\n    ));\n\n    // Font Family\n    menu.appendChild(createStyleControl(\n        player,\n        i18n.t('styleLabels.font'),\n        'captionsFontFamily',\n        [\n            { label: i18n.t('fontFamilies.sansSerif'), value: 'sans-serif' },\n            { label: i18n.t('fontFamilies.serif'), value: 'serif' },\n            { label: i18n.t('fontFamilies.monospace'), value: 'monospace' }\n        ]\n    ));\n\n    // Text Color\n    menu.appendChild(createColorControl(player, i18n.t('styleLabels.textColor'), 'captionsColor'));\n\n    // Background Color\n    menu.appendChild(createColorControl(player, i18n.t('styleLabels.background'), 'captionsBackgroundColor'));\n\n    // Opacity\n    menu.appendChild(createOpacityControl(player, i18n.t('styleLabels.opacity'), 'captionsOpacity'));\n\n    // Set min-width for caption style menu\n    menu.style.minWidth = '220px';\n\n    menu.style.visibility = 'hidden';\n    menu.style.display = 'block';\n\n    controlBar.insertMenuIntoDOM(menu, button);\n    controlBar.positionMenu(menu, button, true);\n\n    requestAnimationFrame(() => {\n        menu.style.visibility = 'visible';\n    });\n\n    controlBar.attachMenuCloseHandler(menu, button, true);\n\n    // Auto-focus the first style select element\n    focusFirstElement(menu, `.${player.options.classPrefix}-style-select`);\n}\n"],
+  "mappings": "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",
+  "names": []
+}