@mattebox/player 0.1.0 → 0.2.0

package/dist/es2015/panels/live.js

@@ -1,48 +0,0 @@
-import { el, state } from "../dom.js";
-import { namespaces } from "../namespaces.js";
-//#region src/panels/live.ts
-/**
-* The live badge over `engine.live`. Present only when a live stage is
-* composed, so the factory answers null for VOD-only engines and for native.
-*
-* Latency has no event; it moves with the playhead. The video's `timeupdate`
-* is the clock the browser already runs, so the badge reads on that.
-*/
-const livePanel = (session, video) => {
-	const engine = session.engine;
-	if (engine === null) return null;
-	const found = namespaces(engine).live;
-	if (found === void 0) return null;
-	const live = found;
-	const root = el("div", "panel live");
-	const badge = el("span", "badge live-badge", "Live");
-	const latency = el("span", "value live-latency");
-	const button = el("button", "button live-edge-button", "Go to live");
-	button.type = "button";
-	root.append(badge, latency, button);
-	let shown = "";
-	function tick() {
-		root.hidden = live.edge === null;
-		const atEdge = live.atEdge;
-		state(root, "panel live", { "at-edge": atEdge });
-		button.disabled = atEdge;
-		const seconds = live.latency;
-		const text = seconds === null ? "" : `${seconds.toFixed(1)}s behind`;
-		if (text === shown) return;
-		shown = text;
-		latency.textContent = text;
-	}
-	button.addEventListener("click", () => {
-		live.seekToEdge();
-	});
-	video.addEventListener("timeupdate", tick);
-	tick();
-	return {
-		root,
-		dispose() {
-			video.removeEventListener("timeupdate", tick);
-		}
-	};
-};
-//#endregion
-export { livePanel };

package/dist/es2015/panels/quality.js

@@ -1,52 +0,0 @@
-import { el, fill, menu } from "../dom.js";
-//#region src/panels/quality.ts
-const AUTO = "auto";
-/** A rendition's height when the manifest declared one, its bitrate otherwise. */
-function label(rendition) {
-	if (rendition.height !== void 0) return `${rendition.height}p`;
-	return `${Math.round(rendition.bitrate / 1e3)} kbps`;
-}
-const qualityPanel = (session, video) => {
-	const engine = session.engine;
-	if (engine === null) return null;
-	const quality = engine.quality;
-	const root = el("div", "panel quality");
-	const [wrapper, select] = menu("quality", "Quality");
-	const playing = el("span", "value quality-playing");
-	root.append(wrapper, playing);
-	let shown = "";
-	function render() {
-		var _quality$pinned;
-		const items = [[AUTO, "Auto"]];
-		for (const rendition of quality.renditions) items.push([rendition.id, label(rendition)]);
-		fill(select, items, (_quality$pinned = quality.pinned) !== null && _quality$pinned !== void 0 ? _quality$pinned : AUTO);
-		root.hidden = quality.renditions.length === 0;
-	}
-	function tick() {
-		const current = quality.playing === null ? "" : label(quality.playing);
-		if (current === shown) return;
-		shown = current;
-		playing.textContent = current;
-	}
-	select.addEventListener("change", () => {
-		if (select.value === AUTO) quality.auto();
-		else quality.pin(select.value);
-	});
-	const offs = [
-		engine.on("tracks:changed", render),
-		engine.on("quality:constraints-unsatisfiable", render),
-		engine.on("quality:pin-unsatisfiable", render)
-	];
-	video.addEventListener("timeupdate", tick);
-	render();
-	tick();
-	return {
-		root,
-		dispose() {
-			for (const off of offs) off();
-			video.removeEventListener("timeupdate", tick);
-		}
-	};
-};
-//#endregion
-export { qualityPanel };

package/dist/es2015/panels/tracks.js

