@videojs/html 10.0.0-rc.4 → 10.0.0

package/dist/dev/extensions/google-cast/extension.js

@@ -1,20 +1,21 @@
-import { MediaExtensionElement } from "../media-extension-element.js";
+import { PlayerExtensionElement } from "../player-extension-element.js";
 import { GoogleCastExtension } from "@videojs/google-cast";
 //#region src/extensions/google-cast/extension.ts
 /**
-* Adds the Google Cast extension to the surrounding player's media.
+* Adds the Google Cast extension to the surrounding player.
 *
-* Renders nothing — place it inside the player as a sibling of the media element and it follows the active media.
+* Renders nothing — place it inside the player and it follows whatever media the player attaches, a plain `<video>`
+* included.
 *
 * @example
 *   ```html
 *   <video-player>
-*   <hlsjs-video src="https://example.com/stream.m3u8"></hlsjs-video>
+*   <video src="https://example.com/video.mp4"></video>
 *   <google-cast receiver="YOUR_APP_ID"></google-cast>
 *   </video-player>
 *   ```;
 */
-var GoogleCastExtension$1 = class extends MediaExtensionElement {
+var GoogleCastExtension$1 = class extends PlayerExtensionElement {
 	static {
 		this.tagName = "google-cast";
 	}
@@ -32,43 +33,43 @@ var GoogleCastExtension$1 = class extends MediaExtensionElement {
 			receiver: { type: String }
 		};
 	}
-	createComponent() {
+	createExtension() {
 		return new GoogleCastExtension();
 	}
-	/** Source URL loaded on the Cast receiver. Falls back to the media's `src` / `currentSrc`. */
+	/** Source URL loaded on the Cast receiver. Falls back to the source the media is playing. */
 	get src() {
-		return this.component.src ?? "";
+		return this.extension.src ?? "";
 	}
 	set src(value) {
-		this.component.src = value ?? void 0;
+		this.extension.src = value ?? void 0;
 	}
 	/** MIME type of the Cast source. When unset, the receiver infers it from the URL. */
 	get contentType() {
-		return this.component.contentType;
+		return this.extension.contentType;
 	}
 	set contentType(value) {
-		this.component.contentType = value ?? void 0;
+		this.extension.contentType = value ?? void 0;
 	}
 	/** Stream type used on the Cast receiver. Falls back to the media's `streamType`. */
 	get streamType() {
-		return this.component.streamType;
+		return this.extension.streamType;
 	}
 	set streamType(value) {
-		this.component.streamType = value ?? void 0;
+		this.extension.streamType = value ?? void 0;
 	}
 	/** Cast receiver application ID. Defaults to Google's default media receiver. */
 	get receiver() {
-		return this.component.receiver;
+		return this.extension.receiver;
 	}
 	set receiver(value) {
-		this.component.receiver = value ?? void 0;
+		this.extension.receiver = value ?? void 0;
 	}
 	/** Custom data sent to the Cast receiver with the load request. */
 	get customData() {
-		return this.component.customData;
+		return this.extension.customData;
 	}
 	set customData(value) {
-		this.component.customData = value;
+		this.extension.customData = value;
 	}
 };
 //#endregion

package/dist/dev/extensions/google-cast/extension.js.map

@@ -1 +1 @@
-{"version":3,"file":"extension.js","names":["GoogleCastExtension","GoogleCastExtensionBase"],"sources":["../../../../src/extensions/google-cast/extension.ts"],"sourcesContent":["import type { PropertyDeclarationMap } from '@videojs/element';\nimport { GoogleCastExtension as GoogleCastExtensionBase, type GoogleCastExtensionProps } from '@videojs/google-cast';\n\nimport { MediaExtensionElement } from '../media-extension-element';\n\n/**\n * Adds the Google Cast extension to the surrounding player's media.\n *\n * Renders nothing — place it inside the player as a sibling of the media element and it follows the active media.\n *\n * @example\n *   ```html\n *   <video-player>\n *   <hlsjs-video src=\"https://example.com/stream.m3u8\"></hlsjs-video>\n *   <google-cast receiver=\"YOUR_APP_ID\"></google-cast>\n *   </video-player>\n *   ```;\n */\nexport class GoogleCastExtension extends MediaExtensionElement<GoogleCastExtensionBase> {\n  static readonly tagName = 'google-cast';\n\n  static override properties = {\n    src: { type: String },\n    contentType: { type: String, attribute: 'content-type' },\n    streamType: { type: String, attribute: 'stream-type' },\n    receiver: { type: String },\n    // `customData` takes an object, so it's a property-only prop.\n  } satisfies PropertyDeclarationMap<Exclude<keyof GoogleCastExtensionProps, 'customData'>>;\n\n  protected createComponent(): GoogleCastExtensionBase {\n    return new GoogleCastExtensionBase();\n  }\n\n  /** Source URL loaded on the Cast receiver. Falls back to the media's `src` / `currentSrc`. */\n  get src(): string {\n    return this.component.src ?? '';\n  }\n\n  set src(value: string | null | undefined) {\n    this.component.src = value ?? undefined;\n  }\n\n  /** MIME type of the Cast source. When unset, the receiver infers it from the URL. */\n  get contentType(): string | undefined {\n    return this.component.contentType;\n  }\n\n  set contentType(value: string | null | undefined) {\n    this.component.contentType = value ?? undefined;\n  }\n\n  /** Stream type used on the Cast receiver. Falls back to the media's `streamType`. */\n  get streamType(): GoogleCastExtensionProps['streamType'] {\n    return this.component.streamType;\n  }\n\n  set streamType(value: GoogleCastExtensionProps['streamType'] | null) {\n    this.component.streamType = value ?? undefined;\n  }\n\n  /** Cast receiver application ID. Defaults to Google's default media receiver. */\n  get receiver(): string | undefined {\n    return this.component.receiver;\n  }\n\n  set receiver(value: string | null | undefined) {\n    this.component.receiver = value ?? undefined;\n  }\n\n  /** Custom data sent to the Cast receiver with the load request. */\n  get customData(): GoogleCastExtensionProps['customData'] {\n    return this.component.customData;\n  }\n\n  set customData(value: GoogleCastExtensionProps['customData']) {\n    this.component.customData = value;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAkBA,IAAaA,wBAAb,cAAyC,sBAA+C;;EAC5D,KAAA,UAAA;;;EAEG,KAAA,aAAA;GAC3B,KAAK,EAAE,MAAM,OAAO;GACpB,aAAa;IAAE,MAAM;IAAQ,WAAW;GAAe;GACvD,YAAY;IAAE,MAAM;IAAQ,WAAW;GAAc;GACrD,UAAU,EAAE,MAAM,OAAO;EAE3B;;CAEA,kBAAqD;EACnD,OAAO,IAAIC,oBAAwB;CACrC;;CAGA,IAAI,MAAc;EAChB,OAAO,KAAK,UAAU,OAAO;CAC/B;CAEA,IAAI,IAAI,OAAkC;EACxC,KAAK,UAAU,MAAM,SAAS,KAAA;CAChC;;CAGA,IAAI,cAAkC;EACpC,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,YAAY,OAAkC;EAChD,KAAK,UAAU,cAAc,SAAS,KAAA;CACxC;;CAGA,IAAI,aAAqD;EACvD,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,WAAW,OAAsD;EACnE,KAAK,UAAU,aAAa,SAAS,KAAA;CACvC;;CAGA,IAAI,WAA+B;EACjC,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,SAAS,OAAkC;EAC7C,KAAK,UAAU,WAAW,SAAS,KAAA;CACrC;;CAGA,IAAI,aAAqD;EACvD,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,WAAW,OAA+C;EAC5D,KAAK,UAAU,aAAa;CAC9B;AACF"}
+{"version":3,"file":"extension.js","names":["GoogleCastExtension","GoogleCastExtensionBase"],"sources":["../../../../src/extensions/google-cast/extension.ts"],"sourcesContent":["import type { PropertyDeclarationMap } from '@videojs/element';\nimport { GoogleCastExtension as GoogleCastExtensionBase, type GoogleCastExtensionProps } from '@videojs/google-cast';\n\nimport { PlayerExtensionElement } from '../player-extension-element';\n\n/**\n * Adds the Google Cast extension to the surrounding player.\n *\n * Renders nothing — place it inside the player and it follows whatever media the player attaches, a plain `<video>`\n * included.\n *\n * @example\n *   ```html\n *   <video-player>\n *   <video src=\"https://example.com/video.mp4\"></video>\n *   <google-cast receiver=\"YOUR_APP_ID\"></google-cast>\n *   </video-player>\n *   ```;\n */\nexport class GoogleCastExtension extends PlayerExtensionElement<GoogleCastExtensionBase> {\n  static readonly tagName = 'google-cast';\n\n  static override properties = {\n    src: { type: String },\n    contentType: { type: String, attribute: 'content-type' },\n    streamType: { type: String, attribute: 'stream-type' },\n    receiver: { type: String },\n    // `customData` takes an object, so it's a property-only prop.\n  } satisfies PropertyDeclarationMap<Exclude<keyof GoogleCastExtensionProps, 'customData'>>;\n\n  protected createExtension(): GoogleCastExtensionBase {\n    return new GoogleCastExtensionBase();\n  }\n\n  /** Source URL loaded on the Cast receiver. Falls back to the source the media is playing. */\n  get src(): string {\n    return this.extension.src ?? '';\n  }\n\n  set src(value: string | null | undefined) {\n    this.extension.src = value ?? undefined;\n  }\n\n  /** MIME type of the Cast source. When unset, the receiver infers it from the URL. */\n  get contentType(): string | undefined {\n    return this.extension.contentType;\n  }\n\n  set contentType(value: string | null | undefined) {\n    this.extension.contentType = value ?? undefined;\n  }\n\n  /** Stream type used on the Cast receiver. Falls back to the media's `streamType`. */\n  get streamType(): GoogleCastExtensionProps['streamType'] {\n    return this.extension.streamType;\n  }\n\n  set streamType(value: GoogleCastExtensionProps['streamType'] | null) {\n    this.extension.streamType = value ?? undefined;\n  }\n\n  /** Cast receiver application ID. Defaults to Google's default media receiver. */\n  get receiver(): string | undefined {\n    return this.extension.receiver;\n  }\n\n  set receiver(value: string | null | undefined) {\n    this.extension.receiver = value ?? undefined;\n  }\n\n  /** Custom data sent to the Cast receiver with the load request. */\n  get customData(): GoogleCastExtensionProps['customData'] {\n    return this.extension.customData;\n  }\n\n  set customData(value: GoogleCastExtensionProps['customData']) {\n    this.extension.customData = value;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAmBA,IAAaA,wBAAb,cAAyC,uBAAgD;;EAC7D,KAAA,UAAA;;;EAEG,KAAA,aAAA;GAC3B,KAAK,EAAE,MAAM,OAAO;GACpB,aAAa;IAAE,MAAM;IAAQ,WAAW;GAAe;GACvD,YAAY;IAAE,MAAM;IAAQ,WAAW;GAAc;GACrD,UAAU,EAAE,MAAM,OAAO;EAE3B;;CAEA,kBAAqD;EACnD,OAAO,IAAIC,oBAAwB;CACrC;;CAGA,IAAI,MAAc;EAChB,OAAO,KAAK,UAAU,OAAO;CAC/B;CAEA,IAAI,IAAI,OAAkC;EACxC,KAAK,UAAU,MAAM,SAAS,KAAA;CAChC;;CAGA,IAAI,cAAkC;EACpC,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,YAAY,OAAkC;EAChD,KAAK,UAAU,cAAc,SAAS,KAAA;CACxC;;CAGA,IAAI,aAAqD;EACvD,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,WAAW,OAAsD;EACnE,KAAK,UAAU,aAAa,SAAS,KAAA;CACvC;;CAGA,IAAI,WAA+B;EACjC,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,SAAS,OAAkC;EAC7C,KAAK,UAAU,WAAW,SAAS,KAAA;CACrC;;CAGA,IAAI,aAAqD;EACvD,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,WAAW,OAA+C;EAC5D,KAAK,UAAU,aAAa;CAC9B;AACF"}

package/dist/dev/extensions/mux-data/extension.d.ts

@@ -1,10 +1,10 @@
-import { MediaExtensionElement } from "../media-extension-element.js";
+import { PlayerExtensionElement } from "../player-extension-element.js";
 import { MuxDataExtension, MuxDataExtensionProps } from "@videojs/mux-data";
 //#region src/extensions/mux-data/extension.d.ts
 /**
- * Adds the [Mux Data](https://www.mux.com/data) extension to the surrounding player's media.
+ * Adds the [Mux Data](https://www.mux.com/data) extension to the surrounding player.
  *
- * Renders nothing — place it inside the player as a sibling of the media element and it follows the active media.
+ * Renders nothing — place it inside the player and it follows whatever media the player attaches.
  *
  * Mux-hosted playback needs no `env-key`: the view reports the Mux playback ID as its `video_id`, which Mux attributes
  * to the owning environment. Set `env-key` to monitor sources Mux doesn't host.
@@ -20,7 +20,7 @@ import { MuxDataExtension, MuxDataExtensionProps } from "@videojs/mux-data";
  *   </video-player>
  *   ```;
  */
-declare class MuxDataExtension$1 extends MediaExtensionElement<MuxDataExtension> {
+declare class MuxDataExtension$1 extends PlayerExtensionElement<MuxDataExtension> {
   static readonly tagName = "mux-data";
   static properties: {
     envKey: {
@@ -51,7 +51,7 @@ declare class MuxDataExtension$1 extends MediaExtensionElement<MuxDataExtension>
       attribute: string;
     };
   };
-  protected createComponent(): MuxDataExtension;
+  protected createExtension(): MuxDataExtension;
   /** Mux Data environment key for the beacons. Optional for Mux-hosted playback. */
   get envKey(): string | undefined;
   set envKey(value: string | null | undefined);
@@ -70,7 +70,7 @@ declare class MuxDataExtension$1 extends MediaExtensionElement<MuxDataExtension>
   /** Player software version reported to Mux Data. Defaults to the Video.js version. */
   get playerSoftwareVersion(): string | undefined;
   set playerSoftwareVersion(value: string | null | undefined);
-  /** Epoch milliseconds the player was initialized. Defaults to the component's creation time. */
+  /** Epoch milliseconds the player was initialized. Defaults to when the player was created. */
   get playerInitTime(): number | undefined;
   set playerInitTime(value: number | null | undefined);
   /** Custom view metadata forwarded to the Mux Data SDK. */

package/dist/dev/extensions/mux-data/extension.js

@@ -1,10 +1,10 @@
-import { MediaExtensionElement } from "../media-extension-element.js";
+import { PlayerExtensionElement } from "../player-extension-element.js";
 import { MuxDataExtension } from "@videojs/mux-data";
 //#region src/extensions/mux-data/extension.ts
 /**
-* Adds the [Mux Data](https://www.mux.com/data) extension to the surrounding player's media.
+* Adds the [Mux Data](https://www.mux.com/data) extension to the surrounding player.
 *
-* Renders nothing — place it inside the player as a sibling of the media element and it follows the active media.
+* Renders nothing — place it inside the player and it follows whatever media the player attaches.
 *
 * Mux-hosted playback needs no `env-key`: the view reports the Mux playback ID as its `video_id`, which Mux attributes
 * to the owning environment. Set `env-key` to monitor sources Mux doesn't host.
@@ -20,7 +20,7 @@ import { MuxDataExtension } from "@videojs/mux-data";
 *   </video-player>
 *   ```;
 */
-var MuxDataExtension$1 = class extends MediaExtensionElement {
+var MuxDataExtension$1 = class extends PlayerExtensionElement {
 	static {
 		this.tagName = "mux-data";
 	}
@@ -53,71 +53,71 @@ var MuxDataExtension$1 = class extends MediaExtensionElement {
 			}
 		};
 	}
-	createComponent() {
+	createExtension() {
 		return new MuxDataExtension();
 	}
 	/** Mux Data environment key for the beacons. Optional for Mux-hosted playback. */
 	get envKey() {
-		return this.component.envKey;
+		return this.extension.envKey;
 	}
 	set envKey(value) {
-		this.component.envKey = value ?? void 0;
+		this.extension.envKey = value ?? void 0;
 	}
 	/** Custom domain beacons are sent to. */
 	get beaconCollectionDomain() {
-		return this.component.beaconCollectionDomain;
+		return this.extension.beaconCollectionDomain;
 	}
 	set beaconCollectionDomain(value) {
-		this.component.beaconCollectionDomain = value ?? void 0;
+		this.extension.beaconCollectionDomain = value ?? void 0;
 	}
 	/** Enables Mux Data SDK debug logging. */
 	get debug() {
-		return this.component.debug;
+		return this.extension.debug;
 	}
 	set debug(value) {
-		this.component.debug = value;
+		this.extension.debug = value;
 	}
 	/** Disables Mux Data SDK cookies. */
 	get disableCookies() {
-		return this.component.disableCookies;
+		return this.extension.disableCookies;
 	}
 	set disableCookies(value) {
-		this.component.disableCookies = value;
+		this.extension.disableCookies = value;
 	}
 	/** Player software name reported to Mux Data (e.g. `mux-video`). */
 	get playerSoftwareName() {
-		return this.component.playerSoftwareName;
+		return this.extension.playerSoftwareName;
 	}
 	set playerSoftwareName(value) {
-		this.component.playerSoftwareName = value ?? void 0;
+		this.extension.playerSoftwareName = value ?? void 0;
 	}
 	/** Player software version reported to Mux Data. Defaults to the Video.js version. */
 	get playerSoftwareVersion() {
-		return this.component.playerSoftwareVersion;
+		return this.extension.playerSoftwareVersion;
 	}
 	set playerSoftwareVersion(value) {
-		this.component.playerSoftwareVersion = value ?? void 0;
+		this.extension.playerSoftwareVersion = value ?? void 0;
 	}
-	/** Epoch milliseconds the player was initialized. Defaults to the component's creation time. */
+	/** Epoch milliseconds the player was initialized. Defaults to when the player was created. */
 	get playerInitTime() {
-		return this.component.playerInitTime;
+		return this.extension.playerInitTime;
 	}
 	set playerInitTime(value) {
-		this.component.playerInitTime = value ?? void 0;
+		this.extension.playerInitTime = value ?? void 0;
 	}
 	/** Custom view metadata forwarded to the Mux Data SDK. */
 	get metadata() {
-		return this.component.metadata;
+		return this.extension.metadata;
 	}
 	set metadata(value) {
-		this.component.metadata = value;
+		this.extension.metadata = value;
 	}
 	/** Mux Data SDK used for monitoring. Set to `undefined` to disable monitoring. */
 	get MuxDataSdk() {
-		return this.component.MuxDataSdk;
+		return this.extension.MuxDataSdk;
 	}
 	set MuxDataSdk(value) {
-		this.component.MuxDataSdk = value;
+		this.extension.MuxDataSdk = value;
 	}
 };
 //#endregion

package/dist/dev/extensions/mux-data/extension.js.map

@@ -1 +1 @@
-{"version":3,"file":"extension.js","names":["MuxDataExtension","MuxDataExtensionBase"],"sources":["../../../../src/extensions/mux-data/extension.ts"],"sourcesContent":["import type { PropertyDeclarationMap } from '@videojs/element';\nimport { MuxDataExtension as MuxDataExtensionBase, type MuxDataExtensionProps } from '@videojs/mux-data';\n\nimport { MediaExtensionElement } from '../media-extension-element';\n\n/**\n * Adds the [Mux Data](https://www.mux.com/data) extension to the surrounding player's media.\n *\n * Renders nothing — place it inside the player as a sibling of the media element and it follows the active media.\n *\n * Mux-hosted playback needs no `env-key`: the view reports the Mux playback ID as its `video_id`, which Mux attributes\n * to the owning environment. Set `env-key` to monitor sources Mux doesn't host.\n *\n * Any media element works. When the media plays through an hls.js or dash.js engine, that engine is handed to the Mux\n * Data SDK so the view also carries stream-level detail such as rendition switches and request timing.\n *\n * @example\n *   ```html\n *   <video-player>\n *   <mux-video src=\"https://stream.mux.com/abc123.m3u8\"></mux-video>\n *   <mux-data player-software-name=\"mux-video\"></mux-data>\n *   </video-player>\n *   ```;\n */\nexport class MuxDataExtension extends MediaExtensionElement<MuxDataExtensionBase> {\n  static readonly tagName = 'mux-data';\n\n  static override properties = {\n    envKey: { type: String, attribute: 'env-key' },\n    beaconCollectionDomain: { type: String, attribute: 'beacon-collection-domain' },\n    debug: { type: Boolean },\n    disableCookies: { type: Boolean, attribute: 'disable-cookies' },\n    playerSoftwareName: { type: String, attribute: 'player-software-name' },\n    playerSoftwareVersion: { type: String, attribute: 'player-software-version' },\n    playerInitTime: { type: Number, attribute: 'player-init-time' },\n    // `metadata` and `MuxDataSdk` take objects, so they're property-only props.\n  } satisfies PropertyDeclarationMap<Exclude<keyof MuxDataExtensionProps, 'metadata' | 'MuxDataSdk'>>;\n\n  protected createComponent(): MuxDataExtensionBase {\n    return new MuxDataExtensionBase();\n  }\n\n  /** Mux Data environment key for the beacons. Optional for Mux-hosted playback. */\n  get envKey(): string | undefined {\n    return this.component.envKey;\n  }\n\n  set envKey(value: string | null | undefined) {\n    this.component.envKey = value ?? undefined;\n  }\n\n  /** Custom domain beacons are sent to. */\n  get beaconCollectionDomain(): string | undefined {\n    return this.component.beaconCollectionDomain;\n  }\n\n  set beaconCollectionDomain(value: string | null | undefined) {\n    this.component.beaconCollectionDomain = value ?? undefined;\n  }\n\n  /** Enables Mux Data SDK debug logging. */\n  get debug(): boolean {\n    return this.component.debug;\n  }\n\n  set debug(value: boolean) {\n    this.component.debug = value;\n  }\n\n  /** Disables Mux Data SDK cookies. */\n  get disableCookies(): boolean {\n    return this.component.disableCookies;\n  }\n\n  set disableCookies(value: boolean) {\n    this.component.disableCookies = value;\n  }\n\n  /** Player software name reported to Mux Data (e.g. `mux-video`). */\n  get playerSoftwareName(): string | undefined {\n    return this.component.playerSoftwareName;\n  }\n\n  set playerSoftwareName(value: string | null | undefined) {\n    this.component.playerSoftwareName = value ?? undefined;\n  }\n\n  /** Player software version reported to Mux Data. Defaults to the Video.js version. */\n  get playerSoftwareVersion(): string | undefined {\n    return this.component.playerSoftwareVersion;\n  }\n\n  set playerSoftwareVersion(value: string | null | undefined) {\n    this.component.playerSoftwareVersion = value ?? undefined;\n  }\n\n  /** Epoch milliseconds the player was initialized. Defaults to the component's creation time. */\n  get playerInitTime(): number | undefined {\n    return this.component.playerInitTime;\n  }\n\n  set playerInitTime(value: number | null | undefined) {\n    this.component.playerInitTime = value ?? undefined;\n  }\n\n  /** Custom view metadata forwarded to the Mux Data SDK. */\n  get metadata(): MuxDataExtensionProps['metadata'] {\n    return this.component.metadata;\n  }\n\n  set metadata(value: MuxDataExtensionProps['metadata']) {\n    this.component.metadata = value;\n  }\n\n  /** Mux Data SDK used for monitoring. Set to `undefined` to disable monitoring. */\n  get MuxDataSdk(): MuxDataExtensionProps['MuxDataSdk'] {\n    return this.component.MuxDataSdk;\n  }\n\n  set MuxDataSdk(value: MuxDataExtensionProps['MuxDataSdk']) {\n    this.component.MuxDataSdk = value;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAaA,qBAAb,cAAsC,sBAA4C;;EACtD,KAAA,UAAA;;;EAEG,KAAA,aAAA;GAC3B,QAAQ;IAAE,MAAM;IAAQ,WAAW;GAAU;GAC7C,wBAAwB;IAAE,MAAM;IAAQ,WAAW;GAA2B;GAC9E,OAAO,EAAE,MAAM,QAAQ;GACvB,gBAAgB;IAAE,MAAM;IAAS,WAAW;GAAkB;GAC9D,oBAAoB;IAAE,MAAM;IAAQ,WAAW;GAAuB;GACtE,uBAAuB;IAAE,MAAM;IAAQ,WAAW;GAA0B;GAC5E,gBAAgB;IAAE,MAAM;IAAQ,WAAW;GAAmB;EAEhE;;CAEA,kBAAkD;EAChD,OAAO,IAAIC,iBAAqB;CAClC;;CAGA,IAAI,SAA6B;EAC/B,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,OAAO,OAAkC;EAC3C,KAAK,UAAU,SAAS,SAAS,KAAA;CACnC;;CAGA,IAAI,yBAA6C;EAC/C,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,uBAAuB,OAAkC;EAC3D,KAAK,UAAU,yBAAyB,SAAS,KAAA;CACnD;;CAGA,IAAI,QAAiB;EACnB,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,MAAM,OAAgB;EACxB,KAAK,UAAU,QAAQ;CACzB;;CAGA,IAAI,iBAA0B;EAC5B,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,eAAe,OAAgB;EACjC,KAAK,UAAU,iBAAiB;CAClC;;CAGA,IAAI,qBAAyC;EAC3C,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,mBAAmB,OAAkC;EACvD,KAAK,UAAU,qBAAqB,SAAS,KAAA;CAC/C;;CAGA,IAAI,wBAA4C;EAC9C,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,sBAAsB,OAAkC;EAC1D,KAAK,UAAU,wBAAwB,SAAS,KAAA;CAClD;;CAGA,IAAI,iBAAqC;EACvC,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,eAAe,OAAkC;EACnD,KAAK,UAAU,iBAAiB,SAAS,KAAA;CAC3C;;CAGA,IAAI,WAA8C;EAChD,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,SAAS,OAA0C;EACrD,KAAK,UAAU,WAAW;CAC5B;;CAGA,IAAI,aAAkD;EACpD,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,WAAW,OAA4C;EACzD,KAAK,UAAU,aAAa;CAC9B;AACF"}
+{"version":3,"file":"extension.js","names":["MuxDataExtension","MuxDataExtensionBase"],"sources":["../../../../src/extensions/mux-data/extension.ts"],"sourcesContent":["import type { PropertyDeclarationMap } from '@videojs/element';\nimport { MuxDataExtension as MuxDataExtensionBase, type MuxDataExtensionProps } from '@videojs/mux-data';\n\nimport { PlayerExtensionElement } from '../player-extension-element';\n\n/**\n * Adds the [Mux Data](https://www.mux.com/data) extension to the surrounding player.\n *\n * Renders nothing — place it inside the player and it follows whatever media the player attaches.\n *\n * Mux-hosted playback needs no `env-key`: the view reports the Mux playback ID as its `video_id`, which Mux attributes\n * to the owning environment. Set `env-key` to monitor sources Mux doesn't host.\n *\n * Any media element works. When the media plays through an hls.js or dash.js engine, that engine is handed to the Mux\n * Data SDK so the view also carries stream-level detail such as rendition switches and request timing.\n *\n * @example\n *   ```html\n *   <video-player>\n *   <mux-video src=\"https://stream.mux.com/abc123.m3u8\"></mux-video>\n *   <mux-data player-software-name=\"mux-video\"></mux-data>\n *   </video-player>\n *   ```;\n */\nexport class MuxDataExtension extends PlayerExtensionElement<MuxDataExtensionBase> {\n  static readonly tagName = 'mux-data';\n\n  static override properties = {\n    envKey: { type: String, attribute: 'env-key' },\n    beaconCollectionDomain: { type: String, attribute: 'beacon-collection-domain' },\n    debug: { type: Boolean },\n    disableCookies: { type: Boolean, attribute: 'disable-cookies' },\n    playerSoftwareName: { type: String, attribute: 'player-software-name' },\n    playerSoftwareVersion: { type: String, attribute: 'player-software-version' },\n    playerInitTime: { type: Number, attribute: 'player-init-time' },\n    // `metadata` and `MuxDataSdk` take objects, so they're property-only props.\n  } satisfies PropertyDeclarationMap<Exclude<keyof MuxDataExtensionProps, 'metadata' | 'MuxDataSdk'>>;\n\n  protected createExtension(): MuxDataExtensionBase {\n    return new MuxDataExtensionBase();\n  }\n\n  /** Mux Data environment key for the beacons. Optional for Mux-hosted playback. */\n  get envKey(): string | undefined {\n    return this.extension.envKey;\n  }\n\n  set envKey(value: string | null | undefined) {\n    this.extension.envKey = value ?? undefined;\n  }\n\n  /** Custom domain beacons are sent to. */\n  get beaconCollectionDomain(): string | undefined {\n    return this.extension.beaconCollectionDomain;\n  }\n\n  set beaconCollectionDomain(value: string | null | undefined) {\n    this.extension.beaconCollectionDomain = value ?? undefined;\n  }\n\n  /** Enables Mux Data SDK debug logging. */\n  get debug(): boolean {\n    return this.extension.debug;\n  }\n\n  set debug(value: boolean) {\n    this.extension.debug = value;\n  }\n\n  /** Disables Mux Data SDK cookies. */\n  get disableCookies(): boolean {\n    return this.extension.disableCookies;\n  }\n\n  set disableCookies(value: boolean) {\n    this.extension.disableCookies = value;\n  }\n\n  /** Player software name reported to Mux Data (e.g. `mux-video`). */\n  get playerSoftwareName(): string | undefined {\n    return this.extension.playerSoftwareName;\n  }\n\n  set playerSoftwareName(value: string | null | undefined) {\n    this.extension.playerSoftwareName = value ?? undefined;\n  }\n\n  /** Player software version reported to Mux Data. Defaults to the Video.js version. */\n  get playerSoftwareVersion(): string | undefined {\n    return this.extension.playerSoftwareVersion;\n  }\n\n  set playerSoftwareVersion(value: string | null | undefined) {\n    this.extension.playerSoftwareVersion = value ?? undefined;\n  }\n\n  /** Epoch milliseconds the player was initialized. Defaults to when the player was created. */\n  get playerInitTime(): number | undefined {\n    return this.extension.playerInitTime;\n  }\n\n  set playerInitTime(value: number | null | undefined) {\n    this.extension.playerInitTime = value ?? undefined;\n  }\n\n  /** Custom view metadata forwarded to the Mux Data SDK. */\n  get metadata(): MuxDataExtensionProps['metadata'] {\n    return this.extension.metadata;\n  }\n\n  set metadata(value: MuxDataExtensionProps['metadata']) {\n    this.extension.metadata = value;\n  }\n\n  /** Mux Data SDK used for monitoring. Set to `undefined` to disable monitoring. */\n  get MuxDataSdk(): MuxDataExtensionProps['MuxDataSdk'] {\n    return this.extension.MuxDataSdk;\n  }\n\n  set MuxDataSdk(value: MuxDataExtensionProps['MuxDataSdk']) {\n    this.extension.MuxDataSdk = value;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAaA,qBAAb,cAAsC,uBAA6C;;EACvD,KAAA,UAAA;;;EAEG,KAAA,aAAA;GAC3B,QAAQ;IAAE,MAAM;IAAQ,WAAW;GAAU;GAC7C,wBAAwB;IAAE,MAAM;IAAQ,WAAW;GAA2B;GAC9E,OAAO,EAAE,MAAM,QAAQ;GACvB,gBAAgB;IAAE,MAAM;IAAS,WAAW;GAAkB;GAC9D,oBAAoB;IAAE,MAAM;IAAQ,WAAW;GAAuB;GACtE,uBAAuB;IAAE,MAAM;IAAQ,WAAW;GAA0B;GAC5E,gBAAgB;IAAE,MAAM;IAAQ,WAAW;GAAmB;EAEhE;;CAEA,kBAAkD;EAChD,OAAO,IAAIC,iBAAqB;CAClC;;CAGA,IAAI,SAA6B;EAC/B,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,OAAO,OAAkC;EAC3C,KAAK,UAAU,SAAS,SAAS,KAAA;CACnC;;CAGA,IAAI,yBAA6C;EAC/C,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,uBAAuB,OAAkC;EAC3D,KAAK,UAAU,yBAAyB,SAAS,KAAA;CACnD;;CAGA,IAAI,QAAiB;EACnB,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,MAAM,OAAgB;EACxB,KAAK,UAAU,QAAQ;CACzB;;CAGA,IAAI,iBAA0B;EAC5B,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,eAAe,OAAgB;EACjC,KAAK,UAAU,iBAAiB;CAClC;;CAGA,IAAI,qBAAyC;EAC3C,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,mBAAmB,OAAkC;EACvD,KAAK,UAAU,qBAAqB,SAAS,KAAA;CAC/C;;CAGA,IAAI,wBAA4C;EAC9C,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,sBAAsB,OAAkC;EAC1D,KAAK,UAAU,wBAAwB,SAAS,KAAA;CAClD;;CAGA,IAAI,iBAAqC;EACvC,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,eAAe,OAAkC;EACnD,KAAK,UAAU,iBAAiB,SAAS,KAAA;CAC3C;;CAGA,IAAI,WAA8C;EAChD,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,SAAS,OAA0C;EACrD,KAAK,UAAU,WAAW;CAC5B;;CAGA,IAAI,aAAkD;EACpD,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,WAAW,OAA4C;EACzD,KAAK,UAAU,aAAa;CAC9B;AACF"}

package/dist/dev/extensions/player-extension-element.d.ts

@@ -0,0 +1,30 @@
+import { UIElement } from "../ui/ui-element.js";
+import { PlayerExtension } from "@videojs/core/dom";
+//#region src/extensions/player-extension-element.d.ts
+/**
+ * Abstract base for elements that register a player extension (e.g. Mux Data, Google Cast) with the surrounding player.
+ *
+ * Place anywhere inside a player. The extension is registered when the element connects, follows the player's media
+ * (plain `<video>` / `<audio>` included) through the player itself, is released when this element disconnects, and is
+ * destroyed with this element.
+ */
+export declare abstract class PlayerExtensionElement<Extension extends object> extends UIElement {
+  #private;
+  /**
+   * Create the player extension this element registers. Called once, lazily.
+   *
+   * Must be a method rather than a field: upgrading an element that is already in the document runs its constructor
+   * while connected, so the context callback below can fire before subclass field initializers have run.
+   *
+   * @internal Returning a `PlayerExtension` is what checks that the extension conforms, without making the player
+   *   extension contract part of every element's public types.
+   */
+  protected abstract createExtension(): Extension & PlayerExtension;
+  /** The player extension instance registered with the player. */
+  protected get extension(): Extension;
+  constructor();
+  disconnectedCallback(): void;
+  destroyCallback(): void;
+}
+//#endregion
+//# sourceMappingURL=player-extension-element.d.ts.map

package/dist/dev/extensions/player-extension-element.js

@@ -0,0 +1,51 @@
+import { extensionContext } from "../player/context.js";
+import { UIElement } from "../ui/ui-element.js";
+import { ContextConsumer } from "@videojs/element/context";
+//#region src/extensions/player-extension-element.ts
+/**
+* Abstract base for elements that register a player extension (e.g. Mux Data, Google Cast) with the surrounding player.
+*
+* Place anywhere inside a player. The extension is registered when the element connects, follows the player's media
+* (plain `<video>` / `<audio>` included) through the player itself, is released when this element disconnects, and is
+* destroyed with this element.
+*/
+var PlayerExtensionElement = class extends UIElement {
+	#extension = null;
+	#register = null;
+	#release = null;
+	/** The player extension instance registered with the player. */
+	get extension() {
+		return this.#getExtension();
+	}
+	constructor() {
+		super();
+		new ContextConsumer(this, {
+			context: extensionContext,
+			subscribe: true,
+			callback: (value) => this.#setRegister(value.registerExtension)
+		});
+	}
+	disconnectedCallback() {
+		this.#setRegister(null);
+		super.disconnectedCallback();
+	}
+	destroyCallback() {
+		this.#setRegister(null);
+		this.#extension?.destroy?.();
+		super.destroyCallback();
+	}
+	#setRegister(register) {
+		if (this.#register === register) return;
+		this.#release?.();
+		this.#release = null;
+		this.#register = register;
+		if (register) this.#release = register(this.#getExtension());
+	}
+	#getExtension() {
+		return this.#extension ??= this.createExtension();
+	}
+};
+//#endregion
+export { PlayerExtensionElement };
+
+//# sourceMappingURL=player-extension-element.js.map

package/dist/dev/extensions/player-extension-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"player-extension-element.js","names":[],"sources":["../../../src/extensions/player-extension-element.ts"],"sourcesContent":["import type { PlayerExtension } from '@videojs/core/dom';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { type ExtensionContextValue, extensionContext } from '../player/context';\nimport { UIElement } from '../ui/ui-element';\n\n/**\n * Abstract base for elements that register a player extension (e.g. Mux Data, Google Cast) with the surrounding player.\n *\n * Place anywhere inside a player. The extension is registered when the element connects, follows the player's media\n * (plain `<video>` / `<audio>` included) through the player itself, is released when this element disconnects, and is\n * destroyed with this element.\n */\nexport abstract class PlayerExtensionElement<Extension extends object> extends UIElement {\n  #extension: (Extension & PlayerExtension) | null = null;\n  #register: ExtensionContextValue['registerExtension'] | null = null;\n  #release: (() => void) | null = null;\n\n  /**\n   * Create the player extension this element registers. Called once, lazily.\n   *\n   * Must be a method rather than a field: upgrading an element that is already in the document runs its constructor\n   * while connected, so the context callback below can fire before subclass field initializers have run.\n   *\n   * @internal Returning a `PlayerExtension` is what checks that the extension conforms, without making the player\n   *   extension contract part of every element's public types.\n   */\n  protected abstract createExtension(): Extension & PlayerExtension;\n\n  /** The player extension instance registered with the player. */\n  protected get extension(): Extension {\n    return this.#getExtension();\n  }\n\n  constructor() {\n    super();\n    // Registers itself as a controller on this element; re-requests on reconnect.\n    new ContextConsumer(this, {\n      context: extensionContext,\n      subscribe: true,\n      callback: (value) => this.#setRegister(value.registerExtension),\n    });\n  }\n\n  override disconnectedCallback(): void {\n    // Release while the player is still live so the extension can clean up against the real media.\n    this.#setRegister(null);\n    super.disconnectedCallback();\n  }\n\n  override destroyCallback(): void {\n    this.#setRegister(null);\n    // Don't create an extension just to destroy it.\n    this.#extension?.destroy?.();\n    super.destroyCallback();\n  }\n\n  #setRegister(register: ExtensionContextValue['registerExtension'] | null): void {\n    if (this.#register === register) return;\n\n    this.#release?.();\n    this.#release = null;\n    this.#register = register;\n\n    if (register) this.#release = register(this.#getExtension());\n  }\n\n  #getExtension(): Extension & PlayerExtension {\n    return (this.#extension ??= this.createExtension());\n  }\n}\n"],"mappings":";;;;;;;;;;;AAaA,IAAsB,yBAAtB,cAA+E,UAAU;CACvF,aAAmD;CACnD,YAA+D;CAC/D,WAAgC;;CAchC,IAAc,YAAuB;EACnC,OAAO,KAAK,cAAc;CAC5B;CAEA,cAAc;EACZ,MAAM;EAEN,IAAI,gBAAgB,MAAM;GACxB,SAAS;GACT,WAAW;GACX,WAAW,UAAU,KAAK,aAAa,MAAM,iBAAiB;EAChE,CAAC;CACH;CAEA,uBAAsC;EAEpC,KAAK,aAAa,IAAI;EACtB,MAAM,qBAAqB;CAC7B;CAEA,kBAAiC;EAC/B,KAAK,aAAa,IAAI;EAEtB,KAAK,YAAY,UAAU;EAC3B,MAAM,gBAAgB;CACxB;CAEA,aAAa,UAAmE;EAC9E,IAAI,KAAK,cAAc,UAAU;EAEjC,KAAK,WAAW;EAChB,KAAK,WAAW;EAChB,KAAK,YAAY;EAEjB,IAAI,UAAU,KAAK,WAAW,SAAS,KAAK,cAAc,CAAC;CAC7D;CAEA,gBAA6C;EAC3C,OAAQ,KAAK,eAAe,KAAK,gBAAgB;CACnD;AACF"}

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

@@ -1,19 +1,18 @@
 import { Context } from "@videojs/element/context";
 import { Locale, Translator } from "@videojs/core/i18n";
 //#region src/i18n/context.d.ts
-declare const I18N_CONTEXT_KEY: unique symbol;
-type I18nContextValue = {
+export declare const I18N_CONTEXT_KEY: unique symbol;
+export type I18nContextValue = {
   translator: Translator;
   locale: Locale;
 };
 /** Per-factory context identity (see {@link createI18n}). */
-type I18nContext = Context<symbol, I18nContextValue>;
+export type I18nContext = Context<symbol, I18nContextValue>;
 /**
  * The default HTML context carrying the active translator and locale.
  *
  * @public
  */
-declare const i18nContext: Context<typeof I18N_CONTEXT_KEY, I18nContextValue>;
+export declare const i18nContext: Context<typeof I18N_CONTEXT_KEY, I18nContextValue>;
 //#endregion
-export { I18N_CONTEXT_KEY, I18nContext, I18nContextValue, i18nContext };
 //# sourceMappingURL=context.d.ts.map

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

@@ -2,9 +2,9 @@ import { I18nContext } from "./context.js";
 import { ReactiveController, ReactiveControllerHost } from "@videojs/element";
 import { Locale, Translator } from "@videojs/core/i18n";
 //#region src/i18n/controller.d.ts
-type I18nControllerHost = ReactiveControllerHost & HTMLElement;
+export type I18nControllerHost = ReactiveControllerHost & HTMLElement;
 /** Consumes an i18n context and updates its host when the translator or locale changes. */
-declare class I18nController implements ReactiveController {
+export declare class I18nController implements ReactiveController {
   #private;
   /**
    * @param host - Reactive host updated when the i18n value changes.
@@ -16,10 +16,9 @@ declare class I18nController implements ReactiveController {
   hostConnected(): void;
   hostDisconnected(): void;
 }
-declare namespace I18nController {
+export declare namespace I18nController {
   type Constructor = typeof I18nController;
   type Host = I18nControllerHost;
 }
 //#endregion
-export { I18nController, I18nControllerHost };
 //# sourceMappingURL=controller.d.ts.map

package/dist/dev/i18n/controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"controller.js","names":["#host","#consumer","#unsubscribeRegistry"],"sources":["../../../src/i18n/controller.ts"],"sourcesContent":["import {\n  createTranslator,\n  DEFAULT_LOCALE,\n  getI18nTranslations,\n  type Locale,\n  onI18nRegistryChange,\n  type Translator,\n} from '@videojs/core/i18n';\nimport type { ReactiveController, ReactiveControllerHost } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport type { I18nContext } from './context';\n\nlet fallbackTranslator: Translator | undefined;\n\nexport type I18nControllerHost = ReactiveControllerHost & HTMLElement;\n\nexport function getFallbackTranslator(): Translator {\n  fallbackTranslator ??= createTranslator(getI18nTranslations(DEFAULT_LOCALE), DEFAULT_LOCALE);\n  return fallbackTranslator;\n}\n\n/** Consumes an i18n context and updates its host when the translator or locale changes. */\nexport class I18nController implements ReactiveController {\n  readonly #host: I18nControllerHost;\n  readonly #consumer: ContextConsumer<I18nContext, I18nControllerHost>;\n  #unsubscribeRegistry: (() => void) | undefined;\n\n  /**\n   * @param host - Reactive host updated when the i18n value changes.\n   * @param context - I18n context to consume.\n   */\n  constructor(host: I18nControllerHost, context: I18nContext) {\n    this.#host = host;\n    this.#consumer = new ContextConsumer(host, {\n      context,\n      callback: () => this.#host.requestUpdate(),\n      subscribe: true,\n    });\n    host.addController(this);\n  }\n\n  get value(): Translator {\n    return this.#consumer.value?.translator ?? getFallbackTranslator();\n  }\n\n  get locale(): Locale {\n    return this.#consumer.value?.locale ?? DEFAULT_LOCALE;\n  }\n\n  hostConnected(): void {\n    fallbackTranslator = undefined;\n    this.#unsubscribeRegistry = onI18nRegistryChange(() => {\n      fallbackTranslator = undefined;\n\n      if (!this.#consumer.value) {\n        this.#host.requestUpdate();\n      }\n    });\n  }\n\n  hostDisconnected(): void {\n    this.#unsubscribeRegistry?.();\n    this.#unsubscribeRegistry = undefined;\n  }\n}\n\nexport namespace I18nController {\n  export type Constructor = typeof I18nController;\n  export type Host = I18nControllerHost;\n}\n"],"mappings":";;;AAaA,IAAI;AAIJ,SAAgB,wBAAoC;CAClD,uBAAuB,iBAAiB,oBAAoB,cAAc,GAAG,cAAc;CAC3F,OAAO;AACT;;AAGA,IAAa,iBAAb,MAA0D;CACxD;CACA;CACA;;;;;CAMA,YAAY,MAA0B,SAAsB;EAC1D,KAAKA,QAAQ;EACb,KAAKC,YAAY,IAAI,gBAAgB,MAAM;GACzC;GACA,gBAAgB,KAAKD,MAAM,cAAc;GACzC,WAAW;EACb,CAAC;EACD,KAAK,cAAc,IAAI;CACzB;CAEA,IAAI,QAAoB;EACtB,OAAO,KAAKC,UAAU,OAAO,cAAc,sBAAsB;CACnE;CAEA,IAAI,SAAiB;EACnB,OAAO,KAAKA,UAAU,OAAO,UAAU;CACzC;CAEA,gBAAsB;EACpB,qBAAqB,KAAA;EACrB,KAAKC,uBAAuB,2BAA2B;GACrD,qBAAqB,KAAA;GAErB,IAAI,CAAC,KAAKD,UAAU,OAClB,KAAKD,MAAM,cAAc;EAE7B,CAAC;CACH;CAEA,mBAAyB;EACvB,KAAKE,uBAAuB;EAC5B,KAAKA,uBAAuB,KAAA;CAC9B;AACF"}
+{"version":3,"file":"controller.js","names":[],"sources":["../../../src/i18n/controller.ts"],"sourcesContent":["import {\n  createTranslator,\n  DEFAULT_LOCALE,\n  getI18nTranslations,\n  type Locale,\n  onI18nRegistryChange,\n  type Translator,\n} from '@videojs/core/i18n';\nimport type { ReactiveController, ReactiveControllerHost } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport type { I18nContext } from './context';\n\nlet fallbackTranslator: Translator | undefined;\n\nexport type I18nControllerHost = ReactiveControllerHost & HTMLElement;\n\nexport function getFallbackTranslator(): Translator {\n  fallbackTranslator ??= createTranslator(getI18nTranslations(DEFAULT_LOCALE), DEFAULT_LOCALE);\n  return fallbackTranslator;\n}\n\n/** Consumes an i18n context and updates its host when the translator or locale changes. */\nexport class I18nController implements ReactiveController {\n  readonly #host: I18nControllerHost;\n  readonly #consumer: ContextConsumer<I18nContext, I18nControllerHost>;\n  #unsubscribeRegistry: (() => void) | undefined;\n\n  /**\n   * @param host - Reactive host updated when the i18n value changes.\n   * @param context - I18n context to consume.\n   */\n  constructor(host: I18nControllerHost, context: I18nContext) {\n    this.#host = host;\n    this.#consumer = new ContextConsumer(host, {\n      context,\n      callback: () => this.#host.requestUpdate(),\n      subscribe: true,\n    });\n    host.addController(this);\n  }\n\n  get value(): Translator {\n    return this.#consumer.value?.translator ?? getFallbackTranslator();\n  }\n\n  get locale(): Locale {\n    return this.#consumer.value?.locale ?? DEFAULT_LOCALE;\n  }\n\n  hostConnected(): void {\n    fallbackTranslator = undefined;\n    this.#unsubscribeRegistry = onI18nRegistryChange(() => {\n      fallbackTranslator = undefined;\n\n      if (!this.#consumer.value) {\n        this.#host.requestUpdate();\n      }\n    });\n  }\n\n  hostDisconnected(): void {\n    this.#unsubscribeRegistry?.();\n    this.#unsubscribeRegistry = undefined;\n  }\n}\n\nexport namespace I18nController {\n  export type Constructor = typeof I18nController;\n  export type Host = I18nControllerHost;\n}\n"],"mappings":";;;AAaA,IAAI;AAIJ,SAAgB,wBAAoC;CAClD,uBAAuB,iBAAiB,oBAAoB,cAAc,GAAG,cAAc;CAC3F,OAAO;AACT;;AAGA,IAAa,iBAAb,MAA0D;CACxD;CACA;CACA;;;;;CAMA,YAAY,MAA0B,SAAsB;EAC1D,KAAK,QAAQ;EACb,KAAK,YAAY,IAAI,gBAAgB,MAAM;GACzC;GACA,gBAAgB,KAAK,MAAM,cAAc;GACzC,WAAW;EACb,CAAC;EACD,KAAK,cAAc,IAAI;CACzB;CAEA,IAAI,QAAoB;EACtB,OAAO,KAAK,UAAU,OAAO,cAAc,sBAAsB;CACnE;CAEA,IAAI,SAAiB;EACnB,OAAO,KAAK,UAAU,OAAO,UAAU;CACzC;CAEA,gBAAsB;EACpB,qBAAqB,KAAA;EACrB,KAAK,uBAAuB,2BAA2B;GACrD,qBAAqB,KAAA;GAErB,IAAI,CAAC,KAAK,UAAU,OAClB,KAAK,MAAM,cAAc;EAE7B,CAAC;CACH;CAEA,mBAAyB;EACvB,KAAK,uBAAuB;EAC5B,KAAK,uBAAuB,KAAA;CAC9B;AACF"}

package/dist/dev/i18n/create-i18n.d.ts

@@ -4,17 +4,16 @@ import { I18nProviderMixin } from "./provider-mixin.js";
 import { I18nTextMixin } from "./text-mixin.js";
 import { I18nController } from "./controller.js";
 //#region src/i18n/create-i18n.d.ts
-interface CreateI18nOptions {
+export interface CreateI18nOptions {
   /** Override lazy loading of shipped locale packs (tests or custom loaders). */
   loader?: LocaleLoader;
 }
-interface CreateI18nResult {
+export interface CreateI18nResult {
   context: I18nContext;
   I18nController: I18nController.Constructor;
   ProviderMixin: I18nProviderMixin;
   TextMixin: I18nTextMixin;
 }
-declare function createI18n(options?: CreateI18nOptions): CreateI18nResult;
+export declare function createI18n(options?: CreateI18nOptions): CreateI18nResult;
 //#endregion
-export { CreateI18nOptions, CreateI18nResult, createI18n };
 //# sourceMappingURL=create-i18n.d.ts.map

package/dist/dev/i18n/index.d.ts

@@ -6,5 +6,5 @@ import { I18nController } from "./controller.js";
 import { CreateI18nOptions, CreateI18nResult, createI18n } from "./create-i18n.js";
 import { resolvePlayerLocale, resolveProviderLocale } from "./locale.js";
 import { renderText } from "./render-text.js";
-import { FlatTranslations, LOCALES, Locale, TranslationParams, Translations, Translator, createTranslator, findLocaleKeys, getI18nTranslations, hasRegisteredLocale, isText, onI18nRegistryChange, registerI18n, translateText } from "@videojs/core/i18n";
-export { type CreateI18nOptions, type CreateI18nResult, type FlatTranslations, type I18nContext, type I18nContextValue, I18nController, type I18nContext as I18nLitContext, I18nProviderElement, I18nProviderMixin, I18nTextMixin, LOCALES, type Locale, I18nProviderElement as MediaI18nProviderElement, TextElement as MediaTextElement, type TranslationParams, type Translations, type Translator, i18nContext as context, createI18n, createTranslator, findLocaleKeys, getI18nTranslations, hasRegisteredLocale, i18nContext, isText, onI18nRegistryChange, registerI18n, renderText, resolvePlayerLocale, resolveProviderLocale, translateText };
+import { FlatTranslations, LOCALES, Locale, Text, TextParams, TranslationParams, Translations, Translator, createTranslator, findLocaleKeys, getI18nTranslations, getLocaleKey, hasRegisteredLocale, isText, loadLocale, onI18nRegistryChange, registerI18n, resolveTranslation, translateText } from "@videojs/core/i18n";
+export { type CreateI18nOptions, type CreateI18nResult, type FlatTranslations, type I18nContext, type I18nContextValue, I18nController, type I18nContext as I18nLitContext, I18nProviderElement, I18nProviderMixin, I18nTextMixin, LOCALES, type Locale, I18nProviderElement as MediaI18nProviderElement, TextElement as MediaTextElement, type Text, type TextParams, type TranslationParams, type Translations, type Translator, i18nContext as context, createI18n, createTranslator, findLocaleKeys, getI18nTranslations, getLocaleKey, hasRegisteredLocale, i18nContext, isText, loadLocale, onI18nRegistryChange, registerI18n, renderText, resolvePlayerLocale, resolveProviderLocale, resolveTranslation, translateText };

package/dist/dev/i18n/index.js

@@ -6,5 +6,5 @@ import { I18nTextMixin, MediaTextElement as TextElement } from "../ui/text/eleme
 import "../define/i18n.js";
 import { createI18n } from "./create-i18n.js";
 import { renderText } from "./render-text.js";
-import { LOCALES, createTranslator, findLocaleKeys, getI18nTranslations, hasRegisteredLocale, isText, onI18nRegistryChange, registerI18n, translateText } from "@videojs/core/i18n";
-export { I18nController, I18nProviderElement, I18nProviderMixin, I18nTextMixin, LOCALES, I18nProviderElement as MediaI18nProviderElement, TextElement as MediaTextElement, i18nContext as context, createI18n, createTranslator, findLocaleKeys, getI18nTranslations, hasRegisteredLocale, i18nContext, isText, onI18nRegistryChange, registerI18n, renderText, resolvePlayerLocale, resolveProviderLocale, translateText };
+import { LOCALES, createTranslator, findLocaleKeys, getI18nTranslations, getLocaleKey, hasRegisteredLocale, isText, loadLocale, onI18nRegistryChange, registerI18n, resolveTranslation, translateText } from "@videojs/core/i18n";
+export { I18nController, I18nProviderElement, I18nProviderMixin, I18nTextMixin, LOCALES, I18nProviderElement as MediaI18nProviderElement, TextElement as MediaTextElement, i18nContext as context, createI18n, createTranslator, findLocaleKeys, getI18nTranslations, getLocaleKey, hasRegisteredLocale, i18nContext, isText, loadLocale, onI18nRegistryChange, registerI18n, renderText, resolvePlayerLocale, resolveProviderLocale, resolveTranslation, translateText };

package/dist/dev/i18n/locale.d.ts

@@ -1,11 +1,18 @@
 import { Locale } from "@videojs/core/i18n";
 //#region src/i18n/locale.d.ts
-/** Delegates to {@link effectiveLocale}; result is typed as {@link Locale} for player UI. */
-declare function resolvePlayerLocale(explicit: Locale | undefined, inherited: Locale | undefined): Locale;
-/** Effective locale for an i18n provider element (explicit `lang` → ancestor `lang` chain → `en`). */
-declare function resolveProviderLocale(host: HTMLElement & {
+/**
+ * Delegates to {@link effectiveLocale}; result is typed as {@link Locale} for player UI.
+ *
+ * @internal
+ */
+export declare function resolvePlayerLocale(explicit: Locale | undefined, inherited: Locale | undefined): Locale;
+/**
+ * Effective locale for an i18n provider element (explicit `lang` → ancestor `lang` chain → `en`).
+ *
+ * @internal
+ */
+export declare function resolveProviderLocale(host: HTMLElement & {
   lang?: string;
 }): Locale;
 //#endregion
-export { resolvePlayerLocale, resolveProviderLocale };
 //# sourceMappingURL=locale.d.ts.map

package/dist/dev/i18n/locale.js

@@ -1,10 +1,18 @@
 import { effectiveLocale, nearestLang, resolveLangAttr } from "@videojs/utils/dom";
 //#region src/i18n/locale.ts
-/** Delegates to {@link effectiveLocale}; result is typed as {@link Locale} for player UI. */
+/**
+* Delegates to {@link effectiveLocale}; result is typed as {@link Locale} for player UI.
+*
+* @internal
+*/
 function resolvePlayerLocale(explicit, inherited) {
 	return effectiveLocale(explicit, inherited);
 }
-/** Effective locale for an i18n provider element (explicit `lang` → ancestor `lang` chain → `en`). */
+/**
+* Effective locale for an i18n provider element (explicit `lang` → ancestor `lang` chain → `en`).
+*
+* @internal
+*/
 function resolveProviderLocale(host) {
 	const explicit = resolveLangAttr(host.lang);
 	const root = host.parentElement ?? (typeof document !== "undefined" ? document.documentElement : null);

package/dist/dev/i18n/locale.js.map

@@ -1 +1 @@
-{"version":3,"file":"locale.js","names":[],"sources":["../../../src/i18n/locale.ts"],"sourcesContent":["import type { Locale } from '@videojs/core/i18n';\nimport { effectiveLocale, nearestLang, resolveLangAttr } from '@videojs/utils/dom';\n\n/** Delegates to {@link effectiveLocale}; result is typed as {@link Locale} for player UI. */\nexport function resolvePlayerLocale(explicit: Locale | undefined, inherited: Locale | undefined): Locale {\n  return effectiveLocale<Locale>(explicit, inherited);\n}\n\n/** Effective locale for an i18n provider element (explicit `lang` → ancestor `lang` chain → `en`). */\nexport function resolveProviderLocale(host: HTMLElement & { lang?: string }): Locale {\n  const explicit = resolveLangAttr<Locale>(host.lang);\n  const root = host.parentElement ?? (typeof document !== 'undefined' ? document.documentElement : null);\n  const inherited = resolveLangAttr<Locale>(nearestLang(root));\n\n  return resolvePlayerLocale(explicit, inherited);\n}\n"],"mappings":";;;AAIA,SAAgB,oBAAoB,UAA8B,WAAuC;CACvG,OAAO,gBAAwB,UAAU,SAAS;AACpD;;AAGA,SAAgB,sBAAsB,MAA+C;CACnF,MAAM,WAAW,gBAAwB,KAAK,IAAI;CAClD,MAAM,OAAO,KAAK,kBAAkB,OAAO,aAAa,cAAc,SAAS,kBAAkB;CAGjG,OAAO,oBAAoB,UAFT,gBAAwB,YAAY,IAAI,CAEb,CAAC;AAChD"}
+{"version":3,"file":"locale.js","names":[],"sources":["../../../src/i18n/locale.ts"],"sourcesContent":["import type { Locale } from '@videojs/core/i18n';\nimport { effectiveLocale, nearestLang, resolveLangAttr } from '@videojs/utils/dom';\n\n/**\n * Delegates to {@link effectiveLocale}; result is typed as {@link Locale} for player UI.\n *\n * @internal\n */\nexport function resolvePlayerLocale(explicit: Locale | undefined, inherited: Locale | undefined): Locale {\n  return effectiveLocale<Locale>(explicit, inherited);\n}\n\n/**\n * Effective locale for an i18n provider element (explicit `lang` → ancestor `lang` chain → `en`).\n *\n * @internal\n */\nexport function resolveProviderLocale(host: HTMLElement & { lang?: string }): Locale {\n  const explicit = resolveLangAttr<Locale>(host.lang);\n  const root = host.parentElement ?? (typeof document !== 'undefined' ? document.documentElement : null);\n  const inherited = resolveLangAttr<Locale>(nearestLang(root));\n\n  return resolvePlayerLocale(explicit, inherited);\n}\n"],"mappings":";;;;;;;AAQA,SAAgB,oBAAoB,UAA8B,WAAuC;CACvG,OAAO,gBAAwB,UAAU,SAAS;AACpD;;;;;;AAOA,SAAgB,sBAAsB,MAA+C;CACnF,MAAM,WAAW,gBAAwB,KAAK,IAAI;CAClD,MAAM,OAAO,KAAK,kBAAkB,OAAO,aAAa,cAAc,SAAS,kBAAkB;CAGjG,OAAO,oBAAoB,UAFT,gBAAwB,YAAY,IAAI,CAEb,CAAC;AAChD"}

package/dist/dev/i18n/provider-element.d.ts

@@ -1,11 +1,12 @@
 import { I18nProviderMixin as I18nProviderMixin$1 } from "./provider-mixin.js";
 import { ReactiveElement } from "@videojs/element";
 //#region src/i18n/provider-element.d.ts
-declare const I18nProviderMixin: I18nProviderMixin$1;
+/** @internal */
+export declare const I18nProviderMixin: I18nProviderMixin$1;
 declare const I18nProviderElement_base: import("@videojs/utils/types").Constructor<ReactiveElement> & typeof ReactiveElement;
-declare class I18nProviderElement extends I18nProviderElement_base {
+export declare class I18nProviderElement extends I18nProviderElement_base {
   static readonly tagName = "media-i18n";
 }
 //#endregion
-export { I18nProviderElement, I18nProviderElement as MediaI18nProviderElement, I18nProviderMixin };
+export { I18nProviderElement as MediaI18nProviderElement };
 //# sourceMappingURL=provider-element.d.ts.map

package/dist/dev/i18n/provider-element.js

@@ -2,6 +2,7 @@ import { i18nContext } from "./context.js";
 import { createI18nProviderMixin } from "./provider-mixin.js";
 import { ReactiveElement } from "@videojs/element";
 //#region src/i18n/provider-element.ts
+/** @internal */
 const I18nProviderMixin = createI18nProviderMixin({ context: i18nContext });
 var I18nProviderElement = class extends I18nProviderMixin(ReactiveElement) {
 	static {

package/dist/dev/i18n/provider-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"provider-element.js","names":[],"sources":["../../../src/i18n/provider-element.ts"],"sourcesContent":["import { ReactiveElement } from '@videojs/element';\n\nimport { i18nContext } from './context';\nimport { createI18nProviderMixin, type I18nProviderMixin as ProviderMixin } from './provider-mixin';\n\nexport const I18nProviderMixin: ProviderMixin = createI18nProviderMixin({ context: i18nContext });\n\nexport class I18nProviderElement extends I18nProviderMixin(ReactiveElement) {\n  static readonly tagName = 'media-i18n';\n}\n\nexport { I18nProviderElement as MediaI18nProviderElement };\n"],"mappings":";;;;AAKA,MAAa,oBAAmC,wBAAwB,EAAE,SAAS,YAAY,CAAC;AAEhG,IAAa,sBAAb,cAAyC,kBAAkB,eAAe,CAAC,CAAC;;EAChD,KAAA,UAAA;;AAC5B"}
+{"version":3,"file":"provider-element.js","names":[],"sources":["../../../src/i18n/provider-element.ts"],"sourcesContent":["import { ReactiveElement } from '@videojs/element';\n\nimport { i18nContext } from './context';\nimport { createI18nProviderMixin, type I18nProviderMixin as ProviderMixin } from './provider-mixin';\n\n/** @internal */\nexport const I18nProviderMixin: ProviderMixin = createI18nProviderMixin({ context: i18nContext });\n\nexport class I18nProviderElement extends I18nProviderMixin(ReactiveElement) {\n  static readonly tagName = 'media-i18n';\n}\n\nexport { I18nProviderElement as MediaI18nProviderElement };\n"],"mappings":";;;;;AAMA,MAAa,oBAAmC,wBAAwB,EAAE,SAAS,YAAY,CAAC;AAEhG,IAAa,sBAAb,cAAyC,kBAAkB,eAAe,CAAC,CAAC;;EAChD,KAAA,UAAA;;AAC5B"}

package/dist/dev/i18n/provider-mixin.d.ts

@@ -3,7 +3,6 @@ import { ReactiveElementMixinBase } from "./types.js";
 import { ReactiveElement } from "@videojs/element";
 import { Constructor } from "@videojs/utils/types";
 //#region src/i18n/provider-mixin.d.ts
-type I18nProviderMixin = <Base extends ReactiveElementMixinBase>(Base: Base) => Constructor<ReactiveElement> & Base;
+export type I18nProviderMixin = <Base extends ReactiveElementMixinBase>(Base: Base) => Constructor<ReactiveElement> & Base;
 //#endregion
-export { I18nProviderMixin };
 //# sourceMappingURL=provider-mixin.d.ts.map