@videojs/html 10.0.0-beta.16 → 10.0.0-beta.17

package/dist/default/ui/gesture/gesture-element.js

@@ -0,0 +1,84 @@
+import { containerContext, playerContext } from "../../player/context.js";
+import { MediaElement } from "../media-element.js";
+import { PlayerController } from "../../player/player-controller.js";
+import { createDoubleTapGesture, createTapGesture, resolveGestureAction } from "@videojs/core/dom";
+import { ContextConsumer } from "@videojs/element/context";
+//#region src/ui/gesture/gesture-element.ts
+var GestureElement = class extends MediaElement {
+	constructor(..._args) {
+		super(..._args);
+		this.type = "";
+		this.action = "";
+		this.value = void 0;
+		this.pointer = void 0;
+		this.region = void 0;
+		this.disabled = false;
+	}
+	static {
+		this.tagName = "media-gesture";
+	}
+	static {
+		this.properties = {
+			type: { type: String },
+			action: { type: String },
+			value: { type: Number },
+			pointer: { type: String },
+			region: { type: String },
+			disabled: { type: Boolean }
+		};
+	}
+	#player = new PlayerController(this, playerContext);
+	#container = new ContextConsumer(this, {
+		context: containerContext,
+		callback: () => this.requestUpdate(),
+		subscribe: true
+	});
+	#cleanup = null;
+	connectedCallback() {
+		super.connectedCallback();
+		this.style.display = "none";
+		this.#register();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		this.#unregister();
+	}
+	update(changed) {
+		super.update(changed);
+		if (this.isConnected) {
+			this.#unregister();
+			this.#register();
+		}
+	}
+	#register() {
+		const store = this.#player.value;
+		const container = this.#container.value?.container;
+		if (!this.type || !this.action || !store || !container) return;
+		const resolver = resolveGestureAction(this.action);
+		if (!resolver) return;
+		const { value } = this;
+		const onActivate = (event) => {
+			resolver({
+				store,
+				value,
+				event
+			});
+		};
+		const options = {
+			pointer: this.pointer,
+			region: this.region,
+			disabled: this.disabled,
+			action: this.action
+		};
+		if (this.type === "doubletap") this.#cleanup = createDoubleTapGesture(container, onActivate, options);
+		else this.#cleanup = createTapGesture(container, onActivate, options);
+	}
+	#unregister() {
+		this.#cleanup?.();
+		this.#cleanup = null;
+	}
+};
+//#endregion
+export { GestureElement };
+
+//# sourceMappingURL=gesture-element.js.map

package/dist/default/ui/gesture/gesture-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gesture-element.js","names":["#player","#container","#register","#unregister","#cleanup"],"sources":["../../../../src/ui/gesture/gesture-element.ts"],"sourcesContent":["import {\n  createDoubleTapGesture,\n  createTapGesture,\n  type GestureActionName,\n  type GesturePointerType,\n  type GestureRegion,\n  resolveGestureAction,\n} from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { containerContext, playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaElement } from '../media-element';\n\nexport class GestureElement extends MediaElement {\n  static readonly tagName = 'media-gesture';\n\n  static override properties: PropertyDeclarationMap = {\n    type: { type: String },\n    action: { type: String },\n    value: { type: Number },\n    pointer: { type: String },\n    region: { type: String },\n    disabled: { type: Boolean },\n  };\n\n  type: 'tap' | 'doubletap' | (string & {}) = '';\n  action: GestureActionName | (string & {}) = '';\n  value: number | undefined = undefined;\n  pointer: GesturePointerType | undefined = undefined;\n  region: GestureRegion | undefined = undefined;\n  disabled = false;\n\n  readonly #player = new PlayerController(this, playerContext);\n  readonly #container = new ContextConsumer(this, {\n    context: containerContext,\n    callback: () => this.requestUpdate(),\n    subscribe: true,\n  });\n  #cleanup: (() => void) | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.style.display = 'none';\n    this.#register();\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#unregister();\n  }\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n\n    // Re-register when attributes change.\n    if (this.isConnected) {\n      this.#unregister();\n      this.#register();\n    }\n  }\n\n  #register(): void {\n    const store = this.#player.value;\n    const container = this.#container.value?.container;\n    if (!this.type || !this.action || !store || !container) return;\n\n    const resolver = resolveGestureAction(this.action);\n    if (!resolver) return;\n\n    const { value } = this;\n\n    const onActivate = (event: PointerEvent) => {\n      resolver({ store, value, event });\n    };\n\n    const options = {\n      pointer: this.pointer,\n      region: this.region,\n      disabled: this.disabled,\n      action: this.action,\n    };\n\n    if (this.type === 'doubletap') {\n      this.#cleanup = createDoubleTapGesture(container, onActivate, options);\n    } else {\n      this.#cleanup = createTapGesture(container, onActivate, options);\n    }\n  }\n\n  #unregister(): void {\n    this.#cleanup?.();\n    this.#cleanup = null;\n  }\n}\n"],"mappings":";;;;;;AAeA,IAAa,iBAAb,cAAoC,aAAa;;;cAYH;gBACA;eAChB,KAAA;iBACc,KAAA;gBACN,KAAA;kBACzB;;;iBAhBe;;;oBAE2B;GACnD,MAAM,EAAE,MAAM,QAAQ;GACtB,QAAQ,EAAE,MAAM,QAAQ;GACxB,OAAO,EAAE,MAAM,QAAQ;GACvB,SAAS,EAAE,MAAM,QAAQ;GACzB,QAAQ,EAAE,MAAM,QAAQ;GACxB,UAAU,EAAE,MAAM,SAAS;GAC5B;;CASD,UAAmB,IAAI,iBAAiB,MAAM,cAAc;CAC5D,aAAsB,IAAI,gBAAgB,MAAM;EAC9C,SAAS;EACT,gBAAgB,KAAK,eAAe;EACpC,WAAW;EACZ,CAAC;CACF,WAAgC;CAEhC,oBAAmC;AACjC,QAAM,mBAAmB;AACzB,OAAK,MAAM,UAAU;AACrB,QAAA,UAAgB;;CAGlB,uBAAsC;AACpC,QAAM,sBAAsB;AAC5B,QAAA,YAAkB;;CAGpB,OAA0B,SAA+B;AACvD,QAAM,OAAO,QAAQ;AAGrB,MAAI,KAAK,aAAa;AACpB,SAAA,YAAkB;AAClB,SAAA,UAAgB;;;CAIpB,YAAkB;EAChB,MAAM,QAAQ,MAAA,OAAa;EAC3B,MAAM,YAAY,MAAA,UAAgB,OAAO;AACzC,MAAI,CAAC,KAAK,QAAQ,CAAC,KAAK,UAAU,CAAC,SAAS,CAAC,UAAW;EAExD,MAAM,WAAW,qBAAqB,KAAK,OAAO;AAClD,MAAI,CAAC,SAAU;EAEf,MAAM,EAAE,UAAU;EAElB,MAAM,cAAc,UAAwB;AAC1C,YAAS;IAAE;IAAO;IAAO;IAAO,CAAC;;EAGnC,MAAM,UAAU;GACd,SAAS,KAAK;GACd,QAAQ,KAAK;GACb,UAAU,KAAK;GACf,QAAQ,KAAK;GACd;AAED,MAAI,KAAK,SAAS,YAChB,OAAA,UAAgB,uBAAuB,WAAW,YAAY,QAAQ;MAEtE,OAAA,UAAgB,iBAAiB,WAAW,YAAY,QAAQ;;CAIpE,cAAoB;AAClB,QAAA,WAAiB;AACjB,QAAA,UAAgB"}

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

