@videojs/html 10.0.0-beta.2 → 10.0.0-beta.21

package/dist/dev/define/audio/ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.js","names":[],"sources":["../../../../src/define/audio/ui.ts"],"sourcesContent":["// Registers the audio player, container, and all audio UI custom elements\n// without creating a skin element. Use this entry when building an ejected\n// (light DOM) player layout.\nimport { MediaContainerElement } from '../../media/container-element';\nimport { GestureElement } from '../../ui/gesture/gesture-element';\nimport { HotkeyElement } from '../../ui/hotkey/hotkey-element';\nimport { MuteButtonElement } from '../../ui/mute-button/mute-button-element';\nimport { PlayButtonElement } from '../../ui/play-button/play-button-element';\nimport { PlaybackRateButtonElement } from '../../ui/playback-rate-button/playback-rate-button-element';\nimport { PopoverElement } from '../../ui/popover/popover-element';\nimport { SeekButtonElement } from '../../ui/seek-button/seek-button-element';\nimport { TooltipElement } from '../../ui/tooltip/tooltip-element';\nimport { TooltipGroupElement } from '../../ui/tooltip/tooltip-group-element';\nimport { safeDefine } from '../safe-define';\nimport { defineErrorDialog, defineTime, defineTimeSlider, defineVolumeSlider } from '../ui/compounds';\n\n// Value import — player.ts body runs before this module's body.\nimport { AudioPlayerElement } from './player';\n\n// ── Registration (providers / parents first) ────────────────────────────\n\nsafeDefine(AudioPlayerElement);\nsafeDefine(MediaContainerElement);\n\n// Compound groups.\ndefineErrorDialog();\ndefineTimeSlider();\ndefineVolumeSlider();\ndefineTime();\n\n// Standalone elements.\nsafeDefine(GestureElement);\nsafeDefine(HotkeyElement);\nsafeDefine(MuteButtonElement);\nsafeDefine(PlayButtonElement);\nsafeDefine(PlaybackRateButtonElement);\nsafeDefine(PopoverElement);\nsafeDefine(SeekButtonElement);\nsafeDefine(TooltipElement);\nsafeDefine(TooltipGroupElement);\n"],"mappings":";;;;;;;;;;;;;;AAqBA,WAAW,mBAAmB;AAC9B,WAAW,sBAAsB;AAGjC,mBAAmB;AACnB,kBAAkB;AAClB,oBAAoB;AACpB,YAAY;AAGZ,WAAW,eAAe;AAC1B,WAAW,cAAc;AACzB,WAAW,kBAAkB;AAC7B,WAAW,kBAAkB;AAC7B,WAAW,0BAA0B;AACrC,WAAW,eAAe;AAC1B,WAAW,kBAAkB;AAC7B,WAAW,eAAe;AAC1B,WAAW,oBAAoB"}

package/dist/dev/define/background/player.js

@@ -3,7 +3,6 @@ import { MediaContainerElement } from "../../media/container-element.js";
 import { createPlayer } from "../../player/create-player.js";
 import { safeDefine } from "../safe-define.js";
 import { backgroundFeatures } from "@videojs/core/dom";
