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

package/dist/default/define/audio/minimal-skin.css

@@ -0,0 +1,11 @@
+.media-minimal-skin {
+  color: var(--media-color, red);
+}
+
+audio-player {
+  display: contents;
+}
+
+audio-minimal-skin {
+  display: contents;
+}

package/dist/default/define/audio/minimal-skin.js

@@ -0,0 +1,26 @@
+import { ReactiveElement } from "@videojs/element";
+
+//#region src/define/audio/minimal-skin.ts
+function getTemplateHTML() {
+	return `<div></div>`;
+}
+var MinimalAudioSkinElement = class extends ReactiveElement {
+	static {
+		this.tagName = "audio-minimal-skin";
+	}
+	static {
+		this.getTemplateHTML = getTemplateHTML;
+	}
+	constructor() {
+		super();
+		const children = [...this.childNodes];
+		this.innerHTML = getTemplateHTML();
+		const container = this.firstElementChild;
+		if (container) for (const child of children) container.append(child);
+	}
+};
+customElements.define(MinimalAudioSkinElement.tagName, MinimalAudioSkinElement);
+
+//#endregion
+export { MinimalAudioSkinElement };
+//# sourceMappingURL=minimal-skin.js.map

package/dist/default/define/audio/minimal-skin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"minimal-skin.js","names":[],"sources":["../../../../src/define/audio/minimal-skin.ts"],"sourcesContent":["import { ReactiveElement } from '@videojs/element';\n\nfunction getTemplateHTML() {\n  return /*html*/ `<div></div>`;\n}\n\nexport class MinimalAudioSkinElement extends ReactiveElement {\n  static readonly tagName = 'audio-minimal-skin';\n  static getTemplateHTML = getTemplateHTML;\n\n  constructor() {\n    super();\n    const children = [...this.childNodes];\n    this.innerHTML = getTemplateHTML();\n    const container = this.firstElementChild;\n    if (container) for (const child of children) container.append(child);\n  }\n}\n\ncustomElements.define(MinimalAudioSkinElement.tagName, MinimalAudioSkinElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [MinimalAudioSkinElement.tagName]: MinimalAudioSkinElement;\n  }\n}\n"],"mappings":";;;AAEA,SAAS,kBAAkB;AACzB,QAAgB;;AAGlB,IAAa,0BAAb,cAA6C,gBAAgB;;iBACjC;;;yBACD;;CAEzB,cAAc;AACZ,SAAO;EACP,MAAM,WAAW,CAAC,GAAG,KAAK,WAAW;AACrC,OAAK,YAAY,iBAAiB;EAClC,MAAM,YAAY,KAAK;AACvB,MAAI,UAAW,MAAK,MAAM,SAAS,SAAU,WAAU,OAAO,MAAM;;;AAIxE,eAAe,OAAO,wBAAwB,SAAS,wBAAwB"}

package/dist/default/define/audio/player.js

@@ -1,14 +1,18 @@
+import { MediaElement } from "../../ui/media-element.js";
+import { MediaContainerElement } from "../../media/container-element.js";
 import { createPlayer } from "../../player/create-player.js";
-import { features } from "@videojs/core/dom";
+import { safeDefine } from "../safe-define.js";
+import { audioFeatures } from "@videojs/core/dom";
 
 //#region src/define/audio/player.ts