@@ -10,7 +10,7 @@ var PiPButtonElement = class extends MediaButtonElement {
 		this.core = new PiPButtonCore();
 		this.stateAttrMap = PiPButtonDataAttrs;
 		this.mediaState = new PlayerController(this, playerContext, selectPiP);
-		this.hotkeyAction = "togglePiP";
+		this.hotkeyAction = "togglePictureInPicture";
 	}
 	static {
 		this.tagName = "media-pip-button";

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

@@ -1 +1 @@
-{"version":3,"file":"pip-button-element.js","names":[],"sources":["../../../../src/ui/pip-button/pip-button-element.ts"],"sourcesContent":["import { type MediaPictureInPictureState, PiPButtonCore, PiPButtonDataAttrs } from '@videojs/core';\nimport { selectPiP } from '@videojs/core/dom';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaButtonElement } from '../media-button-element';\n\nexport class PiPButtonElement extends MediaButtonElement<PiPButtonCore> {\n  static readonly tagName = 'media-pip-button';\n\n  protected readonly core = new PiPButtonCore();\n  protected readonly stateAttrMap = PiPButtonDataAttrs;\n  protected readonly mediaState = new PlayerController(this, playerContext, selectPiP);\n  protected override readonly hotkeyAction = 'togglePiP';\n\n  protected activate(state: MediaPictureInPictureState): void {\n    this.core.toggle(state);\n  }\n}\n"],"mappings":";;;;;;AAOA,IAAa,mBAAb,cAAsC,mBAAkC;;;cAG5C,IAAI,eAAe;sBACX;oBACF,IAAI,iBAAiB,MAAM,eAAe,UAAU;sBACzC;;;iBALjB;;CAO1B,SAAmB,OAAyC;AAC1D,OAAK,KAAK,OAAO,MAAM"}
+{"version":3,"file":"pip-button-element.js","names":[],"sources":["../../../../src/ui/pip-button/pip-button-element.ts"],"sourcesContent":["import { type MediaPictureInPictureState, PiPButtonCore, PiPButtonDataAttrs } from '@videojs/core';\nimport { selectPiP } from '@videojs/core/dom';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaButtonElement } from '../media-button-element';\n\nexport class PiPButtonElement extends MediaButtonElement<PiPButtonCore> {\n  static readonly tagName = 'media-pip-button';\n\n  protected readonly core = new PiPButtonCore();\n  protected readonly stateAttrMap = PiPButtonDataAttrs;\n  protected readonly mediaState = new PlayerController(this, playerContext, selectPiP);\n  protected override readonly hotkeyAction = 'togglePictureInPicture';\n\n  protected activate(state: MediaPictureInPictureState): void {\n    this.core.toggle(state);\n  }\n}\n"],"mappings":";;;;;;AAOA,IAAa,mBAAb,cAAsC,mBAAkC;;;cAG5C,IAAI,eAAe;sBACX;oBACF,IAAI,iBAAiB,MAAM,eAAe,UAAU;sBACzC;;;iBALjB;;CAO1B,SAAmB,OAAyC;AAC1D,OAAK,KAAK,OAAO,MAAM"}

package/dist/dev/define/audio/minimal-ui.js

@@ -1,12 +1,28 @@
-import "../ui/error-dialog.js";
-import "../ui/mute-button.js";
-import "../ui/play-button.js";
-import "../ui/playback-rate-button.js";
-import "../ui/popover.js";
-import "../ui/seek-button.js";
-import "../ui/time.js";
-import "../ui/time-slider.js";
-import "../ui/tooltip.js";
-import "../ui/tooltip-group.js";
-import "../ui/volume-slider.js";
-import "./player.js";
+import { MediaContainerElement } from "../../media/container-element.js";
+import { MuteButtonElement } from "../../ui/mute-button/mute-button-element.js";
+import { PlayButtonElement } from "../../ui/play-button/play-button-element.js";
+import { PlaybackRateButtonElement } from "../../ui/playback-rate-button/playback-rate-button-element.js";
+import { PopoverElement } from "../../ui/popover/popover-element.js";
+import { SeekButtonElement } from "../../ui/seek-button/seek-button-element.js";
+import { TooltipElement } from "../../ui/tooltip/tooltip-element.js";
+import { TooltipGroupElement } from "../../ui/tooltip/tooltip-group-element.js";
+import { safeDefine } from "../safe-define.js";
+import { defineErrorDialog, defineTime, defineTimeSlider, defineVolumeSlider } from "../ui/compounds.js";
+import { AudioPlayerElement } from "./player.js";
+//#region src/define/audio/minimal-ui.ts
+safeDefine(AudioPlayerElement);
+safeDefine(MediaContainerElement);
+defineErrorDialog();
+defineTimeSlider();
+defineVolumeSlider();
+defineTime();
+safeDefine(MuteButtonElement);
+safeDefine(PlayButtonElement);
+safeDefine(PlaybackRateButtonElement);
+safeDefine(PopoverElement);
+safeDefine(SeekButtonElement);
+safeDefine(TooltipElement);
+safeDefine(TooltipGroupElement);
+//#endregion
+
+//# sourceMappingURL=minimal-ui.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"minimal-ui.js","names":[],"sources":["../../../../src/define/audio/minimal-ui.ts"],"sourcesContent":["// Registers the audio player, container, and all audio UI custom elements\n// used by the minimal skin without creating a skin element. Use this entry\n// when building an ejected (light DOM) player layout.\nimport { MediaContainerElement } from '../../media/container-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(MuteButtonElement);\nsafeDefine(PlayButtonElement);\nsafeDefine(PlaybackRateButtonElement);\nsafeDefine(PopoverElement);\nsafeDefine(SeekButtonElement);\nsafeDefine(TooltipElement);\nsafeDefine(TooltipGroupElement);\n"],"mappings":";;;;;;;;;;;;AAmBA,WAAW,mBAAmB;AAC9B,WAAW,sBAAsB;AAGjC,mBAAmB;AACnB,kBAAkB;AAClB,oBAAoB;AACpB,YAAY;AAGZ,WAAW,kBAAkB;AAC7B,WAAW,kBAAkB;AAC7B,WAAW,0BAA0B;AACrC,WAAW,eAAe;AAC1B,WAAW,kBAAkB;AAC7B,WAAW,eAAe;AAC1B,WAAW,oBAAoB"}

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

@@ -1,13 +1,32 @@
-import "../ui/error-dialog.js";
-import "../ui/mute-button.js";
-import "../ui/play-button.js";
-import "../ui/playback-rate-button.js";
-import "../ui/popover.js";
-import "../ui/seek-button.js";
-import "../ui/time.js";
-import "../ui/time-slider.js";
-import "../ui/tooltip.js";
-import "../ui/tooltip-group.js";
-import "../ui/volume-slider.js";
-import "../ui/hotkey.js";
-import "./player.js";
+import { MediaContainerElement } from "../../media/container-element.js";
+import { GestureElement } from "../../ui/gesture/gesture-element.js";
+import { HotkeyElement } from "../../ui/hotkey/hotkey-element.js";
+import { MuteButtonElement } from "../../ui/mute-button/mute-button-element.js";
+import { PlayButtonElement } from "../../ui/play-button/play-button-element.js";
+import { PlaybackRateButtonElement } from "../../ui/playback-rate-button/playback-rate-button-element.js";
+import { PopoverElement } from "../../ui/popover/popover-element.js";
+import { SeekButtonElement } from "../../ui/seek-button/seek-button-element.js";
+import { TooltipElement } from "../../ui/tooltip/tooltip-element.js";
+import { TooltipGroupElement } from "../../ui/tooltip/tooltip-group-element.js";
+import { safeDefine } from "../safe-define.js";
+import { defineErrorDialog, defineTime, defineTimeSlider, defineVolumeSlider } from "../ui/compounds.js";
+import { AudioPlayerElement } from "./player.js";
+//#region src/define/audio/ui.ts
+safeDefine(AudioPlayerElement);
+safeDefine(MediaContainerElement);
+defineErrorDialog();
+defineTimeSlider();
+defineVolumeSlider();
+defineTime();
+safeDefine(GestureElement);
+safeDefine(HotkeyElement);
+safeDefine(MuteButtonElement);
+safeDefine(PlayButtonElement);
+safeDefine(PlaybackRateButtonElement);
+safeDefine(PopoverElement);
+safeDefine(SeekButtonElement);
+safeDefine(TooltipElement);
+safeDefine(TooltipGroupElement);
+//#endregion
+
+//# sourceMappingURL=ui.js.map

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/ui/compounds.d.ts

@@ -0,0 +1,12 @@
+//#region src/define/ui/compounds.d.ts
+declare function defineControls(): void;
+declare function defineErrorDialog(): void;
+/** Shared slider sub-elements used by all slider types. */
+declare function defineSliderParts(): void;
+declare function defineSlider(): void;
+declare function defineTime(): void;
+declare function defineTimeSlider(): void;
+declare function defineVolumeSlider(): void;
+//#endregion
+export { defineControls, defineErrorDialog, defineSlider, defineSliderParts, defineTime, defineTimeSlider, defineVolumeSlider };
+//# sourceMappingURL=compounds.d.ts.map

package/dist/dev/define/ui/compounds.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compounds.d.ts","names":[],"sources":["../../../../src/define/ui/compounds.ts"],"mappings":";iBAuBgB,cAAA,CAAA;AAAA,iBAKA,iBAAA,CAAA;;iBASA,iBAAA,CAAA;AAAA,iBAQA,YAAA,CAAA;AAAA,iBAKA,UAAA,CAAA;AAAA,iBAMA,gBAAA,CAAA;AAAA,iBAOA,kBAAA,CAAA"}

package/dist/dev/define/ui/compounds.js

@@ -0,0 +1,62 @@
+import { AlertDialogCloseElement } from "../../ui/alert-dialog/alert-dialog-close-element.js";
+import { AlertDialogDescriptionElement } from "../../ui/alert-dialog/alert-dialog-description-element.js";
+import { AlertDialogTitleElement } from "../../ui/alert-dialog/alert-dialog-title-element.js";
+import { ControlsElement } from "../../ui/controls/controls-element.js";
+import { ControlsGroupElement } from "../../ui/controls/controls-group-element.js";
+import { ErrorDialogElement } from "../../ui/error-dialog/error-dialog-element.js";
+import { SliderBufferElement } from "../../ui/slider/slider-buffer-element.js";
+import { SliderElement } from "../../ui/slider/slider-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 { 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 { VolumeSliderElement } from "../../ui/volume-slider/volume-slider-element.js";
+import { safeDefine } from "../safe-define.js";
+//#region src/define/ui/compounds.ts
+function defineControls() {
+	safeDefine(ControlsElement);
+	safeDefine(ControlsGroupElement);
+}
+function defineErrorDialog() {
+	safeDefine(ErrorDialogElement);
+	safeDefine(AlertDialogCloseElement);
+	safeDefine(AlertDialogDescriptionElement);
+	safeDefine(AlertDialogTitleElement);
+}
+/** Shared slider sub-elements used by all slider types. */
+function defineSliderParts() {
+	safeDefine(SliderFillElement);
+	safeDefine(SliderPreviewElement);
+	safeDefine(SliderThumbElement);
+	safeDefine(SliderTrackElement);
+	safeDefine(SliderValueElement);
+}
+function defineSlider() {
+	safeDefine(SliderElement);
+	defineSliderParts();
+}
+function defineTime() {
+	safeDefine(TimeElement);
+	safeDefine(TimeGroupElement);
+	safeDefine(TimeSeparatorElement);
+}
+function defineTimeSlider() {
+	safeDefine(TimeSliderElement);
+	defineSliderParts();
+	safeDefine(SliderBufferElement);
+	safeDefine(SliderThumbnailElement);
+}
+function defineVolumeSlider() {
+	safeDefine(VolumeSliderElement);
+	defineSliderParts();
+}
+//#endregion
+export { defineControls, defineErrorDialog, defineSlider, defineSliderParts, defineTime, defineTimeSlider, defineVolumeSlider };
+
+//# sourceMappingURL=compounds.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"compounds.js","names":[],"sources":["../../../../src/define/ui/compounds.ts"],"sourcesContent":["import { AlertDialogCloseElement } from '../../ui/alert-dialog/alert-dialog-close-element';\nimport { AlertDialogDescriptionElement } from '../../ui/alert-dialog/alert-dialog-description-element';\nimport { AlertDialogTitleElement } from '../../ui/alert-dialog/alert-dialog-title-element';\nimport { ControlsElement } from '../../ui/controls/controls-element';\nimport { ControlsGroupElement } from '../../ui/controls/controls-group-element';\nimport { ErrorDialogElement } from '../../ui/error-dialog/error-dialog-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 { TimeElement } from '../../ui/time/time-element';\nimport { TimeGroupElement } from '../../ui/time/time-group-element';\nimport { TimeSeparatorElement } from '../../ui/time/time-separator-element';\nimport { TimeSliderElement } from '../../ui/time-slider/time-slider-element';\nimport { VolumeSliderElement } from '../../ui/volume-slider/volume-slider-element';\nimport { safeDefine } from '../safe-define';\n\n// ── Define functions ────────────────────────────────────────────────────\n\nexport function defineControls(): void {\n  safeDefine(ControlsElement);\n  safeDefine(ControlsGroupElement);\n}\n\nexport function defineErrorDialog(): void {\n  // Parent first — child elements consume its context.\n  safeDefine(ErrorDialogElement);\n  safeDefine(AlertDialogCloseElement);\n  safeDefine(AlertDialogDescriptionElement);\n  safeDefine(AlertDialogTitleElement);\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 defineVolumeSlider(): void {\n  safeDefine(VolumeSliderElement);\n  defineSliderParts();\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuBA,SAAgB,iBAAuB;AACrC,YAAW,gBAAgB;AAC3B,YAAW,qBAAqB;;AAGlC,SAAgB,oBAA0B;AAExC,YAAW,mBAAmB;AAC9B,YAAW,wBAAwB;AACnC,YAAW,8BAA8B;AACzC,YAAW,wBAAwB;;;AAIrC,SAAgB,oBAA0B;AACxC,YAAW,kBAAkB;AAC7B,YAAW,qBAAqB;AAChC,YAAW,mBAAmB;AAC9B,YAAW,mBAAmB;AAC9B,YAAW,mBAAmB;;AAGhC,SAAgB,eAAqB;AACnC,YAAW,cAAc;AACzB,oBAAmB;;AAGrB,SAAgB,aAAmB;AACjC,YAAW,YAAY;AACvB,YAAW,iBAAiB;AAC5B,YAAW,qBAAqB;;AAGlC,SAAgB,mBAAyB;AACvC,YAAW,kBAAkB;AAC7B,oBAAmB;AACnB,YAAW,oBAAoB;AAC/B,YAAW,uBAAuB;;AAGpC,SAAgB,qBAA2B;AACzC,YAAW,oBAAoB;AAC/B,oBAAmB"}

package/dist/dev/define/ui/controls.d.ts

@@ -1,9 +1,11 @@
 import { ControlsElement } from "../../ui/controls/controls-element.js";
+import { ControlsGroupElement } from "../../ui/controls/controls-group-element.js";
 
 //#region src/define/ui/controls.d.ts
 declare global {
   interface HTMLElementTagNameMap {
     [ControlsElement.tagName]: ControlsElement;
+    [ControlsGroupElement.tagName]: ControlsGroupElement;
   }
 } //# sourceMappingURL=controls.d.ts.map
 //# sourceMappingURL=controls.d.ts.map

package/dist/dev/define/ui/controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controls.d.ts","names":[],"sources":["../../../../src/define/ui/controls.ts"],"mappings":";;;QAOQ,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,eAAA,CAAgB,OAAA,GAAU,eAAA;EAAA;AAAA"}
+{"version":3,"file":"controls.d.ts","names":[],"sources":["../../../../src/define/ui/controls.ts"],"mappings":";;;;QAMQ,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,eAAA,CAAgB,OAAA,GAAU,eAAA;IAAA,CAC1B,oBAAA,CAAqB,OAAA,GAAU,oBAAA;EAAA;AAAA"}

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

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

package/dist/dev/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';\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"}
+{"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 { defineControls } from './compounds';\n\ndefineControls();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [ControlsElement.tagName]: ControlsElement;\n    [ControlsGroupElement.tagName]: ControlsGroupElement;\n  }\n}\n"],"mappings":";;AAIA,gBAAgB"}