-
 //#region src/define/background/player.ts
 const { ProviderMixin } = createPlayer({ features: backgroundFeatures });
 var BackgroundVideoPlayerElement = class extends ProviderMixin(MediaElement) {
@@ -13,7 +12,7 @@ var BackgroundVideoPlayerElement = class extends ProviderMixin(MediaElement) {
 };
 safeDefine(BackgroundVideoPlayerElement);
 safeDefine(MediaContainerElement);
-
 //#endregion
 export { BackgroundVideoPlayerElement };
+
 //# sourceMappingURL=player.js.map

package/dist/dev/define/background/player.js.map

@@ -1 +1 @@
-{"version":3,"file":"player.js","names":[],"sources":["../../../../src/define/background/player.ts"],"sourcesContent":["import { backgroundFeatures } from '@videojs/core/dom';\nimport { MediaContainerElement } from '../../media/container-element';\nimport { createPlayer } from '../../player/create-player';\nimport { MediaElement } from '../../ui/media-element';\nimport { safeDefine } from '../safe-define';\n\nconst { ProviderMixin } = createPlayer({\n  features: backgroundFeatures,\n});\n\nexport class BackgroundVideoPlayerElement extends ProviderMixin(MediaElement) {\n  static readonly tagName = 'background-video-player';\n}\n\n// Provider must be defined before consumer for context handshake during upgrade.\nsafeDefine(BackgroundVideoPlayerElement);\nsafeDefine(MediaContainerElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [BackgroundVideoPlayerElement.tagName]: BackgroundVideoPlayerElement;\n  }\n}\n"],"mappings":";;;;;;;AAMA,MAAM,EAAE,kBAAkB,aAAa,EACrC,UAAU,oBACX,CAAC;AAEF,IAAa,+BAAb,cAAkD,cAAc,aAAa,CAAC;;iBAClD;;;AAI5B,WAAW,6BAA6B;AACxC,WAAW,sBAAsB"}
+{"version":3,"file":"player.js","names":[],"sources":["../../../../src/define/background/player.ts"],"sourcesContent":["import { backgroundFeatures } from '@videojs/core/dom';\nimport { MediaContainerElement } from '../../media/container-element';\nimport { createPlayer } from '../../player/create-player';\nimport { MediaElement } from '../../ui/media-element';\nimport { safeDefine } from '../safe-define';\n\nconst { ProviderMixin } = createPlayer({\n  features: backgroundFeatures,\n});\n\nexport class BackgroundVideoPlayerElement extends ProviderMixin(MediaElement) {\n  static readonly tagName = 'background-video-player';\n}\n\n// Provider must be defined before consumer for context handshake during upgrade.\nsafeDefine(BackgroundVideoPlayerElement);\nsafeDefine(MediaContainerElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [BackgroundVideoPlayerElement.tagName]: BackgroundVideoPlayerElement;\n  }\n}\n"],"mappings":";;;;;;AAMA,MAAM,EAAE,kBAAkB,aAAa,EACrC,UAAU,oBACX,CAAC;AAEF,IAAa,+BAAb,cAAkD,cAAc,aAAa,CAAC;;iBAClD;;;AAI5B,WAAW,6BAA6B;AACxC,WAAW,sBAAsB"}

package/dist/dev/define/background/skin.css

@@ -11,7 +11,7 @@ background-video-skin {
   object-fit: var(--media-object-fit);
 }
 
-background-video-skin > [slot="media"] {
+background-video-skin > background-video {
   position: absolute;
   inset: 0;
   width: 100%;

package/dist/dev/define/background/skin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skin.d.ts","names":[],"sources":["../../../../src/define/background/skin.ts"],"mappings":";;;iBAIS,eAAA,CAAgB,MAAA,EAAQ,MAAA;AAAA,cAQpB,0BAAA,SAAmC,eAAA;EAAA,gBAC9B,OAAA;EAAA,OACT,iBAAA;UAAsC,cAAA;EAAA;EAAA,OACtC,eAAA,SAAe,eAAA;;;QAchB,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,0BAAA,CAA2B,OAAA,GAAU,0BAAA;EAAA;AAAA"}
+{"version":3,"file":"skin.d.ts","names":[],"sources":["../../../../src/define/background/skin.ts"],"mappings":";;;iBAOS,eAAA,CAAgB,MAAA,EAAQ,MAAA;AAAA,cAUpB,0BAAA,SAAmC,eAAA;EAAA,gBAC9B,OAAA;EAAA,OACT,iBAAA;UAAsC,cAAA;EAAA;EAAA,OACtC,eAAA,SAAe,eAAA;;;QAgBhB,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,0BAAA,CAA2B,OAAA,GAAU,0BAAA;EAAA;AAAA"}

package/dist/dev/define/background/skin.js

@@ -1,12 +1,15 @@
 import { safeDefine } from "../safe-define.js";
+import skin_default from "../../_virtual/inline-css_src/define/background/skin.js";
+import { ensureGlobalStyle, namedNodeMapToObject } from "@videojs/utils/dom";
 import { ReactiveElement } from "@videojs/element";
-import { namedNodeMapToObject } from "@videojs/utils/dom";
-
 //#region src/define/background/skin.ts
+const STYLES_ID = "__media-background-styles";
 function getTemplateHTML(_attrs) {
 	return `
     <media-container>
-      <slot name="media" slot="media"></slot>
+      <!-- @deprecated slot="media" is no longer required, use the default slot instead -->
+      <slot name="media"></slot>
+      <slot></slot>
     </media-container>
   `;
 }
@@ -22,6 +25,7 @@ var BackgroundVideoSkinElement = class extends ReactiveElement {
 	}
 	constructor() {
 		super();
+		ensureGlobalStyle(STYLES_ID, skin_default);
 		if (!this.shadowRoot) {
 			this.attachShadow(this.constructor.shadowRootOptions);
 			this.shadowRoot.innerHTML = getTemplateHTML(namedNodeMapToObject(this.attributes));
@@ -29,7 +33,7 @@ var BackgroundVideoSkinElement = class extends ReactiveElement {
 	}
 };
 safeDefine(BackgroundVideoSkinElement);
-
 //#endregion
 export { BackgroundVideoSkinElement };
+
 //# sourceMappingURL=skin.js.map

package/dist/dev/define/background/skin.js.map

@@ -1 +1 @@
-{"version":3,"file":"skin.js","names":[],"sources":["../../../../src/define/background/skin.ts"],"sourcesContent":["import { ReactiveElement } from '@videojs/element';\nimport { namedNodeMapToObject } from '@videojs/utils/dom';\nimport { safeDefine } from '../safe-define';\n\nfunction getTemplateHTML(_attrs: Record<string, string>) {\n  return /*html*/ `\n    <media-container>\n      <slot name=\"media\" slot=\"media\"></slot>\n    </media-container>\n  `;\n}\n\nexport class BackgroundVideoSkinElement extends ReactiveElement {\n  static readonly tagName = 'background-video-skin';\n  static shadowRootOptions = { mode: 'open' as ShadowRootMode };\n  static getTemplateHTML = getTemplateHTML;\n\n  constructor() {\n    super();\n\n    if (!this.shadowRoot) {\n      this.attachShadow((this.constructor as typeof BackgroundVideoSkinElement).shadowRootOptions);\n      this.shadowRoot!.innerHTML = getTemplateHTML(namedNodeMapToObject(this.attributes));\n    }\n  }\n}\n\nsafeDefine(BackgroundVideoSkinElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [BackgroundVideoSkinElement.tagName]: BackgroundVideoSkinElement;\n  }\n}\n"],"mappings":";;;;;AAIA,SAAS,gBAAgB,QAAgC;AACvD,QAAgB;;;;;;AAOlB,IAAa,6BAAb,cAAgD,gBAAgB;;iBACpC;;;2BACC,EAAE,MAAM,QAA0B;;;yBACpC;;CAEzB,cAAc;AACZ,SAAO;AAEP,MAAI,CAAC,KAAK,YAAY;AACpB,QAAK,aAAc,KAAK,YAAkD,kBAAkB;AAC5F,QAAK,WAAY,YAAY,gBAAgB,qBAAqB,KAAK,WAAW,CAAC;;;;AAKzF,WAAW,2BAA2B"}
+{"version":3,"file":"skin.js","names":["styles"],"sources":["../../../../src/define/background/skin.ts"],"sourcesContent":["import { ReactiveElement } from '@videojs/element';\nimport { ensureGlobalStyle, namedNodeMapToObject } from '@videojs/utils/dom';\nimport { safeDefine } from '../safe-define';\nimport styles from './skin.css?inline';\n\nconst STYLES_ID = '__media-background-styles';\n\nfunction getTemplateHTML(_attrs: Record<string, string>) {\n  return /*html*/ `\n    <media-container>\n      <!-- @deprecated slot=\"media\" is no longer required, use the default slot instead -->\n      <slot name=\"media\"></slot>\n      <slot></slot>\n    </media-container>\n  `;\n}\n\nexport class BackgroundVideoSkinElement extends ReactiveElement {\n  static readonly tagName = 'background-video-skin';\n  static shadowRootOptions = { mode: 'open' as ShadowRootMode };\n  static getTemplateHTML = getTemplateHTML;\n\n  constructor() {\n    super();\n\n    ensureGlobalStyle(STYLES_ID, styles);\n\n    if (!this.shadowRoot) {\n      this.attachShadow((this.constructor as typeof BackgroundVideoSkinElement).shadowRootOptions);\n      this.shadowRoot!.innerHTML = getTemplateHTML(namedNodeMapToObject(this.attributes));\n    }\n  }\n}\n\nsafeDefine(BackgroundVideoSkinElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [BackgroundVideoSkinElement.tagName]: BackgroundVideoSkinElement;\n  }\n}\n"],"mappings":";;;;;AAKA,MAAM,YAAY;AAElB,SAAS,gBAAgB,QAAgC;AACvD,QAAgB;;;;;;;;AASlB,IAAa,6BAAb,cAAgD,gBAAgB;;iBACpC;;;2BACC,EAAE,MAAM,QAA0B;;;yBACpC;;CAEzB,cAAc;AACZ,SAAO;AAEP,oBAAkB,WAAWA,aAAO;AAEpC,MAAI,CAAC,KAAK,YAAY;AACpB,QAAK,aAAc,KAAK,YAAkD,kBAAkB;AAC5F,QAAK,WAAY,YAAY,gBAAgB,qBAAqB,KAAK,WAAW,CAAC;;;;AAKzF,WAAW,2BAA2B"}

package/dist/dev/define/background/video.js

@@ -1,3 +1,2 @@
 import { BackgroundVideoElement } from "../media/background-video.js";
-
-export { BackgroundVideoElement };
+export { BackgroundVideoElement };

package/dist/dev/define/base.css

@@ -0,0 +1,27 @@
+/* -------------------------------------------------------------------------- */
+/* Base                                                                       */
+/* -------------------------------------------------------------------------- */
+
+video-player {
+  display: contents;
+}
+
+/*
+Required to override any default video and image styles (such as
+Tailwind's CSS reset) and ensure they fill the container as expected.
+*/
+video-player video,
+video-player [slot="poster"] {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+video-player video::-webkit-media-text-track-container {
+  transition: translate var(--media-caption-track-duration, 0) ease-out;
+  transition-delay: var(--media-caption-track-delay, 0);
+  translate: 0 var(--media-caption-track-y, 0);
+  scale: 0.98;
+  z-index: 1;
+  font-family: inherit;
+}

package/dist/dev/define/media/background-video.js

@@ -1,6 +1,5 @@
 import { safeDefine } from "../safe-define.js";
 import { BackgroundVideo } from "../../media/background-video/index.js";
-
 //#region src/define/media/background-video.ts
 var BackgroundVideoElement = class extends BackgroundVideo {
 	static {
@@ -8,7 +7,7 @@ var BackgroundVideoElement = class extends BackgroundVideo {
 	}
 };
 safeDefine(BackgroundVideoElement);
-
 //#endregion
 export { BackgroundVideoElement };
+
 //# sourceMappingURL=background-video.js.map

package/dist/dev/define/media/background-video.js.map

@@ -1 +1 @@
-{"version":3,"file":"background-video.js","names":[],"sources":["../../../../src/define/media/background-video.ts"],"sourcesContent":["import { BackgroundVideo } from '../../media/background-video';\nimport { safeDefine } from '../safe-define';\n\nexport class BackgroundVideoElement extends BackgroundVideo {\n  static readonly tagName = 'background-video';\n}\n\nsafeDefine(BackgroundVideoElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [BackgroundVideoElement.tagName]: BackgroundVideoElement;\n  }\n}\n"],"mappings":";;;;AAGA,IAAa,yBAAb,cAA4C,gBAAgB;;iBAChC;;;AAG5B,WAAW,uBAAuB"}
+{"version":3,"file":"background-video.js","names":[],"sources":["../../../../src/define/media/background-video.ts"],"sourcesContent":["import { BackgroundVideo } from '../../media/background-video';\nimport { safeDefine } from '../safe-define';\n\nexport class BackgroundVideoElement extends BackgroundVideo {\n  static readonly tagName = 'background-video';\n}\n\nsafeDefine(BackgroundVideoElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [BackgroundVideoElement.tagName]: BackgroundVideoElement;\n  }\n}\n"],"mappings":";;;AAGA,IAAa,yBAAb,cAA4C,gBAAgB;;iBAChC;;;AAG5B,WAAW,uBAAuB"}

package/dist/dev/define/media/container.js

@@ -1,8 +1,7 @@
 import { MediaContainerElement } from "../../media/container-element.js";
 import { safeDefine } from "../safe-define.js";
-
 //#region src/define/media/container.ts
 safeDefine(MediaContainerElement);
-
 //#endregion
+
 //# sourceMappingURL=container.js.map

package/dist/dev/define/media/container.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.js","names":[],"sources":["../../../../src/define/media/container.ts"],"sourcesContent":["import { MediaContainerElement } from '../../media/container-element';\nimport { safeDefine } from '../safe-define';\n\nsafeDefine(MediaContainerElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [MediaContainerElement.tagName]: MediaContainerElement;\n  }\n}\n"],"mappings":";;;;AAGA,WAAW,sBAAsB"}
+{"version":3,"file":"container.js","names":[],"sources":["../../../../src/define/media/container.ts"],"sourcesContent":["import { MediaContainerElement } from '../../media/container-element';\nimport { safeDefine } from '../safe-define';\n\nsafeDefine(MediaContainerElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [MediaContainerElement.tagName]: MediaContainerElement;\n  }\n}\n"],"mappings":";;;AAGA,WAAW,sBAAsB"}

package/dist/dev/define/media/dash-video.d.ts

@@ -0,0 +1,14 @@
+import { DashVideo } from "../../media/dash-video/index.js";
+
+//#region src/define/media/dash-video.d.ts
+declare class DashVideoElement extends DashVideo {
+  static readonly tagName = "dash-video";
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    [DashVideoElement.tagName]: DashVideoElement;
+  }
+} //# sourceMappingURL=dash-video.d.ts.map
+//#endregion
+export { DashVideoElement };
+//# sourceMappingURL=dash-video.d.ts.map

package/dist/dev/define/media/dash-video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dash-video.d.ts","names":[],"sources":["../../../../src/define/media/dash-video.ts"],"mappings":";;;cAGa,gBAAA,SAAyB,SAAA;EAAA,gBACpB,OAAA;AAAA;AAAA,QAKV,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,gBAAA,CAAiB,OAAA,GAAU,gBAAA;EAAA;AAAA"}

package/dist/dev/define/media/dash-video.js

@@ -0,0 +1,13 @@
+import { safeDefine } from "../safe-define.js";
+import { DashVideo } from "../../media/dash-video/index.js";
+//#region src/define/media/dash-video.ts
+var DashVideoElement = class extends DashVideo {
+	static {
+		this.tagName = "dash-video";
+	}
+};
+safeDefine(DashVideoElement);
+//#endregion
+export { DashVideoElement };
+
+//# sourceMappingURL=dash-video.js.map

package/dist/dev/define/media/dash-video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dash-video.js","names":[],"sources":["../../../../src/define/media/dash-video.ts"],"sourcesContent":["import { DashVideo } from '../../media/dash-video';\nimport { safeDefine } from '../safe-define';\n\nexport class DashVideoElement extends DashVideo {\n  static readonly tagName = 'dash-video';\n}\n\nsafeDefine(DashVideoElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [DashVideoElement.tagName]: DashVideoElement;\n  }\n}\n"],"mappings":";;;AAGA,IAAa,mBAAb,cAAsC,UAAU;;iBACpB;;;AAG5B,WAAW,iBAAiB"}

package/dist/dev/define/media/hls-video.js

@@ -1,6 +1,5 @@
 import { safeDefine } from "../safe-define.js";
 import { HlsVideo } from "../../media/hls-video/index.js";
-
 //#region src/define/media/hls-video.ts
 var HlsVideoElement = class extends HlsVideo {
 	static {
@@ -8,7 +7,7 @@ var HlsVideoElement = class extends HlsVideo {
 	}
 };
 safeDefine(HlsVideoElement);
-
 //#endregion
 export { HlsVideoElement };
+
 //# sourceMappingURL=hls-video.js.map

package/dist/dev/define/media/hls-video.js.map

@@ -1 +1 @@
-{"version":3,"file":"hls-video.js","names":[],"sources":["../../../../src/define/media/hls-video.ts"],"sourcesContent":["import { HlsVideo } from '../../media/hls-video';\nimport { safeDefine } from '../safe-define';\n\nexport class HlsVideoElement extends HlsVideo {\n  static readonly tagName = 'hls-video';\n}\n\nsafeDefine(HlsVideoElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [HlsVideoElement.tagName]: HlsVideoElement;\n  }\n}\n"],"mappings":";;;;AAGA,IAAa,kBAAb,cAAqC,SAAS;;iBAClB;;;AAG5B,WAAW,gBAAgB"}
+{"version":3,"file":"hls-video.js","names":[],"sources":["../../../../src/define/media/hls-video.ts"],"sourcesContent":["import { HlsVideo } from '../../media/hls-video';\nimport { safeDefine } from '../safe-define';\n\nexport class HlsVideoElement extends HlsVideo {\n  static readonly tagName = 'hls-video';\n}\n\nsafeDefine(HlsVideoElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [HlsVideoElement.tagName]: HlsVideoElement;\n  }\n}\n"],"mappings":";;;AAGA,IAAa,kBAAb,cAAqC,SAAS;;iBAClB;;;AAG5B,WAAW,gBAAgB"}

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

@@ -0,0 +1,14 @@
+import { MuxAudio } from "../../media/mux-audio/index.js";
+
+//#region src/define/media/mux-audio.d.ts
+declare class MuxAudioElement extends MuxAudio {
+  static readonly tagName = "mux-audio";
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    [MuxAudioElement.tagName]: MuxAudioElement;
+  }
+} //# sourceMappingURL=mux-audio.d.ts.map
+//#endregion
+export { MuxAudioElement };
+//# sourceMappingURL=mux-audio.d.ts.map

package/dist/dev/define/media/mux-audio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mux-audio.d.ts","names":[],"sources":["../../../../src/define/media/mux-audio.ts"],"mappings":";;;cAGa,eAAA,SAAwB,QAAA;EAAA,gBACnB,OAAA;AAAA;AAAA,QAKV,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,eAAA,CAAgB,OAAA,GAAU,eAAA;EAAA;AAAA"}

package/dist/dev/define/media/mux-audio.js

@@ -0,0 +1,13 @@
+import { safeDefine } from "../safe-define.js";
+import { MuxAudio } from "../../media/mux-audio/index.js";
+//#region src/define/media/mux-audio.ts
+var MuxAudioElement = class extends MuxAudio {
+	static {
+		this.tagName = "mux-audio";
+	}
+};
+safeDefine(MuxAudioElement);
+//#endregion
+export { MuxAudioElement };
+
+//# sourceMappingURL=mux-audio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mux-audio.js","names":[],"sources":["../../../../src/define/media/mux-audio.ts"],"sourcesContent":["import { MuxAudio } from '../../media/mux-audio';\nimport { safeDefine } from '../safe-define';\n\nexport class MuxAudioElement extends MuxAudio {\n  static readonly tagName = 'mux-audio';\n}\n\nsafeDefine(MuxAudioElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [MuxAudioElement.tagName]: MuxAudioElement;\n  }\n}\n"],"mappings":";;;AAGA,IAAa,kBAAb,cAAqC,SAAS;;iBAClB;;;AAG5B,WAAW,gBAAgB"}

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

@@ -0,0 +1,14 @@
+import { MuxVideo } from "../../media/mux-video/index.js";
+
+//#region src/define/media/mux-video.d.ts
+declare class MuxVideoElement extends MuxVideo {
+  static readonly tagName = "mux-video";
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    [MuxVideoElement.tagName]: MuxVideoElement;
+  }
+} //# sourceMappingURL=mux-video.d.ts.map
+//#endregion
+export { MuxVideoElement };
+//# sourceMappingURL=mux-video.d.ts.map

package/dist/dev/define/media/mux-video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mux-video.d.ts","names":[],"sources":["../../../../src/define/media/mux-video.ts"],"mappings":";;;cAGa,eAAA,SAAwB,QAAA;EAAA,gBACnB,OAAA;AAAA;AAAA,QAKV,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,eAAA,CAAgB,OAAA,GAAU,eAAA;EAAA;AAAA"}

package/dist/dev/define/media/mux-video.js

@@ -0,0 +1,13 @@
+import { safeDefine } from "../safe-define.js";
+import { MuxVideo } from "../../media/mux-video/index.js";
+//#region src/define/media/mux-video.ts
+var MuxVideoElement = class extends MuxVideo {
+	static {
+		this.tagName = "mux-video";
+	}
+};
+safeDefine(MuxVideoElement);
+//#endregion
+export { MuxVideoElement };
+
+//# sourceMappingURL=mux-video.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mux-video.js","names":[],"sources":["../../../../src/define/media/mux-video.ts"],"sourcesContent":["import { MuxVideo } from '../../media/mux-video';\nimport { safeDefine } from '../safe-define';\n\nexport class MuxVideoElement extends MuxVideo {\n  static readonly tagName = 'mux-video';\n}\n\nsafeDefine(MuxVideoElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [MuxVideoElement.tagName]: MuxVideoElement;\n  }\n}\n"],"mappings":";;;AAGA,IAAa,kBAAb,cAAqC,SAAS;;iBAClB;;;AAG5B,WAAW,gBAAgB"}

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

@@ -0,0 +1,14 @@
+import { NativeHlsVideo } from "../../media/native-hls-video/index.js";
+
+//#region src/define/media/native-hls-video.d.ts
+declare class NativeHlsVideoElement extends NativeHlsVideo {
+  static readonly tagName = "native-hls-video";
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    [NativeHlsVideoElement.tagName]: NativeHlsVideoElement;
+  }
+} //# sourceMappingURL=native-hls-video.d.ts.map
+//#endregion
+export { NativeHlsVideoElement };
+//# sourceMappingURL=native-hls-video.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"native-hls-video.d.ts","names":[],"sources":["../../../../src/define/media/native-hls-video.ts"],"mappings":";;;cAGa,qBAAA,SAA8B,cAAA;EAAA,gBACzB,OAAA;AAAA;AAAA,QAKV,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,qBAAA,CAAsB,OAAA,GAAU,qBAAA;EAAA;AAAA"}

package/dist/dev/define/media/native-hls-video.js

@@ -0,0 +1,13 @@
+import { safeDefine } from "../safe-define.js";
+import { NativeHlsVideo } from "../../media/native-hls-video/index.js";
+//#region src/define/media/native-hls-video.ts
+var NativeHlsVideoElement = class extends NativeHlsVideo {
+	static {
+		this.tagName = "native-hls-video";
+	}
+};
+safeDefine(NativeHlsVideoElement);
+//#endregion
+export { NativeHlsVideoElement };
+
+//# sourceMappingURL=native-hls-video.js.map

package/dist/dev/define/media/native-hls-video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-hls-video.js","names":[],"sources":["../../../../src/define/media/native-hls-video.ts"],"sourcesContent":["import { NativeHlsVideo } from '../../media/native-hls-video';\nimport { safeDefine } from '../safe-define';\n\nexport class NativeHlsVideoElement extends NativeHlsVideo {\n  static readonly tagName = 'native-hls-video';\n}\n\nsafeDefine(NativeHlsVideoElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [NativeHlsVideoElement.tagName]: NativeHlsVideoElement;\n  }\n}\n"],"mappings":";;;AAGA,IAAa,wBAAb,cAA2C,eAAe;;iBAC9B;;;AAG5B,WAAW,sBAAsB"}

