@fusion.dev/helix-headless 0.56.1 → 0.58.0

package/dist/color-input/root/color-input-root.d.ts

@@ -1,7 +1,6 @@
-import { AriaForwardController, HelixFormElement } from '@fusion.dev/helix-core';
+import { AriaForwardController, type ColorFormat, HelixFormElement } from '@fusion.dev/helix-core';
 import { type PropertyValues, type TemplateResult } from 'lit';
 import '../../color-picker/index.js';
-import { type ColorFormat } from '../../color-picker/color.js';
 declare const HelixHeadlessColorInput_base: (new (...args: any[]) => import("@fusion.dev/helix-core").MixinPickerFieldInterface) & (new (...args: any[]) => import("@fusion.dev/helix-core").MixinControllerOpenInterface) & (new (...args: any[]) => import("@fusion.dev/helix-core").MixinControllerValueInterface) & (new (...args: any[]) => import("@fusion.dev/helix-core").MixinFieldInterface) & typeof HelixFormElement;
 /**
  * @summary A color, typed in any syntax or picked from a panel.

package/dist/color-input/root/color-input-root.js

@@ -4,12 +4,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { AriaForwardController, customElement, HelixFormElement, MixinControllerOpen, MixinControllerValue, MixinField, MixinPickerField, } from '@fusion.dev/helix-core';
+import { AriaForwardController, customElement, HelixFormElement, MixinControllerOpen, MixinControllerValue, MixinField, MixinPickerField, parseColor, toCss, } from '@fusion.dev/helix-core';
 import { nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { html } from 'lit/static-html.js';
 import '../../color-picker/index.js';
-import { parseColor, toCss } from '../../color-picker/color.js';
 let HelixHeadlessColorInput = class HelixHeadlessColorInput extends MixinPickerField(MixinControllerOpen(MixinControllerValue(MixinField(HelixFormElement)))) {
     constructor() {
         super(...arguments);

package/dist/color-picker/index.d.ts

@@ -1,2 +1 @@
-export * from './color.js';
 export * from './root/color-picker-root.js';

package/dist/color-picker/index.js

@@ -1,2 +1 @@
-export * from './color.js';
 export * from './root/color-picker-root.js';

package/dist/color-picker/root/color-picker-root.d.ts

@@ -1,9 +1,8 @@
-import { HelixFormElement } from '@fusion.dev/helix-core';
+import { type Color, type ColorFormat, HelixFormElement } from '@fusion.dev/helix-core';
 import { type PropertyValues, type TemplateResult } from 'lit';
 import '../../button/index.js';
 import '../../button-group/index.js';
 import '../../slider/index.js';
-import { type Color, type ColorFormat } from '../color.js';
 declare const HelixHeadlessColorPicker_base: (new (...args: any[]) => import("@fusion.dev/helix-core").MixinControllerValueInterface) & typeof HelixFormElement;
 /**
  * @summary Picks a color, from a square and two ramps.

package/dist/color-picker/root/color-picker-root.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { CopyController, capturePointer, customElement, drawIcon, HelixFormElement, HelixSampleEndEvent, HelixSampleStartEvent, MixinControllerValue, } from '@fusion.dev/helix-core';
+import { CopyController, capturePointer, customElement, drawIcon, formatColor, HelixFormElement, HelixSampleEndEvent, HelixSampleStartEvent, MixinControllerValue, parseColor, splitColors, toCss, } from '@fusion.dev/helix-core';
 import { eyedropper } from '@fusion.dev/helix-icons';
 import { nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
@@ -12,7 +12,6 @@ import { html } from 'lit/static-html.js';
 import '../../button/index.js';
 import '../../button-group/index.js';
 import '../../slider/index.js';
-import { formatColor, parseColor, splitColors, toCss, } from '../color.js';
 const FORMATS = ['hex', 'rgb', 'hsl'];
 const START = { alpha: 100, brightness: 100, hue: 0, saturation: 100 };
 let HelixHeadlessColorPicker = class HelixHeadlessColorPicker extends MixinControllerValue(HelixFormElement) {

package/dist/video/root/keys.js

@@ -1,4 +1,4 @@
-import { SKIP_SECONDS } from './media-session.js';
+import { SKIP_SECONDS } from '@fusion.dev/helix-core';
 export const takeKey = (event, video, actions) => {
     if (event.target?.tagName === 'INPUT') {
         return false;

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

@@ -4,20 +4,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { customElement, drawIcon, HelixElement, HelixNextEvent, HelixPreviousEvent, onUnlessFalse, writtenList, } from '@fusion.dev/helix-core';
+import { activeCue, adoptTrack, CueController, captionsAmong, captionTracks, copiesOf, customElement, drawIcon, FullscreenController, HelixElement, HelixNextEvent, HelixPreviousEvent, IdleController, MediaSessionController, onUnlessFalse, RemotePlaybackController, SKIP_SECONDS, sameCopies, showCaption, writtenList, } from '@fusion.dev/helix-core';
 import { airplay, arrowClockwise, arrowCounterClockwise, closedCaptioning, cornersIn, cornersOut, dotsThreeVertical, download, gauge, pause, pictureInPicture, play, skipBack, skipForward, speakerHigh, speakerX, } from '@fusion.dev/helix-icons';
 import { nothing } from 'lit';
 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) => {
     if (!Number.isFinite(seconds) || seconds < 0) {
         return '0:00';

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.56.1",
+  "version": "0.58.0",
   "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.56.1",
-    "@fusion.dev/helix-icons": "0.56.1",
+    "@fusion.dev/helix-core": "0.58.0",
+    "@fusion.dev/helix-icons": "0.58.0",
     "uqr": "^0.1.3"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.11.0",
-    "@fusion.dev/helix-cem": "0.56.1",
-    "@fusion.dev/helix-testing": "0.56.1",
+    "@fusion.dev/helix-cem": "0.58.0",
+    "@fusion.dev/helix-testing": "0.58.0",
     "@fusion.dev/scripts": "0.0.0-dev",
     "@happy-dom/global-registrator": "^20.0.0",
     "@lit-labs/ssr": "^4.1.0",

package/dist/color-picker/color.d.ts

@@ -1,73 +0,0 @@
-/**
- * Reading and writing the color syntaxes a field is allowed to hold.
- *
- * **The working model is HSB**, hue and saturation and brightness, because that
- * is what the panel is: a square of saturation against brightness with a hue
- * ramp beside it. HSL would put the square's corners somewhere a reader does not
- * expect, since full saturation in HSL is a mid-lightness band rather than a
- * corner.
- *
- * **Every syntax here is read; three are written.** A field that refuses
- * `rgb(255 0 0)` because it prefers hex is a field arguing with the person using
- * it, so the space-separated forms, the comma forms, `rgba` and `hsla` are all
- * taken. What is written back is whichever of hex, rgb or hsl the component is
- * set to, so a value stays in the shape the consumer asked for however it was
- * entered.
- *
- * **What is written is the comma form.** Both are valid, and the commas are what
- * a reader recognizes, what most code around them holds, and what pastes into
- * anything without a second thought. A syntax a value is handed *out* in is not
- * the place to be early. `rgba` and `hsla` come with them, since a comma form
- * with a fourth argument is spelled that way.
- *
- * Its own module rather than sitting in the element, because it is arithmetic
- * with no DOM in it: this is the half worth testing directly.
- */
-/** A color as the panel holds it. Alpha and the two percentages are 0 to 100. */
-export interface Color {
-    alpha: number;
-    brightness: number;
-    hue: number;
-    saturation: number;
-}
-/** The syntaxes a value can be written in. */
-export type ColorFormat = 'hex' | 'hsl' | 'rgb';
-/** HSB to bytes, which is the road every written syntax goes down. */
-export declare const toRgb: (color: Color) => {
-    blue: number;
-    green: number;
-    red: number;
-};
-/**
- * Splits a comma-separated list of colors, ignoring the commas inside them.
- *
- * A plain `split(',')` cannot hold the legacy syntaxes:
- * `#ef4444, rgb(249 115 22), rgba(34,197,94,.5)` comes apart into six fragments,
- * four of them not colors, and the row quietly renders three swatches instead of
- * four. The modern space-separated forms survive it, which is what makes such a
- * list look like it works.
- *
- * Depth rather than a regular expression, because the thing that matters is
- * whether a comma is inside a function call and that is exactly what a counter
- * answers. No color syntax nests, so a single counter is enough.
- */
-export declare const splitColors: (value: string) => string[];
-/**
- * Any of the syntaxes to the working model, or `null` where it is not a color.
- *
- * Named colors are not here. Resolving `rebeccapurple` means either shipping
- * the table of a hundred and forty or asking the browser, and the browser is not
- * present on the server: a field that accepted a name client-side and rejected
- * it during a server render would be worse than one that never took it.
- */
-export declare const parseColor: (value: string) => Color | null;
-/**
- * The working model back out, in the syntax asked for.
- *
- * The alpha is written only where the component carries one. A consumer who did
- * not ask for transparency should not have to strip `ff` off every hex or read
- * past a fourth argument they never wanted.
- */
-export declare const formatColor: (color: Color, format: ColorFormat, withAlpha: boolean) => string;
-/** The color as CSS, for the swatches and the tracks. Always with its alpha. */
-export declare const toCss: (color: Color) => string;

