@videojs/html 10.0.0-rc.4 → 10.0.0-rc.5

package/dist/dev/presets/live-audio/skin.js.map

@@ -1 +1 @@
-{"version":3,"file":"skin.js","names":["styles"],"sources":["../../../../src/presets/live-audio/skin.ts"],"sourcesContent":["import { createShadowStyle } from '@videojs/utils/dom';\n\nimport { template } from '../../internal/skins/default-live-audio/template';\nimport { SkinElement } from '../skin';\n\nimport styles from '../../define/live-audio/skin.css?inline';\n\n/** Packaged default live-audio UI registered as `<live-audio-skin>`. */\nexport class LiveAudioSkinElement extends SkinElement {\n  static readonly tagName = 'live-audio-skin';\n  static styles = createShadowStyle(styles);\n  static template = template;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [LiveAudioSkinElement.tagName]: LiveAudioSkinElement;\n  }\n}\n"],"mappings":";;;;;;AAQA,IAAa,uBAAb,cAA0C,YAAY;;EAC1B,KAAA,UAAA;;;EACV,KAAA,SAAA,kBAAkBA,YAAM;;;EACtB,KAAA,WAAA;;AACpB"}
+{"version":3,"file":"skin.js","names":["styles"],"sources":["../../../../src/presets/live-audio/skin.ts"],"sourcesContent":["import { createShadowStyle } from '@videojs/utils/dom';\n\nimport { template } from '../../internal/skins/default-live-audio/template';\nimport { SkinElement } from '../skin';\n\nimport styles from '../../define/live-audio/skin.css?inline';\n\n/** Packaged default live-audio UI registered as `<live-audio-skin>`. */\nexport class LiveAudioSkinElement extends SkinElement {\n  static readonly tagName = 'live-audio-skin';\n  static styles: CSSStyleSheet | string = createShadowStyle(styles);\n  static template = template;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [LiveAudioSkinElement.tagName]: LiveAudioSkinElement;\n  }\n}\n"],"mappings":";;;;;;AAQA,IAAa,uBAAb,cAA0C,YAAY;;EAC1B,KAAA,UAAA;;;EACc,KAAA,SAAA,kBAAkBA,YAAM;;;EAC9C,KAAA,WAAA;;AACpB"}

package/dist/dev/presets/live-video/compat-skin.d.ts

@@ -0,0 +1,15 @@
+import { SkinElement } from "../skin.js";
+//#region src/presets/live-video/compat-skin.d.ts
+/** Packaged compat live-video UI registered as `<live-video-compat-skin>`. */
+export declare class CompatLiveVideoSkinElement extends SkinElement {
+  static readonly tagName = "live-video-compat-skin";
+  static styles: import("@videojs/utils/dom").ShadowStyle;
+  static template: HTMLTemplateElement | null;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    [CompatLiveVideoSkinElement.tagName]: CompatLiveVideoSkinElement;
+  }
+}
+//#endregion
+//# sourceMappingURL=compat-skin.d.ts.map

package/dist/dev/presets/live-video/compat-skin.js

@@ -0,0 +1,21 @@
+import { SkinElement } from "../skin.js";
+import { template } from "../../internal/skins/compat-live-video/template.js";
+import compat_skin_default from "../../define/live-video/compat-skin2.js";
+import { createShadowStyle } from "@videojs/utils/dom";
+//#region src/presets/live-video/compat-skin.ts
+/** Packaged compat live-video UI registered as `<live-video-compat-skin>`. */
+var CompatLiveVideoSkinElement = class extends SkinElement {
+	static {
+		this.tagName = "live-video-compat-skin";
+	}
+	static {
+		this.styles = createShadowStyle(compat_skin_default);
+	}
+	static {
+		this.template = template;
+	}
+};
+//#endregion
+export { CompatLiveVideoSkinElement };
+
+//# sourceMappingURL=compat-skin.js.map

package/dist/dev/presets/live-video/compat-skin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compat-skin.js","names":["styles"],"sources":["../../../../src/presets/live-video/compat-skin.ts"],"sourcesContent":["import { createShadowStyle } from '@videojs/utils/dom';\n\nimport { template } from '../../internal/skins/compat-live-video/template';\nimport { SkinElement } from '../skin';\n\nimport styles from '../../define/live-video/compat-skin.css?inline';\n\n/** Packaged compat live-video UI registered as `<live-video-compat-skin>`. */\nexport class CompatLiveVideoSkinElement extends SkinElement {\n  static readonly tagName = 'live-video-compat-skin';\n  static styles = createShadowStyle(styles);\n  static template = template;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [CompatLiveVideoSkinElement.tagName]: CompatLiveVideoSkinElement;\n  }\n}\n"],"mappings":";;;;;;AAQA,IAAa,6BAAb,cAAgD,YAAY;;EAChC,KAAA,UAAA;;;EACV,KAAA,SAAA,kBAAkBA,mBAAM;;;EACtB,KAAA,WAAA;;AACpB"}

package/dist/dev/presets/live-video/index.d.ts

@@ -1,5 +1,6 @@
+import { CompatLiveVideoSkinElement } from "./compat-skin.js";
 import { LiveVideoPlayerElement, PlayerController } from "./player.js";
 import { LiveVideoSkinElement } from "./skin.js";
-import { MinimalLiveVideoSkinElement } from "./minimal-skin.js";
+import { NeutralLiveVideoSkinElement } from "./neutral-skin.js";
 import { liveVideoFeatures } from "@videojs/core/dom";
-export { LiveVideoPlayerElement, LiveVideoSkinElement, MinimalLiveVideoSkinElement, PlayerController, liveVideoFeatures };
+export { CompatLiveVideoSkinElement, LiveVideoPlayerElement, LiveVideoSkinElement, NeutralLiveVideoSkinElement, PlayerController, liveVideoFeatures };

package/dist/dev/presets/live-video/index.js

@@ -1,5 +1,6 @@
-import { MinimalLiveVideoSkinElement } from "./minimal-skin.js";
+import { CompatLiveVideoSkinElement } from "./compat-skin.js";
+import { NeutralLiveVideoSkinElement } from "./neutral-skin.js";
 import { LiveVideoPlayerElement, PlayerController } from "./player.js";
 import { LiveVideoSkinElement } from "./skin.js";
 import { liveVideoFeatures } from "@videojs/core/dom";
-export { LiveVideoPlayerElement, LiveVideoSkinElement, MinimalLiveVideoSkinElement, PlayerController, liveVideoFeatures };
+export { CompatLiveVideoSkinElement, LiveVideoPlayerElement, LiveVideoSkinElement, NeutralLiveVideoSkinElement, PlayerController, liveVideoFeatures };

package/dist/dev/presets/live-video/neutral-skin.d.ts

@@ -0,0 +1,15 @@
+import { SkinElement } from "../skin.js";
+//#region src/presets/live-video/neutral-skin.d.ts
+/** Packaged Neutral live-video UI registered as `<live-video-neutral-skin>`. */
+export declare class NeutralLiveVideoSkinElement extends SkinElement {
+  static readonly tagName = "live-video-neutral-skin";
+  static styles: CSSStyleSheet | string;
+  static template: HTMLTemplateElement | null;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    [NeutralLiveVideoSkinElement.tagName]: NeutralLiveVideoSkinElement;
+  }
+}
+//#endregion
+//# sourceMappingURL=neutral-skin.d.ts.map

package/dist/dev/presets/live-video/neutral-skin.js

@@ -0,0 +1,21 @@
+import { SkinElement } from "../skin.js";
+import { template } from "../../internal/skins/neutral-live-video/template.js";
+import neutral_skin_default from "../../define/live-video/neutral-skin2.js";
+import { createShadowStyle } from "@videojs/utils/dom";
+//#region src/presets/live-video/neutral-skin.ts
+/** Packaged Neutral live-video UI registered as `<live-video-neutral-skin>`. */
+var NeutralLiveVideoSkinElement = class extends SkinElement {
+	static {
+		this.tagName = "live-video-neutral-skin";
+	}
+	static {
+		this.styles = createShadowStyle(neutral_skin_default);
+	}
+	static {
+		this.template = template;
+	}
+};
+//#endregion
+export { NeutralLiveVideoSkinElement };
+
+//# sourceMappingURL=neutral-skin.js.map

