@videojs/html 10.0.0-beta.8 → 10.0.0-rc.1

package/dist/default/presets/live-audio/minimal-skin.js

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

package/dist/default/presets/live-audio/minimal-skin.js.map

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

package/dist/default/presets/live-audio/player.js

@@ -0,0 +1,15 @@
+import { createPlayer } from "../../player/create-player.js";
+import { liveAudioFeatures } from "@videojs/core/dom";
+//#region src/presets/live-audio/player.ts
+const { PlayerElement, PlayerController: LiveAudioPlayerController } = createPlayer({ features: liveAudioFeatures });
+/** Player controller bound to the live audio player store. */
+const PlayerController = LiveAudioPlayerController;
+var LiveAudioPlayerElement = class extends PlayerElement {
+	static {
+		this.tagName = "live-audio-player";
+	}
+};
+//#endregion
+export { LiveAudioPlayerElement, PlayerController };
+
+//# sourceMappingURL=player.js.map

package/dist/default/presets/live-audio/player.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"player.js","names":[],"sources":["../../../../src/presets/live-audio/player.ts"],"sourcesContent":["import { liveAudioFeatures } from '@videojs/core/dom';\n\nimport { createPlayer } from '../../player/create-player';\n\nconst { PlayerElement, PlayerController: LiveAudioPlayerController } = createPlayer({\n  features: liveAudioFeatures,\n});\n\n/** Player controller bound to the live audio player store. */\nexport const PlayerController = LiveAudioPlayerController;\n\nexport class LiveAudioPlayerElement extends PlayerElement {\n  static readonly tagName = 'live-audio-player';\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [LiveAudioPlayerElement.tagName]: LiveAudioPlayerElement;\n  }\n}\n"],"mappings":";;;AAIA,MAAM,EAAE,eAAe,kBAAkB,8BAA8B,aAAa,EAClF,UAAU,kBACZ,CAAC;;AAGD,MAAa,mBAAmB;AAEhC,IAAa,yBAAb,cAA4C,cAAc;;EAC9B,KAAA,UAAA;;AAC5B"}

package/dist/default/presets/live-audio/skin.js

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,5 @@
+import { MinimalLiveVideoSkinElement } from "./minimal-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 };

package/dist/default/presets/live-video/minimal-skin.js

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

package/dist/default/presets/live-video/minimal-skin.js.map

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

package/dist/default/presets/live-video/player.js

@@ -0,0 +1,15 @@
+import { createPlayer } from "../../player/create-player.js";
+import { liveVideoFeatures } from "@videojs/core/dom";
+//#region src/presets/live-video/player.ts
+const { PlayerElement, PlayerController: LiveVideoPlayerController } = createPlayer({ features: liveVideoFeatures });
+/** Player controller bound to the live video player store. */
+const PlayerController = LiveVideoPlayerController;
+var LiveVideoPlayerElement = class extends PlayerElement {
+	static {
+		this.tagName = "live-video-player";
+	}
+};
+//#endregion
+export { LiveVideoPlayerElement, PlayerController };
+
+//# sourceMappingURL=player.js.map

package/dist/default/presets/live-video/player.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"player.js","names":[],"sources":["../../../../src/presets/live-video/player.ts"],"sourcesContent":["import { liveVideoFeatures } from '@videojs/core/dom';\n\nimport { createPlayer } from '../../player/create-player';\n\nconst { PlayerElement, PlayerController: LiveVideoPlayerController } = createPlayer({\n  features: liveVideoFeatures,\n});\n\n/** Player controller bound to the live video player store. */\nexport const PlayerController = LiveVideoPlayerController;\n\nexport class LiveVideoPlayerElement extends PlayerElement {\n  static readonly tagName = 'live-video-player';\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [LiveVideoPlayerElement.tagName]: LiveVideoPlayerElement;\n  }\n}\n"],"mappings":";;;AAIA,MAAM,EAAE,eAAe,kBAAkB,8BAA8B,aAAa,EAClF,UAAU,kBACZ,CAAC;;AAGD,MAAa,mBAAmB;AAEhC,IAAa,yBAAb,cAA4C,cAAc;;EAC9B,KAAA,UAAA;;AAC5B"}

package/dist/default/presets/live-video/skin.js

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

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

@@ -0,0 +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"}

package/dist/default/presets/skin.js