@@ -1,47 +0,0 @@
-import { el, fill, menu } from "../dom.js";
-//#region src/panels/tracks.ts
-const OFF = "off";
-/** The language, then the role, then the id: whichever the manifest gave. */
-function label(track) {
-	const parts = [track.lang, track.role].filter((part) => part !== void 0);
-	return parts.length === 0 ? track.id : parts.join(" · ");
-}
-const tracksPanel = (session) => {
-	const engine = session.engine;
-	if (engine === null) return null;
-	const tracks = engine.tracks;
-	const root = el("div", "panel tracks");
-	const [audioLabel, audio] = menu("audio", "Audio");
-	const [textLabel, text] = menu("text", "Subtitles");
-	root.append(audioLabel, textLabel);
-	function renderOne(select, wrapper, contentType, off) {
-		var _tracks$active$id, _tracks$active;
-		const available = tracks.available.filter((track) => track.contentType === contentType);
-		const items = off ? [[OFF, "Off"]] : [];
-		for (const track of available) items.push([track.id, label(track)]);
-		fill(select, items, (_tracks$active$id = (_tracks$active = tracks.active(contentType)) === null || _tracks$active === void 0 ? void 0 : _tracks$active.id) !== null && _tracks$active$id !== void 0 ? _tracks$active$id : OFF);
-		wrapper.hidden = available.length === 0;
-		return available.length;
-	}
-	function render() {
-		const count = renderOne(audio, audioLabel, "audio", false) + renderOne(text, textLabel, "text", true);
-		root.hidden = count === 0;
-	}
-	audio.addEventListener("change", () => {
-		tracks.select(audio.value);
-	});
-	text.addEventListener("change", () => {
-		if (text.value === OFF) tracks.deselect("text");
-		else tracks.select(text.value);
-	});
-	const offs = [engine.on("tracks:changed", render), engine.on("tracks:selected", render)];
-	render();
-	return {
-		root,
-		dispose() {
-			for (const off of offs) off();
-		}
-	};
-};
-//#endregion
-export { tracksPanel };

package/dist/panels/drm.d.ts

@@ -1,8 +0,0 @@
-/**
- * The DRM indicator over `engine.drm`. Present only when the EME stages are
- * composed. It shows the key system in use and nothing else: sessions and key
- * statuses are diagnostics, and the element is not a diagnostics surface.
- */
-import type { PanelFactory } from './panel.js';
-export declare const drmPanel: PanelFactory;
-//# sourceMappingURL=drm.d.ts.map

package/dist/panels/drm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"drm.d.ts","sourceRoot":"","sources":["../../src/panels/drm.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,KAAK,EAAS,YAAY,EAAE,MAAM,YAAY,CAAC;AAEtD,eAAO,MAAM,QAAQ,EAAE,YA6BtB,CAAC"}

package/dist/panels/drm.js

@@ -1,36 +0,0 @@
-/**
- * The DRM indicator over `engine.drm`. Present only when the EME stages are
- * composed. It shows the key system in use and nothing else: sessions and key
- * statuses are diagnostics, and the element is not a diagnostics surface.
- */
-import { el } from '../dom.js';
-import { namespaces } from '../namespaces.js';
-export const drmPanel = (session) => {
-    const engine = session.engine;
-    if (engine === null)
-        return null;
-    const found = namespaces(engine).drm;
-    if (found === undefined)
-        return null;
-    const drm = found;
-    const root = el('div', 'panel drm');
-    root.append(el('span', 'text drm-text', 'DRM'));
-    const keySystem = el('span', 'value drm-key-system');
-    root.append(keySystem);
-    function render() {
-        const name = drm.keySystem;
-        keySystem.textContent = name ?? '';
-        // Nothing to show until a key session opens, and an empty indicator is
-        // worse than none.
-        root.hidden = name === null;
-    }
-    const off = engine.on('drm:keysystem', render);
-    render();
-    return {
-        root,
-        dispose() {
-            off();
-        },
-    };
-};
-//# sourceMappingURL=drm.js.map