package/dist/color-picker/color.js

@@ -1,168 +0,0 @@
-const clamp = (value, low, high) => Math.min(high, Math.max(low, value));
-const toAlpha = (token) => {
-    if (token === undefined) {
-        return 100;
-    }
-    const number = Number.parseFloat(token);
-    if (Number.isNaN(number)) {
-        return 100;
-    }
-    return clamp(token.includes('%') ? number : number * 100, 0, 100);
-};
-const toByte = (token) => {
-    const number = Number.parseFloat(token);
-    return clamp(token.includes('%') ? (number / 100) * 255 : number, 0, 255);
-};
-const rgbToHsb = (red, green, blue, alpha) => {
-    const r = red / 255;
-    const g = green / 255;
-    const b = blue / 255;
-    const high = Math.max(r, g, b);
-    const low = Math.min(r, g, b);
-    const span = high - low;
-    let hue = 0;
-    if (span !== 0) {
-        if (high === r) {
-            hue = (g - b) / span + (g < b ? 6 : 0);
-        }
-        else if (high === g) {
-            hue = (b - r) / span + 2;
-        }
-        else {
-            hue = (r - g) / span + 4;
-        }
-        hue *= 60;
-    }
-    return {
-        alpha,
-        brightness: Math.round(high * 100),
-        hue: Math.round(hue),
-        saturation: Math.round(high === 0 ? 0 : (span / high) * 100),
-    };
-};
-export const toRgb = (color) => {
-    const hue = (((color.hue % 360) + 360) % 360) / 60;
-    const saturation = color.saturation / 100;
-    const brightness = color.brightness / 100;
-    const chroma = brightness * saturation;
-    const middle = chroma * (1 - Math.abs((hue % 2) - 1));
-    const base = brightness - chroma;
-    const sextants = [
-        [chroma, middle, 0],
-        [middle, chroma, 0],
-        [0, chroma, middle],
-        [0, middle, chroma],
-        [middle, 0, chroma],
-        [chroma, 0, middle],
-    ];
-    const [red, green, blue] = sextants[Math.floor(hue) % 6] ?? [0, 0, 0];
-    return {
-        blue: Math.round((blue + base) * 255),
-        green: Math.round((green + base) * 255),
-        red: Math.round((red + base) * 255),
-    };
-};
-const toHsl = (color) => {
-    const saturation = color.saturation / 100;
-    const brightness = color.brightness / 100;
-    const lightness = (brightness * (2 - saturation)) / 2;
-    return {
-        hue: ((color.hue % 360) + 360) % 360,
-        lightness: Math.round(lightness * 100),
-        saturation: Math.round((lightness === 0 || lightness === 1
-            ? 0
-            : (brightness - lightness) / Math.min(lightness, 1 - lightness)) * 100),
-    };
-};
-export const splitColors = (value) => {
-    const found = [];
-    let depth = 0;
-    let current = '';
-    for (const character of value) {
-        if (character === '(') {
-            depth += 1;
-        }
-        else if (character === ')') {
-            depth = Math.max(0, depth - 1);
-        }
-        if (character === ',' && depth === 0) {
-            found.push(current.trim());
-            current = '';
-        }
-        else {
-            current += character;
-        }
-    }
-    found.push(current.trim());
-    return found.filter(Boolean);
-};
-export const parseColor = (value) => {
-    const text = value.trim().toLowerCase();
-    if (text === '') {
-        return null;
-    }
-    if (text.startsWith('#')) {
-        const digits = text.slice(1);
-        const short = digits.length === 3 || digits.length === 4;
-        const long = digits.length === 6 || digits.length === 8;
-        if ((!short && !long) || !/^[\da-f]+$/.test(digits)) {
-            return null;
-        }
-        const width = short ? 1 : 2;
-        const channel = (index) => {
-            const piece = digits.slice(index * width, index * width + width);
-            return Number.parseInt(short ? piece + piece : piece, 16);
-        };
-        const carriesAlpha = digits.length === 4 || digits.length === 8;
-        return rgbToHsb(channel(0), channel(1), channel(2), carriesAlpha ? Math.round((channel(3) / 255) * 100) : 100);
-    }
-    const call = /^(rgba?|hsla?)\(([^)]*)\)$/.exec(text);
-    if (!call?.[1] || call[2] === undefined) {
-        return null;
-    }
-    const [first = '', second = '', third = '', fourth] = call[2]
-        .replace(/[,/]/g, ' ')
-        .split(/\s+/)
-        .filter(Boolean);
-    if (first === '' || second === '' || third === '') {
-        return null;
-    }
-    const alpha = toAlpha(fourth);
-    if (call[1].startsWith('rgb')) {
-        return rgbToHsb(toByte(first), toByte(second), toByte(third), alpha);
-    }
-    const hue = Number.parseFloat(first);
-    const saturation = clamp(Number.parseFloat(second), 0, 100) / 100;
-    const lightness = clamp(Number.parseFloat(third), 0, 100) / 100;
-    if (Number.isNaN(hue) || Number.isNaN(saturation) || Number.isNaN(lightness)) {
-        return null;
-    }
-    const brightness = lightness + saturation * Math.min(lightness, 1 - lightness);
-    return {
-        alpha,
-        brightness: Math.round(brightness * 100),
-        hue: Math.round(((hue % 360) + 360) % 360),
-        saturation: Math.round((brightness === 0 ? 0 : 2 * (1 - lightness / brightness)) * 100),
-    };
-};
-export const formatColor = (color, format, withAlpha) => {
-    const alpha = clamp(color.alpha, 0, 100) / 100;
-    const opacity = Number(alpha.toFixed(2));
-    if (format === 'hsl') {
-        const { hue, lightness, saturation } = toHsl(color);
-        const body = `${Math.round(hue)}, ${saturation}%, ${lightness}%`;
-        return withAlpha ? `hsla(${body}, ${opacity})` : `hsl(${body})`;
-    }
-    const { blue, green, red } = toRgb(color);
-    if (format === 'rgb') {
-        const body = `${red}, ${green}, ${blue}`;
-        return withAlpha ? `rgba(${body}, ${opacity})` : `rgb(${body})`;
-    }
-    const byte = (one) => one.toString(16).padStart(2, '0');
-    const hex = `#${byte(red)}${byte(green)}${byte(blue)}`;
-    return withAlpha ? hex + byte(Math.round(alpha * 255)) : hex;
-};
-export const toCss = (color) => {
-    const { blue, green, red } = toRgb(color);
-    return `rgb(${red} ${green} ${blue} / ${clamp(color.alpha, 0, 100)}%)`;
-};

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

