@fusion.dev/helix-headless 0.55.0 → 0.56.1

package/custom-elements.json

@@ -106950,6 +106950,142 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/video/root/extra-controls.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "offers",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "parameters": [
+            {
+              "name": "one",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "player",
+              "type": {
+                "text": "Conditions"
+              }
+            }
+          ],
+          "description": "Whether this platform can do a named control at all."
+        },
+        {
+          "kind": "function",
+          "name": "barControls",
+          "return": {
+            "type": {
+              "text": "string[]"
+            }
+          },
+          "parameters": [
+            {
+              "name": "written",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "player",
+              "type": {
+                "text": "Conditions"
+              }
+            }
+          ],
+          "description": "The extras asked for, in order, and only the ones this platform can do."
+        },
+        {
+          "kind": "function",
+          "name": "menuControls",
+          "return": {
+            "type": {
+              "text": "string[]"
+            }
+          },
+          "parameters": [
+            {
+              "name": "written",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "onBar",
+              "type": {
+                "text": "readonly string[]"
+              }
+            },
+            {
+              "name": "player",
+              "type": {
+                "text": "Conditions"
+              }
+            }
+          ],
+          "description": "The controls asked for behind the overflow button, in order.\n\nA name in both lists is on the bar and not here. Drawing it twice is worse\nthan either placement, and the bar is the one a reader can see."
+        },
+        {
+          "kind": "function",
+          "name": "ownFile",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "parameters": [
+            {
+              "name": "src",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "description": "Whether the file a `src` points at is the player's to hand over.\n\nHere because it is the download control's other condition: whether it is\ndrawn at all is `source`, and whether the `download` attribute on it means\nanything is this.\n\n`blob:` and `data:` named rather than compared, because the rule `download`\nactually follows is same-origin *or one of those two*: a clip a consumer\ngenerated in the page has no origin to match and is theirs to save by\ndefinition. Comparing origins alone called both foreign, so the one case\nwhere a download certainly works was the one case it was not offered."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "offers",
+          "declaration": {
+            "name": "offers",
+            "module": "src/video/root/extra-controls.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "barControls",
+          "declaration": {
+            "name": "barControls",
+            "module": "src/video/root/extra-controls.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "menuControls",
+          "declaration": {
+            "name": "menuControls",
+            "module": "src/video/root/extra-controls.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ownFile",
+          "declaration": {
+            "name": "ownFile",
+            "module": "src/video/root/extra-controls.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/video/root/fullscreen.ts",
@@ -107061,6 +107197,118 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/video/root/keys.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "takeKey",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "parameters": [
+            {
+              "name": "event",
+              "type": {
+                "text": "KeyboardEvent"
+              }
+            },
+            {
+              "name": "video",
+              "type": {
+                "text": "HTMLVideoElement"
+              }
+            },
+            {
+              "name": "actions",
+              "type": {
+                "text": "KeyActions"
+              }
+            }
+          ],
+          "description": "Answers one press, and says whether it was one of these.\n\nNothing is taken while focus is in a range. The scrubber and the volume are\nreal inputs and the arrows are already theirs, so intercepting would mean\nseeking twice for one press."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "takeKey",
+          "declaration": {
+            "name": "takeKey",
+            "module": "src/video/root/keys.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/video/root/media-copy.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "copiesOf",
+          "return": {
+            "type": {
+              "text": "MediaCopy[]"
+            }
+          },
+          "parameters": [
+            {
+              "name": "elements",
+              "type": {
+                "text": "readonly Element[]"
+              }
+            }
+          ],
+          "description": "The copies to make of what the default slot is given."
+        },
+        {
+          "kind": "function",
+          "name": "sameCopies",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "parameters": [
+            {
+              "name": "one",
+              "type": {
+                "text": "readonly MediaCopy[]"
+              }
+            },
+            {
+              "name": "two",
+              "type": {
+                "text": "readonly MediaCopy[]"
+              }
+            }
+          ],
+          "description": "Whether two reads describe the same media.\n\nThe same set again is not a change. A video reloads for every new list, and\nthe first `slotchange` reports the children the element has already read."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "copiesOf",
+          "declaration": {
+            "name": "copiesOf",
+            "module": "src/video/root/media-copy.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "sameCopies",
+          "declaration": {
+            "name": "sameCopies",
+            "module": "src/video/root/media-copy.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/video/root/media-session.ts",
@@ -107625,16 +107873,6 @@
               "description": "What the play control is called while it would start the video.",
               "attribute": "play-label"
             },
-            {
-              "kind": "field",
-              "name": "localFile",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "description": "Whether the file this points at is ours to hand over.\n\n`blob:` and `data:` named rather than compared, because the rule `download`\nactually follows is same-origin *or one of those two*: a clip a consumer\ngenerated in the page has no origin to match and is theirs to save by\ndefinition. Comparing origins alone called both foreign, so the one case\nwhere a download certainly works was the one case it was not offered.",
-              "readonly": true
-            },
             {
               "kind": "field",
               "name": "playsInline",
@@ -107881,23 +108119,14 @@
               "default": "new MediaSessionController(this)"
             },
             {
-              "kind": "method",
-              "name": "offers",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "kind": "field",
+              "name": "conditions",
+              "type": {
+                "text": "Conditions"
               },
-              "parameters": [
-                {
-                  "name": "one",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Whether this platform can do a named control at all."
+              "privacy": "private",
+              "description": "What the roster asks about this player, which is the whole of what it reads.",
+              "readonly": true
             },
             {
               "kind": "field",
@@ -107916,14 +108145,14 @@
                 "text": "string[]"
               },
               "privacy": "private",
-              "description": "The controls asked for behind the overflow button, in order.\n\nA name in both lists is on the bar and not here. Drawing it twice is worse\nthan either placement, and the bar is the one a reader can see.",
+              "description": "The controls asked for behind the overflow button, in order.",
               "readonly": true
             },
             {
               "kind": "field",
               "name": "media",
               "type": {
-                "text": "{ attrs: Record<string, string>; tag: 'source' | 'track' }[]"
+                "text": "MediaCopy[]"
               },
               "privacy": "private",
               "default": "[]",
@@ -108157,31 +108386,12 @@
               "default": "false",
               "description": "Whether the first set of copies has been read from the children."
             },
-            {
-              "kind": "method",
-              "name": "copiesOf",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "{ attrs: Record<string, string>; tag: 'source' | 'track' }[]"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "elements",
-                  "type": {
-                    "text": "Element[]"
-                  }
-                }
-              ],
-              "description": "The copies to make of what the default slot is given.\n\nThe attribute list is explicit rather than a blind copy of every attribute:\nthese are two elements with a known and small surface, and copying anything\na consumer happened to put on one would carry their framework's own markers\ninto a shadow root that has no use for them."
-            },
             {
               "kind": "field",
               "name": "handleMedia",
               "privacy": "private",
               "readonly": true,
-              "description": "Rebuilds the copies when what is slotted changes after the first read.\n\nThe same set again is not a change. A video reloads for every new list, and\nthe first `slotchange` reports the children this element already read."
+              "description": "Rebuilds the copies when what is slotted changes after the first read."
             },
             {
               "kind": "field",
@@ -108344,7 +108554,7 @@
               "name": "handleKeydown",
               "privacy": "private",
               "readonly": true,
-              "description": "The keys every player uses, bound to this element rather than the document.\n\nA video is not a command palette: its keys belong to it while a reader is\non it, and a page with two videos on it would otherwise have both answering\nthe same press.\n\nNothing is taken while focus is in a range. The scrubber and the volume are\nreal inputs and the arrows are already theirs, so intercepting would mean\nseeking twice for one press."
+              "description": "The keys every player uses, bound to this element rather than the document.\n\nA video is not a command palette: its keys belong to it while a reader is\non it, and a page with two videos on it would otherwise have both answering\nthe same press.\n\nA taken press is stopped here rather than in the table, because what the\ndefault would have been is the element's business: the table says what the\nkey means and this says that nothing else gets it."
             },
             {
               "kind": "field",

package/dist/video/root/extra-controls.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Which extra controls a player offers, and which of them go behind the button.
+ *
+ * Separable because every answer here is taken from two written lists and three
+ * facts, before anything is drawn: what the consumer asked for, what this
+ * platform can do, and what is already on the bar. Nothing in it reaches the
+ * media element and nothing in it renders, which is what keeps the roster one
+ * decision rather than a condition spread across two templates.
+ */
+/** What the existence of a control depends on, which only the player can answer. */
+export interface Conditions {
+    /** Whether this update is hydrating a server's markup. */
+    hydrating: boolean;
+    /** Whether anything on the network has offered to play this. */
+    remote: boolean;
+    /** Whether a file is named, which is what a download needs. */
+    source: boolean;
+}
+/** Whether this platform can do a named control at all. */
+export declare const offers: (one: string, player: Conditions) => boolean;
+/** The extras asked for, in order, and only the ones this platform can do. */
+export declare const barControls: (written: string, player: Conditions) => string[];
+/**
+ * The controls asked for behind the overflow button, in order.
+ *
+ * A name in both lists is on the bar and not here. Drawing it twice is worse
+ * than either placement, and the bar is the one a reader can see.
+ */
+export declare const menuControls: (written: string, onBar: readonly string[], player: Conditions) => string[];
+/**
+ * Whether the file a `src` points at is the player's to hand over.
+ *
+ * Here because it is the download control's other condition: whether it is
+ * drawn at all is `source`, and whether the `download` attribute on it means
+ * anything is this.
+ *
+ * `blob:` and `data:` named rather than compared, because the rule `download`
+ * actually follows is same-origin *or one of those two*: a clip a consumer
+ * generated in the page has no origin to match and is theirs to save by
+ * definition. Comparing origins alone called both foreign, so the one case
+ * where a download certainly works was the one case it was not offered.
+ */
+export declare const ownFile: (src: string) => boolean;

package/dist/video/root/extra-controls.js

@@ -0,0 +1,41 @@
+import { writtenList } from '@fusion.dev/helix-core';
+export const offers = (one, player) => {
+    if (one === 'pip') {
+        return !player.hydrating && typeof document !== 'undefined' && document.pictureInPictureEnabled;
+    }
+    if (one === 'remote') {
+        return player.remote;
+    }
+    if (one === 'download') {
+        return player.source;
+    }
+    if (one === 'next' || one === 'previous') {
+        return true;
+    }
+    if (one === 'forward' || one === 'rewind') {
+        return true;
+    }
+    return one === 'speed';
+};
+export const barControls = (written, player) => writtenList(written).filter((one) => offers(one, player));
+export const menuControls = (written, onBar, player) => {
+    const bar = new Set(onBar);
+    return writtenList(written).filter((one) => !bar.has(one) && offers(one, player));
+};
+export const ownFile = (src) => {
+    if (src === '') {
+        return false;
+    }
+    if (src.startsWith('blob:') || src.startsWith('data:')) {
+        return true;
+    }
+    if (typeof location === 'undefined') {
+        return false;
+    }
+    try {
+        return new URL(src, location.href).origin === location.origin;
+    }
+    catch {
+        return false;
+    }
+};

package/dist/video/root/keys.d.ts

@@ -0,0 +1,25 @@
+/**
+ * What each key does to a player, and how far it moves.
+ *
+ * Separable because the table is a convention rather than a fact about this
+ * element: Space and `k` play, the arrows scrub and change the volume, `m`
+ * mutes, `f` fills the screen, and `j` and `l` jump the distance the bar's own
+ * buttons jump. What it needs is the media element and four actions, which is
+ * the same handful the media session hands to a headset. Whether the keys are
+ * bound at all, and what a taken press does to the event, stay with the element.
+ */
+/** What a press asks the player for, which is all a key can do. */
+export interface KeyActions {
+    fullscreen: () => void;
+    seek: (seconds: number) => void;
+    skipBy: (seconds: number) => void;
+    toggle: () => void;
+}
+/**
+ * Answers one press, and says whether it was one of these.
+ *
+ * Nothing is taken while focus is in a range. The scrubber and the volume are
+ * real inputs and the arrows are already theirs, so intercepting would mean
+ * seeking twice for one press.
+ */
+export declare const takeKey: (event: KeyboardEvent, video: HTMLVideoElement, actions: KeyActions) => boolean;

package/dist/video/root/keys.js

@@ -0,0 +1,50 @@
+import { SKIP_SECONDS } from './media-session.js';
+export const takeKey = (event, video, actions) => {
+    if (event.target?.tagName === 'INPUT') {
+        return false;
+    }
+    const step = event.shiftKey ? SKIP_SECONDS : 5;
+    switch (event.key) {
+        case ' ':
+        case 'k': {
+            actions.toggle();
+            break;
+        }
+        case 'ArrowRight': {
+            actions.seek(video.currentTime + step);
+            break;
+        }
+        case 'ArrowLeft': {
+            actions.seek(video.currentTime - step);
+            break;
+        }
+        case 'ArrowUp': {
+            video.volume = Math.min(video.volume + 0.1, 1);
+            break;
+        }
+        case 'ArrowDown': {
+            video.volume = Math.max(video.volume - 0.1, 0);
+            break;
+        }
+        case 'j': {
+            actions.skipBy(-SKIP_SECONDS);
+            break;
+        }
+        case 'l': {
+            actions.skipBy(SKIP_SECONDS);
+            break;
+        }
+        case 'm': {
+            video.muted = !video.muted;
+            break;
+        }
+        case 'f': {
+            actions.fullscreen();
+            break;
+        }
+        default: {
+            return false;
+        }
+    }
+    return true;
+};

package/dist/video/root/media-copy.d.ts

@@ -0,0 +1,25 @@
+/**
+ * What the consumer slotted, as the plain data a `<video>` can be given.
+ *
+ * Separable because it is a read of light DOM and nothing else: no media
+ * element, no playback state, nothing drawn. A media element runs resource
+ * selection over its own child nodes and a slot is one node, so the element
+ * copies rather than slots, and the two questions the copying asks are answered
+ * here: which attributes come across, and whether a fresh read differs from the
+ * set already held. When to read, and what to do with the answer, stay with the
+ * element.
+ */
+/** A `<source>` or `<track>` as the consumer wrote it, reduced to what the copy carries. */
+export interface MediaCopy {
+    attrs: Record<string, string>;
+    tag: 'source' | 'track';
+}
+/** The copies to make of what the default slot is given. */
+export declare const copiesOf: (elements: readonly Element[]) => MediaCopy[];
+/**
+ * Whether two reads describe the same media.
+ *
+ * The same set again is not a change. A video reloads for every new list, and
+ * the first `slotchange` reports the children the element has already read.
+ */
+export declare const sameCopies: (one: readonly MediaCopy[], two: readonly MediaCopy[]) => boolean;

package/dist/video/root/media-copy.js

@@ -0,0 +1,18 @@
+const CARRIED = {
+    source: ['media', 'sizes', 'src', 'srcset', 'type'],
+    track: ['default', 'kind', 'label', 'src', 'srclang'],
+};
+export const copiesOf = (elements) => elements
+    .filter((node) => node instanceof HTMLSourceElement || node instanceof HTMLTrackElement)
+    .map((node) => {
+    const tag = node instanceof HTMLTrackElement ? 'track' : 'source';
+    const attrs = {};
+    for (const name of CARRIED[tag]) {
+        const value = node.getAttribute(name);
+        if (value !== null) {
+            attrs[name] = value;
+        }
+    }
+    return { attrs, tag };
+});
+export const sameCopies = (one, two) => JSON.stringify(one) === JSON.stringify(two);

package/dist/video/root/video-root.d.ts

@@ -232,16 +232,6 @@ export declare class HelixHeadlessVideo extends HelixElement {
      * What the play control is called while it would start the video.
      */
     playLabel: string;
-    /**
-     * Whether the file this points at is ours to hand over.
-     *
-     * `blob:` and `data:` named rather than compared, because the rule `download`
-     * actually follows is same-origin *or one of those two*: a clip a consumer
-     * generated in the page has no origin to match and is theirs to save by
-     * definition. Comparing origins alone called both foreign, so the one case
-     * where a download certainly works was the one case it was not offered.
-     */
-    private get localFile();
     /**
      * Whether it plays where it sits rather than taking over the screen.
      */
@@ -355,16 +345,11 @@ export declare class HelixHeadlessVideo extends HelixElement {
     private readonly idler;
     private readonly remote;
     private readonly session;
-    /** Whether this platform can do a named control at all. */
-    private offers;
+    /** What the roster asks about this player, which is the whole of what it reads. */
+    private get conditions();
     /** The extras asked for, in order, and only the ones this platform can do. */
     private get extras();
-    /**
-     * The controls asked for behind the overflow button, in order.
-     *
-     * A name in both lists is on the bar and not here. Drawing it twice is worse
-     * than either placement, and the bar is the one a reader can see.
-     */
+    /** The controls asked for behind the overflow button, in order. */
     private get overflow();
     /**
      * The sources and caption tracks to copy into the video, as the consumer
@@ -468,21 +453,7 @@ export declare class HelixHeadlessVideo extends HelixElement {
     private takeVolume;
     /** Whether the first set of copies has been read from the children. */
     private mediaRead;
-    /**
-     * The copies to make of what the default slot is given.
-     *
-     * The attribute list is explicit rather than a blind copy of every attribute:
-     * these are two elements with a known and small surface, and copying anything
-     * a consumer happened to put on one would carry their framework's own markers
-     * into a shadow root that has no use for them.
-     */
-    private copiesOf;
-    /**
-     * Rebuilds the copies when what is slotted changes after the first read.
-     *
-     * The same set again is not a change. A video reloads for every new list, and
-     * the first `slotchange` reports the children this element already read.
-     */
+    /** Rebuilds the copies when what is slotted changes after the first read. */
     private readonly handleMedia;
     private readonly handleLoaded;
     private readonly handleTime;
@@ -568,9 +539,9 @@ export declare class HelixHeadlessVideo extends HelixElement {
      * on it, and a page with two videos on it would otherwise have both answering
      * the same press.
      *
-     * Nothing is taken while focus is in a range. The scrubber and the volume are
-     * real inputs and the arrows are already theirs, so intercepting would mean
-     * seeking twice for one press.
+     * A taken press is stopped here rather than in the table, because what the
+     * default would have been is the element's business: the table says what the
+     * key means and this says that nothing else gets it.
      */
     private readonly handleKeydown;
     /** The caption tracks among the copies, named as the menu names them. */

package/dist/video/root/video-root.js

@@ -11,8 +11,11 @@ import { property, state } from 'lit/decorators.js';
 import { html } from 'lit/static-html.js';
 import '../../menu/index.js';
 import { activeCue, adoptTrack, CueController, captionsAmong, captionTracks, showCaption, } from './captions.js';
+import { barControls, menuControls, ownFile } from './extra-controls.js';
 import { FullscreenController } from './fullscreen.js';
 import { IdleController } from './idle.js';
+import { takeKey } from './keys.js';
+import { copiesOf, sameCopies } from './media-copy.js';
 import { MediaSessionController, SKIP_SECONDS } from './media-session.js';
 import { RemotePlaybackController } from './remote-playback.js';
 const clock = (seconds) => {
@@ -85,8 +88,8 @@ let HelixHeadlessVideo = class HelixHeadlessVideo extends HelixElement {
         this.media = [];
         this.mediaRead = false;
         this.handleMedia = (event) => {
-            const next = this.copiesOf(event.target.assignedElements());
-            if (JSON.stringify(next) !== JSON.stringify(this.media)) {
+            const next = copiesOf(event.target.assignedElements());
+            if (!sameCopies(next, this.media)) {
                 this.media = next;
             }
         };
@@ -160,101 +163,30 @@ let HelixHeadlessVideo = class HelixHeadlessVideo extends HelixElement {
             if (this.controls) {
                 return;
             }
-            if (event.target?.tagName === 'INPUT') {
-                return;
-            }
             const video = this.video;
             if (!video) {
                 return;
             }
-            const step = event.shiftKey ? 10 : 5;
-            switch (event.key) {
-                case ' ':
-                case 'k': {
-                    this.toggle();
-                    break;
-                }
-                case 'ArrowRight': {
-                    this.seek(video.currentTime + step);
-                    break;
-                }
-                case 'ArrowLeft': {
-                    this.seek(video.currentTime - step);
-                    break;
-                }
-                case 'ArrowUp': {
-                    video.volume = Math.min(video.volume + 0.1, 1);
-                    break;
-                }
-                case 'ArrowDown': {
-                    video.volume = Math.max(video.volume - 0.1, 0);
-                    break;
-                }
-                case 'j': {
-                    this.skipBy(-SKIP_SECONDS);
-                    break;
-                }
-                case 'l': {
-                    this.skipBy(SKIP_SECONDS);
-                    break;
-                }
-                case 'm': {
-                    video.muted = !video.muted;
-                    break;
-                }
-                case 'f': {
-                    void this.fullscreen.toggle();
-                    break;
-                }
-                default: {
-                    return;
-                }
+            const taken = takeKey(event, video, {
+                fullscreen: () => void this.fullscreen.toggle(),
+                seek: (seconds) => this.seek(seconds),
+                skipBy: (seconds) => this.skipBy(seconds),
+                toggle: () => this.toggle(),
+            });
+            if (taken) {
+                event.preventDefault();
             }
-            event.preventDefault();
         };
         this.captions = [];
     }
-    get localFile() {
-        if (this.src === '') {
-            return false;
-        }
-        if (this.src.startsWith('blob:') || this.src.startsWith('data:')) {
-            return true;
-        }
-        if (typeof location === 'undefined') {
-            return false;
-        }
-        try {
-            return new URL(this.src, location.href).origin === location.origin;
-        }
-        catch {
-            return false;
-        }
-    }
-    offers(one) {
-        if (one === 'pip') {
-            return !this.hydrating && typeof document !== 'undefined' && document.pictureInPictureEnabled;
-        }
-        if (one === 'remote') {
-            return this.remoteAvailable;
-        }
-        if (one === 'download') {
-            return this.src !== '';
-        }
-        if (one === 'next' || one === 'previous') {
-            return true;
-        }
-        if (one === 'forward' || one === 'rewind') {
-            return true;
-        }
-        return one === 'speed';
+    get conditions() {
+        return { hydrating: this.hydrating, remote: this.remoteAvailable, source: this.src !== '' };
     }
     get extras() {
-        return writtenList(this.extraControls).filter((one) => this.offers(one));
+        return barControls(this.extraControls, this.conditions);
     }
     get overflow() {
-        const onBar = new Set(this.extras);
-        return writtenList(this.overflowControls).filter((one) => !onBar.has(one) && this.offers(one));
+        return menuControls(this.overflowControls, this.extras, this.conditions);
     }
     get currentSrc() {
         return this.video?.currentSrc ?? '';
@@ -373,24 +305,6 @@ let HelixHeadlessVideo = class HelixHeadlessVideo extends HelixElement {
         video.volume = Number(event.target.value);
         video.muted = false;
     }
-    copiesOf(elements) {
-        return elements
-            .filter((node) => node instanceof HTMLSourceElement || node instanceof HTMLTrackElement)
-            .map((node) => {
-            const tag = node instanceof HTMLTrackElement ? 'track' : 'source';
-            const names = tag === 'track'
-                ? ['default', 'kind', 'label', 'src', 'srclang']
-                : ['media', 'sizes', 'src', 'srcset', 'type'];
-            const attrs = {};
-            for (const name of names) {
-                const value = node.getAttribute(name);
-                if (value !== null) {
-                    attrs[name] = value;
-                }
-            }
-            return { attrs, tag };
-        });
-    }
     claimSession() {
         const skips = writtenList(`${this.extraControls} ${this.overflowControls}`);
         this.session.claim({ artwork: this.poster, title: this.label }, {
@@ -451,7 +365,7 @@ let HelixHeadlessVideo = class HelixHeadlessVideo extends HelixElement {
         super.willUpdate(changed);
         if (!this.mediaRead && this.childrenKnown) {
             this.mediaRead = true;
-            this.media = this.copiesOf(this.knownChildren.filter((child) => child.slot === ''));
+            this.media = copiesOf(this.knownChildren.filter((child) => child.slot === ''));
         }
         if (changed.has('media')) {
             this.captions = captionsAmong(this.media);
@@ -542,7 +456,7 @@ let HelixHeadlessVideo = class HelixHeadlessVideo extends HelixElement {
       </button>`;
         }
         if (one === 'download') {
-            const local = this.localFile;
+            const local = ownFile(this.src);
             return html `<a
         part="download"
         ?download=${local}
@@ -651,7 +565,7 @@ let HelixHeadlessVideo = class HelixHeadlessVideo extends HelixElement {
       </${this.tag('menu-item')}>`;
         }
         if (one === 'download') {
-            const local = this.localFile;
+            const local = ownFile(this.src);
             return html `<${this.tag('menu-item')} part="entry"
       exportparts="item: entry-item, mark: entry-mark, start: entry-start"
         ?download=${local}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix-headless",
   "description": "Headless component tier. Structure, accessibility, state, and form participation. No styling.",
-  "version": "0.55.0",
+  "version": "0.56.1",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -46,14 +46,14 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.55.0",
-    "@fusion.dev/helix-icons": "0.55.0",
+    "@fusion.dev/helix-core": "0.56.1",
+    "@fusion.dev/helix-icons": "0.56.1",
     "uqr": "^0.1.3"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.11.0",
-    "@fusion.dev/helix-cem": "0.55.0",
-    "@fusion.dev/helix-testing": "0.55.0",
+    "@fusion.dev/helix-cem": "0.56.1",
+    "@fusion.dev/helix-testing": "0.56.1",
     "@fusion.dev/scripts": "0.0.0-dev",
     "@happy-dom/global-registrator": "^20.0.0",
     "@lit-labs/ssr": "^4.1.0",