@mattebox/player 0.1.0

package/dist/controls/live.js

@@ -0,0 +1,59 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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/menu.d.ts

@@ -0,0 +1,34 @@
+import type { Control } from './control.js';
+import type { IconName } from './icons.js';
+export interface MenuGroup {
+    /** The part suffix: `track`, `size`. */
+    readonly name: string;
+    /** A heading, or none for a menu of one group. */
+    readonly label?: string;
+    readonly items: ReadonlyArray<readonly [string, string]>;
+    readonly value: string;
+    readonly onSelect: (value: string) => void;
+}
+/** An entry that opens a page of groups, with a Back at its top. */
+export interface MenuPage {
+    readonly name: string;
+    readonly label: string;
+    readonly entries: readonly MenuEntry[];
+}
+export type MenuEntry = MenuGroup | MenuPage;
+export interface MenuOptions {
+    /** The part prefix: `quality`, `audio`, `text`, `speed`. */
+    readonly name: string;
+    /** The accessible name of the button. */
+    readonly label: string;
+    readonly icon: IconName;
+}
+export interface Menu extends Control {
+    /** Replaces the entries, back at the first page. */
+    fill(entries: readonly MenuEntry[]): void;
+    /** Swaps the button's glyph, for a menu whose state shows on it. */
+    show(name: IconName): void;
+    close(): void;
+}
+export declare function menu(options: MenuOptions): Menu;
+//# sourceMappingURL=menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/controls/menu.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAG3C,MAAM,WAAW,SAAS;IACxB,wCAAwC;IACxC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,kDAAkD;IAClD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACzD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED,oEAAoE;AACpE,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,SAAS,SAAS,EAAE,CAAC;CACxC;AAED,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE7C,MAAM,WAAW,WAAW;IAC1B,4DAA4D;IAC5D,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;CACzB;AAED,MAAM,WAAW,IAAK,SAAQ,OAAO;IACnC,oDAAoD;IACpD,IAAI,CAAC,OAAO,EAAE,SAAS,SAAS,EAAE,GAAG,IAAI,CAAC;IAC1C,oEAAoE;IACpE,IAAI,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC3B,KAAK,IAAI,IAAI,CAAC;CACf;AASD,wBAAgB,IAAI,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CA8M/C"}

package/dist/controls/menu.js

