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

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

@@ -1,15 +1,15 @@
 import { MediaAttachMixin } from "../../store/media-attach-mixin.js";
-import { MediaPropsMixin } from "../../utils/media-props-mixin.js";
-import { MuxCustomVideo, MuxMediaDelegate } from "@videojs/core/dom/media/mux";
+import { CustomMediaElement } from "@videojs/core/dom/media/custom-media-element";
+import { MuxVideoMedia } from "@videojs/core/dom/media/mux";
 //#region src/media/mux-video/index.ts
-var MuxVideo = class extends MediaPropsMixin(MediaAttachMixin(MuxCustomVideo), MuxMediaDelegate) {
-	constructor() {
-		super();
-		this.attach(this.target);
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback?.();
-		if (!this.hasAttribute("keep-alive")) this.destroy();
+var MuxVideo = class extends MediaAttachMixin(CustomMediaElement("video", MuxVideoMedia)) {
+	static get observedAttributes() {
+		return [
+			...super.observedAttributes,
+			"type",
+			"prefer-playback",
+			"debug"
+		];
 	}
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/mux-video/index.ts"],"sourcesContent":["import { MuxCustomVideo, MuxMediaDelegate } from '@videojs/core/dom/media/mux';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\nimport { MediaPropsMixin } from '../../utils/media-props-mixin';\n\nexport class MuxVideo extends MediaPropsMixin(MediaAttachMixin(MuxCustomVideo), MuxMediaDelegate) {\n  constructor() {\n    super();\n    this.attach(this.target);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback?.();\n\n    if (!this.hasAttribute('keep-alive')) {\n      this.destroy();\n    }\n  }\n}\n"],"mappings":";;;;AAIA,IAAa,WAAb,cAA8B,gBAAgB,iBAAiB,eAAe,EAAE,iBAAiB,CAAC;CAChG,cAAc;AACZ,SAAO;AACP,OAAK,OAAO,KAAK,OAAO;;CAG1B,uBAA6B;AAC3B,QAAM,wBAAwB;AAE9B,MAAI,CAAC,KAAK,aAAa,aAAa,CAClC,MAAK,SAAS"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/mux-video/index.ts"],"sourcesContent":["import { CustomMediaElement } from '@videojs/core/dom/media/custom-media-element';\nimport { MuxVideoMedia } from '@videojs/core/dom/media/mux';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nexport class MuxVideo extends MediaAttachMixin(CustomMediaElement('video', MuxVideoMedia)) {\n  static get observedAttributes() {\n    // biome-ignore lint/complexity/noThisInStatic: intentional use of super\n    return [...super.observedAttributes, 'type', 'prefer-playback', 'debug'];\n  }\n}\n"],"mappings":";;;;AAIA,IAAa,WAAb,cAA8B,iBAAiB,mBAAmB,SAAS,cAAc,CAAC,CAAC;CACzF,WAAW,qBAAqB;AAE9B,SAAO;GAAC,GAAG,MAAM;GAAoB;GAAQ;GAAmB;GAAQ"}

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

@@ -1,11 +1,17 @@
-import { NativeHlsCustomMedia } from "@videojs/core/dom/media/native-hls";
+import { NativeHlsMedia } from "@videojs/core/dom/media/native-hls";
+import * as _videojs_utils_types0 from "@videojs/utils/types";
 
 //#region src/media/native-hls-video/index.d.ts
-declare const NativeHlsVideo_base: typeof NativeHlsCustomMedia;
-declare class NativeHlsVideo extends NativeHlsVideo_base {
-  constructor();
-  disconnectedCallback(): void;
-}
+declare const NativeHlsVideo_base: _videojs_utils_types0.Constructor<HTMLElement & NativeHlsMedia> & {
+  properties: Record<string, {
+    type: any;
+    attribute?: string;
+  }>;
+  getTemplateHTML: (attrs: Record<string, string>) => string;
+  shadowRootOptions: ShadowRootInit;
+  readonly observedAttributes: string[];
+};
+declare class NativeHlsVideo extends NativeHlsVideo_base {}
 //#endregion
 export { NativeHlsVideo };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/native-hls-video/index.ts"],"mappings":";;;cAAkG,mBAAA;cAIrF,cAAA,SAAuB,mBAAA;;EAMlC,oBAAA,CAAA;AAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/native-hls-video/index.ts"],"mappings":";;;;cACoE,mBAAA;;;;;;;;;cAGvD,cAAA,SAAuB,mBAAA"}

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

@@ -1,17 +1,8 @@
 import { MediaAttachMixin } from "../../store/media-attach-mixin.js";
-import { MediaPropsMixin } from "../../utils/media-props-mixin.js";
-import { NativeHlsCustomMedia, NativeHlsMediaDelegate } from "@videojs/core/dom/media/native-hls";
+import { CustomMediaElement } from "@videojs/core/dom/media/custom-media-element";
+import { NativeHlsMedia } from "@videojs/core/dom/media/native-hls";
 //#region src/media/native-hls-video/index.ts
-var NativeHlsVideo = class extends MediaPropsMixin(MediaAttachMixin(NativeHlsCustomMedia), NativeHlsMediaDelegate) {
-	constructor() {
-		super();
-		this.attach(this.target);
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback?.();
-		if (!this.hasAttribute("keep-alive")) this.destroy();
-	}
-};
+var NativeHlsVideo = class extends MediaAttachMixin(CustomMediaElement("video", NativeHlsMedia)) {};
 //#endregion
 export { NativeHlsVideo };
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/native-hls-video/index.ts"],"sourcesContent":["import { NativeHlsCustomMedia, NativeHlsMediaDelegate } from '@videojs/core/dom/media/native-hls';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\nimport { MediaPropsMixin } from '../../utils/media-props-mixin';\n\nexport class NativeHlsVideo extends MediaPropsMixin(MediaAttachMixin(NativeHlsCustomMedia), NativeHlsMediaDelegate) {\n  constructor() {\n    super();\n    this.attach(this.target);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback?.();\n\n    if (!this.hasAttribute('keep-alive')) {\n      this.destroy();\n    }\n  }\n}\n"],"mappings":";;;;AAIA,IAAa,iBAAb,cAAoC,gBAAgB,iBAAiB,qBAAqB,EAAE,uBAAuB,CAAC;CAClH,cAAc;AACZ,SAAO;AACP,OAAK,OAAO,KAAK,OAAO;;CAG1B,uBAA6B;AAC3B,QAAM,wBAAwB;AAE9B,MAAI,CAAC,KAAK,aAAa,aAAa,CAClC,MAAK,SAAS"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/native-hls-video/index.ts"],"sourcesContent":["import { CustomMediaElement } from '@videojs/core/dom/media/custom-media-element';\nimport { NativeHlsMedia } from '@videojs/core/dom/media/native-hls';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nexport class NativeHlsVideo extends MediaAttachMixin(CustomMediaElement('video', NativeHlsMedia)) {}\n"],"mappings":";;;;AAIA,IAAa,iBAAb,cAAoC,iBAAiB,mBAAmB,SAAS,eAAe,CAAC,CAAC"}

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