@@ -1,85 +0,0 @@
-import type { ReactiveController, ReactiveControllerHost } from 'lit';
-/** One caption track, named as the menu names it. */
-export interface Caption {
-    label: string;
-    language: string;
-}
-/** A `<track>` as the consumer wrote it, reduced to what naming it needs. */
-interface TrackCopy {
-    attrs: Record<string, string>;
-    tag: string;
-}
-/**
- * The tracks a reader could choose between, in the order they were written.
- *
- * Filtered by kind, because `textTracks` also carries `chapters`, `metadata`
- * and `descriptions`, and a menu offering "Chapters" as a subtitle language
- * would be offering something that draws no words. Read off the video rather
- * than off the slot: a `<track>` added later is in one and not the other, and
- * the video is the one that has resolved them.
- */
-export declare const captionTracks: (video: HTMLVideoElement | null) => TextTrack[];
-/**
- * Shows one track and disables every other, or shows none at `-1`.
- *
- * Every other, rather than only the one that was on. Two tracks in `hidden`
- * both fire `cuechange`, so the rendered cue becomes whichever fired last and
- * a reader who switched language gets the two interleaved. Measured as two
- * subtitles alternating line by line.
- *
- * `hidden`, never `showing`. Hidden is the mode where a track still fires
- * `cuechange` and still fills `activeCues`, and the browser draws nothing,
- * which is exactly what is wanted when something else is doing the drawing.
- */
-export declare const showCaption: (tracks: readonly TextTrack[], index: number) => void;
-/**
- * Whether a track the platform started showing is now ours to draw.
- *
- * A `<track default>` arrives `showing`, which is the browser drawing it.
- * Moved to `hidden` so the cues keep coming and we draw them instead. What
- * comes back is whether captions are on, which is not always "off": a button
- * that began there reported the opposite of what was on screen.
- */
-export declare const adoptTrack: (track: TextTrack) => boolean;
-/**
- * The caption tracks among the copies, before the render that draws them.
- *
- * By the platform's own reading of `kind`, which is what makes a `<track>` a
- * caption at all: missing is `subtitles` and anything it does not know is
- * `metadata`. Read from the video's tracks after the render instead, the count
- * arrived a render late and asked for one more. Choosing one still goes
- * through the video's tracks, which hold them in the same order.
- */
-export declare const captionsAmong: (media: readonly TrackCopy[]) => Caption[];
-/**
- * The cue on screen now, as nodes, or nothing between cues.
- *
- * Nodes rather than a string, because `VTTCue.text` is the cue's *source*:
- * WebVTT carries markup, and a caption file in the wild is full of it. `<v
- * Hildy>` names who is speaking, `<b>` and `<i>` and `<u>` mark emphasis, and
- * `<c.loud>` classes a line. Rendered as text every one of those arrives on
- * screen as visible angle brackets.
- *
- * `getCueAsHTML` is the platform parsing its own format, so nothing here has
- * to know the grammar and no cue text is ever treated as HTML: what comes
- * back is a fragment the browser built, not a string anybody interpolated.
- */
-export declare const activeCue: (track: TextTrack | undefined) => DocumentFragment | undefined;
-/**
- * Listens to one track's cues at a time, so the next one can take it off.
- *
- * Taken off whatever it was on before adding it here. `follow` runs from
- * `loadedmetadata`, which fires again for every source a reader moves to, and
- * a consumer adding a `<track>` later gets another. Added without removing, a
- * playlist of six left six listeners on tracks that between them fire for
- * every cue in the video.
- */
-export declare class CueController implements ReactiveController {
-    private readonly listener;
-    private track;
-    constructor(host: ReactiveControllerHost, listener: () => void);
-    follow(track: TextTrack): void;
-    hostDisconnected(): void;
-    private stop;
-}
-export {};