@@ -0,0 +1,32 @@
+import global_default from "../define/global.js";
+import shared_default from "../define/shared.js";
+import { ReactiveElement } from "@videojs/element";
+import { applyShadowStyles, createShadowStyle, ensureGlobalStyle, renderTemplate } from "@videojs/utils/dom";
+//#region src/presets/skin.ts
+const STYLES_ID = "__media-styles";
+const sharedSheet = createShadowStyle(shared_default);
+/**
+* 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).
+*/
+var SkinElement = class extends ReactiveElement {
+	static {
+		this.shadowRootOptions = { mode: "open" };
+	}
+	constructor() {
+		super();
+		ensureGlobalStyle(STYLES_ID, global_default);
+		if (!this.shadowRoot) {
+			const ctor = this.constructor;
+			this.attachShadow(ctor.shadowRootOptions);
+			if (ctor.template) renderTemplate(this.shadowRoot, ctor.template);
+			const sheets = [sharedSheet];
+			if (ctor.styles) sheets.push(ctor.styles);
+			applyShadowStyles(this.shadowRoot, sheets);
+		}
+	}
+};
+//#endregion
+export { SkinElement };
+
+//# sourceMappingURL=skin.js.map

package/dist/default/presets/skin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skin.js","names":["sharedStyles","globalStyles"],"sources":["../../../src/presets/skin.ts"],"sourcesContent":["import { ReactiveElement } from '@videojs/element';\nimport {\n  applyShadowStyles,\n  createShadowStyle,\n  ensureGlobalStyle,\n  renderTemplate,\n  type ShadowStyle,\n} from '@videojs/utils/dom';\n\nimport globalStyles from '../define/global.css?inline';\nimport sharedStyles from '../define/shared.css?inline';\n\nconst STYLES_ID = '__media-styles';\nconst sharedSheet = createShadowStyle(sharedStyles);\n\n/**\n * Base element for skin definitions. Attaches a shadow root, clones `static template` into it, and applies shared +\n * per-skin styles via `adoptedStyleSheets` (or `<style>` fallback).\n */\nexport class SkinElement extends ReactiveElement {\n  static shadowRootOptions: ShadowRootInit = { mode: 'open' };\n  static styles?: ShadowStyle;\n  static template?: HTMLTemplateElement | null;\n\n  constructor() {\n    super();\n\n    ensureGlobalStyle(STYLES_ID, globalStyles);\n\n    if (!this.shadowRoot) {\n      const ctor = this.constructor as typeof SkinElement;\n\n      this.attachShadow(ctor.shadowRootOptions);\n\n      if (ctor.template) {\n        renderTemplate(this.shadowRoot!, ctor.template);\n      }\n\n      const sheets: ShadowStyle[] = [sharedSheet];\n\n      if (ctor.styles) {\n        sheets.push(ctor.styles);\n      }\n\n      applyShadowStyles(this.shadowRoot!, sheets);\n    }\n  }\n}\n"],"mappings":";;;;;AAYA,MAAM,YAAY;AAClB,MAAM,cAAc,kBAAkBA,cAAY;;;;;AAMlD,IAAa,cAAb,cAAiC,gBAAgB;;EACJ,KAAA,oBAAA,EAAE,MAAM,OAAO;;CAI1D,cAAc;EACZ,MAAM;EAEN,kBAAkB,WAAWC,cAAY;EAEzC,IAAI,CAAC,KAAK,YAAY;GACpB,MAAM,OAAO,KAAK;GAElB,KAAK,aAAa,KAAK,iBAAiB;GAExC,IAAI,KAAK,UACP,eAAe,KAAK,YAAa,KAAK,QAAQ;GAGhD,MAAM,SAAwB,CAAC,WAAW;GAE1C,IAAI,KAAK,QACP,OAAO,KAAK,KAAK,MAAM;GAGzB,kBAAkB,KAAK,YAAa,MAAM;EAC5C;CACF;AACF"}

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

@@ -0,0 +1,5 @@
+import { MinimalVideoSkinElement } from "./minimal-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 };

package/dist/default/presets/video/minimal-skin.js

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

package/dist/default/presets/video/minimal-skin.js.map

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

package/dist/default/presets/video/player.js

@@ -0,0 +1,21 @@
+import { createPlayer } from "../../player/create-player.js";
+import { videoFeatures } from "@videojs/core/dom";
+//#region src/presets/video/player.ts
+const { PlayerElement, PlayerController: VideoPlayerController } = createPlayer({ features: videoFeatures });
+/** Player controller bound to the standard video player store. */
+const PlayerController = VideoPlayerController;
+/**
+* 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.
+*/
+var VideoPlayerElement = class extends PlayerElement {
+	static {
+		this.tagName = "video-player";
+	}
+};
+//#endregion
+export { PlayerController, VideoPlayerElement };
+
+//# sourceMappingURL=player.js.map

