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

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/skin-element.d.ts

@@ -1,5 +1,5 @@
-import { ReactiveElement } from "@videojs/element";
 import { ShadowStyle } from "@videojs/utils/dom";
+import { ReactiveElement } from "@videojs/element";
 
 //#region src/define/skin-element.d.ts
 /**

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

@@ -1,7 +1,7 @@
 import base_default from "../_virtual/inline-css_src/define/base.js";
 import shared_default from "../_virtual/inline-css_src/define/shared.js";
-import { ReactiveElement } from "@videojs/element";
 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);

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

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

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

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

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

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

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

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

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 { 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 { SliderPreviewElement } from "../../ui/slider/slider-preview-element.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 { 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 { SliderPreviewElement } from "../../ui/slider/slider-preview-element.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 { 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 { SliderPreviewElement } from "../../ui/slider/slider-preview-element.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

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

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

package/dist/dev/define/video/minimal-skin.css

@@ -77,6 +77,12 @@ media-tooltip-group {
   height: 100%;
   width: 100%;
   border-radius: var(--media-border-radius, 0.75rem);
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+
+  &:focus-visible {
+    outline-color: currentColor;
+  }
   font-family:
     Inter Variable,
     Inter,
@@ -650,6 +656,23 @@ media-tooltip-group {
   }
 }
 
+/* Dragging — thumb and fill follow the pointer position */
+.media-minimal-skin .media-slider[data-dragging] .media-slider__thumb[data-orientation="horizontal"] {
+  left: var(--media-slider-pointer);
+}
+
+.media-minimal-skin .media-slider[data-dragging] .media-slider__thumb[data-orientation="vertical"] {
+  top: calc(100% - var(--media-slider-pointer));
+}
+
+.media-minimal-skin .media-slider[data-dragging] .media-slider__fill[data-orientation="horizontal"] {
+  width: var(--media-slider-pointer);
+}
+
+.media-minimal-skin .media-slider[data-dragging] .media-slider__fill[data-orientation="vertical"] {
+  height: var(--media-slider-pointer);
+}
+
 /* ==========================================================================
    Popups & Animations
    ========================================================================== */

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