package/dist/dev/define/media/simple-hls-video.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"simple-hls-video.d.ts","names":[],"sources":["../../../../src/define/media/simple-hls-video.ts"],"mappings":";;;cAEa,qBAAA,SAA8B,cAAA;EAAA,gBACzB,OAAA;AAAA;AAAA,QAKV,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,qBAAA,CAAsB,OAAA,GAAU,qBAAA;EAAA;AAAA"}
+{"version":3,"file":"simple-hls-video.d.ts","names":[],"sources":["../../../../src/define/media/simple-hls-video.ts"],"mappings":";;;cAGa,qBAAA,SAA8B,cAAA;EAAA,gBACzB,OAAA;AAAA;AAAA,QAKV,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,qBAAA,CAAsB,OAAA,GAAU,qBAAA;EAAA;AAAA"}

package/dist/dev/define/media/simple-hls-video.js

@@ -1,13 +1,13 @@
+import { safeDefine } from "../safe-define.js";
 import { SimpleHlsVideo } from "../../media/simple-hls-video/index.js";
-
 //#region src/define/media/simple-hls-video.ts
 var SimpleHlsVideoElement = class extends SimpleHlsVideo {
 	static {
 		this.tagName = "simple-hls-video";
 	}
 };
-customElements.define(SimpleHlsVideoElement.tagName, SimpleHlsVideoElement);
-
+safeDefine(SimpleHlsVideoElement);
 //#endregion
 export { SimpleHlsVideoElement };