-const { PlayerElement } = createPlayer({ features: features.audio });
-var AudioPlayerElement = class extends PlayerElement {
+const { ProviderMixin } = createPlayer({ features: audioFeatures });
+var AudioPlayerElement = class extends ProviderMixin(MediaElement) {
 	static {
 		this.tagName = "audio-player";
 	}
 };
-customElements.define(AudioPlayerElement.tagName, AudioPlayerElement);
+safeDefine(AudioPlayerElement);
+safeDefine(MediaContainerElement);
 
 //#endregion
 export { AudioPlayerElement };

package/dist/default/define/audio/player.js.map

@@ -1 +1 @@
-{"version":3,"file":"player.js","names":[],"sources":["../../../../src/define/audio/player.ts"],"sourcesContent":["import { features } from '@videojs/core/dom';\nimport { createPlayer } from '../../player/create-player';\n\nconst { PlayerElement } = createPlayer({\n  features: features.audio,\n});\n\nexport class AudioPlayerElement extends PlayerElement {\n  static readonly tagName = 'audio-player';\n}\n\ncustomElements.define(AudioPlayerElement.tagName, AudioPlayerElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [AudioPlayerElement.tagName]: AudioPlayerElement;\n  }\n}\n"],"mappings":";;;;AAGA,MAAM,EAAE,kBAAkB,aAAa,EACrC,UAAU,SAAS,OACpB,CAAC;AAEF,IAAa,qBAAb,cAAwC,cAAc;;iBAC1B;;;AAG5B,eAAe,OAAO,mBAAmB,SAAS,mBAAmB"}
+{"version":3,"file":"player.js","names":[],"sources":["../../../../src/define/audio/player.ts"],"sourcesContent":["import { audioFeatures } 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: audioFeatures,\n});\n\nexport class AudioPlayerElement extends ProviderMixin(MediaElement) {\n  static readonly tagName = 'audio-player';\n}\n\n// Provider must be defined before consumer for context handshake during upgrade.\nsafeDefine(AudioPlayerElement);\nsafeDefine(MediaContainerElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [AudioPlayerElement.tagName]: AudioPlayerElement;\n  }\n}\n"],"mappings":";;;;;;;AAMA,MAAM,EAAE,kBAAkB,aAAa,EACrC,UAAU,eACX,CAAC;AAEF,IAAa,qBAAb,cAAwC,cAAc,aAAa,CAAC;;iBACxC;;;AAI5B,WAAW,mBAAmB;AAC9B,WAAW,sBAAsB"}

package/dist/default/define/audio/skin.css

@@ -0,0 +1,12 @@
+.media-skin {
+  color: var(--media-color, red);
+}
+
+
+audio-player {
+  display: contents;
+}
+
+audio-skin {
+  display: contents;
+}

package/dist/default/define/audio/skin.js

@@ -0,0 +1,26 @@
+import { ReactiveElement } from "@videojs/element";
+
+//#region src/define/audio/skin.ts
+function getTemplateHTML() {
+	return `<div></div>`;
+}
+var AudioSkinElement = class extends ReactiveElement {
+	static {
+		this.tagName = "audio-skin";
+	}
+	static {
+		this.getTemplateHTML = getTemplateHTML;
+	}
+	constructor() {
+		super();
+		const children = [...this.childNodes];
+		this.innerHTML = getTemplateHTML();
+		const container = this.firstElementChild;
+		if (container) for (const child of children) container.append(child);
+	}
+};
+customElements.define(AudioSkinElement.tagName, AudioSkinElement);
+
+//#endregion
+export { AudioSkinElement };
+//# sourceMappingURL=skin.js.map

package/dist/default/define/audio/skin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skin.js","names":[],"sources":["../../../../src/define/audio/skin.ts"],"sourcesContent":["import { ReactiveElement } from '@videojs/element';\n\nfunction getTemplateHTML() {\n  return /*html*/ `<div></div>`;\n}\n\nexport class AudioSkinElement extends ReactiveElement {\n  static readonly tagName = 'audio-skin';\n  static getTemplateHTML = getTemplateHTML;\n\n  constructor() {\n    super();\n    const children = [...this.childNodes];\n    this.innerHTML = getTemplateHTML();\n    const container = this.firstElementChild;\n    if (container) for (const child of children) container.append(child);\n  }\n}\n\ncustomElements.define(AudioSkinElement.tagName, AudioSkinElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [AudioSkinElement.tagName]: AudioSkinElement;\n  }\n}\n"],"mappings":";;;AAEA,SAAS,kBAAkB;AACzB,QAAgB;;AAGlB,IAAa,mBAAb,cAAsC,gBAAgB;;iBAC1B;;;yBACD;;CAEzB,cAAc;AACZ,SAAO;EACP,MAAM,WAAW,CAAC,GAAG,KAAK,WAAW;AACrC,OAAK,YAAY,iBAAiB;EAClC,MAAM,YAAY,KAAK;AACvB,MAAI,UAAW,MAAK,MAAM,SAAS,SAAU,WAAU,OAAO,MAAM;;;AAIxE,eAAe,OAAO,iBAAiB,SAAS,iBAAiB"}

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