@@ -1,10 +1,17 @@
-import { SimpleHlsCustomMedia } from "@videojs/core/dom/media/simple-hls";
+import { SimpleHlsMedia } from "@videojs/core/dom/media/simple-hls";
+import * as _videojs_utils_types0 from "@videojs/utils/types";
 
 //#region src/media/simple-hls-video/index.d.ts
-declare const SimpleHlsVideo_base: typeof SimpleHlsCustomMedia;
-declare class SimpleHlsVideo extends SimpleHlsVideo_base {
-  constructor();
-}
+declare const SimpleHlsVideo_base: _videojs_utils_types0.Constructor<HTMLElement & SimpleHlsMedia> & {
+  properties: Record<string, {
+    type: any;
+    attribute?: string;
+  }>;
+  getTemplateHTML: (attrs: Record<string, string>) => string;
+  shadowRootOptions: ShadowRootInit;
+  readonly observedAttributes: string[];
+};
+declare class SimpleHlsVideo extends SimpleHlsVideo_base {}
 //#endregion
 export { SimpleHlsVideo };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/simple-hls-video/index.ts"],"mappings":";;;cAA0E,mBAAA;cAK7D,cAAA,SAAuB,mBAAA;EAAA,WAAA,CAAA;AAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/media/simple-hls-video/index.ts"],"mappings":";;;;cACoE,mBAAA;;;;;;;;;cAGvD,cAAA,SAAuB,mBAAA"}

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

@@ -1,14 +1,8 @@
 import { MediaAttachMixin } from "../../store/media-attach-mixin.js";
-import { MediaPropsMixin } from "../../utils/media-props-mixin.js";
-import { SimpleHlsCustomMedia } from "@videojs/core/dom/media/simple-hls";
-import { SpfMedia } from "@videojs/spf/dom";
+import { CustomMediaElement } from "@videojs/core/dom/media/custom-media-element";
+import { SimpleHlsMedia } from "@videojs/core/dom/media/simple-hls";
 //#region src/media/simple-hls-video/index.ts
