@mattebox/player 0.1.0 → 0.2.0

package/dist/controls/keys.d.ts

@@ -1,26 +0,0 @@
-/**
- * The shortcuts, live only while focus is inside the element: Space and `k`
- * toggle play, `m` mutes, `f` toggles fullscreen, the arrows seek by the
- * step. They listen on the host, where every key pressed inside the
- * element arrives, and they stand aside twice. A key a control has already
- * handled arrives with its default prevented, so the seek bar's arrows are
- * not seeking twice. And Space on a button is the button's own activation,
- * so it is left to the button.
- *
- * A click on the video toggles play, the way a viewer expects of a player,
- * and only there: clicks on the bar, the start button and the error screen
- * are theirs.
- */
-import type { Control } from './control.js';
-import type { Fullscreen } from './fullscreen.js';
-export interface KeysOptions {
-    readonly host: HTMLElement;
-    readonly stage: HTMLElement;
-    /** What sits over the picture and takes its own clicks. */
-    readonly own: readonly HTMLElement[];
-    readonly video: HTMLVideoElement;
-    readonly step: number;
-    readonly fullscreen: Fullscreen;
-}
-export declare function keys(options: KeysOptions): Control;
-//# sourceMappingURL=keys.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"keys.d.ts","sourceRoot":"","sources":["../../src/controls/keys.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC;IAC5B,2DAA2D;IAC3D,QAAQ,CAAC,GAAG,EAAE,SAAS,WAAW,EAAE,CAAC;IACrC,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAC;IACjC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,UAAU,EAAE,UAAU,CAAC;CACjC;AAcD,wBAAgB,IAAI,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAoDlD"}

package/dist/controls/keys.js

@@ -1,66 +0,0 @@
-function toggle(video) {
-    if (video.paused)
-        video.play().catch(() => undefined);
-    else
-        video.pause();
-}
-/** The end the playhead can reach: the duration, or the seekable end for live. */
-function end(video) {
-    if (Number.isFinite(video.duration))
-        return video.duration;
-    const ranges = video.seekable;
-    return ranges.length > 0 ? ranges.end(ranges.length - 1) : video.currentTime;
-}
-export function keys(options) {
-    const { host, stage, own, video } = options;
-    function onKey(event) {
-        if (event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey)
-            return;
-        const target = event.composedPath()[0];
-        const onButton = target instanceof HTMLButtonElement;
-        switch (event.key) {
-            case ' ':
-                if (onButton)
-                    return;
-                toggle(video);
-                break;
-            case 'k':
-            case 'K':
-                toggle(video);
-                break;
-            case 'm':
-            case 'M':
-                video.muted = !video.muted;
-                break;
-            case 'f':
-            case 'F':
-                options.fullscreen.toggle();
-                break;
-            case 'ArrowLeft':
-                video.currentTime = Math.max(0, video.currentTime - options.step);
-                break;
-            case 'ArrowRight':
-                video.currentTime = Math.min(end(video), video.currentTime + options.step);
-                break;
-            default:
-                return;
-        }
-        event.preventDefault();
-    }
-    function onClick(event) {
-        const path = event.composedPath();
-        if (own.some((node) => path.includes(node)))
-            return;
-        toggle(video);
-    }
-    host.addEventListener('keydown', onKey);
-    stage.addEventListener('click', onClick);
-    return {
-        root: stage,
-        dispose() {
-            host.removeEventListener('keydown', onKey);
-            stage.removeEventListener('click', onClick);
-        },
-    };
-}
-//# sourceMappingURL=keys.js.map

package/dist/controls/keys.js.map

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

package/dist/controls/live.d.ts

@@ -1,10 +0,0 @@
-import type { LiveApi } from '../namespaces.js';
-import type { Control } from './control.js';
-export interface LiveButton extends Control {
-    attach(live: LiveApi | undefined): void;
-    detach(): void;
-    /** Whether the stream has a seek bar. Without one the button only says live. */
-    seekable(on: boolean): void;
-}
-export declare function liveButton(video: HTMLVideoElement): LiveButton;
-//# sourceMappingURL=live.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"live.d.ts","sourceRoot":"","sources":["../../src/controls/live.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAE5C,MAAM,WAAW,UAAW,SAAQ,OAAO;IACzC,MAAM,CAAC,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;IACxC,MAAM,IAAI,IAAI,CAAC;IACf,gFAAgF;IAChF,QAAQ,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,CAAC;CAC7B;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,gBAAgB,GAAG,UAAU,CAgD9D"}

