@mattebox/player 0.1.0 → 0.3.0

package/dist/controls/seek.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"seek.d.ts","sourceRoot":"","sources":["../../src/controls/seek.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAKxC,+EAA+E;AAC/E,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpC,QAAQ,CAAC,UAAU,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAChD,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,qHAAqH;IACrH,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,MAAM,MAAM,CAAC,GAAG,SAAS,CAAC;IACjD,+FAA+F;IAC/F,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;CACnD;AAED,MAAM,WAAW,OAAQ,SAAQ,OAAO;IACtC,MAAM,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI,CAAC;IACjC,MAAM,IAAI,IAAI,CAAC;CAChB;AAuBD,wBAAgB,OAAO,CAAC,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,GAAG,OAAO,CAwMvF"}

package/dist/controls/seek.js

@@ -1,215 +0,0 @@
-import { el } from '../dom.js';
-import { at, clip, EMPTY, fraction, spans, window } from './ranges.js';
-import { slider } from './slider.js';
-import { clock, describe, format } from './time.js';
-/** What the tile scales down to when the page sets no `--mbx-preview-width`. */
-const PREVIEW_WIDTH = 160;
-/** The buffer goal assumed for a session that reports none. */
-const BUFFER_GOAL = 30;
-/** The events on which the row re-reads the video. */
-const EVENTS = [
-    'timeupdate',
-    'progress',
-    'durationchange',
-    'loadedmetadata',
-    'seeking',
-    'seeked',
-    'emptied',
-];
-function percent(part) {
-    return `${part * 100}%`;
-}
-export function seekBar(video, flag, options) {
-    let source = {};
-    let span = EMPTY;
-    let pending = null;
-    let frame = 0;
-    function isLive() {
-        const live = source.live;
-        return live !== undefined && live.edge !== null;
-    }
-    /** The wall clock at a presentation time, when the session can say it. */
-    function wall(time) {
-        const epoch = source.pdt?.toWallClock(time) ?? null;
-        return epoch === null ? null : clock(epoch);
-    }
-    /** What a screen reader hears at a time. */
-    function say(time) {
-        if (!isLive())
-            return describe(time, span.end);
-        const behind = `${format(span.end - time)} behind live`;
-        const at = wall(time);
-        return at === null ? behind : `${at}, ${behind}`;
-    }
-    /** What the preview and the time show at a time. */
-    function label(time) {
-        if (!isLive())
-            return format(time);
-        return wall(time) ?? `-${format(span.end - time)}`;
-    }
-    function flush() {
-        frame = 0;
-        if (pending === null)
-            return;
-        video.currentTime = pending;
-        pending = null;
-    }
-    const current = el('span', 'current-time', '0:00');
-    const duration = el('span', 'duration', '0:00');
-    const bar = slider({
-        name: 'seek',
-        label: 'Seek',
-        step: options.seekStep,
-        page: options.seekPage,
-        onInput(value) {
-            bar.set(value, say(value));
-            current.textContent = label(value);
-            if (!bar.dragging()) {
-                // The release, or a key: written now, and it supersedes whatever a
-                // frame queued during the drag was about to write.
-                pending = null;
-                video.currentTime = value;
-                return;
-            }
-            pending = value;
-            if (frame === 0)
-                frame = requestAnimationFrame(flush);
-        },
-    });
-    const root = el('div', 'row seek-row');
-    root.append(current, bar.root, duration);
-    const buffered = el('div', 'buffered seek-buffered');
-    const hover = el('div', 'hover seek-hover');
-    const edge = el('div', 'edge seek-edge');
-    hover.hidden = true;
-    edge.hidden = true;
-    // Under the fill, so what is played reads over what is buffered.
-    bar.track.prepend(buffered);
-    bar.track.append(hover, edge);
-    const preview = el('div', 'preview seek-preview');
-    const image = el('div', 'preview-image seek-preview-image');
-    const tile = el('div', 'preview-tile seek-preview-tile');
-    const time = el('span', 'preview-time seek-preview-time');
-    image.append(tile);
-    image.hidden = true;
-    preview.append(image, time);
-    preview.hidden = true;
-    bar.root.append(preview);
-    /** The width the page asked for through the token, or the default. */
-    function previewWidth() {
-        const set = Number.parseFloat(getComputedStyle(preview).getPropertyValue('--mbx-preview-width'));
-        return Number.isFinite(set) && set > 0 ? set : PREVIEW_WIDTH;
-    }
-    /** The tile for a time, if the track has one, drawn at its size and scaled to fit. */
-    function paintTile(when) {
-        const found = source.thumbnails?.at(when) ?? null;
-        image.hidden = found === null;
-        if (found === null)
-            return;
-        const scale = previewWidth() / found.width;
-        image.style.width = `${found.width * scale}px`;
-        image.style.height = `${found.height * scale}px`;
-        tile.style.width = `${found.width}px`;
-        tile.style.height = `${found.height}px`;
-        tile.style.backgroundImage = `url("${found.url}")`;
-        tile.style.backgroundPosition = `-${found.x}px -${found.y}px`;
-        tile.style.transform = `scale(${scale})`;
-    }
-    function paintBuffered() {
-        const parts = clip(spans(video.buffered), span);
-        while (buffered.childElementCount > parts.length)
-            buffered.lastElementChild?.remove();
-        while (buffered.childElementCount < parts.length) {
-            buffered.append(el('div', 'buffered-range seek-buffered-range'));
-        }
-        let i = 0;
-        for (const child of buffered.children) {
-            const part = parts[i];
-            i += 1;
-            if (part === undefined)
-                break;
-            const node = child;
-            node.style.left = percent(part[0]);
-            node.style.width = percent(part[1] - part[0]);
-        }
-    }
-    /** Whether a live window is wide enough to be worth a bar. */
-    function worthSeeking() {
-        if (options.liveWindow === 0)
-            return true;
-        const goal = source.bufferGoal?.() ?? BUFFER_GOAL;
-        return span.end - span.start >= options.liveWindow * goal;
-    }
-    function tick() {
-        const on = isLive();
-        const own = on ? (source.window?.() ?? null) : null;
-        span =
-            own !== null && own.end > own.start ? own : window(video.duration, spans(video.seekable), on);
-        bar.range(span.start, span.end);
-        paintBuffered();
-        const live = source.live;
-        edge.hidden = !on;
-        if (on && live !== undefined && live.edge !== null) {
-            edge.style.left = percent(fraction(live.edge, span));
-        }
-        const seekable = !on || worthSeeking();
-        bar.root.hidden = !seekable;
-        current.hidden = !seekable;
-        duration.hidden = on;
-        flag('live', on);
-        flag('seekable', seekable);
-        if (!on)
-            duration.textContent = format(span.end);
-        if (!bar.dragging()) {
-            bar.set(video.currentTime, say(video.currentTime));
-            current.textContent = label(video.currentTime);
-        }
-    }
-    /** The hover marker and the preview follow the pointer, clamped to the bar. */
-    function point(event) {
-        const rect = bar.rail.getBoundingClientRect();
-        if (rect.width === 0 || span.end <= span.start)
-            return;
-        const part = Math.min(1, Math.max(0, (event.clientX - rect.left) / rect.width));
-        hover.hidden = false;
-        hover.style.left = percent(part);
-        preview.hidden = false;
-        const when = at(part, span);
-        time.textContent = label(when);
-        paintTile(when);
-        const whole = bar.root.getBoundingClientRect();
-        const half = preview.offsetWidth / 2;
-        const x = rect.left - whole.left + part * rect.width;
-        preview.style.left = `${Math.min(whole.width - half, Math.max(half, x))}px`;
-    }
-    function leave() {
-        hover.hidden = true;
-        preview.hidden = true;
-    }
-    bar.root.addEventListener('pointermove', point);
-    bar.root.addEventListener('pointerleave', leave);
-    for (const name of EVENTS)
-        video.addEventListener(name, tick);
-    tick();
-    return {
-        root,
-        attach(found) {
-            source = found;
-            tick();
-        },
-        detach() {
-            source = {};
-            leave();
-            tick();
-        },
-        dispose() {
-            cancelAnimationFrame(frame);
-            bar.root.removeEventListener('pointermove', point);
-            bar.root.removeEventListener('pointerleave', leave);
-            for (const name of EVENTS)
-                video.removeEventListener(name, tick);
-            bar.dispose();
-        },
-    };
-}
-//# sourceMappingURL=seek.js.map