@@ -1,18 +1,39 @@
-import "./player.js";
-import "../ui/buffering-indicator.js";
-import "../ui/captions-button.js";
-import "../ui/controls.js";
-import "../ui/error-dialog.js";
-import "../ui/fullscreen-button.js";
-import "../ui/mute-button.js";
-import "../ui/pip-button.js";
-import "../ui/play-button.js";
-import "../ui/playback-rate-button.js";
-import "../ui/popover.js";
-import "../ui/poster.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 { MediaContainerElement } from "../../media/container-element.js";
+import { BufferingIndicatorElement } from "../../ui/buffering-indicator/buffering-indicator-element.js";
+import { CaptionsButtonElement } from "../../ui/captions-button/captions-button-element.js";
+import { FullscreenButtonElement } from "../../ui/fullscreen-button/fullscreen-button-element.js";
+import { MuteButtonElement } from "../../ui/mute-button/mute-button-element.js";
+import { PiPButtonElement } from "../../ui/pip-button/pip-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 { PosterElement } from "../../ui/poster/poster-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 { defineControls, defineErrorDialog, defineTime, defineTimeSlider, defineVolumeSlider } from "../ui/compounds.js";
+import { VideoPlayerElement } from "./player.js";
+//#region src/define/video/minimal-ui.ts
+safeDefine(VideoPlayerElement);
+safeDefine(MediaContainerElement);
+defineControls();
+defineErrorDialog();
+defineTimeSlider();
+defineVolumeSlider();
+defineTime();
+safeDefine(BufferingIndicatorElement);
+safeDefine(CaptionsButtonElement);
+safeDefine(FullscreenButtonElement);
+safeDefine(MuteButtonElement);
+safeDefine(PiPButtonElement);
+safeDefine(PlayButtonElement);
+safeDefine(PlaybackRateButtonElement);
+safeDefine(PopoverElement);
+safeDefine(PosterElement);
+safeDefine(SeekButtonElement);
+safeDefine(TooltipElement);
+safeDefine(TooltipGroupElement);
+//#endregion
+
+//# sourceMappingURL=minimal-ui.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"minimal-ui.js","names":[],"sources":["../../../../src/define/video/minimal-ui.ts"],"sourcesContent":["// Registers the video player, container, and all video 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 { BufferingIndicatorElement } from '../../ui/buffering-indicator/buffering-indicator-element';\nimport { CaptionsButtonElement } from '../../ui/captions-button/captions-button-element';\nimport { FullscreenButtonElement } from '../../ui/fullscreen-button/fullscreen-button-element';\nimport { MuteButtonElement } from '../../ui/mute-button/mute-button-element';\nimport { PiPButtonElement } from '../../ui/pip-button/pip-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 { PosterElement } from '../../ui/poster/poster-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 { defineControls, defineErrorDialog, defineTime, defineTimeSlider, defineVolumeSlider } from '../ui/compounds';\n\n// Value import — player.ts body runs before this module's body.\nimport { VideoPlayerElement } from './player';\n\n// ── Registration (providers / parents first) ────────────────────────────\n\nsafeDefine(VideoPlayerElement);\nsafeDefine(MediaContainerElement);\n\n// Compound groups.\ndefineControls();\ndefineErrorDialog();\ndefineTimeSlider();\ndefineVolumeSlider();\ndefineTime();\n\n// Standalone elements.\nsafeDefine(BufferingIndicatorElement);\nsafeDefine(CaptionsButtonElement);\nsafeDefine(FullscreenButtonElement);\nsafeDefine(MuteButtonElement);\nsafeDefine(PiPButtonElement);\nsafeDefine(PlayButtonElement);\nsafeDefine(PlaybackRateButtonElement);\nsafeDefine(PopoverElement);\nsafeDefine(PosterElement);\nsafeDefine(SeekButtonElement);\nsafeDefine(TooltipElement);\nsafeDefine(TooltipGroupElement);\n"],"mappings":";;;;;;;;;;;;;;;;;AAwBA,WAAW,mBAAmB;AAC9B,WAAW,sBAAsB;AAGjC,gBAAgB;AAChB,mBAAmB;AACnB,kBAAkB;AAClB,oBAAoB;AACpB,YAAY;AAGZ,WAAW,0BAA0B;AACrC,WAAW,sBAAsB;AACjC,WAAW,wBAAwB;AACnC,WAAW,kBAAkB;AAC7B,WAAW,iBAAiB;AAC5B,WAAW,kBAAkB;AAC7B,WAAW,0BAA0B;AACrC,WAAW,eAAe;AAC1B,WAAW,cAAc;AACzB,WAAW,kBAAkB;AAC7B,WAAW,eAAe;AAC1B,WAAW,oBAAoB"}

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

@@ -77,6 +77,12 @@ media-tooltip-group {
   height: 100%;
   width: 100%;
   border-radius: var(--media-border-radius, 2rem);
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+
+  &:focus-visible {
+    outline-color: currentColor;
+  }
   font-family:
     Inter Variable,
     Inter,
@@ -676,6 +682,23 @@ media-tooltip-group {
   }
 }
 
+/* Dragging — thumb and fill follow the pointer position */
+.media-default-skin .media-slider[data-dragging] .media-slider__thumb[data-orientation="horizontal"] {
+  left: var(--media-slider-pointer);
+}
+
+.media-default-skin .media-slider[data-dragging] .media-slider__thumb[data-orientation="vertical"] {
+  top: calc(100% - var(--media-slider-pointer));
+}
+
+.media-default-skin .media-slider[data-dragging] .media-slider__fill[data-orientation="horizontal"] {
+  width: var(--media-slider-pointer);
+}
+
+.media-default-skin .media-slider[data-dragging] .media-slider__fill[data-orientation="vertical"] {
+  height: var(--media-slider-pointer);
+}
+
 /* ==========================================================================
    Popups & Tooltips
    ========================================================================== */