package/dist/panels/drm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"drm.js","sourceRoot":"","sources":["../../src/panels/drm.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,MAAM,CAAC,MAAM,QAAQ,GAAiB,CAAC,OAAO,EAAgB,EAAE;IAC9D,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAC9B,IAAI,MAAM,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IACjC,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC;IACrC,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC;IACrC,MAAM,GAAG,GAAW,KAAK,CAAC;IAE1B,MAAM,IAAI,GAAG,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IACpC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,EAAE,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;IACrD,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAEvB,SAAS,MAAM;QACb,MAAM,IAAI,GAAG,GAAG,CAAC,SAAS,CAAC;QAC3B,SAAS,CAAC,WAAW,GAAG,IAAI,IAAI,EAAE,CAAC;QACnC,uEAAuE;QACvE,mBAAmB;QACnB,IAAI,CAAC,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9B,CAAC;IAED,MAAM,GAAG,GAAG,MAAM,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;IAC/C,MAAM,EAAE,CAAC;IAET,OAAO;QACL,IAAI;QACJ,OAAO;YACL,GAAG,EAAE,CAAC;QACR,CAAC;KACF,CAAC;AACJ,CAAC,CAAC"}

package/dist/panels/error.d.ts

@@ -1,13 +0,0 @@
-/**
- * The error surface. It is not a panel: it outlives a session, because the
- * core reports "no handler claimed this source" when there is no session to
- * hang it on. It stays hidden until a fatal error arrives.
- */
-import type { PlayerError } from '@mattebox/player-core';
-export interface ErrorSurface {
-    readonly root: HTMLElement;
-    show(error: PlayerError): void;
-    clear(): void;
-}
-export declare function errorSurface(retry: () => void): ErrorSurface;
-//# sourceMappingURL=error.d.ts.map

package/dist/panels/error.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../src/panels/error.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGzD,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,IAAI,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,KAAK,IAAI,IAAI,CAAC;CACf;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,IAAI,GAAG,YAAY,CAqB5D"}

