@videojs/html 10.0.0-rc.4 → 10.0.0

package/dist/dev/media/hls-background-video/adapter.d.ts

@@ -1,10 +1,14 @@
 import { getTemplateHTML } from "../background-video/template.js";
 import { Media } from "@videojs/media/dom";
-import { CustomElement } from "@videojs/utils/dom";
 import { HlsVideoMediaError } from "@videojs/spf/hls-background-video";
-import { Constructor } from "@videojs/utils/types";
 //#region src/media/hls-background-video/adapter.d.ts
-declare const HlsBackgroundVideoBase: Constructor<CustomElement>;
+interface LifecycleElement extends HTMLElement {
+  connectedCallback?(): void;
+  disconnectedCallback?(): void;
+  adoptedCallback?(): void;
+  attributeChangedCallback?(name: string, oldValue: string | null, newValue: string | null): void;
+}
+declare const HlsBackgroundVideoBase: new () => LifecycleElement;
 /**
  * A muted, looping, chrome-less video over the SPF background-video engine.
  *
@@ -39,7 +43,7 @@ declare const HlsBackgroundVideoBase: Constructor<CustomElement>;
  *   `<mux-background-video>` is this element under the name the package it replaces used. Same class, so the tag is a
  *   naming choice and nothing more.
  */