package/dist/dev/presets/live-video/neutral-skin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"neutral-skin.js","names":["styles"],"sources":["../../../../src/presets/live-video/neutral-skin.ts"],"sourcesContent":["import { createShadowStyle } from '@videojs/utils/dom';\n\nimport { template } from '../../internal/skins/neutral-live-video/template';\nimport { SkinElement } from '../skin';\n\nimport styles from '../../define/live-video/neutral-skin.css?inline';\n\n/** Packaged Neutral live-video UI registered as `<live-video-neutral-skin>`. */\nexport class NeutralLiveVideoSkinElement extends SkinElement {\n  static readonly tagName = 'live-video-neutral-skin';\n  static styles: CSSStyleSheet | string = createShadowStyle(styles);\n  static template = template;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [NeutralLiveVideoSkinElement.tagName]: NeutralLiveVideoSkinElement;\n  }\n}\n"],"mappings":";;;;;;AAQA,IAAa,8BAAb,cAAiD,YAAY;;EACjC,KAAA,UAAA;;;EACc,KAAA,SAAA,kBAAkBA,oBAAM;;;EAC9C,KAAA,WAAA;;AACpB"}

package/dist/dev/presets/live-video/player.d.ts

@@ -4,8 +4,8 @@ import { index_d_exports } from "../../index.js";
 //#region src/presets/live-video/player.d.ts
 declare const PlayerElement: PlayerElementConstructor<index_d_exports.PlayerStore<index_d_exports.LiveVideoFeatures>>;
 /** Player controller bound to the live video player store. */
-declare const PlayerController: PlayerController$1.ConfiguredConstructor<index_d_exports.PlayerStore<index_d_exports.LiveVideoFeatures>>;
-declare class LiveVideoPlayerElement extends PlayerElement {
+export declare const PlayerController: PlayerController$1.ConfiguredConstructor<index_d_exports.PlayerStore<index_d_exports.LiveVideoFeatures>>;
+export declare class LiveVideoPlayerElement extends PlayerElement {
   static readonly tagName = "live-video-player";
 }
 declare global {
@@ -14,5 +14,4 @@ declare global {
   }
 }
 //#endregion
-export { LiveVideoPlayerElement, PlayerController };
 //# sourceMappingURL=player.d.ts.map

package/dist/dev/presets/live-video/skin.d.ts

@@ -1,9 +1,9 @@
 import { SkinElement } from "../skin.js";
 //#region src/presets/live-video/skin.d.ts
 /** Packaged default live-video UI registered as `<live-video-skin>`. */
-declare class LiveVideoSkinElement extends SkinElement {
+export declare class LiveVideoSkinElement extends SkinElement {
   static readonly tagName = "live-video-skin";
-  static styles: import("@videojs/utils/dom").ShadowStyle;
+  static styles: CSSStyleSheet | string;
   static template: HTMLTemplateElement | null;
 }
 declare global {
@@ -12,5 +12,4 @@ declare global {
   }
 }
 //#endregion
-export { LiveVideoSkinElement };
 //# sourceMappingURL=skin.d.ts.map

package/dist/dev/presets/live-video/skin.js.map

@@ -1 +1 @@
-{"version":3,"file":"skin.js","names":["styles"],"sources":["../../../../src/presets/live-video/skin.ts"],"sourcesContent":["import { createShadowStyle } from '@videojs/utils/dom';\n\nimport { template } from '../../internal/skins/default-live-video/template';\nimport { SkinElement } from '../skin';\n\nimport styles from '../../define/live-video/skin.css?inline';\n\n/** Packaged default live-video UI registered as `<live-video-skin>`. */\nexport class LiveVideoSkinElement extends SkinElement {\n  static readonly tagName = 'live-video-skin';\n  static styles = createShadowStyle(styles);\n  static template = template;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [LiveVideoSkinElement.tagName]: LiveVideoSkinElement;\n  }\n}\n"],"mappings":";;;;;;AAQA,IAAa,uBAAb,cAA0C,YAAY;;EAC1B,KAAA,UAAA;;;EACV,KAAA,SAAA,kBAAkBA,YAAM;;;EACtB,KAAA,WAAA;;AACpB"}
+{"version":3,"file":"skin.js","names":["styles"],"sources":["../../../../src/presets/live-video/skin.ts"],"sourcesContent":["import { createShadowStyle } from '@videojs/utils/dom';\n\nimport { template } from '../../internal/skins/default-live-video/template';\nimport { SkinElement } from '../skin';\n\nimport styles from '../../define/live-video/skin.css?inline';\n\n/** Packaged default live-video UI registered as `<live-video-skin>`. */\nexport class LiveVideoSkinElement extends SkinElement {\n  static readonly tagName = 'live-video-skin';\n  static styles: CSSStyleSheet | string = createShadowStyle(styles);\n  static template = template;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [LiveVideoSkinElement.tagName]: LiveVideoSkinElement;\n  }\n}\n"],"mappings":";;;;;;AAQA,IAAa,uBAAb,cAA0C,YAAY;;EAC1B,KAAA,UAAA;;;EACc,KAAA,SAAA,kBAAkBA,YAAM;;;EAC9C,KAAA,WAAA;;AACpB"}

package/dist/dev/presets/skin.d.ts

@@ -5,12 +5,11 @@ import { ShadowStyle } from "@videojs/utils/dom";
  * Base element for skin definitions. Attaches a shadow root, clones `static template` into it, and applies shared +
  * per-skin styles via `adoptedStyleSheets` (or `<style>` fallback).
  */
-declare class SkinElement extends ReactiveElement {
+export declare class SkinElement extends ReactiveElement {
   static shadowRootOptions: ShadowRootInit;
   static styles?: ShadowStyle;
   static template?: HTMLTemplateElement | null;
   constructor();
 }
 //#endregion
-export { SkinElement };
 //# sourceMappingURL=skin.d.ts.map

package/dist/dev/presets/video/compat-skin.d.ts

@@ -0,0 +1,15 @@
+import { SkinElement } from "../skin.js";
+//#region src/presets/video/compat-skin.d.ts
+/** Packaged compat video UI registered as `<video-compat-skin>`. */
+export declare class CompatVideoSkinElement extends SkinElement {
+  static readonly tagName = "video-compat-skin";
+  static styles: import("@videojs/utils/dom").ShadowStyle;
+  static template: HTMLTemplateElement | null;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    [CompatVideoSkinElement.tagName]: CompatVideoSkinElement;
+  }
+}
+//#endregion
+//# sourceMappingURL=compat-skin.d.ts.map

package/dist/dev/presets/video/compat-skin.js

@@ -0,0 +1,21 @@
+import { template } from "../../internal/skins/compat-video/template.js";
+import { SkinElement } from "../skin.js";
+import compat_skin_default from "../../define/video/compat-skin2.js";
+import { createShadowStyle } from "@videojs/utils/dom";
+//#region src/presets/video/compat-skin.ts
+/** Packaged compat video UI registered as `<video-compat-skin>`. */
+var CompatVideoSkinElement = class extends SkinElement {
+	static {
+		this.tagName = "video-compat-skin";
+	}
+	static {
+		this.styles = createShadowStyle(compat_skin_default);
+	}
+	static {
+		this.template = template;
+	}
+};
+//#endregion
+export { CompatVideoSkinElement };
+
+//# sourceMappingURL=compat-skin.js.map

package/dist/dev/presets/video/compat-skin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compat-skin.js","names":["styles"],"sources":["../../../../src/presets/video/compat-skin.ts"],"sourcesContent":["import { createShadowStyle } from '@videojs/utils/dom';\n\nimport { template } from '../../internal/skins/compat-video/template';\nimport { SkinElement } from '../skin';\n\nimport styles from '../../define/video/compat-skin.css?inline';\n\n/** Packaged compat video UI registered as `<video-compat-skin>`. */\nexport class CompatVideoSkinElement extends SkinElement {\n  static readonly tagName = 'video-compat-skin';\n  static styles = createShadowStyle(styles);\n  static template = template;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [CompatVideoSkinElement.tagName]: CompatVideoSkinElement;\n  }\n}\n"],"mappings":";;;;;;AAQA,IAAa,yBAAb,cAA4C,YAAY;;EAC5B,KAAA,UAAA;;;EACV,KAAA,SAAA,kBAAkBA,mBAAM;;;EACtB,KAAA,WAAA;;AACpB"}

package/dist/dev/presets/video/index.d.ts

@@ -1,5 +1,6 @@
-import { MinimalVideoSkinElement } from "./minimal-skin.js";
+import { CompatVideoSkinElement } from "./compat-skin.js";
+import { NeutralVideoSkinElement } from "./neutral-skin.js";
 import { PlayerController, VideoPlayerElement } from "./player.js";
 import { VideoSkinElement } from "./skin.js";
 import { videoFeatures } from "@videojs/core/dom";
-export { MinimalVideoSkinElement, PlayerController, VideoPlayerElement, VideoSkinElement, videoFeatures };
+export { CompatVideoSkinElement, NeutralVideoSkinElement, PlayerController, VideoPlayerElement, VideoSkinElement, videoFeatures };

package/dist/dev/presets/video/index.js

@@ -1,5 +1,6 @@
-import { MinimalVideoSkinElement } from "./minimal-skin.js";
+import { CompatVideoSkinElement } from "./compat-skin.js";
+import { NeutralVideoSkinElement } from "./neutral-skin.js";
 import { PlayerController, VideoPlayerElement } from "./player.js";
 import { VideoSkinElement } from "./skin.js";
 import { videoFeatures } from "@videojs/core/dom";
-export { MinimalVideoSkinElement, PlayerController, VideoPlayerElement, VideoSkinElement, videoFeatures };
+export { CompatVideoSkinElement, NeutralVideoSkinElement, PlayerController, VideoPlayerElement, VideoSkinElement, videoFeatures };

package/dist/dev/presets/video/neutral-skin.d.ts

@@ -0,0 +1,15 @@
+import { SkinElement } from "../skin.js";
+//#region src/presets/video/neutral-skin.d.ts
+/** Packaged Neutral video UI registered as `<video-neutral-skin>`. */
+export declare class NeutralVideoSkinElement extends SkinElement {
+  static readonly tagName = "video-neutral-skin";
+  static styles: CSSStyleSheet | string;
+  static template: HTMLTemplateElement | null;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    [NeutralVideoSkinElement.tagName]: NeutralVideoSkinElement;
+  }
+}
+//#endregion
+//# sourceMappingURL=neutral-skin.d.ts.map