package/dist/dev/define/ui/error-dialog.d.ts

@@ -1,9 +1,15 @@
+import { AlertDialogCloseElement } from "../../ui/alert-dialog/alert-dialog-close-element.js";
+import { AlertDialogDescriptionElement } from "../../ui/alert-dialog/alert-dialog-description-element.js";
+import { AlertDialogTitleElement } from "../../ui/alert-dialog/alert-dialog-title-element.js";
 import { ErrorDialogElement } from "../../ui/error-dialog/error-dialog-element.js";
 
 //#region src/define/ui/error-dialog.d.ts
 declare global {
   interface HTMLElementTagNameMap {
     [ErrorDialogElement.tagName]: ErrorDialogElement;
+    [AlertDialogCloseElement.tagName]: AlertDialogCloseElement;
+    [AlertDialogDescriptionElement.tagName]: AlertDialogDescriptionElement;
+    [AlertDialogTitleElement.tagName]: AlertDialogTitleElement;
   }
 } //# sourceMappingURL=error-dialog.d.ts.map
 //# sourceMappingURL=error-dialog.d.ts.map

package/dist/dev/define/ui/error-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-dialog.d.ts","names":[],"sources":["../../../../src/define/ui/error-dialog.ts"],"mappings":";;;QAYQ,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,kBAAA,CAAmB,OAAA,GAAU,kBAAA;EAAA;AAAA"}
+{"version":3,"file":"error-dialog.d.ts","names":[],"sources":["../../../../src/define/ui/error-dialog.ts"],"mappings":";;;;;;QAQQ,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,kBAAA,CAAmB,OAAA,GAAU,kBAAA;IAAA,CAC7B,uBAAA,CAAwB,OAAA,GAAU,uBAAA;IAAA,CAClC,6BAAA,CAA8B,OAAA,GAAU,6BAAA;IAAA,CACxC,uBAAA,CAAwB,OAAA,GAAU,uBAAA;EAAA;AAAA"}

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