package/dist/video/root/captions.js

@@ -1,45 +0,0 @@
-export const captionTracks = (video) => {
-    const tracks = video?.textTracks;
-    if (!tracks) {
-        return [];
-    }
-    return [...tracks].filter((one) => one.kind === 'subtitles' || one.kind === 'captions');
-};
-export const showCaption = (tracks, index) => {
-    tracks.forEach((track, at) => {
-        track.mode = at === index ? 'hidden' : 'disabled';
-    });
-};
-export const adoptTrack = (track) => {
-    if (track.mode === 'showing') {
-        track.mode = 'hidden';
-    }
-    return track.mode === 'hidden';
-};
-export const captionsAmong = (media) => media
-    .filter((one) => one.tag === 'track' &&
-    (one.attrs.kind === undefined ||
-        ['captions', 'subtitles'].includes(one.attrs.kind.toLowerCase())))
-    .map((one) => ({ label: one.attrs.label ?? '', language: one.attrs.srclang ?? '' }));
-export const activeCue = (track) => {
-    const active = track?.activeCues?.[0];
-    return active instanceof VTTCue ? active.getCueAsHTML() : undefined;
-};
-export class CueController {
-    constructor(host, listener) {
-        this.listener = listener;
-        host.addController(this);
-    }
-    follow(track) {
-        this.stop();
-        this.track = track;
-        track.addEventListener('cuechange', this.listener);
-    }
-    hostDisconnected() {
-        this.stop();
-    }
-    stop() {
-        this.track?.removeEventListener('cuechange', this.listener);
-        this.track = undefined;
-    }
-}

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