package/dist/controls/seek.js.map

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

package/dist/controls/speed.d.ts

@@ -1,8 +0,0 @@
-/**
- * The speed menu over `video.playbackRate`. Video-only, so it sits in the
- * bar for every session, native included. The rates are the ones every
- * player offers; the video's own value is the truth, read on `ratechange`.
- */
-import type { Control } from './control.js';
-export declare function speedMenu(video: HTMLVideoElement): Control;
-//# sourceMappingURL=speed.d.ts.map

package/dist/controls/speed.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"speed.d.ts","sourceRoot":"","sources":["../../src/controls/speed.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAK5C,wBAAgB,SAAS,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAgC1D"}

package/dist/controls/speed.js

@@ -1,34 +0,0 @@
-import { menu } from './menu.js';
-const RATES = [0.5, 0.75, 1, 1.25, 1.5, 2];
-export function speedMenu(video) {
-    const control = menu({ name: 'speed', label: 'Playback speed', icon: 'playback-speed' });
-    function render() {
-        const items = RATES.map((rate) => [
-            String(rate),
-            rate === 1 ? 'Normal' : `${rate}×`,
-        ]);
-        const current = String(video.playbackRate);
-        if (!RATES.some((rate) => String(rate) === current))
-            items.push([current, `${current}×`]);
-        control.fill([
-            {
-                name: 'rate',
-                items,
-                value: current,
-                onSelect(value) {
-                    video.playbackRate = Number(value);
-                },
-            },
-        ]);
-    }
-    video.addEventListener('ratechange', render);
-    render();
-    return {
-        root: control.root,
-        dispose() {
-            video.removeEventListener('ratechange', render);
-            control.dispose();
-        },
-    };
-}
-//# sourceMappingURL=speed.js.map