@@ -1,13 +1,6 @@
-import { AlertDialogCloseElement } from "../../ui/alert-dialog/alert-dialog-close-element.js";
-import { AlertDialogDescriptionElement } from "../../ui/alert-dialog/alert-dialog-description-element.js";
-import { AlertDialogTitleElement } from "../../ui/alert-dialog/alert-dialog-title-element.js";
-import { ErrorDialogElement } from "../../ui/error-dialog/error-dialog-element.js";
-import { safeDefine } from "../safe-define.js";
+import { defineErrorDialog } from "./compounds.js";
 //#region src/define/ui/error-dialog.ts
-safeDefine(ErrorDialogElement);
-safeDefine(AlertDialogCloseElement);
-safeDefine(AlertDialogDescriptionElement);
-safeDefine(AlertDialogTitleElement);
+defineErrorDialog();
 //#endregion
 
 //# sourceMappingURL=error-dialog.js.map

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

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

package/dist/dev/define/ui/slider.d.ts

@@ -1,9 +1,19 @@
 import { SliderElement } from "../../ui/slider/slider-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 { SliderTrackElement } from "../../ui/slider/slider-track-element.js";
+import { SliderValueElement } from "../../ui/slider/slider-value-element.js";
 
 //#region src/define/ui/slider.d.ts
 declare global {
   interface HTMLElementTagNameMap {
     [SliderElement.tagName]: SliderElement;
+    [SliderFillElement.tagName]: SliderFillElement;
+    [SliderPreviewElement.tagName]: SliderPreviewElement;
+    [SliderThumbElement.tagName]: SliderThumbElement;
+    [SliderTrackElement.tagName]: SliderTrackElement;
+    [SliderValueElement.tagName]: SliderValueElement;
   }
 } //# sourceMappingURL=slider.d.ts.map
 //# sourceMappingURL=slider.d.ts.map