@@ -1,28 +0,0 @@
-import type { ReactiveController, ReactiveControllerHost } from 'lit';
-/**
- * Into fullscreen and back, and honest about where the element is.
- *
- * The state follows `fullscreenchange` rather than the request, so a refused
- * request leaves a button that correctly reports "not fullscreen".
- */
-export declare class FullscreenController implements ReactiveController {
-    private readonly host;
-    private readonly report;
-    constructor(host: ReactiveControllerHost & HTMLElement, report: (full: boolean) => void);
-    /**
-     * Into fullscreen and back, and quiet about being refused.
-     *
-     * `requestFullscreen` rejects rather than returning false, and the two
-     * refusals a consumer will actually meet are a Permissions Policy that does
-     * not grant `fullscreen` to the frame the player is in, and a call without
-     * user activation. Both are `TypeError: Permissions check failed`, which is
-     * the same message for two different causes.
-     *
-     * Caught rather than `void`ed, or a refusal becomes an unhandled rejection
-     * naming neither the element nor the reason.
-     */
-    toggle(): Promise<void>;
-    hostConnected(): void;
-    hostDisconnected(): void;
-    private readonly handleChange;
-}

package/dist/video/root/fullscreen.js

@@ -1,28 +0,0 @@
-export class FullscreenController {
-    constructor(host, report) {
-        this.host = host;
-        this.report = report;
-        this.handleChange = () => {
-            this.report(document.fullscreenElement === this.host);
-        };
-        host.addController(this);
-    }
-    async toggle() {
-        try {
-            if (document.fullscreenElement === this.host) {
-                await document.exitFullscreen();
-                return;
-            }
-            await this.host.requestFullscreen();
-        }
-        catch (error) {
-            console.warn(`<${this.host.localName}> could not enter fullscreen. If it is inside an iframe, that frame needs allow="fullscreen".`, error);
-        }
-    }
-    hostConnected() {
-        document.addEventListener('fullscreenchange', this.handleChange);
-    }
-    hostDisconnected() {
-        document.removeEventListener('fullscreenchange', this.handleChange);
-    }
-}

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