package/dist/controls/speed.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"speed.js","sourceRoot":"","sources":["../../src/controls/speed.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;AAE3C,MAAM,UAAU,SAAS,CAAC,KAAuB;IAC/C,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAEzF,SAAS,MAAM;QACb,MAAM,KAAK,GAAqC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC;YAClE,MAAM,CAAC,IAAI,CAAC;YACZ,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG;SACnC,CAAC,CAAC;QACH,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC3C,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,OAAO,CAAC;YAAE,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,GAAG,OAAO,GAAG,CAAC,CAAC,CAAC;QAC1F,OAAO,CAAC,IAAI,CAAC;YACX;gBACE,IAAI,EAAE,MAAM;gBACZ,KAAK;gBACL,KAAK,EAAE,OAAO;gBACd,QAAQ,CAAC,KAAa;oBACpB,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;gBACrC,CAAC;aACF;SACF,CAAC,CAAC;IACL,CAAC;IAED,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IAC7C,MAAM,EAAE,CAAC;IAET,OAAO;QACL,IAAI,EAAE,OAAO,CAAC,IAAI;QAClB,OAAO;YACL,KAAK,CAAC,mBAAmB,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;YAChD,OAAO,CAAC,OAAO,EAAE,CAAC;QACpB,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/controls/volume.d.ts

@@ -1,8 +0,0 @@
-/**
- * The volume slider over the primitive. It shows zero while muted, and
- * writing any level above zero unmutes: dragging the volume up is how a
- * viewer says they want to hear it.
- */
-import type { Control } from './control.js';
-export declare function volumeSlider(video: HTMLVideoElement): Control;
-//# sourceMappingURL=volume.d.ts.map

package/dist/controls/volume.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"volume.d.ts","sourceRoot":"","sources":["../../src/controls/volume.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAG5C,wBAAgB,YAAY,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO,CA4B7D"}

package/dist/controls/volume.js

@@ -1,29 +0,0 @@
-import { slider } from './slider.js';
-export function volumeSlider(video) {
-    const bar = slider({
-        name: 'volume',
-        label: 'Volume',
-        step: 0.05,
-        page: 0.2,
-        onInput(value) {
-            video.volume = value;
-            if (value > 0)
-                video.muted = false;
-        },
-    });
-    bar.range(0, 1);
-    function render() {
-        const level = video.muted ? 0 : video.volume;
-        bar.set(level, `${Math.round(level * 100)}%`);
-    }
-    video.addEventListener('volumechange', render);
-    render();
-    return {
-        root: bar.root,
-        dispose() {
-            video.removeEventListener('volumechange', render);
-            bar.dispose();
-        },
-    };
-}
-//# sourceMappingURL=volume.js.map

package/dist/controls/volume.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"volume.js","sourceRoot":"","sources":["../../src/controls/volume.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,UAAU,YAAY,CAAC,KAAuB;IAClD,MAAM,GAAG,GAAG,MAAM,CAAC;QACjB,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,GAAG;QACT,OAAO,CAAC,KAAa;YACnB,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC;YACrB,IAAI,KAAK,GAAG,CAAC;gBAAE,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;QACrC,CAAC;KACF,CAAC,CAAC;IACH,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAEhB,SAAS,MAAM;QACb,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC;QAC7C,GAAG,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;IAChD,CAAC;IAED,KAAK,CAAC,gBAAgB,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IAC/C,MAAM,EAAE,CAAC;IAET,OAAO;QACL,IAAI,EAAE,GAAG,CAAC,IAAI;QACd,OAAO;YACL,KAAK,CAAC,mBAAmB,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;YAClD,GAAG,CAAC,OAAO,EAAE,CAAC;QAChB,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/es2015/controls/bar.js

@@ -1,227 +0,0 @@
-import { el, state } from "../dom.js";
-import { namespaces } from "../namespaces.js";
-import { fullscreenButton, muteButton, pipButton, playButton, skipButton } from "./buttons.js";
-import { cueLift, cueStyle } from "./cues.js";
-import { fullscreen } from "./fullscreen.js";
-import { keys } from "./keys.js";
-import { liveButton } from "./live.js";
-import { MENUS } from "./menus.js";
-import { clusters } from "./options.js";
-import { pictureInPicture } from "./pip.js";
-import { errorScreen, startButton } from "./screens.js";
-import { seekBar } from "./seek.js";
-import { speedMenu } from "./speed.js";
-import { volumeSlider } from "./volume.js";
-//#region src/controls/bar.ts
-function controlBar(host, stage, video, options, reflect, retry) {
-	const root = el("div", "controls");
-	const flags = {};
-	let timer;
-	/** Whether the last input was a key, so focus inside is a keyboard user's and holds the bar. */
-	let keyboard = false;
-	function render() {
-		state(root, "controls", flags);
-	}
-	function flag(name, on) {
-		if (flags[name] === on) return;
-		flags[name] = on;
-		render();
-		if (name === "fullscreen") reflect(name, on);
-		if (name === "idle") cues.lifted(!on);
-		if (name === "seekable") live.seekable(on);
-	}
-	/** What keeps the bar up when the timer fires. Read then, never remembered. */
-	function held() {
-		if (video.paused) return true;
-		if (root.querySelector("[part~=\"open\"]") !== null) return true;
-		if (!keyboard) return false;
-		const active = root.getRootNode().activeElement;
-		return active !== null && root.contains(active);
-	}
-	function sleep() {
-		timer = void 0;
-		if (held()) {
-			timer = setTimeout(sleep, options.idleMs);
-			return;
-		}
-		flag("idle", true);
-	}
-	/** Shows the bar and arms the timer again. */
-	function wake() {
-		clearTimeout(timer);
-		if (flags.idle === true) flag("idle", false);
-		timer = setTimeout(sleep, options.idleMs);
-	}
-	function pointer() {
-		keyboard = false;
-		wake();
-	}
-	function key() {
-		keyboard = true;
-		wake();
-	}
-	cueStyle();
-	const cues = cueLift(video, root, host);
-	const live = liveButton(video);
-	const seek = seekBar(video, flag, options);
-	seek.root.append(live.root);
-	const screen = fullscreen(host, stage, video);
-	const start = startButton(video, flag, options.start !== 0);
-	const failure = errorScreen(retry);
-	/** An error over a picture that then plays is wrong by definition: playback resuming clears it. */
-	function played() {
-		if (failure.shown()) {
-			failure.clear();
-			start.root.hidden = !video.paused;
-		}
-	}
-	video.addEventListener("playing", played);
-	stage.append(start.root, failure.root);
-	/** The menus' places in the row, filled per session. */
-	const slots = /* @__PURE__ */ new Map();
-	let session = [];
-	/** A control by the name the layout gives it, or null for a name that is not one. */
-	function build(name) {
-		switch (name) {
-			case "skip-back": return options.skipBack > 0 ? skipButton(video, -options.skipBack) : null;
-			case "skip-forward": return options.skipForward > 0 ? skipButton(video, options.skipForward) : null;
-			case "play": return playButton(video, flag);
-			case "volume": {
-				const group = el("div", "group volume-group");
-				const sound = [muteButton(video, flag), volumeSlider(video)];
-				for (const control of sound) group.append(control.root);
-				return {
-					root: group,
-					dispose() {
-						for (const control of sound) control.dispose();
-					}
-				};
-			}
-			case "speed": return speedMenu(video);
-			case "pip": return pipButton(pictureInPicture(video), flag);
-			case "fullscreen": return fullscreenButton(screen, flag);
-			default: {
-				if (!(name in MENUS)) return null;
-				const slot = el("div", `slot ${name}-slot`);
-				slots.set(name, slot);
-				return {
-					root: slot,
-					dispose() {}
-				};
-			}
-		}
-	}
-	const row = el("div", "row buttons");
-	const cluster = el("div", "cluster");
-	const built = [];
-	const [leftNames, rightNames] = clusters(options.layout);
-	for (const name of leftNames) {
-		const control = build(name);
-		if (control === null) continue;
-		built.push(control);
-		row.append(control.root);
-	}
-	for (const name of rightNames) {
-		const control = build(name);
-		if (control === null) continue;
-		built.push(control);
-		cluster.append(control.root);
-	}
-	row.append(cluster);
-	root.append(seek.root, row);
-	const controls = [
-		...built,
-		live,
-		start,
-		failure,
-		keys({
-			host,
-			stage,
-			own: [
-				root,
-				start.root,
-				failure.root
-			],
-			video,
-			step: options.seekStep,
-			fullscreen: screen
-		}),
-		cues
-	];
-	function drop() {
-		for (const control of session) control.dispose();
-		session = [];
-		for (const slot of slots.values()) slot.replaceChildren();
-	}
-	stage.addEventListener("pointermove", pointer);
-	stage.addEventListener("pointerdown", pointer);
-	host.addEventListener("keydown", key);
-	video.addEventListener("play", wake);
-	video.addEventListener("pause", wake);
-	video.addEventListener("ended", wake);
-	wake();
-	cues.lifted(true);
-	return {
-		root,
-		attach(current) {
-			drop();
-			const engine = current.engine;
-			if (engine === null) {
-				seek.attach({});
-				live.attach(void 0);
-				return;
-			}
-			const found = namespaces(engine);
-			seek.attach({
-				live: found.live,
-				thumbnails: found.thumbnails,
-				pdt: found.pdt,
-				bufferGoal: () => engine.stats.snapshot().scheduling.bufferGoal,
-				window: () => {
-					var _engine$stats$snapsho, _engine$stats$snapsho2;
-					return (_engine$stats$snapsho = (_engine$stats$snapsho2 = engine.stats.snapshot().live) === null || _engine$stats$snapsho2 === void 0 ? void 0 : _engine$stats$snapsho2.span) !== null && _engine$stats$snapsho !== void 0 ? _engine$stats$snapsho : null;
-				}
-			});
-			live.attach(found.live);
-			for (const [name, slot] of slots) {
-				const factory = MENUS[name];
-				if (factory === void 0) continue;
-				const control = factory({
-					engine,
-					host
-				});
-				session.push(control);
-				slot.append(control.root);
-			}
-		},
-		detach() {
-			drop();
-			seek.detach();
-			live.detach();
-		},
-		error(error) {
-			failure.show(error);
-			start.root.hidden = true;
-		},
-		clearError() {
-			failure.clear();
-			start.root.hidden = options.start === 0 || !video.paused;
-		},
-		dispose() {
-			clearTimeout(timer);
-			drop();
-			seek.dispose();
-			for (const control of controls) control.dispose();
-			stage.removeEventListener("pointermove", pointer);
-			stage.removeEventListener("pointerdown", pointer);
-			host.removeEventListener("keydown", key);
-			video.removeEventListener("play", wake);
-			video.removeEventListener("pause", wake);
-			video.removeEventListener("ended", wake);
-			video.removeEventListener("playing", played);
-			root.remove();
-		}
-	};
-}
-//#endregion
-export { controlBar };