package/dist/dev/define/ui/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","names":[],"sources":["../../../../src/define/ui/slider.ts"],"mappings":";;;QAgBQ,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,aAAA,CAAc,OAAA,GAAU,aAAA;EAAA;AAAA"}
+{"version":3,"file":"slider.d.ts","names":[],"sources":["../../../../src/define/ui/slider.ts"],"mappings":";;;;;;;;QAUQ,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,aAAA,CAAc,OAAA,GAAU,aAAA;IAAA,CACxB,iBAAA,CAAkB,OAAA,GAAU,iBAAA;IAAA,CAC5B,oBAAA,CAAqB,OAAA,GAAU,oBAAA;IAAA,CAC/B,kBAAA,CAAmB,OAAA,GAAU,kBAAA;IAAA,CAC7B,kBAAA,CAAmB,OAAA,GAAU,kBAAA;IAAA,CAC7B,kBAAA,CAAmB,OAAA,GAAU,kBAAA;EAAA;AAAA"}

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

@@ -1,17 +1,6 @@
-import { SliderElement } from "../../ui/slider/slider-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 { SliderTrackElement } from "../../ui/slider/slider-track-element.js";
-import { SliderValueElement } from "../../ui/slider/slider-value-element.js";
-import { safeDefine } from "../safe-define.js";
+import { defineSlider } from "./compounds.js";
 //#region src/define/ui/slider.ts