-var SimpleHlsVideo = class extends MediaPropsMixin(MediaAttachMixin(SimpleHlsCustomMedia), SpfMedia) {
-	constructor() {
-		super();
-		this.attach(this.target);
-	}
-};
+var SimpleHlsVideo = class extends MediaAttachMixin(CustomMediaElement("video", SimpleHlsMedia)) {};
 //#endregion
 export { SimpleHlsVideo };
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/simple-hls-video/index.ts"],"sourcesContent":["import { SimpleHlsCustomMedia } from '@videojs/core/dom/media/simple-hls';\nimport { SpfMedia } from '@videojs/spf/dom';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\nimport { MediaPropsMixin } from '../../utils/media-props-mixin';\n\nexport class SimpleHlsVideo extends MediaPropsMixin(MediaAttachMixin(SimpleHlsCustomMedia), SpfMedia) {\n  constructor() {\n    super();\n    this.attach(this.target);\n  }\n}\n"],"mappings":";;;;;AAKA,IAAa,iBAAb,cAAoC,gBAAgB,iBAAiB,qBAAqB,EAAE,SAAS,CAAC;CACpG,cAAc;AACZ,SAAO;AACP,OAAK,OAAO,KAAK,OAAO"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/media/simple-hls-video/index.ts"],"sourcesContent":["import { CustomMediaElement } from '@videojs/core/dom/media/custom-media-element';\nimport { SimpleHlsMedia } from '@videojs/core/dom/media/simple-hls';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nexport class SimpleHlsVideo extends MediaAttachMixin(CustomMediaElement('video', SimpleHlsMedia)) {}\n"],"mappings":";;;;AAIA,IAAa,iBAAb,cAAoC,iBAAiB,mBAAmB,SAAS,eAAe,CAAC,CAAC"}

package/dist/dev/ui/alert-dialog/alert-dialog-description-element.d.ts

@@ -1,8 +1,8 @@
 import { AlertDialogContextValue } from "./context.js";
 import { ContextPartElement } from "../context-part-element.js";
-import { AlertDialogState } from "@videojs/core";
 import { ContextConsumer } from "@videojs/element/context";
 import { PropertyValues } from "@videojs/element";