@@ -1,34 +0,0 @@
-import type { ReactiveController, ReactiveControllerHost } from 'lit';
-/**
- * How long the reader has been still, which decides when the bar goes.
- *
- * A wait rather than leaving with the pointer, or a reader moving across the
- * picture to reach a control watches the bar vanish under them. The wait is
- * only ever about *idling*: whether a paused video keeps its bar is the
- * element's decision, and this only says when the reader stopped.
- *
- * The delay is asked for on every restart rather than taken once, because it
- * is a property the consumer can change while the video plays.
- */
-export declare class IdleController implements ReactiveController {
-    private readonly delay;
-    private readonly report;
-    private timer;
-    constructor(host: ReactiveControllerHost, delay: () => number, report: (idle: boolean) => void);
-    /**
-     * Restarts the wait, on anything that counts as the reader being here.
-     *
-     * Pointer movement and focus both count, and both have to: a reader using the
-     * keyboard never moves a pointer, and a bar that only answered the mouse
-     * would leave them nothing to look at. Zero turns the wait off and the bar
-     * goes immediately; a large number keeps it up for as long as anyone is
-     * likely to look.
-     */
-    readonly stir: () => void;
-    /**
-     * Leaving is the one case that does not wait: the reader has gone somewhere
-     * else, and there is nothing to reach for.
-     */
-    readonly leave: () => void;
-    hostDisconnected(): void;
-}

package/dist/video/root/idle.js

@@ -1,24 +0,0 @@
-export class IdleController {
-    constructor(host, delay, report) {
-        this.delay = delay;
-        this.report = report;
-        this.stir = () => {
-            this.report(false);
-            clearTimeout(this.timer);
-            const delay = this.delay();
-            if (delay > 0) {
-                this.timer = setTimeout(() => {
-                    this.report(true);
-                }, delay);
-            }
-        };
-        this.leave = () => {
-            clearTimeout(this.timer);
-            this.report(true);
-        };
-        host.addController(this);
-    }
-    hostDisconnected() {
-        clearTimeout(this.timer);
-    }
-}

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

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

@@ -1,18 +0,0 @@
-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);