@@ -1,14 +1,18 @@
+import { MediaElement } from "../../ui/media-element.js";
+import { MediaContainerElement } from "../../media/container-element.js";
 import { createPlayer } from "../../player/create-player.js";
-import { features } from "@videojs/core/dom";
+import { safeDefine } from "../safe-define.js";
+import { backgroundFeatures } from "@videojs/core/dom";
 
 //#region src/define/background/player.ts
-const { PlayerElement } = createPlayer({ features: features.background });
-var BackgroundVideoPlayerElement = class extends PlayerElement {
+const { ProviderMixin } = createPlayer({ features: backgroundFeatures });
+var BackgroundVideoPlayerElement = class extends ProviderMixin(MediaElement) {
 	static {
 		this.tagName = "background-video-player";
 	}
 };
-customElements.define(BackgroundVideoPlayerElement.tagName, BackgroundVideoPlayerElement);
+safeDefine(BackgroundVideoPlayerElement);
+safeDefine(MediaContainerElement);
 
 //#endregion
 export { BackgroundVideoPlayerElement };

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

@@ -1 +1 @@
-{"version":3,"file":"player.js","names":[],"sources":["../../../../src/define/background/player.ts"],"sourcesContent":["import { features } from '@videojs/core/dom';\nimport { createPlayer } from '../../player/create-player';\n\nconst { PlayerElement } = createPlayer({\n  features: features.background,\n});\n\nexport class BackgroundVideoPlayerElement extends PlayerElement {\n  static readonly tagName = 'background-video-player';\n}\n\ncustomElements.define(BackgroundVideoPlayerElement.tagName, BackgroundVideoPlayerElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [BackgroundVideoPlayerElement.tagName]: BackgroundVideoPlayerElement;\n  }\n}\n"],"mappings":";;;;AAGA,MAAM,EAAE,kBAAkB,aAAa,EACrC,UAAU,SAAS,YACpB,CAAC;AAEF,IAAa,+BAAb,cAAkD,cAAc;;iBACpC;;;AAG5B,eAAe,OAAO,6BAA6B,SAAS,6BAA6B"}
+{"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/default/define/background/skin.js

@@ -1,3 +1,4 @@
+import { safeDefine } from "../safe-define.js";
 import { ReactiveElement } from "@videojs/element";
 import { namedNodeMapToObject } from "@videojs/utils/dom";
 
@@ -27,7 +28,7 @@ var BackgroundVideoSkinElement = class extends ReactiveElement {
 		}
 	}
 };
-customElements.define(BackgroundVideoSkinElement.tagName, BackgroundVideoSkinElement);
+safeDefine(BackgroundVideoSkinElement);
 
 //#endregion
 export { BackgroundVideoSkinElement };

package/dist/default/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';\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\ncustomElements.define(BackgroundVideoSkinElement.tagName, BackgroundVideoSkinElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [BackgroundVideoSkinElement.tagName]: BackgroundVideoSkinElement;\n  }\n}\n"],"mappings":";;;;AAGA,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,eAAe,OAAO,2BAA2B,SAAS,2BAA2B"}
+{"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"}

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

@@ -1,3 +1,4 @@
+import { safeDefine } from "../safe-define.js";
 import { BackgroundVideo } from "../../media/background-video/index.js";
 
 //#region src/define/media/background-video.ts