+import { AlertDialogState } from "@videojs/core";
 
 //#region src/ui/alert-dialog/alert-dialog-description-element.d.ts
 declare class AlertDialogDescriptionElement extends ContextPartElement<AlertDialogState> {

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

@@ -1,9 +1,9 @@
 import { MediaElement } from "../media-element.js";
 import { alertDialogContext } from "./context.js";
-import { AlertDialogCore, AlertDialogDataAttrs } from "@videojs/core";
 import { applyElementProps, applyStateDataAttrs, createAlertDialog, createTransition } from "@videojs/core/dom";
 import { ContextProvider } from "@videojs/element/context";
 import { SnapshotController } from "@videojs/store/html";
+import { AlertDialogCore, AlertDialogDataAttrs } from "@videojs/core";
 //#region src/ui/alert-dialog/alert-dialog-element.ts
 let idCounter = 0;
 var AlertDialogElement = class extends MediaElement {

package/dist/dev/ui/alert-dialog/alert-dialog-title-element.d.ts

@@ -1,8 +1,8 @@
 import { AlertDialogContextValue } from "./context.js";
 import { ContextPartElement } from "../context-part-element.js";
-import { AlertDialogState } from "@videojs/core";
 import { ContextConsumer } from "@videojs/element/context";
 import { PropertyValues } from "@videojs/element";
+import { AlertDialogState } from "@videojs/core";
 
 //#region src/ui/alert-dialog/alert-dialog-title-element.d.ts
 declare class AlertDialogTitleElement extends ContextPartElement<AlertDialogState> {

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

@@ -1,8 +1,8 @@
 import { playerContext } from "../../player/context.js";
 import { MediaElement } from "../media-element.js";
 import { PlayerController } from "../../player/player-controller.js";
-import { BufferingIndicatorCore, BufferingIndicatorDataAttrs } from "@videojs/core";
 import { applyStateDataAttrs, logMissingFeature, selectPlayback } from "@videojs/core/dom";
+import { BufferingIndicatorCore, BufferingIndicatorDataAttrs } from "@videojs/core";
 //#region src/ui/buffering-indicator/buffering-indicator-element.ts
 var BufferingIndicatorElement = class extends MediaElement {
 	constructor(..._args) {

package/dist/dev/ui/captions-button/captions-button-element.d.ts

@@ -1,7 +1,7 @@
 import { PlayerController } from "../../player/player-controller.js";
 import { MediaButtonElement } from "../media-button-element.js";
-import { CaptionsButtonCore, MediaTextTrackState } from "@videojs/core";
 import * as _videojs_core_dom0 from "@videojs/core/dom";
+import { CaptionsButtonCore, MediaTextTrackState } from "@videojs/core";
 
 //#region src/ui/captions-button/captions-button-element.d.ts
 declare class CaptionsButtonElement extends MediaButtonElement<CaptionsButtonCore> {

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

@@ -1,8 +1,8 @@
 import { playerContext } from "../../player/context.js";
 import { PlayerController } from "../../player/player-controller.js";
 import { MediaButtonElement } from "../media-button-element.js";
-import { CaptionsButtonCore, CaptionsButtonDataAttrs } from "@videojs/core";
 import { selectTextTrack } from "@videojs/core/dom";
+import { CaptionsButtonCore, CaptionsButtonDataAttrs } from "@videojs/core";
 //#region src/ui/captions-button/captions-button-element.ts
 var CaptionsButtonElement = class extends MediaButtonElement {
 	constructor(..._args) {

package/dist/dev/ui/context-part-element.d.ts

@@ -1,6 +1,6 @@
 import { MediaElement } from "./media-element.js";
-import { StateAttrMap } from "@videojs/core";
 import { PropertyValues } from "@videojs/element";
+import { StateAttrMap } from "@videojs/core";
 
 //#region src/ui/context-part-element.d.ts
 /** Shape that compound context values must satisfy for parts to consume. */

package/dist/dev/ui/controls/controls-element.js

@@ -2,9 +2,9 @@ import { playerContext } from "../../player/context.js";
 import { MediaElement } from "../media-element.js";
 import { PlayerController } from "../../player/player-controller.js";
 import { controlsContext } from "./context.js";
-import { ControlsCore, ControlsDataAttrs } from "@videojs/core";
 import { applyStateDataAttrs, logMissingFeature, selectControls } from "@videojs/core/dom";
 import { ContextProvider } from "@videojs/element/context";
+import { ControlsCore, ControlsDataAttrs } from "@videojs/core";
 //#region src/ui/controls/controls-element.ts
 var ControlsElement = class extends MediaElement {
 	static {

package/dist/dev/ui/controls/controls-group-element.d.ts

@@ -1,7 +1,7 @@
 import { ContextPartElement } from "../context-part-element.js";
 import { ControlsContextValue } from "./context.js";
-import { ControlsState } from "@videojs/core";
 import { ContextConsumer } from "@videojs/element/context";
+import { ControlsState } from "@videojs/core";
 
 //#region src/ui/controls/controls-group-element.d.ts
 declare class ControlsGroupElement extends ContextPartElement<ControlsState> {

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

@@ -2,10 +2,10 @@ import { playerContext } from "../../player/context.js";
 import { MediaElement } from "../media-element.js";
 import { PlayerController } from "../../player/player-controller.js";
 import { alertDialogContext } from "../alert-dialog/context.js";
-import { AlertDialogDataAttrs, ErrorDialogCore } from "@videojs/core";
 import { applyElementProps, applyStateDataAttrs, createAlertDialog, createTransition, selectError } from "@videojs/core/dom";
 import { ContextProvider } from "@videojs/element/context";
 import { SnapshotController } from "@videojs/store/html";
+import { AlertDialogDataAttrs, ErrorDialogCore } from "@videojs/core";
 //#region src/ui/error-dialog/error-dialog-element.ts
 const FALLBACK_MESSAGE = "An error occurred. Please try again.";
 let idCounter = 0;

package/dist/dev/ui/fullscreen-button/fullscreen-button-element.d.ts

@@ -1,7 +1,7 @@
 import { PlayerController } from "../../player/player-controller.js";
 import { MediaButtonElement } from "../media-button-element.js";
-import { FullscreenButtonCore, MediaFullscreenState } from "@videojs/core";
 import * as _videojs_core_dom0 from "@videojs/core/dom";
+import { FullscreenButtonCore, MediaFullscreenState } from "@videojs/core";
 
 //#region src/ui/fullscreen-button/fullscreen-button-element.d.ts
 declare class FullscreenButtonElement extends MediaButtonElement<FullscreenButtonCore> {

package/dist/dev/ui/fullscreen-button/fullscreen-button-element.js

@@ -1,8 +1,8 @@
 import { playerContext } from "../../player/context.js";
 import { PlayerController } from "../../player/player-controller.js";
 import { MediaButtonElement } from "../media-button-element.js";
-import { FullscreenButtonCore, FullscreenButtonDataAttrs } from "@videojs/core";
 import { selectFullscreen } from "@videojs/core/dom";
+import { FullscreenButtonCore, FullscreenButtonDataAttrs } from "@videojs/core";
 //#region src/ui/fullscreen-button/fullscreen-button-element.ts
 var FullscreenButtonElement = class extends MediaButtonElement {
 	constructor(..._args) {

package/dist/dev/ui/media-button-element.d.ts

@@ -1,8 +1,8 @@
 import { MediaElement } from "./media-element.js";
 import { PlayerController } from "../player/player-controller.js";
-import { ButtonState, InferComponentState, InferMediaState, MediaButtonComponent, StateAttrMap } from "@videojs/core";
 import { State } from "@videojs/store";
 import { PropertyDeclarationMap, PropertyValues } from "@videojs/element";
+import { ButtonState, InferComponentState, InferMediaState, MediaButtonComponent, StateAttrMap } from "@videojs/core";
 
 //#region src/ui/media-button-element.d.ts
 /** Abstract base for HTML custom elements that render a media-control button. */

package/dist/dev/ui/media-ui-element.d.ts

@@ -1,7 +1,7 @@
 import { MediaElement } from "./media-element.js";
 import { PlayerController } from "../player/player-controller.js";
-import { InferComponentState, InferMediaState, MediaUIComponent, StateAttrMap } from "@videojs/core";
 import { PropertyValues } from "@videojs/element";
+import { InferComponentState, InferMediaState, MediaUIComponent, StateAttrMap } from "@videojs/core";
 
 //#region src/ui/media-ui-element.d.ts
 /** Abstract base for HTML custom elements that display media state with data attributes. */

package/dist/dev/ui/mute-button/mute-button-element.d.ts

@@ -1,7 +1,7 @@
 import { PlayerController } from "../../player/player-controller.js";
 import { MediaButtonElement } from "../media-button-element.js";
-import { MediaVolumeState, MuteButtonCore } from "@videojs/core";
 import * as _videojs_core_dom0 from "@videojs/core/dom";
+import { MediaVolumeState, MuteButtonCore } from "@videojs/core";
 
 //#region src/ui/mute-button/mute-button-element.d.ts
 declare class MuteButtonElement extends MediaButtonElement<MuteButtonCore> {

package/dist/dev/ui/mute-button/mute-button-element.js

@@ -1,8 +1,8 @@
 import { playerContext } from "../../player/context.js";
 import { PlayerController } from "../../player/player-controller.js";
 import { MediaButtonElement } from "../media-button-element.js";
-import { MuteButtonCore, MuteButtonDataAttrs } from "@videojs/core";
 import { selectVolume } from "@videojs/core/dom";
+import { MuteButtonCore, MuteButtonDataAttrs } from "@videojs/core";
 //#region src/ui/mute-button/mute-button-element.ts
 var MuteButtonElement = class extends MediaButtonElement {
 	constructor(..._args) {

package/dist/dev/ui/pip-button/pip-button-element.d.ts

@@ -1,7 +1,7 @@
 import { PlayerController } from "../../player/player-controller.js";
 import { MediaButtonElement } from "../media-button-element.js";
-import { MediaPictureInPictureState, PiPButtonCore } from "@videojs/core";
 import * as _videojs_core_dom0 from "@videojs/core/dom";
+import { MediaPictureInPictureState, PiPButtonCore } from "@videojs/core";
 
 //#region src/ui/pip-button/pip-button-element.d.ts
 declare class PiPButtonElement extends MediaButtonElement<PiPButtonCore> {

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

@@ -1,8 +1,8 @@
 import { playerContext } from "../../player/context.js";
 import { PlayerController } from "../../player/player-controller.js";
 import { MediaButtonElement } from "../media-button-element.js";
-import { PiPButtonCore, PiPButtonDataAttrs } from "@videojs/core";
 import { selectPiP } from "@videojs/core/dom";
+import { PiPButtonCore, PiPButtonDataAttrs } from "@videojs/core";
 //#region src/ui/pip-button/pip-button-element.ts
 var PiPButtonElement = class extends MediaButtonElement {
 	constructor(..._args) {

package/dist/dev/ui/play-button/play-button-element.d.ts

@@ -1,7 +1,7 @@
 import { PlayerController } from "../../player/player-controller.js";
 import { MediaButtonElement } from "../media-button-element.js";
-import { MediaPlaybackState, PlayButtonCore } from "@videojs/core";
 import * as _videojs_core_dom0 from "@videojs/core/dom";
+import { MediaPlaybackState, PlayButtonCore } from "@videojs/core";
 
 //#region src/ui/play-button/play-button-element.d.ts
 declare class PlayButtonElement extends MediaButtonElement<PlayButtonCore> {

package/dist/dev/ui/play-button/play-button-element.js

@@ -1,8 +1,8 @@
 import { playerContext } from "../../player/context.js";
 import { PlayerController } from "../../player/player-controller.js";
 import { MediaButtonElement } from "../media-button-element.js";
-import { PlayButtonCore, PlayButtonDataAttrs } from "@videojs/core";
 import { selectPlayback } from "@videojs/core/dom";
+import { PlayButtonCore, PlayButtonDataAttrs } from "@videojs/core";
 //#region src/ui/play-button/play-button-element.ts
 var PlayButtonElement = class extends MediaButtonElement {
 	constructor(..._args) {

package/dist/dev/ui/playback-rate-button/playback-rate-button-element.d.ts

@@ -1,7 +1,7 @@
 import { PlayerController } from "../../player/player-controller.js";
 import { MediaButtonElement } from "../media-button-element.js";
-import { MediaPlaybackRateState, PlaybackRateButtonCore } from "@videojs/core";
 import * as _videojs_core_dom0 from "@videojs/core/dom";
+import { MediaPlaybackRateState, PlaybackRateButtonCore } from "@videojs/core";
 
 //#region src/ui/playback-rate-button/playback-rate-button-element.d.ts
 declare class PlaybackRateButtonElement extends MediaButtonElement<PlaybackRateButtonCore> {

package/dist/dev/ui/playback-rate-button/playback-rate-button-element.js

@@ -1,8 +1,8 @@
 import { playerContext } from "../../player/context.js";
 import { PlayerController } from "../../player/player-controller.js";
 import { MediaButtonElement } from "../media-button-element.js";
-import { PlaybackRateButtonCore, PlaybackRateButtonDataAttrs } from "@videojs/core";
 import { selectPlaybackRate } from "@videojs/core/dom";
+import { PlaybackRateButtonCore, PlaybackRateButtonDataAttrs } from "@videojs/core";
 //#region src/ui/playback-rate-button/playback-rate-button-element.ts
 var PlaybackRateButtonElement = class extends MediaButtonElement {
 	constructor(..._args) {

package/dist/dev/ui/popover/popover-element.d.ts

@@ -1,7 +1,7 @@
 import { MediaElement } from "../media-element.js";
+import { PropertyValues } from "@videojs/element";
 import * as _videojs_core0 from "@videojs/core";
 import { PopoverProps } from "@videojs/core";
-import { PropertyValues } from "@videojs/element";
 
 //#region src/ui/popover/popover-element.d.ts
 declare class PopoverElement extends MediaElement {

package/dist/dev/ui/popover/popover-element.js

@@ -1,9 +1,9 @@
 import { MediaElement } from "../media-element.js";
 import { PositionController } from "../position-controller.js";
-import { PopoverCore, PopoverDataAttrs } from "@videojs/core";
 import { applyElementProps, applyStateDataAttrs, createPopover, createTransition, getAnchorNameStyle, getAnchorPositionStyle, getPopupPositionRect, resolveOffsets } from "@videojs/core/dom";
 import { applyStyles, supportsAnchorPositioning, tryHidePopover, tryShowPopover } from "@videojs/utils/dom";
 import { SnapshotController } from "@videojs/store/html";
+import { PopoverCore, PopoverDataAttrs } from "@videojs/core";
 //#region src/ui/popover/popover-element.ts
 var PopoverElement = class extends MediaElement {
 	constructor(..._args) {

package/dist/dev/ui/poster/poster-element.d.ts

@@ -1,8 +1,8 @@
 import { PlayerController } from "../../player/player-controller.js";
 import { MediaUIElement } from "../media-ui-element.js";
+import * as _videojs_core_dom0 from "@videojs/core/dom";
 import * as _videojs_core0 from "@videojs/core";
 import { PosterCore } from "@videojs/core";
-import * as _videojs_core_dom0 from "@videojs/core/dom";
 
 //#region src/ui/poster/poster-element.d.ts
 declare class PosterElement extends MediaUIElement<PosterCore> {

package/dist/dev/ui/poster/poster-element.js

@@ -1,8 +1,8 @@
 import { playerContext } from "../../player/context.js";
 import { PlayerController } from "../../player/player-controller.js";
 import { MediaUIElement } from "../media-ui-element.js";
-import { PosterCore, PosterDataAttrs } from "@videojs/core";
 import { selectPlayback } from "@videojs/core/dom";
+import { PosterCore, PosterDataAttrs } from "@videojs/core";
 //#region src/ui/poster/poster-element.ts
 var PosterElement = class extends MediaUIElement {
 	constructor(..._args) {

package/dist/dev/ui/seek-button/seek-button-element.d.ts

@@ -1,8 +1,8 @@
 import { PlayerController } from "../../player/player-controller.js";
 import { MediaButtonElement } from "../media-button-element.js";
-import { MediaTimeState, SeekButtonCore } from "@videojs/core";
 import * as _videojs_core_dom0 from "@videojs/core/dom";
 import { PropertyDeclarationMap } from "@videojs/element";
+import { MediaTimeState, SeekButtonCore } from "@videojs/core";
 
 //#region src/ui/seek-button/seek-button-element.d.ts
 declare class SeekButtonElement extends MediaButtonElement<SeekButtonCore> {

package/dist/dev/ui/seek-button/seek-button-element.js

@@ -1,8 +1,8 @@
 import { playerContext } from "../../player/context.js";
 import { PlayerController } from "../../player/player-controller.js";
 import { MediaButtonElement } from "../media-button-element.js";
-import { SeekButtonCore, SeekButtonDataAttrs } from "@videojs/core";
 import { selectTime } from "@videojs/core/dom";
+import { SeekButtonCore, SeekButtonDataAttrs } from "@videojs/core";
 //#region src/ui/seek-button/seek-button-element.ts
 var SeekButtonElement = class extends MediaButtonElement {
 	constructor(..._args) {

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

@@ -1,5 +1,5 @@
-import { SliderState, StateAttrMap } from "@videojs/core";
 import { SliderThumbProps } from "@videojs/core/dom";
+import { SliderState, StateAttrMap } from "@videojs/core";
 
 //#region src/ui/slider/context.d.ts
 interface SliderContextValue {

package/dist/dev/ui/slider/slider-buffer-element.d.ts

@@ -1,7 +1,7 @@
 import { ContextPartElement } from "../context-part-element.js";
 import { SliderContextValue } from "./context.js";
-import { SliderState } from "@videojs/core";
 import { ContextConsumer } from "@videojs/element/context";
+import { SliderState } from "@videojs/core";
 
 //#region src/ui/slider/slider-buffer-element.d.ts
 declare class SliderBufferElement extends ContextPartElement<SliderState> {

package/dist/dev/ui/slider/slider-element.d.ts

@@ -1,6 +1,6 @@
 import { MediaElement } from "../media-element.js";
-import * as _videojs_core0 from "@videojs/core";
 import { PropertyValues } from "@videojs/element";
+import * as _videojs_core0 from "@videojs/core";
 
 //#region src/ui/slider/slider-element.d.ts
 declare class SliderElement extends MediaElement {

package/dist/dev/ui/slider/slider-element.js

@@ -1,9 +1,9 @@
 import { MediaElement } from "../media-element.js";
 import { sliderContext } from "./context.js";
-import { SliderCore, SliderDataAttrs } from "@videojs/core";
 import { applyElementProps, applyStateDataAttrs, createSlider, getSliderCSSVars } from "@videojs/core/dom";
 import { applyStyles, isRTL } from "@videojs/utils/dom";
 import { ContextProvider } from "@videojs/element/context";
+import { SliderCore, SliderDataAttrs } from "@videojs/core";
 //#region src/ui/slider/slider-element.ts
 var SliderElement = class extends MediaElement {
 	constructor(..._args) {

package/dist/dev/ui/slider/slider-fill-element.d.ts

@@ -1,7 +1,7 @@
 import { ContextPartElement } from "../context-part-element.js";
 import { SliderContextValue } from "./context.js";
-import { SliderState } from "@videojs/core";
 import { ContextConsumer } from "@videojs/element/context";
+import { SliderState } from "@videojs/core";
 
 //#region src/ui/slider/slider-fill-element.d.ts
 declare class SliderFillElement extends ContextPartElement<SliderState> {

package/dist/dev/ui/slider/slider-track-element.d.ts

@@ -1,7 +1,7 @@
 import { ContextPartElement } from "../context-part-element.js";
 import { SliderContextValue } from "./context.js";
-import { SliderState } from "@videojs/core";
 import { ContextConsumer } from "@videojs/element/context";
+import { SliderState } from "@videojs/core";
 
 //#region src/ui/slider/slider-track-element.d.ts
 declare class SliderTrackElement extends ContextPartElement<SliderState> {

package/dist/dev/ui/thumbnail/thumbnail-element.d.ts

@@ -1,6 +1,6 @@
 import { MediaElement } from "../media-element.js";
-import { ThumbnailCore, ThumbnailImage } from "@videojs/core";
 import { PropertyValues } from "@videojs/element";
+import { ThumbnailCore, ThumbnailImage } from "@videojs/core";
 
 //#region src/ui/thumbnail/thumbnail-element.d.ts
 declare class ThumbnailElement extends MediaElement {

package/dist/dev/ui/thumbnail/thumbnail-element.js

@@ -1,8 +1,8 @@
 import { playerContext } from "../../player/context.js";
 import { MediaElement } from "../media-element.js";
 import { PlayerController } from "../../player/player-controller.js";
-import { ThumbnailCore, ThumbnailDataAttrs, mapCuesToThumbnails } from "@videojs/core";
 import { applyElementProps, applyStateDataAttrs, createThumbnail, selectTextTrack } from "@videojs/core/dom";
+import { ThumbnailCore, ThumbnailDataAttrs, mapCuesToThumbnails } from "@videojs/core";
 //#region src/ui/thumbnail/thumbnail-element.ts
 const SHADOW_CSS = `\
 :host {

package/dist/dev/ui/time/time-element.d.ts

@@ -1,7 +1,7 @@
 import { MediaElement } from "../media-element.js";
+import { PropertyValues } from "@videojs/element";
 import * as _videojs_core0 from "@videojs/core";
 import { TimeType } from "@videojs/core";
-import { PropertyValues } from "@videojs/element";
 
 //#region src/ui/time/time-element.d.ts
 declare class TimeElement extends MediaElement {

package/dist/dev/ui/time/time-element.js

@@ -1,8 +1,8 @@
 import { playerContext } from "../../player/context.js";
 import { MediaElement } from "../media-element.js";
 import { PlayerController } from "../../player/player-controller.js";
-import { TimeCore, TimeDataAttrs } from "@videojs/core";
 import { applyElementProps, applyStateDataAttrs, logMissingFeature, selectTime } from "@videojs/core/dom";
+import { TimeCore, TimeDataAttrs } from "@videojs/core";
 //#region src/ui/time/time-element.ts
 var TimeElement = class extends MediaElement {
 	constructor(..._args) {

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

@@ -1,6 +1,6 @@
 import { MediaElement } from "../media-element.js";
-import * as _videojs_core0 from "@videojs/core";
 import { PropertyValues } from "@videojs/element";
+import * as _videojs_core0 from "@videojs/core";
 
 //#region src/ui/time-slider/time-slider-element.d.ts
 declare class TimeSliderElement extends MediaElement {

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

@@ -2,10 +2,10 @@ import { playerContext } from "../../player/context.js";
 import { MediaElement } from "../media-element.js";
 import { PlayerController } from "../../player/player-controller.js";
 import { sliderContext } from "../slider/context.js";
-import { TimeSliderCore, TimeSliderDataAttrs } from "@videojs/core";
 import { applyElementProps, applyStateDataAttrs, createSlider, getTimeSliderCSSVars, logMissingFeature, selectBuffer, selectTime } from "@videojs/core/dom";
 import { applyStyles, isRTL } from "@videojs/utils/dom";
 import { ContextProvider } from "@videojs/element/context";
+import { TimeSliderCore, TimeSliderDataAttrs } from "@videojs/core";
 import { formatTime } from "@videojs/utils/time";
 //#region src/ui/time-slider/time-slider-element.ts
 var TimeSliderElement = class extends MediaElement {

package/dist/dev/ui/tooltip/tooltip-element.d.ts

@@ -1,6 +1,6 @@
 import { MediaElement } from "../media-element.js";
-import * as _videojs_core0 from "@videojs/core";
 import { PropertyValues } from "@videojs/element";
+import * as _videojs_core0 from "@videojs/core";
 
 //#region src/ui/tooltip/tooltip-element.d.ts
 declare class TooltipElement extends MediaElement {