package/dist/default/presets/video/player.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"player.js","names":[],"sources":["../../../../src/presets/video/player.ts"],"sourcesContent":["import { videoFeatures } from '@videojs/core/dom';\n\nimport { createPlayer } from '../../player/create-player';\n\nconst { PlayerElement, PlayerController: VideoPlayerController } = createPlayer({\n  features: videoFeatures,\n});\n\n/** Player controller bound to the standard video player store. */\nexport const PlayerController = VideoPlayerController;\n\n/**\n * Player-state provider registered as `<video-player>`.\n *\n * The element owns the configured video store but no layout. Put a skin or `<media-container>` inside it to provide the\n * media, controls, and fullscreen target.\n */\nexport class VideoPlayerElement extends PlayerElement {\n  static readonly tagName = 'video-player';\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [VideoPlayerElement.tagName]: VideoPlayerElement;\n  }\n}\n"],"mappings":";;;AAIA,MAAM,EAAE,eAAe,kBAAkB,0BAA0B,aAAa,EAC9E,UAAU,cACZ,CAAC;;AAGD,MAAa,mBAAmB;;;;;;;AAQhC,IAAa,qBAAb,cAAwC,cAAc;;EAC1B,KAAA,UAAA;;AAC5B"}

package/dist/default/presets/video/skin.js

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

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

@@ -0,0 +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"}

package/dist/default/registration/safe-define.js

@@ -0,0 +1,18 @@
+//#region src/registration/safe-define.ts
+/**
+* Define a custom element only if not already registered.
+*
+* `tagName` overrides the element's own, for the rare case of registering one element under a second name — two flavors
+* of the same element in one runtime, say, where whichever registers first would otherwise take the name and the other
+* would silently lose it. Registering under the override does not change `element.tagName`, so anything reading the
+* class still sees its standard name.
+*/
+function safeDefine(element, tagName = element.tagName) {
+	const registry = globalThis.customElements;
+	if (!registry || registry.get(tagName)) return;
+	registry.define(tagName, element);
+}
+//#endregion
+export { safeDefine };
+
+//# sourceMappingURL=safe-define.js.map

package/dist/default/registration/safe-define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"safe-define.js","names":[],"sources":["../../../src/registration/safe-define.ts"],"sourcesContent":["type DefinableElement = CustomElementConstructor & { tagName: string };\n\n/**\n * Define a custom element only if not already registered.\n *\n * `tagName` overrides the element's own, for the rare case of registering one element under a second name — two flavors\n * of the same element in one runtime, say, where whichever registers first would otherwise take the name and the other\n * would silently lose it. Registering under the override does not change `element.tagName`, so anything reading the\n * class still sees its standard name.\n */\nexport function safeDefine(element: DefinableElement, tagName: string = element.tagName): void {\n  const registry = globalThis.customElements;\n  if (!registry || registry.get(tagName)) return;\n\n  registry.define(tagName, element);\n}\n"],"mappings":";;;;;;;;;AAUA,SAAgB,WAAW,SAA2B,UAAkB,QAAQ,SAAe;CAC7F,MAAM,WAAW,WAAW;CAC5B,IAAI,CAAC,YAAY,SAAS,IAAI,OAAO,GAAG;CAExC,SAAS,OAAO,SAAS,OAAO;AAClC"}

package/dist/default/registration/ui-compounds.js