package/dist/panels/error.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"error.js","sourceRoot":"","sources":["../../src/panels/error.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAQ/B,MAAM,UAAU,YAAY,CAAC,KAAiB;IAC5C,MAAM,IAAI,GAAG,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;IACtC,MAAM,QAAQ,GAAG,EAAE,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;IACpD,MAAM,IAAI,GAAG,EAAE,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAC5C,MAAM,MAAM,GAAG,EAAE,CAAC,QAAQ,EAAE,oBAAoB,EAAE,OAAO,CAAC,CAAC;IAC3D,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;IACvB,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACxC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;IACpC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IAEnB,OAAO;QACL,IAAI;QACJ,IAAI,CAAC,KAAkB;YACrB,QAAQ,CAAC,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC;YACtC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC;YAC9B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACtB,CAAC;QACD,KAAK;YACH,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACrB,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/panels/live.d.ts

@@ -1,3 +0,0 @@
-import type { PanelFactory } from './panel.js';
-export declare const livePanel: PanelFactory;
-//# sourceMappingURL=live.d.ts.map

package/dist/panels/live.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"live.d.ts","sourceRoot":"","sources":["../../src/panels/live.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAS,YAAY,EAAE,MAAM,YAAY,CAAC;AAEtD,eAAO,MAAM,SAAS,EAAE,YA8CvB,CAAC"}

package/dist/panels/live.js

@@ -1,56 +0,0 @@
-/**
- * The live badge over `engine.live`. Present only when a live stage is
- * composed, so the factory answers null for VOD-only engines and for native.
- *
- * Latency has no event; it moves with the playhead. The video's `timeupdate`
- * is the clock the browser already runs, so the badge reads on that.
- */
-import { el, state } from '../dom.js';
-import { namespaces } from '../namespaces.js';
-export const livePanel = (session, video) => {
-    const engine = session.engine;
-    if (engine === null)
-        return null;
-    const found = namespaces(engine).live;
-    if (found === undefined)
-        return null;
-    // Annotated, not narrowed: a hoisted function declaration below reads it.
-    const live = found;
-    const root = el('div', 'panel live');
-    const badge = el('span', 'badge live-badge', 'Live');
-    const latency = el('span', 'value live-latency');
-    const button = el('button', 'button live-edge-button', 'Go to live');
-    button.type = 'button';
-    root.append(badge, latency, button);
-    let shown = '';
-    function tick() {
-        // The namespace is present whenever a live stage was composed, which says
-        // nothing about the stream: `full` carries both live adapters, so a VOD
-        // presentation has `engine.live` too. A window that never opened leaves
-        // `edge` null, and that is what makes a stream live.
-        root.hidden = live.edge === null;
-        const atEdge = live.atEdge;
-        // State rides the part name: `::part()` takes no attribute selector, so
-        // `::part(at-edge)` is the only way a page can style the edge state.
-        state(root, 'panel live', { 'at-edge': atEdge });
-        button.disabled = atEdge;
-        const seconds = live.latency;
-        const text = seconds === null ? '' : `${seconds.toFixed(1)}s behind`;
-        if (text === shown)
-            return;
-        shown = text;
-        latency.textContent = text;
-    }
-    button.addEventListener('click', () => {
-        live.seekToEdge();
-    });
-    video.addEventListener('timeupdate', tick);
-    tick();
-    return {
-        root,
-        dispose() {
-            video.removeEventListener('timeupdate', tick);
-        },
-    };
-};
-//# sourceMappingURL=live.js.map

package/dist/panels/live.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"live.js","sourceRoot":"","sources":["../../src/panels/live.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,MAAM,CAAC,MAAM,SAAS,GAAiB,CAAC,OAAO,EAAE,KAAK,EAAgB,EAAE;IACtE,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAC9B,IAAI,MAAM,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IACjC,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC;IACtC,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC;IACrC,0EAA0E;IAC1E,MAAM,IAAI,GAAY,KAAK,CAAC;IAE5B,MAAM,IAAI,GAAG,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;IACrC,MAAM,KAAK,GAAG,EAAE,CAAC,MAAM,EAAE,kBAAkB,EAAE,MAAM,CAAC,CAAC;IACrD,MAAM,OAAO,GAAG,EAAE,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;IACjD,MAAM,MAAM,GAAG,EAAE,CAAC,QAAQ,EAAE,yBAAyB,EAAE,YAAY,CAAC,CAAC;IACrE,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;IACvB,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IAEpC,IAAI,KAAK,GAAG,EAAE,CAAC;IACf,SAAS,IAAI;QACX,0EAA0E;QAC1E,wEAAwE;QACxE,wEAAwE;QACxE,qDAAqD;QACrD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC;QACjC,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,wEAAwE;QACxE,qEAAqE;QACrE,KAAK,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC;QACjD,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC;QACzB,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC7B,MAAM,IAAI,GAAG,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;QACrE,IAAI,IAAI,KAAK,KAAK;YAAE,OAAO;QAC3B,KAAK,GAAG,IAAI,CAAC;QACb,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC;IAC7B,CAAC;IAED,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;QACpC,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC,CAAC,CAAC;IACH,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IAC3C,IAAI,EAAE,CAAC;IAEP,OAAO;QACL,IAAI;QACJ,OAAO;YACL,KAAK,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;QAChD,CAAC;KACF,CAAC;AACJ,CAAC,CAAC"}

package/dist/panels/panel.d.ts

@@ -1,13 +0,0 @@
-/**
- * What a panel is. A panel reads one engine namespace, subscribes to what it
- * needs, and hands back a root and a teardown. It renders nothing for a
- * native session, and nothing for an engine whose stage was not composed:
- * the factory answers null and the element never inserts it.
- */
-import type { Session } from '@mattebox/player-core';
-export interface Panel {
-    readonly root: HTMLElement;
-    dispose(): void;
-}
-export type PanelFactory = (session: Session, video: HTMLVideoElement) => Panel | null;
-//# sourceMappingURL=panel.d.ts.map

package/dist/panels/panel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/panels/panel.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,gBAAgB,KAAK,KAAK,GAAG,IAAI,CAAC"}

package/dist/panels/panel.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=panel.js.map

package/dist/panels/panel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"panel.js","sourceRoot":"","sources":["../../src/panels/panel.ts"],"names":[],"mappings":""}