-safeDefine(SliderElement);
-safeDefine(SliderFillElement);
-safeDefine(SliderPreviewElement);
-safeDefine(SliderThumbElement);
-safeDefine(SliderTrackElement);
-safeDefine(SliderValueElement);
+defineSlider();
 //#endregion
 
 //# sourceMappingURL=slider.js.map

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

@@ -1 +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 { SliderPreviewElement } from '../../ui/slider/slider-preview-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(SliderPreviewElement);\nsafeDefine(SliderThumbElement);\nsafeDefine(SliderTrackElement);\nsafeDefine(SliderValueElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [SliderElement.tagName]: SliderElement;\n  }\n}\n"],"mappings":";;;;;;;;AASA,WAAW,cAAc;AACzB,WAAW,kBAAkB;AAC7B,WAAW,qBAAqB;AAChC,WAAW,mBAAmB;AAC9B,WAAW,mBAAmB;AAC9B,WAAW,mBAAmB"}
+{"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 { SliderPreviewElement } from '../../ui/slider/slider-preview-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 { defineSlider } from './compounds';\n\ndefineSlider();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [SliderElement.tagName]: SliderElement;\n    [SliderFillElement.tagName]: SliderFillElement;\n    [SliderPreviewElement.tagName]: SliderPreviewElement;\n    [SliderThumbElement.tagName]: SliderThumbElement;\n    [SliderTrackElement.tagName]: SliderTrackElement;\n    [SliderValueElement.tagName]: SliderValueElement;\n  }\n}\n"],"mappings":";;AAQA,cAAc"}

package/dist/dev/define/ui/time-slider.d.ts

@@ -1,9 +1,23 @@
+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 { TimeSliderElement } from "../../ui/time-slider/time-slider-element.js";
 
 //#region src/define/ui/time-slider.d.ts
 declare global {
   interface HTMLElementTagNameMap {
     [TimeSliderElement.tagName]: TimeSliderElement;
+    [SliderBufferElement.tagName]: SliderBufferElement;
+    [SliderFillElement.tagName]: SliderFillElement;
+    [SliderPreviewElement.tagName]: SliderPreviewElement;
+    [SliderThumbElement.tagName]: SliderThumbElement;
+    [SliderThumbnailElement.tagName]: SliderThumbnailElement;
+    [SliderTrackElement.tagName]: SliderTrackElement;
+    [SliderValueElement.tagName]: SliderValueElement;
   }
 } //# sourceMappingURL=time-slider.d.ts.map
 //# sourceMappingURL=time-slider.d.ts.map