@@ -0,0 +1,125 @@
+import { safeDefine } from "./safe-define.js";
+import { MenuRadioItemElement } from "../ui/menu/menu-radio-item-element.js";
+import { MenuRadioGroupElement } from "../ui/menu/menu-radio-group-element.js";
+import { MenuItemIndicatorElement } from "../ui/menu/menu-item-indicator-element.js";
+import { ControlsBackdropElement } from "../ui/controls/controls-backdrop-element.js";
+import { ControlsContentElement } from "../ui/controls/controls-content-element.js";
+import { ControlsElement } from "../ui/controls/controls-element.js";
+import { ControlsGroupElement } from "../ui/controls/controls-group-element.js";
+import { DialogBackdropElement } from "../ui/dialog/dialog-backdrop-element.js";
+import { DialogCloseElement } from "../ui/dialog/dialog-close-element.js";
+import { DialogDescriptionElement } from "../ui/dialog/dialog-description-element.js";
+import { DialogPopupElement } from "../ui/dialog/dialog-popup-element.js";
+import { DialogTitleElement } from "../ui/dialog/dialog-title-element.js";
+import { ErrorDialogElement } from "../ui/error-dialog/error-dialog-element.js";
+import { MenuCheckboxItemElement } from "../ui/menu/menu-checkbox-item-element.js";
+import { MenuContentElement } from "../ui/menu/menu-content-element.js";
+import { MenuElement } from "../ui/menu/menu-element.js";
+import { MenuGroupElement } from "../ui/menu/menu-group-element.js";
+import { MenuGroupLabelElement } from "../ui/menu/menu-group-label-element.js";
+import { MenuItemElement } from "../ui/menu/menu-item-element.js";
+import { MenuSeparatorElement } from "../ui/menu/menu-separator-element.js";
+import { SeekIndicatorElement } from "../ui/seek-indicator/seek-indicator-element.js";
+import { SeekIndicatorValueElement } from "../ui/seek-indicator/seek-indicator-value-element.js";
+import { SliderBufferElement } from "../ui/slider/slider-buffer-element.js";
+import { SliderFillElement } from "../ui/slider/slider-fill-element.js";
+import { SliderPreviewElement } from "../ui/slider/slider-preview-element.js";
+import { SliderThumbElement } from "../ui/slider/slider-thumb-element.js";
+import { SliderThumbnailElement } from "../ui/slider/slider-thumbnail-element.js";
+import { SliderTrackElement } from "../ui/slider/slider-track-element.js";
+import { SliderValueElement } from "../ui/slider/slider-value-element.js";
+import { StatusAnnouncerElement } from "../ui/status-announcer/status-announcer-element.js";
+import { StatusIndicatorElement } from "../ui/status-indicator/status-indicator-element.js";
+import { StatusIndicatorValueElement } from "../ui/status-indicator/status-indicator-value-element.js";
+import { TimeElement } from "../ui/time/time-element.js";
+import { TimeGroupElement } from "../ui/time/time-group-element.js";
+import { TimeSeparatorElement } from "../ui/time/time-separator-element.js";
+import { TimeSliderElement } from "../ui/time-slider/time-slider-element.js";
+import { TooltipLabelElement } from "../ui/tooltip/tooltip-label-element.js";
+import { TooltipShortcutElement } from "../ui/tooltip/tooltip-shortcut-element.js";
+import { TooltipElement } from "../ui/tooltip/tooltip-element.js";
+import { TooltipGroupElement } from "../ui/tooltip/tooltip-group-element.js";
+import { VolumeIndicatorElement } from "../ui/volume-indicator/volume-indicator-element.js";
+import { VolumeIndicatorFillElement } from "../ui/volume-indicator/volume-indicator-fill-element.js";
+import { VolumeIndicatorValueElement } from "../ui/volume-indicator/volume-indicator-value-element.js";
+import { VolumeSliderElement } from "../ui/volume-slider/volume-slider-element.js";
+//#region src/registration/ui-compounds.ts
+function defineMenu() {
+	safeDefine(MenuElement);
+	safeDefine(MenuContentElement);
+	safeDefine(MenuItemElement);
+	safeDefine(MenuGroupLabelElement);
+	safeDefine(MenuSeparatorElement);
+	safeDefine(MenuGroupElement);
+	safeDefine(MenuRadioGroupElement);
+	safeDefine(MenuRadioItemElement);
+	safeDefine(MenuCheckboxItemElement);
+	safeDefine(MenuItemIndicatorElement);
+}
+function defineControls() {
+	safeDefine(ControlsElement);
+	safeDefine(ControlsBackdropElement);
+	safeDefine(ControlsContentElement);
+	safeDefine(ControlsGroupElement);
+}
+function defineDialogParts() {
+	safeDefine(DialogBackdropElement);
+	safeDefine(DialogPopupElement);
+	safeDefine(DialogCloseElement);
+	safeDefine(DialogDescriptionElement);
+	safeDefine(DialogTitleElement);
+}
+function defineErrorDialog() {
+	safeDefine(ErrorDialogElement);
+	defineDialogParts();
+}
+function defineInputIndicators() {
+	safeDefine(StatusAnnouncerElement);
+	safeDefine(StatusIndicatorElement);
+	safeDefine(StatusIndicatorValueElement);
+	safeDefine(VolumeIndicatorElement);
+	safeDefine(VolumeIndicatorFillElement);
+	safeDefine(VolumeIndicatorValueElement);
+	safeDefine(SeekIndicatorElement);
+	safeDefine(SeekIndicatorValueElement);
+}
+/** Shared slider sub-elements used by all slider types. */
+function defineSliderParts() {
+	safeDefine(SliderFillElement);
+	safeDefine(SliderPreviewElement);
+	safeDefine(SliderThumbElement);
+	safeDefine(SliderTrackElement);
+	safeDefine(SliderValueElement);
+}
+function defineTime() {
+	safeDefine(TimeElement);
+	safeDefine(TimeGroupElement);
+	safeDefine(TimeSeparatorElement);
+}
+function defineTimeSlider() {
+	safeDefine(TimeSliderElement);
+	defineSliderParts();
+	safeDefine(SliderBufferElement);
+	safeDefine(SliderThumbnailElement);
+}
+function defineTooltip() {
+	safeDefine(TooltipGroupElement);
+	safeDefine(TooltipLabelElement);
+	safeDefine(TooltipShortcutElement);
+	safeDefine(TooltipElement);
+}
+function defineVolumeSlider() {
+	safeDefine(VolumeSliderElement);
+	defineSliderParts();
+}
+function defineSliders() {
+	safeDefine(TimeSliderElement);
+	safeDefine(VolumeSliderElement);
+	defineSliderParts();
+	safeDefine(SliderBufferElement);
+	safeDefine(SliderThumbnailElement);
+}
+//#endregion
+export { defineControls, defineErrorDialog, defineInputIndicators, defineMenu, defineSliderParts, defineSliders, defineTime, defineTimeSlider, defineTooltip, defineVolumeSlider };
+
+//# sourceMappingURL=ui-compounds.js.map