package/dist/panels/quality.d.ts

@@ -1,3 +0,0 @@
-import type { PanelFactory } from './panel.js';
-export declare const qualityPanel: PanelFactory;
-//# sourceMappingURL=quality.d.ts.map

package/dist/panels/quality.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"quality.d.ts","sourceRoot":"","sources":["../../src/panels/quality.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAS,YAAY,EAAE,MAAM,YAAY,CAAC;AAUtD,eAAO,MAAM,YAAY,EAAE,YAiD1B,CAAC"}

package/dist/panels/quality.js

@@ -1,59 +0,0 @@
-import { el, fill, menu } from '../dom.js';
-const AUTO = 'auto';
-/** A rendition's height when the manifest declared one, its bitrate otherwise. */
-function label(rendition) {
-    if (rendition.height !== undefined)
-        return `${rendition.height}p`;
-    return `${Math.round(rendition.bitrate / 1000)} kbps`;
-}
-export const qualityPanel = (session, video) => {
-    const engine = session.engine;
-    if (engine === null)
-        return null;
-    const quality = engine.quality;
-    const root = el('div', 'panel quality');
-    const [wrapper, select] = menu('quality', 'Quality');
-    const playing = el('span', 'value quality-playing');
-    root.append(wrapper, playing);
-    let shown = '';
-    function render() {
-        const items = [[AUTO, 'Auto']];
-        for (const rendition of quality.renditions)
-            items.push([rendition.id, label(rendition)]);
-        fill(select, items, quality.pinned ?? AUTO);
-        root.hidden = quality.renditions.length === 0;
-    }
-    function tick() {
-        const current = quality.playing === null ? '' : label(quality.playing);
-        if (current === shown)
-            return;
-        shown = current;
-        playing.textContent = current;
-    }
-    select.addEventListener('change', () => {
-        if (select.value === AUTO)
-            quality.auto();
-        else
-            quality.pin(select.value);
-    });
-    const offs = [
-        engine.on('tracks:changed', render),
-        engine.on('quality:constraints-unsatisfiable', render),
-        engine.on('quality:pin-unsatisfiable', render),
-    ];
-    // No event reports the playing rendition: it is derived from currentTime
-    // against the append log, so the element reads it on the clock the video
-    // already ticks.
-    video.addEventListener('timeupdate', tick);
-    render();
-    tick();
-    return {
-        root,
-        dispose() {
-            for (const off of offs)
-                off();
-            video.removeEventListener('timeupdate', tick);
-        },
-    };
-};
-//# sourceMappingURL=quality.js.map