package/dist/dev/define/ui/time-slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time-slider.d.ts","names":[],"sources":["../../../../src/define/ui/time-slider.ts"],"mappings":";;;QAoBQ,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,iBAAA,CAAkB,OAAA,GAAU,iBAAA;EAAA;AAAA"}
+{"version":3,"file":"time-slider.d.ts","names":[],"sources":["../../../../src/define/ui/time-slider.ts"],"mappings":";;;;;;;;;;QAYQ,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,iBAAA,CAAkB,OAAA,GAAU,iBAAA;IAAA,CAC5B,mBAAA,CAAoB,OAAA,GAAU,mBAAA;IAAA,CAC9B,iBAAA,CAAkB,OAAA,GAAU,iBAAA;IAAA,CAC5B,oBAAA,CAAqB,OAAA,GAAU,oBAAA;IAAA,CAC/B,kBAAA,CAAmB,OAAA,GAAU,kBAAA;IAAA,CAC7B,sBAAA,CAAuB,OAAA,GAAU,sBAAA;IAAA,CACjC,kBAAA,CAAmB,OAAA,GAAU,kBAAA;IAAA,CAC7B,kBAAA,CAAmB,OAAA,GAAU,kBAAA;EAAA;AAAA"}

package/dist/dev/define/ui/time-slider.js

@@ -1,21 +1,6 @@
-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 { TimeSliderElement } from "../../ui/time-slider/time-slider-element.js";
-import { safeDefine } from "../safe-define.js";
+import { defineTimeSlider } from "./compounds.js";
 //#region src/define/ui/time-slider.ts
-safeDefine(TimeSliderElement);
-safeDefine(SliderBufferElement);
-safeDefine(SliderFillElement);
-safeDefine(SliderPreviewElement);
-safeDefine(SliderThumbElement);
-safeDefine(SliderThumbnailElement);
-safeDefine(SliderTrackElement);
-safeDefine(SliderValueElement);
+defineTimeSlider();
 //#endregion
 
 //# sourceMappingURL=time-slider.js.map

package/dist/dev/define/ui/time-slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-slider.js","names":[],"sources":["../../../../src/define/ui/time-slider.ts"],"sourcesContent":["import { SliderBufferElement } from '../../ui/slider/slider-buffer-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 { TimeSliderElement } from '../../ui/time-slider/time-slider-element';\nimport { safeDefine } from '../safe-define';\n\n// Parent slider first — sub-elements consume its context.\nsafeDefine(TimeSliderElement);\nsafeDefine(SliderBufferElement);\nsafeDefine(SliderFillElement);\nsafeDefine(SliderPreviewElement);\nsafeDefine(SliderThumbElement);\nsafeDefine(SliderThumbnailElement);\nsafeDefine(SliderTrackElement);\nsafeDefine(SliderValueElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [TimeSliderElement.tagName]: TimeSliderElement;\n  }\n}\n"],"mappings":";;;;;;;;;;AAWA,WAAW,kBAAkB;AAC7B,WAAW,oBAAoB;AAC/B,WAAW,kBAAkB;AAC7B,WAAW,qBAAqB;AAChC,WAAW,mBAAmB;AAC9B,WAAW,uBAAuB;AAClC,WAAW,mBAAmB;AAC9B,WAAW,mBAAmB"}
+{"version":3,"file":"time-slider.js","names":[],"sources":["../../../../src/define/ui/time-slider.ts"],"sourcesContent":["import { SliderBufferElement } from '../../ui/slider/slider-buffer-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 { TimeSliderElement } from '../../ui/time-slider/time-slider-element';\nimport { defineTimeSlider } from './compounds';\n\ndefineTimeSlider();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [TimeSliderElement.tagName]: TimeSliderElement;\n    [SliderBufferElement.tagName]: SliderBufferElement;\n    [SliderFillElement.tagName]: SliderFillElement;\n    [SliderPreviewElement.tagName]: SliderPreviewElement;\n    [SliderThumbElement.tagName]: SliderThumbElement;\n    [SliderThumbnailElement.tagName]: SliderThumbnailElement;\n    [SliderTrackElement.tagName]: SliderTrackElement;\n    [SliderValueElement.tagName]: SliderValueElement;\n  }\n}\n"],"mappings":";;AAUA,kBAAkB"}

package/dist/dev/define/ui/time.d.ts

@@ -1,9 +1,13 @@
 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";
 
 //#region src/define/ui/time.d.ts
 declare global {
   interface HTMLElementTagNameMap {
     [TimeElement.tagName]: TimeElement;
+    [TimeGroupElement.tagName]: TimeGroupElement;
+    [TimeSeparatorElement.tagName]: TimeSeparatorElement;
   }
 } //# sourceMappingURL=time.d.ts.map
 //# sourceMappingURL=time.d.ts.map