@@ -0,0 +1,225 @@
+/**
+ * The menu primitive the quality, audio, subtitles and speed menus share: a
+ * button that opens a popup of radio items above it, in one or more groups
+ * with a heading each, and pages behind entries that open them. The button
+ * carries the name and `aria-expanded`; the popup is `role="menu"`, every
+ * choice a `menuitemradio` with `aria-checked`, the checked one also
+ * carrying `checked` on its part name; an entry that opens a page is a
+ * `menuitem` with `aria-haspopup`, and the page starts with a Back.
+ *
+ * Open on click. Inside, the arrows move focus across every item, Home and
+ * End jump, Enter and Space choose, Escape goes back a page or closes and
+ * hands focus to the button. A choice closes the popup. A pointer down
+ * anywhere else closes it too.
+ *
+ * The popup never leaves the picture: on opening it takes the room above
+ * the button inside the stage as its height and scrolls past that.
+ */
+import { el, state } from '../dom.js';
+import { glyph, icon } from './icons.js';
+/** Air between the popup's top and the stage's. */
+const AIR = 8;
+function isPage(entry) {
+    return 'entries' in entry;
+}
+export function menu(options) {
+    const { name } = options;
+    const root = el('div', `menu ${name}-menu`);
+    const button = el('button', `control ${name}-button`);
+    button.type = 'button';
+    button.setAttribute('aria-label', options.label);
+    button.setAttribute('aria-haspopup', 'menu');
+    button.setAttribute('aria-expanded', 'false');
+    const svg = icon(options.icon);
+    button.append(svg);
+    const popup = el('div', `popup ${name}-popup`);
+    popup.setAttribute('role', 'menu');
+    popup.setAttribute('aria-label', options.label);
+    popup.hidden = true;
+    root.append(button, popup);
+    let open = false;
+    let first = [];
+    /** The pages opened, the first being the menu itself. */
+    let stack = [];
+    const handlers = new WeakMap();
+    function items() {
+        return [...popup.querySelectorAll('button')];
+    }
+    function checked() {
+        return items().find((item) => item.getAttribute('aria-checked') === 'true');
+    }
+    /** The focused element as this tree sees it: inside shadow DOM, `document.activeElement` is the host. */
+    function focused() {
+        return popup.getRootNode().activeElement;
+    }
+    function outside(event) {
+        if (!event.composedPath().includes(root))
+            close();
+    }
+    /** Whatever room there is above the button inside the stage, so the popup never leaves the picture. */
+    function fit() {
+        const stage = root.closest('[part~="stage"]');
+        if (stage === null)
+            return;
+        const room = button.getBoundingClientRect().top - stage.getBoundingClientRect().top - AIR;
+        popup.style.maxHeight = `${Math.max(0, Math.floor(room))}px`;
+    }
+    function clear() {
+        for (const item of items()) {
+            const handler = handlers.get(item);
+            if (handler !== undefined)
+                item.removeEventListener('click', handler);
+        }
+        popup.replaceChildren();
+    }
+    function item(part, text, handler) {
+        const node = el('button', part, text);
+        node.type = 'button';
+        node.tabIndex = -1;
+        handlers.set(node, handler);
+        node.addEventListener('click', handler);
+        return node;
+    }
+    /** Draws the page on top of the stack. */
+    function render() {
+        clear();
+        const page = stack[stack.length - 1];
+        if (page === undefined)
+            return;
+        let tab = true;
+        if (stack.length > 1) {
+            const back = item(`item back-item ${name}-back-item`, page.label, () => {
+                stack.pop();
+                render();
+                items()[0]?.focus();
+            });
+            back.setAttribute('role', 'menuitem');
+            back.setAttribute('aria-label', `Back from ${page.label}`);
+            popup.append(back);
+        }
+        for (const entry of page.entries) {
+            if (isPage(entry)) {
+                const link = item(`item page-item ${name}-${entry.name}-item`, entry.label, () => {
+                    stack.push(entry);
+                    render();
+                    items()[0]?.focus();
+                });
+                link.setAttribute('role', 'menuitem');
+                link.setAttribute('aria-haspopup', 'menu');
+                popup.append(link);
+                continue;
+            }
+            const section = el('div', `section ${name}-${entry.name}-section`);
+            section.setAttribute('role', 'group');
+            if (entry.label !== undefined) {
+                section.setAttribute('aria-label', entry.label);
+                section.append(el('div', `section-label ${name}-${entry.name}-label`, entry.label));
+            }
+            for (const [id, text] of entry.items) {
+                const choice = item(`item ${name}-item ${name}-${entry.name}-item`, text, () => {
+                    close();
+                    button.focus();
+                    entry.onSelect(id);
+                });
+                choice.value = id;
+                choice.setAttribute('role', 'menuitemradio');
+                const on = id === entry.value;
+                choice.setAttribute('aria-checked', String(on));
+                state(choice, `item ${name}-item ${name}-${entry.name}-item`, { checked: on });
+                // One tab stop: the first checked item.
+                if (on && tab) {
+                    choice.tabIndex = 0;
+                    tab = false;
+                }
+                section.append(choice);
+            }
+            popup.append(section);
+        }
+        fit();
+    }
+    function close() {
+        if (!open)
+            return;
+        open = false;
+        popup.hidden = true;
+        button.setAttribute('aria-expanded', 'false');
+        state(root, `menu ${name}-menu`, { open: false });
+        document.removeEventListener('pointerdown', outside, true);
+        if (stack.length > 1) {
+            stack = stack.slice(0, 1);
+            render();
+        }
+    }
+    function show() {
+        if (open)
+            return;
+        open = true;
+        popup.hidden = false;
+        button.setAttribute('aria-expanded', 'true');
+        state(root, `menu ${name}-menu`, { open: true });
+        document.addEventListener('pointerdown', outside, true);
+        fit();
+        (checked() ?? items()[0])?.focus();
+    }
+    function toggle() {
+        if (open)
+            close();
+        else
+            show();
+    }
+    function key(event) {
+        const list = items();
+        const index = list.indexOf(focused());
+        let next;
+        switch (event.key) {
+            case 'ArrowDown':
+                next = (index + 1) % list.length;
+                break;
+            case 'ArrowUp':
+                next = (index - 1 + list.length) % list.length;
+                break;
+            case 'Home':
+                next = 0;
+                break;
+            case 'End':
+                next = list.length - 1;
+                break;
+            case 'Escape':
+                event.preventDefault();
+                if (stack.length > 1) {
+                    stack.pop();
+                    render();
+                    items()[0]?.focus();
+                    return;
+                }
+                close();
+                button.focus();
+                return;
+            default:
+                return;
+        }
+        event.preventDefault();
+        list[next]?.focus();
+    }
+    button.addEventListener('click', toggle);
+    popup.addEventListener('keydown', key);
+    return {
+        root,
+        fill(entries) {
+            first = entries;
+            stack = [{ name, label: options.label, entries: first }];
+            render();
+        },
+        show(glyphName) {
+            glyph(svg, glyphName);
+        },
+        close,
+        dispose() {
+            close();
+            clear();
+            button.removeEventListener('click', toggle);
+            popup.removeEventListener('keydown', key);
+        },
+    };
+}
+//# sourceMappingURL=menu.js.map

package/dist/controls/menu.js.map

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

package/dist/controls/menus.d.ts

@@ -0,0 +1,43 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,262 @@
+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

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