package/dist/panels/quality.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"quality.js","sourceRoot":"","sources":["../../src/panels/quality.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAG3C,MAAM,IAAI,GAAG,MAAM,CAAC;AAEpB,kFAAkF;AAClF,SAAS,KAAK,CAAC,SAAoB;IACjC,IAAI,SAAS,CAAC,MAAM,KAAK,SAAS;QAAE,OAAO,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC;IAClE,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;AACxD,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAiB,CAAC,OAAO,EAAE,KAAK,EAAgB,EAAE;IACzE,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAC9B,IAAI,MAAM,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IACjC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;IAE/B,MAAM,IAAI,GAAG,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACrD,MAAM,OAAO,GAAG,EAAE,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAC;IACpD,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAE9B,IAAI,KAAK,GAAG,EAAE,CAAC;IACf,SAAS,MAAM;QACb,MAAM,KAAK,GAAqC,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;QACjE,KAAK,MAAM,SAAS,IAAI,OAAO,CAAC,UAAU;YAAE,KAAK,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QACzF,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC;QAC5C,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,CAAC;IAChD,CAAC;IAED,SAAS,IAAI;QACX,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACvE,IAAI,OAAO,KAAK,KAAK;YAAE,OAAO;QAC9B,KAAK,GAAG,OAAO,CAAC;QAChB,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC;IAChC,CAAC;IAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;QACrC,IAAI,MAAM,CAAC,KAAK,KAAK,IAAI;YAAE,OAAO,CAAC,IAAI,EAAE,CAAC;;YACrC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG;QACX,MAAM,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,CAAC;QACnC,MAAM,CAAC,EAAE,CAAC,mCAAmC,EAAE,MAAM,CAAC;QACtD,MAAM,CAAC,EAAE,CAAC,2BAA2B,EAAE,MAAM,CAAC;KAC/C,CAAC;IACF,yEAAyE;IACzE,yEAAyE;IACzE,iBAAiB;IACjB,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IAC3C,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,CAAC;IAEP,OAAO;QACL,IAAI;QACJ,OAAO;YACL,KAAK,MAAM,GAAG,IAAI,IAAI;gBAAE,GAAG,EAAE,CAAC;YAC9B,KAAK,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;QAChD,CAAC;KACF,CAAC;AACJ,CAAC,CAAC"}

package/dist/panels/tracks.d.ts

@@ -1,3 +0,0 @@
-import type { PanelFactory } from './panel.js';
-export declare const tracksPanel: PanelFactory;
-//# sourceMappingURL=tracks.d.ts.map

package/dist/panels/tracks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tracks.d.ts","sourceRoot":"","sources":["../../src/panels/tracks.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAS,YAAY,EAAE,MAAM,YAAY,CAAC;AAUtD,eAAO,MAAM,WAAW,EAAE,YA+CzB,CAAC"}

package/dist/panels/tracks.js

@@ -1,49 +0,0 @@
-import { el, fill, menu } from '../dom.js';
-const OFF = 'off';
-/** The language, then the role, then the id: whichever the manifest gave. */
-function label(track) {
-    const parts = [track.lang, track.role].filter((part) => part !== undefined);
-    return parts.length === 0 ? track.id : parts.join(' · ');
-}
-export const tracksPanel = (session) => {
-    const engine = session.engine;
-    if (engine === null)
-        return null;
-    const tracks = engine.tracks;
-    const root = el('div', 'panel tracks');
-    const [audioLabel, audio] = menu('audio', 'Audio');
-    const [textLabel, text] = menu('text', 'Subtitles');
-    root.append(audioLabel, textLabel);
-    function renderOne(select, wrapper, contentType, off) {
-        const available = tracks.available.filter((track) => track.contentType === contentType);
-        const items = off ? [[OFF, 'Off']] : [];
-        for (const track of available)
-            items.push([track.id, label(track)]);
-        fill(select, items, tracks.active(contentType)?.id ?? OFF);
-        wrapper.hidden = available.length === 0;
-        return available.length;
-    }
-    function render() {
-        const count = renderOne(audio, audioLabel, 'audio', false) + renderOne(text, textLabel, 'text', true);
-        root.hidden = count === 0;
-    }
-    audio.addEventListener('change', () => {
-        tracks.select(audio.value);
-    });
-    text.addEventListener('change', () => {
-        if (text.value === OFF)
-            tracks.deselect('text');
-        else
-            tracks.select(text.value);
-    });
-    const offs = [engine.on('tracks:changed', render), engine.on('tracks:selected', render)];
-    render();
-    return {
-        root,
-        dispose() {
-            for (const off of offs)
-                off();
-        },
-    };
-};
-//# sourceMappingURL=tracks.js.map

package/dist/panels/tracks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tracks.js","sourceRoot":"","sources":["../../src/panels/tracks.ts"],"names":[],"mappings":"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"}