@mattebox/player-cast 0.1.0 → 0.3.0

package/README.md

@@ -5,14 +5,16 @@
 
 `<mbx-cast-button>` and `<mbx-cast-screen>` for the
 [Mattebox player](https://github.com/jboix/mattebox-player): Chromecast
-from the page, over Google's sender SDK. The button starts and ends a
-session, and the screen covers the picture while the receiver plays, with
-its name, play and pause, the seek slider, the time and a stop button.
-Importing the package registers both elements.
+from the page, over Google's sender SDK.
 
-It is a package of its own because the button loads Google's script onto
-the page, which the player never does on an integrator's behalf. The AirPlay
-button, over Safari's own API, ships with the player.
+- The button starts and ends a session.
+- The screen covers the picture while the receiver plays. It shows the name of the receiver, play and pause, the seek slider, the time and a stop button.
+
+The import registers both elements.
+
+The cast is a package of its own because the button loads Google's script
+onto the page. The player never loads third-party code for a page. The
+AirPlay button uses Safari's own API, so it is part of the player.
 
 ```sh
 npm install @mattebox/player-cast @mattebox/player mattebox
@@ -35,12 +37,15 @@ npm install @mattebox/player-cast @mattebox/player mattebox
 </script>
 ```
 
-On start the player pauses the video, freezes the engine so nothing is
-fetched for a paused picture, and sends the session's source to the
-receiver at the video's time. On end the engine resumes and the video
-picks up where the receiver stopped. The receiver plays the URL by itself,
-so DRM and signed URLs are the page's to arrange through the `castload`
-event, which carries the load request before it goes out:
+When a session starts, the player pauses the video and suspends the engine,
+so the engine requests nothing during the cast. It then sends the source of
+the session to the receiver, at the video's current time. When the session
+ends, the engine resumes and the video continues from the time where the
+receiver stopped.
+
+The receiver plays the URL by itself, so DRM and signed URLs are the page's
+to arrange, in the `castload` event. The event carries the load request
+before the button sends it:
 
 ```ts
 button.addEventListener('castload', (event) => {
@@ -48,7 +53,8 @@ button.addEventListener('castload', (event) => {
 });
 ```
 
-`receiver` on the button names the receiver application, the Default Media
-Receiver without one; `sdk="none"` leaves loading the SDK to the page. The
+`receiver` on the button names the receiver application. Without it, the
+button uses the Default Media Receiver. With `sdk="none"`, the page loads
+the SDK instead of the button. The
 [guide](https://github.com/jboix/mattebox-player/blob/main/docs/guide/03-the-element.md#casting)
-covers the rest.
+explains the rest.

package/dist/cast-button.js

@@ -1,65 +1,59 @@
-import { cast } from './cast.js';
-import { Component } from './component.js';
-import { icon } from './icons.js';
-import { BUTTON_STYLE, iconSlots, show, style } from './shared.js';
-const STATES = ['default', 'active'];
-export class MbxCastButton extends Component {
-    static get observedAttributes() {
-        return ['label-start', 'label-stop'];
-    }
-    constructor() {
-        super();
-        this.api = null;
-        const root = this.attachShadow({ mode: 'open' });
-        this.button = document.createElement('button');
-        this.button.type = 'button';
-        this.button.setAttribute('part', 'button');
-        this.slots = iconSlots(STATES, (state) => icon(state === 'active' ? 'cast-active' : 'cast'));
-        for (const state of STATES)
-            this.button.append(this.slots[state]);
-        this.button.addEventListener('click', () => {
-            const api = this.api;
-            if (api === null)
-                return;
-            if (api.state() === 'casting')
-                api.stop();
-            else
-                api.start(this);
-        });
-        root.append(style(BUTTON_STYLE), this.button);
-    }
-    attach(player) {
-        const api = cast(player);
-        this.api = api;
-        api.connect(this.getAttribute('receiver'), this.getAttribute('sdk'));
-        this.keep(api.watch(() => {
-            this.render();
-        }));
-        // A session decides whether there is anything to send.
-        this.follow(player, () => {
-            this.render();
-            return undefined;
-        });
-    }
-    detach() {
-        this.api?.disconnect();
-        this.api = null;
-    }
-    render() {
-        const player = this.player;
-        const api = this.api;
-        if (player === null || api === null)
-            return;
-        const state = api.state();
-        const active = state === 'casting';
-        this.hidden = state === 'unavailable';
-        // Nothing loaded means nothing to send; the receiver would show its idle screen.
-        this.button.disabled = !active && player.player?.session == null;
-        this.button.toggleAttribute('aria-busy', state === 'connecting');
-        show(this.slots, active ? 'active' : 'default');
-        this.button.setAttribute('aria-label', active
-            ? (this.getAttribute('label-stop') ?? 'Stop casting')
-            : (this.getAttribute('label-start') ?? 'Cast'));
-    }
-}
+import { cast } from "./cast.js";
+import { Component } from "./component.js";
+import { icon } from "./icons.js";
+import { BUTTON_STYLE, iconSlots, show, style } from "./shared.js";
+//#region src/cast-button.ts
+const STATES = ["default", "active"];
+var MbxCastButton = class extends Component {
+	static get observedAttributes() {
+		return ["label-start", "label-stop"];
+	}
+	constructor() {
+		super();
+		this.api = null;
+		const root = this.attachShadow({ mode: "open" });
+		this.button = document.createElement("button");
+		this.button.type = "button";
+		this.button.setAttribute("part", "button");
+		this.slots = iconSlots(STATES, (state) => icon(state === "active" ? "cast-active" : "cast"));
+		for (const state of STATES) this.button.append(this.slots[state]);
+		this.button.addEventListener("click", () => {
+			const api = this.api;
+			if (api === null) return;
+			if (api.state() === "casting") api.stop();
+			else api.start(this);
+		});
+		root.append(style(BUTTON_STYLE), this.button);
+	}
+	attach(player) {
+		const api = cast(player);
+		this.api = api;
+		api.connect(this.getAttribute("receiver"), this.getAttribute("sdk"));
+		this.keep(api.watch(() => {
+			this.render();
+		}));
+		this.follow(player, () => {
+			this.render();
+		});
+	}
+	detach() {
+		this.api?.disconnect();
+		this.api = null;
+	}
+	render() {
+		const player = this.player;
+		const api = this.api;
+		if (player === null || api === null) return;
+		const state = api.state();
+		const active = state === "casting";
+		this.hidden = state === "unavailable";
+		this.button.disabled = !active && player.player?.session == null;
+		this.button.toggleAttribute("aria-busy", state === "connecting");
+		show(this.slots, active ? "active" : "default");
+		this.button.setAttribute("aria-label", active ? this.getAttribute("label-stop") ?? "Stop casting" : this.getAttribute("label-start") ?? "Cast");
+	}
+};
+//#endregion
+export { MbxCastButton };
+
 //# sourceMappingURL=cast-button.js.map

package/dist/cast-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"cast-button.js","sourceRoot":"","sources":["../src/cast-button.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"cast-button.js","names":[],"sources":["../src/cast-button.ts"],"sourcesContent":["/**\n * <mbx-cast-button>: starts and ends a Chromecast session for the player,\n * and is hidden where there is no Cast: a browser without the SDK, or no\n * device on the network. `receiver` is the receiver application id, the\n * Default Media Receiver without one; `sdk=\"none\"` leaves loading the\n * sender SDK to the page. The glyph is `icon` or `icon-active`, the name\n * `label-start` or `label-stop`.\n *\n * Before the request goes to the receiver the button dispatches\n * `castload`, cancelable, with the request as `detail`, so a page adds\n * `customData` for its receiver or cancels. The player carries `casting`\n * while the session runs, and the cast screen drives the receiver.\n */\nimport type { Cast } from './cast.js';\nimport { cast } from './cast.js';\nimport { Component } from './component.js';\nimport type { PlayerHost } from './host.js';\nimport { icon } from './icons.js';\nimport { BUTTON_STYLE, iconSlots, show, style } from './shared.js';\n\ntype State = 'default' | 'active';\nconst STATES: readonly State[] = ['default', 'active'];\n\nexport class MbxCastButton extends Component {\n  static get observedAttributes(): readonly string[] {\n    return ['label-start', 'label-stop'];\n  }\n\n  declare private readonly button: HTMLButtonElement;\n  declare private readonly slots: Record<State, HTMLSlotElement>;\n  declare private api: Cast | null;\n\n  constructor() {\n    super();\n    this.api = null;\n    const root = this.attachShadow({ mode: 'open' });\n    this.button = document.createElement('button');\n    this.button.type = 'button';\n    this.button.setAttribute('part', 'button');\n    this.slots = iconSlots(STATES, (state) => icon(state === 'active' ? 'cast-active' : 'cast'));\n    for (const state of STATES) this.button.append(this.slots[state]);\n    this.button.addEventListener('click', () => {\n      const api = this.api;\n      if (api === null) return;\n      if (api.state() === 'casting') api.stop();\n      else api.start(this);\n    });\n    root.append(style(BUTTON_STYLE), this.button);\n  }\n\n  protected override attach(player: PlayerHost): void {\n    const api = cast(player);\n    this.api = api;\n    api.connect(this.getAttribute('receiver'), this.getAttribute('sdk'));\n    this.keep(\n      api.watch(() => {\n        this.render();\n      }),\n    );\n    // A session decides whether there is anything to send.\n    this.follow(player, () => {\n      this.render();\n      return undefined;\n    });\n  }\n\n  protected override detach(): void {\n    this.api?.disconnect();\n    this.api = null;\n  }\n\n  protected override render(): void {\n    const player = this.player;\n    const api = this.api;\n    if (player === null || api === null) return;\n    const state = api.state();\n    const active = state === 'casting';\n    this.hidden = state === 'unavailable';\n    // Nothing loaded means nothing to send; the receiver would show its idle screen.\n    this.button.disabled = !active && player.player?.session == null;\n    this.button.toggleAttribute('aria-busy', state === 'connecting');\n    show(this.slots, active ? 'active' : 'default');\n    this.button.setAttribute(\n      'aria-label',\n      active\n        ? (this.getAttribute('label-stop') ?? 'Stop casting')\n        : (this.getAttribute('label-start') ?? 'Cast'),\n    );\n  }\n}\n"],"mappings":";;;;;AAqBA,MAAM,SAA2B,CAAC,WAAW,QAAQ;AAErD,IAAa,gBAAb,cAAmC,UAAU;CAC3C,WAAW,qBAAwC;EACjD,OAAO,CAAC,eAAe,YAAY;CACrC;CAMA,cAAc;EACZ,MAAM;EACN,KAAK,MAAM;EACX,MAAM,OAAO,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;EAC/C,KAAK,SAAS,SAAS,cAAc,QAAQ;EAC7C,KAAK,OAAO,OAAO;EACnB,KAAK,OAAO,aAAa,QAAQ,QAAQ;EACzC,KAAK,QAAQ,UAAU,SAAS,UAAU,KAAK,UAAU,WAAW,gBAAgB,MAAM,CAAC;EAC3F,KAAK,MAAM,SAAS,QAAQ,KAAK,OAAO,OAAO,KAAK,MAAM,MAAM;EAChE,KAAK,OAAO,iBAAiB,eAAe;GAC1C,MAAM,MAAM,KAAK;GACjB,IAAI,QAAQ,MAAM;GAClB,IAAI,IAAI,MAAM,MAAM,WAAW,IAAI,KAAK;QACnC,IAAI,MAAM,IAAI;EACrB,CAAC;EACD,KAAK,OAAO,MAAM,YAAY,GAAG,KAAK,MAAM;CAC9C;CAEA,OAA0B,QAA0B;EAClD,MAAM,MAAM,KAAK,MAAM;EACvB,KAAK,MAAM;EACX,IAAI,QAAQ,KAAK,aAAa,UAAU,GAAG,KAAK,aAAa,KAAK,CAAC;EACnE,KAAK,KACH,IAAI,YAAY;GACd,KAAK,OAAO;EACd,CAAC,CACH;EAEA,KAAK,OAAO,cAAc;GACxB,KAAK,OAAO;EAEd,CAAC;CACH;CAEA,SAAkC;EAChC,KAAK,KAAK,WAAW;EACrB,KAAK,MAAM;CACb;CAEA,SAAkC;EAChC,MAAM,SAAS,KAAK;EACpB,MAAM,MAAM,KAAK;EACjB,IAAI,WAAW,QAAQ,QAAQ,MAAM;EACrC,MAAM,QAAQ,IAAI,MAAM;EACxB,MAAM,SAAS,UAAU;EACzB,KAAK,SAAS,UAAU;EAExB,KAAK,OAAO,WAAW,CAAC,UAAU,OAAO,QAAQ,WAAW;EAC5D,KAAK,OAAO,gBAAgB,aAAa,UAAU,YAAY;EAC/D,KAAK,KAAK,OAAO,SAAS,WAAW,SAAS;EAC9C,KAAK,OAAO,aACV,cACA,SACK,KAAK,aAAa,YAAY,KAAK,iBACnC,KAAK,aAAa,aAAa,KAAK,MAC3C;CACF;AACF"}

package/dist/cast-screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cast-screen.d.ts","sourceRoot":"","sources":["../src/cast-screen.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAwD5C,qBAAa,aAAc,SAAQ,SAAS;IAC1C,MAAM,KAAK,kBAAkB,IAAI,SAAS,MAAM,EAAE,CAEjD;IAED,iBAAyB,MAAM,CAAc;IAC7C,iBAAyB,IAAI,CAAoB;IACjD,iBAAyB,KAAK,CAAiC;IAC/D,iBAAyB,IAAI,CAAS;IACtC,iBAAyB,GAAG,CAAc;IAC1C,iBAAyB,IAAI,CAAc;IAC3C,iBAAyB,IAAI,CAAoB;IACjD,QAAgB,GAAG,CAAc;IACjC,kGAAkG;IAClG,QAAgB,IAAI,CAAgB;;IA8CpC,sEAAsE;IAC7D,iBAAiB,IAAI,IAAI;cAKf,MAAM,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;cAWhC,MAAM,IAAI,IAAI;IAKjC,yEAAyE;IACzE,OAAO,CAAC,KAAK;cAcM,MAAM,IAAI,IAAI;CAsBlC"}
+{"version":3,"file":"cast-screen.d.ts","sourceRoot":"","sources":["../src/cast-screen.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAuB5C,qBAAa,aAAc,SAAQ,SAAS;IAC1C,MAAM,KAAK,kBAAkB,IAAI,SAAS,MAAM,EAAE,CAEjD;IAED,iBAAyB,MAAM,CAAc;IAC7C,iBAAyB,IAAI,CAAoB;IACjD,iBAAyB,KAAK,CAAiC;IAC/D,iBAAyB,IAAI,CAAS;IACtC,iBAAyB,GAAG,CAAc;IAC1C,iBAAyB,IAAI,CAAc;IAC3C,iBAAyB,IAAI,CAAoB;IACjD,QAAgB,GAAG,CAAc;IACjC,kGAAkG;IAClG,QAAgB,IAAI,CAAgB;;IA8CpC,sEAAsE;IAC7D,iBAAiB,IAAI,IAAI;cAKf,MAAM,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;cAWhC,MAAM,IAAI,IAAI;IAKjC,yEAAyE;IACzE,OAAO,CAAC,KAAK;cAcM,MAAM,IAAI,IAAI;CAsBlC"}

package/dist/cast-screen.js

@@ -1,148 +1,116 @@
-import { cast } from './cast.js';
-import { Component } from './component.js';
-import { icon } from './icons.js';
-import { BUTTON_STYLE, describe, el, fill, format, iconSlots, SLIDER_STYLE, show, style, } from './shared.js';
-import { slider } from './slider.js';
-const STATES = ['play', 'pause'];
+import { cast } from "./cast.js";
+import { Component } from "./component.js";
+import { icon } from "./icons.js";
+import { BUTTON_STYLE, SLIDER_STYLE, describe, el, fill, format, iconSlots, show, style } from "./shared.js";
+import { slider } from "./slider.js";
+//#region src/cast-screen.ts
+const STYLE_CSS = ":host{color:var(--mbx-text);font:400 .9375em / 1.4 var(--mbx-font);text-align:center;background:#000000d9;justify-content:center;align-items:center;padding:1.0667em;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}:host([hidden]){display:none}[part~=box]{flex-direction:column;align-items:center;width:100%;max-width:28em;display:flex}[part~=box]>:not([hidden])~:not([hidden]){margin-top:.8em}[part~=title]{font-size:1.2em;font-weight:600}[part~=row]{justify-content:center;align-items:center;width:100%;display:flex}[part~=row]>:not([hidden])~:not([hidden]){margin-left:.8em}[part~=slider]{flex:1}[part~=time]{font-variant-numeric:tabular-nums;color:var(--mbx-muted);font-size:.8667em}[part~=stop]{height:2.4em;font:inherit;color:inherit;border-radius:var(--mbx-radius);cursor:pointer;background:0 0;border:1px solid;padding:0 1.0667em;font-weight:600}[part~=stop]:focus{outline:2px solid var(--mbx-accent);outline-offset:-2px}[part~=stop]:focus:not(:focus-visible){outline:none}[hidden]{display:none}";
+const STATES = ["play", "pause"];
 const STEP = 5;
 const PAGE = 30;
-const STYLE = `${BUTTON_STYLE}
-${SLIDER_STYLE}
-:host {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 16px;
-  background: rgba(0, 0, 0, 0.85);
-  color: var(--mbx-text);
-  font: 400 15px/1.4 var(--mbx-font);
-  text-align: center;
-}
-:host([hidden]) { display: none; }
-[part~="box"] { display: flex; flex-direction: column; align-items: center; gap: 12px; width: min(100%, 420px); }
-[part~="title"] { font-size: 18px; font-weight: 600; }
-[part~="row"] { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; }
-[part~="slider"] { flex: 1; }
-[part~="time"] { font-variant-numeric: tabular-nums; color: var(--mbx-muted); font-size: 13px; }
-[part~="stop"] {
-  height: 36px;
-  padding: 0 16px;
-  font: inherit;
-  font-weight: 600;
-  color: inherit;
-  background: transparent;
-  border: 1px solid currentColor;
-  border-radius: var(--mbx-radius);
-  cursor: pointer;
-}
-[part~="stop"]:focus-visible { outline: 2px solid var(--mbx-accent); outline-offset: -2px; }
-[hidden] { display: none; }
-`;
-export class MbxCastScreen extends Component {
-    static get observedAttributes() {
-        return ['label', 'label-stop', 'label-play', 'label-pause', 'label-seek'];
-    }
-    constructor() {
-        super();
-        this.api = null;
-        this.held = null;
-        const root = this.attachShadow({ mode: 'open' });
-        const box = el('div', 'box');
-        this.title_ = el('div', 'title');
-        this.play = document.createElement('button');
-        this.play.type = 'button';
-        this.play.setAttribute('part', 'button play');
-        this.slots = iconSlots(STATES, icon);
-        for (const state of STATES)
-            this.play.append(this.slots[state]);
-        this.play.addEventListener('click', () => {
-            this.api?.playPause();
-        });
-        this.seek = slider({
-            step: () => STEP,
-            page: () => PAGE,
-            onInput: (value) => {
-                if (this.seek.dragging()) {
-                    this.held = value;
-                    this.paint();
-                    return;
-                }
-                this.held = null;
-                this.api?.seek(value);
-            },
-            onDrag: (on) => {
-                this.toggleAttribute('dragging', on);
-                if (!on)
-                    this.held = null;
-            },
-        });
-        this.time = el('span', 'time');
-        this.row = el('div', 'row');
-        this.row.append(this.play, this.seek.root, this.time);
-        this.stop = el('button', 'stop');
-        this.stop.type = 'button';
-        this.stop.addEventListener('click', () => {
-            this.api?.stop();
-        });
-        box.append(this.title_, this.row, this.stop);
-        root.append(style(STYLE), box);
-    }
-    /** Hidden before attaching: a constructor must not add attributes. */
-    connectedCallback() {
-        if (this.player === null)
-            this.hidden = true;
-        super.connectedCallback();
-    }
-    attach(player) {
-        const api = cast(player);
-        this.api = api;
-        this.keep(api.watch(() => {
-            this.render();
-        }));
-        this.render();
-    }
-    detach() {
-        this.api = null;
-        this.hidden = true;
-    }
-    /** The slider and the time, from the receiver or from the held thumb. */
-    paint() {
-        const api = this.api;
-        if (api === null)
-            return;
-        const remote = api.remote();
-        const seekable = remote.loaded && Number.isFinite(remote.duration);
-        this.seek.root.hidden = !seekable;
-        this.time.hidden = !seekable;
-        if (!seekable)
-            return;
-        const at = this.held ?? remote.time;
-        this.seek.range(0, remote.duration);
-        this.seek.set(at, describe(at, remote.duration));
-        this.time.textContent = `${format(at)} / ${format(remote.duration)}`;
-    }
-    render() {
-        const api = this.api;
-        if (api === null)
-            return;
-        const remote = api.remote();
-        // Named while hidden too: a screen reader walks the tree either way.
-        const state = remote.loaded && !remote.paused ? 'pause' : 'play';
-        show(this.slots, state);
-        this.play.setAttribute('aria-label', this.getAttribute(`label-${state}`) ?? (state === 'play' ? 'Play' : 'Pause'));
-        this.seek.label(this.getAttribute('label-seek') ?? 'Seek');
-        this.stop.textContent = this.getAttribute('label-stop') ?? 'Stop casting';
-        const casting = api.state() === 'casting';
-        this.hidden = !casting;
-        if (!casting)
-            return;
-        this.title_.textContent = fill(this.getAttribute('label') ?? 'Casting to {device}', {
-            device: api.device() ?? '',
-        });
-        this.play.disabled = !remote.loaded;
-        this.paint();
-    }
-}
+const STYLE = BUTTON_STYLE + SLIDER_STYLE + STYLE_CSS;
+var MbxCastScreen = class extends Component {
+	static get observedAttributes() {
+		return [
+			"label",
+			"label-stop",
+			"label-play",
+			"label-pause",
+			"label-seek"
+		];
+	}
+	constructor() {
+		super();
+		this.api = null;
+		this.held = null;
+		const root = this.attachShadow({ mode: "open" });
+		const box = el("div", "box");
+		this.title_ = el("div", "title");
+		this.play = document.createElement("button");
+		this.play.type = "button";
+		this.play.setAttribute("part", "button play");
+		this.slots = iconSlots(STATES, icon);
+		for (const state of STATES) this.play.append(this.slots[state]);
+		this.play.addEventListener("click", () => {
+			this.api?.playPause();
+		});
+		this.seek = slider({
+			step: () => STEP,
+			page: () => PAGE,
+			onInput: (value) => {
+				if (this.seek.dragging()) {
+					this.held = value;
+					this.paint();
+					return;
+				}
+				this.held = null;
+				this.api?.seek(value);
+			},
+			onDrag: (on) => {
+				this.toggleAttribute("dragging", on);
+				if (!on) this.held = null;
+			}
+		});
+		this.time = el("span", "time");
+		this.row = el("div", "row");
+		this.row.append(this.play, this.seek.root, this.time);
+		this.stop = el("button", "stop");
+		this.stop.type = "button";
+		this.stop.addEventListener("click", () => {
+			this.api?.stop();
+		});
+		box.append(this.title_, this.row, this.stop);
+		root.append(style(STYLE), box);
+	}
+	/** Hidden before attaching: a constructor must not add attributes. */
+	connectedCallback() {
+		if (this.player === null) this.hidden = true;
+		super.connectedCallback();
+	}
+	attach(player) {
+		const api = cast(player);
+		this.api = api;
+		this.keep(api.watch(() => {
+			this.render();
+		}));
+		this.render();
+	}
+	detach() {
+		this.api = null;
+		this.hidden = true;
+	}
+	/** The slider and the time, from the receiver or from the held thumb. */
+	paint() {
+		const api = this.api;
+		if (api === null) return;
+		const remote = api.remote();
+		const seekable = remote.loaded && Number.isFinite(remote.duration);
+		this.seek.root.hidden = !seekable;
+		this.time.hidden = !seekable;
+		if (!seekable) return;
+		const at = this.held ?? remote.time;
+		this.seek.range(0, remote.duration);
+		this.seek.set(at, describe(at, remote.duration));
+		this.time.textContent = `${format(at)} / ${format(remote.duration)}`;
+	}
+	render() {
+		const api = this.api;
+		if (api === null) return;
+		const remote = api.remote();
+		const state = remote.loaded && !remote.paused ? "pause" : "play";
+		show(this.slots, state);
+		this.play.setAttribute("aria-label", this.getAttribute(`label-${state}`) ?? (state === "play" ? "Play" : "Pause"));
+		this.seek.label(this.getAttribute("label-seek") ?? "Seek");
+		this.stop.textContent = this.getAttribute("label-stop") ?? "Stop casting";
+		const casting = api.state() === "casting";
+		this.hidden = !casting;
+		if (!casting) return;
+		this.title_.textContent = fill(this.getAttribute("label") ?? "Casting to {device}", { device: api.device() ?? "" });
+		this.play.disabled = !remote.loaded;
+		this.paint();
+	}
+};
+//#endregion
+export { MbxCastScreen };
+
 //# sourceMappingURL=cast-screen.js.map

package/dist/cast-screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"cast-screen.js","sourceRoot":"","sources":["../src/cast-screen.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"cast-screen.js","names":[],"sources":["../src/cast-screen.ts"],"sourcesContent":["/**\n * <mbx-cast-screen>: covers the picture while the player casts, with the\n * receiver's name, play and pause, the seek slider, the time, and a stop\n * button. It drives the receiver through the SDK's remote player; the\n * video underneath stays paused and untouched (rule 3). It sits in the\n * player beside the video, hidden until the player carries `casting`.\n *\n * The title comes from `label` with `{device}`, the stop button's text from\n * `label-stop`, the play button's name from `label-play` and `label-pause`\n * and its glyph from `icon-play` and `icon-pause`, the slider's name from\n * `label-seek`. A live stream has no duration on the receiver, so the\n * slider and the time hide for it.\n */\nimport type { Cast } from './cast.js';\nimport { cast } from './cast.js';\nimport STYLE_CSS from './cast-screen.css?inline';\nimport { Component } from './component.js';\nimport type { PlayerHost } from './host.js';\nimport { icon } from './icons.js';\nimport {\n  BUTTON_STYLE,\n  describe,\n  el,\n  fill,\n  format,\n  iconSlots,\n  SLIDER_STYLE,\n  show,\n  style,\n} from './shared.js';\nimport type { Slider } from './slider.js';\nimport { slider } from './slider.js';\n\ntype State = 'play' | 'pause';\nconst STATES: readonly State[] = ['play', 'pause'];\nconst STEP = 5;\nconst PAGE = 30;\n\nconst STYLE = BUTTON_STYLE + SLIDER_STYLE + STYLE_CSS;\n\nexport class MbxCastScreen extends Component {\n  static get observedAttributes(): readonly string[] {\n    return ['label', 'label-stop', 'label-play', 'label-pause', 'label-seek'];\n  }\n\n  declare private readonly title_: HTMLElement;\n  declare private readonly play: HTMLButtonElement;\n  declare private readonly slots: Record<State, HTMLSlotElement>;\n  declare private readonly seek: Slider;\n  declare private readonly row: HTMLElement;\n  declare private readonly time: HTMLElement;\n  declare private readonly stop: HTMLButtonElement;\n  declare private api: Cast | null;\n  /** Where the thumb is while a pointer holds it, so the receiver's reports do not move it back. */\n  declare private held: number | null;\n\n  constructor() {\n    super();\n    this.api = null;\n    this.held = null;\n    const root = this.attachShadow({ mode: 'open' });\n    const box = el('div', 'box');\n    this.title_ = el('div', 'title');\n    this.play = document.createElement('button');\n    this.play.type = 'button';\n    this.play.setAttribute('part', 'button play');\n    this.slots = iconSlots(STATES, icon);\n    for (const state of STATES) this.play.append(this.slots[state]);\n    this.play.addEventListener('click', () => {\n      this.api?.playPause();\n    });\n    this.seek = slider({\n      step: () => STEP,\n      page: () => PAGE,\n      onInput: (value) => {\n        if (this.seek.dragging()) {\n          this.held = value;\n          this.paint();\n          return;\n        }\n        this.held = null;\n        this.api?.seek(value);\n      },\n      onDrag: (on) => {\n        this.toggleAttribute('dragging', on);\n        if (!on) this.held = null;\n      },\n    });\n    this.time = el('span', 'time');\n    this.row = el('div', 'row');\n    this.row.append(this.play, this.seek.root, this.time);\n    this.stop = el('button', 'stop');\n    this.stop.type = 'button';\n    this.stop.addEventListener('click', () => {\n      this.api?.stop();\n    });\n    box.append(this.title_, this.row, this.stop);\n    root.append(style(STYLE), box);\n  }\n\n  /** Hidden before attaching: a constructor must not add attributes. */\n  override connectedCallback(): void {\n    if (this.player === null) this.hidden = true;\n    super.connectedCallback();\n  }\n\n  protected override attach(player: PlayerHost): void {\n    const api = cast(player);\n    this.api = api;\n    this.keep(\n      api.watch(() => {\n        this.render();\n      }),\n    );\n    this.render();\n  }\n\n  protected override detach(): void {\n    this.api = null;\n    this.hidden = true;\n  }\n\n  /** The slider and the time, from the receiver or from the held thumb. */\n  private paint(): void {\n    const api = this.api;\n    if (api === null) return;\n    const remote = api.remote();\n    const seekable = remote.loaded && Number.isFinite(remote.duration);\n    this.seek.root.hidden = !seekable;\n    this.time.hidden = !seekable;\n    if (!seekable) return;\n    const at = this.held ?? remote.time;\n    this.seek.range(0, remote.duration);\n    this.seek.set(at, describe(at, remote.duration));\n    this.time.textContent = `${format(at)} / ${format(remote.duration)}`;\n  }\n\n  protected override render(): void {\n    const api = this.api;\n    if (api === null) return;\n    const remote = api.remote();\n    // Named while hidden too: a screen reader walks the tree either way.\n    const state: State = remote.loaded && !remote.paused ? 'pause' : 'play';\n    show(this.slots, state);\n    this.play.setAttribute(\n      'aria-label',\n      this.getAttribute(`label-${state}`) ?? (state === 'play' ? 'Play' : 'Pause'),\n    );\n    this.seek.label(this.getAttribute('label-seek') ?? 'Seek');\n    this.stop.textContent = this.getAttribute('label-stop') ?? 'Stop casting';\n    const casting = api.state() === 'casting';\n    this.hidden = !casting;\n    if (!casting) return;\n    this.title_.textContent = fill(this.getAttribute('label') ?? 'Casting to {device}', {\n      device: api.device() ?? '',\n    });\n    this.play.disabled = !remote.loaded;\n    this.paint();\n  }\n}\n"],"mappings":"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"}