package/dist/controls/live.js

@@ -1,59 +0,0 @@
-/**
- * The live button: a dot and the word, the dot red at the edge and grey
- * behind it, the way viewers read it everywhere. Shown once the stream has
- * an availability window, which is what makes it live; disabled at the
- * edge, where there is nowhere to go; a click seeks to the edge. The same
- * test the live panel uses.
- *
- * Without a seek bar, when the window is too narrow to be worth one, there
- * is nowhere to come back from either: the dot stays red and the button
- * stays inert, whatever the playhead does.
- */
-import { el, state } from '../dom.js';
-export function liveButton(video) {
-    const root = el('button', 'control live-button');
-    root.type = 'button';
-    const dot = el('span', 'live-dot');
-    root.append(dot, el('span', 'live-text', 'LIVE'));
-    root.setAttribute('aria-label', 'Go to the live edge');
-    root.hidden = true;
-    let live;
-    let bar = true;
-    function tick() {
-        const on = live !== undefined && live.edge !== null;
-        root.hidden = !on;
-        if (!on)
-            return;
-        const atEdge = !bar || live?.atEdge === true;
-        root.disabled = atEdge;
-        state(root, 'control live-button', { 'at-edge': atEdge });
-        state(dot, 'live-dot', { 'at-edge': atEdge });
-        root.setAttribute('aria-label', atEdge ? 'At the live edge' : 'Go to the live edge');
-    }
-    function click() {
-        live?.seekToEdge();
-    }
-    root.addEventListener('click', click);
-    video.addEventListener('timeupdate', tick);
-    tick();
-    return {
-        root,
-        attach(found) {
-            live = found;
-            tick();
-        },
-        detach() {
-            live = undefined;
-            tick();
-        },
-        seekable(on) {
-            bar = on;
-            tick();
-        },
-        dispose() {
-            root.removeEventListener('click', click);
-            video.removeEventListener('timeupdate', tick);
-        },
-    };
-}
-//# sourceMappingURL=live.js.map