package/dist/default/registration/ui-compounds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-compounds.js","names":[],"sources":["../../../src/registration/ui-compounds.ts"],"sourcesContent":["import { AlertDialogElement } from '../ui/alert-dialog/alert-dialog-element';\nimport { ControlsBackdropElement } from '../ui/controls/controls-backdrop-element';\nimport { ControlsContentElement } from '../ui/controls/controls-content-element';\nimport { ControlsElement } from '../ui/controls/controls-element';\nimport { ControlsGroupElement } from '../ui/controls/controls-group-element';\nimport { DialogBackdropElement } from '../ui/dialog/dialog-backdrop-element';\nimport { DialogCloseElement } from '../ui/dialog/dialog-close-element';\nimport { DialogDescriptionElement } from '../ui/dialog/dialog-description-element';\nimport { DialogPopupElement } from '../ui/dialog/dialog-popup-element';\nimport { DialogTitleElement } from '../ui/dialog/dialog-title-element';\nimport { ErrorDialogElement } from '../ui/error-dialog/error-dialog-element';\nimport { MenuCheckboxItemElement } from '../ui/menu/menu-checkbox-item-element';\nimport { MenuContentElement } from '../ui/menu/menu-content-element';\nimport { MenuElement } from '../ui/menu/menu-element';\nimport { MenuGroupElement } from '../ui/menu/menu-group-element';\nimport { MenuGroupLabelElement } from '../ui/menu/menu-group-label-element';\nimport { MenuItemElement } from '../ui/menu/menu-item-element';\nimport { MenuItemIndicatorElement } from '../ui/menu/menu-item-indicator-element';\nimport { MenuRadioGroupElement } from '../ui/menu/menu-radio-group-element';\nimport { MenuRadioItemElement } from '../ui/menu/menu-radio-item-element';\nimport { MenuSeparatorElement } from '../ui/menu/menu-separator-element';\nimport { SeekIndicatorElement } from '../ui/seek-indicator/seek-indicator-element';\nimport { SeekIndicatorValueElement } from '../ui/seek-indicator/seek-indicator-value-element';\nimport { SliderBufferElement } from '../ui/slider/slider-buffer-element';\nimport { SliderElement } from '../ui/slider/slider-element';\nimport { SliderFillElement } from '../ui/slider/slider-fill-element';\nimport { SliderPreviewElement } from '../ui/slider/slider-preview-element';\nimport { SliderThumbElement } from '../ui/slider/slider-thumb-element';\nimport { SliderThumbnailElement } from '../ui/slider/slider-thumbnail-element';\nimport { SliderTrackElement } from '../ui/slider/slider-track-element';\nimport { SliderValueElement } from '../ui/slider/slider-value-element';\nimport { StatusAnnouncerElement } from '../ui/status-announcer/status-announcer-element';\nimport { StatusIndicatorElement } from '../ui/status-indicator/status-indicator-element';\nimport { StatusIndicatorValueElement } from '../ui/status-indicator/status-indicator-value-element';\nimport { TimeSliderElement } from '../ui/time-slider/time-slider-element';\nimport { TimeElement } from '../ui/time/time-element';\nimport { TimeGroupElement } from '../ui/time/time-group-element';\nimport { TimeSeparatorElement } from '../ui/time/time-separator-element';\nimport { TooltipElement } from '../ui/tooltip/tooltip-element';\nimport { TooltipGroupElement } from '../ui/tooltip/tooltip-group-element';\nimport { TooltipLabelElement } from '../ui/tooltip/tooltip-label-element';\nimport { TooltipShortcutElement } from '../ui/tooltip/tooltip-shortcut-element';\nimport { VolumeIndicatorElement } from '../ui/volume-indicator/volume-indicator-element';\nimport { VolumeIndicatorFillElement } from '../ui/volume-indicator/volume-indicator-fill-element';\nimport { VolumeIndicatorValueElement } from '../ui/volume-indicator/volume-indicator-value-element';\nimport { VolumeSliderElement } from '../ui/volume-slider/volume-slider-element';\nimport { safeDefine } from './safe-define';\n\n// ── Define functions ────────────────────────────────────────────────────\n\nexport function defineMenu(): void {\n  // Root first — part elements consume its context.\n  safeDefine(MenuElement);\n  safeDefine(MenuContentElement);\n  safeDefine(MenuItemElement);\n  safeDefine(MenuGroupLabelElement);\n  safeDefine(MenuSeparatorElement);\n  safeDefine(MenuGroupElement);\n  safeDefine(MenuRadioGroupElement);\n  safeDefine(MenuRadioItemElement);\n  safeDefine(MenuCheckboxItemElement);\n  safeDefine(MenuItemIndicatorElement);\n}\n\nexport function defineControls(): void {\n  safeDefine(ControlsElement);\n  safeDefine(ControlsBackdropElement);\n  safeDefine(ControlsContentElement);\n  safeDefine(ControlsGroupElement);\n}\n\nfunction defineDialogParts(): void {\n  safeDefine(DialogBackdropElement);\n  safeDefine(DialogPopupElement);\n  safeDefine(DialogCloseElement);\n  safeDefine(DialogDescriptionElement);\n  safeDefine(DialogTitleElement);\n}\n\nexport function defineAlertDialog(): void {\n  // Parent first — child elements consume its context.\n  safeDefine(AlertDialogElement);\n  defineDialogParts();\n}\n\nexport function defineErrorDialog(): void {\n  // Parent first — child elements consume its context.\n  safeDefine(ErrorDialogElement);\n  defineDialogParts();\n}\n\nexport function defineInputIndicators(): void {\n  safeDefine(StatusAnnouncerElement);\n  safeDefine(StatusIndicatorElement);\n  safeDefine(StatusIndicatorValueElement);\n  safeDefine(VolumeIndicatorElement);\n  safeDefine(VolumeIndicatorFillElement);\n  safeDefine(VolumeIndicatorValueElement);\n  safeDefine(SeekIndicatorElement);\n  safeDefine(SeekIndicatorValueElement);\n}\n\n/** Shared slider sub-elements used by all slider types. */\nexport function defineSliderParts(): void {\n  safeDefine(SliderFillElement);\n  safeDefine(SliderPreviewElement);\n  safeDefine(SliderThumbElement);\n  safeDefine(SliderTrackElement);\n  safeDefine(SliderValueElement);\n}\n\nexport function defineSlider(): void {\n  safeDefine(SliderElement);\n  defineSliderParts();\n}\n\nexport function defineTime(): void {\n  safeDefine(TimeElement);\n  safeDefine(TimeGroupElement);\n  safeDefine(TimeSeparatorElement);\n}\n\nexport function defineTimeSlider(): void {\n  safeDefine(TimeSliderElement);\n  defineSliderParts();\n  safeDefine(SliderBufferElement);\n  safeDefine(SliderThumbnailElement);\n}\n\nexport function defineTooltip(): void {\n  safeDefine(TooltipGroupElement);\n  safeDefine(TooltipLabelElement);\n  safeDefine(TooltipShortcutElement);\n  safeDefine(TooltipElement);\n}\n\nexport function defineVolumeSlider(): void {\n  safeDefine(VolumeSliderElement);\n  defineSliderParts();\n}\n\nexport function defineSliders(): void {\n  safeDefine(TimeSliderElement);\n  safeDefine(VolumeSliderElement);\n  defineSliderParts();\n  safeDefine(SliderBufferElement);\n  safeDefine(SliderThumbnailElement);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,SAAgB,aAAmB;CAEjC,WAAW,WAAW;CACtB,WAAW,kBAAkB;CAC7B,WAAW,eAAe;CAC1B,WAAW,qBAAqB;CAChC,WAAW,oBAAoB;CAC/B,WAAW,gBAAgB;CAC3B,WAAW,qBAAqB;CAChC,WAAW,oBAAoB;CAC/B,WAAW,uBAAuB;CAClC,WAAW,wBAAwB;AACrC;AAEA,SAAgB,iBAAuB;CACrC,WAAW,eAAe;CAC1B,WAAW,uBAAuB;CAClC,WAAW,sBAAsB;CACjC,WAAW,oBAAoB;AACjC;AAEA,SAAS,oBAA0B;CACjC,WAAW,qBAAqB;CAChC,WAAW,kBAAkB;CAC7B,WAAW,kBAAkB;CAC7B,WAAW,wBAAwB;CACnC,WAAW,kBAAkB;AAC/B;AAQA,SAAgB,oBAA0B;CAExC,WAAW,kBAAkB;CAC7B,kBAAkB;AACpB;AAEA,SAAgB,wBAA8B;CAC5C,WAAW,sBAAsB;CACjC,WAAW,sBAAsB;CACjC,WAAW,2BAA2B;CACtC,WAAW,sBAAsB;CACjC,WAAW,0BAA0B;CACrC,WAAW,2BAA2B;CACtC,WAAW,oBAAoB;CAC/B,WAAW,yBAAyB;AACtC;;AAGA,SAAgB,oBAA0B;CACxC,WAAW,iBAAiB;CAC5B,WAAW,oBAAoB;CAC/B,WAAW,kBAAkB;CAC7B,WAAW,kBAAkB;CAC7B,WAAW,kBAAkB;AAC/B;AAOA,SAAgB,aAAmB;CACjC,WAAW,WAAW;CACtB,WAAW,gBAAgB;CAC3B,WAAW,oBAAoB;AACjC;AAEA,SAAgB,mBAAyB;CACvC,WAAW,iBAAiB;CAC5B,kBAAkB;CAClB,WAAW,mBAAmB;CAC9B,WAAW,sBAAsB;AACnC;AAEA,SAAgB,gBAAsB;CACpC,WAAW,mBAAmB;CAC9B,WAAW,mBAAmB;CAC9B,WAAW,sBAAsB;CACjC,WAAW,cAAc;AAC3B;AAEA,SAAgB,qBAA2B;CACzC,WAAW,mBAAmB;CAC9B,kBAAkB;AACpB;AAEA,SAAgB,gBAAsB;CACpC,WAAW,iBAAiB;CAC5B,WAAW,mBAAmB;CAC9B,kBAAkB;CAClB,WAAW,mBAAmB;CAC9B,WAAW,sBAAsB;AACnC"}

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