@@ -6,7 +7,7 @@ var BackgroundVideoElement = class extends BackgroundVideo {
 		this.tagName = "background-video";
 	}
 };
-customElements.define(BackgroundVideoElement.tagName, BackgroundVideoElement);
+safeDefine(BackgroundVideoElement);
 
 //#endregion
 export { BackgroundVideoElement };

package/dist/default/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';\n\nexport class BackgroundVideoElement extends BackgroundVideo {\n  static readonly tagName = 'background-video';\n}\n\ncustomElements.define(BackgroundVideoElement.tagName, BackgroundVideoElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [BackgroundVideoElement.tagName]: BackgroundVideoElement;\n  }\n}\n"],"mappings":";;;AAEA,IAAa,yBAAb,cAA4C,gBAAgB;;iBAChC;;;AAG5B,eAAe,OAAO,uBAAuB,SAAS,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/default/define/media/container.js

@@ -0,0 +1,8 @@
+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/default/define/media/container.js.map

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

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

@@ -1,3 +1,4 @@
+import { safeDefine } from "../safe-define.js";
 import { HlsVideo } from "../../media/hls-video/index.js";
 
 //#region src/define/media/hls-video.ts
@@ -6,7 +7,7 @@ var HlsVideoElement = class extends HlsVideo {
 		this.tagName = "hls-video";
 	}
 };
-customElements.define(HlsVideoElement.tagName, HlsVideoElement);
+safeDefine(HlsVideoElement);
 
 //#endregion
 export { HlsVideoElement };

package/dist/default/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';\n\nexport class HlsVideoElement extends HlsVideo {\n  static readonly tagName = 'hls-video';\n}\n\ncustomElements.define(HlsVideoElement.tagName, HlsVideoElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [HlsVideoElement.tagName]: HlsVideoElement;\n  }\n}\n"],"mappings":";;;AAEA,IAAa,kBAAb,cAAqC,SAAS;;iBAClB;;;AAG5B,eAAe,OAAO,gBAAgB,SAAS,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/default/define/safe-define.js

@@ -0,0 +1,9 @@
+//#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);
+}
+
+//#endregion
+export { safeDefine };
+//# sourceMappingURL=safe-define.js.map

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

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

package/dist/default/define/skin-mixin.js

@@ -0,0 +1,35 @@
+//#region src/define/skin-mixin.ts
+/**
+* Mixin for skin elements that renders the template from a static
+* `getTemplateHTML` method and resolves `<slot name="media">` placeholders
+* by replacing them with the actual media element children.
+*/
+function SkinMixin(BaseClass) {
+	class SkinElement extends BaseClass {
+		constructor(...args) {
+			super(...args);
+			const ctor = this.constructor;
+			if (ctor.getTemplateHTML) {
+				const children = [...this.childNodes];
+				this.innerHTML = ctor.getTemplateHTML();
+				this.#resolveSlots(children);
+			}
+		}
+		connectedCallback() {
+			this.#resolveSlots();
+			super.connectedCallback();
+		}
+		#resolveSlots(nodes) {
+			const slot = this.querySelector("slot[name=\"media\"]");
+			if (!slot) return;
+			const media = nodes ? nodes.filter((n) => n instanceof HTMLElement && n.getAttribute("slot") === "media") : [...this.querySelectorAll(":scope > [slot=\"media\"]")];
+			for (const el of media) slot.before(el);
+			slot.remove();
+		}
+	}
+	return SkinElement;
+}
+
+//#endregion
+export { SkinMixin };
+//# sourceMappingURL=skin-mixin.js.map

