@videojs/html 10.2.0 → 10.3.0

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

@@ -0,0 +1,77 @@
+import { PlayerExtensionElement } from "../player-extension-element.js";
+import { GoogleAnalyticsExtension } from "@videojs/google-analytics";
+//#region src/extensions/google-analytics/extension.ts
+/**
+* Adds the Google Analytics 4 (GA4) telemetry extension to the surrounding player.
+*
+* Renders nothing — place it inside the player and it monitors whichever media the player attaches, dispatching
+* standard GA4 video events and interaction events (`play`, `pause`, `resume`, `end`, `seek`, `mute`, `unmute`,
+* `fullscreenEnter`, `fullscreenExit`) to `window.dataLayer`.
+*
+* @example
+*   ```html
+*   <video-player>
+*     <video src="https://example.com/video.mp4"></video>
+*     <google-analytics></google-analytics>
+*   </video-player>
+*   ```;
+*
+* @internal
+*/
+var GoogleAnalyticsExtension$1 = class extends PlayerExtensionElement {
+	static {
+		this.tagName = "google-analytics";
+	}
+	static {
+		this.properties = {
+			dataLayerName: {
+				type: String,
+				attribute: "data-layer-name"
+			},
+			disableProgress: {
+				type: Boolean,
+				attribute: "disable-progress"
+			},
+			debug: { type: Boolean }
+		};
+	}
+	createExtension() {
+		return new GoogleAnalyticsExtension();
+	}
+	get dataLayerName() {
+		return this.extension.dataLayerName;
+	}
+	set dataLayerName(value) {
+		this.extension.dataLayerName = value ?? void 0;
+	}
+	get disableProgress() {
+		return this.extension.disableProgress ?? false;
+	}
+	set disableProgress(value) {
+		this.extension.disableProgress = value;
+	}
+	get debug() {
+		return this.extension.debug ?? false;
+	}
+	set debug(value) {
+		this.extension.debug = value;
+	}
+	/** Video metadata and custom dimensions reported with GA4 events. */
+	get metadata() {
+		return this.extension.metadata;
+	}
+	set metadata(value) {
+		this.extension.metadata = value;
+	}
+	/** Optional callback to intercept dispatched events. */
+	get onEvent() {
+		return this.extension.onEvent;
+	}
+	set onEvent(value) {
+		this.extension.onEvent = value;
+	}
+};
+//#endregion
+export { GoogleAnalyticsExtension$1 as GoogleAnalyticsExtension };
+
+//# sourceMappingURL=extension.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"extension.js","names":["GoogleAnalyticsExtension","GoogleAnalyticsExtensionBase"],"sources":["../../../../src/extensions/google-analytics/extension.ts"],"sourcesContent":["import type { PropertyDeclarationMap } from '@videojs/element';\nimport {\n  GoogleAnalyticsExtension as GoogleAnalyticsExtensionBase,\n  type GoogleAnalyticsProps,\n} from '@videojs/google-analytics';\n\nimport { PlayerExtensionElement } from '../player-extension-element';\n\n/**\n * Adds the Google Analytics 4 (GA4) telemetry extension to the surrounding player.\n *\n * Renders nothing — place it inside the player and it monitors whichever media the player attaches, dispatching\n * standard GA4 video events and interaction events (`play`, `pause`, `resume`, `end`, `seek`, `mute`, `unmute`,\n * `fullscreenEnter`, `fullscreenExit`) to `window.dataLayer`.\n *\n * @example\n *   ```html\n *   <video-player>\n *     <video src=\"https://example.com/video.mp4\"></video>\n *     <google-analytics></google-analytics>\n *   </video-player>\n *   ```;\n *\n * @internal\n */\nexport class GoogleAnalyticsExtension extends PlayerExtensionElement<GoogleAnalyticsExtensionBase> {\n  static readonly tagName = 'google-analytics';\n\n  static override properties = {\n    dataLayerName: { type: String, attribute: 'data-layer-name' },\n    disableProgress: { type: Boolean, attribute: 'disable-progress' },\n    debug: { type: Boolean },\n    // `metadata` takes an object, so it's a property-only prop.\n  } satisfies PropertyDeclarationMap<Exclude<keyof GoogleAnalyticsProps, 'metadata' | 'onEvent'>>;\n\n  protected createExtension(): GoogleAnalyticsExtensionBase {\n    return new GoogleAnalyticsExtensionBase();\n  }\n\n  get dataLayerName(): string | undefined {\n    return this.extension.dataLayerName;\n  }\n\n  set dataLayerName(value: string | null | undefined) {\n    this.extension.dataLayerName = value ?? undefined;\n  }\n\n  get disableProgress(): boolean {\n    return this.extension.disableProgress ?? false;\n  }\n\n  set disableProgress(value: boolean) {\n    this.extension.disableProgress = value;\n  }\n\n  get debug(): boolean {\n    return this.extension.debug ?? false;\n  }\n\n  set debug(value: boolean) {\n    this.extension.debug = value;\n  }\n\n  /** Video metadata and custom dimensions reported with GA4 events. */\n  get metadata(): GoogleAnalyticsProps['metadata'] {\n    return this.extension.metadata;\n  }\n\n  set metadata(value: GoogleAnalyticsProps['metadata']) {\n    this.extension.metadata = value;\n  }\n\n  /** Optional callback to intercept dispatched events. */\n  get onEvent(): GoogleAnalyticsProps['onEvent'] {\n    return this.extension.onEvent;\n  }\n\n  set onEvent(value: GoogleAnalyticsProps['onEvent']) {\n    this.extension.onEvent = value;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAyBA,IAAaA,6BAAb,cAA8C,uBAAqD;;EACvE,KAAA,UAAA;;;EAEG,KAAA,aAAA;GAC3B,eAAe;IAAE,MAAM;IAAQ,WAAW;GAAkB;GAC5D,iBAAiB;IAAE,MAAM;IAAS,WAAW;GAAmB;GAChE,OAAO,EAAE,MAAM,QAAQ;EAEzB;;CAEA,kBAA0D;EACxD,OAAO,IAAIC,yBAA6B;CAC1C;CAEA,IAAI,gBAAoC;EACtC,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,cAAc,OAAkC;EAClD,KAAK,UAAU,gBAAgB,SAAS,KAAA;CAC1C;CAEA,IAAI,kBAA2B;EAC7B,OAAO,KAAK,UAAU,mBAAmB;CAC3C;CAEA,IAAI,gBAAgB,OAAgB;EAClC,KAAK,UAAU,kBAAkB;CACnC;CAEA,IAAI,QAAiB;EACnB,OAAO,KAAK,UAAU,SAAS;CACjC;CAEA,IAAI,MAAM,OAAgB;EACxB,KAAK,UAAU,QAAQ;CACzB;;CAGA,IAAI,WAA6C;EAC/C,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,SAAS,OAAyC;EACpD,KAAK,UAAU,WAAW;CAC5B;;CAGA,IAAI,UAA2C;EAC7C,OAAO,KAAK,UAAU;CACxB;CAEA,IAAI,QAAQ,OAAwC;EAClD,KAAK,UAAU,UAAU;CAC3B;AACF"}

package/dist/dev/extensions/google-analytics/index.d.ts

@@ -0,0 +1,2 @@
+import { GoogleAnalyticsExtension } from "./extension.js";
+export { GoogleAnalyticsExtension };

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

@@ -64,7 +64,10 @@ declare class MuxDataExtension$1 extends PlayerExtensionElement<MuxDataExtension
   /** Disables Mux Data SDK cookies. */
   get disableCookies(): boolean;
   set disableCookies(value: boolean);
-  /** Player software name reported to Mux Data (e.g. `mux-video`). Defaults to `Video.js`. */
+  /**
+   * Player software name reported to Mux Data (e.g. `mux-video`). Defaults to `videojs-html-<engine>`, where the engine
+   * is the one playing, such as `hlsjs`, `spf-hls-video`, `shaka`, `dashjs`, or `browser`.
+   */
   get playerSoftwareName(): string | undefined;
   set playerSoftwareName(value: string | null | undefined);
   /** Player software version reported to Mux Data. Defaults to the Video.js version. */

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