@@ -1,20 +1,18 @@
 import { mediaContext } from "../player/context.js";
 import { ContextEvent } from "@videojs/element/context";
-
 //#region src/store/media-attach-mixin.ts
 /**
-* Create a mixin that consumes `mediaContext` and registers the
-* element as the media with the provider.
+* Create a mixin that consumes `mediaContext` and registers the element as the media with the player.
 *
-* Uses the raw context-request protocol so it works with any
-* `HTMLElement` subclass — no `ReactiveControllerHost` required.
+* Uses the raw context-request protocol so it works with any `HTMLElement` subclass — no `ReactiveControllerHost`
+* required.
 *
 * @param context - The media context to consume.
 */
 function createMediaAttachMixin(context) {
 	return (BaseClass) => {
 		class MediaAttachElement extends BaseClass {
-			#setMedia = null;
+			#releaseMedia = null;
 			#unsubscribe = null;
 			getMediaTarget() {
 				return this;
@@ -23,23 +21,25 @@ function createMediaAttachMixin(context) {
 				super.connectedCallback?.();
 				this.dispatchEvent(new ContextEvent(context, this, (value, unsubscribe) => {
 					if (unsubscribe) this.#unsubscribe = unsubscribe;
-					this.#setMedia = value?.setMedia ?? null;
-					if (this.isConnected) this.#setMedia?.(this.getMediaTarget());
-				}, true));
+					this.#releaseMedia?.();
+					this.#releaseMedia = null;
+					const target = this.getMediaTarget();
+					if (this.isConnected && value && target) this.#releaseMedia = value.registerMedia(target);
+				}, false));
 			}
 			disconnectedCallback() {
-				super.disconnectedCallback?.();
-				this.#setMedia?.(null);
+				this.#releaseMedia?.();
+				this.#releaseMedia = null;
 				this.#unsubscribe?.();
 				this.#unsubscribe = null;
-				this.#setMedia = null;
+				super.disconnectedCallback?.();
 			}
 		}
 		return MediaAttachElement;
 	};
 }
 const MediaAttachMixin = createMediaAttachMixin(mediaContext);