package/dist/default/define/skin-mixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skin-mixin.js","names":["#resolveSlots"],"sources":["../../../src/define/skin-mixin.ts"],"sourcesContent":["import type { ReactiveElement } from '@videojs/element';\nimport type { Constructor } from '@videojs/utils/types';\n\n/**\n * Mixin for skin elements that renders the template from a static\n * `getTemplateHTML` method and resolves `<slot name=\"media\">` placeholders\n * by replacing them with the actual media element children.\n */\nexport function SkinMixin<Base extends Constructor<ReactiveElement>>(BaseClass: Base): Base {\n  class SkinElement extends (BaseClass as Constructor<ReactiveElement>) {\n    constructor(...args: any[]) {\n      super(...args);\n\n      const ctor = this.constructor as { getTemplateHTML?: () => string };\n\n      if (ctor.getTemplateHTML) {\n        const children = [...this.childNodes];\n        this.innerHTML = ctor.getTemplateHTML();\n        this.#resolveSlots(children);\n      }\n    }\n\n    override connectedCallback(): void {\n      // During innerHTML parsing, children aren't available in the constructor.\n      // Resolve any remaining slotted elements before the container connects.\n      this.#resolveSlots();\n      super.connectedCallback();\n    }\n\n    #resolveSlots(nodes?: ChildNode[]): void {\n      const slot = this.querySelector('slot[name=\"media\"]');\n      if (!slot) return;\n\n      // Collect media from either the provided node list (constructor) or\n      // from direct children that haven't been placed yet (connectedCallback).\n      const media = nodes\n        ? nodes.filter((n): n is HTMLElement => n instanceof HTMLElement && n.getAttribute('slot') === 'media')\n        : [...this.querySelectorAll<HTMLElement>(':scope > [slot=\"media\"]')];\n\n      for (const el of media) slot.before(el);\n      slot.remove();\n    }\n  }\n\n  return SkinElement as unknown as Base;\n}\n"],"mappings":";;;;;;AAQA,SAAgB,UAAqD,WAAuB;CAC1F,MAAM,oBAAqB,UAA2C;EACpE,YAAY,GAAG,MAAa;AAC1B,SAAM,GAAG,KAAK;GAEd,MAAM,OAAO,KAAK;AAElB,OAAI,KAAK,iBAAiB;IACxB,MAAM,WAAW,CAAC,GAAG,KAAK,WAAW;AACrC,SAAK,YAAY,KAAK,iBAAiB;AACvC,UAAKA,aAAc,SAAS;;;EAIhC,AAAS,oBAA0B;AAGjC,SAAKA,cAAe;AACpB,SAAM,mBAAmB;;EAG3B,cAAc,OAA2B;GACvC,MAAM,OAAO,KAAK,cAAc,uBAAqB;AACrD,OAAI,CAAC,KAAM;GAIX,MAAM,QAAQ,QACV,MAAM,QAAQ,MAAwB,aAAa,eAAe,EAAE,aAAa,OAAO,KAAK,QAAQ,GACrG,CAAC,GAAG,KAAK,iBAA8B,4BAA0B,CAAC;AAEtE,QAAK,MAAM,MAAM,MAAO,MAAK,OAAO,GAAG;AACvC,QAAK,QAAQ;;;AAIjB,QAAO"}

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

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

package/dist/default/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';\n\ncustomElements.define(BufferingIndicatorElement.tagName, BufferingIndicatorElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [BufferingIndicatorElement.tagName]: BufferingIndicatorElement;\n  }\n}\n"],"mappings":";;;AAEA,eAAe,OAAO,0BAA0B,SAAS,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/default/define/ui/controls-group.js

@@ -0,0 +1,8 @@
+import { ControlsGroupElement } from "../../ui/controls/controls-group-element.js";
+import { safeDefine } from "../safe-define.js";
+
+//#region src/define/ui/controls-group.ts
+safeDefine(ControlsGroupElement);
+
+//#endregion
+//# sourceMappingURL=controls-group.js.map

package/dist/default/define/ui/controls-group.js.map

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

package/dist/default/define/ui/controls.js

@@ -1,9 +1,10 @@
 import { ControlsElement } from "../../ui/controls/controls-element.js";
 import { ControlsGroupElement } from "../../ui/controls/controls-group-element.js";
