@mango-iiif/av 0.3.0 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +36 -0
- package/README.md +25 -13
- package/dist/annotations.d.ts +2 -2
- package/dist/annotations.js +4 -4
- package/dist/captions.d.ts +23 -0
- package/dist/captions.js +16 -0
- package/dist/captions.js.map +1 -0
- package/dist/chapters.d.ts +2 -2
- package/dist/chapters.js +3 -3
- package/dist/{chunk-4NOWGMI5.js → chunk-53ZN4Y4L.js} +28 -66
- package/dist/chunk-53ZN4Y4L.js.map +1 -0
- package/dist/chunk-AWLDINQR.js +73 -0
- package/dist/chunk-AWLDINQR.js.map +1 -0
- package/dist/chunk-BB7RE7EO.js +407 -0
- package/dist/chunk-BB7RE7EO.js.map +1 -0
- package/dist/chunk-BMMQFCD3.js +86 -0
- package/dist/chunk-BMMQFCD3.js.map +1 -0
- package/dist/chunk-IZYEGSGT.js +148 -0
- package/dist/chunk-IZYEGSGT.js.map +1 -0
- package/dist/chunk-JXZR5DL2.js +160 -0
- package/dist/chunk-JXZR5DL2.js.map +1 -0
- package/dist/{chunk-CIAQZ2EB.js → chunk-LMZIFVHN.js} +8 -4
- package/dist/chunk-LMZIFVHN.js.map +1 -0
- package/dist/chunk-TQNEVWUH.js +39 -0
- package/dist/chunk-TQNEVWUH.js.map +1 -0
- package/dist/chunk-XXM4G3K5.js +296 -0
- package/dist/chunk-XXM4G3K5.js.map +1 -0
- package/dist/chunk-YVI7J43Q.js +29 -0
- package/dist/chunk-YVI7J43Q.js.map +1 -0
- package/dist/chunk-Z2OF3RKT.js +152 -0
- package/dist/chunk-Z2OF3RKT.js.map +1 -0
- package/dist/{controller-SkwGkVE8.d.ts → controller-Ag3nFtwP.d.ts} +16 -24
- package/dist/{controller-element-CkXIA6w2.d.ts → controller-element-Cn5cxKnD.d.ts} +4 -2
- package/dist/core.d.ts +2 -2
- package/dist/core.js +2 -2
- package/dist/index.d.ts +6 -3
- package/dist/index.js +21 -14
- package/dist/index.js.map +1 -1
- package/dist/media.d.ts +3 -3
- package/dist/media.js +11 -5
- package/dist/media.js.map +1 -1
- package/dist/player.d.ts +8 -2
- package/dist/player.js +3 -5
- package/dist/player.js.map +1 -1
- package/dist/ramp-2XKALEGA.js +98 -0
- package/dist/ramp-2XKALEGA.js.map +1 -0
- package/dist/transcript-element.d.ts +2 -2
- package/dist/transcript-element.js +6 -5
- package/dist/transcript-element.js.map +1 -1
- package/docs/API.md +70 -32
- package/package.json +18 -11
- package/dist/chunk-4NOWGMI5.js.map +0 -1
- package/dist/chunk-4V6FME6B.js +0 -643
- package/dist/chunk-4V6FME6B.js.map +0 -1
- package/dist/chunk-C4H46HDS.js +0 -95
- package/dist/chunk-C4H46HDS.js.map +0 -1
- package/dist/chunk-CDLYT3KB.js +0 -17
- package/dist/chunk-CDLYT3KB.js.map +0 -1
- package/dist/chunk-CIAQZ2EB.js.map +0 -1
- package/dist/chunk-EHIKFRFV.js +0 -75
- package/dist/chunk-EHIKFRFV.js.map +0 -1
- package/dist/chunk-ELGGWWDS.js +0 -257
- package/dist/chunk-ELGGWWDS.js.map +0 -1
- package/dist/chunk-FVYEV2LO.js +0 -163
- package/dist/chunk-FVYEV2LO.js.map +0 -1
- package/dist/chunk-YX32ZQPR.js +0 -83
- package/dist/chunk-YX32ZQPR.js.map +0 -1
- package/dist/chunk-YX6L6CUF.js +0 -355
- package/dist/chunk-YX6L6CUF.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/mango-av-media.ts"],"sourcesContent":["import { AVPlayerController } from '../controller';\nimport { loadTranscript } from '../transcript';\nimport { ensureMediaChrome } from './media-chrome';\nimport { playFromInteraction } from './playback';\nimport { AudioArtVisualizer, audioArtContentHtml, audioArtTranscriptHtml, resolveAudioVisualizerMode, syncAudioArtTranscript } from './audio-art';\nimport type {\n AVAnnotation,\n AVCanvas,\n AVManifest,\n AVPlayerConfig,\n AVPlayerEventMap,\n AVStrings,\n Chapter,\n JsonObject,\n MetadataEntry,\n TranscriptCue,\n} from '../types';\nimport { escapeHtml, formatString, formatTime, resolveStrings } from '../utils';\nimport { applyMediaSource, resolveAudioMediaPolicy } from './media-policy';\n\nconst HTMLElementBase = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement;\n\nlet hlsElementRegistration: Promise<unknown> | undefined;\nconst ensureHlsElement = (): Promise<unknown> => {\n hlsElementRegistration ??= import('hls-video-element');\n return hlsElementRegistration;\n};\n\nconst eventTypes: Array<keyof AVPlayerEventMap> = [\n 'av-loadstart',\n 'av-ready',\n 'av-error',\n 'av-canvaschange',\n 'av-sourcechange',\n 'av-play',\n 'av-pause',\n 'av-timeupdate',\n 'av-seek',\n 'av-ended',\n 'av-annotationschange',\n 'av-configchange',\n 'av-statechange',\n 'av-visualizerfallback',\n];\n\nconst styles = `\n :host {\n --mango-av-accent: #5b3fd6;\n --mango-av-accent-contrast: #fff;\n --mango-av-background: #fff;\n --mango-av-surface: #f5f5f8;\n --mango-av-text: #18181b;\n --mango-av-muted: #62626a;\n --mango-av-border: #d7d7de;\n --mango-av-radius: .65rem;\n --mango-av-font: ui-sans-serif, system-ui, sans-serif;\n --mango-av-panel-width: 24rem;\n --mango-av-player-aspect-ratio: 16 / 9;\n --media-primary-color: var(--mango-av-accent-contrast);\n --media-secondary-color: var(--mango-av-accent);\n color: var(--mango-av-text);\n display: block;\n font-family: var(--mango-av-font);\n }\n *, *::before, *::after { box-sizing: border-box; }\n button, input, select { font: inherit; }\n button, select { cursor: pointer; }\n .shell { background: var(--mango-av-background); border: 1px solid var(--mango-av-border); border-radius: var(--mango-av-radius); overflow: clip; }\n .header { padding: 1rem 1.1rem; }\n .header h2 { font-size: 1.15rem; margin: 0; }\n .header p { color: var(--mango-av-muted); margin: .35rem 0 0; }\n .layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, var(--mango-av-panel-width)); }\n .player-column { align-self: start; background: #08080a; min-width: 0; position: relative; }\n media-controller { display: block; width: 100%; }\n media-controller:not([audio]) { aspect-ratio: var(--mango-av-player-aspect-ratio); }\n video, hls-video { display: block; height: 100%; object-fit: contain; width: 100%; }\n audio { width: 100%; }\n media-control-bar { width: 100%; }\n .audio-art { --mango-av-wave-edge-strength: 0%; --mango-av-wave-mid-strength: 0%; --mango-av-wave-rise: 8%; --mango-av-wave-strength: 0%; align-items: center; aspect-ratio: 16 / 7; background: linear-gradient(#09080d, #111019); color: white; display: flex; justify-content: center; overflow: hidden; padding: 2rem; position: relative; text-align: center; }\n .audio-art.visualizer--pulse { background: radial-gradient(ellipse 140% 72% at 50% calc(100% + var(--mango-av-wave-rise)), color-mix(in srgb, var(--mango-av-accent) var(--mango-av-wave-strength), transparent) 0%, color-mix(in srgb, var(--mango-av-accent) var(--mango-av-wave-mid-strength), transparent) 40%, color-mix(in srgb, var(--mango-av-accent) var(--mango-av-wave-edge-strength), transparent) 62%, transparent 78%), linear-gradient(#09080d, #111019); }\n .audio-art-text { display: contents; }\n .audio-art-visualizer-canvas { height: 100%; inset: 0; pointer-events: none; position: absolute; width: 100%; }\n .audio-art img { height: 100%; inset: 0; object-fit: contain; position: absolute; width: 100%; }\n .audio-art-title { font-size: clamp(1.1rem, 3vw, 2rem); font-weight: 700; position: relative; z-index: 1; }\n .audio-art-transcript { height: 100%; inset: 0; overflow: hidden; position: absolute; z-index: 1; }\n .audio-art-cue { align-items: center; display: flex; flex-direction: column; font-size: clamp(.7rem, 1.3vw, .875rem); font-weight: 550; gap: .15rem; left: 12%; line-height: 1.35; position: absolute; right: 12%; top: 50%; transition: opacity 360ms ease, transform 480ms cubic-bezier(.22, 1, .36, 1); }\n .audio-art-transcript.seeking .audio-art-cue { transition: none; }\n .audio-art-cue.active { font-size: clamp(.78rem, 1.5vw, 1rem); font-weight: 650; }\n .audio-art-cue > span:last-child { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }\n .audio-art-speaker { font-size: .7em; letter-spacing: .04em; text-transform: uppercase; }\n .player-toolbar { align-items: center; background: #151518; color: #fff; display: flex; flex-wrap: wrap; gap: .5rem; justify-content: space-between; padding: .55rem .7rem; }\n .player-toolbar button, .player-toolbar select { background: #29292e; border: 1px solid #44444a; border-radius: .35rem; color: white; padding: .4rem .55rem; }\n .player-toolbar .group { align-items: center; display: flex; gap: .45rem; }\n .search-markers { background: #242429; height: .45rem; position: relative; }\n .search-marker { background: #ffe24a; border: 0; border-radius: 50%; height: .7rem; padding: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); width: .7rem; }\n .resume { align-items: center; background: #fff8d7; color: #312900; display: flex; gap: .5rem; justify-content: center; padding: .6rem; }\n .resume button { background: var(--mango-av-accent); border: 0; border-radius: .35rem; color: var(--mango-av-accent-contrast); padding: .35rem .65rem; }\n .panel { border-left: 1px solid var(--mango-av-border); display: flex; flex-direction: column; min-height: 22rem; min-width: 0; }\n .tabs { background: var(--mango-av-surface); display: flex; gap: .1rem; overflow-x: auto; padding: .35rem; }\n .tab { background: transparent; border: 0; border-bottom: 3px solid transparent; color: var(--mango-av-muted); padding: .55rem .6rem; white-space: nowrap; }\n .tab[aria-selected=true] { border-color: var(--mango-av-accent); color: var(--mango-av-text); font-weight: 650; }\n .panel-content { flex: 1; max-height: 34rem; overflow: auto; padding: .85rem; }\n .empty { color: var(--mango-av-muted); font-style: italic; }\n .chapter-list, .annotation-list, .cue-list, .file-list { list-style: none; margin: 0; padding: 0; }\n .chapter-list .chapter-list { border-left: 1px solid var(--mango-av-border); margin-left: .8rem; padding-left: .55rem; }\n .chapter { margin-block: .3rem; }\n .chapter button, .annotation button, .cue button { background: transparent; border: 0; border-radius: .35rem; color: inherit; display: grid; gap: .15rem; padding: .5rem; text-align: left; width: 100%; }\n .chapter button { border-radius: 0; }\n .chapter button:hover, .annotation button:hover, .cue button:hover { background: var(--mango-av-surface); }\n .chapter button.active, .annotation button.active, .cue button.active { background: color-mix(in srgb, var(--mango-av-accent) 14%, transparent); box-shadow: inset 3px 0 var(--mango-av-accent); }\n .time { color: var(--mango-av-muted); font-size: .78rem; }\n .panel-tools { display: flex; flex-wrap: wrap; gap: .45rem; margin-bottom: .75rem; }\n .panel-tools input, .panel-tools select { border: 1px solid var(--mango-av-border); border-radius: .35rem; min-width: 0; padding: .45rem; }\n .panel-tools input { flex: 1; }\n .panel-tools a { align-content: center; color: var(--mango-av-accent); }\n .cue mark { background: #ffe770; }\n .speaker { font-weight: 700; }\n .tags { display: flex; flex-wrap: wrap; gap: .25rem; }\n .tag { background: var(--mango-av-surface); border-radius: 999px; font-size: .75rem; padding: .15rem .45rem; }\n dl { margin: 0; }\n dt { font-weight: 700; margin-top: .75rem; }\n dd { color: var(--mango-av-muted); margin: .2rem 0 0; }\n .file-list li { border-bottom: 1px solid var(--mango-av-border); padding: .55rem 0; }\n a { color: var(--mango-av-accent); }\n .error { background: #fff0f0; color: #8a1717; padding: 1rem; }\n .sr-only { clip: rect(0,0,0,0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }\n @media (max-width: 760px) {\n .layout { grid-template-columns: 1fr; }\n .panel { border-left: 0; border-top: 1px solid var(--mango-av-border); }\n }\n`;\n\nconst metadataHtml = (entries: MetadataEntry[], ui: AVStrings): string => {\n if (entries.length === 0) return `<p class=\"empty\">${escapeHtml(ui.noMetadata)}</p>`;\n return `<dl>${entries.map((entry) => `\n <dt>${escapeHtml(entry.label)}</dt>\n <dd>${entry.values.map((value) => escapeHtml(value.value)).join('<br>')}</dd>\n `).join('')}</dl>`;\n};\n\nconst chapterHtml = (chapters: Chapter[], canvasId: string, ui: AVStrings, level = 1): string => {\n if (chapters.length === 0 && level === 1) return `<p class=\"empty\">${escapeHtml(ui.noChapters)}</p>`;\n return `<ul class=\"chapter-list\">${chapters.map((chapter) => {\n const active = chapter.canvasId === canvasId;\n const target = chapter.canvasId ? `data-canvas=\"${escapeHtml(chapter.canvasId)}\"` : '';\n const time = chapter.time ? `data-time=\"${chapter.time.start}\"` : '';\n return `<li class=\"chapter\">\n <button type=\"button\" class=\"${active ? 'active' : ''}\" ${target} ${time} ${chapter.canvasId ? '' : 'disabled'}>\n <span>${escapeHtml(chapter.label)}</span>\n ${chapter.time ? `<span class=\"time\">${formatTime(chapter.time.start)}</span>` : ''}\n </button>\n ${chapterHtml(chapter.children, canvasId, ui, level + 1)}\n </li>`;\n }).join('')}</ul>`;\n};\n\nconst highlight = (text: string, query: string): string => {\n const escaped = escapeHtml(text);\n if (!query) return escaped;\n const safeQuery = query.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n return escaped.replace(new RegExp(`(${safeQuery})`, 'gi'), '<mark>$1</mark>');\n};\n\nexport class MangoAVMediaElement extends HTMLElementBase {\n static observedAttributes = ['manifest-url', 'config'];\n\n readonly player: AVPlayerController;\n #root: ShadowRoot;\n #inputManifest: JsonObject | string | undefined;\n #config: AVPlayerConfig = {};\n #activePanel: NonNullable<AVPlayerConfig['activePanel']> = 'chapters';\n #transcriptCues: TranscriptCue[] = [];\n #transcriptIndex = 0;\n #transcriptQuery = '';\n #resumeTime: number | undefined;\n #loadingToken = 0;\n #resolvedSourceUrl: string | undefined;\n #sourceToken = 0;\n #fallbackSourceUrl: string | undefined;\n #visualizer = new AudioArtVisualizer();\n\n constructor() {\n super();\n this.#root = this.attachShadow({ mode: 'open' });\n this.player = new AVPlayerController();\n for (const type of eventTypes) {\n this.player.addEventListener(type, ((event: CustomEvent) => {\n if (type === 'av-ready') {\n if (this.player.source?.isHls) void ensureHlsElement();\n this.#resetSourceLoad();\n this.#resumeTime = this.player.getSavedPosition();\n this.#activePanel = this.player.config.activePanel;\n this.#render();\n void this.#resolveSource();\n void this.#loadActiveTranscript();\n } else if (type === 'av-canvaschange' || type === 'av-sourcechange') {\n if (this.player.source?.isHls) void ensureHlsElement();\n this.#resetSourceLoad();\n this.#transcriptCues = [];\n this.#transcriptIndex = 0;\n this.#render();\n void this.#resolveSource();\n void this.#loadActiveTranscript();\n } else if (type === 'av-configchange') {\n this.#resetSourceLoad();\n this.#activePanel = this.player.config.activePanel;\n void ensureMediaChrome(this.player.config.preferredLanguages[0]).then(() => {\n this.#render();\n void this.#resolveSource();\n });\n } else if (type === 'av-error') {\n this.#render();\n } else if (type === 'av-annotationschange') {\n if (this.#activePanel === 'annotations') this.#renderPanelOnly();\n } else if (type === 'av-timeupdate') {\n this.#syncTimedContent();\n } else if (type === 'av-seek') {\n this.#syncTimedContent((event.detail as AVPlayerEventMap['av-seek']).to, true);\n }\n this.dispatchEvent(new CustomEvent(type, {\n detail: event.detail,\n bubbles: true,\n composed: true,\n }));\n }) as EventListener);\n }\n }\n\n get manifest(): JsonObject | string | undefined {\n return this.#inputManifest;\n }\n\n get controller(): AVPlayerController {\n return this.player;\n }\n\n set manifest(value: JsonObject | string | undefined) {\n this.#inputManifest = value;\n if (this.isConnected && value !== undefined) void this.load(value);\n }\n\n get config(): AVPlayerConfig {\n return this.#config;\n }\n\n set config(value: AVPlayerConfig) {\n this.#config = value;\n this.player.configure(value);\n this.#activePanel = value.activePanel ?? this.player.config.activePanel;\n if (this.isConnected) this.#render();\n }\n\n connectedCallback(): void {\n this.#readConfigAttribute();\n void ensureMediaChrome(this.player.config.preferredLanguages[0]);\n this.#render();\n const source = this.#inputManifest ?? this.getAttribute('manifest-url') ?? undefined;\n if (source !== undefined) void this.load(source);\n }\n\n disconnectedCallback(): void {\n this.#visualizer.disconnect();\n this.player.destroy();\n }\n\n attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void {\n if (!this.isConnected || oldValue === newValue) return;\n if (name === 'manifest-url' && newValue) {\n this.#inputManifest = newValue;\n void this.load(newValue);\n }\n if (name === 'config') {\n this.#readConfigAttribute();\n this.#render();\n }\n }\n\n async load(input: JsonObject | string): Promise<AVManifest> {\n this.#inputManifest = input;\n return await this.player.load(input);\n }\n\n play(): Promise<void> {\n return this.player.play();\n }\n\n pause(): void {\n this.player.pause();\n }\n\n seekTo(time: number): void {\n this.player.seekTo(time);\n }\n\n selectCanvas(indexOrId: number | string, options?: { time?: number; autoplay?: boolean }): AVCanvas | undefined {\n return this.player.selectCanvas(indexOrId, options);\n }\n\n #readConfigAttribute(): void {\n const attribute = this.getAttribute('config');\n if (!attribute) return;\n try {\n this.#config = JSON.parse(attribute) as AVPlayerConfig;\n this.player.configure(this.#config);\n } catch (cause) {\n const error = cause instanceof Error ? cause : new Error(String(cause));\n this.dispatchEvent(new CustomEvent('av-error', { detail: { error }, bubbles: true, composed: true }));\n }\n }\n\n #render(): void {\n this.#visualizer.disconnect();\n const state = this.player.state;\n const manifest = state.manifest;\n const canvas = this.player.canvas;\n const source = this.player.source;\n const ui = resolveStrings(this.player.config.strings);\n this.#root.innerHTML = `<style>${styles}</style><div class=\"shell\">\n <slot name=\"header\">\n ${manifest ? `<header class=\"header\"><h2>${escapeHtml(manifest.label)}</h2>${manifest.summary ? `<p>${escapeHtml(manifest.summary)}</p>` : ''}</header>` : ''}\n </slot>\n ${state.status === 'error' ? `<div class=\"error\" role=\"alert\">${escapeHtml(state.error?.message ?? ui.unableToLoadPlayer)}</div>` : ''}\n ${state.status === 'loading' ? `<p class=\"header\" role=\"status\">${escapeHtml(ui.loadingManifest)}</p>` : ''}\n ${manifest && canvas ? this.#renderReady(manifest, canvas, source?.kind ?? 'video') : ''}\n </div>`;\n this.#bindInteractions();\n const media = this.#root.querySelector('video, audio, hls-video') as HTMLMediaElement | null;\n if (media && this.#resolvedSourceUrl) this.#activateMedia(media, this.#resolvedSourceUrl);\n this.#syncTimedContent();\n }\n\n #renderReady(manifest: AVManifest, canvas: AVCanvas, kind: 'audio' | 'video'): string {\n const source = this.player.source;\n const panels = this.player.config.panels;\n const controls = this.player.config.controls;\n const ui = resolveStrings(this.player.config.strings);\n const panelTabs = [\n panels.chapters ? ['chapters', ui.chapters] : undefined,\n panels.transcript ? ['transcript', ui.transcript] : undefined,\n panels.annotations ? ['annotations', ui.annotations] : undefined,\n panels.metadata ? ['metadata', ui.metadata] : undefined,\n panels.supplementalFiles ? ['files', ui.files] : undefined,\n ].filter((value): value is [string, string] => Boolean(value));\n const showPanel = this.#activePanel !== 'none' && panelTabs.length > 0;\n const showSourceSelector = controls.sourceSelector && canvas.sources.length > 1;\n const showDownload = controls.download && canvas.rendering.length > 0;\n const showPlayerToolbar = controls.navigation || controls.autoAdvance || showSourceSelector || showDownload;\n const visualizerMode = resolveAudioVisualizerMode(this.player.config.audioArt.visualizer);\n return `\n ${this.#resumeTime !== undefined ? `<div class=\"resume\">${escapeHtml(formatString(ui.resumePrompt, { time: formatTime(this.#resumeTime) }))} <button type=\"button\" data-action=\"resume\">${escapeHtml(ui.resume)}</button><button type=\"button\" data-action=\"dismiss-resume\">${escapeHtml(ui.startOver)}</button></div>` : ''}\n <div class=\"layout\" ${showPanel ? '' : 'style=\"grid-template-columns: 1fr\"'}>\n <section class=\"player-column\" aria-label=\"${escapeHtml(ui.mediaPlayer)}\">\n <slot name=\"before-player\"></slot>\n <media-controller ${kind === 'audio' ? 'audio' : ''} ${this.#mediaChromeLanguage()}>\n ${kind === 'audio' ? `<div class=\"audio-art ${visualizerMode ? `visualizer visualizer--${visualizerMode}` : ''}\">${audioArtContentHtml(canvas.label, this.player.config.audioArt.title ?? '', this.#transcriptCues, Boolean(this.player.config.audioArt.transcript), visualizerMode)}</div>` : ''}\n ${source ? this.#mediaHtml(canvas, source.kind) : `<div class=\"audio-art\"><span>${escapeHtml(ui.noPlayableMedia)}</span></div>`}\n <slot name=\"player-overlay\"></slot>\n <slot name=\"controls\">\n <media-control-bar>\n <media-play-button></media-play-button>\n ${controls.seek ? `<media-seek-backward-button seekoffset=\"${controls.skipSeconds ?? 10}\"></media-seek-backward-button><media-seek-forward-button seekoffset=\"${controls.skipSeconds ?? 10}\"></media-seek-forward-button>` : ''}\n <media-time-display showduration></media-time-display>\n ${controls.seek ? '<media-time-range></media-time-range>' : ''}\n ${controls.volume ? '<media-mute-button></media-mute-button><media-volume-range></media-volume-range>' : ''}\n ${controls.captions && canvas.tracks.length > 0 ? '<media-captions-menu-button></media-captions-menu-button>' : ''}\n ${controls.playbackRate ? '<media-playback-rate-menu-button></media-playback-rate-menu-button>' : ''}\n ${controls.pictureInPicture && kind === 'video' ? '<media-pip-button></media-pip-button>' : ''}\n ${controls.fullscreen && kind === 'video' ? '<media-fullscreen-button></media-fullscreen-button>' : ''}\n </media-control-bar>\n ${controls.captions && canvas.tracks.length > 0 ? '<media-captions-menu hidden></media-captions-menu>' : ''}\n ${controls.playbackRate ? `<media-playback-rate-menu rates=\"${this.player.config.playbackRates.join(' ')}\" hidden></media-playback-rate-menu>` : ''}\n </slot>\n </media-controller>\n ${this.#searchMarkersHtml()}\n ${showPlayerToolbar ? `<div class=\"player-toolbar\">\n ${controls.navigation ? `<div class=\"group\">\n <button type=\"button\" data-action=\"previous\" ${canvas.index === 0 ? 'disabled' : ''} aria-label=\"${escapeHtml(ui.previousSection)}\">← ${escapeHtml(ui.previous)}</button>\n <button type=\"button\" data-action=\"next\" ${canvas.index === manifest.canvases.length - 1 && !this.player.state.repeat ? 'disabled' : ''} aria-label=\"${escapeHtml(ui.nextSection)}\">${escapeHtml(ui.next)} →</button>\n </div>` : ''}\n ${showSourceSelector || showDownload || controls.autoAdvance ? `<div class=\"group\">\n ${showSourceSelector ? `<label><span class=\"sr-only\">${escapeHtml(ui.mediaSource)}</span><select data-action=\"source\">${canvas.sources.map((item, index) => `<option value=\"${index}\" ${index === this.player.state.sourceIndex ? 'selected' : ''}>${escapeHtml(item.label ?? item.format ?? formatString(ui.sourceNumber, { number: index + 1 }))}</option>`).join('')}</select></label>` : ''}\n ${showDownload ? `<label><span class=\"sr-only\">${escapeHtml(ui.downloadMediaFile)}</span><select data-action=\"download\"><option value=\"\">${escapeHtml(ui.download)}…</option>${canvas.rendering.map((file) => `<option value=\"${escapeHtml(file.id)}\" data-filename=\"${escapeHtml(file.filename ?? '')}\">${escapeHtml(file.label)}</option>`).join('')}</select></label>` : ''}\n ${controls.autoAdvance ? `<label><input type=\"checkbox\" data-action=\"auto-advance\" ${this.player.state.autoAdvance ? 'checked' : ''}> ${escapeHtml(ui.autoAdvance)}</label>` : ''}\n </div>` : ''}\n </div>` : ''}\n <slot name=\"after-player\"></slot>\n </section>\n ${showPanel ? `<aside class=\"panel\">\n <nav class=\"tabs\" role=\"tablist\" aria-label=\"${escapeHtml(ui.mediaInformation)}\">${panelTabs.map(([id, tabLabel]) => `<button class=\"tab\" type=\"button\" role=\"tab\" data-panel=\"${id}\" aria-selected=\"${this.#activePanel === id}\">${escapeHtml(tabLabel)}</button>`).join('')}</nav>\n <div class=\"panel-content\" role=\"tabpanel\">${this.#panelHtml(manifest, canvas)}</div>\n </aside>` : ''}\n </div>`;\n }\n\n #mediaHtml(canvas: AVCanvas, kind: 'audio' | 'video'): string {\n const source = this.player.source;\n if (!source) return '';\n const tag = source.isHls ? 'hls-video' : kind;\n const attributes = [\n 'slot=\"media\"',\n `preload=\"${this.player.config.preload}\"`,\n this.player.config.crossorigin ? `crossorigin=\"${this.player.config.crossorigin}\"` : '',\n kind === 'video' && canvas.poster ? `poster=\"${escapeHtml(canvas.poster)}\"` : '',\n `aria-label=\"${escapeHtml(canvas.label)}\"`,\n `data-canvasindex=\"${canvas.index}\"`,\n ].filter(Boolean).join(' ');\n const tracks = canvas.tracks.map((track) => `<track src=\"${escapeHtml(track.src)}\" kind=\"${track.kind}\" label=\"${escapeHtml(track.label)}\" ${track.language ? `srclang=\"${escapeHtml(track.language)}\"` : ''} ${track.default ? 'default' : ''}>`).join('');\n return `<${tag} ${attributes}>${tracks}</${tag}>`;\n }\n\n #mediaChromeLanguage(): string {\n const language = this.player.config.preferredLanguages.find((value) => value !== 'none');\n return language ? `lang=\"${escapeHtml(language)}\"` : '';\n }\n\n #panelHtml(manifest: AVManifest, canvas: AVCanvas): string {\n const ui = resolveStrings(this.player.config.strings);\n switch (this.#activePanel) {\n case 'chapters':\n return chapterHtml(manifest.chapters, canvas.id, ui);\n case 'transcript':\n return this.#transcriptHtml(canvas);\n case 'annotations':\n return this.#annotationsHtml(canvas.annotations);\n case 'metadata':\n return `<h3>${escapeHtml(canvas.label)}</h3>${metadataHtml([...manifest.metadata, ...canvas.metadata], ui)}${manifest.requiredStatement ? metadataHtml([manifest.requiredStatement], ui) : ''}${manifest.rights ? `<p><strong>${escapeHtml(ui.rights)}:</strong> <a href=\"${escapeHtml(manifest.rights)}\" target=\"_blank\" rel=\"noreferrer\">${escapeHtml(manifest.rights)}</a></p>` : ''}`;\n case 'files': {\n const files = [...manifest.rendering, ...canvas.rendering];\n return files.length > 0 ? `<ul class=\"file-list\">${files.map((file) => `<li><a href=\"${escapeHtml(file.id)}\" download=\"${escapeHtml(file.filename ?? '')}\">${escapeHtml(file.label)}</a>${file.format ? `<div class=\"time\">${escapeHtml(file.format)}</div>` : ''}</li>`).join('')}</ul>` : `<p class=\"empty\">${escapeHtml(ui.noSupplementalFiles)}</p>`;\n }\n default:\n return '';\n }\n }\n\n #transcriptHtml(canvas: AVCanvas): string {\n const ui = resolveStrings(this.player.config.strings);\n if (canvas.transcripts.length === 0) return `<p class=\"empty\">${escapeHtml(ui.noTranscript)}</p>`;\n const resource = canvas.transcripts[this.#transcriptIndex];\n const query = this.#transcriptQuery.trim();\n const visible = query\n ? this.#transcriptCues.filter((cue) => cue.text.toLowerCase().includes(query.toLowerCase()))\n : this.#transcriptCues;\n return `<div class=\"panel-tools\">\n ${canvas.transcripts.length > 1 ? `<select data-action=\"transcript\" aria-label=\"${escapeHtml(ui.transcript)}\">${canvas.transcripts.map((item, index) => `<option value=\"${index}\" ${index === this.#transcriptIndex ? 'selected' : ''}>${escapeHtml(item.label)}</option>`).join('')}</select>` : ''}\n ${this.player.config.transcript.search ? `<input type=\"search\" data-action=\"transcript-search\" value=\"${escapeHtml(this.#transcriptQuery)}\" placeholder=\"${escapeHtml(ui.searchTranscript)}\" aria-label=\"${escapeHtml(ui.searchTranscript)}\">` : ''}\n ${this.player.config.transcript.download && resource?.src ? `<a href=\"${escapeHtml(resource.src)}\" download>${escapeHtml(ui.download)}</a>` : ''}\n </div>\n ${this.#transcriptCues.length === 0 ? `<p class=\"empty\">${escapeHtml(ui.loadingTranscript)}</p>` : `<ol class=\"cue-list\">${visible.map((cue) => `<li class=\"cue\" data-cue-id=\"${escapeHtml(cue.id)}\" ${cue.start !== undefined ? `data-start=\"${cue.start}\" data-end=\"${cue.end ?? cue.start}\"` : ''}><button type=\"button\" ${cue.start === undefined ? 'disabled' : ''}>${cue.start !== undefined ? `<span class=\"time\">${formatTime(cue.start)}</span>` : ''}${cue.speaker ? `<span class=\"speaker\">${escapeHtml(cue.speaker)}</span>` : ''}<span>${highlight(cue.text, query)}</span></button></li>`).join('')}</ol>`}`;\n }\n\n #annotationsHtml(annotations: AVAnnotation[]): string {\n const ui = resolveStrings(this.player.config.strings);\n if (annotations.length === 0) return `<p class=\"empty\">${escapeHtml(ui.noAnnotations)}</p>`;\n return `<ol class=\"annotation-list\">${annotations.map((annotation) => `<li class=\"annotation\" data-start=\"${annotation.time?.start ?? ''}\" data-end=\"${annotation.time?.end ?? annotation.time?.start ?? ''}\"><button type=\"button\" ${annotation.time ? '' : 'disabled'}>${annotation.time ? `<span class=\"time\">${formatTime(annotation.time.start)}</span>` : ''}<span>${escapeHtml(annotation.text)}</span>${annotation.tags.length > 0 ? `<span class=\"tags\">${annotation.tags.map((tag) => `<span class=\"tag\">${escapeHtml(tag)}</span>`).join('')}</span>` : ''}</button></li>`).join('')}</ol>`;\n }\n\n #searchMarkersHtml(): string {\n const ui = resolveStrings(this.player.config.strings);\n const query = this.#transcriptQuery.trim().toLowerCase();\n const duration = this.player.state.duration || this.player.canvas?.duration || 0;\n if (!query || !this.player.config.transcript.showSearchMarkers || duration <= 0) return '';\n const matches = this.#transcriptCues.filter((cue) => cue.start !== undefined && cue.text.toLowerCase().includes(query));\n if (matches.length === 0) return '';\n return `<div class=\"search-markers\" aria-label=\"${escapeHtml(ui.transcriptSearchMatches)}\">${matches.map((cue) => `<button type=\"button\" class=\"search-marker\" data-search-time=\"${cue.start}\" style=\"left:${Math.min(100, Math.max(0, ((cue.start ?? 0) / duration) * 100))}%\" aria-label=\"${escapeHtml(formatString(ui.searchMatchAt, { time: formatTime(cue.start ?? 0) }))}\"></button>`).join('')}</div>`;\n }\n\n #bindInteractions(): void {\n this.#root.querySelectorAll<HTMLElement>('[data-panel]').forEach((button) => button.addEventListener('click', () => {\n this.#activePanel = button.dataset.panel as NonNullable<AVPlayerConfig['activePanel']>;\n this.#renderPanelOnly();\n if (this.#activePanel === 'transcript') void this.#loadActiveTranscript();\n }));\n this.#root.querySelector<HTMLElement>('[data-action=previous]')?.addEventListener('click', () => this.player.previous({ autoplay: this.player.state.status === 'playing' }));\n this.#root.querySelector<HTMLElement>('[data-action=next]')?.addEventListener('click', () => this.player.next({ autoplay: this.player.state.status === 'playing' }));\n this.#root.querySelector<HTMLSelectElement>('[data-action=source]')?.addEventListener('change', (event) => this.player.selectSource(Number((event.target as HTMLSelectElement).value)));\n this.#root.querySelector<HTMLSelectElement>('[data-action=download]')?.addEventListener('change', (event) => {\n const select = event.target as HTMLSelectElement;\n if (!select.value) return;\n const anchor = document.createElement('a');\n anchor.href = select.value;\n anchor.download = select.selectedOptions[0]?.dataset.filename ?? '';\n anchor.click();\n select.value = '';\n });\n this.#root.querySelector<HTMLInputElement>('[data-action=auto-advance]')?.addEventListener('change', (event) => this.player.setAutoAdvance((event.target as HTMLInputElement).checked));\n this.#root.querySelector<HTMLElement>('[data-action=resume]')?.addEventListener('click', () => {\n if (this.#resumeTime !== undefined) this.player.seekTo(this.#resumeTime);\n this.#resumeTime = undefined;\n this.#render();\n });\n this.#root.querySelector<HTMLElement>('[data-action=dismiss-resume]')?.addEventListener('click', () => {\n this.#resumeTime = undefined;\n this.#render();\n });\n this.#bindPanelInteractions();\n }\n\n #bindPanelInteractions(): void {\n this.#root.querySelectorAll<HTMLElement>('[data-canvas]').forEach((button) => button.addEventListener('click', () => {\n const canvasId = button.dataset.canvas;\n if (canvasId) this.player.selectCanvas(canvasId, { time: Number(button.dataset.time ?? 0), autoplay: true });\n }));\n this.#root.querySelector<HTMLSelectElement>('[data-action=transcript]')?.addEventListener('change', (event) => {\n this.#transcriptIndex = Number((event.target as HTMLSelectElement).value);\n this.#transcriptCues = [];\n this.#renderPanelOnly();\n void this.#loadActiveTranscript();\n });\n this.#root.querySelector<HTMLInputElement>('[data-action=transcript-search]')?.addEventListener('input', (event) => {\n this.#transcriptQuery = (event.target as HTMLInputElement).value;\n const selection = (event.target as HTMLInputElement).selectionStart;\n this.#renderPanelOnly();\n const input = this.#root.querySelector<HTMLInputElement>('[data-action=transcript-search]');\n input?.focus();\n if (selection !== null) input?.setSelectionRange(selection, selection);\n });\n this.#root.querySelectorAll<HTMLElement>('.cue[data-start] button, .annotation[data-start] button').forEach((button) => button.addEventListener('click', () => {\n const row = button.parentElement;\n const start = Number(row?.dataset.start);\n if (Number.isFinite(start)) {\n this.player.seekTo(start);\n playFromInteraction(this.player, this);\n }\n }));\n this.#root.querySelectorAll<HTMLElement>('[data-search-time]').forEach((button) => button.addEventListener('click', () => {\n const time = Number(button.dataset.searchTime);\n if (Number.isFinite(time)) this.player.seekTo(time);\n }));\n }\n\n #renderPanelOnly(): void {\n const manifest = this.player.manifest;\n const canvas = this.player.canvas;\n if (!manifest || !canvas) return;\n this.#root.querySelectorAll<HTMLElement>('[data-panel]').forEach((tab) => {\n tab.setAttribute('aria-selected', String(tab.dataset.panel === this.#activePanel));\n });\n const content = this.#root.querySelector<HTMLElement>('.panel-content');\n if (content) content.innerHTML = this.#panelHtml(manifest, canvas);\n this.#root.querySelector('.search-markers')?.remove();\n const toolbar = this.#root.querySelector('.player-toolbar');\n const markers = this.#searchMarkersHtml();\n if (toolbar && markers) toolbar.insertAdjacentHTML('beforebegin', markers);\n this.#bindPanelInteractions();\n }\n\n async #loadActiveTranscript(): Promise<void> {\n const resource = this.player.canvas?.transcripts[this.#transcriptIndex];\n if (!resource) return;\n const token = ++this.#loadingToken;\n try {\n const transcriptOptions: Parameters<typeof loadTranscript>[1] = {};\n if (this.player.config.fetch) transcriptOptions.fetch = this.player.config.fetch;\n if (this.player.config.requestInit) transcriptOptions.requestInit = this.player.config.requestInit;\n if (this.player.config.transcript.showNotes !== undefined) transcriptOptions.showNotes = this.player.config.transcript.showNotes;\n if (this.player.config.transcript.showMetadata !== undefined) transcriptOptions.showMetadata = this.player.config.transcript.showMetadata;\n const cues = await loadTranscript(resource, transcriptOptions);\n if (token !== this.#loadingToken) return;\n this.#transcriptCues = cues;\n this.#renderAudioArt();\n if (this.#activePanel === 'transcript') this.#renderPanelOnly();\n } catch (cause) {\n if (token !== this.#loadingToken) return;\n const error = cause instanceof Error ? cause : new Error(String(cause));\n this.dispatchEvent(new CustomEvent('av-error', { detail: { error }, bubbles: true, composed: true }));\n this.#transcriptCues = [];\n if (this.#activePanel === 'transcript') this.#renderPanelOnly();\n }\n }\n\n async #resolveSource(): Promise<void> {\n const token = ++this.#sourceToken;\n try {\n const sourceUrl = await this.player.resolvedSourceUrl();\n if (token !== this.#sourceToken || !sourceUrl) return;\n this.#resolvedSourceUrl = sourceUrl;\n const media = this.#root.querySelector('video, audio, hls-video') as HTMLMediaElement | null;\n if (media) this.#activateMedia(media, sourceUrl);\n } catch (cause) {\n const error = cause instanceof Error ? cause : new Error(String(cause));\n this.dispatchEvent(new CustomEvent('av-error', { detail: { error }, bubbles: true, composed: true }));\n }\n }\n\n #activateMedia(media: HTMLMediaElement, sourceUrl: string): void {\n const mode = resolveAudioVisualizerMode(this.player.config.audioArt.visualizer);\n const policy = resolveAudioMediaPolicy(\n sourceUrl,\n this.player.config.crossorigin,\n this.player.crossoriginExplicit,\n media instanceof HTMLAudioElement ? mode : undefined,\n this.#fallbackSourceUrl === sourceUrl,\n );\n if (media instanceof HTMLAudioElement && policy.implicitCors) {\n media.addEventListener('error', (event) => {\n if (this.#fallbackSourceUrl === sourceUrl) return;\n event.stopImmediatePropagation();\n this.#fallbackToOrdinaryAudio(media, sourceUrl);\n }, { once: true });\n }\n if (media instanceof HTMLAudioElement && mode && policy.visualize) {\n const connect = () => {\n const art = this.#root.querySelector<HTMLElement>('.audio-art.visualizer');\n if (art && media.isConnected) this.#visualizer.connect(media, art, mode);\n };\n media.addEventListener('loadedmetadata', connect, { once: true });\n if (media.readyState >= HTMLMediaElement.HAVE_METADATA) queueMicrotask(connect);\n }\n this.player.attachMedia(media);\n applyMediaSource(media, sourceUrl, policy.crossOrigin);\n }\n\n #fallbackToOrdinaryAudio(failed: HTMLAudioElement, sourceUrl: string): void {\n this.#fallbackSourceUrl = sourceUrl;\n this.#visualizer.disconnect();\n const requestedTime = this.player.state.currentTime;\n const shouldPlay = this.player.state.status === 'playing' || !failed.paused;\n const replacement = failed.cloneNode(true) as HTMLAudioElement;\n replacement.removeAttribute('src');\n replacement.removeAttribute('crossorigin');\n replacement.volume = failed.volume;\n replacement.muted = failed.muted;\n replacement.playbackRate = failed.playbackRate;\n const hadFocus = this.#root.activeElement === failed;\n failed.replaceWith(replacement);\n this.player.attachMedia(replacement);\n this.player.seekTo(requestedTime);\n if (hadFocus) replacement.focus();\n this.#root.querySelector<HTMLElement>('.audio-art')?.classList.remove('visualizer');\n applyMediaSource(replacement, sourceUrl);\n if (shouldPlay) replacement.addEventListener('loadedmetadata', () => void replacement.play().catch(() => undefined), { once: true });\n this.player.dispatchEvent(new CustomEvent('av-visualizerfallback', {\n detail: { canvasId: this.player.canvas?.id ?? '', sourceUrl, reason: 'cors' },\n }));\n }\n\n #resetSourceLoad(): void {\n this.#sourceToken += 1;\n this.#resolvedSourceUrl = undefined;\n this.#fallbackSourceUrl = undefined;\n this.#visualizer.disconnect();\n }\n\n #syncTimedContent(time = this.player.state.currentTime, instant = false): void {\n syncAudioArtTranscript(this.#root, time, instant);\n const rows = this.#root.querySelectorAll<HTMLElement>('[data-start][data-end]');\n let active: HTMLElement | undefined;\n rows.forEach((row) => {\n const start = Number(row.dataset.start);\n const end = Number(row.dataset.end);\n const isActive = Number.isFinite(start) && time >= start && (!Number.isFinite(end) || time < end);\n row.querySelector('button')?.classList.toggle('active', isActive);\n if (isActive) active = row;\n });\n if (active && this.player.config.transcript.autoScroll) {\n active.scrollIntoView({ block: 'nearest', behavior: 'smooth' });\n }\n }\n\n #renderAudioArt(): void {\n const art = this.#root.querySelector<HTMLElement>('.audio-art');\n const canvas = this.player.canvas;\n if (!art || !canvas || this.player.source?.kind !== 'audio') return;\n const text = art.querySelector<HTMLElement>('.audio-art-text');\n if (text) text.innerHTML = audioArtTranscriptHtml(canvas.label, this.player.config.audioArt.title ?? '', this.#transcriptCues, Boolean(this.player.config.audioArt.transcript));\n syncAudioArtTranscript(art, this.player.state.currentTime);\n }\n}\n\nexport const defineMangoAVMedia = (tagName = 'mango-av-media'): typeof MangoAVMediaElement => {\n if (typeof customElements === 'undefined') return MangoAVMediaElement;\n if (!customElements.get(tagName)) customElements.define(tagName, MangoAVMediaElement);\n return MangoAVMediaElement;\n};\n"],"mappings":"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","names":[]}
|
package/dist/chunk-C4H46HDS.js
DELETED
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
AVPlayerController
|
|
3
|
-
} from "./chunk-4NOWGMI5.js";
|
|
4
|
-
|
|
5
|
-
// src/components/controller-element.ts
|
|
6
|
-
var HTMLElementBase = globalThis.HTMLElement ?? class {
|
|
7
|
-
};
|
|
8
|
-
var controllerEventTypes = [
|
|
9
|
-
"av-loadstart",
|
|
10
|
-
"av-ready",
|
|
11
|
-
"av-error",
|
|
12
|
-
"av-canvaschange",
|
|
13
|
-
"av-sourcechange",
|
|
14
|
-
"av-play",
|
|
15
|
-
"av-pause",
|
|
16
|
-
"av-timeupdate",
|
|
17
|
-
"av-seek",
|
|
18
|
-
"av-ended",
|
|
19
|
-
"av-annotationschange",
|
|
20
|
-
"av-configchange",
|
|
21
|
-
"av-statechange",
|
|
22
|
-
"av-visualizerfallback"
|
|
23
|
-
];
|
|
24
|
-
var AVControllerElement = class extends HTMLElementBase {
|
|
25
|
-
#controller = new AVPlayerController();
|
|
26
|
-
#connected = false;
|
|
27
|
-
#listeners = /* @__PURE__ */ new Map();
|
|
28
|
-
get controller() {
|
|
29
|
-
return this.#controller;
|
|
30
|
-
}
|
|
31
|
-
set controller(value) {
|
|
32
|
-
if (value === this.#controller) return;
|
|
33
|
-
this.#detachController();
|
|
34
|
-
this.#controller = value;
|
|
35
|
-
if (this.#connected) this.#attachController();
|
|
36
|
-
this.controllerChanged();
|
|
37
|
-
}
|
|
38
|
-
connectedCallback() {
|
|
39
|
-
this.#connected = true;
|
|
40
|
-
this.#attachController();
|
|
41
|
-
this.controllerChanged();
|
|
42
|
-
}
|
|
43
|
-
disconnectedCallback() {
|
|
44
|
-
this.#connected = false;
|
|
45
|
-
this.#detachController();
|
|
46
|
-
}
|
|
47
|
-
get controllerEvents() {
|
|
48
|
-
return controllerEventTypes;
|
|
49
|
-
}
|
|
50
|
-
#attachController() {
|
|
51
|
-
if (this.#listeners.size > 0) return;
|
|
52
|
-
for (const type of this.controllerEvents) {
|
|
53
|
-
const listener = ((event) => {
|
|
54
|
-
this.handleControllerEvent(type, event);
|
|
55
|
-
});
|
|
56
|
-
this.#controller.addEventListener(type, listener);
|
|
57
|
-
this.#listeners.set(type, listener);
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
#detachController() {
|
|
61
|
-
for (const [type, listener] of this.#listeners) {
|
|
62
|
-
this.#controller.removeEventListener(type, listener);
|
|
63
|
-
}
|
|
64
|
-
this.#listeners.clear();
|
|
65
|
-
}
|
|
66
|
-
};
|
|
67
|
-
|
|
68
|
-
// src/components/component-styles.ts
|
|
69
|
-
var componentTheme = `
|
|
70
|
-
:host {
|
|
71
|
-
--mango-av-accent: #5b3fd6;
|
|
72
|
-
--mango-av-accent-contrast: #fff;
|
|
73
|
-
--mango-av-background: #fff;
|
|
74
|
-
--mango-av-surface: #f5f5f8;
|
|
75
|
-
--mango-av-text: #18181b;
|
|
76
|
-
--mango-av-muted: #62626a;
|
|
77
|
-
--mango-av-border: #d7d7de;
|
|
78
|
-
--mango-av-radius: .65rem;
|
|
79
|
-
--mango-av-font: ui-sans-serif, system-ui, sans-serif;
|
|
80
|
-
color: var(--mango-av-text);
|
|
81
|
-
display: block;
|
|
82
|
-
font-family: var(--mango-av-font);
|
|
83
|
-
}
|
|
84
|
-
*, *::before, *::after { box-sizing: border-box; }
|
|
85
|
-
button, input, select { font: inherit; }
|
|
86
|
-
button, select { cursor: pointer; }
|
|
87
|
-
.empty { color: var(--mango-av-muted); font-style: italic; }
|
|
88
|
-
.time { color: var(--mango-av-muted); font-size: .78rem; }
|
|
89
|
-
`;
|
|
90
|
-
|
|
91
|
-
export {
|
|
92
|
-
AVControllerElement,
|
|
93
|
-
componentTheme
|
|
94
|
-
};
|
|
95
|
-
//# sourceMappingURL=chunk-C4H46HDS.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/controller-element.ts","../src/components/component-styles.ts"],"sourcesContent":["import { AVPlayerController } from '../controller';\nimport type { AVPlayerEventMap } from '../types';\n\nexport const HTMLElementBase = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement;\n\nexport const controllerEventTypes: Array<keyof AVPlayerEventMap> = [\n 'av-loadstart',\n 'av-ready',\n 'av-error',\n 'av-canvaschange',\n 'av-sourcechange',\n 'av-play',\n 'av-pause',\n 'av-timeupdate',\n 'av-seek',\n 'av-ended',\n 'av-annotationschange',\n 'av-configchange',\n 'av-statechange',\n 'av-visualizerfallback',\n];\n\nexport abstract class AVControllerElement extends HTMLElementBase {\n #controller = new AVPlayerController();\n #connected = false;\n #listeners = new Map<keyof AVPlayerEventMap, EventListener>();\n\n get controller(): AVPlayerController {\n return this.#controller;\n }\n\n set controller(value: AVPlayerController) {\n if (value === this.#controller) return;\n this.#detachController();\n this.#controller = value;\n if (this.#connected) this.#attachController();\n this.controllerChanged();\n }\n\n connectedCallback(): void {\n this.#connected = true;\n this.#attachController();\n this.controllerChanged();\n }\n\n disconnectedCallback(): void {\n this.#connected = false;\n this.#detachController();\n }\n\n protected get controllerEvents(): Array<keyof AVPlayerEventMap> {\n return controllerEventTypes;\n }\n\n protected abstract controllerChanged(): void;\n\n protected abstract handleControllerEvent<K extends keyof AVPlayerEventMap>(\n type: K,\n event: CustomEvent<AVPlayerEventMap[K]>,\n ): void;\n\n #attachController(): void {\n if (this.#listeners.size > 0) return;\n for (const type of this.controllerEvents) {\n const listener = ((event: CustomEvent) => {\n this.handleControllerEvent(type, event as CustomEvent<AVPlayerEventMap[typeof type]>);\n }) as EventListener;\n this.#controller.addEventListener(type, listener);\n this.#listeners.set(type, listener);\n }\n }\n\n #detachController(): void {\n for (const [type, listener] of this.#listeners) {\n this.#controller.removeEventListener(type, listener);\n }\n this.#listeners.clear();\n }\n}\n","export const componentTheme = `\n :host {\n --mango-av-accent: #5b3fd6;\n --mango-av-accent-contrast: #fff;\n --mango-av-background: #fff;\n --mango-av-surface: #f5f5f8;\n --mango-av-text: #18181b;\n --mango-av-muted: #62626a;\n --mango-av-border: #d7d7de;\n --mango-av-radius: .65rem;\n --mango-av-font: ui-sans-serif, system-ui, sans-serif;\n color: var(--mango-av-text);\n display: block;\n font-family: var(--mango-av-font);\n }\n *, *::before, *::after { box-sizing: border-box; }\n button, input, select { font: inherit; }\n button, select { cursor: pointer; }\n .empty { color: var(--mango-av-muted); font-style: italic; }\n .time { color: var(--mango-av-muted); font-size: .78rem; }\n`;\n"],"mappings":";;;;;AAGO,IAAM,kBAAmB,WAAW,eAAe,MAAM;AAAC;AAE1D,IAAM,uBAAsD;AAAA,EACjE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAe,sBAAf,cAA2C,gBAAgB;AAAA,EAChE,cAAc,IAAI,mBAAmB;AAAA,EACrC,aAAa;AAAA,EACb,aAAa,oBAAI,IAA2C;AAAA,EAE5D,IAAI,aAAiC;AACnC,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAI,WAAW,OAA2B;AACxC,QAAI,UAAU,KAAK,YAAa;AAChC,SAAK,kBAAkB;AACvB,SAAK,cAAc;AACnB,QAAI,KAAK,WAAY,MAAK,kBAAkB;AAC5C,SAAK,kBAAkB;AAAA,EACzB;AAAA,EAEA,oBAA0B;AACxB,SAAK,aAAa;AAClB,SAAK,kBAAkB;AACvB,SAAK,kBAAkB;AAAA,EACzB;AAAA,EAEA,uBAA6B;AAC3B,SAAK,aAAa;AAClB,SAAK,kBAAkB;AAAA,EACzB;AAAA,EAEA,IAAc,mBAAkD;AAC9D,WAAO;AAAA,EACT;AAAA,EASA,oBAA0B;AACxB,QAAI,KAAK,WAAW,OAAO,EAAG;AAC9B,eAAW,QAAQ,KAAK,kBAAkB;AACxC,YAAM,YAAY,CAAC,UAAuB;AACxC,aAAK,sBAAsB,MAAM,KAAmD;AAAA,MACtF;AACA,WAAK,YAAY,iBAAiB,MAAM,QAAQ;AAChD,WAAK,WAAW,IAAI,MAAM,QAAQ;AAAA,IACpC;AAAA,EACF;AAAA,EAEA,oBAA0B;AACxB,eAAW,CAAC,MAAM,QAAQ,KAAK,KAAK,YAAY;AAC9C,WAAK,YAAY,oBAAoB,MAAM,QAAQ;AAAA,IACrD;AACA,SAAK,WAAW,MAAM;AAAA,EACxB;AACF;;;AC9EO,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}
|
package/dist/chunk-CDLYT3KB.js
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
// src/components/playback.ts
|
|
2
|
-
var playFromInteraction = (controller, target) => {
|
|
3
|
-
void controller.play().catch((cause) => {
|
|
4
|
-
if (cause instanceof Error && cause.name === "AbortError") return;
|
|
5
|
-
const error = cause instanceof Error ? cause : new Error(String(cause));
|
|
6
|
-
target.dispatchEvent(new CustomEvent("av-error", {
|
|
7
|
-
detail: { error },
|
|
8
|
-
bubbles: true,
|
|
9
|
-
composed: true
|
|
10
|
-
}));
|
|
11
|
-
});
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
export {
|
|
15
|
-
playFromInteraction
|
|
16
|
-
};
|
|
17
|
-
//# sourceMappingURL=chunk-CDLYT3KB.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/playback.ts"],"sourcesContent":["import type { AVPlayerController } from '../controller';\n\nexport const playFromInteraction = (controller: AVPlayerController, target: EventTarget): void => {\n void controller.play().catch((cause: unknown) => {\n if (cause instanceof Error && cause.name === 'AbortError') return;\n const error = cause instanceof Error ? cause : new Error(String(cause));\n target.dispatchEvent(new CustomEvent('av-error', {\n detail: { error },\n bubbles: true,\n composed: true,\n }));\n });\n};\n"],"mappings":";AAEO,IAAM,sBAAsB,CAAC,YAAgC,WAA8B;AAChG,OAAK,WAAW,KAAK,EAAE,MAAM,CAAC,UAAmB;AAC/C,QAAI,iBAAiB,SAAS,MAAM,SAAS,aAAc;AAC3D,UAAM,QAAQ,iBAAiB,QAAQ,QAAQ,IAAI,MAAM,OAAO,KAAK,CAAC;AACtE,WAAO,cAAc,IAAI,YAAY,YAAY;AAAA,MAC/C,QAAQ,EAAE,MAAM;AAAA,MAChB,SAAS;AAAA,MACT,UAAU;AAAA,IACZ,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/transcript.ts"],"sourcesContent":["import type { TranscriptCue, TranscriptResource } from './types';\nimport { parseTime } from './utils';\n\nexport interface TranscriptParseOptions {\n showNotes?: boolean;\n showMetadata?: boolean;\n}\n\nconst stripMarkup = (value: string): string =>\n value\n .replace(/<br\\s*\\/?>/gi, '\\n')\n .replace(/<[^>]+>/g, '')\n .replace(/ /g, ' ')\n .replace(/&/g, '&')\n .replace(/</g, '<')\n .replace(/>/g, '>')\n .replace(/"/g, '\"')\n .trim();\n\nconst cueFromBlock = (\n block: string[],\n index: number,\n isSrt: boolean,\n): TranscriptCue | undefined => {\n const timestampIndex = block.findIndex((line) => line.includes('-->'));\n if (timestampIndex < 0) return undefined;\n const timestamp = block[timestampIndex];\n if (!timestamp) return undefined;\n const [rawStart = '', rawEnd = ''] = timestamp.split('-->').map((part) => part.trim().split(/\\s+/)[0] ?? '');\n const start = parseTime(isSrt ? rawStart.replace(',', '.') : rawStart);\n const end = parseTime(isSrt ? rawEnd.replace(',', '.') : rawEnd);\n if (start === undefined || end === undefined) return undefined;\n const text = stripMarkup(block.slice(timestampIndex + 1).join('\\n'));\n if (!text) return undefined;\n return {\n id: `cue-${index}`,\n start,\n end,\n text,\n type: 'cue',\n };\n};\n\nexport const parseTimedText = (\n input: string,\n format: 'vtt' | 'srt',\n options: TranscriptParseOptions = {},\n): TranscriptCue[] => {\n const normalized = input.replace(/^\\uFEFF/, '').replace(/\\r\\n?/g, '\\n');\n if (format === 'vtt' && !normalized.trimStart().startsWith('WEBVTT')) {\n throw new Error('Invalid WebVTT transcript: missing WEBVTT header.');\n }\n const lines = normalized.split('\\n');\n const cues: TranscriptCue[] = [];\n let block: string[] = [];\n const flush = () => {\n if (block.length === 0) return;\n const first = block[0]?.trim() ?? '';\n if (/^NOTE(?:\\s|$)/i.test(first)) {\n if (options.showNotes) {\n const text = stripMarkup(block.join('\\n').replace(/^NOTE\\s*/i, ''));\n if (text) cues.push({ id: `note-${cues.length}`, text, type: 'note' });\n }\n } else if (!block.some((line) => line.includes('-->'))) {\n const upper = first.toUpperCase();\n if (options.showMetadata && first && first !== 'WEBVTT' && upper !== 'STYLE' && upper !== 'REGION') {\n cues.push({ id: `metadata-${cues.length}`, text: stripMarkup(block.join('\\n')), type: 'metadata' });\n }\n } else {\n const cue = cueFromBlock(block, cues.length, format === 'srt');\n if (cue) cues.push(cue);\n }\n block = [];\n };\n for (const line of lines) {\n if (line.trim() === '') flush();\n else block.push(line);\n }\n flush();\n return cues;\n};\n\nconst parseJsonTranscript = (value: unknown): TranscriptCue[] => {\n if (!Array.isArray(value)) return [];\n const cues: TranscriptCue[] = [];\n for (const entry of value) {\n if (!entry || typeof entry !== 'object') continue;\n const object = entry as Record<string, unknown>;\n const spans = Array.isArray(object.spans) ? object.spans : [object];\n for (const spanValue of spans) {\n if (!spanValue || typeof spanValue !== 'object') continue;\n const span = spanValue as Record<string, unknown>;\n const textValue = span.text ?? span.value ?? span.chars;\n if (typeof textValue !== 'string') continue;\n const cue: TranscriptCue = {\n id: typeof span.id === 'string' ? span.id : `cue-${cues.length}`,\n text: stripMarkup(textValue),\n type: 'cue',\n };\n const start = parseTime((span.begin ?? span.start) as string | number | undefined);\n const end = parseTime((span.end ?? span.stop) as string | number | undefined);\n if (start !== undefined) cue.start = start;\n if (end !== undefined) cue.end = end;\n if (typeof object.speaker === 'string') cue.speaker = object.speaker;\n else if (typeof span.speaker === 'string') cue.speaker = span.speaker;\n cues.push(cue);\n }\n }\n return cues;\n};\n\nexport const parseTranscript = (\n input: string | unknown,\n format: string,\n options: TranscriptParseOptions = {},\n): TranscriptCue[] => {\n const normalizedFormat = format.toLowerCase().split(';')[0] ?? '';\n if (normalizedFormat.includes('json') || (typeof input !== 'string' && typeof input === 'object')) {\n const value = typeof input === 'string' ? JSON.parse(input) as unknown : input;\n return parseJsonTranscript(value);\n }\n if (typeof input !== 'string') return [];\n if (normalizedFormat.includes('vtt') || normalizedFormat === 'vtt') return parseTimedText(input, 'vtt', options);\n if (normalizedFormat.includes('srt') || normalizedFormat.includes('subrip') || normalizedFormat === 'srt') return parseTimedText(input, 'srt', options);\n return input\n .replace(/\\r\\n?/g, '\\n')\n .split(/\\n{2,}|\\n/)\n .map((text) => stripMarkup(text))\n .filter(Boolean)\n .map((text, index) => ({ id: `text-${index}`, text, type: 'text' as const }));\n};\n\nconst inferFormat = (resource: TranscriptResource, contentType: string | null): string => {\n if (resource.format) return resource.format;\n if (contentType) return contentType;\n const extension = resource.src?.split(/[?#]/)[0]?.split('.').pop()?.toLowerCase();\n return extension ?? 'text/plain';\n};\n\nexport const loadTranscript = async (\n resource: TranscriptResource,\n options: TranscriptParseOptions & { fetch?: typeof globalThis.fetch; requestInit?: RequestInit } = {},\n): Promise<TranscriptCue[]> => {\n if (resource.cues) return resource.cues;\n if (!resource.src) return [];\n if (resource.format?.includes('wordprocessingml') || /\\.docx(?:$|[?#])/i.test(resource.src)) {\n throw new Error('DOCX transcripts are not supported.');\n }\n const fetcher = options.fetch ?? globalThis.fetch;\n if (!fetcher) throw new Error('No fetch implementation is available to load the transcript.');\n const response = await fetcher(resource.src, options.requestInit);\n if (!response.ok) throw new Error(`Unable to load transcript (${response.status} ${response.statusText}).`);\n const contentType = response.headers.get('content-type');\n const format = inferFormat(resource, contentType);\n if (format.includes('json')) return parseTranscript(await response.json(), format, options);\n return parseTranscript(await response.text(), format, options);\n};\n"],"mappings":"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","names":[]}
|
package/dist/chunk-EHIKFRFV.js
DELETED
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
AVControllerElement,
|
|
3
|
-
componentTheme
|
|
4
|
-
} from "./chunk-C4H46HDS.js";
|
|
5
|
-
import {
|
|
6
|
-
escapeHtml,
|
|
7
|
-
formatTime,
|
|
8
|
-
resolveStrings
|
|
9
|
-
} from "./chunk-4NOWGMI5.js";
|
|
10
|
-
|
|
11
|
-
// src/components/mango-av-chapters.ts
|
|
12
|
-
var styles = `${componentTheme}
|
|
13
|
-
.chapters { background: var(--mango-av-background); border: 1px solid var(--mango-av-border); border-radius: var(--mango-av-radius); padding: .75rem; }
|
|
14
|
-
h2 { font-size: 1rem; margin: 0 0 .5rem; }
|
|
15
|
-
ul { list-style: none; margin: 0; padding: 0; }
|
|
16
|
-
ul ul { border-left: 1px solid var(--mango-av-border); margin-left: .8rem; padding-left: .55rem; }
|
|
17
|
-
li { margin-block: .3rem; }
|
|
18
|
-
button { background: transparent; border: 0; border-radius: 0; color: inherit; display: grid; gap: .15rem; padding: .5rem; text-align: left; width: 100%; }
|
|
19
|
-
button:hover { background: var(--mango-av-surface); }
|
|
20
|
-
button.active { background: color-mix(in srgb, var(--mango-av-accent) 14%, transparent); box-shadow: inset 3px 0 var(--mango-av-accent); }
|
|
21
|
-
`;
|
|
22
|
-
var renderChapters = (chapters, canvasId, ui, level = 1) => {
|
|
23
|
-
if (chapters.length === 0 && level === 1) return `<p class="empty">${escapeHtml(ui.noChapters)}</p>`;
|
|
24
|
-
return `<ul>${chapters.map((chapter) => `<li>
|
|
25
|
-
<button type="button" class="${chapter.canvasId === canvasId ? "active" : ""}" ${chapter.canvasId ? `data-canvas="${escapeHtml(chapter.canvasId)}"` : "disabled"} ${chapter.time ? `data-time="${chapter.time.start}"` : ""}>
|
|
26
|
-
<span>${escapeHtml(chapter.label)}</span>
|
|
27
|
-
${chapter.time ? `<span class="time">${formatTime(chapter.time.start)}</span>` : ""}
|
|
28
|
-
</button>
|
|
29
|
-
${renderChapters(chapter.children, canvasId, ui, level + 1)}
|
|
30
|
-
</li>`).join("")}</ul>`;
|
|
31
|
-
};
|
|
32
|
-
var MangoAVChaptersElement = class extends AVControllerElement {
|
|
33
|
-
#root;
|
|
34
|
-
constructor() {
|
|
35
|
-
super();
|
|
36
|
-
this.#root = this.attachShadow({ mode: "open" });
|
|
37
|
-
}
|
|
38
|
-
controllerChanged() {
|
|
39
|
-
this.#render();
|
|
40
|
-
}
|
|
41
|
-
handleControllerEvent(type, _event) {
|
|
42
|
-
if (type === "av-ready" || type === "av-canvaschange" || type === "av-configchange") this.#render();
|
|
43
|
-
}
|
|
44
|
-
#render() {
|
|
45
|
-
const manifest = this.controller.manifest;
|
|
46
|
-
const canvas = this.controller.canvas;
|
|
47
|
-
const ui = resolveStrings(this.controller.config.strings);
|
|
48
|
-
this.#root.innerHTML = `<style>${styles}</style><section class="chapters" aria-label="${escapeHtml(ui.chapters)}">
|
|
49
|
-
<slot name="heading"><h2>${escapeHtml(ui.chapters)}</h2></slot>
|
|
50
|
-
${manifest && canvas ? renderChapters(manifest.chapters, canvas.id, ui) : `<p class="empty">${escapeHtml(ui.noManifest)}</p>`}
|
|
51
|
-
</section>`;
|
|
52
|
-
this.#root.querySelectorAll("[data-canvas]").forEach((button) => button.addEventListener("click", () => {
|
|
53
|
-
const canvasId = button.dataset.canvas;
|
|
54
|
-
if (!canvasId) return;
|
|
55
|
-
const time = Number(button.dataset.time ?? 0);
|
|
56
|
-
this.dispatchEvent(new CustomEvent("av-chapterselect", {
|
|
57
|
-
detail: { canvasId, time },
|
|
58
|
-
bubbles: true,
|
|
59
|
-
composed: true
|
|
60
|
-
}));
|
|
61
|
-
this.controller.selectCanvas(canvasId, { time, autoplay: this.controller.state.status === "playing" });
|
|
62
|
-
}));
|
|
63
|
-
}
|
|
64
|
-
};
|
|
65
|
-
var defineMangoAVChapters = (tagName = "mango-av-chapters") => {
|
|
66
|
-
if (typeof customElements === "undefined") return MangoAVChaptersElement;
|
|
67
|
-
if (!customElements.get(tagName)) customElements.define(tagName, MangoAVChaptersElement);
|
|
68
|
-
return MangoAVChaptersElement;
|
|
69
|
-
};
|
|
70
|
-
|
|
71
|
-
export {
|
|
72
|
-
MangoAVChaptersElement,
|
|
73
|
-
defineMangoAVChapters
|
|
74
|
-
};
|
|
75
|
-
//# sourceMappingURL=chunk-EHIKFRFV.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/mango-av-chapters.ts"],"sourcesContent":["import { AVControllerElement } from './controller-element';\nimport { componentTheme } from './component-styles';\nimport type { AVPlayerEventMap, AVStrings, Chapter } from '../types';\nimport { escapeHtml, formatTime, resolveStrings } from '../utils';\n\nconst styles = `${componentTheme}\n .chapters { background: var(--mango-av-background); border: 1px solid var(--mango-av-border); border-radius: var(--mango-av-radius); padding: .75rem; }\n h2 { font-size: 1rem; margin: 0 0 .5rem; }\n ul { list-style: none; margin: 0; padding: 0; }\n ul ul { border-left: 1px solid var(--mango-av-border); margin-left: .8rem; padding-left: .55rem; }\n li { margin-block: .3rem; }\n button { background: transparent; border: 0; border-radius: 0; color: inherit; display: grid; gap: .15rem; padding: .5rem; text-align: left; width: 100%; }\n button:hover { background: var(--mango-av-surface); }\n button.active { background: color-mix(in srgb, var(--mango-av-accent) 14%, transparent); box-shadow: inset 3px 0 var(--mango-av-accent); }\n`;\n\nconst renderChapters = (chapters: Chapter[], canvasId: string, ui: AVStrings, level = 1): string => {\n if (chapters.length === 0 && level === 1) return `<p class=\"empty\">${escapeHtml(ui.noChapters)}</p>`;\n return `<ul>${chapters.map((chapter) => `<li>\n <button type=\"button\" class=\"${chapter.canvasId === canvasId ? 'active' : ''}\" ${chapter.canvasId ? `data-canvas=\"${escapeHtml(chapter.canvasId)}\"` : 'disabled'} ${chapter.time ? `data-time=\"${chapter.time.start}\"` : ''}>\n <span>${escapeHtml(chapter.label)}</span>\n ${chapter.time ? `<span class=\"time\">${formatTime(chapter.time.start)}</span>` : ''}\n </button>\n ${renderChapters(chapter.children, canvasId, ui, level + 1)}\n </li>`).join('')}</ul>`;\n};\n\nexport class MangoAVChaptersElement extends AVControllerElement {\n #root: ShadowRoot;\n\n constructor() {\n super();\n this.#root = this.attachShadow({ mode: 'open' });\n }\n\n protected controllerChanged(): void { this.#render(); }\n\n protected handleControllerEvent<K extends keyof AVPlayerEventMap>(type: K, _event: CustomEvent<AVPlayerEventMap[K]>): void {\n if (type === 'av-ready' || type === 'av-canvaschange' || type === 'av-configchange') this.#render();\n }\n\n #render(): void {\n const manifest = this.controller.manifest;\n const canvas = this.controller.canvas;\n const ui = resolveStrings(this.controller.config.strings);\n this.#root.innerHTML = `<style>${styles}</style><section class=\"chapters\" aria-label=\"${escapeHtml(ui.chapters)}\">\n <slot name=\"heading\"><h2>${escapeHtml(ui.chapters)}</h2></slot>\n ${manifest && canvas ? renderChapters(manifest.chapters, canvas.id, ui) : `<p class=\"empty\">${escapeHtml(ui.noManifest)}</p>`}\n </section>`;\n this.#root.querySelectorAll<HTMLElement>('[data-canvas]').forEach((button) => button.addEventListener('click', () => {\n const canvasId = button.dataset.canvas;\n if (!canvasId) return;\n const time = Number(button.dataset.time ?? 0);\n this.dispatchEvent(new CustomEvent('av-chapterselect', {\n detail: { canvasId, time },\n bubbles: true,\n composed: true,\n }));\n this.controller.selectCanvas(canvasId, { time, autoplay: this.controller.state.status === 'playing' });\n }));\n }\n}\n\nexport const defineMangoAVChapters = (tagName = 'mango-av-chapters'): typeof MangoAVChaptersElement => {\n if (typeof customElements === 'undefined') return MangoAVChaptersElement;\n if (!customElements.get(tagName)) customElements.define(tagName, MangoAVChaptersElement);\n return MangoAVChaptersElement;\n};\n"],"mappings":";;;;;;;;;;;AAKA,IAAM,SAAS,GAAG,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWhC,IAAM,iBAAiB,CAAC,UAAqB,UAAkB,IAAe,QAAQ,MAAc;AAClG,MAAI,SAAS,WAAW,KAAK,UAAU,EAAG,QAAO,oBAAoB,WAAW,GAAG,UAAU,CAAC;AAC9F,SAAO,OAAO,SAAS,IAAI,CAAC,YAAY;AAAA,mCACP,QAAQ,aAAa,WAAW,WAAW,EAAE,KAAK,QAAQ,WAAW,gBAAgB,WAAW,QAAQ,QAAQ,CAAC,MAAM,UAAU,IAAI,QAAQ,OAAO,cAAc,QAAQ,KAAK,KAAK,MAAM,EAAE;AAAA,cACjN,WAAW,QAAQ,KAAK,CAAC;AAAA,QAC/B,QAAQ,OAAO,sBAAsB,WAAW,QAAQ,KAAK,KAAK,CAAC,YAAY,EAAE;AAAA;AAAA,MAEnF,eAAe,QAAQ,UAAU,UAAU,IAAI,QAAQ,CAAC,CAAC;AAAA,QACvD,EAAE,KAAK,EAAE,CAAC;AAClB;AAEO,IAAM,yBAAN,cAAqC,oBAAoB;AAAA,EAC9D;AAAA,EAEA,cAAc;AACZ,UAAM;AACN,SAAK,QAAQ,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAAA,EACjD;AAAA,EAEU,oBAA0B;AAAE,SAAK,QAAQ;AAAA,EAAG;AAAA,EAE5C,sBAAwD,MAAS,QAAgD;AACzH,QAAI,SAAS,cAAc,SAAS,qBAAqB,SAAS,kBAAmB,MAAK,QAAQ;AAAA,EACpG;AAAA,EAEA,UAAgB;AACd,UAAM,WAAW,KAAK,WAAW;AACjC,UAAM,SAAS,KAAK,WAAW;AAC/B,UAAM,KAAK,eAAe,KAAK,WAAW,OAAO,OAAO;AACxD,SAAK,MAAM,YAAY,UAAU,MAAM,iDAAiD,WAAW,GAAG,QAAQ,CAAC;AAAA,iCAClF,WAAW,GAAG,QAAQ,CAAC;AAAA,QAChD,YAAY,SAAS,eAAe,SAAS,UAAU,OAAO,IAAI,EAAE,IAAI,oBAAoB,WAAW,GAAG,UAAU,CAAC,MAAM;AAAA;AAE/H,SAAK,MAAM,iBAA8B,eAAe,EAAE,QAAQ,CAAC,WAAW,OAAO,iBAAiB,SAAS,MAAM;AACnH,YAAM,WAAW,OAAO,QAAQ;AAChC,UAAI,CAAC,SAAU;AACf,YAAM,OAAO,OAAO,OAAO,QAAQ,QAAQ,CAAC;AAC5C,WAAK,cAAc,IAAI,YAAY,oBAAoB;AAAA,QACrD,QAAQ,EAAE,UAAU,KAAK;AAAA,QACzB,SAAS;AAAA,QACT,UAAU;AAAA,MACZ,CAAC,CAAC;AACF,WAAK,WAAW,aAAa,UAAU,EAAE,MAAM,UAAU,KAAK,WAAW,MAAM,WAAW,UAAU,CAAC;AAAA,IACvG,CAAC,CAAC;AAAA,EACJ;AACF;AAEO,IAAM,wBAAwB,CAAC,UAAU,wBAAuD;AACrG,MAAI,OAAO,mBAAmB,YAAa,QAAO;AAClD,MAAI,CAAC,eAAe,IAAI,OAAO,EAAG,gBAAe,OAAO,SAAS,sBAAsB;AACvF,SAAO;AACT;","names":[]}
|