package/dist/dev/presets/video/neutral-skin.js

@@ -0,0 +1,21 @@
+import { SkinElement } from "../skin.js";
+import { template } from "../../internal/skins/neutral-video/template.js";
+import neutral_skin_default from "../../define/video/neutral-skin2.js";
+import { createShadowStyle } from "@videojs/utils/dom";
+//#region src/presets/video/neutral-skin.ts
+/** Packaged Neutral video UI registered as `<video-neutral-skin>`. */
+var NeutralVideoSkinElement = class extends SkinElement {
+	static {
+		this.tagName = "video-neutral-skin";
+	}
+	static {
+		this.styles = createShadowStyle(neutral_skin_default);
+	}
+	static {
+		this.template = template;
+	}
+};
+//#endregion
+export { NeutralVideoSkinElement };
+
+//# sourceMappingURL=neutral-skin.js.map

package/dist/dev/presets/video/neutral-skin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"neutral-skin.js","names":["styles"],"sources":["../../../../src/presets/video/neutral-skin.ts"],"sourcesContent":["import { createShadowStyle } from '@videojs/utils/dom';\n\nimport { template } from '../../internal/skins/neutral-video/template';\nimport { SkinElement } from '../skin';\n\nimport styles from '../../define/video/neutral-skin.css?inline';\n\n/** Packaged Neutral video UI registered as `<video-neutral-skin>`. */\nexport class NeutralVideoSkinElement extends SkinElement {\n  static readonly tagName = 'video-neutral-skin';\n  static styles: CSSStyleSheet | string = createShadowStyle(styles);\n  static template = template;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [NeutralVideoSkinElement.tagName]: NeutralVideoSkinElement;\n  }\n}\n"],"mappings":";;;;;;AAQA,IAAa,0BAAb,cAA6C,YAAY;;EAC7B,KAAA,UAAA;;;EACc,KAAA,SAAA,kBAAkBA,oBAAM;;;EAC9C,KAAA,WAAA;;AACpB"}

package/dist/dev/presets/video/player.d.ts

@@ -4,14 +4,14 @@ import { index_d_exports } from "../../index.js";
 //#region src/presets/video/player.d.ts
 declare const PlayerElement: PlayerElementConstructor<index_d_exports.VideoPlayerStore>;
 /** Player controller bound to the standard video player store. */
-declare const PlayerController: PlayerController$1.ConfiguredConstructor<index_d_exports.VideoPlayerStore>;
+export declare const PlayerController: PlayerController$1.ConfiguredConstructor<index_d_exports.VideoPlayerStore>;
 /**
  * Player-state provider registered as `<video-player>`.
  *
  * The element owns the configured video store but no layout. Put a skin or `<media-container>` inside it to provide the
  * media, controls, and fullscreen target.
  */