+import { safeDefine } from "../safe-define.js";
 
 //#region src/define/ui/controls.ts
-customElements.define(ControlsElement.tagName, ControlsElement);
-customElements.define(ControlsGroupElement.tagName, ControlsGroupElement);
+safeDefine(ControlsElement);
+safeDefine(ControlsGroupElement);
 
 //#endregion
 //# sourceMappingURL=controls.js.map

package/dist/default/define/ui/controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"controls.js","names":[],"sources":["../../../../src/define/ui/controls.ts"],"sourcesContent":["import { ControlsElement } from '../../ui/controls/controls-element';\nimport { ControlsGroupElement } from '../../ui/controls/controls-group-element';\n\ncustomElements.define(ControlsElement.tagName, ControlsElement);\ncustomElements.define(ControlsGroupElement.tagName, ControlsGroupElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [ControlsElement.tagName]: ControlsElement;\n    [ControlsGroupElement.tagName]: ControlsGroupElement;\n  }\n}\n"],"mappings":";;;;AAGA,eAAe,OAAO,gBAAgB,SAAS,gBAAgB;AAC/D,eAAe,OAAO,qBAAqB,SAAS,qBAAqB"}
+{"version":3,"file":"controls.js","names":[],"sources":["../../../../src/define/ui/controls.ts"],"sourcesContent":["import { ControlsElement } from '../../ui/controls/controls-element';\nimport { ControlsGroupElement } from '../../ui/controls/controls-group-element';\nimport { safeDefine } from '../safe-define';\n\nsafeDefine(ControlsElement);\nsafeDefine(ControlsGroupElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [ControlsElement.tagName]: ControlsElement;\n  }\n}\n"],"mappings":";;;;;AAIA,WAAW,gBAAgB;AAC3B,WAAW,qBAAqB"}

package/dist/default/define/ui/fullscreen-button.js

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

package/dist/default/define/ui/fullscreen-button.js.map

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

package/dist/default/define/ui/mute-button.js

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

package/dist/default/define/ui/mute-button.js.map

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

package/dist/default/define/ui/pip-button.js

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

package/dist/default/define/ui/pip-button.js.map

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

package/dist/default/define/ui/play-button.js

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

package/dist/default/define/ui/play-button.js.map

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

package/dist/default/define/ui/playback-rate-button.js

@@ -0,0 +1,8 @@
+import { PlaybackRateButtonElement } from "../../ui/playback-rate-button/playback-rate-button-element.js";
+import { safeDefine } from "../safe-define.js";
+
+//#region src/define/ui/playback-rate-button.ts
+safeDefine(PlaybackRateButtonElement);
+
+//#endregion
+//# sourceMappingURL=playback-rate-button.js.map

package/dist/default/define/ui/playback-rate-button.js.map

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

package/dist/default/define/ui/popover.js

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

package/dist/default/define/ui/popover.js.map

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

package/dist/default/define/ui/poster.js

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

package/dist/default/define/ui/poster.js.map

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

package/dist/default/define/ui/seek-button.js

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

package/dist/default/define/ui/seek-button.js.map

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

package/dist/default/define/ui/slider-buffer.js

@@ -0,0 +1,8 @@
+import { SliderBufferElement } from "../../ui/slider/slider-buffer-element.js";
+import { safeDefine } from "../safe-define.js";
+
+//#region src/define/ui/slider-buffer.ts
+safeDefine(SliderBufferElement);
+
+//#endregion
+//# sourceMappingURL=slider-buffer.js.map

package/dist/default/define/ui/slider-buffer.js.map

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

package/dist/default/define/ui/slider-fill.js

@@ -0,0 +1,8 @@
+import { SliderFillElement } from "../../ui/slider/slider-fill-element.js";
+import { safeDefine } from "../safe-define.js";
+
+//#region src/define/ui/slider-fill.ts
+safeDefine(SliderFillElement);
+
+//#endregion
+//# sourceMappingURL=slider-fill.js.map