package/dist/dev/define/ui/time.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time.d.ts","names":[],"sources":["../../../../src/define/ui/time.ts"],"mappings":";;;QASQ,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,WAAA,CAAY,OAAA,GAAU,WAAA;EAAA;AAAA"}
+{"version":3,"file":"time.d.ts","names":[],"sources":["../../../../src/define/ui/time.ts"],"mappings":";;;;;QAOQ,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,WAAA,CAAY,OAAA,GAAU,WAAA;IAAA,CACtB,gBAAA,CAAiB,OAAA,GAAU,gBAAA;IAAA,CAC3B,oBAAA,CAAqB,OAAA,GAAU,oBAAA;EAAA;AAAA"}

package/dist/dev/define/ui/time.js

@@ -1,11 +1,6 @@
-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 { safeDefine } from "../safe-define.js";
+import { defineTime } from "./compounds.js";
 //#region src/define/ui/time.ts
-safeDefine(TimeElement);
-safeDefine(TimeGroupElement);
-safeDefine(TimeSeparatorElement);
+defineTime();
 //#endregion
 
 //# sourceMappingURL=time.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"time.js","names":[],"sources":["../../../../src/define/ui/time.ts"],"sourcesContent":["import { TimeElement } from '../../ui/time/time-element';\nimport { TimeGroupElement } from '../../ui/time/time-group-element';\nimport { TimeSeparatorElement } from '../../ui/time/time-separator-element';\nimport { safeDefine } from '../safe-define';\n\nsafeDefine(TimeElement);\nsafeDefine(TimeGroupElement);\nsafeDefine(TimeSeparatorElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [TimeElement.tagName]: TimeElement;\n  }\n}\n"],"mappings":";;;;;AAKA,WAAW,YAAY;AACvB,WAAW,iBAAiB;AAC5B,WAAW,qBAAqB"}
+{"version":3,"file":"time.js","names":[],"sources":["../../../../src/define/ui/time.ts"],"sourcesContent":["import { TimeElement } from '../../ui/time/time-element';\nimport { TimeGroupElement } from '../../ui/time/time-group-element';\nimport { TimeSeparatorElement } from '../../ui/time/time-separator-element';\nimport { defineTime } from './compounds';\n\ndefineTime();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [TimeElement.tagName]: TimeElement;\n    [TimeGroupElement.tagName]: TimeGroupElement;\n    [TimeSeparatorElement.tagName]: TimeSeparatorElement;\n  }\n}\n"],"mappings":";;AAKA,YAAY"}

package/dist/dev/define/ui/volume-slider.d.ts

@@ -1,9 +1,19 @@
+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 { SliderTrackElement } from "../../ui/slider/slider-track-element.js";
+import { SliderValueElement } from "../../ui/slider/slider-value-element.js";
 import { VolumeSliderElement } from "../../ui/volume-slider/volume-slider-element.js";
 
 //#region src/define/ui/volume-slider.d.ts
 declare global {
   interface HTMLElementTagNameMap {
     [VolumeSliderElement.tagName]: VolumeSliderElement;
+    [SliderFillElement.tagName]: SliderFillElement;
+    [SliderPreviewElement.tagName]: SliderPreviewElement;
+    [SliderThumbElement.tagName]: SliderThumbElement;
+    [SliderTrackElement.tagName]: SliderTrackElement;
+    [SliderValueElement.tagName]: SliderValueElement;
   }
 } //# sourceMappingURL=volume-slider.d.ts.map
 //# sourceMappingURL=volume-slider.d.ts.map

package/dist/dev/define/ui/volume-slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"volume-slider.d.ts","names":[],"sources":["../../../../src/define/ui/volume-slider.ts"],"mappings":";;;QAgBQ,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,mBAAA,CAAoB,OAAA,GAAU,mBAAA;EAAA;AAAA"}
+{"version":3,"file":"volume-slider.d.ts","names":[],"sources":["../../../../src/define/ui/volume-slider.ts"],"mappings":";;;;;;;;QAUQ,MAAA;EAAA,UACI,qBAAA;IAAA,CACP,mBAAA,CAAoB,OAAA,GAAU,mBAAA;IAAA,CAC9B,iBAAA,CAAkB,OAAA,GAAU,iBAAA;IAAA,CAC5B,oBAAA,CAAqB,OAAA,GAAU,oBAAA;IAAA,CAC/B,kBAAA,CAAmB,OAAA,GAAU,kBAAA;IAAA,CAC7B,kBAAA,CAAmB,OAAA,GAAU,kBAAA;IAAA,CAC7B,kBAAA,CAAmB,OAAA,GAAU,kBAAA;EAAA;AAAA"}

package/dist/dev/define/ui/volume-slider.js

@@ -1,17 +1,6 @@
-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 { SliderTrackElement } from "../../ui/slider/slider-track-element.js";
-import { SliderValueElement } from "../../ui/slider/slider-value-element.js";
-import { VolumeSliderElement } from "../../ui/volume-slider/volume-slider-element.js";
-import { safeDefine } from "../safe-define.js";
+import { defineVolumeSlider } from "./compounds.js";
 //#region src/define/ui/volume-slider.ts
-safeDefine(VolumeSliderElement);
-safeDefine(SliderFillElement);
-safeDefine(SliderPreviewElement);
-safeDefine(SliderThumbElement);
-safeDefine(SliderTrackElement);
-safeDefine(SliderValueElement);
+defineVolumeSlider();
 //#endregion
 
 //# sourceMappingURL=volume-slider.js.map