+
 //# sourceMappingURL=simple-hls-video.js.map

package/dist/dev/define/media/simple-hls-video.js.map

@@ -1 +1 @@
-{"version":3,"file":"simple-hls-video.js","names":[],"sources":["../../../../src/define/media/simple-hls-video.ts"],"sourcesContent":["import { SimpleHlsVideo } from '../../media/simple-hls-video';\n\nexport class SimpleHlsVideoElement extends SimpleHlsVideo {\n  static readonly tagName = 'simple-hls-video';\n}\n\ncustomElements.define(SimpleHlsVideoElement.tagName, SimpleHlsVideoElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [SimpleHlsVideoElement.tagName]: SimpleHlsVideoElement;\n  }\n}\n"],"mappings":";;;AAEA,IAAa,wBAAb,cAA2C,eAAe;;iBAC9B;;;AAG5B,eAAe,OAAO,sBAAsB,SAAS,sBAAsB"}
+{"version":3,"file":"simple-hls-video.js","names":[],"sources":["../../../../src/define/media/simple-hls-video.ts"],"sourcesContent":["import { SimpleHlsVideo } from '../../media/simple-hls-video';\nimport { safeDefine } from '../safe-define';\n\nexport class SimpleHlsVideoElement extends SimpleHlsVideo {\n  static readonly tagName = 'simple-hls-video';\n}\n\nsafeDefine(SimpleHlsVideoElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [SimpleHlsVideoElement.tagName]: SimpleHlsVideoElement;\n  }\n}\n"],"mappings":";;;AAGA,IAAa,wBAAb,cAA2C,eAAe;;iBAC9B;;;AAG5B,WAAW,sBAAsB"}