package/dist/default/define/ui/slider-fill.js.map

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

package/dist/default/define/ui/slider-thumb.js

@@ -0,0 +1,8 @@
+import { SliderThumbElement } from "../../ui/slider/slider-thumb-element.js";
+import { safeDefine } from "../safe-define.js";
+
+//#region src/define/ui/slider-thumb.ts
+safeDefine(SliderThumbElement);
+
+//#endregion
+//# sourceMappingURL=slider-thumb.js.map

package/dist/default/define/ui/slider-thumb.js.map

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

package/dist/default/define/ui/slider-track.js

@@ -0,0 +1,8 @@
+import { SliderTrackElement } from "../../ui/slider/slider-track-element.js";
+import { safeDefine } from "../safe-define.js";
+
+//#region src/define/ui/slider-track.ts
+safeDefine(SliderTrackElement);
+
+//#endregion
+//# sourceMappingURL=slider-track.js.map

package/dist/default/define/ui/slider-track.js.map

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

package/dist/default/define/ui/slider-value.js

@@ -0,0 +1,8 @@
+import { SliderValueElement } from "../../ui/slider/slider-value-element.js";
+import { safeDefine } from "../safe-define.js";
+
+//#region src/define/ui/slider-value.ts
+safeDefine(SliderValueElement);
+
+//#endregion
+//# sourceMappingURL=slider-value.js.map

package/dist/default/define/ui/slider-value.js.map

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

package/dist/default/define/ui/slider.js

@@ -0,0 +1,16 @@
+import { SliderElement } from "../../ui/slider/slider-element.js";
+import { SliderFillElement } from "../../ui/slider/slider-fill-element.js";
+import { SliderThumbElement } from "../../ui/slider/slider-thumb-element.js";
+import { SliderTrackElement } from "../../ui/slider/slider-track-element.js";
+import { SliderValueElement } from "../../ui/slider/slider-value-element.js";
+import { safeDefine } from "../safe-define.js";
+
+//#region src/define/ui/slider.ts
+safeDefine(SliderElement);
+safeDefine(SliderFillElement);
+safeDefine(SliderThumbElement);
+safeDefine(SliderTrackElement);
+safeDefine(SliderValueElement);
+
+//#endregion
+//# sourceMappingURL=slider.js.map

package/dist/default/define/ui/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","names":[],"sources":["../../../../src/define/ui/slider.ts"],"sourcesContent":["import { SliderElement } from '../../ui/slider/slider-element';\nimport { SliderFillElement } from '../../ui/slider/slider-fill-element';\nimport { SliderThumbElement } from '../../ui/slider/slider-thumb-element';\nimport { SliderTrackElement } from '../../ui/slider/slider-track-element';\nimport { SliderValueElement } from '../../ui/slider/slider-value-element';\nimport { safeDefine } from '../safe-define';\n\n// Parent slider first — sub-elements consume its context.\nsafeDefine(SliderElement);\nsafeDefine(SliderFillElement);\nsafeDefine(SliderThumbElement);\nsafeDefine(SliderTrackElement);\nsafeDefine(SliderValueElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [SliderElement.tagName]: SliderElement;\n  }\n}\n"],"mappings":";;;;;;;;AAQA,WAAW,cAAc;AACzB,WAAW,kBAAkB;AAC7B,WAAW,mBAAmB;AAC9B,WAAW,mBAAmB;AAC9B,WAAW,mBAAmB"}

package/dist/default/define/ui/thumbnail.js

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

package/dist/default/define/ui/thumbnail.js.map

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

package/dist/default/define/ui/time-group.js

@@ -0,0 +1,8 @@
+import { TimeGroupElement } from "../../ui/time/time-group-element.js";
+import { safeDefine } from "../safe-define.js";
+
+//#region src/define/ui/time-group.ts
+safeDefine(TimeGroupElement);
+
+//#endregion
+//# sourceMappingURL=time-group.js.map