package/dist/controls/live.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"live.js","sourceRoot":"","sources":["../../src/controls/live.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAWtC,MAAM,UAAU,UAAU,CAAC,KAAuB;IAChD,MAAM,IAAI,GAAG,EAAE,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC;IACjD,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;IACrB,MAAM,GAAG,GAAG,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACnC,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;IAClD,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,qBAAqB,CAAC,CAAC;IACvD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IACnB,IAAI,IAAyB,CAAC;IAC9B,IAAI,GAAG,GAAG,IAAI,CAAC;IAEf,SAAS,IAAI;QACX,MAAM,EAAE,GAAG,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC;QACpD,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAClB,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,MAAM,MAAM,GAAG,CAAC,GAAG,IAAI,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;QAC7C,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC;QACvB,KAAK,CAAC,IAAI,EAAE,qBAAqB,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC;QAC1D,KAAK,CAAC,GAAG,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC;QAC9C,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC;IACvF,CAAC;IAED,SAAS,KAAK;QACZ,IAAI,EAAE,UAAU,EAAE,CAAC;IACrB,CAAC;IAED,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACtC,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IAC3C,IAAI,EAAE,CAAC;IAEP,OAAO;QACL,IAAI;QACJ,MAAM,CAAC,KAA0B;YAC/B,IAAI,GAAG,KAAK,CAAC;YACb,IAAI,EAAE,CAAC;QACT,CAAC;QACD,MAAM;YACJ,IAAI,GAAG,SAAS,CAAC;YACjB,IAAI,EAAE,CAAC;QACT,CAAC;QACD,QAAQ,CAAC,EAAW;YAClB,GAAG,GAAG,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;QACT,CAAC;QACD,OAAO;YACL,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;YACzC,KAAK,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;QAChD,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/controls/menus.d.ts

@@ -1,43 +0,0 @@
-/**
- * The menus over the engine's namespaces, for the bar under custom
- * controls: quality over `engine.quality`, audio and subtitles over
- * `engine.tracks`, and a lock badge over `engine.drm`. The same reads and
- * writes as the panels, in the bar's shape. Each factory answers null for
- * a native session, and each menu hides itself while it has nothing to
- * offer.
- *
- * The subtitles menu also carries how they look: a size and a background,
- * kept as attributes on the host, where the element's stylesheet turns
- * them into the custom properties the cue rule reads. A page can set them
- * in markup and persist them however it likes.
- */
-import type { Mattebox } from 'mattebox';
-import type { Control } from './control.js';
-/** What a menu over a session gets: the engine, and the host for the state it reflects there. */
-export interface MenuContext {
-    readonly engine: Mattebox;
-    readonly host: HTMLElement;
-}
-export type MenuFactory = (context: MenuContext) => Control;
-/** The subtitle looks, as attribute name, choices, and default. */
-export declare const SUBTITLE_SIZE = "subtitle-size";
-export declare const SUBTITLE_BACKGROUND = "subtitle-background";
-/** The quality menu: the pin, where "auto" means none. Hidden without renditions. */
-export declare const qualityMenu: MenuFactory;
-/** The audio menu. Hidden unless there is a choice to make. */
-export declare const audioMenu: MenuFactory;
-/**
- * The subtitles menu, with "off" because a text selection is releasable
- * and an audio one is not, and a Settings page behind it with the size and
- * the background. The glyph says whether a track is on.
- */
-export declare const textMenu: MenuFactory;
-/**
- * A lock over `engine.drm`, hidden until a key session opens and absent
- * without the EME stages. Hover or focus shows what it knows: the key
- * system, and the key sessions with their statuses.
- */
-export declare const drmBadge: MenuFactory;
-/** By the name the layout knows them by. */
-export declare const MENUS: Readonly<Record<string, MenuFactory>>;
-//# sourceMappingURL=menus.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"menus.d.ts","sourceRoot":"","sources":["../../src/controls/menus.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,KAAK,EAAe,QAAQ,EAAoB,MAAM,UAAU,CAAC;AAGxE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAK5C,iGAAiG;AACjG,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC;IAC1B,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;CAC5B;AAED,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,EAAE,WAAW,KAAK,OAAO,CAAC;AAK5D,mEAAmE;AACnE,eAAO,MAAM,aAAa,kBAAkB,CAAC;AAC7C,eAAO,MAAM,mBAAmB,wBAAwB,CAAC;AAyBzD,qFAAqF;AACrF,eAAO,MAAM,WAAW,EAAE,WAqCzB,CAAC;AAeF,+DAA+D;AAC/D,eAAO,MAAM,SAAS,EAAE,WA6BvB,CAAC;AAaF;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,WA2DtB,CAAC;AAoBF;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,WA6DtB,CAAC;AAEF,4CAA4C;AAC5C,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAKvD,CAAC"}

package/dist/controls/menus.js

@@ -1,262 +0,0 @@
-import { el } from '../dom.js';
-import { namespaces } from '../namespaces.js';
-import { icon } from './icons.js';
-import { menu } from './menu.js';
-const AUTO = 'auto';
-const OFF = 'off';
-/** The subtitle looks, as attribute name, choices, and default. */
-export const SUBTITLE_SIZE = 'subtitle-size';
-export const SUBTITLE_BACKGROUND = 'subtitle-background';
-const SIZES = [
-    ['small', 'Small'],
-    ['medium', 'Medium'],
-    ['large', 'Large'],
-    ['xlarge', 'Extra large'],
-];
-const BACKGROUNDS = [
-    ['none', 'None'],
-    ['dark', 'Dark'],
-    ['solid', 'Solid'],
-];
-/** A rendition's height when the manifest declared one, its bitrate otherwise. */
-function renditionLabel(rendition) {
-    if (rendition.height !== undefined)
-        return `${rendition.height}p`;
-    return `${Math.round(rendition.bitrate / 1000)} kbps`;
-}
-/** The language, then the role, then the id: whichever the manifest gave. */
-function trackLabel(track) {
-    const parts = [track.lang, track.role].filter((part) => part !== undefined);
-    return parts.length === 0 ? track.id : parts.join(' · ');
-}
-/** The quality menu: the pin, where "auto" means none. Hidden without renditions. */
-export const qualityMenu = ({ engine }) => {
-    const quality = engine.quality;
-    const control = menu({ name: 'quality', label: 'Quality', icon: 'settings' });
-    function render() {
-        const items = [[AUTO, 'Auto']];
-        for (const rendition of quality.renditions)
-            items.push([rendition.id, renditionLabel(rendition)]);
-        control.fill([
-            {
-                name: 'rendition',
-                items,
-                value: quality.pinned ?? AUTO,
-                onSelect(value) {
-                    if (value === AUTO)
-                        quality.auto();
-                    else
-                        quality.pin(value);
-                    render();
-                },
-            },
-        ]);
-        control.root.hidden = quality.renditions.length === 0;
-    }
-    const offs = [
-        engine.on('tracks:changed', render),
-        engine.on('quality:constraints-unsatisfiable', render),
-        engine.on('quality:pin-unsatisfiable', render),
-    ];
-    render();
-    return {
-        root: control.root,
-        dispose() {
-            for (const off of offs)
-                off();
-            control.dispose();
-        },
-    };
-};
-/** The tracks of one content type as menu items, with the active one. */
-function trackItems(engine, contentType, off) {
-    const tracks = engine.tracks;
-    const available = tracks.available.filter((track) => track.contentType === contentType);
-    const items = off ? [[OFF, 'Off']] : [];
-    for (const track of available)
-        items.push([track.id, trackLabel(track)]);
-    return [items, tracks.active(contentType)?.id ?? OFF, available.length];
-}
-/** The audio menu. Hidden unless there is a choice to make. */
-export const audioMenu = ({ engine }) => {
-    const control = menu({ name: 'audio', label: 'Audio', icon: 'music' });
-    function render() {
-        const [items, active, count] = trackItems(engine, 'audio', false);
-        control.fill([
-            {
-                name: 'track',
-                items,
-                value: active,
-                onSelect(value) {
-                    engine.tracks.select(value);
-                    render();
-                },
-            },
-        ]);
-        control.root.hidden = count < 2;
-    }
-    const offs = [engine.on('tracks:changed', render), engine.on('tracks:selected', render)];
-    render();
-    return {
-        root: control.root,
-        dispose() {
-            for (const off of offs)
-                off();
-            control.dispose();
-        },
-    };
-};
-/** An attribute's value where it is one of the choices, else the default. */
-function choice(host, attribute, choices, fallback) {
-    const value = host.getAttribute(attribute);
-    return value !== null && choices.some(([id]) => id === value) ? value : fallback;
-}
-/**
- * The subtitles menu, with "off" because a text selection is releasable
- * and an audio one is not, and a Settings page behind it with the size and
- * the background. The glyph says whether a track is on.
- */
-export const textMenu = ({ engine, host }) => {
-    const control = menu({ name: 'text', label: 'Subtitles', icon: 'closed-captions' });
-    function looks(attribute, name, label, choices, fallback) {
-        return {
-            name,
-            label,
-            items: choices,
-            value: choice(host, attribute, choices, fallback),
-            onSelect(value) {
-                host.setAttribute(attribute, value);
-                render();
-            },
-        };
-    }
-    function render() {
-        const [items, active, count] = trackItems(engine, 'text', true);
-        control.fill([
-            {
-                name: 'track',
-                label: 'Track',
-                items,
-                value: active,
-                onSelect(value) {
-                    if (value === OFF)
-                        engine.tracks.deselect('text');
-                    else
-                        engine.tracks.select(value);
-                    render();
-                },
-            },
-            {
-                name: 'settings',
-                label: 'Settings',
-                entries: [
-                    looks(SUBTITLE_SIZE, 'size', 'Size', SIZES, 'medium'),
-                    looks(SUBTITLE_BACKGROUND, 'background', 'Background', BACKGROUNDS, 'dark'),
-                ],
-            },
-        ]);
-        control.show(active === OFF ? 'closed-captions' : 'closed-captions-on');
-        control.root.hidden = count === 0;
-    }
-    const offs = [engine.on('tracks:changed', render), engine.on('tracks:selected', render)];
-    render();
-    return {
-        root: control.root,
-        dispose() {
-            for (const off of offs)
-                off();
-            control.dispose();
-        },
-    };
-};
-/** The name a viewer knows a key system by. */
-function keySystemName(id) {
-    if (id.startsWith('com.widevine'))
-        return 'Widevine';
-    if (id.startsWith('com.microsoft.playready'))
-        return 'PlayReady';
-    if (id.startsWith('com.apple.fps'))
-        return 'FairPlay';
-    return id;
-}
-/** "3 keys: usable ×2, expired ×1", or "no key yet". */
-function sessionsText(sessions) {
-    if (sessions.length === 0)
-        return 'no key yet';
-    const counts = new Map();
-    for (const session of sessions)
-        counts.set(session.status, (counts.get(session.status) ?? 0) + 1);
-    const parts = [];
-    for (const [status, count] of counts)
-        parts.push(count > 1 ? `${status} ×${count}` : status);
-    return `${sessions.length} ${sessions.length === 1 ? 'key' : 'keys'}: ${parts.join(', ')}`;
-}
-/**
- * A lock over `engine.drm`, hidden until a key session opens and absent
- * without the EME stages. Hover or focus shows what it knows: the key
- * system, and the key sessions with their statuses.
- */
-export const drmBadge = ({ engine }) => {
-    const drm = namespaces(engine).drm;
-    const root = el('span', 'badge drm-badge');
-    root.setAttribute('role', 'img');
-    root.append(icon('lock-closed'));
-    root.hidden = true;
-    if (drm === undefined)
-        return { root, dispose() { } };
-    const tooltip = el('div', 'tooltip drm-tooltip');
-    tooltip.setAttribute('role', 'tooltip');
-    const system = el('div', 'tooltip-title drm-tooltip-title');
-    const id = el('div', 'tooltip-text drm-tooltip-id');
-    const keys = el('div', 'tooltip-text drm-tooltip-keys');
-    tooltip.append(system, id, keys);
-    tooltip.hidden = true;
-    root.append(tooltip);
-    root.tabIndex = 0;
-    function render() {
-        const name = drm?.keySystem ?? null;
-        root.hidden = name === null;
-        if (name === null)
-            return;
-        const sessions = drm?.sessions ?? [];
-        system.textContent = keySystemName(name);
-        id.textContent = name;
-        keys.textContent = sessionsText(sessions);
-        root.setAttribute('aria-label', `Protected by ${keySystemName(name)}, ${sessionsText(sessions)}`);
-    }
-    function show() {
-        tooltip.hidden = false;
-    }
-    function hide() {
-        tooltip.hidden = true;
-    }
-    root.addEventListener('pointerenter', show);
-    root.addEventListener('pointerleave', hide);
-    root.addEventListener('focus', show);
-    root.addEventListener('blur', hide);
-    const offs = [
-        engine.on('drm:keysystem', render),
-        engine.on('drm:keystatus', render),
-        engine.on('drm:encrypted', render),
-    ];
-    render();
-    return {
-        root,
-        dispose() {
-            for (const off of offs)
-                off();
-            root.removeEventListener('pointerenter', show);
-            root.removeEventListener('pointerleave', hide);
-            root.removeEventListener('focus', show);
-            root.removeEventListener('blur', hide);
-        },
-    };
-};
-/** By the name the layout knows them by. */
-export const MENUS = {
-    subtitles: textMenu,
-    audio: audioMenu,
-    quality: qualityMenu,
-    drm: drmBadge,
-};
-//# sourceMappingURL=menus.js.map

package/dist/controls/menus.js.map

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

package/dist/controls/options.d.ts

@@ -1,44 +0,0 @@
-/**
- * The bar's knobs. Every one has a default, every one can come from
- * JavaScript through `define({ controls })` or the constructor, and every
- * one has an attribute in kebab-case that wins over both, so a page that
- * writes only markup still gets to set them.
- */
-export interface ControlsOptions {
-    /** Milliseconds of pointer stillness before the bar hides while playing. */
-    readonly idleMs?: number;
-    /** Seconds an arrow key moves the playhead. */
-    readonly seekStep?: number;
-    /** Seconds Page Up and Page Down move it. */
-    readonly seekPage?: number;
-    /** Seconds the skip-back button moves it. Zero leaves that button out. */
-    readonly skipBack?: number;
-    /** Seconds the skip-forward button moves it. Zero leaves that button out. */
-    readonly skipForward?: number;
-    /** Whether the large play sits over the picture while paused. Zero leaves it out. */
-    readonly start?: number;
-    /**
-     * How many forward buffer goals long the availability window must be for
-     * a live stream to be seekable. Below it the bar shows no seek bar: a
-     * window barely wider than the buffer is nowhere to go. Zero makes every
-     * live stream seekable.
-     */
-    readonly liveWindow?: number;
-    /**
-     * Which controls the buttons row carries, in order, by name, with `|`
-     * between the left and the right cluster. A name left out is a control
-     * left out. See LAYOUT for the default and the names.
-     */
-    readonly layout?: string;
-}
-export type Controls = Required<ControlsOptions>;
-/** The buttons row by default. `drm`, the lock, is a control the row can carry and does not by default. */
-export declare const LAYOUT = "skip-back play skip-forward volume | speed subtitles audio quality pip fullscreen";
-export declare const DEFAULTS: Controls;
-/** Each option's attribute. */
-export declare const ATTRIBUTES: Readonly<Record<keyof Controls, string>>;
-/** The attribute where it is a non-negative number, else the option, else the default; the layout as given. */
-export declare function resolve(options: ControlsOptions | undefined, attribute: (name: string) => string | null): Controls;
-/** A layout as two lists of names, left and right of the `|`. Unknown names are the caller's to drop. */
-export declare function clusters(layout: string): [string[], string[]];
-//# sourceMappingURL=options.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../src/controls/options.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,WAAW,eAAe;IAC9B,4EAA4E;IAC5E,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,+CAA+C;IAC/C,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,6CAA6C;IAC7C,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,0EAA0E;IAC1E,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,6EAA6E;IAC7E,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,qFAAqF;IACrF,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB;;;;;OAKG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;AAEjD,2GAA2G;AAC3G,eAAO,MAAM,MAAM,sFACkE,CAAC;AAEtF,eAAO,MAAM,QAAQ,EAAE,QAStB,CAAC;AAEF,+BAA+B;AAC/B,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,QAAQ,EAAE,MAAM,CAAC,CAS/D,CAAC;AAOF,+GAA+G;AAC/G,wBAAgB,OAAO,CACrB,OAAO,EAAE,eAAe,GAAG,SAAS,EACpC,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GACzC,QAAQ,CAeV;AAED,yGAAyG;AACzG,wBAAgB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,CAI7D"}

package/dist/controls/options.js

@@ -1,54 +0,0 @@
-/**
- * The bar's knobs. Every one has a default, every one can come from
- * JavaScript through `define({ controls })` or the constructor, and every
- * one has an attribute in kebab-case that wins over both, so a page that
- * writes only markup still gets to set them.
- */
-/** The buttons row by default. `drm`, the lock, is a control the row can carry and does not by default. */
-export const LAYOUT = 'skip-back play skip-forward volume | speed subtitles audio quality pip fullscreen';
-export const DEFAULTS = {
-    idleMs: 3000,
-    seekStep: 5,
-    seekPage: 30,
-    skipBack: 10,
-    skipForward: 10,
-    start: 1,
-    liveWindow: 3,
-    layout: LAYOUT,
-};
-/** Each option's attribute. */
-export const ATTRIBUTES = {
-    idleMs: 'idle-ms',
-    seekStep: 'seek-step',
-    seekPage: 'seek-page',
-    skipBack: 'skip-back',
-    skipForward: 'skip-forward',
-    start: 'start',
-    liveWindow: 'live-window',
-    layout: 'layout',
-};
-const NUMERIC = Object.keys(DEFAULTS).filter((key) => key !== 'layout');
-/** The attribute where it is a non-negative number, else the option, else the default; the layout as given. */
-export function resolve(options, attribute) {
-    const out = {};
-    for (const key of NUMERIC) {
-        const raw = attribute(ATTRIBUTES[key]);
-        const set = raw === null ? Number.NaN : Number(raw);
-        const given = options?.[key];
-        out[key] =
-            Number.isFinite(set) && set >= 0
-                ? set
-                : given !== undefined && Number.isFinite(given) && given >= 0
-                    ? given
-                    : DEFAULTS[key];
-    }
-    out.layout = attribute(ATTRIBUTES.layout) ?? options?.layout ?? DEFAULTS.layout;
-    return out;
-}
-/** A layout as two lists of names, left and right of the `|`. Unknown names are the caller's to drop. */
-export function clusters(layout) {
-    const [left = '', right = ''] = layout.split('|');
-    const names = (part) => part.split(/\s+/).filter((name) => name !== '');
-    return [names(left), names(right)];
-}
-//# sourceMappingURL=options.js.map

package/dist/controls/options.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"options.js","sourceRoot":"","sources":["../../src/controls/options.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAgCH,2GAA2G;AAC3G,MAAM,CAAC,MAAM,MAAM,GACjB,mFAAmF,CAAC;AAEtF,MAAM,CAAC,MAAM,QAAQ,GAAa;IAChC,MAAM,EAAE,IAAI;IACZ,QAAQ,EAAE,CAAC;IACX,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,EAAE;IACZ,WAAW,EAAE,EAAE;IACf,KAAK,EAAE,CAAC;IACR,UAAU,EAAE,CAAC;IACb,MAAM,EAAE,MAAM;CACf,CAAC;AAEF,+BAA+B;AAC/B,MAAM,CAAC,MAAM,UAAU,GAA6C;IAClE,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,WAAW;IACrB,QAAQ,EAAE,WAAW;IACrB,QAAQ,EAAE,WAAW;IACrB,WAAW,EAAE,cAAc;IAC3B,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,aAAa;IACzB,MAAM,EAAE,QAAQ;CACjB,CAAC;AAGF,MAAM,OAAO,GAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAmC,CAAC,MAAM,CAC7E,CAAC,GAAG,EAAkB,EAAE,CAAC,GAAG,KAAK,QAAQ,CAC1C,CAAC;AAEF,+GAA+G;AAC/G,MAAM,UAAU,OAAO,CACrB,OAAoC,EACpC,SAA0C;IAE1C,MAAM,GAAG,GAAoC,EAAE,CAAC;IAChD,KAAK,MAAM,GAAG,IAAI,OAAO,EAAE,CAAC;QAC1B,MAAM,GAAG,GAAG,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;QACvC,MAAM,GAAG,GAAG,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QACpD,MAAM,KAAK,GAAG,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC;QAC7B,GAAG,CAAC,GAAG,CAAC;YACN,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC;gBAC9B,CAAC,CAAC,GAAG;gBACL,CAAC,CAAC,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC;oBAC3D,CAAC,CAAC,KAAK;oBACP,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IACxB,CAAC;IACD,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,OAAO,EAAE,MAAM,IAAI,QAAQ,CAAC,MAAM,CAAC;IAChF,OAAO,GAA0B,CAAC;AACpC,CAAC;AAED,yGAAyG;AACzG,MAAM,UAAU,QAAQ,CAAC,MAAc;IACrC,MAAM,CAAC,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAClD,MAAM,KAAK,GAAG,CAAC,IAAY,EAAY,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAC1F,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AACrC,CAAC"}

package/dist/controls/screens.d.ts

@@ -1,22 +0,0 @@
-/**
- * What sits over the picture, apart from the bar: the start button and the
- * error screen. Both live in the stage, so they are inside fullscreen and
- * over the poster, and both are the bar's, mounted and dropped with it.
- *
- * The start button is the large play in the middle of the picture: shown
- * while the video is paused, a replay once it has ended, gone while it
- * plays. The error screen replaces the row under the video: the category
- * and the code, and a retry.
- */
-import type { PlayerError } from '@mattebox/player-core';
-import type { Control, Flag } from './control.js';
-/** `shown` false keeps it out entirely, which is what the `start` knob at zero asks. */
-export declare function startButton(video: HTMLVideoElement, flag: Flag, shown?: boolean): Control;
-export interface ErrorScreen extends Control {
-    show(error: PlayerError): void;
-    clear(): void;
-    /** Whether an error is on screen, so the start button stays out of its way. */
-    shown(): boolean;
-}
-export declare function errorScreen(retry: () => void): ErrorScreen;
-//# sourceMappingURL=screens.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"screens.d.ts","sourceRoot":"","sources":["../../src/controls/screens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIlD,wFAAwF;AACxF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,UAAO,GAAG,OAAO,CAgCtF;AAED,MAAM,WAAW,WAAY,SAAQ,OAAO;IAC1C,IAAI,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,KAAK,IAAI,IAAI,CAAC;IACd,+EAA+E;IAC/E,KAAK,IAAI,OAAO,CAAC;CAClB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,IAAI,GAAG,WAAW,CAkC1D"}