-declare class HlsBackgroundVideo extends HlsBackgroundVideoBase {
+export declare class HlsBackgroundVideo extends HlsBackgroundVideoBase {
   #private;
   static shadowRootOptions: {
     mode: ShadowRootMode;
@@ -64,5 +68,4 @@ declare class HlsBackgroundVideo extends HlsBackgroundVideoBase {
   set src(value: string);
 }
 //#endregion
-export { HlsBackgroundVideo };
 //# sourceMappingURL=adapter.d.ts.map

package/dist/dev/media/hls-background-video/adapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"adapter.js","names":["#media"],"sources":["../../../../src/media/hls-background-video/adapter.ts"],"sourcesContent":["import type { Media } from '@videojs/media/dom';\nimport { HlsBackgroundVideoAdapter, type HlsVideoMediaError } from '@videojs/spf/hls-background-video';\nimport { type CustomElement, namedNodeMapToObject } from '@videojs/utils/dom';\nimport type { Constructor } from '@videojs/utils/types';\n\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\nimport { getTemplateHTML } from '../background-video/template';\n\nconst HTMLElementBase = globalThis.HTMLElement ?? class {};\n\n// `MediaAttachMixin` is typed as returning its base, so its `disconnectedCallback`\n// isn't visible for `super` to reach. `CustomElement` declares the lifecycle\n// callbacks this element overrides.\nconst HlsBackgroundVideoBase = MediaAttachMixin(HTMLElementBase) as unknown as Constructor<CustomElement>;\n\n/**\n * A muted, looping, chrome-less video over the SPF background-video engine.\n *\n * The SPF-backed counterpart to `<background-video>`, which plays its source natively. This one streams HLS through the\n * engine, which pins a single rendition for the session rather than adapting, and drops audio and text handling\n * entirely — the shape an ambient hero video actually wants.\n *\n * Nearer an image than a player, and `src` is the whole surface. Replaces the standalone `mux-background-video`\n * package, whose `audio`, `debug`, `preload`, and `max-resolution` attributes are all deliberately absent. Capping\n * which rendition is fetched is a delivery param on the URL — `?max_resolution=720p` on a Mux stream, for one — which\n * keeps the renditions it excludes out of the manifest rather than merely unpicked; `preload` would have nothing to\n * say, since the engine loads from the moment it has a source. And unlike `<background-video>` there are no `nomuted` /\n * `noloop` / `noautoplay` opt-outs: those three are what this element is for, so the adapter fixes them on at attach.\n *\n * Takes no structured `source` — `src` is an HLS URL, as the package it replaces required. Mux playback-ID identity,\n * poster, and storyboard belong to `<mux-video>`; none of them mean anything without controls to hang them on.\n *\n * Nothing about an unplayable source reaches the inner `<video>` on its own, so `error` on it stays null and the\n * element sits at `readyState 0`. The engine reports each condition and logs it, the Media promotes the fatal one, and\n * this element re-fires it as its own `error` / `'error'` — the one place a consumer holding the element can see a\n * source that never appears.\n *\n * @example\n *   ```html\n *   <hls-background-video src=\"https://stream.mux.com/PLAYBACK_ID.m3u8?max_resolution=720p\">\n *   <img src=\"https://image.mux.com/PLAYBACK_ID/thumbnail.webp?time=0\" alt=\"\" />\n *   </hls-background-video>\n *   ```;\n *\n * @fires error - Fired when a fatal condition is reported. Read `error` for it.\n *\n *   `<mux-background-video>` is this element under the name the package it replaces used. Same class, so the tag is a\n *   naming choice and nothing more.\n */\n// Deliberately not `CustomMediaElement`, matching `<background-video>`: a\n// background video needs one property, not the full WHATWG media API.\nexport class HlsBackgroundVideo extends HlsBackgroundVideoBase {\n  static shadowRootOptions = { mode: 'open' as ShadowRootMode };\n  static getTemplateHTML = getTemplateHTML;\n\n  static get observedAttributes(): string[] {\n    return ['src'];\n  }\n\n  #media = new HlsBackgroundVideoAdapter();\n\n  constructor() {\n    super();\n\n    if (!this.shadowRoot) {\n      this.attachShadow((this.constructor as typeof HlsBackgroundVideo).shadowRootOptions);\n\n      const attrs = {\n        ...namedNodeMapToObject(this.attributes),\n        muted: '',\n        loop: '',\n        autoplay: '',\n        playsinline: '',\n        disableremoteplayback: '',\n        disablepictureinpicture: '',\n      };\n\n      this.shadowRoot!.innerHTML = getTemplateHTML(attrs);\n    }\n\n    // Neither Chrome nor Firefox honor a `muted` attribute set after\n    // `document.createElement`, and autoplay is refused without it. Attaching is\n    // what sets the property — along with the rest of the fixed behavior — so\n    // nothing here needs to repeat it.\n    const video = this.video;\n\n    if (video) this.#media.attach(video);\n\n    // Re-fired rather than bridged on demand the way `CustomMediaElement` does\n    // it: one listener for the one event this element has, on a Media it owns\n    // for its whole life, is less than the machinery to defer it would cost.\n    this.#media.addEventListener('error', () => this.dispatchEvent(new Event('error')));\n  }\n\n  /** Register the Media (not the inner `<video>`) with the provider. */\n  getMediaTarget(): Media | null {\n    return this.#media as unknown as Media;\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback?.();\n\n    if (this.hasAttribute('keep-alive')) return;\n\n    // Deferred so a synchronous reparent (remove then insert) doesn't tear down\n    // the engine, matching `CustomMediaElement`.\n    queueMicrotask(() => {\n      if (!this.isConnected) this.#media.destroy();\n    });\n  }\n\n  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void {\n    if (oldValue === newValue) return;\n\n    if (name === 'src') this.src = newValue ?? '';\n  }\n\n  /** The inner `<video>` the engine renders into. */\n  get video(): HTMLVideoElement | null {\n    const video = this.shadowRoot?.querySelector('video');\n\n    return video instanceof HTMLVideoElement ? video : null;\n  }\n\n  /**\n   * What made the current source unplayable, or `null`. An SVTA code rather than a `MediaError` one — 99001 where this\n   * player has no pipeline for what the source needs, with the specifics logged. Reset by a new source, and not on the\n   * inner `<video>`, which never learns of it.\n   */\n  get error(): HlsVideoMediaError | null {\n    return this.#media.error;\n  }\n\n  /** HLS manifest URL. Assigning a new one restarts playback from scratch. */\n  get src(): string {\n    return this.#media.src;\n  }\n\n  set src(value: string) {\n    this.#media.src = value;\n  }\n}\n"],"mappings":";;;;;AAQA,MAAM,kBAAkB,WAAW,eAAe,MAAM,CAAC;AAKzD,MAAM,yBAAyB,iBAAiB,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsC/D,IAAa,qBAAb,cAAwC,uBAAuB;;EAClC,KAAA,oBAAA,EAAE,MAAM,OAAyB;;;EACnC,KAAA,kBAAA;;CAEzB,WAAW,qBAA+B;EACxC,OAAO,CAAC,KAAK;CACf;CAEA,SAAS,IAAI,0BAA0B;CAEvC,cAAc;EACZ,MAAM;EAEN,IAAI,CAAC,KAAK,YAAY;GACpB,KAAK,aAAc,KAAK,YAA0C,iBAAiB;GAEnF,MAAM,QAAQ;IACZ,GAAG,qBAAqB,KAAK,UAAU;IACvC,OAAO;IACP,MAAM;IACN,UAAU;IACV,aAAa;IACb,uBAAuB;IACvB,yBAAyB;GAC3B;GAEA,KAAK,WAAY,YAAY,gBAAgB,KAAK;EACpD;EAMA,MAAM,QAAQ,KAAK;EAEnB,IAAI,OAAO,KAAKA,OAAO,OAAO,KAAK;EAKnC,KAAKA,OAAO,iBAAiB,eAAe,KAAK,cAAc,IAAI,MAAM,OAAO,CAAC,CAAC;CACpF;;CAGA,iBAA+B;EAC7B,OAAO,KAAKA;CACd;CAEA,uBAAsC;EACpC,MAAM,uBAAuB;EAE7B,IAAI,KAAK,aAAa,YAAY,GAAG;EAIrC,qBAAqB;GACnB,IAAI,CAAC,KAAK,aAAa,KAAKA,OAAO,QAAQ;EAC7C,CAAC;CACH;CAEA,yBAAyB,MAAc,UAAyB,UAA+B;EAC7F,IAAI,aAAa,UAAU;EAE3B,IAAI,SAAS,OAAO,KAAK,MAAM,YAAY;CAC7C;;CAGA,IAAI,QAAiC;EACnC,MAAM,QAAQ,KAAK,YAAY,cAAc,OAAO;EAEpD,OAAO,iBAAiB,mBAAmB,QAAQ;CACrD;;;;;;CAOA,IAAI,QAAmC;EACrC,OAAO,KAAKA,OAAO;CACrB;;CAGA,IAAI,MAAc;EAChB,OAAO,KAAKA,OAAO;CACrB;CAEA,IAAI,IAAI,OAAe;EACrB,KAAKA,OAAO,MAAM;CACpB;AACF"}
+{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/hls-background-video/adapter.ts"],"sourcesContent":["import type { Media } from '@videojs/media/dom';\nimport { HlsBackgroundVideoAdapter, type HlsVideoMediaError } from '@videojs/spf/hls-background-video';\nimport { namedNodeMapToObject } from '@videojs/utils/dom';\n\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\nimport { getTemplateHTML } from '../background-video/template';\n\nconst HTMLElementBase = globalThis.HTMLElement ?? class {};\n\n// `MediaAttachMixin` is typed as returning its base, so its `disconnectedCallback`\n// isn't visible for `super` to reach. `LifecycleElement` declares the lifecycle\n// callbacks this element overrides; method syntax lets a subclass override them.\ninterface LifecycleElement extends HTMLElement {\n  connectedCallback?(): void;\n  disconnectedCallback?(): void;\n  adoptedCallback?(): void;\n  attributeChangedCallback?(name: string, oldValue: string | null, newValue: string | null): void;\n}\n\nconst HlsBackgroundVideoBase = MediaAttachMixin(HTMLElementBase) as unknown as new () => LifecycleElement;\n\n/**\n * A muted, looping, chrome-less video over the SPF background-video engine.\n *\n * The SPF-backed counterpart to `<background-video>`, which plays its source natively. This one streams HLS through the\n * engine, which pins a single rendition for the session rather than adapting, and drops audio and text handling\n * entirely — the shape an ambient hero video actually wants.\n *\n * Nearer an image than a player, and `src` is the whole surface. Replaces the standalone `mux-background-video`\n * package, whose `audio`, `debug`, `preload`, and `max-resolution` attributes are all deliberately absent. Capping\n * which rendition is fetched is a delivery param on the URL — `?max_resolution=720p` on a Mux stream, for one — which\n * keeps the renditions it excludes out of the manifest rather than merely unpicked; `preload` would have nothing to\n * say, since the engine loads from the moment it has a source. And unlike `<background-video>` there are no `nomuted` /\n * `noloop` / `noautoplay` opt-outs: those three are what this element is for, so the adapter fixes them on at attach.\n *\n * Takes no structured `source` — `src` is an HLS URL, as the package it replaces required. Mux playback-ID identity,\n * poster, and storyboard belong to `<mux-video>`; none of them mean anything without controls to hang them on.\n *\n * Nothing about an unplayable source reaches the inner `<video>` on its own, so `error` on it stays null and the\n * element sits at `readyState 0`. The engine reports each condition and logs it, the Media promotes the fatal one, and\n * this element re-fires it as its own `error` / `'error'` — the one place a consumer holding the element can see a\n * source that never appears.\n *\n * @example\n *   ```html\n *   <hls-background-video src=\"https://stream.mux.com/PLAYBACK_ID.m3u8?max_resolution=720p\">\n *   <img src=\"https://image.mux.com/PLAYBACK_ID/thumbnail.webp?time=0\" alt=\"\" />\n *   </hls-background-video>\n *   ```;\n *\n * @fires error - Fired when a fatal condition is reported. Read `error` for it.\n *\n *   `<mux-background-video>` is this element under the name the package it replaces used. Same class, so the tag is a\n *   naming choice and nothing more.\n */\n// Deliberately not `CustomMediaElement`, matching `<background-video>`: a\n// background video needs one property, not the full WHATWG media API.\nexport class HlsBackgroundVideo extends HlsBackgroundVideoBase {\n  static shadowRootOptions = { mode: 'open' as ShadowRootMode };\n  static getTemplateHTML = getTemplateHTML;\n\n  static get observedAttributes(): string[] {\n    return ['src'];\n  }\n\n  #media = new HlsBackgroundVideoAdapter();\n\n  constructor() {\n    super();\n\n    if (!this.shadowRoot) {\n      this.attachShadow((this.constructor as typeof HlsBackgroundVideo).shadowRootOptions);\n\n      const attrs = {\n        ...namedNodeMapToObject(this.attributes),\n        muted: '',\n        loop: '',\n        autoplay: '',\n        playsinline: '',\n        disableremoteplayback: '',\n        disablepictureinpicture: '',\n      };\n\n      this.shadowRoot!.innerHTML = getTemplateHTML(attrs);\n    }\n\n    // Neither Chrome nor Firefox honor a `muted` attribute set after\n    // `document.createElement`, and autoplay is refused without it. Attaching is\n    // what sets the property — along with the rest of the fixed behavior — so\n    // nothing here needs to repeat it.\n    const video = this.video;\n\n    if (video) this.#media.attach(video);\n\n    // Re-fired rather than bridged on demand the way `CustomMediaElement` does\n    // it: one listener for the one event this element has, on a Media it owns\n    // for its whole life, is less than the machinery to defer it would cost.\n    this.#media.addEventListener('error', () => this.dispatchEvent(new Event('error')));\n  }\n\n  /** Register the Media (not the inner `<video>`) with the provider. */\n  getMediaTarget(): Media | null {\n    return this.#media as unknown as Media;\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback?.();\n\n    if (this.hasAttribute('keep-alive')) return;\n\n    // Deferred so a synchronous reparent (remove then insert) doesn't tear down\n    // the engine, matching `CustomMediaElement`.\n    queueMicrotask(() => {\n      if (!this.isConnected) this.#media.destroy();\n    });\n  }\n\n  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void {\n    if (oldValue === newValue) return;\n\n    if (name === 'src') this.src = newValue ?? '';\n  }\n\n  /** The inner `<video>` the engine renders into. */\n  get video(): HTMLVideoElement | null {\n    const video = this.shadowRoot?.querySelector('video');\n\n    return video instanceof HTMLVideoElement ? video : null;\n  }\n\n  /**\n   * What made the current source unplayable, or `null`. An SVTA code rather than a `MediaError` one — 99001 where this\n   * player has no pipeline for what the source needs, with the specifics logged. Reset by a new source, and not on the\n   * inner `<video>`, which never learns of it.\n   */\n  get error(): HlsVideoMediaError | null {\n    return this.#media.error;\n  }\n\n  /** HLS manifest URL. Assigning a new one restarts playback from scratch. */\n  get src(): string {\n    return this.#media.src;\n  }\n\n  set src(value: string) {\n    this.#media.src = value;\n  }\n}\n"],"mappings":";;;;;AAOA,MAAM,kBAAkB,WAAW,eAAe,MAAM,CAAC;AAYzD,MAAM,yBAAyB,iBAAiB,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsC/D,IAAa,qBAAb,cAAwC,uBAAuB;;EAClC,KAAA,oBAAA,EAAE,MAAM,OAAyB;;;EACnC,KAAA,kBAAA;;CAEzB,WAAW,qBAA+B;EACxC,OAAO,CAAC,KAAK;CACf;CAEA,SAAS,IAAI,0BAA0B;CAEvC,cAAc;EACZ,MAAM;EAEN,IAAI,CAAC,KAAK,YAAY;GACpB,KAAK,aAAc,KAAK,YAA0C,iBAAiB;GAEnF,MAAM,QAAQ;IACZ,GAAG,qBAAqB,KAAK,UAAU;IACvC,OAAO;IACP,MAAM;IACN,UAAU;IACV,aAAa;IACb,uBAAuB;IACvB,yBAAyB;GAC3B;GAEA,KAAK,WAAY,YAAY,gBAAgB,KAAK;EACpD;EAMA,MAAM,QAAQ,KAAK;EAEnB,IAAI,OAAO,KAAK,OAAO,OAAO,KAAK;EAKnC,KAAK,OAAO,iBAAiB,eAAe,KAAK,cAAc,IAAI,MAAM,OAAO,CAAC,CAAC;CACpF;;CAGA,iBAA+B;EAC7B,OAAO,KAAK;CACd;CAEA,uBAAsC;EACpC,MAAM,uBAAuB;EAE7B,IAAI,KAAK,aAAa,YAAY,GAAG;EAIrC,qBAAqB;GACnB,IAAI,CAAC,KAAK,aAAa,KAAK,OAAO,QAAQ;EAC7C,CAAC;CACH;CAEA,yBAAyB,MAAc,UAAyB,UAA+B;EAC7F,IAAI,aAAa,UAAU;EAE3B,IAAI,SAAS,OAAO,KAAK,MAAM,YAAY;CAC7C;;CAGA,IAAI,QAAiC;EACnC,MAAM,QAAQ,KAAK,YAAY,cAAc,OAAO;EAEpD,OAAO,iBAAiB,mBAAmB,QAAQ;CACrD;;;;;;CAOA,IAAI,QAAmC;EACrC,OAAO,KAAK,OAAO;CACrB;;CAGA,IAAI,MAAc;EAChB,OAAO,KAAK,OAAO;CACrB;CAEA,IAAI,IAAI,OAAe;EACrB,KAAK,OAAO,MAAM;CACpB;AACF"}

package/dist/dev/media/hls-video/adapter.d.ts

@@ -1,19 +1,7 @@
+import { CustomMediaConstructor } from "../../index.js";
 import { HlsVideoAdapter } from "@videojs/spf/hls-video";
 //#region src/media/hls-video/adapter.d.ts
-declare const HlsVideo_base: import("@videojs/utils/types").Constructor<HTMLElement & HlsVideoAdapter & {
-  readonly adapter: HlsVideoAdapter;
-  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
-}> & {
-  properties: Record<string, {
-    type: any;
-    attribute?: string;
-    empty?: unknown;
-  }>;
-  getTemplateHTML: (attrs: Record<string, string>) => string;
-  shadowRootOptions: ShadowRootInit;
-  readonly observedAttributes: string[];
-};
-declare class HlsVideo extends HlsVideo_base {}
+declare const HlsVideo_base: CustomMediaConstructor<typeof HlsVideoAdapter>;
+export declare class HlsVideo extends HlsVideo_base {}
 //#endregion
-export { HlsVideo };
 //# sourceMappingURL=adapter.d.ts.map

package/dist/dev/media/hlsjs-video/adapter.d.ts

@@ -1,19 +1,7 @@
+import { CustomMediaConstructor } from "../../index.js";
 import { HlsJsAdapter } from "@videojs/hlsjs-video";
 //#region src/media/hlsjs-video/adapter.d.ts
-declare const HlsJsVideo_base: import("@videojs/utils/types").Constructor<HTMLElement & HlsJsAdapter & {
-  readonly adapter: HlsJsAdapter;
-  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
-}> & {
-  properties: Record<string, {
-    type: any;
-    attribute?: string;
-    empty?: unknown;
-  }>;
-  getTemplateHTML: (attrs: Record<string, string>) => string;
-  shadowRootOptions: ShadowRootInit;
-  readonly observedAttributes: string[];
-};
-declare class HlsJsVideo extends HlsJsVideo_base {}
+declare const HlsJsVideo_base: CustomMediaConstructor<typeof HlsJsAdapter>;
+export declare class HlsJsVideo extends HlsJsVideo_base {}
 //#endregion
-export { HlsJsVideo };
 //# sourceMappingURL=adapter.d.ts.map

package/dist/dev/media/mux-audio/hls-js.d.ts

@@ -1,19 +1,7 @@
+import { CustomMediaConstructor } from "../../index.js";
 import { MuxAudioAdapter } from "@videojs/mux-audio";
 //#region src/media/mux-audio/hls-js.d.ts
-declare const MuxAudioBase: import("@videojs/utils/types").Constructor<HTMLElement & MuxAudioAdapter & {
-  readonly adapter: MuxAudioAdapter;
-  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
-}> & {
-  properties: Record<string, {
-    type: any;
-    attribute?: string;
-    empty?: unknown;
-  }>;
-  getTemplateHTML: (attrs: Record<string, string>) => string;
-  shadowRootOptions: ShadowRootInit;
-  readonly observedAttributes: string[];
-};
-declare class MuxAudio extends MuxAudioBase {}
+declare const MuxAudioBase: CustomMediaConstructor<typeof MuxAudioAdapter>;
+export declare class MuxAudio extends MuxAudioBase {}
 //#endregion
-export { MuxAudio };
 //# sourceMappingURL=hls-js.d.ts.map

package/dist/dev/media/mux-audio/mixin.js.map

@@ -1 +1 @@
-{"version":3,"file":"mixin.js","names":["#reflectSrc"],"sources":["../../../../src/media/mux-audio/mixin.ts"],"sourcesContent":["import type { AnyConstructor, Constructor } from '@videojs/utils/types';\n\n/**\n * What this mixin needs from whichever Mux Media the element hosts.\n *\n * Structural on purpose: the hls.js-backed `MuxVideoAdapter` and the SPF-backed `MuxAudioAdapter` satisfy it\n * identically, and `src` is the WHATWG surface rather than anything engine-specific, so the element itself has no\n * engine.\n */\ninterface MuxAudioAdapterLike {\n  readonly src: string;\n  addEventListener(type: string, listener: () => void): void;\n}\n\ninterface MuxAudioElementLike extends HTMLElement {\n  readonly adapter: MuxAudioAdapterLike;\n}\n\n/**\n * The Mux-specific element behavior for audio, over any Mux Media: reflecting the derived `src` back to the attribute.\n *\n * Much thinner than {@link MuxVideoMixin} because the rest of what that one does has no meaning here — Mux publishes no\n * poster or storyboard for an audio-only asset, and an `<audio>` element renders neither.\n *\n * A mixin rather than a base class for the same reason as the video one: each flavor's element is built on a different\n * `CustomMediaElement`, so there is no common class to extend, only a common adapter contract.\n */\nexport function MuxAudioMixin<Class extends AnyConstructor<HTMLElement>>(BaseClass: Class): Class {\n  class MuxAudioElement extends (BaseClass as unknown as Constructor<MuxAudioElementLike>) {\n    constructor(...args: any[]) {\n      super(...args);\n      // Covers both the `src` attribute and the `source` property (JS-only).\n      this.adapter.addEventListener('sourcechange', () => this.#reflectSrc());\n    }\n\n    // Mirrors the adapter `src` to the `src` attribute so it matches the active playback URL.\n    #reflectSrc() {\n      const src = this.adapter.src;\n\n      if (src) {\n        if (this.getAttribute('src') !== src) this.setAttribute('src', src);\n      } else if (this.hasAttribute('src')) {\n        this.removeAttribute('src');\n      }\n    }\n  }\n\n  return MuxAudioElement as unknown as Class;\n}\n"],"mappings":";;;;;;;;;;AA2BA,SAAgB,cAAyD,WAAyB;CAChG,MAAM,wBAAyB,UAA0D;EACvF,YAAY,GAAG,MAAa;GAC1B,MAAM,GAAG,IAAI;GAEb,KAAK,QAAQ,iBAAiB,sBAAsB,KAAKA,YAAY,CAAC;EACxE;EAGA,cAAc;GACZ,MAAM,MAAM,KAAK,QAAQ;GAEzB,IAAI,KACE;QAAA,KAAK,aAAa,KAAK,MAAM,KAAK,KAAK,aAAa,OAAO,GAAG;GAAA,OAC7D,IAAI,KAAK,aAAa,KAAK,GAChC,KAAK,gBAAgB,KAAK;EAE9B;CACF;CAEA,OAAO;AACT"}
+{"version":3,"file":"mixin.js","names":[],"sources":["../../../../src/media/mux-audio/mixin.ts"],"sourcesContent":["import type { AnyConstructor, Constructor } from '@videojs/utils/types';\n\n/**\n * What this mixin needs from whichever Mux Media the element hosts.\n *\n * Structural on purpose: the hls.js-backed `MuxVideoAdapter` and the SPF-backed `MuxAudioAdapter` satisfy it\n * identically, and `src` is the WHATWG surface rather than anything engine-specific, so the element itself has no\n * engine.\n */\ninterface MuxAudioAdapterLike {\n  readonly src: string;\n  addEventListener(type: string, listener: () => void): void;\n}\n\ninterface MuxAudioElementLike extends HTMLElement {\n  readonly adapter: MuxAudioAdapterLike;\n}\n\n/**\n * The Mux-specific element behavior for audio, over any Mux Media: reflecting the derived `src` back to the attribute.\n *\n * Much thinner than {@link MuxVideoMixin} because the rest of what that one does has no meaning here — Mux publishes no\n * poster or storyboard for an audio-only asset, and an `<audio>` element renders neither.\n *\n * A mixin rather than a base class for the same reason as the video one: each flavor's element is built on a different\n * `CustomMediaElement`, so there is no common class to extend, only a common adapter contract.\n */\nexport function MuxAudioMixin<Class extends AnyConstructor<HTMLElement>>(BaseClass: Class): Class {\n  class MuxAudioElement extends (BaseClass as unknown as Constructor<MuxAudioElementLike>) {\n    constructor(...args: any[]) {\n      super(...args);\n      // Covers both the `src` attribute and the `source` property (JS-only).\n      this.adapter.addEventListener('sourcechange', () => this.#reflectSrc());\n    }\n\n    // Mirrors the adapter `src` to the `src` attribute so it matches the active playback URL.\n    #reflectSrc() {\n      const src = this.adapter.src;\n\n      if (src) {\n        if (this.getAttribute('src') !== src) this.setAttribute('src', src);\n      } else if (this.hasAttribute('src')) {\n        this.removeAttribute('src');\n      }\n    }\n  }\n\n  return MuxAudioElement as unknown as Class;\n}\n"],"mappings":";;;;;;;;;;AA2BA,SAAgB,cAAyD,WAAyB;CAChG,MAAM,wBAAyB,UAA0D;EACvF,YAAY,GAAG,MAAa;GAC1B,MAAM,GAAG,IAAI;GAEb,KAAK,QAAQ,iBAAiB,sBAAsB,KAAK,YAAY,CAAC;EACxE;EAGA,cAAc;GACZ,MAAM,MAAM,KAAK,QAAQ;GAEzB,IAAI,KACE;QAAA,KAAK,aAAa,KAAK,MAAM,KAAK,KAAK,aAAa,OAAO,GAAG;GAAA,OAC7D,IAAI,KAAK,aAAa,KAAK,GAChC,KAAK,gBAAgB,KAAK;EAE9B;CACF;CAEA,OAAO;AACT"}

package/dist/dev/media/mux-audio/spf.d.ts

@@ -1,18 +1,7 @@
+import { CustomMediaConstructor } from "../../index.js";
 import { MuxAudioAdapter } from "@videojs/mux-audio/spf";
 //#region src/media/mux-audio/spf.d.ts
-declare const MuxAudioBase: import("@videojs/utils/types").Constructor<HTMLElement & MuxAudioAdapter & {
-  readonly adapter: MuxAudioAdapter;
-  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
-}> & {
-  properties: Record<string, {
-    type: any;
-    attribute?: string;
-    empty?: unknown;
-  }>;
-  getTemplateHTML: (attrs: Record<string, string>) => string;
-  shadowRootOptions: ShadowRootInit;
-  readonly observedAttributes: string[];
-};
+declare const MuxAudioBase: CustomMediaConstructor<typeof MuxAudioAdapter>;
 /**
  * `<mux-audio>` over the SPF audio-only Mux Media instead of the hls.js-backed one.
  *
@@ -23,7 +12,6 @@ declare const MuxAudioBase: import("@videojs/utils/types").Constructor<HTMLEleme
  * The engine underneath is the subtractive audio-only one, so only the audio renditions of the playback ID are fetched
  * — unlike the hls.js-backed flavor, which runs the full engine and downloads video renditions it never plays.
  */
-declare class MuxAudio extends MuxAudioBase {}
+export declare class MuxAudio extends MuxAudioBase {}
 //#endregion
-export { MuxAudio };
 //# sourceMappingURL=spf.d.ts.map

package/dist/dev/media/mux-video/hls-js.d.ts

@@ -1,19 +1,7 @@
+import { CustomMediaConstructor } from "../../index.js";
 import { MuxVideoAdapter } from "@videojs/mux-video";
 //#region src/media/mux-video/hls-js.d.ts
-declare const MuxVideoBase: import("@videojs/utils/types").Constructor<HTMLElement & MuxVideoAdapter & {
-  readonly adapter: MuxVideoAdapter;
-  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
-}> & {
-  properties: Record<string, {
-    type: any;
-    attribute?: string;
-    empty?: unknown;
-  }>;
-  getTemplateHTML: (attrs: Record<string, string>) => string;
-  shadowRootOptions: ShadowRootInit;
-  readonly observedAttributes: string[];
-};
-declare class MuxVideo extends MuxVideoBase {}
+declare const MuxVideoBase: CustomMediaConstructor<typeof MuxVideoAdapter>;
+export declare class MuxVideo extends MuxVideoBase {}
 //#endregion
-export { MuxVideo };
 //# sourceMappingURL=hls-js.d.ts.map

package/dist/dev/media/mux-video/mixin.js.map

@@ -1 +1 @@
-{"version":3,"file":"mixin.js","names":["#syncStoryboard","#reflectSrc","#syncPosterTime","#applyPosterTime","#posterTimeAttr"],"sources":["../../../../src/media/mux-video/mixin.ts"],"sourcesContent":["import { type MediaStreamType, MediaStreamTypes } from '@videojs/media';\nimport type { MuxContentData, MuxSourceBase } from '@videojs/mux-video';\nimport { isUndefined } from '@videojs/utils/predicate';\nimport type { AnyConstructor, Constructor } from '@videojs/utils/types';\n\n/**\n * What this mixin needs from whichever Mux Media the element hosts.\n *\n * Structural on purpose: the hls.js-backed `MuxVideoAdapter` and the SPF-backed one satisfy it identically, and\n * everything here is Mux identity or the WHATWG surface — nothing engine-specific — so the element itself has no\n * engine.\n */\ninterface MuxVideoAdapterLike {\n  src: string;\n  source: MuxSourceBase | null;\n  readonly contentData: MuxContentData;\n  readonly streamType: MediaStreamType | undefined;\n  addEventListener(type: string, listener: () => void): void;\n}\n\ninterface MuxVideoElementLike extends HTMLElement {\n  readonly adapter: MuxVideoAdapterLike;\n  attributeChangedCallback?(name: string, oldValue: string | null, newValue: string | null): void;\n}\n\n/**\n * The Mux-specific element behavior, over any Mux Media: the `poster-time` attribute, `src` reflection, and the\n * storyboard `<track>` child.\n *\n * Mixin rather than a base class because each flavor's element is built on a different `CustomMediaElement`, so there\n * is no common class to extend — only a common adapter contract.\n */\nexport function MuxVideoMixin<Class extends AnyConstructor<HTMLElement>>(BaseClass: Class): Class {\n  class MuxVideoElement extends (BaseClass as unknown as Constructor<MuxVideoElementLike>) {\n    // Declared here rather than in `static properties` because it does not map to a\n    // adapter property of its own: it feeds `source.poster.time`. The generic path\n    // would also coerce a removed attribute to `0`, which is a valid poster time.\n    static get observedAttributes(): string[] {\n      const inherited = (BaseClass as unknown as { observedAttributes?: string[] }).observedAttributes ?? [];\n\n      return [...inherited, 'poster-time'];\n    }\n\n    constructor(...args: any[]) {\n      super(...args);\n      // Storyboards aren't generated for live streams; re-evaluate when the type is detected.\n      this.adapter.addEventListener('streamtypechange', () => this.#syncStoryboard());\n      // Covers both the `src` attribute and the `source` property (JS-only).\n      this.adapter.addEventListener('sourcechange', () => {\n        this.#reflectSrc();\n        this.#syncPosterTime();\n        this.#syncStoryboard();\n      });\n    }\n\n    override attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {\n      if (name === 'poster-time') {\n        // Removing the attribute clears what it set. A value that is present but not\n        // a number is ignored rather than treated as removal, so it cannot wipe a\n        // `source.poster.time` set through JS.\n        if (newValue === null) this.#applyPosterTime(undefined);\n        else this.#syncPosterTime();\n\n        return;\n      }\n\n      super.attributeChangedCallback?.(name, oldValue, newValue);\n    }\n\n    #posterTimeAttr() {\n      const attr = this.getAttribute('poster-time');\n      const parsed = attr ? Number(attr) : Number.NaN;\n\n      return Number.isNaN(parsed) ? undefined : parsed;\n    }\n\n    // Re-applies `poster-time` after a source change, because Mux identity comes\n    // from the URL and carries no poster params over. An absent attribute means no\n    // opinion here, so a `source.poster.time` set through JS is left alone — only\n    // removing the attribute clears it.\n    #syncPosterTime() {\n      const time = this.#posterTimeAttr();\n\n      if (!isUndefined(time)) this.#applyPosterTime(time);\n    }\n\n    // Mirrors the `poster-time` attribute into `source.poster.time`, which is what\n    // the derived poster URL is built from.\n    #applyPosterTime(time: number | undefined) {\n      const source = this.adapter.source;\n      if (source?.poster?.time === time) return;\n\n      // Nothing to write into yet. `#syncPosterTime` re-applies the attribute once a\n      // source arrives, so a poster-only source is never worth fabricating — it has\n      // no URL to play, and assigning it would schedule a load anyway.\n      if (!source) return;\n\n      const poster = { ...source?.poster };\n\n      if (isUndefined(time)) delete poster.time;\n      else poster.time = time;\n\n      this.adapter.source = { ...source, poster: Object.keys(poster).length > 0 ? poster : undefined };\n    }\n\n    // Mirrors the adapter `src` to the `src` attribute so it matches the active playback URL.\n    #reflectSrc() {\n      const src = this.adapter.src;\n\n      if (src) {\n        if (this.getAttribute('src') !== src) this.setAttribute('src', src);\n      } else if (this.hasAttribute('src')) {\n        this.removeAttribute('src');\n      }\n    }\n\n    // Keeps a storyboard track child in sync with the URL derived from `source`.\n    #syncStoryboard() {\n      // Live streams have no storyboard; skip until the type is known to be otherwise.\n      const src = this.adapter.streamType === MediaStreamTypes.LIVE ? undefined : this.adapter.contentData.storyboard;\n\n      let track = this.querySelector<HTMLTrackElement>('track[data-storyboard]');\n\n      if (!src) {\n        track?.remove();\n        return;\n      }\n\n      if (!track) {\n        track = document.createElement('track');\n        track.kind = 'metadata';\n        track.label = 'thumbnails';\n        track.default = true;\n        track.setAttribute('data-storyboard', '');\n      }\n\n      if (track.getAttribute('src') !== src) track.setAttribute('src', src);\n\n      if (track.parentNode !== this) this.append(track);\n    }\n  }\n\n  return MuxVideoElement as unknown as Class;\n}\n"],"mappings":";;;;;;;;;;AAgCA,SAAgB,cAAyD,WAAyB;CAChG,MAAM,wBAAyB,UAA0D;EAIvF,WAAW,qBAA+B;GAGxC,OAAO,CAAC,GAFW,UAA2D,sBAAsB,CAAC,GAE/E,aAAa;EACrC;EAEA,YAAY,GAAG,MAAa;GAC1B,MAAM,GAAG,IAAI;GAEb,KAAK,QAAQ,iBAAiB,0BAA0B,KAAKA,gBAAgB,CAAC;GAE9E,KAAK,QAAQ,iBAAiB,sBAAsB;IAClD,KAAKC,YAAY;IACjB,KAAKC,gBAAgB;IACrB,KAAKF,gBAAgB;GACvB,CAAC;EACH;EAEA,yBAAkC,MAAc,UAAyB,UAAyB;GAChG,IAAI,SAAS,eAAe;IAI1B,IAAI,aAAa,MAAM,KAAKG,iBAAiB,KAAA,CAAS;SACjD,KAAKD,gBAAgB;IAE1B;GACF;GAEA,MAAM,2BAA2B,MAAM,UAAU,QAAQ;EAC3D;EAEA,kBAAkB;GAChB,MAAM,OAAO,KAAK,aAAa,aAAa;GAC5C,MAAM,SAAS,OAAO,OAAO,IAAI,IAAI;GAErC,OAAO,OAAO,MAAM,MAAM,IAAI,KAAA,IAAY;EAC5C;EAMA,kBAAkB;GAChB,MAAM,OAAO,KAAKE,gBAAgB;GAElC,IAAI,CAAC,YAAY,IAAI,GAAG,KAAKD,iBAAiB,IAAI;EACpD;EAIA,iBAAiB,MAA0B;GACzC,MAAM,SAAS,KAAK,QAAQ;GAC5B,IAAI,QAAQ,QAAQ,SAAS,MAAM;GAKnC,IAAI,CAAC,QAAQ;GAEb,MAAM,SAAS,EAAE,GAAG,QAAQ,OAAO;GAEnC,IAAI,YAAY,IAAI,GAAG,OAAO,OAAO;QAChC,OAAO,OAAO;GAEnB,KAAK,QAAQ,SAAS;IAAE,GAAG;IAAQ,QAAQ,OAAO,KAAK,MAAM,CAAC,CAAC,SAAS,IAAI,SAAS,KAAA;GAAU;EACjG;EAGA,cAAc;GACZ,MAAM,MAAM,KAAK,QAAQ;GAEzB,IAAI,KACE;QAAA,KAAK,aAAa,KAAK,MAAM,KAAK,KAAK,aAAa,OAAO,GAAG;GAAA,OAC7D,IAAI,KAAK,aAAa,KAAK,GAChC,KAAK,gBAAgB,KAAK;EAE9B;EAGA,kBAAkB;GAEhB,MAAM,MAAM,KAAK,QAAQ,eAAe,iBAAiB,OAAO,KAAA,IAAY,KAAK,QAAQ,YAAY;GAErG,IAAI,QAAQ,KAAK,cAAgC,wBAAwB;GAEzE,IAAI,CAAC,KAAK;IACR,OAAO,OAAO;IACd;GACF;GAEA,IAAI,CAAC,OAAO;IACV,QAAQ,SAAS,cAAc,OAAO;IACtC,MAAM,OAAO;IACb,MAAM,QAAQ;IACd,MAAM,UAAU;IAChB,MAAM,aAAa,mBAAmB,EAAE;GAC1C;GAEA,IAAI,MAAM,aAAa,KAAK,MAAM,KAAK,MAAM,aAAa,OAAO,GAAG;GAEpE,IAAI,MAAM,eAAe,MAAM,KAAK,OAAO,KAAK;EAClD;CACF;CAEA,OAAO;AACT"}
+{"version":3,"file":"mixin.js","names":[],"sources":["../../../../src/media/mux-video/mixin.ts"],"sourcesContent":["import { type MediaStreamType, MediaStreamTypes } from '@videojs/media';\nimport type { MuxContentData, MuxSourceBase } from '@videojs/mux-video';\nimport { isUndefined } from '@videojs/utils/predicate';\nimport type { AnyConstructor, Constructor } from '@videojs/utils/types';\n\n/**\n * What this mixin needs from whichever Mux Media the element hosts.\n *\n * Structural on purpose: the hls.js-backed `MuxVideoAdapter` and the SPF-backed one satisfy it identically, and\n * everything here is Mux identity or the WHATWG surface — nothing engine-specific — so the element itself has no\n * engine.\n */\ninterface MuxVideoAdapterLike {\n  src: string;\n  source: MuxSourceBase | null;\n  readonly contentData: MuxContentData;\n  readonly streamType: MediaStreamType | undefined;\n  addEventListener(type: string, listener: () => void): void;\n}\n\ninterface MuxVideoElementLike extends HTMLElement {\n  readonly adapter: MuxVideoAdapterLike;\n  attributeChangedCallback?(name: string, oldValue: string | null, newValue: string | null): void;\n}\n\n/**\n * The Mux-specific element behavior, over any Mux Media: the `poster-time` attribute, `src` reflection, and the\n * storyboard `<track>` child.\n *\n * Mixin rather than a base class because each flavor's element is built on a different `CustomMediaElement`, so there\n * is no common class to extend — only a common adapter contract.\n */\nexport function MuxVideoMixin<Class extends AnyConstructor<HTMLElement>>(BaseClass: Class): Class {\n  class MuxVideoElement extends (BaseClass as unknown as Constructor<MuxVideoElementLike>) {\n    // Declared here rather than in `static properties` because it does not map to a\n    // adapter property of its own: it feeds `source.poster.time`. The generic path\n    // would also coerce a removed attribute to `0`, which is a valid poster time.\n    static get observedAttributes(): string[] {\n      const inherited = (BaseClass as unknown as { observedAttributes?: string[] }).observedAttributes ?? [];\n\n      return [...inherited, 'poster-time'];\n    }\n\n    constructor(...args: any[]) {\n      super(...args);\n      // Storyboards aren't generated for live streams; re-evaluate when the type is detected.\n      this.adapter.addEventListener('streamtypechange', () => this.#syncStoryboard());\n      // Covers both the `src` attribute and the `source` property (JS-only).\n      this.adapter.addEventListener('sourcechange', () => {\n        this.#reflectSrc();\n        this.#syncPosterTime();\n        this.#syncStoryboard();\n      });\n    }\n\n    override attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {\n      if (name === 'poster-time') {\n        // Removing the attribute clears what it set. A value that is present but not\n        // a number is ignored rather than treated as removal, so it cannot wipe a\n        // `source.poster.time` set through JS.\n        if (newValue === null) this.#applyPosterTime(undefined);\n        else this.#syncPosterTime();\n\n        return;\n      }\n\n      super.attributeChangedCallback?.(name, oldValue, newValue);\n    }\n\n    #posterTimeAttr() {\n      const attr = this.getAttribute('poster-time');\n      const parsed = attr ? Number(attr) : Number.NaN;\n\n      return Number.isNaN(parsed) ? undefined : parsed;\n    }\n\n    // Re-applies `poster-time` after a source change, because Mux identity comes\n    // from the URL and carries no poster params over. An absent attribute means no\n    // opinion here, so a `source.poster.time` set through JS is left alone — only\n    // removing the attribute clears it.\n    #syncPosterTime() {\n      const time = this.#posterTimeAttr();\n\n      if (!isUndefined(time)) this.#applyPosterTime(time);\n    }\n\n    // Mirrors the `poster-time` attribute into `source.poster.time`, which is what\n    // the derived poster URL is built from.\n    #applyPosterTime(time: number | undefined) {\n      const source = this.adapter.source;\n      if (source?.poster?.time === time) return;\n\n      // Nothing to write into yet. `#syncPosterTime` re-applies the attribute once a\n      // source arrives, so a poster-only source is never worth fabricating — it has\n      // no URL to play, and assigning it would schedule a load anyway.\n      if (!source) return;\n\n      const poster = { ...source?.poster };\n\n      if (isUndefined(time)) delete poster.time;\n      else poster.time = time;\n\n      this.adapter.source = { ...source, poster: Object.keys(poster).length > 0 ? poster : undefined };\n    }\n\n    // Mirrors the adapter `src` to the `src` attribute so it matches the active playback URL.\n    #reflectSrc() {\n      const src = this.adapter.src;\n\n      if (src) {\n        if (this.getAttribute('src') !== src) this.setAttribute('src', src);\n      } else if (this.hasAttribute('src')) {\n        this.removeAttribute('src');\n      }\n    }\n\n    // Keeps a storyboard track child in sync with the URL derived from `source`.\n    #syncStoryboard() {\n      // Live streams have no storyboard; skip until the type is known to be otherwise.\n      const src = this.adapter.streamType === MediaStreamTypes.LIVE ? undefined : this.adapter.contentData.storyboard;\n\n      let track = this.querySelector<HTMLTrackElement>('track[data-storyboard]');\n\n      if (!src) {\n        track?.remove();\n        return;\n      }\n\n      if (!track) {\n        track = document.createElement('track');\n        track.kind = 'metadata';\n        track.label = 'thumbnails';\n        track.default = true;\n        track.setAttribute('data-storyboard', '');\n      }\n\n      if (track.getAttribute('src') !== src) track.setAttribute('src', src);\n\n      if (track.parentNode !== this) this.append(track);\n    }\n  }\n\n  return MuxVideoElement as unknown as Class;\n}\n"],"mappings":";;;;;;;;;;AAgCA,SAAgB,cAAyD,WAAyB;CAChG,MAAM,wBAAyB,UAA0D;EAIvF,WAAW,qBAA+B;GAGxC,OAAO,CAAC,GAFW,UAA2D,sBAAsB,CAAC,GAE/E,aAAa;EACrC;EAEA,YAAY,GAAG,MAAa;GAC1B,MAAM,GAAG,IAAI;GAEb,KAAK,QAAQ,iBAAiB,0BAA0B,KAAK,gBAAgB,CAAC;GAE9E,KAAK,QAAQ,iBAAiB,sBAAsB;IAClD,KAAK,YAAY;IACjB,KAAK,gBAAgB;IACrB,KAAK,gBAAgB;GACvB,CAAC;EACH;EAEA,yBAAkC,MAAc,UAAyB,UAAyB;GAChG,IAAI,SAAS,eAAe;IAI1B,IAAI,aAAa,MAAM,KAAK,iBAAiB,KAAA,CAAS;SACjD,KAAK,gBAAgB;IAE1B;GACF;GAEA,MAAM,2BAA2B,MAAM,UAAU,QAAQ;EAC3D;EAEA,kBAAkB;GAChB,MAAM,OAAO,KAAK,aAAa,aAAa;GAC5C,MAAM,SAAS,OAAO,OAAO,IAAI,IAAI;GAErC,OAAO,OAAO,MAAM,MAAM,IAAI,KAAA,IAAY;EAC5C;EAMA,kBAAkB;GAChB,MAAM,OAAO,KAAK,gBAAgB;GAElC,IAAI,CAAC,YAAY,IAAI,GAAG,KAAK,iBAAiB,IAAI;EACpD;EAIA,iBAAiB,MAA0B;GACzC,MAAM,SAAS,KAAK,QAAQ;GAC5B,IAAI,QAAQ,QAAQ,SAAS,MAAM;GAKnC,IAAI,CAAC,QAAQ;GAEb,MAAM,SAAS,EAAE,GAAG,QAAQ,OAAO;GAEnC,IAAI,YAAY,IAAI,GAAG,OAAO,OAAO;QAChC,OAAO,OAAO;GAEnB,KAAK,QAAQ,SAAS;IAAE,GAAG;IAAQ,QAAQ,OAAO,KAAK,MAAM,CAAC,CAAC,SAAS,IAAI,SAAS,KAAA;GAAU;EACjG;EAGA,cAAc;GACZ,MAAM,MAAM,KAAK,QAAQ;GAEzB,IAAI,KACE;QAAA,KAAK,aAAa,KAAK,MAAM,KAAK,KAAK,aAAa,OAAO,GAAG;GAAA,OAC7D,IAAI,KAAK,aAAa,KAAK,GAChC,KAAK,gBAAgB,KAAK;EAE9B;EAGA,kBAAkB;GAEhB,MAAM,MAAM,KAAK,QAAQ,eAAe,iBAAiB,OAAO,KAAA,IAAY,KAAK,QAAQ,YAAY;GAErG,IAAI,QAAQ,KAAK,cAAgC,wBAAwB;GAEzE,IAAI,CAAC,KAAK;IACR,OAAO,OAAO;IACd;GACF;GAEA,IAAI,CAAC,OAAO;IACV,QAAQ,SAAS,cAAc,OAAO;IACtC,MAAM,OAAO;IACb,MAAM,QAAQ;IACd,MAAM,UAAU;IAChB,MAAM,aAAa,mBAAmB,EAAE;GAC1C;GAEA,IAAI,MAAM,aAAa,KAAK,MAAM,KAAK,MAAM,aAAa,OAAO,GAAG;GAEpE,IAAI,MAAM,eAAe,MAAM,KAAK,OAAO,KAAK;EAClD;CACF;CAEA,OAAO;AACT"}

package/dist/dev/media/mux-video/spf.d.ts

@@ -1,18 +1,7 @@
+import { CustomMediaConstructor } from "../../index.js";
 import { MuxVideoAdapter } from "@videojs/mux-video/spf";
 //#region src/media/mux-video/spf.d.ts
-declare const MuxVideoBase: import("@videojs/utils/types").Constructor<HTMLElement & MuxVideoAdapter & {
-  readonly adapter: MuxVideoAdapter;
-  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
-}> & {
-  properties: Record<string, {
-    type: any;
-    attribute?: string;
-    empty?: unknown;
-  }>;
-  getTemplateHTML: (attrs: Record<string, string>) => string;
-  shadowRootOptions: ShadowRootInit;
-  readonly observedAttributes: string[];
-};
+declare const MuxVideoBase: CustomMediaConstructor<typeof MuxVideoAdapter>;
 /**
  * `<mux-video>` over the SPF-backed Mux Media instead of the hls.js-backed one.
  *
@@ -20,7 +9,6 @@ declare const MuxVideoBase: import("@videojs/utils/types").Constructor<HTMLEleme
  * the surface moves. Deliberately not exported from this directory's barrel, so importing one flavor never pulls the
  * other's engine in with it.
  */
-declare class MuxVideo extends MuxVideoBase {}
+export declare class MuxVideo extends MuxVideoBase {}
 //#endregion
-export { MuxVideo };
 //# sourceMappingURL=spf.d.ts.map

package/dist/dev/media/native-hls-video/adapter.d.ts

@@ -1,19 +1,7 @@
+import { CustomMediaConstructor } from "../../index.js";
 import { NativeHlsAdapter } from "@videojs/native-hls-video";
 //#region src/media/native-hls-video/adapter.d.ts
-declare const NativeHlsVideo_base: import("@videojs/utils/types").Constructor<HTMLElement & NativeHlsAdapter & {
-  readonly adapter: NativeHlsAdapter;
-  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
-}> & {
-  properties: Record<string, {
-    type: any;
-    attribute?: string;
-    empty?: unknown;
-  }>;
-  getTemplateHTML: (attrs: Record<string, string>) => string;
-  shadowRootOptions: ShadowRootInit;
-  readonly observedAttributes: string[];
-};
-declare class NativeHlsVideo extends NativeHlsVideo_base {}
+declare const NativeHlsVideo_base: CustomMediaConstructor<typeof NativeHlsAdapter>;
+export declare class NativeHlsVideo extends NativeHlsVideo_base {}
 //#endregion
-export { NativeHlsVideo };
 //# sourceMappingURL=adapter.d.ts.map

package/dist/dev/media/shaka-video/adapter.d.ts

@@ -1,19 +1,7 @@
+import { CustomMediaConstructor } from "../../index.js";
 import { ShakaAdapter } from "@videojs/shaka-video";
 //#region src/media/shaka-video/adapter.d.ts
-declare const ShakaVideo_base: import("@videojs/utils/types").Constructor<HTMLElement & ShakaAdapter & {
-  readonly adapter: ShakaAdapter;
-  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
-}> & {
-  properties: Record<string, {
-    type: any;
-    attribute?: string;
-    empty?: unknown;
-  }>;
-  getTemplateHTML: (attrs: Record<string, string>) => string;
-  shadowRootOptions: ShadowRootInit;
-  readonly observedAttributes: string[];
-};
-declare class ShakaVideo extends ShakaVideo_base {}
+declare const ShakaVideo_base: CustomMediaConstructor<typeof ShakaAdapter>;
+export declare class ShakaVideo extends ShakaVideo_base {}
 //#endregion
-export { ShakaVideo };
 //# sourceMappingURL=adapter.d.ts.map

package/dist/dev/media/spotify-audio/adapter.d.ts

@@ -1,23 +1,11 @@
+import { CustomMediaConstructor } from "../../index.js";
 import { SpotifyAdapter } from "@videojs/spotify-audio";
 //#region src/media/spotify-audio/adapter.d.ts
-declare const SpotifyCustomMediaElement_base: import("@videojs/utils/types").Constructor<HTMLElement & SpotifyAdapter & {
-  readonly adapter: SpotifyAdapter;
-  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
-}> & {
-  properties: Record<string, {
-    type: any;
-    attribute?: string;
-    empty?: unknown;
-  }>;
-  getTemplateHTML: (attrs: Record<string, string>) => string;
-  shadowRootOptions: ShadowRootInit;
-  readonly observedAttributes: string[];
-};
+declare const SpotifyCustomMediaElement_base: CustomMediaConstructor<typeof SpotifyAdapter>;
 declare class SpotifyCustomMediaElement extends SpotifyCustomMediaElement_base {
   static getTemplateHTML: (attrs: Record<string, string>) => string;
 }
 declare const SpotifyAudio_base: typeof SpotifyCustomMediaElement;
-declare class SpotifyAudio extends SpotifyAudio_base {}
+export declare class SpotifyAudio extends SpotifyAudio_base {}
 //#endregion
-export { SpotifyAudio };
 //# sourceMappingURL=adapter.d.ts.map

package/dist/dev/media/tiktok-video/adapter.d.ts

@@ -1,23 +1,11 @@
+import { CustomMediaConstructor } from "../../index.js";
 import { TikTokAdapter } from "@videojs/tiktok-video";
 //#region src/media/tiktok-video/adapter.d.ts
-declare const TikTokCustomMediaElement_base: import("@videojs/utils/types").Constructor<HTMLElement & TikTokAdapter & {
-  readonly adapter: TikTokAdapter;
-  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
-}> & {
-  properties: Record<string, {
-    type: any;
-    attribute?: string;
-    empty?: unknown;
-  }>;
-  getTemplateHTML: (attrs: Record<string, string>) => string;
-  shadowRootOptions: ShadowRootInit;
-  readonly observedAttributes: string[];
-};
+declare const TikTokCustomMediaElement_base: CustomMediaConstructor<typeof TikTokAdapter>;
 declare class TikTokCustomMediaElement extends TikTokCustomMediaElement_base {
   static getTemplateHTML: (attrs: Record<string, string>) => string;
 }
 declare const TikTokVideo_base: typeof TikTokCustomMediaElement;
-declare class TikTokVideo extends TikTokVideo_base {}
+export declare class TikTokVideo extends TikTokVideo_base {}
 //#endregion
-export { TikTokVideo };
 //# sourceMappingURL=adapter.d.ts.map

package/dist/dev/media/twitch-video/adapter.d.ts

@@ -1,23 +1,11 @@
+import { CustomMediaConstructor } from "../../index.js";
 import { TwitchAdapter } from "@videojs/twitch-video";
 //#region src/media/twitch-video/adapter.d.ts
-declare const TwitchCustomMediaElement_base: import("@videojs/utils/types").Constructor<HTMLElement & TwitchAdapter & {
-  readonly adapter: TwitchAdapter;
-  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
-}> & {
-  properties: Record<string, {
-    type: any;
-    attribute?: string;
-    empty?: unknown;
-  }>;
-  getTemplateHTML: (attrs: Record<string, string>) => string;
-  shadowRootOptions: ShadowRootInit;
-  readonly observedAttributes: string[];
-};
+declare const TwitchCustomMediaElement_base: CustomMediaConstructor<typeof TwitchAdapter>;
 declare class TwitchCustomMediaElement extends TwitchCustomMediaElement_base {
   static getTemplateHTML: (attrs: Record<string, string>) => string;
 }
 declare const TwitchVideo_base: typeof TwitchCustomMediaElement;
-declare class TwitchVideo extends TwitchVideo_base {}
+export declare class TwitchVideo extends TwitchVideo_base {}
 //#endregion
-export { TwitchVideo };
 //# sourceMappingURL=adapter.d.ts.map

package/dist/dev/media/vimeo-video/adapter.d.ts

@@ -1,23 +1,11 @@
+import { CustomMediaConstructor } from "../../index.js";
 import { VimeoAdapter } from "@videojs/vimeo-video";
 //#region src/media/vimeo-video/adapter.d.ts
-declare const VimeoCustomMediaElement_base: import("@videojs/utils/types").Constructor<HTMLElement & VimeoAdapter & {
-  readonly adapter: VimeoAdapter;
-  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
-}> & {
-  properties: Record<string, {
-    type: any;
-    attribute?: string;
-    empty?: unknown;
-  }>;
-  getTemplateHTML: (attrs: Record<string, string>) => string;
-  shadowRootOptions: ShadowRootInit;
-  readonly observedAttributes: string[];
-};
+declare const VimeoCustomMediaElement_base: CustomMediaConstructor<typeof VimeoAdapter>;
 declare class VimeoCustomMediaElement extends VimeoCustomMediaElement_base {
   static getTemplateHTML: (attrs: Record<string, string>) => string;
 }
 declare const VimeoVideo_base: typeof VimeoCustomMediaElement;
-declare class VimeoVideo extends VimeoVideo_base {}
+export declare class VimeoVideo extends VimeoVideo_base {}
 //#endregion
-export { VimeoVideo };
 //# sourceMappingURL=adapter.d.ts.map

package/dist/dev/media/wistia-video/adapter.d.ts

@@ -5,7 +5,6 @@ declare const WistiaVideo_base: typeof WistiaAdapter;
  * `<wistia-video>` is Wistia's own `<wistia-player>`, normalized into a media by `WistiaAdapter` and attached to the
  * player store here. No template and no inner player: the element written is the element that plays.
  */
-declare class WistiaVideo extends WistiaVideo_base {}
+export declare class WistiaVideo extends WistiaVideo_base {}
 //#endregion
-export { WistiaVideo };
 //# sourceMappingURL=adapter.d.ts.map

package/dist/dev/media/youtube-video/adapter.d.ts

@@ -1,23 +1,11 @@
+import { CustomMediaConstructor } from "../../index.js";
 import { YouTubeAdapter } from "@videojs/youtube-video";
 //#region src/media/youtube-video/adapter.d.ts
-declare const YouTubeCustomMediaElement_base: import("@videojs/utils/types").Constructor<HTMLElement & YouTubeAdapter & {
-  readonly adapter: YouTubeAdapter;
-  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
-}> & {
-  properties: Record<string, {
-    type: any;
-    attribute?: string;
-    empty?: unknown;
-  }>;
-  getTemplateHTML: (attrs: Record<string, string>) => string;
-  shadowRootOptions: ShadowRootInit;
-  readonly observedAttributes: string[];
-};
+declare const YouTubeCustomMediaElement_base: CustomMediaConstructor<typeof YouTubeAdapter>;
 declare class YouTubeCustomMediaElement extends YouTubeCustomMediaElement_base {
   static getTemplateHTML: (attrs: Record<string, string>) => string;
 }
 declare const YouTubeVideo_base: typeof YouTubeCustomMediaElement;
-declare class YouTubeVideo extends YouTubeVideo_base {}
+export declare class YouTubeVideo extends YouTubeVideo_base {}
 //#endregion
-export { YouTubeVideo };
 //# sourceMappingURL=adapter.d.ts.map

package/dist/dev/player/context.d.ts

@@ -1,33 +1,52 @@
-import { AnyPlayerStore, MediaContainer, PlayerStore } from "@videojs/core/dom";
+import { AnyPlayerStore, MediaContainer, PlayerExtension, PlayerStore } from "@videojs/core/dom";
 import { ReactiveControllerHost } from "@videojs/element";
 import { Media } from "@videojs/media/dom";
 import { Context, ContextConsumer } from "@videojs/element/context";
 //#region src/player/context.d.ts
-declare const PLAYER_CONTEXT_KEY: unique symbol;
-type PlayerContextValue<Store extends PlayerStore = AnyPlayerStore> = Store;
+export declare const PLAYER_CONTEXT_KEY: unique symbol;
+export type PlayerContextValue<Store extends PlayerStore = AnyPlayerStore> = Store;
 /** @displayType Context<symbol, {Store}> */
-type PlayerContext<Store extends PlayerStore = AnyPlayerStore> = Context<typeof PLAYER_CONTEXT_KEY, PlayerContextValue<Store>>;
+export type PlayerContext<Store extends PlayerStore = AnyPlayerStore> = Context<typeof PLAYER_CONTEXT_KEY, PlayerContextValue<Store>>;
 /**
  * The default player context instance for consuming the player store in controllers.
  *
  * @public
  */
-declare const playerContext: Context<typeof PLAYER_CONTEXT_KEY, AnyPlayerStore>;
-declare const MEDIA_CONTEXT_KEY: unique symbol;
-interface MediaContextValue {
+export declare const playerContext: Context<typeof PLAYER_CONTEXT_KEY, AnyPlayerStore>;
+/** @internal */
+export declare const MEDIA_CONTEXT_KEY: unique symbol;
+/** @internal */
+export interface MediaContextValue {
   media: Media | null;
   registerMedia: (media: Media) => () => void;
 }
-type MediaContext = Context<typeof MEDIA_CONTEXT_KEY, MediaContextValue>;
-declare const mediaContext: Context<typeof MEDIA_CONTEXT_KEY, MediaContextValue>;
-declare const CONTAINER_CONTEXT_KEY: unique symbol;
-interface ContainerContextValue {
+/** @internal */
+export type MediaContext = Context<typeof MEDIA_CONTEXT_KEY, MediaContextValue>;
+/** @internal */
+export declare const mediaContext: Context<typeof MEDIA_CONTEXT_KEY, MediaContextValue>;
+/** @internal */
+export declare const CONTAINER_CONTEXT_KEY: unique symbol;
+/** @internal */
+export interface ContainerContextValue {
   container: MediaContainer | null;
   registerContainer: (container: MediaContainer) => () => void;
 }
-type ContainerContext = Context<typeof CONTAINER_CONTEXT_KEY, ContainerContextValue>;
-type ContainerContextConsumer = ContextConsumer<ContainerContext, ReactiveControllerHost & HTMLElement>;
-declare const containerContext: Context<typeof CONTAINER_CONTEXT_KEY, ContainerContextValue>;
+/** @internal */
+export type ContainerContext = Context<typeof CONTAINER_CONTEXT_KEY, ContainerContextValue>;
+/** @internal */
+export type ContainerContextConsumer = ContextConsumer<ContainerContext, ReactiveControllerHost & HTMLElement>;
+/** @internal */
+export declare const containerContext: Context<typeof CONTAINER_CONTEXT_KEY, ContainerContextValue>;
+/** @internal */
+export declare const EXTENSION_CONTEXT_KEY: unique symbol;
+/** @internal */
+export interface ExtensionContextValue {
+  /** Register a player extension with the surrounding player. Returns a release callback for that exact instance. */
+  registerExtension: (extension: PlayerExtension) => () => void;
+}
+/** @internal */
+export type ExtensionContext = Context<typeof EXTENSION_CONTEXT_KEY, ExtensionContextValue>;
+/** @internal */
+export declare const extensionContext: Context<typeof EXTENSION_CONTEXT_KEY, ExtensionContextValue>;
 //#endregion
-export { CONTAINER_CONTEXT_KEY, ContainerContext, ContainerContextConsumer, ContainerContextValue, MEDIA_CONTEXT_KEY, MediaContext, MediaContextValue, PLAYER_CONTEXT_KEY, PlayerContext, PlayerContextValue, containerContext, mediaContext, playerContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/dev/player/context.js

@@ -7,11 +7,19 @@ const PLAYER_CONTEXT_KEY = Symbol.for("@videojs/player");
 * @public
 */
 const playerContext = createContext(PLAYER_CONTEXT_KEY);
+/** @internal */
 const MEDIA_CONTEXT_KEY = Symbol.for("@videojs/media");
+/** @internal */
 const mediaContext = createContext(MEDIA_CONTEXT_KEY);
+/** @internal */
 const CONTAINER_CONTEXT_KEY = Symbol.for("@videojs/container");
+/** @internal */
 const containerContext = createContext(CONTAINER_CONTEXT_KEY);
+/** @internal */
+const EXTENSION_CONTEXT_KEY = Symbol.for("@videojs/extension");
+/** @internal */
+const extensionContext = createContext(EXTENSION_CONTEXT_KEY);
 //#endregion
-export { CONTAINER_CONTEXT_KEY, MEDIA_CONTEXT_KEY, PLAYER_CONTEXT_KEY, containerContext, mediaContext, playerContext };
+export { CONTAINER_CONTEXT_KEY, EXTENSION_CONTEXT_KEY, MEDIA_CONTEXT_KEY, PLAYER_CONTEXT_KEY, containerContext, extensionContext, mediaContext, playerContext };
 
 //# sourceMappingURL=context.js.map

package/dist/dev/player/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/player/context.ts"],"sourcesContent":["import type { AnyPlayerStore, MediaContainer, PlayerStore } from '@videojs/core/dom';\nimport type { ReactiveControllerHost } from '@videojs/element';\nimport { type Context, type ContextConsumer, createContext } from '@videojs/element/context';\nimport type { Media } from '@videojs/media/dom';\n\n// ----------------------------------------\n// Player Context\n// ----------------------------------------\n\nexport const PLAYER_CONTEXT_KEY = Symbol.for('@videojs/player');\n\nexport type PlayerContextValue<Store extends PlayerStore = AnyPlayerStore> = Store;\n\n/** @displayType Context<symbol, {Store}> */\nexport type PlayerContext<Store extends PlayerStore = AnyPlayerStore> = Context<\n  typeof PLAYER_CONTEXT_KEY,\n  PlayerContextValue<Store>\n>;\n\n/**\n * The default player context instance for consuming the player store in controllers.\n *\n * @public\n */\nexport const playerContext = createContext<PlayerContextValue, typeof PLAYER_CONTEXT_KEY>(PLAYER_CONTEXT_KEY);\n\n// ----------------------------------------\n// Media Context\n// ----------------------------------------\n\nexport const MEDIA_CONTEXT_KEY = Symbol.for('@videojs/media');\n\nexport interface MediaContextValue {\n  media: Media | null;\n  registerMedia: (media: Media) => () => void;\n}\n\nexport type MediaContext = Context<typeof MEDIA_CONTEXT_KEY, MediaContextValue>;\n\nexport const mediaContext = createContext<MediaContextValue, typeof MEDIA_CONTEXT_KEY>(MEDIA_CONTEXT_KEY);\n\n// ----------------------------------------\n// Container Context\n// ----------------------------------------\n\nexport const CONTAINER_CONTEXT_KEY = Symbol.for('@videojs/container');\n\nexport interface ContainerContextValue {\n  container: MediaContainer | null;\n  registerContainer: (container: MediaContainer) => () => void;\n}\n\nexport type ContainerContext = Context<typeof CONTAINER_CONTEXT_KEY, ContainerContextValue>;\n\nexport type ContainerContextConsumer = ContextConsumer<ContainerContext, ReactiveControllerHost & HTMLElement>;\n\nexport const containerContext = createContext<ContainerContextValue, typeof CONTAINER_CONTEXT_KEY>(\n  CONTAINER_CONTEXT_KEY\n);\n"],"mappings":";;AASA,MAAa,qBAAqB,OAAO,IAAI,iBAAiB;;;;;;AAe9D,MAAa,gBAAgB,cAA6D,kBAAkB;AAM5G,MAAa,oBAAoB,OAAO,IAAI,gBAAgB;AAS5D,MAAa,eAAe,cAA2D,iBAAiB;AAMxG,MAAa,wBAAwB,OAAO,IAAI,oBAAoB;AAWpE,MAAa,mBAAmB,cAC9B,qBACF"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/player/context.ts"],"sourcesContent":["import type { AnyPlayerStore, MediaContainer, PlayerExtension, PlayerStore } from '@videojs/core/dom';\nimport type { ReactiveControllerHost } from '@videojs/element';\nimport { type Context, type ContextConsumer, createContext } from '@videojs/element/context';\nimport type { Media } from '@videojs/media/dom';\n\n// ----------------------------------------\n// Player Context\n// ----------------------------------------\n\nexport const PLAYER_CONTEXT_KEY = Symbol.for('@videojs/player');\n\nexport type PlayerContextValue<Store extends PlayerStore = AnyPlayerStore> = Store;\n\n/** @displayType Context<symbol, {Store}> */\nexport type PlayerContext<Store extends PlayerStore = AnyPlayerStore> = Context<\n  typeof PLAYER_CONTEXT_KEY,\n  PlayerContextValue<Store>\n>;\n\n/**\n * The default player context instance for consuming the player store in controllers.\n *\n * @public\n */\nexport const playerContext = createContext<PlayerContextValue, typeof PLAYER_CONTEXT_KEY>(PLAYER_CONTEXT_KEY);\n\n// ----------------------------------------\n// Media Context\n// ----------------------------------------\n\n/** @internal */\nexport const MEDIA_CONTEXT_KEY = Symbol.for('@videojs/media');\n\n/** @internal */\nexport interface MediaContextValue {\n  media: Media | null;\n  registerMedia: (media: Media) => () => void;\n}\n\n/** @internal */\nexport type MediaContext = Context<typeof MEDIA_CONTEXT_KEY, MediaContextValue>;\n\n/** @internal */\nexport const mediaContext = createContext<MediaContextValue, typeof MEDIA_CONTEXT_KEY>(MEDIA_CONTEXT_KEY);\n\n// ----------------------------------------\n// Container Context\n// ----------------------------------------\n\n/** @internal */\nexport const CONTAINER_CONTEXT_KEY = Symbol.for('@videojs/container');\n\n/** @internal */\nexport interface ContainerContextValue {\n  container: MediaContainer | null;\n  registerContainer: (container: MediaContainer) => () => void;\n}\n\n/** @internal */\nexport type ContainerContext = Context<typeof CONTAINER_CONTEXT_KEY, ContainerContextValue>;\n\n/** @internal */\nexport type ContainerContextConsumer = ContextConsumer<ContainerContext, ReactiveControllerHost & HTMLElement>;\n\n/** @internal */\nexport const containerContext = createContext<ContainerContextValue, typeof CONTAINER_CONTEXT_KEY>(\n  CONTAINER_CONTEXT_KEY\n);\n\n// ----------------------------------------\n// Extension Context\n// ----------------------------------------\n\n/** @internal */\nexport const EXTENSION_CONTEXT_KEY = Symbol.for('@videojs/extension');\n\n/** @internal */\nexport interface ExtensionContextValue {\n  /** Register a player extension with the surrounding player. Returns a release callback for that exact instance. */\n  registerExtension: (extension: PlayerExtension) => () => void;\n}\n\n/** @internal */\nexport type ExtensionContext = Context<typeof EXTENSION_CONTEXT_KEY, ExtensionContextValue>;\n\n/** @internal */\nexport const extensionContext = createContext<ExtensionContextValue, typeof EXTENSION_CONTEXT_KEY>(\n  EXTENSION_CONTEXT_KEY\n);\n"],"mappings":";;AASA,MAAa,qBAAqB,OAAO,IAAI,iBAAiB;;;;;;AAe9D,MAAa,gBAAgB,cAA6D,kBAAkB;;AAO5G,MAAa,oBAAoB,OAAO,IAAI,gBAAgB;;AAY5D,MAAa,eAAe,cAA2D,iBAAiB;;AAOxG,MAAa,wBAAwB,OAAO,IAAI,oBAAoB;;AAepE,MAAa,mBAAmB,cAC9B,qBACF;;AAOA,MAAa,wBAAwB,OAAO,IAAI,oBAAoB;;AAYpE,MAAa,mBAAmB,cAC9B,qBACF"}

package/dist/dev/player/controller.d.ts

@@ -3,7 +3,7 @@ import { PlayerStore } from "@videojs/core/dom";
 import { ReactiveController, ReactiveControllerHost } from "@videojs/element";
 import { InferStoreState, Selector } from "@videojs/store";
 //#region src/player/controller.d.ts
-type PlayerControllerHost = ReactiveControllerHost & HTMLElement;
+export type PlayerControllerHost = ReactiveControllerHost & HTMLElement;
 /**
  * Reactive controller for accessing player store state.
  *
@@ -27,7 +27,7 @@ type PlayerControllerHost = ReactiveControllerHost & HTMLElement;
  *   }
  *   ```;
  */
-declare class PlayerController<Store extends PlayerStore, Result = Store> implements ReactiveController {
+export declare class PlayerController<Store extends PlayerStore, Result = Store> implements ReactiveController {
   #private;
   /**
    * @param host - The host element that owns this controller.
@@ -47,7 +47,7 @@ declare class PlayerController<Store extends PlayerStore, Result = Store> implem
   hostConnected(): void;
   hostDisconnected(): void;
 }
-declare namespace PlayerController {
+export declare namespace PlayerController {
   type Host = PlayerControllerHost;
   type Constructor<Store extends PlayerStore = PlayerStore, Result = Store> = typeof PlayerController<Store, Result>;
   interface ConfiguredConstructor<Store extends PlayerStore> {
@@ -56,5 +56,4 @@ declare namespace PlayerController {
   }
 }
 //#endregion
-export { PlayerController, PlayerControllerHost };
 //# sourceMappingURL=controller.d.ts.map