@@ -54,7 +54,9 @@ var MuxDataExtension$1 = class extends PlayerExtensionElement {
 		};
 	}
 	createExtension() {
-		return new MuxDataExtension();
+		const extension = new MuxDataExtension();
+		extension.framework = "html";
+		return extension;
 	}
 	/** Mux Data environment key for the beacons. Optional for Mux-hosted playback. */
 	get envKey() {
@@ -84,7 +86,10 @@ var MuxDataExtension$1 = class extends PlayerExtensionElement {
 	set disableCookies(value) {
 		this.extension.disableCookies = value;
 	}
-	/** Player software name reported to Mux Data (e.g. `mux-video`). Defaults to `Video.js`. */
+	/**
+	* Player software name reported to Mux Data (e.g. `mux-video`). Defaults to `videojs-html-<engine>`, where the engine
+	* is the one playing, such as `hlsjs`, `spf-hls-video`, `shaka`, `dashjs`, or `browser`.
+	*/
 	get playerSoftwareName() {
 		return this.extension.playerSoftwareName;
 	}

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 { 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 component 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`). Defaults to `Video.js`. */\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"}
+{"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 component 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    const extension = new MuxDataExtensionBase();\n\n    extension.framework = 'html';\n\n    return extension;\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  /**\n   * Player software name reported to Mux Data (e.g. `mux-video`). Defaults to `videojs-html-<engine>`, where the engine\n   * is the one playing, such as `hlsjs`, `spf-hls-video`, `shaka`, `dashjs`, or `browser`.\n   */\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,MAAM,YAAY,IAAIC,iBAAqB;EAE3C,UAAU,YAAY;EAEtB,OAAO;CACT;;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;;;;;CAMA,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/index.d.ts

@@ -95,7 +95,7 @@ import { VolumePopoverElement } from "./ui/volume-popover/element.js";
 import { VolumeSliderElement } from "./ui/volume-slider/element.js";
 import { VERSION } from "./version.js";
 import { DialogBackdropElement } from "./ui/dialog/backdrop.js";
-import { AirPlayButtonProps, AirPlayButtonState, AlertDialogProps, AudioTrackRadioGroupOption, AudioTrackRadioGroupProps, AudioTrackRadioGroupState, BufferingIndicatorProps, BufferingIndicatorState, BuiltInIndicatorStatus, ButtonState, CaptionsButtonProps, CaptionsButtonState, CaptionsRadioGroupOption, CaptionsRadioGroupProps, CaptionsRadioGroupState, CastButtonProps, CastButtonState, ControlsProps, ControlsState, ControlsVisibility, DeriveCustomStatus, DialogProps, DialogState, FullscreenButtonProps, FullscreenButtonState, GestureProps, HotkeyProps, IndicatorCoreProps, IndicatorDirection, IndicatorLifecycleState, IndicatorStatus, IndicatorVolumeLevel, InputAction, InputActionEvent, InputActionSource, InputIndicatorLabels, LiveButtonProps, LiveButtonState, MediaButtonComponent, MediaSnapshot, MediaUIComponent, MenuInput, MenuOptionState, MenuProps, MenuState, MuteButtonProps, MuteButtonState, PiPButtonProps, PiPButtonState, PlayButtonProps, PlayButtonState, PlaybackRateButtonProps, PlaybackRateButtonState, PlaybackRateRadioGroupOption, PlaybackRateRadioGroupProps, PlaybackRateRadioGroupState, PopoverAlign, PopoverBoundary, PopoverProps, PopoverSide, PopoverState, PosterState, QualityRadioGroupOption, QualityRadioGroupProps, QualityRadioGroupState, RadioOption, RadioOptionsState, SeekButtonDirection, SeekButtonProps, SeekButtonState, SeekIndicatorProps, SeekIndicatorState, SliderPreviewProps, SliderProps, SliderSegmentGeometry, SliderSegmentRange, SliderSegmentState, SliderState, StatusAnnouncerLabels, StatusAnnouncerProps, StatusAnnouncerState, StatusDetails, StatusIndicatorProps, StatusIndicatorState, ThumbnailCoords, ThumbnailCrossOrigin, ThumbnailFetchPriority, ThumbnailImage, ThumbnailImageProps, ThumbnailLoading, ThumbnailProps, ThumbnailState, TimeProps, TimeSliderChapterRange, TimeSliderProps, TimeSliderState, TimeState, TimeType, TitleState, TooltipGroupProps, TooltipProps, TooltipState, TransitionFlags, TransitionState, TransitionStatus, UIComponent, VolumeIndicatorProps, VolumeIndicatorState, VolumeLevel, VolumePopoverState, VolumeSliderProps, VolumeSliderState } from "@videojs/core";
+import { AirPlayButtonProps, AirPlayButtonState, AlertDialogProps, AudioTrackRadioGroupOption, AudioTrackRadioGroupProps, AudioTrackRadioGroupState, BufferingIndicatorProps, BufferingIndicatorState, BuiltInIndicatorStatus, ButtonState, CaptionsButtonProps, CaptionsButtonState, CaptionsRadioGroupOption, CaptionsRadioGroupProps, CaptionsRadioGroupState, CastButtonProps, CastButtonState, ControlsProps, ControlsState, ControlsVisibility, DeriveCustomStatus, DialogProps, DialogScope, DialogState, FullscreenButtonProps, FullscreenButtonState, GestureProps, HotkeyProps, IndicatorCoreProps, IndicatorDirection, IndicatorLifecycleState, IndicatorStatus, IndicatorVolumeLevel, InputAction, InputActionEvent, InputActionSource, InputIndicatorLabels, LiveButtonProps, LiveButtonState, MediaButtonComponent, MediaSnapshot, MediaUIComponent, MenuInput, MenuOptionState, MenuProps, MenuState, MuteButtonProps, MuteButtonState, PiPButtonProps, PiPButtonState, PlayButtonProps, PlayButtonState, PlaybackRateButtonProps, PlaybackRateButtonState, PlaybackRateRadioGroupOption, PlaybackRateRadioGroupProps, PlaybackRateRadioGroupState, PopoverAlign, PopoverBoundary, PopoverProps, PopoverSide, PopoverState, PosterState, QualityRadioGroupOption, QualityRadioGroupProps, QualityRadioGroupState, RadioOption, RadioOptionsState, SeekButtonDirection, SeekButtonProps, SeekButtonState, SeekIndicatorProps, SeekIndicatorState, SliderPreviewProps, SliderProps, SliderSegmentGeometry, SliderSegmentRange, SliderSegmentState, SliderState, StatusAnnouncerLabels, StatusAnnouncerProps, StatusAnnouncerState, StatusDetails, StatusIndicatorProps, StatusIndicatorState, ThumbnailCoords, ThumbnailCrossOrigin, ThumbnailFetchPriority, ThumbnailImage, ThumbnailImageProps, ThumbnailLoading, ThumbnailProps, ThumbnailState, TimeProps, TimeSliderChapterRange, TimeSliderProps, TimeSliderState, TimeState, TimeType, TitleState, TooltipGroupProps, TooltipProps, TooltipState, TransitionFlags, TransitionState, TransitionStatus, UIComponent, VolumeIndicatorProps, VolumeIndicatorState, VolumeLevel, VolumePopoverState, VolumeSliderProps, VolumeSliderState } from "@videojs/core";
 import { DestroyMixin, Destroyable, PropertyDeclaration, PropertyDeclarationMap, PropertyValues, ReactiveController, ReactiveControllerHost, ReactiveElement } from "@videojs/element";
 import { AdapterType, AudioRenditionLike, AudioRenditionListLike, AudioTrackLike, AudioTrackListLike, CanPlayTypeResult, CommonMedia, CommonMediaEvents, EngineAdapter, ErrorLike, EventLike, EventTargetLike, MediaAudioRenditionCapability, MediaAudioTrack, MediaAudioTrackCapability, MediaAudioTrackState, MediaAutoplayCapability, MediaBufferCapability, MediaBufferEvents, MediaBufferState, MediaContentData, MediaContentDataCapability, MediaContentDataEvents, MediaContentValue, MediaControlsCapability, MediaControlsState, MediaCrossOriginType, MediaError, MediaErrorCapability, MediaErrorEvents, MediaErrorState, MediaEvents, MediaFullscreenCapability, MediaFullscreenState, MediaLiveCapability, MediaLiveEvents, MediaLiveState, MediaMetadataState, MediaPauseCapability, MediaPauseEvents, MediaPictureInPictureCapability, MediaPictureInPictureEvents, MediaPictureInPictureState, MediaPlaybackCapability, MediaPlaybackEvents, MediaPlaybackRateCapability, MediaPlaybackRateEvents, MediaPlaybackRateState, MediaPlaybackState, MediaPlayedCapability, MediaPlaysInlineCapability, MediaPosterCapability, MediaPreloadType, MediaQualityState, MediaReadyStateValue, MediaRemotePlaybackCapability, MediaRemotePlaybackState, MediaResolution, MediaSeekCapability, MediaSeekEvents, MediaSourceCapability, MediaSourceEvents, MediaSourceState, MediaStreamType, MediaStreamTypeCapability, MediaStreamTypeEvents, MediaStreamTypeState, MediaTargetLike, MediaTextCue, MediaTextTrack, MediaTextTrackCapability, MediaTextTrackState, MediaThumbnailsTrack, MediaTimeState, MediaVideoDimensionsCapability, MediaVideoDimensionsEvents, MediaVideoRendition, MediaVideoRenditionCapability, MediaVideoTrackCapability, MediaVolumeCapability, MediaVolumeEvents, MediaVolumeState, NodeListLike, RemotePlaybackConnectionState, RemotePlaybackEvents, RemotePlaybackLike, TextCueLike, TextCueListLike, TextTrackKind, TextTrackLike, TextTrackListEvents, TextTrackListLike, TextTrackMode, TimeRangeLike, Video, VideoEvents, VideoRenditionLike, VideoRenditionListLike, VideoTargetLike, VideoTrackLike, VideoTrackListLike, hasMetadata, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, resolveAdapterType, resolveMimeType } from "@videojs/media";
 import { CustomMediaConstructor } from "@videojs/media/dom";
@@ -105,10 +105,10 @@ import { WithMediaTracks } from "@videojs/media/media-tracks";
 export * from "@videojs/core/dom";
 export * from "@videojs/media/dom";
 declare namespace index_d_exports {
-  export { AdapterType, AirPlayButtonElement, AirPlayButtonProps, AirPlayButtonState, AlertDialogElement, AlertDialogProps, AriaKeyShortcutsController, AudioRenditionLike, AudioRenditionListLike, AudioTrackLike, AudioTrackListLike, AudioTrackRadioGroupElement, AudioTrackRadioGroupOption, AudioTrackRadioGroupProps, AudioTrackRadioGroupState, BufferingIndicatorElement, BufferingIndicatorProps, BufferingIndicatorState, BuiltInIndicatorStatus, ButtonState, CONTAINER_CONTEXT_KEY, CanPlayTypeResult, CaptionsButtonElement, CaptionsButtonProps, CaptionsButtonState, CaptionsRadioGroupElement, CaptionsRadioGroupOption, CaptionsRadioGroupProps, CaptionsRadioGroupState, CastButtonElement, CastButtonProps, CastButtonState, CommonMedia, CommonMediaEvents, Comparator, ContainerContext, ContainerContextConsumer, ContainerContextValue, ContainerElement, ContextPartElement, ControlsBackdropElement, ControlsContentElement, ControlsElement, ControlsGroupElement, ControlsProps, ControlsState, ControlsVisibility, CreateI18nOptions, CreateI18nResult, CreatePlayerConfig, CreatePlayerResult, CustomMediaConstructor, DEFAULT_SEEK_STEP, DeriveCustomStatus, DestroyMixin, Destroyable, DialogBackdropElement, DialogCloseElement, DialogContextValue, DialogDescriptionElement, DialogElement, DialogPopupElement, DialogProps, DialogState, DialogTitleElement, EXTENSION_CONTEXT_KEY, EngineAdapter, ErrorDialogElement, ErrorLike, EventLike, EventTargetLike, ExtensionContext, ExtensionContextValue, FlatTranslations, FullscreenButtonElement, FullscreenButtonProps, FullscreenButtonState, GestureElement, GestureProps, HotkeyElement, HotkeyProps, I18nContextValue, I18nController, I18nContext as I18nLitContext, I18nProviderMixin, I18nTextMixin, IndicatorCoreProps, IndicatorDirection, IndicatorLifecycleState, IndicatorStatus, IndicatorVolumeLevel, InputAction, InputActionEvent, InputActionSource, InputIndicatorLabels, LiveButtonElement, LiveButtonProps, LiveButtonState, Locale, MEDIA_CONTEXT_KEY, MediaAttachMixin, MediaAudioRenditionCapability, MediaAudioTrack, MediaAudioTrackCapability, MediaAudioTrackState, MediaAutoplayCapability, MediaBufferCapability, MediaBufferEvents, MediaBufferState, MediaButtonComponent, MediaButtonElement, MediaContentData, MediaContentDataCapability, MediaContentDataEvents, MediaContentValue, MediaContext, MediaContextValue, MediaControlsCapability, MediaControlsState, MediaCrossOriginType, MediaError, MediaErrorCapability, MediaErrorEvents, MediaErrorState, MediaEvents, MediaFullscreenCapability, MediaFullscreenState, I18nProviderElement as MediaI18nProviderElement, MediaLiveCapability, MediaLiveEvents, MediaLiveState, MediaMetadataState, MediaPauseCapability, MediaPauseEvents, MediaPictureInPictureCapability, MediaPictureInPictureEvents, MediaPictureInPictureState, MediaPlaybackCapability, MediaPlaybackEvents, MediaPlaybackRateCapability, MediaPlaybackRateEvents, MediaPlaybackRateState, MediaPlaybackState, MediaPlayedCapability, MediaPlaysInlineCapability, MediaPosterCapability, MediaPreloadType, MediaQualityState, MediaReadyStateValue, MediaRemotePlaybackCapability, MediaRemotePlaybackState, MediaResolution, MediaSeekCapability, MediaSeekEvents, MediaSnapshot, MediaSourceCapability, MediaSourceEvents, MediaSourceState, MediaStreamType, MediaStreamTypeCapability, MediaStreamTypeEvents, MediaStreamTypeState, MediaTargetLike, MediaTextCue, TextElement as MediaTextElement, MediaTextTrack, MediaTextTrackCapability, MediaTextTrackState, MediaThumbnailsTrack, MediaTimeState, MediaUIComponent, MediaUIElement, MediaVideoDimensionsCapability, MediaVideoDimensionsEvents, MediaVideoRendition, MediaVideoRenditionCapability, MediaVideoTrackCapability, MediaVolumeCapability, MediaVolumeEvents, MediaVolumeState, MenuCheckboxItemElement, MenuContentElement, MenuContextValue, MenuElement, MenuGroupContextValue, MenuGroupElement, MenuGroupLabelElement, MenuInput, MenuItemElement, MenuItemIndicatorElement, MenuOptionState, MenuProps, RadioGroupContextValue as MenuRadioGroupContextValue, MenuRadioGroupElement, MenuRadioItemElement, MenuSeparatorElement, MenuState, MuteButtonElement, MuteButtonProps, MuteButtonState, NodeListLike, PLAYER_CONTEXT_KEY, PartContextValue, PiPButtonElement, PiPButtonProps, PiPButtonState, PlayButtonElement, PlayButtonProps, PlayButtonState, PlaybackRateButtonElement, PlaybackRateButtonProps, PlaybackRateButtonState, PlaybackRateRadioGroupElement, PlaybackRateRadioGroupOption, PlaybackRateRadioGroupProps, PlaybackRateRadioGroupState, PlayerContext, PlayerContextValue, PlayerController, PlayerControllerHost, PlayerElement, PlayerElementConstructor, PopoverAlign, PopoverBoundary, PopoverElement, PopoverProps, PopoverSide, PopoverState, PosterElement, PosterState, PropertyDeclaration, PropertyDeclarationMap, PropertyValues, QualityRadioGroupElement, QualityRadioGroupOption, QualityRadioGroupProps, QualityRadioGroupState, RadioOption, RadioOptionsState, ReactiveController, ReactiveControllerHost, ReactiveElement, RemotePlaybackConnectionState, RemotePlaybackEvents, RemotePlaybackLike, SeekButtonDirection, SeekButtonElement, SeekButtonProps, SeekButtonState, SeekIndicatorElement, SeekIndicatorProps, SeekIndicatorState, SeekIndicatorValueElement, Selector, SliderBufferElement, SliderContextValue, SliderElement, SliderEventMap, SliderFillElement, SliderPreviewElement, SliderPreviewProps, SliderProps, SliderSegmentGeometry, SliderSegmentRange, SliderSegmentState, SliderState, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, SliderValueEventDetail, StatusAnnouncerElement, StatusAnnouncerLabels, StatusAnnouncerProps, StatusAnnouncerState, StatusDetails, StatusIndicatorElement, StatusIndicatorProps, StatusIndicatorState, StatusIndicatorValueElement, Text, TextCueLike, TextCueListLike, TextParams, TextTrackKind, TextTrackLike, TextTrackListEvents, TextTrackListLike, TextTrackMode, ThumbnailCoords, ThumbnailCrossOrigin, ThumbnailElement, ThumbnailFetchPriority, ThumbnailImage, ThumbnailImageProps, ThumbnailLoading, ThumbnailProps, ThumbnailState, TimeElement, TimeGroupElement, TimeProps, TimeRangeLike, TimeSeparatorElement, TimeSliderChapterRange, TimeSliderChapterTitleElement, TimeSliderChaptersElement, TimeSliderElement, TimeSliderProps, TimeSliderState, TimeState, TimeType, TitleElement, TitleState, TooltipElement, TooltipGroupElement, TooltipGroupProps, TooltipLabelElement, TooltipProps, TooltipShortcutElement, TooltipState, TransitionFlags, TransitionState, TransitionStatus, TranslationKey, TranslationOptions, TranslationParams, Translations, Translator, UIComponent, UIElement, UIElementConstructor, VERSION, Video, VideoEvents, VideoRenditionLike, VideoRenditionListLike, VideoTargetLike, VideoTrackLike, VideoTrackListLike, VolumeIndicatorElement, VolumeIndicatorFillElement, VolumeIndicatorProps, VolumeIndicatorState, VolumeIndicatorValueElement, VolumeLevel, VolumePopoverElement, VolumePopoverState, VolumeSliderElement, VolumeSliderProps, VolumeSliderState, WithMediaTracks, containerContext, createI18n, createMediaAttachMixin, createPlayer, createSelector, createTranslator, dialogContext, extensionContext, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, i18nContext, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mediaContext, menuContext, menuGroupContext, radioGroupContext as menuRadioGroupContext, onI18nRegistryChange, playerContext, registerI18n, resolveAdapterType, resolveMimeType, resolvePlayerLocale, resolveProviderLocale, shallowEqual, sliderContext, tooltipGroupContext, translateText };
+  export { AdapterType, AirPlayButtonElement, AirPlayButtonProps, AirPlayButtonState, AlertDialogElement, AlertDialogProps, AriaKeyShortcutsController, AudioRenditionLike, AudioRenditionListLike, AudioTrackLike, AudioTrackListLike, AudioTrackRadioGroupElement, AudioTrackRadioGroupOption, AudioTrackRadioGroupProps, AudioTrackRadioGroupState, BufferingIndicatorElement, BufferingIndicatorProps, BufferingIndicatorState, BuiltInIndicatorStatus, ButtonState, CONTAINER_CONTEXT_KEY, CanPlayTypeResult, CaptionsButtonElement, CaptionsButtonProps, CaptionsButtonState, CaptionsRadioGroupElement, CaptionsRadioGroupOption, CaptionsRadioGroupProps, CaptionsRadioGroupState, CastButtonElement, CastButtonProps, CastButtonState, CommonMedia, CommonMediaEvents, Comparator, ContainerContext, ContainerContextConsumer, ContainerContextValue, ContainerElement, ContextPartElement, ControlsBackdropElement, ControlsContentElement, ControlsElement, ControlsGroupElement, ControlsProps, ControlsState, ControlsVisibility, CreateI18nOptions, CreateI18nResult, CreatePlayerConfig, CreatePlayerResult, CustomMediaConstructor, DEFAULT_SEEK_STEP, DeriveCustomStatus, DestroyMixin, Destroyable, DialogBackdropElement, DialogCloseElement, DialogContextValue, DialogDescriptionElement, DialogElement, DialogPopupElement, DialogProps, DialogScope, DialogState, DialogTitleElement, EXTENSION_CONTEXT_KEY, EngineAdapter, ErrorDialogElement, ErrorLike, EventLike, EventTargetLike, ExtensionContext, ExtensionContextValue, FlatTranslations, FullscreenButtonElement, FullscreenButtonProps, FullscreenButtonState, GestureElement, GestureProps, HotkeyElement, HotkeyProps, I18nContextValue, I18nController, I18nContext as I18nLitContext, I18nProviderMixin, I18nTextMixin, IndicatorCoreProps, IndicatorDirection, IndicatorLifecycleState, IndicatorStatus, IndicatorVolumeLevel, InputAction, InputActionEvent, InputActionSource, InputIndicatorLabels, LiveButtonElement, LiveButtonProps, LiveButtonState, Locale, MEDIA_CONTEXT_KEY, MediaAttachMixin, MediaAudioRenditionCapability, MediaAudioTrack, MediaAudioTrackCapability, MediaAudioTrackState, MediaAutoplayCapability, MediaBufferCapability, MediaBufferEvents, MediaBufferState, MediaButtonComponent, MediaButtonElement, MediaContentData, MediaContentDataCapability, MediaContentDataEvents, MediaContentValue, MediaContext, MediaContextValue, MediaControlsCapability, MediaControlsState, MediaCrossOriginType, MediaError, MediaErrorCapability, MediaErrorEvents, MediaErrorState, MediaEvents, MediaFullscreenCapability, MediaFullscreenState, I18nProviderElement as MediaI18nProviderElement, MediaLiveCapability, MediaLiveEvents, MediaLiveState, MediaMetadataState, MediaPauseCapability, MediaPauseEvents, MediaPictureInPictureCapability, MediaPictureInPictureEvents, MediaPictureInPictureState, MediaPlaybackCapability, MediaPlaybackEvents, MediaPlaybackRateCapability, MediaPlaybackRateEvents, MediaPlaybackRateState, MediaPlaybackState, MediaPlayedCapability, MediaPlaysInlineCapability, MediaPosterCapability, MediaPreloadType, MediaQualityState, MediaReadyStateValue, MediaRemotePlaybackCapability, MediaRemotePlaybackState, MediaResolution, MediaSeekCapability, MediaSeekEvents, MediaSnapshot, MediaSourceCapability, MediaSourceEvents, MediaSourceState, MediaStreamType, MediaStreamTypeCapability, MediaStreamTypeEvents, MediaStreamTypeState, MediaTargetLike, MediaTextCue, TextElement as MediaTextElement, MediaTextTrack, MediaTextTrackCapability, MediaTextTrackState, MediaThumbnailsTrack, MediaTimeState, MediaUIComponent, MediaUIElement, MediaVideoDimensionsCapability, MediaVideoDimensionsEvents, MediaVideoRendition, MediaVideoRenditionCapability, MediaVideoTrackCapability, MediaVolumeCapability, MediaVolumeEvents, MediaVolumeState, MenuCheckboxItemElement, MenuContentElement, MenuContextValue, MenuElement, MenuGroupContextValue, MenuGroupElement, MenuGroupLabelElement, MenuInput, MenuItemElement, MenuItemIndicatorElement, MenuOptionState, MenuProps, RadioGroupContextValue as MenuRadioGroupContextValue, MenuRadioGroupElement, MenuRadioItemElement, MenuSeparatorElement, MenuState, MuteButtonElement, MuteButtonProps, MuteButtonState, NodeListLike, PLAYER_CONTEXT_KEY, PartContextValue, PiPButtonElement, PiPButtonProps, PiPButtonState, PlayButtonElement, PlayButtonProps, PlayButtonState, PlaybackRateButtonElement, PlaybackRateButtonProps, PlaybackRateButtonState, PlaybackRateRadioGroupElement, PlaybackRateRadioGroupOption, PlaybackRateRadioGroupProps, PlaybackRateRadioGroupState, PlayerContext, PlayerContextValue, PlayerController, PlayerControllerHost, PlayerElement, PlayerElementConstructor, PopoverAlign, PopoverBoundary, PopoverElement, PopoverProps, PopoverSide, PopoverState, PosterElement, PosterState, PropertyDeclaration, PropertyDeclarationMap, PropertyValues, QualityRadioGroupElement, QualityRadioGroupOption, QualityRadioGroupProps, QualityRadioGroupState, RadioOption, RadioOptionsState, ReactiveController, ReactiveControllerHost, ReactiveElement, RemotePlaybackConnectionState, RemotePlaybackEvents, RemotePlaybackLike, SeekButtonDirection, SeekButtonElement, SeekButtonProps, SeekButtonState, SeekIndicatorElement, SeekIndicatorProps, SeekIndicatorState, SeekIndicatorValueElement, Selector, SliderBufferElement, SliderContextValue, SliderElement, SliderEventMap, SliderFillElement, SliderPreviewElement, SliderPreviewProps, SliderProps, SliderSegmentGeometry, SliderSegmentRange, SliderSegmentState, SliderState, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, SliderValueEventDetail, StatusAnnouncerElement, StatusAnnouncerLabels, StatusAnnouncerProps, StatusAnnouncerState, StatusDetails, StatusIndicatorElement, StatusIndicatorProps, StatusIndicatorState, StatusIndicatorValueElement, Text, TextCueLike, TextCueListLike, TextParams, TextTrackKind, TextTrackLike, TextTrackListEvents, TextTrackListLike, TextTrackMode, ThumbnailCoords, ThumbnailCrossOrigin, ThumbnailElement, ThumbnailFetchPriority, ThumbnailImage, ThumbnailImageProps, ThumbnailLoading, ThumbnailProps, ThumbnailState, TimeElement, TimeGroupElement, TimeProps, TimeRangeLike, TimeSeparatorElement, TimeSliderChapterRange, TimeSliderChapterTitleElement, TimeSliderChaptersElement, TimeSliderElement, TimeSliderProps, TimeSliderState, TimeState, TimeType, TitleElement, TitleState, TooltipElement, TooltipGroupElement, TooltipGroupProps, TooltipLabelElement, TooltipProps, TooltipShortcutElement, TooltipState, TransitionFlags, TransitionState, TransitionStatus, TranslationKey, TranslationOptions, TranslationParams, Translations, Translator, UIComponent, UIElement, UIElementConstructor, VERSION, Video, VideoEvents, VideoRenditionLike, VideoRenditionListLike, VideoTargetLike, VideoTrackLike, VideoTrackListLike, VolumeIndicatorElement, VolumeIndicatorFillElement, VolumeIndicatorProps, VolumeIndicatorState, VolumeIndicatorValueElement, VolumeLevel, VolumePopoverElement, VolumePopoverState, VolumeSliderElement, VolumeSliderProps, VolumeSliderState, WithMediaTracks, containerContext, createI18n, createMediaAttachMixin, createPlayer, createSelector, createTranslator, dialogContext, extensionContext, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, i18nContext, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mediaContext, menuContext, menuGroupContext, radioGroupContext as menuRadioGroupContext, onI18nRegistryChange, playerContext, registerI18n, resolveAdapterType, resolveMimeType, resolvePlayerLocale, resolveProviderLocale, shallowEqual, sliderContext, tooltipGroupContext, translateText };
 }
 import * as import__videojs_core_dom from "@videojs/core/dom";
 import * as import__videojs_media_dom from "@videojs/media/dom";
 //#endregion
-export { type AdapterType, AirPlayButtonElement, type AirPlayButtonProps, type AirPlayButtonState, AlertDialogElement, type AlertDialogProps, AriaKeyShortcutsController, type AudioRenditionLike, type AudioRenditionListLike, type AudioTrackLike, type AudioTrackListLike, AudioTrackRadioGroupElement, type AudioTrackRadioGroupOption, type AudioTrackRadioGroupProps, type AudioTrackRadioGroupState, BufferingIndicatorElement, type BufferingIndicatorProps, type BufferingIndicatorState, type BuiltInIndicatorStatus, type ButtonState, CONTAINER_CONTEXT_KEY, type CanPlayTypeResult, CaptionsButtonElement, type CaptionsButtonProps, type CaptionsButtonState, CaptionsRadioGroupElement, type CaptionsRadioGroupOption, type CaptionsRadioGroupProps, type CaptionsRadioGroupState, CastButtonElement, type CastButtonProps, type CastButtonState, type CommonMedia, type CommonMediaEvents, type Comparator, ContainerContext, ContainerContextConsumer, ContainerContextValue, ContainerElement, ContextPartElement, ControlsBackdropElement, ControlsContentElement, ControlsElement, ControlsGroupElement, type ControlsProps, type ControlsState, type ControlsVisibility, type CreateI18nOptions, type CreateI18nResult, CreatePlayerConfig, CreatePlayerResult, type CustomMediaConstructor, DEFAULT_SEEK_STEP, type DeriveCustomStatus, DestroyMixin, type Destroyable, DialogBackdropElement, DialogCloseElement, type DialogContextValue, DialogDescriptionElement, DialogElement, DialogPopupElement, type DialogProps, type DialogState, DialogTitleElement, EXTENSION_CONTEXT_KEY, type EngineAdapter, ErrorDialogElement, type ErrorLike, type EventLike, type EventTargetLike, ExtensionContext, ExtensionContextValue, type FlatTranslations, FullscreenButtonElement, type FullscreenButtonProps, type FullscreenButtonState, GestureElement, type GestureProps, HotkeyElement, type HotkeyProps, type I18nContextValue, I18nController, type I18nContext as I18nLitContext, I18nProviderMixin, I18nTextMixin, type IndicatorCoreProps, type IndicatorDirection, type IndicatorLifecycleState, type IndicatorStatus, type IndicatorVolumeLevel, type InputAction, type InputActionEvent, type InputActionSource, type InputIndicatorLabels, LiveButtonElement, type LiveButtonProps, type LiveButtonState, type Locale, MEDIA_CONTEXT_KEY, MediaAttachMixin, type MediaAudioRenditionCapability, type MediaAudioTrack, type MediaAudioTrackCapability, type MediaAudioTrackState, type MediaAutoplayCapability, type MediaBufferCapability, type MediaBufferEvents, type MediaBufferState, type MediaButtonComponent, MediaButtonElement, type MediaContentData, type MediaContentDataCapability, type MediaContentDataEvents, type MediaContentValue, MediaContext, MediaContextValue, type MediaControlsCapability, type MediaControlsState, type MediaCrossOriginType, MediaError, type MediaErrorCapability, type MediaErrorEvents, type MediaErrorState, type MediaEvents, type MediaFullscreenCapability, type MediaFullscreenState, I18nProviderElement as MediaI18nProviderElement, type MediaLiveCapability, type MediaLiveEvents, type MediaLiveState, type MediaMetadataState, type MediaPauseCapability, type MediaPauseEvents, type MediaPictureInPictureCapability, type MediaPictureInPictureEvents, type MediaPictureInPictureState, type MediaPlaybackCapability, type MediaPlaybackEvents, type MediaPlaybackRateCapability, type MediaPlaybackRateEvents, type MediaPlaybackRateState, type MediaPlaybackState, type MediaPlayedCapability, type MediaPlaysInlineCapability, type MediaPosterCapability, type MediaPreloadType, type MediaQualityState, type MediaReadyStateValue, type MediaRemotePlaybackCapability, type MediaRemotePlaybackState, type MediaResolution, type MediaSeekCapability, type MediaSeekEvents, type MediaSnapshot, type MediaSourceCapability, type MediaSourceEvents, type MediaSourceState, type MediaStreamType, type MediaStreamTypeCapability, type MediaStreamTypeEvents, type MediaStreamTypeState, type MediaTargetLike, type MediaTextCue, TextElement as MediaTextElement, type MediaTextTrack, type MediaTextTrackCapability, type MediaTextTrackState, type MediaThumbnailsTrack, type MediaTimeState, type MediaUIComponent, MediaUIElement, type MediaVideoDimensionsCapability, type MediaVideoDimensionsEvents, type MediaVideoRendition, type MediaVideoRenditionCapability, type MediaVideoTrackCapability, type MediaVolumeCapability, type MediaVolumeEvents, type MediaVolumeState, MenuCheckboxItemElement, MenuContentElement, type MenuContextValue, MenuElement, type MenuGroupContextValue, MenuGroupElement, MenuGroupLabelElement, type MenuInput, MenuItemElement, MenuItemIndicatorElement, type MenuOptionState, type MenuProps, type RadioGroupContextValue as MenuRadioGroupContextValue, MenuRadioGroupElement, MenuRadioItemElement, MenuSeparatorElement, type MenuState, MuteButtonElement, type MuteButtonProps, type MuteButtonState, type NodeListLike, PLAYER_CONTEXT_KEY, type PartContextValue, PiPButtonElement, type PiPButtonProps, type PiPButtonState, PlayButtonElement, type PlayButtonProps, type PlayButtonState, PlaybackRateButtonElement, type PlaybackRateButtonProps, type PlaybackRateButtonState, PlaybackRateRadioGroupElement, type PlaybackRateRadioGroupOption, type PlaybackRateRadioGroupProps, type PlaybackRateRadioGroupState, PlayerContext, PlayerContextValue, PlayerController, type PlayerControllerHost, PlayerElement, PlayerElementConstructor, type PopoverAlign, type PopoverBoundary, PopoverElement, type PopoverProps, type PopoverSide, type PopoverState, PosterElement, type PosterState, type PropertyDeclaration, type PropertyDeclarationMap, type PropertyValues, QualityRadioGroupElement, type QualityRadioGroupOption, type QualityRadioGroupProps, type QualityRadioGroupState, type RadioOption, type RadioOptionsState, type ReactiveController, type ReactiveControllerHost, ReactiveElement, type RemotePlaybackConnectionState, type RemotePlaybackEvents, type RemotePlaybackLike, type SeekButtonDirection, SeekButtonElement, type SeekButtonProps, type SeekButtonState, SeekIndicatorElement, type SeekIndicatorProps, type SeekIndicatorState, SeekIndicatorValueElement, type Selector, SliderBufferElement, type SliderContextValue, SliderElement, type SliderEventMap, SliderFillElement, SliderPreviewElement, type SliderPreviewProps, type SliderProps, type SliderSegmentGeometry, type SliderSegmentRange, type SliderSegmentState, type SliderState, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, type SliderValueEventDetail, StatusAnnouncerElement, type StatusAnnouncerLabels, type StatusAnnouncerProps, type StatusAnnouncerState, type StatusDetails, StatusIndicatorElement, type StatusIndicatorProps, type StatusIndicatorState, StatusIndicatorValueElement, type Text, type TextCueLike, type TextCueListLike, type TextParams, type TextTrackKind, type TextTrackLike, type TextTrackListEvents, type TextTrackListLike, type TextTrackMode, type ThumbnailCoords, type ThumbnailCrossOrigin, ThumbnailElement, type ThumbnailFetchPriority, type ThumbnailImage, type ThumbnailImageProps, type ThumbnailLoading, type ThumbnailProps, type ThumbnailState, TimeElement, TimeGroupElement, type TimeProps, type TimeRangeLike, TimeSeparatorElement, type TimeSliderChapterRange, TimeSliderChapterTitleElement, TimeSliderChaptersElement, TimeSliderElement, type TimeSliderProps, type TimeSliderState, type TimeState, type TimeType, TitleElement, type TitleState, TooltipElement, TooltipGroupElement, type TooltipGroupProps, TooltipLabelElement, type TooltipProps, TooltipShortcutElement, type TooltipState, type TransitionFlags, type TransitionState, type TransitionStatus, type TranslationKey, type TranslationOptions, type TranslationParams, type Translations, type Translator, type UIComponent, UIElement, UIElementConstructor, VERSION, type Video, type VideoEvents, type VideoRenditionLike, type VideoRenditionListLike, type VideoTargetLike, type VideoTrackLike, type VideoTrackListLike, VolumeIndicatorElement, VolumeIndicatorFillElement, type VolumeIndicatorProps, type VolumeIndicatorState, VolumeIndicatorValueElement, type VolumeLevel, VolumePopoverElement, type VolumePopoverState, VolumeSliderElement, type VolumeSliderProps, type VolumeSliderState, type WithMediaTracks, containerContext, createI18n, createMediaAttachMixin, createPlayer, createSelector, createTranslator, dialogContext, extensionContext, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, i18nContext, index_d_exports, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mediaContext, menuContext, menuGroupContext, radioGroupContext as menuRadioGroupContext, onI18nRegistryChange, playerContext, registerI18n, resolveAdapterType, resolveMimeType, resolvePlayerLocale, resolveProviderLocale, shallowEqual, sliderContext, tooltipGroupContext, translateText };
+export { type AdapterType, AirPlayButtonElement, type AirPlayButtonProps, type AirPlayButtonState, AlertDialogElement, type AlertDialogProps, AriaKeyShortcutsController, type AudioRenditionLike, type AudioRenditionListLike, type AudioTrackLike, type AudioTrackListLike, AudioTrackRadioGroupElement, type AudioTrackRadioGroupOption, type AudioTrackRadioGroupProps, type AudioTrackRadioGroupState, BufferingIndicatorElement, type BufferingIndicatorProps, type BufferingIndicatorState, type BuiltInIndicatorStatus, type ButtonState, CONTAINER_CONTEXT_KEY, type CanPlayTypeResult, CaptionsButtonElement, type CaptionsButtonProps, type CaptionsButtonState, CaptionsRadioGroupElement, type CaptionsRadioGroupOption, type CaptionsRadioGroupProps, type CaptionsRadioGroupState, CastButtonElement, type CastButtonProps, type CastButtonState, type CommonMedia, type CommonMediaEvents, type Comparator, ContainerContext, ContainerContextConsumer, ContainerContextValue, ContainerElement, ContextPartElement, ControlsBackdropElement, ControlsContentElement, ControlsElement, ControlsGroupElement, type ControlsProps, type ControlsState, type ControlsVisibility, type CreateI18nOptions, type CreateI18nResult, CreatePlayerConfig, CreatePlayerResult, type CustomMediaConstructor, DEFAULT_SEEK_STEP, type DeriveCustomStatus, DestroyMixin, type Destroyable, DialogBackdropElement, DialogCloseElement, type DialogContextValue, DialogDescriptionElement, DialogElement, DialogPopupElement, type DialogProps, type DialogScope, type DialogState, DialogTitleElement, EXTENSION_CONTEXT_KEY, type EngineAdapter, ErrorDialogElement, type ErrorLike, type EventLike, type EventTargetLike, ExtensionContext, ExtensionContextValue, type FlatTranslations, FullscreenButtonElement, type FullscreenButtonProps, type FullscreenButtonState, GestureElement, type GestureProps, HotkeyElement, type HotkeyProps, type I18nContextValue, I18nController, type I18nContext as I18nLitContext, I18nProviderMixin, I18nTextMixin, type IndicatorCoreProps, type IndicatorDirection, type IndicatorLifecycleState, type IndicatorStatus, type IndicatorVolumeLevel, type InputAction, type InputActionEvent, type InputActionSource, type InputIndicatorLabels, LiveButtonElement, type LiveButtonProps, type LiveButtonState, type Locale, MEDIA_CONTEXT_KEY, MediaAttachMixin, type MediaAudioRenditionCapability, type MediaAudioTrack, type MediaAudioTrackCapability, type MediaAudioTrackState, type MediaAutoplayCapability, type MediaBufferCapability, type MediaBufferEvents, type MediaBufferState, type MediaButtonComponent, MediaButtonElement, type MediaContentData, type MediaContentDataCapability, type MediaContentDataEvents, type MediaContentValue, MediaContext, MediaContextValue, type MediaControlsCapability, type MediaControlsState, type MediaCrossOriginType, MediaError, type MediaErrorCapability, type MediaErrorEvents, type MediaErrorState, type MediaEvents, type MediaFullscreenCapability, type MediaFullscreenState, I18nProviderElement as MediaI18nProviderElement, type MediaLiveCapability, type MediaLiveEvents, type MediaLiveState, type MediaMetadataState, type MediaPauseCapability, type MediaPauseEvents, type MediaPictureInPictureCapability, type MediaPictureInPictureEvents, type MediaPictureInPictureState, type MediaPlaybackCapability, type MediaPlaybackEvents, type MediaPlaybackRateCapability, type MediaPlaybackRateEvents, type MediaPlaybackRateState, type MediaPlaybackState, type MediaPlayedCapability, type MediaPlaysInlineCapability, type MediaPosterCapability, type MediaPreloadType, type MediaQualityState, type MediaReadyStateValue, type MediaRemotePlaybackCapability, type MediaRemotePlaybackState, type MediaResolution, type MediaSeekCapability, type MediaSeekEvents, type MediaSnapshot, type MediaSourceCapability, type MediaSourceEvents, type MediaSourceState, type MediaStreamType, type MediaStreamTypeCapability, type MediaStreamTypeEvents, type MediaStreamTypeState, type MediaTargetLike, type MediaTextCue, TextElement as MediaTextElement, type MediaTextTrack, type MediaTextTrackCapability, type MediaTextTrackState, type MediaThumbnailsTrack, type MediaTimeState, type MediaUIComponent, MediaUIElement, type MediaVideoDimensionsCapability, type MediaVideoDimensionsEvents, type MediaVideoRendition, type MediaVideoRenditionCapability, type MediaVideoTrackCapability, type MediaVolumeCapability, type MediaVolumeEvents, type MediaVolumeState, MenuCheckboxItemElement, MenuContentElement, type MenuContextValue, MenuElement, type MenuGroupContextValue, MenuGroupElement, MenuGroupLabelElement, type MenuInput, MenuItemElement, MenuItemIndicatorElement, type MenuOptionState, type MenuProps, type RadioGroupContextValue as MenuRadioGroupContextValue, MenuRadioGroupElement, MenuRadioItemElement, MenuSeparatorElement, type MenuState, MuteButtonElement, type MuteButtonProps, type MuteButtonState, type NodeListLike, PLAYER_CONTEXT_KEY, type PartContextValue, PiPButtonElement, type PiPButtonProps, type PiPButtonState, PlayButtonElement, type PlayButtonProps, type PlayButtonState, PlaybackRateButtonElement, type PlaybackRateButtonProps, type PlaybackRateButtonState, PlaybackRateRadioGroupElement, type PlaybackRateRadioGroupOption, type PlaybackRateRadioGroupProps, type PlaybackRateRadioGroupState, PlayerContext, PlayerContextValue, PlayerController, type PlayerControllerHost, PlayerElement, PlayerElementConstructor, type PopoverAlign, type PopoverBoundary, PopoverElement, type PopoverProps, type PopoverSide, type PopoverState, PosterElement, type PosterState, type PropertyDeclaration, type PropertyDeclarationMap, type PropertyValues, QualityRadioGroupElement, type QualityRadioGroupOption, type QualityRadioGroupProps, type QualityRadioGroupState, type RadioOption, type RadioOptionsState, type ReactiveController, type ReactiveControllerHost, ReactiveElement, type RemotePlaybackConnectionState, type RemotePlaybackEvents, type RemotePlaybackLike, type SeekButtonDirection, SeekButtonElement, type SeekButtonProps, type SeekButtonState, SeekIndicatorElement, type SeekIndicatorProps, type SeekIndicatorState, SeekIndicatorValueElement, type Selector, SliderBufferElement, type SliderContextValue, SliderElement, type SliderEventMap, SliderFillElement, SliderPreviewElement, type SliderPreviewProps, type SliderProps, type SliderSegmentGeometry, type SliderSegmentRange, type SliderSegmentState, type SliderState, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, type SliderValueEventDetail, StatusAnnouncerElement, type StatusAnnouncerLabels, type StatusAnnouncerProps, type StatusAnnouncerState, type StatusDetails, StatusIndicatorElement, type StatusIndicatorProps, type StatusIndicatorState, StatusIndicatorValueElement, type Text, type TextCueLike, type TextCueListLike, type TextParams, type TextTrackKind, type TextTrackLike, type TextTrackListEvents, type TextTrackListLike, type TextTrackMode, type ThumbnailCoords, type ThumbnailCrossOrigin, ThumbnailElement, type ThumbnailFetchPriority, type ThumbnailImage, type ThumbnailImageProps, type ThumbnailLoading, type ThumbnailProps, type ThumbnailState, TimeElement, TimeGroupElement, type TimeProps, type TimeRangeLike, TimeSeparatorElement, type TimeSliderChapterRange, TimeSliderChapterTitleElement, TimeSliderChaptersElement, TimeSliderElement, type TimeSliderProps, type TimeSliderState, type TimeState, type TimeType, TitleElement, type TitleState, TooltipElement, TooltipGroupElement, type TooltipGroupProps, TooltipLabelElement, type TooltipProps, TooltipShortcutElement, type TooltipState, type TransitionFlags, type TransitionState, type TransitionStatus, type TranslationKey, type TranslationOptions, type TranslationParams, type Translations, type Translator, type UIComponent, UIElement, UIElementConstructor, VERSION, type Video, type VideoEvents, type VideoRenditionLike, type VideoRenditionListLike, type VideoTargetLike, type VideoTrackLike, type VideoTrackListLike, VolumeIndicatorElement, VolumeIndicatorFillElement, type VolumeIndicatorProps, type VolumeIndicatorState, VolumeIndicatorValueElement, type VolumeLevel, VolumePopoverElement, type VolumePopoverState, VolumeSliderElement, type VolumeSliderProps, type VolumeSliderState, type WithMediaTracks, containerContext, createI18n, createMediaAttachMixin, createPlayer, createSelector, createTranslator, dialogContext, extensionContext, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, i18nContext, index_d_exports, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mediaContext, menuContext, menuGroupContext, radioGroupContext as menuRadioGroupContext, onI18nRegistryChange, playerContext, registerI18n, resolveAdapterType, resolveMimeType, resolvePlayerLocale, resolveProviderLocale, shallowEqual, sliderContext, tooltipGroupContext, translateText };
 //# sourceMappingURL=index.d.ts.map

package/dist/dev/internal/skins/compat-audio/skin.css

@@ -182,7 +182,11 @@
 
   :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-dialog-backdrop {
     z-index: 40;
+    transition-property: opacity;
+    transition-duration: .15s;
+    transition-duration: var(--media-duration-slower);
     background-color: #000000bf;
+    transition-timing-function: cubic-bezier(0, 0, .2, 1);
     position: absolute;
     inset: 0;
   }
@@ -191,6 +195,18 @@
     display: none;
   }
 
+  :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-dialog-backdrop[data-ending-style] {
+    transition-duration: var(--media-duration);
+  }
+
+  :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-dialog-backdrop[data-scope="document"] {
+    position: fixed;
+  }
+
+  :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-dialog-backdrop:is([data-starting-style], [data-ending-style]) {
+    opacity: 0;
+  }
+
   :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-dialog-close {
     height: calc(var(--media-spacing) * 8);
     width: auto;
@@ -215,8 +231,12 @@
     background-color: var(--media-popover);
     padding: calc(var(--media-spacing) * 5);
     color: var(--media-popover-foreground);
+    transition-property: opacity, scale;
+    transition-duration: .15s;
+    transition-duration: var(--media-duration-slower);
     border-radius: .5rem;
     outline-style: none;
+    transition-timing-function: cubic-bezier(0, 0, .2, 1);
     display: grid;
     position: absolute;
     top: 50%;
@@ -236,6 +256,15 @@
     outline-color: var(--media-ring);
   }
 
+  :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-dialog-popup[data-ending-style] {
+    transition-duration: var(--media-duration);
+  }
+
+  :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-dialog-popup[data-scope="document"] {
+    max-height: calc(100dvh - 2rem);
+    position: fixed;
+  }
+
   @media (forced-colors: active) {
     :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-dialog-popup {
       border: 1px solid canvastext;
@@ -248,6 +277,11 @@
     }
   }
 
+  :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-dialog-popup:is([data-starting-style], [data-ending-style]) {
+    scale: var(--media-hidden-popup-scale) var(--media-hidden-popup-scale);
+    opacity: 0;
+  }
+
   :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-dialog-title {
     font-size: 1.125rem;
     font-weight: 700;
@@ -890,7 +924,7 @@
   :where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-backdrop {
     pointer-events: none;
     z-index: 10;
-    background-image: linear-gradient(to top, #000000b3, #0003, #00000080);
+    background-image: var(--media-controls-gradient);
     position: absolute;
     inset: 0;
   }
@@ -1314,6 +1348,10 @@
     outline: 2px solid;
   }
 
+  :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-menu-radio-item[data-custom] {
+    font-style: italic;
+  }
+
   :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-menu-radio-item[data-highlighted] {
     background-color: var(--media-button-highlight);
   }
@@ -1336,6 +1374,20 @@
     font-variant-numeric: tabular-nums;
   }
 
+  @supports not (text-fit: shrink) {
+    :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-playback-rate-button {
+      font-size: min(1em, calc(4em / (var(--media-playback-rate-length, 3) + 1)));
+    }
+  }
+
+  :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-playback-rate-button-label {
+    text-align: center;
+    white-space: nowrap;
+    text-fit: shrink;
+    width: 80%;
+    min-width: 0;
+  }
+
   :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-menu-content {
     overscroll-behavior: none;
     max-height: 100%;
@@ -1496,7 +1548,6 @@
   }
 
   :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-audio, :where(.media-skin[data-theme="compat"][data-preset="audio"]).media-audio {
-    aspect-ratio: auto;
     background-color: var(--media-background);
     box-shadow: 0 0 #0000,
       0 0 #0000,
@@ -1509,6 +1560,9 @@
   :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-container, :where(.media-skin[data-theme="compat"][data-preset="audio"]).media-container {
     border-radius: var(--media-video-border-radius);
     width: 100%;
+    min-width: 0;
+    height: 100%;
+    min-height: 0;
     font-family: var(--media-font-family, "Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif);
     font-size: calc(var(--media-spacing) * 3.25);
     color: var(--media-foreground);
@@ -1538,6 +1592,17 @@
     outline-style: solid;
     outline-color: var(--media-ring);
   }
+
+  .media-container > slot::slotted(video), :scope.media-container > slot::slotted(video) {
+    border-radius: inherit;
+    object-fit: var(--media-object-fit, contain);
+    object-position: var(--media-object-position, center);
+    width: 100%;
+    max-width: 100%;
+    margin: 0;
+    display: block;
+    height: 100% !important;
+  }
 }
 
 @layer utilities;
@@ -1555,7 +1620,7 @@
     --media-accent: var(--media-accent-color, color-mix(in oklab, var(--media-default-accent-color) 10%, transparent));
     --media-accent-foreground: var(--media-accent-text-color, currentColor);
     --media-muted: oklch(100% 0 0 / .15);
-    --media-muted-foreground: oklch(100% 0 0 / .65);
+    --media-muted-foreground: color-mix(in oklab, var(--media-foreground) 65%, transparent);
     --media-border: oklch(0% 0 0 / .1);
     --media-ring: oklch(100% 0 0);
     --media-backdrop: oklch(0% 0 0);
@@ -1568,9 +1633,9 @@
     --media-shadow-current-color: oklch(from currentColor 0 0 0 / clamp(0, calc((l - .5) * .5), .15));
     --media-shadow-subtle-current-color: color-mix(in oklab, var(--media-shadow-current-color) 40%, transparent);
     --media-text-shadow-dialog: 0 1px 0 #00000040;
-    --media-backdrop-filter-surface: blur(16px) saturate(110%);
+    --media-backdrop-filter-surface: blur(16px) saturate(125%);
     --media-backdrop-filter-indicator: blur(8px);
-    --media-backdrop-filter-dialog: blur(16px) saturate(110%);
+    --media-backdrop-filter-dialog: blur(16px) saturate(125%);
     --media-control-corner-shape: round;
     --media-control-radius: 99px;
     --media-control-size: calc(var(--media-spacing) * 9);
@@ -1675,6 +1740,7 @@
     --media-controls-foreground: var(--media-foreground);
     --media-popover: var(--media-controls);
     --media-popover-foreground: var(--media-foreground);
+    --media-muted: oklch(0% 0 0 / .1);
     --media-surface-border: oklch(0% 0 0 / .05);
     --media-primary: var(--media-accent-color, var(--media-foreground));
     --media-border: oklch(0% 0 0 / .1);
@@ -1693,6 +1759,7 @@
       --media-foreground: light-dark(oklch(0% 0 0), oklch(100% 0 0));
       --media-controls: light-dark(oklch(100% 0 0 / .5), oklch(0% 0 0 / .4));
       --media-border: light-dark(oklch(0% 0 0 / .1), oklch(100% 0 0 / .1));
+      --media-muted: light-dark(oklch(0% 0 0 / .1), oklch(100% 0 0 / .1));
       --media-default-accent-color: light-dark(oklch(0% 0 0), oklch(100% 0 0));
       --media-default-accent-text-color: light-dark(oklch(100% 0 0), oklch(0% 0 0));
       --media-internal-accent-text-fallback: light-dark(oklch(100% 0 0), oklch(0% 0 0));

package/dist/dev/internal/skins/compat-audio/template.js

@@ -107,7 +107,7 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 </media-controls-group>
 <media-controls-group class="video-controls-group">
 <media-playback-rate-button commandfor="vjs-qLzMuG8D-0-popup" class="media-button media-playback-rate-button" id="vjs-0wiMTNy2-0-4-trigger">
-<span data-part="value">
+<span data-part="value" class="media-playback-rate-button-label">
 </span>
 </media-playback-rate-button>
 <media-tooltip trigger="vjs-0wiMTNy2-0-4-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-tooltip-popup">

package/dist/dev/internal/skins/compat-audio/template.js.map

@@ -1 +1 @@
-{"version":3,"file":"template.js","names":[],"sources":["../../../../../src/internal/skins/compat-audio/template.ts"],"sourcesContent":["import { createTemplate } from '@videojs/utils/dom';\n\n/** Static template rendered from the finalized VJSC module graph. */\nexport const template =\n  createTemplate(/* html */ `<media-container class=\"media-skin media-container media-audio\" data-theme=\"compat\" data-preset=\"audio\">\n<slot>\n</slot>\n<media-error-dialog>\n<media-dialog-backdrop class=\"media-dialog-backdrop\">\n</media-dialog-backdrop>\n<media-dialog-popup class=\"media-dialog-popup\">\n<media-dialog-title class=\"media-dialog-title\">\n</media-dialog-title>\n<media-dialog-description class=\"media-dialog-description\">\n</media-dialog-description>\n<media-dialog-close class=\"media-button media-dialog-close\">\n</media-dialog-close>\n</media-dialog-popup>\n</media-error-dialog>\n<media-controls visibility=\"always\">\n<media-buffering-indicator class=\"video-controls-buffering\">\n<media-controls-content class=\"video-controls-content audio-controls-content\">\n<media-tooltip-group>\n<div class=\"video-controls-bottom audio-controls-bottom\">\n<div class=\"video-controls-slider-row\">\n<media-time-slider class=\"media-time-slider\" thumb-alignment=\"edge\">\n<media-time-slider-chapters class=\"media-time-slider-chapters\">\n<template>\n<div class=\"media-time-slider-chapter\">\n<media-slider-track class=\"media-time-slider-track media-time-slider-audio-track\">\n<media-slider-buffer class=\"media-time-slider-buffer media-time-slider-audio-buffer\">\n</media-slider-buffer>\n<media-slider-fill class=\"media-time-slider-fill\">\n</media-slider-fill>\n</media-slider-track>\n</div>\n</template>\n</media-time-slider-chapters>\n<media-slider-thumb class=\"media-time-slider-thumb\">\n</media-slider-thumb>\n<media-slider-preview class=\"media-time-slider-preview\">\n<media-slider-thumbnail class=\"media-slider-thumbnail\">\n<img alt=\"\" aria-hidden=\"true\" decoding=\"async\" class=\"media-slider-thumbnail-image\">\n</media-slider-thumbnail>\n<div class=\"media-time-slider-preview-meta media-time-slider-audio-preview-meta\">\n<div class=\"media-time-slider-preview-label\">\n<media-slider-value class=\"media-time-slider-value\" type=\"pointer\">\n</media-slider-value>\n<media-time-slider-chapter-title class=\"media-time-slider-chapter-title\">\n</media-time-slider-chapter-title>\n</div>\n</div>\n</media-slider-preview>\n</media-time-slider>\n</div>\n<media-controls-group class=\"video-controls-row\">\n<media-controls-group class=\"video-controls-group video-controls-start\">\n<media-play-button class=\"media-button media-play-button\" id=\"vjs-0wiMTNy2-0-trigger\">\n<media-icon family=\"compat\" name=\"restart\" class=\"media-button-icon-base media-play-button-restart-icon\">\n</media-icon>\n<media-icon family=\"compat\" name=\"play\" class=\"media-button-icon-base media-play-button-play-icon\">\n</media-icon>\n<media-icon family=\"compat\" name=\"pause\" class=\"media-button-icon-base media-play-button-pause-icon\">\n</media-icon>\n</media-play-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-seek-button seconds=\"-10\" class=\"media-button media-seek-button-audio\" id=\"vjs-0wiMTNy2-0-2-trigger\">\n<div class=\"media-seek-button-content\">\n<media-icon family=\"compat\" name=\"seek\" class=\"media-button-icon media-seek-button-backward-icon\">\n</media-icon>\n<span class=\"media-seek-button-label media-seek-button-backward-label\">10</span>\n</div>\n</media-seek-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-2-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-seek-button seconds=\"10\" class=\"media-button media-seek-button-audio\" id=\"vjs-0wiMTNy2-0-3-trigger\">\n<div class=\"media-seek-button-content\">\n<media-icon family=\"compat\" name=\"seek\" class=\"media-button-icon\">\n</media-icon>\n<span class=\"media-seek-button-label media-seek-button-forward-label\">10</span>\n</div>\n</media-seek-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-3-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-time-group class=\"media-time-group\">\n<media-time class=\"media-time-toggle\" type=\"current\" toggle>\n</media-time>\n<media-time class=\"media-time-current-value\" type=\"current\">\n</media-time>\n<media-time-separator class=\"media-time-separator\">\n</media-time-separator>\n<media-time class=\"media-time-duration-value\" type=\"duration\">\n</media-time>\n</media-time-group>\n</media-controls-group>\n<media-controls-group class=\"video-controls-group\">\n<media-playback-rate-button commandfor=\"vjs-qLzMuG8D-0-popup\" class=\"media-button media-playback-rate-button\" id=\"vjs-0wiMTNy2-0-4-trigger\">\n<span data-part=\"value\">\n</span>\n</media-playback-rate-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-4-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-text token=\"menu.speed\">Speed</media-text>\n</media-tooltip>\n<media-menu side=\"top\" align=\"center\" boundary=\"viewport\" class=\"media-popup media-popup-safe-area media-menu-popup media-menu-rate-popup\" id=\"vjs-qLzMuG8D-0-popup\">\n<media-menu-content class=\"media-menu-content\">\n<media-playback-rate-radio-group class=\"media-menu-radio-group\">\n<template>\n<media-menu-radio-item class=\"media-menu-radio-item\">\n<span data-part=\"label\">\n</span>\n<media-menu-item-indicator force-mount class=\"media-menu-indicator\">\n<media-icon family=\"compat\" name=\"check\" class=\"media-menu-radio-icon\">\n</media-icon>\n</media-menu-item-indicator>\n</media-menu-radio-item>\n</template>\n</media-playback-rate-radio-group>\n</media-menu-content>\n</media-menu>\n<media-mute-button commandfor=\"vjs-DTtRMRFm-0-popup\" class=\"media-button media-mute-button\" id=\"vjs-0wiMTNy2-0-5-trigger\">\n<media-icon family=\"compat\" name=\"volume-off\" class=\"media-button-icon media-mute-button-off-icon\">\n</media-icon>\n<media-icon family=\"compat\" name=\"volume-high\" class=\"media-button-icon media-mute-button-high-icon\">\n</media-icon>\n</media-mute-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-5-trigger\" delay=\"0\" disabled side=\"top\" sticky class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-volume-popover open-on-hover delay=\"200\" close-delay=\"100\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-volume-popover-popup\" id=\"vjs-DTtRMRFm-0-popup\">\n<media-volume-slider class=\"media-volume-slider\" orientation=\"vertical\" thumb-alignment=\"edge\">\n<media-slider-track class=\"media-volume-slider-track\">\n<media-slider-fill class=\"media-volume-slider-fill\">\n</media-slider-fill>\n</media-slider-track>\n<media-slider-thumb class=\"media-volume-slider-thumb\">\n</media-slider-thumb>\n</media-volume-slider>\n</media-volume-popover>\n</media-controls-group>\n</media-controls-group>\n</div>\n</media-tooltip-group>\n</media-controls-content>\n</media-buffering-indicator>\n</media-controls>\n<media-hotkey keys=\"Space\" action=\"togglePaused\">\n</media-hotkey>\n<media-hotkey keys=\"k\" action=\"togglePaused\">\n</media-hotkey>\n<media-hotkey keys=\"m\" action=\"toggleMuted\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowRight\" action=\"seekStep\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowLeft\" action=\"seekStep\">\n</media-hotkey>\n<media-hotkey keys=\"l\" action=\"seekStep\">\n</media-hotkey>\n<media-hotkey keys=\"j\" action=\"seekStep\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowUp\" action=\"volumeStep\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowDown\" action=\"volumeStep\">\n</media-hotkey>\n<media-hotkey keys=\"0-9\" action=\"seekToPercent\">\n</media-hotkey>\n<media-hotkey keys=\"Home\" action=\"seekToPercent\" value=\"0\">\n</media-hotkey>\n<media-hotkey keys=\"End\" action=\"seekToPercent\" value=\"100\">\n</media-hotkey>\n<media-hotkey keys=\"&gt;\" action=\"speedUp\">\n</media-hotkey>\n<media-hotkey keys=\"&lt;\" action=\"speedDown\">\n</media-hotkey>\n<media-status-announcer class=\"media-status-announcer\">\n</media-status-announcer>\n</media-container>`);\n"],"mappings":";;;AAGA,MAAa,WACX,eAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA2LT"}
+{"version":3,"file":"template.js","names":[],"sources":["../../../../../src/internal/skins/compat-audio/template.ts"],"sourcesContent":["import { createTemplate } from '@videojs/utils/dom';\n\n/** Static template rendered from the finalized VJSC module graph. */\nexport const template =\n  createTemplate(/* html */ `<media-container class=\"media-skin media-container media-audio\" data-theme=\"compat\" data-preset=\"audio\">\n<slot>\n</slot>\n<media-error-dialog>\n<media-dialog-backdrop class=\"media-dialog-backdrop\">\n</media-dialog-backdrop>\n<media-dialog-popup class=\"media-dialog-popup\">\n<media-dialog-title class=\"media-dialog-title\">\n</media-dialog-title>\n<media-dialog-description class=\"media-dialog-description\">\n</media-dialog-description>\n<media-dialog-close class=\"media-button media-dialog-close\">\n</media-dialog-close>\n</media-dialog-popup>\n</media-error-dialog>\n<media-controls visibility=\"always\">\n<media-buffering-indicator class=\"video-controls-buffering\">\n<media-controls-content class=\"video-controls-content audio-controls-content\">\n<media-tooltip-group>\n<div class=\"video-controls-bottom audio-controls-bottom\">\n<div class=\"video-controls-slider-row\">\n<media-time-slider class=\"media-time-slider\" thumb-alignment=\"edge\">\n<media-time-slider-chapters class=\"media-time-slider-chapters\">\n<template>\n<div class=\"media-time-slider-chapter\">\n<media-slider-track class=\"media-time-slider-track media-time-slider-audio-track\">\n<media-slider-buffer class=\"media-time-slider-buffer media-time-slider-audio-buffer\">\n</media-slider-buffer>\n<media-slider-fill class=\"media-time-slider-fill\">\n</media-slider-fill>\n</media-slider-track>\n</div>\n</template>\n</media-time-slider-chapters>\n<media-slider-thumb class=\"media-time-slider-thumb\">\n</media-slider-thumb>\n<media-slider-preview class=\"media-time-slider-preview\">\n<media-slider-thumbnail class=\"media-slider-thumbnail\">\n<img alt=\"\" aria-hidden=\"true\" decoding=\"async\" class=\"media-slider-thumbnail-image\">\n</media-slider-thumbnail>\n<div class=\"media-time-slider-preview-meta media-time-slider-audio-preview-meta\">\n<div class=\"media-time-slider-preview-label\">\n<media-slider-value class=\"media-time-slider-value\" type=\"pointer\">\n</media-slider-value>\n<media-time-slider-chapter-title class=\"media-time-slider-chapter-title\">\n</media-time-slider-chapter-title>\n</div>\n</div>\n</media-slider-preview>\n</media-time-slider>\n</div>\n<media-controls-group class=\"video-controls-row\">\n<media-controls-group class=\"video-controls-group video-controls-start\">\n<media-play-button class=\"media-button media-play-button\" id=\"vjs-0wiMTNy2-0-trigger\">\n<media-icon family=\"compat\" name=\"restart\" class=\"media-button-icon-base media-play-button-restart-icon\">\n</media-icon>\n<media-icon family=\"compat\" name=\"play\" class=\"media-button-icon-base media-play-button-play-icon\">\n</media-icon>\n<media-icon family=\"compat\" name=\"pause\" class=\"media-button-icon-base media-play-button-pause-icon\">\n</media-icon>\n</media-play-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-seek-button seconds=\"-10\" class=\"media-button media-seek-button-audio\" id=\"vjs-0wiMTNy2-0-2-trigger\">\n<div class=\"media-seek-button-content\">\n<media-icon family=\"compat\" name=\"seek\" class=\"media-button-icon media-seek-button-backward-icon\">\n</media-icon>\n<span class=\"media-seek-button-label media-seek-button-backward-label\">10</span>\n</div>\n</media-seek-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-2-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-seek-button seconds=\"10\" class=\"media-button media-seek-button-audio\" id=\"vjs-0wiMTNy2-0-3-trigger\">\n<div class=\"media-seek-button-content\">\n<media-icon family=\"compat\" name=\"seek\" class=\"media-button-icon\">\n</media-icon>\n<span class=\"media-seek-button-label media-seek-button-forward-label\">10</span>\n</div>\n</media-seek-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-3-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-time-group class=\"media-time-group\">\n<media-time class=\"media-time-toggle\" type=\"current\" toggle>\n</media-time>\n<media-time class=\"media-time-current-value\" type=\"current\">\n</media-time>\n<media-time-separator class=\"media-time-separator\">\n</media-time-separator>\n<media-time class=\"media-time-duration-value\" type=\"duration\">\n</media-time>\n</media-time-group>\n</media-controls-group>\n<media-controls-group class=\"video-controls-group\">\n<media-playback-rate-button commandfor=\"vjs-qLzMuG8D-0-popup\" class=\"media-button media-playback-rate-button\" id=\"vjs-0wiMTNy2-0-4-trigger\">\n<span data-part=\"value\" class=\"media-playback-rate-button-label\">\n</span>\n</media-playback-rate-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-4-trigger\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-text token=\"menu.speed\">Speed</media-text>\n</media-tooltip>\n<media-menu side=\"top\" align=\"center\" boundary=\"viewport\" class=\"media-popup media-popup-safe-area media-menu-popup media-menu-rate-popup\" id=\"vjs-qLzMuG8D-0-popup\">\n<media-menu-content class=\"media-menu-content\">\n<media-playback-rate-radio-group class=\"media-menu-radio-group\">\n<template>\n<media-menu-radio-item class=\"media-menu-radio-item\">\n<span data-part=\"label\">\n</span>\n<media-menu-item-indicator force-mount class=\"media-menu-indicator\">\n<media-icon family=\"compat\" name=\"check\" class=\"media-menu-radio-icon\">\n</media-icon>\n</media-menu-item-indicator>\n</media-menu-radio-item>\n</template>\n</media-playback-rate-radio-group>\n</media-menu-content>\n</media-menu>\n<media-mute-button commandfor=\"vjs-DTtRMRFm-0-popup\" class=\"media-button media-mute-button\" id=\"vjs-0wiMTNy2-0-5-trigger\">\n<media-icon family=\"compat\" name=\"volume-off\" class=\"media-button-icon media-mute-button-off-icon\">\n</media-icon>\n<media-icon family=\"compat\" name=\"volume-high\" class=\"media-button-icon media-mute-button-high-icon\">\n</media-icon>\n</media-mute-button>\n<media-tooltip trigger=\"vjs-0wiMTNy2-0-5-trigger\" delay=\"0\" disabled side=\"top\" sticky class=\"media-popup media-popup-safe-area media-popup-transition media-tooltip-popup\">\n<media-tooltip-label>\n</media-tooltip-label>\n<media-tooltip-shortcut class=\"media-tooltip-shortcut\">\n</media-tooltip-shortcut>\n</media-tooltip>\n<media-volume-popover open-on-hover delay=\"200\" close-delay=\"100\" side=\"top\" class=\"media-popup media-popup-safe-area media-popup-transition media-volume-popover-popup\" id=\"vjs-DTtRMRFm-0-popup\">\n<media-volume-slider class=\"media-volume-slider\" orientation=\"vertical\" thumb-alignment=\"edge\">\n<media-slider-track class=\"media-volume-slider-track\">\n<media-slider-fill class=\"media-volume-slider-fill\">\n</media-slider-fill>\n</media-slider-track>\n<media-slider-thumb class=\"media-volume-slider-thumb\">\n</media-slider-thumb>\n</media-volume-slider>\n</media-volume-popover>\n</media-controls-group>\n</media-controls-group>\n</div>\n</media-tooltip-group>\n</media-controls-content>\n</media-buffering-indicator>\n</media-controls>\n<media-hotkey keys=\"Space\" action=\"togglePaused\">\n</media-hotkey>\n<media-hotkey keys=\"k\" action=\"togglePaused\">\n</media-hotkey>\n<media-hotkey keys=\"m\" action=\"toggleMuted\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowRight\" action=\"seekStep\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowLeft\" action=\"seekStep\">\n</media-hotkey>\n<media-hotkey keys=\"l\" action=\"seekStep\">\n</media-hotkey>\n<media-hotkey keys=\"j\" action=\"seekStep\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowUp\" action=\"volumeStep\">\n</media-hotkey>\n<media-hotkey keys=\"ArrowDown\" action=\"volumeStep\">\n</media-hotkey>\n<media-hotkey keys=\"0-9\" action=\"seekToPercent\">\n</media-hotkey>\n<media-hotkey keys=\"Home\" action=\"seekToPercent\" value=\"0\">\n</media-hotkey>\n<media-hotkey keys=\"End\" action=\"seekToPercent\" value=\"100\">\n</media-hotkey>\n<media-hotkey keys=\"&gt;\" action=\"speedUp\">\n</media-hotkey>\n<media-hotkey keys=\"&lt;\" action=\"speedDown\">\n</media-hotkey>\n<media-status-announcer class=\"media-status-announcer\">\n</media-status-announcer>\n</media-container>`);\n"],"mappings":";;;AAGA,MAAa,WACX,eAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA2LT"}