package/dist/dev/define/safe-define.js

@@ -1,9 +1,11 @@
 //#region src/define/safe-define.ts
 /** Define a custom element only if not already registered. */
 function safeDefine(element) {
-	if (!customElements.get(element.tagName)) customElements.define(element.tagName, element);
+	const registry = globalThis.customElements;
+	if (!registry || registry.get(element.tagName)) return;
+	registry.define(element.tagName, element);
 }
-
 //#endregion
 export { safeDefine };
+
 //# sourceMappingURL=safe-define.js.map

package/dist/dev/define/safe-define.js.map

@@ -1 +1 @@
-{"version":3,"file":"safe-define.js","names":[],"sources":["../../../src/define/safe-define.ts"],"sourcesContent":["type DefinableElement = CustomElementConstructor & { tagName: string };\n\n/** Define a custom element only if not already registered. */\nexport function safeDefine(element: DefinableElement): void {\n  if (!customElements.get(element.tagName)) {\n    customElements.define(element.tagName, element);\n  }\n}\n"],"mappings":";;AAGA,SAAgB,WAAW,SAAiC;AAC1D,KAAI,CAAC,eAAe,IAAI,QAAQ,QAAQ,CACtC,gBAAe,OAAO,QAAQ,SAAS,QAAQ"}
+{"version":3,"file":"safe-define.js","names":[],"sources":["../../../src/define/safe-define.ts"],"sourcesContent":["type DefinableElement = CustomElementConstructor & { tagName: string };\n\n/** Define a custom element only if not already registered. */\nexport function safeDefine(element: DefinableElement): void {\n  const registry = globalThis.customElements;\n  if (!registry || registry.get(element.tagName)) return;\n\n  registry.define(element.tagName, element);\n}\n"],"mappings":";;AAGA,SAAgB,WAAW,SAAiC;CAC1D,MAAM,WAAW,WAAW;AAC5B,KAAI,CAAC,YAAY,SAAS,IAAI,QAAQ,QAAQ,CAAE;AAEhD,UAAS,OAAO,QAAQ,SAAS,QAAQ"}