-declare class VideoPlayerElement extends PlayerElement {
+export declare class VideoPlayerElement extends PlayerElement {
   static readonly tagName = "video-player";
 }
 declare global {
@@ -20,5 +20,4 @@ declare global {
   }
 }
 //#endregion
-export { PlayerController, VideoPlayerElement };
 //# sourceMappingURL=player.d.ts.map

package/dist/dev/presets/video/skin.d.ts

@@ -1,9 +1,9 @@
 import { SkinElement } from "../skin.js";
 //#region src/presets/video/skin.d.ts
 /** Packaged default video UI registered as `<video-skin>`. */
-declare class VideoSkinElement extends SkinElement {
+export declare class VideoSkinElement extends SkinElement {
   static readonly tagName = "video-skin";
-  static styles: import("@videojs/utils/dom").ShadowStyle;
+  static styles: CSSStyleSheet | string;
   static template: HTMLTemplateElement | null;
 }
 declare global {
@@ -12,5 +12,4 @@ declare global {
   }
 }
 //#endregion
-export { VideoSkinElement };
 //# sourceMappingURL=skin.d.ts.map

package/dist/dev/presets/video/skin.js.map

@@ -1 +1 @@
-{"version":3,"file":"skin.js","names":["styles"],"sources":["../../../../src/presets/video/skin.ts"],"sourcesContent":["import { createShadowStyle } from '@videojs/utils/dom';\n\nimport { template } from '../../internal/skins/default-video/template';\nimport { SkinElement } from '../skin';\n\nimport styles from '../../define/video/skin.css?inline';\n\n/** Packaged default video UI registered as `<video-skin>`. */\nexport class VideoSkinElement extends SkinElement {\n  static readonly tagName = 'video-skin';\n  static styles = createShadowStyle(styles);\n  static template = template;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [VideoSkinElement.tagName]: VideoSkinElement;\n  }\n}\n"],"mappings":";;;;;;AAQA,IAAa,mBAAb,cAAsC,YAAY;;EACtB,KAAA,UAAA;;;EACV,KAAA,SAAA,kBAAkBA,YAAM;;;EACtB,KAAA,WAAA;;AACpB"}
+{"version":3,"file":"skin.js","names":["styles"],"sources":["../../../../src/presets/video/skin.ts"],"sourcesContent":["import { createShadowStyle } from '@videojs/utils/dom';\n\nimport { template } from '../../internal/skins/default-video/template';\nimport { SkinElement } from '../skin';\n\nimport styles from '../../define/video/skin.css?inline';\n\n/** Packaged default video UI registered as `<video-skin>`. */\nexport class VideoSkinElement extends SkinElement {\n  static readonly tagName = 'video-skin';\n  static styles: CSSStyleSheet | string = createShadowStyle(styles);\n  static template = template;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [VideoSkinElement.tagName]: VideoSkinElement;\n  }\n}\n"],"mappings":";;;;;;AAQA,IAAa,mBAAb,cAAsC,YAAY;;EACtB,KAAA,UAAA;;;EACc,KAAA,SAAA,kBAAkBA,YAAM;;;EAC9C,KAAA,WAAA;;AACpB"}

package/dist/dev/store/media-attach-mixin.d.ts

@@ -1,7 +1,8 @@
 import { MediaContext } from "../player/context.js";
 import { AnyConstructor } from "@videojs/utils/types";
 //#region src/store/media-attach-mixin.d.ts
-type MediaAttachMixin = <Class extends AnyConstructor<HTMLElement>>(BaseClass: Class) => Class;
+/** @internal */
+export type MediaAttachMixin = <Class extends AnyConstructor<HTMLElement>>(BaseClass: Class) => Class;
 /**
  * Create a mixin that consumes `mediaContext` and registers the element as the media with the player.
  *
@@ -9,9 +10,10 @@ type MediaAttachMixin = <Class extends AnyConstructor<HTMLElement>>(BaseClass: C
  * required.
  *
  * @param context - The media context to consume.
+ * @internal
  */
-declare function createMediaAttachMixin(context: MediaContext): MediaAttachMixin;
-declare const MediaAttachMixin: MediaAttachMixin;
+export declare function createMediaAttachMixin(context: MediaContext): MediaAttachMixin;
+/** @internal */
+export declare const MediaAttachMixin: MediaAttachMixin;
 //#endregion
-export { MediaAttachMixin, createMediaAttachMixin };
 //# sourceMappingURL=media-attach-mixin.d.ts.map

package/dist/dev/store/media-attach-mixin.js

@@ -8,6 +8,7 @@ import { ContextEvent } from "@videojs/element/context";
 * required.
 *
 * @param context - The media context to consume.
+* @internal
 */
 function createMediaAttachMixin(context) {
 	return (BaseClass) => {
@@ -38,6 +39,7 @@ function createMediaAttachMixin(context) {
 		return MediaAttachElement;
 	};
 }
+/** @internal */
 const MediaAttachMixin = createMediaAttachMixin(mediaContext);
 //#endregion
 export { MediaAttachMixin, createMediaAttachMixin };

package/dist/dev/store/media-attach-mixin.js.map

@@ -1 +1 @@
-{"version":3,"file":"media-attach-mixin.js","names":["#unsubscribe","#releaseMedia"],"sources":["../../../src/store/media-attach-mixin.ts"],"sourcesContent":["import { ContextEvent } from '@videojs/element/context';\nimport type { Media } from '@videojs/media/dom';\nimport type { CustomElement } from '@videojs/utils/dom';\nimport type { AnyConstructor, Constructor } from '@videojs/utils/types';\n\nimport { type MediaContext, mediaContext } from '../player/context';\n\nexport type MediaAttachMixin = <Class extends AnyConstructor<HTMLElement>>(BaseClass: Class) => Class;\n\n/**\n * Create a mixin that consumes `mediaContext` and registers the element as the media with the player.\n *\n * Uses the raw context-request protocol so it works with any `HTMLElement` subclass — no `ReactiveControllerHost`\n * required.\n *\n * @param context - The media context to consume.\n */\nexport function createMediaAttachMixin(context: MediaContext): MediaAttachMixin {\n  return <Class extends AnyConstructor<HTMLElement>>(BaseClass: Class) => {\n    class MediaAttachElement extends (BaseClass as unknown as Constructor<CustomElement>) {\n      #releaseMedia: (() => void) | null = null;\n      #unsubscribe: (() => void) | null = null;\n\n      getMediaTarget(): Media | null {\n        return this as unknown as Media;\n      }\n\n      override connectedCallback() {\n        super.connectedCallback?.();\n\n        this.dispatchEvent(\n          new ContextEvent(\n            context,\n            this,\n            (value, unsubscribe) => {\n              if (unsubscribe) this.#unsubscribe = unsubscribe;\n\n              this.#releaseMedia?.();\n              this.#releaseMedia = null;\n\n              const target = this.getMediaTarget();\n\n              if (this.isConnected && value && target) {\n                this.#releaseMedia = value.registerMedia(target);\n              }\n            },\n            false\n          )\n        );\n      }\n\n      override disconnectedCallback() {\n        // Detach the store while the media chain is still live so features\n        // (e.g. remote-playback) can clean up against the real underlying\n        // element. Destroying the media adapter first would null the layer\n        // chain's target before listeners get a chance to unwind.\n        this.#releaseMedia?.();\n        this.#releaseMedia = null;\n        this.#unsubscribe?.();\n        this.#unsubscribe = null;\n        super.disconnectedCallback?.();\n      }\n    }\n\n    return MediaAttachElement as unknown as Class;\n  };\n}\n\nexport const MediaAttachMixin = createMediaAttachMixin(mediaContext);\n"],"mappings":";;;;;;;;;;;AAiBA,SAAgB,uBAAuB,SAAyC;CAC9E,QAAmD,cAAqB;EACtE,MAAM,2BAA4B,UAAoD;GACpF,gBAAqC;GACrC,eAAoC;GAEpC,iBAA+B;IAC7B,OAAO;GACT;GAEA,oBAA6B;IAC3B,MAAM,oBAAoB;IAE1B,KAAK,cACH,IAAI,aACF,SACA,OACC,OAAO,gBAAgB;KACtB,IAAI,aAAa,KAAKA,eAAe;KAErC,KAAKC,gBAAgB;KACrB,KAAKA,gBAAgB;KAErB,MAAM,SAAS,KAAK,eAAe;KAEnC,IAAI,KAAK,eAAe,SAAS,QAC/B,KAAKA,gBAAgB,MAAM,cAAc,MAAM;IAEnD,GACA,KACF,CACF;GACF;GAEA,uBAAgC;IAK9B,KAAKA,gBAAgB;IACrB,KAAKA,gBAAgB;IACrB,KAAKD,eAAe;IACpB,KAAKA,eAAe;IACpB,MAAM,uBAAuB;GAC/B;EACF;EAEA,OAAO;CACT;AACF;AAEA,MAAa,mBAAmB,uBAAuB,YAAY"}
+{"version":3,"file":"media-attach-mixin.js","names":[],"sources":["../../../src/store/media-attach-mixin.ts"],"sourcesContent":["import { ContextEvent } from '@videojs/element/context';\nimport type { Media } from '@videojs/media/dom';\nimport type { CustomElement } from '@videojs/utils/dom';\nimport type { AnyConstructor, Constructor } from '@videojs/utils/types';\n\nimport { type MediaContext, mediaContext } from '../player/context';\n\n/** @internal */\nexport type MediaAttachMixin = <Class extends AnyConstructor<HTMLElement>>(BaseClass: Class) => Class;\n\n/**\n * Create a mixin that consumes `mediaContext` and registers the element as the media with the player.\n *\n * Uses the raw context-request protocol so it works with any `HTMLElement` subclass — no `ReactiveControllerHost`\n * required.\n *\n * @param context - The media context to consume.\n * @internal\n */\nexport function createMediaAttachMixin(context: MediaContext): MediaAttachMixin {\n  return <Class extends AnyConstructor<HTMLElement>>(BaseClass: Class) => {\n    class MediaAttachElement extends (BaseClass as unknown as Constructor<CustomElement>) {\n      #releaseMedia: (() => void) | null = null;\n      #unsubscribe: (() => void) | null = null;\n\n      getMediaTarget(): Media | null {\n        return this as unknown as Media;\n      }\n\n      override connectedCallback() {\n        super.connectedCallback?.();\n\n        this.dispatchEvent(\n          new ContextEvent(\n            context,\n            this,\n            (value, unsubscribe) => {\n              if (unsubscribe) this.#unsubscribe = unsubscribe;\n\n              this.#releaseMedia?.();\n              this.#releaseMedia = null;\n\n              const target = this.getMediaTarget();\n\n              if (this.isConnected && value && target) {\n                this.#releaseMedia = value.registerMedia(target);\n              }\n            },\n            false\n          )\n        );\n      }\n\n      override disconnectedCallback() {\n        // Detach the store while the media chain is still live so features\n        // (e.g. remote-playback) can clean up against the real underlying\n        // element. Destroying the media adapter first would null the layer\n        // chain's target before listeners get a chance to unwind.\n        this.#releaseMedia?.();\n        this.#releaseMedia = null;\n        this.#unsubscribe?.();\n        this.#unsubscribe = null;\n        super.disconnectedCallback?.();\n      }\n    }\n\n    return MediaAttachElement as unknown as Class;\n  };\n}\n\n/** @internal */\nexport const MediaAttachMixin = createMediaAttachMixin(mediaContext);\n"],"mappings":";;;;;;;;;;;;AAmBA,SAAgB,uBAAuB,SAAyC;CAC9E,QAAmD,cAAqB;EACtE,MAAM,2BAA4B,UAAoD;GACpF,gBAAqC;GACrC,eAAoC;GAEpC,iBAA+B;IAC7B,OAAO;GACT;GAEA,oBAA6B;IAC3B,MAAM,oBAAoB;IAE1B,KAAK,cACH,IAAI,aACF,SACA,OACC,OAAO,gBAAgB;KACtB,IAAI,aAAa,KAAK,eAAe;KAErC,KAAK,gBAAgB;KACrB,KAAK,gBAAgB;KAErB,MAAM,SAAS,KAAK,eAAe;KAEnC,IAAI,KAAK,eAAe,SAAS,QAC/B,KAAK,gBAAgB,MAAM,cAAc,MAAM;IAEnD,GACA,KACF,CACF;GACF;GAEA,uBAAgC;IAK9B,KAAK,gBAAgB;IACrB,KAAK,gBAAgB;IACrB,KAAK,eAAe;IACpB,KAAK,eAAe;IACpB,MAAM,uBAAuB;GAC/B;EACF;EAEA,OAAO;CACT;AACF;;AAGA,MAAa,mBAAmB,uBAAuB,YAAY"}

package/dist/dev/store/types.d.ts

@@ -1,12 +1,10 @@
 import { UIElement } from "../ui/ui-element.js";
 import { InferPlayerHtmlConfig, PlayerStore } from "@videojs/core/dom";
-import { Constructor } from "@videojs/utils/types";
 //#region src/store/types.d.ts
 type PlayerProperties<Store extends PlayerStore> = { -readonly [Key in keyof InferPlayerHtmlConfig<Store>]?: InferPlayerHtmlConfig<Store>[Key] | undefined; };
-type PlayerElement<Store extends PlayerStore> = UIElement & PlayerProperties<Store> & {
+export type PlayerElement<Store extends PlayerStore> = UIElement & PlayerProperties<Store> & {
   readonly store: Store;
 };
-type PlayerElementConstructor<Store extends PlayerStore> = typeof UIElement & Constructor<PlayerElement<Store>>;
+export type PlayerElementConstructor<Store extends PlayerStore> = typeof UIElement & (new (...args: any[]) => PlayerElement<Store>);
 //#endregion
-export { PlayerElement, PlayerElementConstructor };
 //# sourceMappingURL=types.d.ts.map

package/dist/dev/ui/airplay-button/element.d.ts

@@ -1,10 +1,10 @@
 import { PlayerController } from "../../player/controller.js";
 import { MediaButtonElement } from "../media-button-element.js";
 import { index_d_exports } from "../../index.js";
-import { AirPlayButtonCore } from "@videojs/core";
+import { AirPlayButtonCore, AirPlayButtonState } from "@videojs/core";
 import { MediaRemotePlaybackState } from "@videojs/media";
 //#region src/ui/airplay-button/element.d.ts
-declare class AirPlayButtonElement extends MediaButtonElement<AirPlayButtonCore> {
+export declare class AirPlayButtonElement extends MediaButtonElement<AirPlayButtonState, MediaRemotePlaybackState> {
   static readonly tagName = "media-airplay-button";
   protected readonly core: AirPlayButtonCore;
   protected readonly stateAttrMap: {
@@ -16,10 +16,9 @@ declare class AirPlayButtonElement extends MediaButtonElement<AirPlayButtonCore>
   protected readonly mediaState: PlayerController<index_d_exports.AnyPlayerStore, {
     remotePlaybackState: import("@videojs/media").RemotePlaybackConnectionState;
     remotePlaybackAvailability: import("@videojs/media").MediaFeatureAvailability;
-    toggleRemotePlayback: () => Promise<void>;
+    promptRemotePlayback: () => Promise<void>;
   } | undefined>;
-  protected activate(state: MediaRemotePlaybackState): void;
+  protected activate(state: MediaRemotePlaybackState): Promise<void>;
 }
 //#endregion
-export { AirPlayButtonElement };
 //# sourceMappingURL=element.d.ts.map

package/dist/dev/ui/airplay-button/element.js

@@ -15,7 +15,7 @@ var AirPlayButtonElement = class extends MediaButtonElement {
 		this.tagName = "media-airplay-button";
 	}
 	activate(state) {
-		this.core.toggle(state);
+		return this.core.toggle(state);
 	}
 };
 //#endregion

package/dist/dev/ui/airplay-button/element.js.map

@@ -1 +1 @@
-{"version":3,"file":"element.js","names":[],"sources":["../../../../src/ui/airplay-button/element.ts"],"sourcesContent":["import { AirPlayButtonCore, AirPlayButtonDataAttrs } from '@videojs/core';\nimport { selectRemotePlayback } from '@videojs/core/dom';\nimport type { MediaRemotePlaybackState } from '@videojs/media';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/controller';\nimport { MediaButtonElement } from '../media-button-element';\n\nexport class AirPlayButtonElement extends MediaButtonElement<AirPlayButtonCore> {\n  static readonly tagName = 'media-airplay-button';\n\n  protected readonly core = new AirPlayButtonCore();\n  protected readonly stateAttrMap = AirPlayButtonDataAttrs;\n  protected readonly mediaState = new PlayerController(this, playerContext, selectRemotePlayback);\n\n  protected activate(state: MediaRemotePlaybackState): void {\n    this.core.toggle(state);\n  }\n}\n"],"mappings":";;;;;;AAQA,IAAa,uBAAb,cAA0C,mBAAsC;;;EAGpD,KAAA,OAAA,IAAI,kBAAkB;EACd,KAAA,eAAA;EACF,KAAA,aAAA,IAAI,iBAAiB,MAAM,eAAe,oBAAoB;;;EAJpE,KAAA,UAAA;;CAM1B,SAAmB,OAAuC;EACxD,KAAK,KAAK,OAAO,KAAK;CACxB;AACF"}
+{"version":3,"file":"element.js","names":[],"sources":["../../../../src/ui/airplay-button/element.ts"],"sourcesContent":["import { AirPlayButtonCore, AirPlayButtonDataAttrs, type AirPlayButtonState } from '@videojs/core';\nimport { selectRemotePlayback } from '@videojs/core/dom';\nimport type { MediaRemotePlaybackState } from '@videojs/media';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/controller';\nimport { MediaButtonElement } from '../media-button-element';\n\nexport class AirPlayButtonElement extends MediaButtonElement<AirPlayButtonState, MediaRemotePlaybackState> {\n  static readonly tagName = 'media-airplay-button';\n\n  protected readonly core = new AirPlayButtonCore();\n  protected readonly stateAttrMap = AirPlayButtonDataAttrs;\n  protected readonly mediaState = new PlayerController(this, playerContext, selectRemotePlayback);\n\n  protected activate(state: MediaRemotePlaybackState): Promise<void> {\n    return this.core.toggle(state);\n  }\n}\n"],"mappings":";;;;;;AAQA,IAAa,uBAAb,cAA0C,mBAAiE;;;EAG/E,KAAA,OAAA,IAAI,kBAAkB;EACd,KAAA,eAAA;EACF,KAAA,aAAA,IAAI,iBAAiB,MAAM,eAAe,oBAAoB;;;EAJpE,KAAA,UAAA;;CAM1B,SAAmB,OAAgD;EACjE,OAAO,KAAK,KAAK,OAAO,KAAK;CAC/B;AACF"}

package/dist/dev/ui/alert-dialog/element.d.ts

@@ -5,10 +5,9 @@ import { DialogElementBase } from "../dialog/element.js";
  *
  * @fires open-change - Fired when the dialog's open state changes.
  */
-declare class AlertDialogElement extends DialogElementBase {
+export declare class AlertDialogElement extends DialogElementBase {
   static readonly tagName = "media-alert-dialog";
   constructor();
 }
 //#endregion
-export { AlertDialogElement };
 //# sourceMappingURL=element.d.ts.map

package/dist/dev/ui/audio-track-radio-group/element.d.ts

@@ -1,5 +1,5 @@
 import { MenuRadioGroupElement } from "../menu/radio-group.js";
-import { AudioTrackRadioGroupCore } from "@videojs/core";
+import { AudioTrackRadioGroupState } from "@videojs/core";
 import { PropertyValues } from "@videojs/element";
 import { Text } from "@videojs/core/i18n";
 //#region src/ui/audio-track-radio-group/element.d.ts
@@ -8,7 +8,7 @@ import { Text } from "@videojs/core/i18n";
  * and availability with an enclosing menu. An optional `<template>` holding one `<media-menu-radio-item>` customizes
  * each generated item.
  */
-declare class AudioTrackRadioGroupElement extends MenuRadioGroupElement {
+export declare class AudioTrackRadioGroupElement extends MenuRadioGroupElement {
   #private;
   static readonly tagName = "media-audio-track-radio-group";
   static properties: {
@@ -28,9 +28,8 @@ declare class AudioTrackRadioGroupElement extends MenuRadioGroupElement {
   connectedCallback(): void;
   protected update(changed: PropertyValues): void;
 }
-declare namespace AudioTrackRadioGroupElement {
-  type State = AudioTrackRadioGroupCore.State;
+export declare namespace AudioTrackRadioGroupElement {
+  type State = AudioTrackRadioGroupState;
 }
 //#endregion
-export { AudioTrackRadioGroupElement };
 //# sourceMappingURL=element.d.ts.map

package/dist/dev/ui/audio-track-radio-group/element.js.map

@@ -1 +1 @@
-{"version":3,"file":"element.js","names":["#mediaState","#core","#i18n","#options"],"sources":["../../../../src/ui/audio-track-radio-group/element.ts"],"sourcesContent":["import {\n  AudioTrackRadioGroupCore,\n  AudioTrackRadioGroupDataAttrs,\n  type AudioTrackRadioGroupOption,\n} from '@videojs/core';\nimport { applyStateDataAttrs, logMissingFeature, selectAudioTrack } from '@videojs/core/dom';\nimport { type Text, translateText } from '@videojs/core/i18n';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\n\nimport { i18nContext } from '../../i18n/context';\nimport { I18nController } from '../../i18n/controller';\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/controller';\nimport { MenuRadioGroupElement } from '../menu/radio-group';\nimport { RadioOptionsController } from '../radio-options/controller';\n\n/**\n * Menu radio group that generates a `<media-menu-radio-item>` per available audio track and shares the selected label\n * and availability with an enclosing menu. An optional `<template>` holding one `<media-menu-radio-item>` customizes\n * each generated item.\n */\nexport class AudioTrackRadioGroupElement extends MenuRadioGroupElement {\n  static override readonly tagName = 'media-audio-track-radio-group';\n\n  static override properties = {\n    ...MenuRadioGroupElement.properties,\n    disabled: { type: Boolean },\n    label: { type: String },\n  } satisfies PropertyDeclarationMap<'value' | 'label' | 'disabled'>;\n\n  disabled = false;\n  label: Text | string = '';\n  formatTrack = AudioTrackRadioGroupCore.defaultProps.formatTrack;\n\n  readonly #core = new AudioTrackRadioGroupCore();\n  readonly #i18n = new I18nController(this, i18nContext);\n  readonly #mediaState = new PlayerController(this, playerContext, selectAudioTrack);\n  readonly #options = new RadioOptionsController<AudioTrackRadioGroupOption>(this, {\n    setItemAttributes: (item, option) => item.setAttribute('data-track', option.value),\n    onValueChange: (value) => {\n      const media = this.#mediaState.value;\n\n      if (media) this.#core.selectValue(media, value);\n    },\n  });\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    if (this.destroyed) return;\n\n    if (__DEV__ && !this.#mediaState.value && this.#mediaState.displayName) {\n      logMissingFeature(this.localName, this.#mediaState.displayName);\n    }\n  }\n\n  protected override update(changed: PropertyValues): void {\n    const media = this.#mediaState.value;\n    let state: AudioTrackRadioGroupCore.State | null = null;\n\n    if (media) {\n      this.#core.setProps({ formatTrack: this.formatTrack, disabled: this.disabled, label: this.label });\n      this.#core.setMedia(media);\n      state = this.#core.getState();\n\n      this.applyDefaultAriaLabel(translateText(this.#core.getLabel(state), this.#i18n.value));\n      this.#options.sync(state, this.#i18n.value, this.#i18n.locale);\n      this.publishMenuOptionState(state.disabled, state.hidden, state.availability);\n    } else {\n      this.publishMenuOptionState(true, true, 'unsupported');\n    }\n\n    super.update(changed);\n\n    if (state) applyStateDataAttrs(this, state, AudioTrackRadioGroupDataAttrs);\n  }\n}\n\nexport namespace AudioTrackRadioGroupElement {\n  export type State = AudioTrackRadioGroupCore.State;\n}\n"],"mappings":";;;;;;;;;;;;;;;AAqBA,IAAa,8BAAb,cAAiD,sBAAsB;;;EAS1D,KAAA,WAAA;EACY,KAAA,QAAA;EACT,KAAA,cAAA,yBAAyB,aAAa;EAEnC,KAAA,QAAA,IAAI,yBAAyB;EAC7B,KAAA,QAAA,IAAI,eAAe,MAAM,WAAW;EAC9B,KAAA,cAAA,IAAI,iBAAiB,MAAM,eAAe,gBAAgB;EAC7D,KAAA,WAAA,IAAI,uBAAmD,MAAM;GAC/E,oBAAoB,MAAM,WAAW,KAAK,aAAa,cAAc,OAAO,KAAK;GACjF,gBAAgB,UAAU;IACxB,MAAM,QAAQ,KAAKA,YAAY;IAE/B,IAAI,OAAO,KAAKC,MAAM,YAAY,OAAO,KAAK;GAChD;EACF,CAAC;;;EAtBkC,KAAA,UAAA;;;EAEN,KAAA,aAAA;GAC3B,GAAG,sBAAsB;GACzB,UAAU,EAAE,MAAM,QAAQ;GAC1B,OAAO,EAAE,MAAM,OAAO;EACxB;;CAMA;CACA;CACA;CACA;CASA,oBAAmC;EACjC,MAAM,kBAAkB;EAExB,IAAI,KAAK,WAAW;EAEpB,IAAe,CAAC,KAAKD,YAAY,SAAS,KAAKA,YAAY,aACzD,kBAAkB,KAAK,WAAW,KAAKA,YAAY,WAAW;CAElE;CAEA,OAA0B,SAA+B;EACvD,MAAM,QAAQ,KAAKA,YAAY;EAC/B,IAAI,QAA+C;EAEnD,IAAI,OAAO;GACT,KAAKC,MAAM,SAAS;IAAE,aAAa,KAAK;IAAa,UAAU,KAAK;IAAU,OAAO,KAAK;GAAM,CAAC;GACjG,KAAKA,MAAM,SAAS,KAAK;GACzB,QAAQ,KAAKA,MAAM,SAAS;GAE5B,KAAK,sBAAsB,cAAc,KAAKA,MAAM,SAAS,KAAK,GAAG,KAAKC,MAAM,KAAK,CAAC;GACtF,KAAKC,SAAS,KAAK,OAAO,KAAKD,MAAM,OAAO,KAAKA,MAAM,MAAM;GAC7D,KAAK,uBAAuB,MAAM,UAAU,MAAM,QAAQ,MAAM,YAAY;EAC9E,OACE,KAAK,uBAAuB,MAAM,MAAM,aAAa;EAGvD,MAAM,OAAO,OAAO;EAEpB,IAAI,OAAO,oBAAoB,MAAM,OAAO,6BAA6B;CAC3E;AACF"}
+{"version":3,"file":"element.js","names":[],"sources":["../../../../src/ui/audio-track-radio-group/element.ts"],"sourcesContent":["import {\n  AudioTrackRadioGroupCore,\n  AudioTrackRadioGroupDataAttrs,\n  type AudioTrackRadioGroupOption,\n  type AudioTrackRadioGroupState,\n} from '@videojs/core';\nimport { applyStateDataAttrs, logMissingFeature, selectAudioTrack } from '@videojs/core/dom';\nimport { type Text, translateText } from '@videojs/core/i18n';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\n\nimport { i18nContext } from '../../i18n/context';\nimport { I18nController } from '../../i18n/controller';\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/controller';\nimport { MenuRadioGroupElement } from '../menu/radio-group';\nimport { RadioOptionsController } from '../radio-options/controller';\n\n/**\n * Menu radio group that generates a `<media-menu-radio-item>` per available audio track and shares the selected label\n * and availability with an enclosing menu. An optional `<template>` holding one `<media-menu-radio-item>` customizes\n * each generated item.\n */\nexport class AudioTrackRadioGroupElement extends MenuRadioGroupElement {\n  static override readonly tagName = 'media-audio-track-radio-group';\n\n  static override properties = {\n    ...MenuRadioGroupElement.properties,\n    disabled: { type: Boolean },\n    label: { type: String },\n  } satisfies PropertyDeclarationMap<'value' | 'label' | 'disabled'>;\n\n  disabled = false;\n  label: Text | string = '';\n  formatTrack = AudioTrackRadioGroupCore.defaultProps.formatTrack;\n\n  readonly #core = new AudioTrackRadioGroupCore();\n  readonly #i18n = new I18nController(this, i18nContext);\n  readonly #mediaState = new PlayerController(this, playerContext, selectAudioTrack);\n  readonly #options = new RadioOptionsController<AudioTrackRadioGroupOption>(this, {\n    setItemAttributes: (item, option) => item.setAttribute('data-track', option.value),\n    onValueChange: (value) => {\n      const media = this.#mediaState.value;\n\n      if (media) this.#core.selectValue(media, value);\n    },\n  });\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    if (this.destroyed) return;\n\n    if (__DEV__ && !this.#mediaState.value && this.#mediaState.displayName) {\n      logMissingFeature(this.localName, this.#mediaState.displayName);\n    }\n  }\n\n  protected override update(changed: PropertyValues): void {\n    const media = this.#mediaState.value;\n    let state: AudioTrackRadioGroupState | null = null;\n\n    if (media) {\n      this.#core.setProps({ formatTrack: this.formatTrack, disabled: this.disabled, label: this.label });\n      this.#core.setMedia(media);\n      state = this.#core.getState();\n\n      this.applyDefaultAriaLabel(translateText(this.#core.getLabel(state), this.#i18n.value));\n      this.#options.sync(state, this.#i18n.value, this.#i18n.locale);\n      this.publishMenuOptionState(state.disabled, state.hidden, state.availability);\n    } else {\n      this.publishMenuOptionState(true, true, 'unsupported');\n    }\n\n    super.update(changed);\n\n    if (state) applyStateDataAttrs(this, state, AudioTrackRadioGroupDataAttrs);\n  }\n}\n\nexport namespace AudioTrackRadioGroupElement {\n  export type State = AudioTrackRadioGroupState;\n}\n"],"mappings":";;;;;;;;;;;;;;;AAsBA,IAAa,8BAAb,cAAiD,sBAAsB;;;EAS1D,KAAA,WAAA;EACY,KAAA,QAAA;EACT,KAAA,cAAA,yBAAyB,aAAa;EAEnC,KAAA,QAAA,IAAI,yBAAyB;EAC7B,KAAA,QAAA,IAAI,eAAe,MAAM,WAAW;EAC9B,KAAA,cAAA,IAAI,iBAAiB,MAAM,eAAe,gBAAgB;EAC7D,KAAA,WAAA,IAAI,uBAAmD,MAAM;GAC/E,oBAAoB,MAAM,WAAW,KAAK,aAAa,cAAc,OAAO,KAAK;GACjF,gBAAgB,UAAU;IACxB,MAAM,QAAQ,KAAK,YAAY;IAE/B,IAAI,OAAO,KAAK,MAAM,YAAY,OAAO,KAAK;GAChD;EACF,CAAC;;;EAtBkC,KAAA,UAAA;;;EAEN,KAAA,aAAA;GAC3B,GAAG,sBAAsB;GACzB,UAAU,EAAE,MAAM,QAAQ;GAC1B,OAAO,EAAE,MAAM,OAAO;EACxB;;CAMA;CACA;CACA;CACA;CASA,oBAAmC;EACjC,MAAM,kBAAkB;EAExB,IAAI,KAAK,WAAW;EAEpB,IAAe,CAAC,KAAK,YAAY,SAAS,KAAK,YAAY,aACzD,kBAAkB,KAAK,WAAW,KAAK,YAAY,WAAW;CAElE;CAEA,OAA0B,SAA+B;EACvD,MAAM,QAAQ,KAAK,YAAY;EAC/B,IAAI,QAA0C;EAE9C,IAAI,OAAO;GACT,KAAK,MAAM,SAAS;IAAE,aAAa,KAAK;IAAa,UAAU,KAAK;IAAU,OAAO,KAAK;GAAM,CAAC;GACjG,KAAK,MAAM,SAAS,KAAK;GACzB,QAAQ,KAAK,MAAM,SAAS;GAE5B,KAAK,sBAAsB,cAAc,KAAK,MAAM,SAAS,KAAK,GAAG,KAAK,MAAM,KAAK,CAAC;GACtF,KAAK,SAAS,KAAK,OAAO,KAAK,MAAM,OAAO,KAAK,MAAM,MAAM;GAC7D,KAAK,uBAAuB,MAAM,UAAU,MAAM,QAAQ,MAAM,YAAY;EAC9E,OACE,KAAK,uBAAuB,MAAM,MAAM,aAAa;EAGvD,MAAM,OAAO,OAAO;EAEpB,IAAI,OAAO,oBAAoB,MAAM,OAAO,6BAA6B;CAC3E;AACF"}

package/dist/dev/ui/buffering-indicator/element.d.ts

@@ -1,7 +1,7 @@
 import { UIElement } from "../ui-element.js";
 import { PropertyValues } from "@videojs/element";
 //#region src/ui/buffering-indicator/element.d.ts
-declare class BufferingIndicatorElement extends UIElement {
+export declare class BufferingIndicatorElement extends UIElement {
   #private;
   static readonly tagName = "media-buffering-indicator";
   static properties: {
@@ -12,9 +12,9 @@ declare class BufferingIndicatorElement extends UIElement {
   delay: number;
   connectedCallback(): void;
   disconnectedCallback(): void;
+  destroyCallback(): void;
   protected willUpdate(changed: PropertyValues): void;
   protected update(changed: PropertyValues): void;
 }
 //#endregion
-export { BufferingIndicatorElement };
 //# sourceMappingURL=element.d.ts.map

package/dist/dev/ui/buffering-indicator/element.js

@@ -33,6 +33,10 @@ var BufferingIndicatorElement = class extends UIElement {
 		this.#disconnect?.abort();
 		this.#disconnect = null;
 	}
+	destroyCallback() {
+		this.#core.destroy();
+		super.destroyCallback();
+	}
 	willUpdate(changed) {
 		super.willUpdate(changed);
 		this.#core.setProps(this);

package/dist/dev/ui/buffering-indicator/element.js.map

@@ -1 +1 @@
-{"version":3,"file":"element.js","names":["#core","#state","#disconnect"],"sources":["../../../../src/ui/buffering-indicator/element.ts"],"sourcesContent":["import { BufferingIndicatorCore, BufferingIndicatorDataAttrs } from '@videojs/core';\nimport { applyStateDataAttrs, logMissingFeature, selectPlayback } from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/controller';\nimport { UIElement } from '../ui-element';\n\nexport class BufferingIndicatorElement extends UIElement {\n  static readonly tagName = 'media-buffering-indicator';\n\n  static override properties = {\n    delay: { type: Number },\n  } satisfies PropertyDeclarationMap<keyof BufferingIndicatorCore.Props>;\n\n  delay = BufferingIndicatorCore.defaultProps.delay;\n\n  readonly #core = new BufferingIndicatorCore();\n  readonly #state = new PlayerController(this, playerContext, selectPlayback);\n\n  #disconnect: AbortController | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    if (this.destroyed) return;\n\n    this.#disconnect = new AbortController();\n\n    this.#core.state.subscribe(() => this.requestUpdate(), {\n      signal: this.#disconnect.signal,\n    });\n\n    if (__DEV__ && !this.#state.value) {\n      logMissingFeature(this.localName, this.#state.displayName!);\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#disconnect?.abort();\n    this.#disconnect = null;\n  }\n\n  protected override willUpdate(changed: PropertyValues): void {\n    super.willUpdate(changed);\n    this.#core.setProps(this);\n  }\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n\n    const media = this.#state.value;\n    if (!media) return;\n\n    this.#core.update(media);\n    applyStateDataAttrs(this, this.#core.state.current, BufferingIndicatorDataAttrs);\n  }\n}\n"],"mappings":";;;;;;AAQA,IAAa,4BAAb,cAA+C,UAAU;;;EAO/C,KAAA,QAAA,uBAAuB,aAAa;EAE3B,KAAA,QAAA,IAAI,uBAAuB;EAC1B,KAAA,SAAA,IAAI,iBAAiB,MAAM,eAAe,cAAc;EAEpC,KAAA,cAAA;;;EAXZ,KAAA,UAAA;;;EAEG,KAAA,aAAA,EAC3B,OAAO,EAAE,MAAM,OAAO,EACxB;;CAIA;CACA;CAEA;CAEA,oBAAmC;EACjC,MAAM,kBAAkB;EAExB,IAAI,KAAK,WAAW;EAEpB,KAAKE,cAAc,IAAI,gBAAgB;EAEvC,KAAKF,MAAM,MAAM,gBAAgB,KAAK,cAAc,GAAG,EACrD,QAAQ,KAAKE,YAAY,OAC3B,CAAC;EAED,IAAe,CAAC,KAAKD,OAAO,OAC1B,kBAAkB,KAAK,WAAW,KAAKA,OAAO,WAAY;CAE9D;CAEA,uBAAsC;EACpC,MAAM,qBAAqB;EAC3B,KAAKC,aAAa,MAAM;EACxB,KAAKA,cAAc;CACrB;CAEA,WAA8B,SAA+B;EAC3D,MAAM,WAAW,OAAO;EACxB,KAAKF,MAAM,SAAS,IAAI;CAC1B;CAEA,OAA0B,SAA+B;EACvD,MAAM,OAAO,OAAO;EAEpB,MAAM,QAAQ,KAAKC,OAAO;EAC1B,IAAI,CAAC,OAAO;EAEZ,KAAKD,MAAM,OAAO,KAAK;EACvB,oBAAoB,MAAM,KAAKA,MAAM,MAAM,SAAS,2BAA2B;CACjF;AACF"}
+{"version":3,"file":"element.js","names":[],"sources":["../../../../src/ui/buffering-indicator/element.ts"],"sourcesContent":["import { BufferingIndicatorCore, BufferingIndicatorDataAttrs, type BufferingIndicatorProps } from '@videojs/core';\nimport { applyStateDataAttrs, logMissingFeature, selectPlayback } from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/controller';\nimport { UIElement } from '../ui-element';\n\nexport class BufferingIndicatorElement extends UIElement {\n  static readonly tagName = 'media-buffering-indicator';\n\n  static override properties = {\n    delay: { type: Number },\n  } satisfies PropertyDeclarationMap<keyof BufferingIndicatorProps>;\n\n  delay = BufferingIndicatorCore.defaultProps.delay;\n\n  readonly #core = new BufferingIndicatorCore();\n  readonly #state = new PlayerController(this, playerContext, selectPlayback);\n\n  #disconnect: AbortController | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    if (this.destroyed) return;\n\n    this.#disconnect = new AbortController();\n\n    this.#core.state.subscribe(() => this.requestUpdate(), {\n      signal: this.#disconnect.signal,\n    });\n\n    if (__DEV__ && !this.#state.value) {\n      logMissingFeature(this.localName, this.#state.displayName!);\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#disconnect?.abort();\n    this.#disconnect = null;\n  }\n\n  override destroyCallback(): void {\n    this.#core.destroy();\n    super.destroyCallback();\n  }\n\n  protected override willUpdate(changed: PropertyValues): void {\n    super.willUpdate(changed);\n    this.#core.setProps(this);\n  }\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n\n    const media = this.#state.value;\n    if (!media) return;\n\n    this.#core.update(media);\n    applyStateDataAttrs(this, this.#core.state.current, BufferingIndicatorDataAttrs);\n  }\n}\n"],"mappings":";;;;;;AAQA,IAAa,4BAAb,cAA+C,UAAU;;;EAO/C,KAAA,QAAA,uBAAuB,aAAa;EAE3B,KAAA,QAAA,IAAI,uBAAuB;EAC1B,KAAA,SAAA,IAAI,iBAAiB,MAAM,eAAe,cAAc;EAEpC,KAAA,cAAA;;;EAXZ,KAAA,UAAA;;;EAEG,KAAA,aAAA,EAC3B,OAAO,EAAE,MAAM,OAAO,EACxB;;CAIA;CACA;CAEA;CAEA,oBAAmC;EACjC,MAAM,kBAAkB;EAExB,IAAI,KAAK,WAAW;EAEpB,KAAK,cAAc,IAAI,gBAAgB;EAEvC,KAAK,MAAM,MAAM,gBAAgB,KAAK,cAAc,GAAG,EACrD,QAAQ,KAAK,YAAY,OAC3B,CAAC;EAED,IAAe,CAAC,KAAK,OAAO,OAC1B,kBAAkB,KAAK,WAAW,KAAK,OAAO,WAAY;CAE9D;CAEA,uBAAsC;EACpC,MAAM,qBAAqB;EAC3B,KAAK,aAAa,MAAM;EACxB,KAAK,cAAc;CACrB;CAEA,kBAAiC;EAC/B,KAAK,MAAM,QAAQ;EACnB,MAAM,gBAAgB;CACxB;CAEA,WAA8B,SAA+B;EAC3D,MAAM,WAAW,OAAO;EACxB,KAAK,MAAM,SAAS,IAAI;CAC1B;CAEA,OAA0B,SAA+B;EACvD,MAAM,OAAO,OAAO;EAEpB,MAAM,QAAQ,KAAK,OAAO;EAC1B,IAAI,CAAC,OAAO;EAEZ,KAAK,MAAM,OAAO,KAAK;EACvB,oBAAoB,MAAM,KAAK,MAAM,MAAM,SAAS,2BAA2B;CACjF;AACF"}