-
 //#endregion
 export { MediaAttachMixin, createMediaAttachMixin };
+
 //# sourceMappingURL=media-attach-mixin.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"media-attach-mixin.js","names":["#unsubscribe","#setMedia"],"sources":["../../../src/store/media-attach-mixin.ts"],"sourcesContent":["import type { Media } from '@videojs/core/dom';\nimport { ContextEvent } from '@videojs/element/context';\nimport type { CustomElement } from '@videojs/utils/dom';\nimport type { AnyConstructor, Constructor } from '@videojs/utils/types';\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\n * element as the media with the provider.\n *\n * Uses the raw context-request protocol so it works with any\n * `HTMLElement` subclass — no `ReactiveControllerHost` 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      #setMedia: ((media: Media | null) => 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              this.#setMedia = value?.setMedia ?? null;\n              if (this.isConnected) {\n                this.#setMedia?.(this.getMediaTarget());\n              }\n            },\n            true\n          )\n        );\n      }\n\n      override disconnectedCallback() {\n        super.disconnectedCallback?.();\n        this.#setMedia?.(null);\n        this.#unsubscribe?.();\n        this.#unsubscribe = null;\n        this.#setMedia = null;\n      }\n    }\n\n    return MediaAttachElement as unknown as Class;\n  };\n}\n\nexport const MediaAttachMixin = createMediaAttachMixin(mediaContext);\n"],"mappings":";;;;;;;;;;;;;AAiBA,SAAgB,uBAAuB,SAAyC;AAC9E,SAAmD,cAAqB;EACtE,MAAM,2BAA4B,UAAoD;GACpF,YAAoD;GACpD,eAAoC;GAEpC,iBAA+B;AAC7B,WAAO;;GAGT,AAAS,oBAAoB;AAC3B,UAAM,qBAAqB;AAE3B,SAAK,cACH,IAAI,aACF,SACA,OACC,OAAO,gBAAgB;AACtB,SAAI,YAAa,OAAKA,cAAe;AACrC,WAAKC,WAAY,OAAO,YAAY;AACpC,SAAI,KAAK,YACP,OAAKA,WAAY,KAAK,gBAAgB,CAAC;OAG3C,KACD,CACF;;GAGH,AAAS,uBAAuB;AAC9B,UAAM,wBAAwB;AAC9B,UAAKA,WAAY,KAAK;AACtB,UAAKD,eAAgB;AACrB,UAAKA,cAAe;AACpB,UAAKC,WAAY;;;AAIrB,SAAO;;;AAIX,MAAa,mBAAmB,uBAAuB,aAAa"}
+{"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"}

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

@@ -0,0 +1,24 @@
+import { playerContext } from "../../player/context.js";
+import { PlayerController } from "../../player/player-controller.js";
+import { MediaButtonElement } from "../media-button-element.js";
+import { AirPlayButtonCore, AirPlayButtonDataAttrs } from "@videojs/core";
+import { selectRemotePlayback } from "@videojs/core/dom";
+//#region src/ui/airplay-button/airplay-button-element.ts
+var AirPlayButtonElement = class extends MediaButtonElement {
+	constructor(..._args) {
+		super(..._args);
+		this.core = new AirPlayButtonCore();
+		this.stateAttrMap = AirPlayButtonDataAttrs;
+		this.mediaState = new PlayerController(this, playerContext, selectRemotePlayback);
+	}
+	static {
+		this.tagName = "media-airplay-button";
+	}
+	activate(state) {
+		this.core.toggle(state);
+	}
+};
+//#endregion
+export { AirPlayButtonElement };
+
+//# sourceMappingURL=airplay-button-element.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"airplay-button-element.js","names":[],"sources":["../../../../src/ui/airplay-button/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/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"}