package/dist/dev/define/shared.css

@@ -0,0 +1,14 @@
+media-tooltip-group {
+  display: contents;
+}
+
+:host {
+  /* `display:grid` fixes a weird issue with Safari when setting aspect-ratio */
+  display: grid;
+  width: 100%;
+}
+
+/* Hide volume popover when volume control is unsupported (e.g., iOS Safari). */
+.media-popover--volume:has(media-volume-slider[data-availability="unsupported"]) {
+  display: none;
+}

package/dist/dev/define/skin-element.d.ts

@@ -0,0 +1,18 @@
+import { ShadowStyle } from "@videojs/utils/dom";
+import { ReactiveElement } from "@videojs/element";
+
+//#region src/define/skin-element.d.ts
+/**
+ * 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 {
+  static shadowRootOptions: ShadowRootInit;
+  static styles?: ShadowStyle;
+  static template?: HTMLTemplateElement | null;
+  constructor();
+}
+//#endregion
+export { SkinElement };
+//# sourceMappingURL=skin-element.d.ts.map

package/dist/dev/define/skin-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skin-element.d.ts","names":[],"sources":["../../../src/define/skin-element.ts"],"mappings":";;;;;;AAmBA;;;cAAa,WAAA,SAAoB,eAAA;EAAA,OACxB,iBAAA,EAAmB,cAAA;EAAA,OACnB,MAAA,GAAS,WAAA;EAAA,OACT,QAAA,GAAW,mBAAA"}

package/dist/dev/define/skin-element.js

@@ -0,0 +1,33 @@
+import base_default from "../_virtual/inline-css_src/define/base.js";
+import shared_default from "../_virtual/inline-css_src/define/shared.js";
+import { applyShadowStyles, createShadowStyle, ensureGlobalStyle, renderTemplate } from "@videojs/utils/dom";
+import { ReactiveElement } from "@videojs/element";
+//#region src/define/skin-element.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, base_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-element.js.map

package/dist/dev/define/skin-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skin-element.js","names":["sharedStyles","rootStyles"],"sources":["../../../src/define/skin-element.ts"],"sourcesContent":["import { ReactiveElement } from '@videojs/element';\nimport {\n  applyShadowStyles,\n  createShadowStyle,\n  ensureGlobalStyle,\n  renderTemplate,\n  type ShadowStyle,\n} from '@videojs/utils/dom';\nimport rootStyles from './base.css?inline';\nimport sharedStyles from './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\n * `static template` into it, and applies shared + per-skin styles\n * 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, rootStyles);\n\n    if (!this.shadowRoot) {\n      const ctor = this.constructor as typeof SkinElement;\n      this.attachShadow(ctor.shadowRootOptions);\n\n      if (ctor.template) {\n        renderTemplate(this.shadowRoot!, ctor.template);\n      }\n\n      const sheets: ShadowStyle[] = [sharedSheet];\n      if (ctor.styles) {\n        sheets.push(ctor.styles);\n      }\n      applyShadowStyles(this.shadowRoot!, sheets);\n    }\n  }\n}\n"],"mappings":";;;;;AAWA,MAAM,YAAY;AAClB,MAAM,cAAc,kBAAkBA,eAAa;;;;;;AAOnD,IAAa,cAAb,cAAiC,gBAAgB;;2BACJ,EAAE,MAAM,QAAQ;;CAI3D,cAAc;AACZ,SAAO;AAEP,oBAAkB,WAAWC,aAAW;AAExC,MAAI,CAAC,KAAK,YAAY;GACpB,MAAM,OAAO,KAAK;AAClB,QAAK,aAAa,KAAK,kBAAkB;AAEzC,OAAI,KAAK,SACP,gBAAe,KAAK,YAAa,KAAK,SAAS;GAGjD,MAAM,SAAwB,CAAC,YAAY;AAC3C,OAAI,KAAK,OACP,QAAO,KAAK,KAAK,OAAO;AAE1B,qBAAkB,KAAK,YAAa,OAAO"}

package/dist/dev/define/ui/alert-dialog-close.js

@@ -1,8 +1,7 @@
 import { AlertDialogCloseElement } from "../../ui/alert-dialog/alert-dialog-close-element.js";
 import { safeDefine } from "../safe-define.js";
-
 //#region src/define/ui/alert-dialog-close.ts
 safeDefine(AlertDialogCloseElement);
-
 //#endregion
+
 //# sourceMappingURL=alert-dialog-close.js.map

package/dist/dev/define/ui/alert-dialog-close.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog-close.js","names":[],"sources":["../../../../src/define/ui/alert-dialog-close.ts"],"sourcesContent":["import { AlertDialogCloseElement } from '../../ui/alert-dialog/alert-dialog-close-element';\nimport { safeDefine } from '../safe-define';\n\nsafeDefine(AlertDialogCloseElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [AlertDialogCloseElement.tagName]: AlertDialogCloseElement;\n  }\n}\n"],"mappings":";;;;AAGA,WAAW,wBAAwB"}
+{"version":3,"file":"alert-dialog-close.js","names":[],"sources":["../../../../src/define/ui/alert-dialog-close.ts"],"sourcesContent":["import { AlertDialogCloseElement } from '../../ui/alert-dialog/alert-dialog-close-element';\nimport { safeDefine } from '../safe-define';\n\nsafeDefine(AlertDialogCloseElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [AlertDialogCloseElement.tagName]: AlertDialogCloseElement;\n  }\n}\n"],"mappings":";;;AAGA,WAAW,wBAAwB"}

package/dist/dev/define/ui/alert-dialog-description.js

@@ -1,8 +1,7 @@
 import { AlertDialogDescriptionElement } from "../../ui/alert-dialog/alert-dialog-description-element.js";
 import { safeDefine } from "../safe-define.js";
-
 //#region src/define/ui/alert-dialog-description.ts
 safeDefine(AlertDialogDescriptionElement);
-
 //#endregion
+
 //# sourceMappingURL=alert-dialog-description.js.map

package/dist/dev/define/ui/alert-dialog-description.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog-description.js","names":[],"sources":["../../../../src/define/ui/alert-dialog-description.ts"],"sourcesContent":["import { AlertDialogDescriptionElement } from '../../ui/alert-dialog/alert-dialog-description-element';\nimport { safeDefine } from '../safe-define';\n\nsafeDefine(AlertDialogDescriptionElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [AlertDialogDescriptionElement.tagName]: AlertDialogDescriptionElement;\n  }\n}\n"],"mappings":";;;;AAGA,WAAW,8BAA8B"}
+{"version":3,"file":"alert-dialog-description.js","names":[],"sources":["../../../../src/define/ui/alert-dialog-description.ts"],"sourcesContent":["import { AlertDialogDescriptionElement } from '../../ui/alert-dialog/alert-dialog-description-element';\nimport { safeDefine } from '../safe-define';\n\nsafeDefine(AlertDialogDescriptionElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [AlertDialogDescriptionElement.tagName]: AlertDialogDescriptionElement;\n  }\n}\n"],"mappings":";;;AAGA,WAAW,8BAA8B"}

package/dist/dev/define/ui/alert-dialog-title.js

@@ -1,8 +1,7 @@
 import { AlertDialogTitleElement } from "../../ui/alert-dialog/alert-dialog-title-element.js";
 import { safeDefine } from "../safe-define.js";
-
 //#region src/define/ui/alert-dialog-title.ts
 safeDefine(AlertDialogTitleElement);
-
 //#endregion
+
 //# sourceMappingURL=alert-dialog-title.js.map

package/dist/dev/define/ui/alert-dialog-title.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog-title.js","names":[],"sources":["../../../../src/define/ui/alert-dialog-title.ts"],"sourcesContent":["import { AlertDialogTitleElement } from '../../ui/alert-dialog/alert-dialog-title-element';\nimport { safeDefine } from '../safe-define';\n\nsafeDefine(AlertDialogTitleElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [AlertDialogTitleElement.tagName]: AlertDialogTitleElement;\n  }\n}\n"],"mappings":";;;;AAGA,WAAW,wBAAwB"}
+{"version":3,"file":"alert-dialog-title.js","names":[],"sources":["../../../../src/define/ui/alert-dialog-title.ts"],"sourcesContent":["import { AlertDialogTitleElement } from '../../ui/alert-dialog/alert-dialog-title-element';\nimport { safeDefine } from '../safe-define';\n\nsafeDefine(AlertDialogTitleElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [AlertDialogTitleElement.tagName]: AlertDialogTitleElement;\n  }\n}\n"],"mappings":";;;AAGA,WAAW,wBAAwB"}

package/dist/dev/define/ui/alert-dialog.js

@@ -3,12 +3,11 @@ import { AlertDialogDescriptionElement } from "../../ui/alert-dialog/alert-dialo
 import { AlertDialogElement } from "../../ui/alert-dialog/alert-dialog-element.js";
 import { AlertDialogTitleElement } from "../../ui/alert-dialog/alert-dialog-title-element.js";
 import { safeDefine } from "../safe-define.js";
-
 //#region src/define/ui/alert-dialog.ts
 safeDefine(AlertDialogElement);
 safeDefine(AlertDialogCloseElement);
 safeDefine(AlertDialogDescriptionElement);
 safeDefine(AlertDialogTitleElement);
-
 //#endregion
+
 //# sourceMappingURL=alert-dialog.js.map

package/dist/dev/define/ui/alert-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.js","names":[],"sources":["../../../../src/define/ui/alert-dialog.ts"],"sourcesContent":["import { AlertDialogCloseElement } from '../../ui/alert-dialog/alert-dialog-close-element';\nimport { AlertDialogDescriptionElement } from '../../ui/alert-dialog/alert-dialog-description-element';\nimport { AlertDialogElement } from '../../ui/alert-dialog/alert-dialog-element';\nimport { AlertDialogTitleElement } from '../../ui/alert-dialog/alert-dialog-title-element';\nimport { safeDefine } from '../safe-define';\n\n// Parent first — child elements consume its context.\nsafeDefine(AlertDialogElement);\nsafeDefine(AlertDialogCloseElement);\nsafeDefine(AlertDialogDescriptionElement);\nsafeDefine(AlertDialogTitleElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [AlertDialogElement.tagName]: AlertDialogElement;\n    [AlertDialogCloseElement.tagName]: AlertDialogCloseElement;\n    [AlertDialogDescriptionElement.tagName]: AlertDialogDescriptionElement;\n    [AlertDialogTitleElement.tagName]: AlertDialogTitleElement;\n  }\n}\n"],"mappings":";;;;;;;AAOA,WAAW,mBAAmB;AAC9B,WAAW,wBAAwB;AACnC,WAAW,8BAA8B;AACzC,WAAW,wBAAwB"}
+{"version":3,"file":"alert-dialog.js","names":[],"sources":["../../../../src/define/ui/alert-dialog.ts"],"sourcesContent":["import { AlertDialogCloseElement } from '../../ui/alert-dialog/alert-dialog-close-element';\nimport { AlertDialogDescriptionElement } from '../../ui/alert-dialog/alert-dialog-description-element';\nimport { AlertDialogElement } from '../../ui/alert-dialog/alert-dialog-element';\nimport { AlertDialogTitleElement } from '../../ui/alert-dialog/alert-dialog-title-element';\nimport { safeDefine } from '../safe-define';\n\n// Parent first — child elements consume its context.\nsafeDefine(AlertDialogElement);\nsafeDefine(AlertDialogCloseElement);\nsafeDefine(AlertDialogDescriptionElement);\nsafeDefine(AlertDialogTitleElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [AlertDialogElement.tagName]: AlertDialogElement;\n    [AlertDialogCloseElement.tagName]: AlertDialogCloseElement;\n    [AlertDialogDescriptionElement.tagName]: AlertDialogDescriptionElement;\n    [AlertDialogTitleElement.tagName]: AlertDialogTitleElement;\n  }\n}\n"],"mappings":";;;;;;AAOA,WAAW,mBAAmB;AAC9B,WAAW,wBAAwB;AACnC,WAAW,8BAA8B;AACzC,WAAW,wBAAwB"}

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

@@ -1,8 +1,7 @@
 import { BufferingIndicatorElement } from "../../ui/buffering-indicator/buffering-indicator-element.js";
 import { safeDefine } from "../safe-define.js";
-
 //#region src/define/ui/buffering-indicator.ts
 safeDefine(BufferingIndicatorElement);
-
 //#endregion
+
 //# sourceMappingURL=buffering-indicator.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"buffering-indicator.js","names":[],"sources":["../../../../src/define/ui/buffering-indicator.ts"],"sourcesContent":["import { BufferingIndicatorElement } from '../../ui/buffering-indicator/buffering-indicator-element';\nimport { safeDefine } from '../safe-define';\n\nsafeDefine(BufferingIndicatorElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [BufferingIndicatorElement.tagName]: BufferingIndicatorElement;\n  }\n}\n"],"mappings":";;;;AAGA,WAAW,0BAA0B"}
+{"version":3,"file":"buffering-indicator.js","names":[],"sources":["../../../../src/define/ui/buffering-indicator.ts"],"sourcesContent":["import { BufferingIndicatorElement } from '../../ui/buffering-indicator/buffering-indicator-element';\nimport { safeDefine } from '../safe-define';\n\nsafeDefine(BufferingIndicatorElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [BufferingIndicatorElement.tagName]: BufferingIndicatorElement;\n  }\n}\n"],"mappings":";;;AAGA,WAAW,0BAA0B"}

package/dist/dev/define/ui/captions-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"captions-button.d.ts","names":[],"sources":["../../../../src/define/ui/captions-button.ts"],"mappings":";;;QAIQ,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,qBAAA,CAAsB,OAAA,GAAU,qBAAA;EAAA;AAAA"}
+{"version":3,"file":"captions-button.d.ts","names":[],"sources":["../../../../src/define/ui/captions-button.ts"],"mappings":";;;QAKQ,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,qBAAA,CAAsB,OAAA,GAAU,qBAAA;EAAA;AAAA"}

package/dist/dev/define/ui/captions-button.js

@@ -1,7 +1,7 @@
 import { CaptionsButtonElement } from "../../ui/captions-button/captions-button-element.js";
-
+import { safeDefine } from "../safe-define.js";
 //#region src/define/ui/captions-button.ts
-customElements.define(CaptionsButtonElement.tagName, CaptionsButtonElement);
-
+safeDefine(CaptionsButtonElement);
 //#endregion
+
 //# sourceMappingURL=captions-button.js.map

package/dist/dev/define/ui/captions-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"captions-button.js","names":[],"sources":["../../../../src/define/ui/captions-button.ts"],"sourcesContent":["import { CaptionsButtonElement } from '../../ui/captions-button/captions-button-element';\n\ncustomElements.define(CaptionsButtonElement.tagName, CaptionsButtonElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [CaptionsButtonElement.tagName]: CaptionsButtonElement;\n  }\n}\n"],"mappings":";;;AAEA,eAAe,OAAO,sBAAsB,SAAS,sBAAsB"}
+{"version":3,"file":"captions-button.js","names":[],"sources":["../../../../src/define/ui/captions-button.ts"],"sourcesContent":["import { CaptionsButtonElement } from '../../ui/captions-button/captions-button-element';\nimport { safeDefine } from '../safe-define';\n\nsafeDefine(CaptionsButtonElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [CaptionsButtonElement.tagName]: CaptionsButtonElement;\n  }\n}\n"],"mappings":";;;AAGA,WAAW,sBAAsB"}