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

package/cdn/media/hls-video.dev.js

@@ -1,17 +1,17 @@
-import { o as safeDefine } from "../context-CvJ83xGk.js";
-import { t as MediaPropsMixin } from "../media-props-mixin-hheRmkup.js";
-import { t as MediaAttachMixin } from "../media-attach-mixin-CMH1ziXP.js";
-import { n as HlsMediaDelegate, t as HlsCustomMedia } from "../hls-BrzPpueW.js";
+import { t as MediaAttachMixin } from "../media-attach-mixin-CYoNe7Sh.js";
+import { o as safeDefine } from "../context-0rI_P6jf.js";
+import { n as CustomMediaElement } from "../video-host-ycP7ckxU.js";
+import { t as HlsMedia } from "../hls-BotloEPN.js";
 
 //#region src/media/hls-video/index.ts
-var HlsVideo = class extends MediaPropsMixin(MediaAttachMixin(HlsCustomMedia), HlsMediaDelegate) {
-	constructor() {
-		super();
-		this.attach(this.target);
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback?.();
-		if (!this.hasAttribute("keep-alive")) this.destroy();
+var HlsVideo = class extends MediaAttachMixin(CustomMediaElement("video", HlsMedia)) {
+	static get observedAttributes() {
+		return [
+			...super.observedAttributes,
+			"type",
+			"prefer-playback",
+			"debug"
+		];
 	}
 };
 

package/cdn/media/hls-video.dev.js.map

@@ -1 +1 @@
-{"version":3,"file":"hls-video.dev.js","names":[],"sources":["../../src/media/hls-video/index.ts","../../src/define/media/hls-video.ts"],"sourcesContent":["import { HlsCustomMedia, HlsMediaDelegate } from '@videojs/core/dom/media/hls';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\nimport { MediaPropsMixin } from '../../utils/media-props-mixin';\n\nexport class HlsVideo extends MediaPropsMixin(MediaAttachMixin(HlsCustomMedia), HlsMediaDelegate) {\n  constructor() {\n    super();\n    // TODO: If we like to support native media elements that\n    // are appended after the custom element is created, we need to\n    // attach the native element to the Media API after the native element\n    // is appended to the DOM. This is currently not supported.\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","import { HlsVideo } from '../../media/hls-video';\nimport { safeDefine } from '../safe-define';\n\nexport class HlsVideoElement extends HlsVideo {\n  static readonly tagName = 'hls-video';\n}\n\nsafeDefine(HlsVideoElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [HlsVideoElement.tagName]: HlsVideoElement;\n  }\n}\n"],"mappings":";;;;;;AAIA,IAAa,WAAb,cAA8B,gBAAgB,iBAAiB,eAAe,EAAE,iBAAiB,CAAC;CAChG,cAAc;AACZ,SAAO;AAKP,OAAK,OAAO,KAAK,OAAO;;CAG1B,uBAA6B;AAC3B,QAAM,wBAAwB;AAE9B,MAAI,CAAC,KAAK,aAAa,aAAa,CAClC,MAAK,SAAS;;;;;;ACfpB,IAAa,kBAAb,cAAqC,SAAS;;iBAClB;;;AAG5B,WAAW,gBAAgB"}
+{"version":3,"file":"hls-video.dev.js","names":[],"sources":["../../src/media/hls-video/index.ts","../../src/define/media/hls-video.ts"],"sourcesContent":["import { CustomMediaElement } from '@videojs/core/dom/media/custom-media-element';\nimport { HlsMedia } from '@videojs/core/dom/media/hls';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nexport class HlsVideo extends MediaAttachMixin(CustomMediaElement('video', HlsMedia)) {\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","import { HlsVideo } from '../../media/hls-video';\nimport { safeDefine } from '../safe-define';\n\nexport class HlsVideoElement extends HlsVideo {\n  static readonly tagName = 'hls-video';\n}\n\nsafeDefine(HlsVideoElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [HlsVideoElement.tagName]: HlsVideoElement;\n  }\n}\n"],"mappings":";;;;;;AAIA,IAAa,WAAb,cAA8B,iBAAiB,mBAAmB,SAAS,SAAS,CAAC,CAAC;CACpF,WAAW,qBAAqB;AAE9B,SAAO;GAAC,GAAG,MAAM;GAAoB;GAAQ;GAAmB;GAAQ;;;;;;ACJ5E,IAAa,kBAAb,cAAqC,SAAS;;iBAClB;;;AAG5B,WAAW,gBAAgB"}

package/cdn/media/hls-video.js

@@ -1,2 +1,2 @@
-import{o as e}from"../context-C-IpVHEt.js";import{t}from"../media-props-mixin-yRWj8yXF.js";import{t as n}from"../media-attach-mixin-DUzmXEJ3.js";import{n as r,t as i}from"../hls-BAbdl84H.js";var a=class extends t(n(i),r){constructor(){super(),this.attach(this.target)}disconnectedCallback(){super.disconnectedCallback?.(),this.hasAttribute(`keep-alive`)||this.destroy()}};e(class extends a{static{this.tagName=`hls-video`}});
+import{t as e}from"../media-attach-mixin-C2wz0Qbd.js";import{o as t}from"../context-CEFisYD0.js";import{n}from"../video-host-CPRJVRi3.js";import{t as r}from"../hls-CBpGTZXU.js";var i=class extends e(n(`video`,r)){static get observedAttributes(){return[...super.observedAttributes,`type`,`prefer-playback`,`debug`]}};t(class extends i{static{this.tagName=`hls-video`}});
 //# sourceMappingURL=hls-video.js.map

package/cdn/media/hls-video.js.map

@@ -1 +1 @@
-{"version":3,"file":"hls-video.js","names":[],"sources":["../../src/media/hls-video/index.ts","../../src/define/media/hls-video.ts"],"sourcesContent":["import { HlsCustomMedia, HlsMediaDelegate } from '@videojs/core/dom/media/hls';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\nimport { MediaPropsMixin } from '../../utils/media-props-mixin';\n\nexport class HlsVideo extends MediaPropsMixin(MediaAttachMixin(HlsCustomMedia), HlsMediaDelegate) {\n  constructor() {\n    super();\n    // TODO: If we like to support native media elements that\n    // are appended after the custom element is created, we need to\n    // attach the native element to the Media API after the native element\n    // is appended to the DOM. This is currently not supported.\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","import { HlsVideo } from '../../media/hls-video';\nimport { safeDefine } from '../safe-define';\n\nexport class HlsVideoElement extends HlsVideo {\n  static readonly tagName = 'hls-video';\n}\n\nsafeDefine(HlsVideoElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [HlsVideoElement.tagName]: HlsVideoElement;\n  }\n}\n"],"mappings":"+LAIA,IAAa,EAAb,cAA8B,EAAgB,EAAiB,EAAe,CAAE,EAAiB,AAAC,CAChG,aAAc,CACZ,OAAO,CAKP,KAAK,OAAO,KAAK,OAAO,CAG1B,sBAA6B,CAC3B,MAAM,wBAAwB,CAEzB,KAAK,aAAa,aAAa,EAClC,KAAK,SAAS,GCXpB,EAJA,cAAqC,CAAS,qBAClB,cAGD"}
+{"version":3,"file":"hls-video.js","names":[],"sources":["../../src/media/hls-video/index.ts","../../src/define/media/hls-video.ts"],"sourcesContent":["import { CustomMediaElement } from '@videojs/core/dom/media/custom-media-element';\nimport { HlsMedia } from '@videojs/core/dom/media/hls';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nexport class HlsVideo extends MediaAttachMixin(CustomMediaElement('video', HlsMedia)) {\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","import { HlsVideo } from '../../media/hls-video';\nimport { safeDefine } from '../safe-define';\n\nexport class HlsVideoElement extends HlsVideo {\n  static readonly tagName = 'hls-video';\n}\n\nsafeDefine(HlsVideoElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [HlsVideoElement.tagName]: HlsVideoElement;\n  }\n}\n"],"mappings":"iLAIA,IAAa,EAAb,cAA8B,EAAiB,EAAmB,QAAS,EAAS,CAAC,AAAC,CACpF,WAAW,oBAAqB,CAE9B,MAAO,CAAC,GAAG,MAAM,mBAAoB,OAAQ,kBAAmB,QAAQ,GCA5E,EAJA,cAAqC,CAAS,qBAClB,cAGD"}

package/cdn/media/mux-audio.dev.js

@@ -1,18 +1,18 @@
-import { o as safeDefine } from "../context-CvJ83xGk.js";
-import { t as MediaPropsMixin } from "../media-props-mixin-hheRmkup.js";
-import { t as MediaAttachMixin } from "../media-attach-mixin-CMH1ziXP.js";
-import "../hls-BrzPpueW.js";
-import { r as MuxMediaDelegate, t as MuxCustomAudio } from "../mux-DGgCyz_A.js";
+import { t as MediaAttachMixin } from "../media-attach-mixin-CYoNe7Sh.js";
+import { o as safeDefine } from "../context-0rI_P6jf.js";
+import { n as CustomMediaElement } from "../video-host-ycP7ckxU.js";
+import "../hls-BotloEPN.js";
+import { t as MuxAudioMedia } from "../mux-B5K6kOzg.js";
 
 //#region src/media/mux-audio/index.ts
-var MuxAudio = class extends MediaPropsMixin(MediaAttachMixin(MuxCustomAudio), MuxMediaDelegate) {
-	constructor() {
-		super();
-		this.attach(this.target);
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback?.();
-		if (!this.hasAttribute("keep-alive")) this.destroy();
+var MuxAudio = class extends MediaAttachMixin(CustomMediaElement("audio", MuxAudioMedia)) {
+	static get observedAttributes() {
+		return [
+			...super.observedAttributes,
+			"type",
+			"prefer-playback",
+			"debug"
+		];
 	}
 };
 

package/cdn/media/mux-audio.dev.js.map

@@ -1 +1 @@
-{"version":3,"file":"mux-audio.dev.js","names":[],"sources":["../../src/media/mux-audio/index.ts","../../src/define/media/mux-audio.ts"],"sourcesContent":["import { MuxCustomAudio, MuxMediaDelegate } from '@videojs/core/dom/media/mux';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\nimport { MediaPropsMixin } from '../../utils/media-props-mixin';\n\nexport class MuxAudio extends MediaPropsMixin(MediaAttachMixin(MuxCustomAudio), 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","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":";;;;;;;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;;;;;;ACXpB,IAAa,kBAAb,cAAqC,SAAS;;iBAClB;;;AAG5B,WAAW,gBAAgB"}
+{"version":3,"file":"mux-audio.dev.js","names":[],"sources":["../../src/media/mux-audio/index.ts","../../src/define/media/mux-audio.ts"],"sourcesContent":["import { CustomMediaElement } from '@videojs/core/dom/media/custom-media-element';\nimport { MuxAudioMedia } from '@videojs/core/dom/media/mux';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nexport class MuxAudio extends MediaAttachMixin(CustomMediaElement('audio', MuxAudioMedia)) {\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","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":";;;;;;;AAIA,IAAa,WAAb,cAA8B,iBAAiB,mBAAmB,SAAS,cAAc,CAAC,CAAC;CACzF,WAAW,qBAAqB;AAE9B,SAAO;GAAC,GAAG,MAAM;GAAoB;GAAQ;GAAmB;GAAQ;;;;;;ACJ5E,IAAa,kBAAb,cAAqC,SAAS;;iBAClB;;;AAG5B,WAAW,gBAAgB"}

package/cdn/media/mux-audio.js

@@ -1,2 +1,2 @@
-import{o as e}from"../context-C-IpVHEt.js";import{t}from"../media-props-mixin-yRWj8yXF.js";import{t as n}from"../media-attach-mixin-DUzmXEJ3.js";import"../hls-BAbdl84H.js";import{r,t as i}from"../mux-fYfPUpq3.js";var a=class extends t(n(i),r){constructor(){super(),this.attach(this.target)}disconnectedCallback(){super.disconnectedCallback?.(),this.hasAttribute(`keep-alive`)||this.destroy()}};e(class extends a{static{this.tagName=`mux-audio`}});
+import{t as e}from"../media-attach-mixin-C2wz0Qbd.js";import{o as t}from"../context-CEFisYD0.js";import{n}from"../video-host-CPRJVRi3.js";import"../hls-CBpGTZXU.js";import{t as r}from"../mux-DJhfbcCw.js";var i=class extends e(n(`audio`,r)){static get observedAttributes(){return[...super.observedAttributes,`type`,`prefer-playback`,`debug`]}};t(class extends i{static{this.tagName=`mux-audio`}});
 //# sourceMappingURL=mux-audio.js.map

package/cdn/media/mux-audio.js.map

@@ -1 +1 @@
-{"version":3,"file":"mux-audio.js","names":[],"sources":["../../src/media/mux-audio/index.ts","../../src/define/media/mux-audio.ts"],"sourcesContent":["import { MuxCustomAudio, MuxMediaDelegate } from '@videojs/core/dom/media/mux';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\nimport { MediaPropsMixin } from '../../utils/media-props-mixin';\n\nexport class MuxAudio extends MediaPropsMixin(MediaAttachMixin(MuxCustomAudio), 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","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":"qNAIA,IAAa,EAAb,cAA8B,EAAgB,EAAiB,EAAe,CAAE,EAAiB,AAAC,CAChG,aAAc,CACZ,OAAO,CACP,KAAK,OAAO,KAAK,OAAO,CAG1B,sBAA6B,CAC3B,MAAM,wBAAwB,CAEzB,KAAK,aAAa,aAAa,EAClC,KAAK,SAAS,GCPpB,EAJA,cAAqC,CAAS,qBAClB,cAGD"}
+{"version":3,"file":"mux-audio.js","names":[],"sources":["../../src/media/mux-audio/index.ts","../../src/define/media/mux-audio.ts"],"sourcesContent":["import { CustomMediaElement } from '@videojs/core/dom/media/custom-media-element';\nimport { MuxAudioMedia } from '@videojs/core/dom/media/mux';\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nexport class MuxAudio extends MediaAttachMixin(CustomMediaElement('audio', MuxAudioMedia)) {\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","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":"4MAIA,IAAa,EAAb,cAA8B,EAAiB,EAAmB,QAAS,EAAc,CAAC,AAAC,CACzF,WAAW,oBAAqB,CAE9B,MAAO,CAAC,GAAG,MAAM,mBAAoB,OAAQ,kBAAmB,QAAQ,GCA5E,EAJA,cAAqC,CAAS,qBAClB,cAGD"}

package/cdn/media/mux-video.dev.js

@@ -1,18 +1,18 @@
-import { o as safeDefine } from "../context-CvJ83xGk.js";
-import { t as MediaPropsMixin } from "../media-props-mixin-hheRmkup.js";
-import { t as MediaAttachMixin } from "../media-attach-mixin-CMH1ziXP.js";
-import "../hls-BrzPpueW.js";
-import { n as MuxCustomVideo, r as MuxMediaDelegate } from "../mux-DGgCyz_A.js";
+import { t as MediaAttachMixin } from "../media-attach-mixin-CYoNe7Sh.js";
+import { o as safeDefine } from "../context-0rI_P6jf.js";
+import { n as CustomMediaElement } from "../video-host-ycP7ckxU.js";
+import "../hls-BotloEPN.js";
+import { n as MuxVideoMedia } from "../mux-B5K6kOzg.js";
 
 //#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"
+		];
 	}
 };
 

package/cdn/media/mux-video.dev.js.map

@@ -1 +1 @@
-{"version":3,"file":"mux-video.dev.js","names":[],"sources":["../../src/media/mux-video/index.ts","../../src/define/media/mux-video.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","import { MuxVideo } from '../../media/mux-video';\nimport { safeDefine } from '../safe-define';\n\nexport class MuxVideoElement extends MuxVideo {\n  static readonly tagName = 'mux-video';\n}\n\nsafeDefine(MuxVideoElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [MuxVideoElement.tagName]: MuxVideoElement;\n  }\n}\n"],"mappings":";;;;;;;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;;;;;;ACXpB,IAAa,kBAAb,cAAqC,SAAS;;iBAClB;;;AAG5B,WAAW,gBAAgB"}
+{"version":3,"file":"mux-video.dev.js","names":[],"sources":["../../src/media/mux-video/index.ts","../../src/define/media/mux-video.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","import { MuxVideo } from '../../media/mux-video';\nimport { safeDefine } from '../safe-define';\n\nexport class MuxVideoElement extends MuxVideo {\n  static readonly tagName = 'mux-video';\n}\n\nsafeDefine(MuxVideoElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [MuxVideoElement.tagName]: MuxVideoElement;\n  }\n}\n"],"mappings":";;;;;;;AAIA,IAAa,WAAb,cAA8B,iBAAiB,mBAAmB,SAAS,cAAc,CAAC,CAAC;CACzF,WAAW,qBAAqB;AAE9B,SAAO;GAAC,GAAG,MAAM;GAAoB;GAAQ;GAAmB;GAAQ;;;;;;ACJ5E,IAAa,kBAAb,cAAqC,SAAS;;iBAClB;;;AAG5B,WAAW,gBAAgB"}

package/cdn/media/mux-video.js

@@ -1,2 +1,2 @@
-import{o as e}from"../context-C-IpVHEt.js";import{t}from"../media-props-mixin-yRWj8yXF.js";import{t as n}from"../media-attach-mixin-DUzmXEJ3.js";import"../hls-BAbdl84H.js";import{n as r,r as i}from"../mux-fYfPUpq3.js";var a=class extends t(n(r),i){constructor(){super(),this.attach(this.target)}disconnectedCallback(){super.disconnectedCallback?.(),this.hasAttribute(`keep-alive`)||this.destroy()}};e(class extends a{static{this.tagName=`mux-video`}});
+import{t as e}from"../media-attach-mixin-C2wz0Qbd.js";import{o as t}from"../context-CEFisYD0.js";import{n}from"../video-host-CPRJVRi3.js";import"../hls-CBpGTZXU.js";import{n as r}from"../mux-DJhfbcCw.js";var i=class extends e(n(`video`,r)){static get observedAttributes(){return[...super.observedAttributes,`type`,`prefer-playback`,`debug`]}};t(class extends i{static{this.tagName=`mux-video`}});
 //# sourceMappingURL=mux-video.js.map

package/cdn/media/mux-video.js.map

@@ -1 +1 @@
-{"version":3,"file":"mux-video.js","names":[],"sources":["../../src/media/mux-video/index.ts","../../src/define/media/mux-video.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","import { MuxVideo } from '../../media/mux-video';\nimport { safeDefine } from '../safe-define';\n\nexport class MuxVideoElement extends MuxVideo {\n  static readonly tagName = 'mux-video';\n}\n\nsafeDefine(MuxVideoElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [MuxVideoElement.tagName]: MuxVideoElement;\n  }\n}\n"],"mappings":"0NAIA,IAAa,EAAb,cAA8B,EAAgB,EAAiB,EAAe,CAAE,EAAiB,AAAC,CAChG,aAAc,CACZ,OAAO,CACP,KAAK,OAAO,KAAK,OAAO,CAG1B,sBAA6B,CAC3B,MAAM,wBAAwB,CAEzB,KAAK,aAAa,aAAa,EAClC,KAAK,SAAS,GCPpB,EAJA,cAAqC,CAAS,qBAClB,cAGD"}
+{"version":3,"file":"mux-video.js","names":[],"sources":["../../src/media/mux-video/index.ts","../../src/define/media/mux-video.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","import { MuxVideo } from '../../media/mux-video';\nimport { safeDefine } from '../safe-define';\n\nexport class MuxVideoElement extends MuxVideo {\n  static readonly tagName = 'mux-video';\n}\n\nsafeDefine(MuxVideoElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [MuxVideoElement.tagName]: MuxVideoElement;\n  }\n}\n"],"mappings":"4MAIA,IAAa,EAAb,cAA8B,EAAiB,EAAmB,QAAS,EAAc,CAAC,AAAC,CACzF,WAAW,oBAAqB,CAE9B,MAAO,CAAC,GAAG,MAAM,mBAAoB,OAAQ,kBAAmB,QAAQ,GCA5E,EAJA,cAAqC,CAAS,qBAClB,cAGD"}

package/cdn/media/native-hls-video.dev.js

@@ -1,19 +1,10 @@
-import { o as safeDefine } from "../context-CvJ83xGk.js";
-import { t as MediaPropsMixin } from "../media-props-mixin-hheRmkup.js";
-import { t as MediaAttachMixin } from "../media-attach-mixin-CMH1ziXP.js";
-import { n as NativeHlsMediaDelegate, t as NativeHlsCustomMedia } from "../native-hls-BuCYu7Rd.js";
+import { t as MediaAttachMixin } from "../media-attach-mixin-CYoNe7Sh.js";
+import { o as safeDefine } from "../context-0rI_P6jf.js";
+import { n as CustomMediaElement } from "../video-host-ycP7ckxU.js";
+import { t as NativeHlsMedia } from "../native-hls-CU2F7L5C.js";
 
 //#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
 //#region src/define/media/native-hls-video.ts

package/cdn/media/native-hls-video.dev.js.map

@@ -1 +1 @@
-{"version":3,"file":"native-hls-video.dev.js","names":[],"sources":["../../src/media/native-hls-video/index.ts","../../src/define/media/native-hls-video.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","import { NativeHlsVideo } from '../../media/native-hls-video';\nimport { safeDefine } from '../safe-define';\n\nexport class NativeHlsVideoElement extends NativeHlsVideo {\n  static readonly tagName = 'native-hls-video';\n}\n\nsafeDefine(NativeHlsVideoElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [NativeHlsVideoElement.tagName]: NativeHlsVideoElement;\n  }\n}\n"],"mappings":";;;;;;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;;;;;;ACXpB,IAAa,wBAAb,cAA2C,eAAe;;iBAC9B;;;AAG5B,WAAW,sBAAsB"}
+{"version":3,"file":"native-hls-video.dev.js","names":[],"sources":["../../src/media/native-hls-video/index.ts","../../src/define/media/native-hls-video.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","import { NativeHlsVideo } from '../../media/native-hls-video';\nimport { safeDefine } from '../safe-define';\n\nexport class NativeHlsVideoElement extends NativeHlsVideo {\n  static readonly tagName = 'native-hls-video';\n}\n\nsafeDefine(NativeHlsVideoElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [NativeHlsVideoElement.tagName]: NativeHlsVideoElement;\n  }\n}\n"],"mappings":";;;;;;AAIA,IAAa,iBAAb,cAAoC,iBAAiB,mBAAmB,SAAS,eAAe,CAAC,CAAC;;;;ACDlG,IAAa,wBAAb,cAA2C,eAAe;;iBAC9B;;;AAG5B,WAAW,sBAAsB"}

package/cdn/media/native-hls-video.js

@@ -1,2 +1,2 @@
-import{o as e}from"../context-C-IpVHEt.js";import{t}from"../media-props-mixin-yRWj8yXF.js";import{t as n}from"../media-attach-mixin-DUzmXEJ3.js";import{n as r,t as i}from"../native-hls-DnqJ-0zL.js";var a=class extends t(n(i),r){constructor(){super(),this.attach(this.target)}disconnectedCallback(){super.disconnectedCallback?.(),this.hasAttribute(`keep-alive`)||this.destroy()}};e(class extends a{static{this.tagName=`native-hls-video`}});
+import{t as e}from"../media-attach-mixin-C2wz0Qbd.js";import{o as t}from"../context-CEFisYD0.js";import{n}from"../video-host-CPRJVRi3.js";import{t as r}from"../native-hls-DKcYYWRt.js";var i=class extends e(n(`video`,r)){};t(class extends i{static{this.tagName=`native-hls-video`}});
 //# sourceMappingURL=native-hls-video.js.map

package/cdn/media/native-hls-video.js.map

@@ -1 +1 @@
-{"version":3,"file":"native-hls-video.js","names":[],"sources":["../../src/media/native-hls-video/index.ts","../../src/define/media/native-hls-video.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","import { NativeHlsVideo } from '../../media/native-hls-video';\nimport { safeDefine } from '../safe-define';\n\nexport class NativeHlsVideoElement extends NativeHlsVideo {\n  static readonly tagName = 'native-hls-video';\n}\n\nsafeDefine(NativeHlsVideoElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [NativeHlsVideoElement.tagName]: NativeHlsVideoElement;\n  }\n}\n"],"mappings":"sMAIA,IAAa,EAAb,cAAoC,EAAgB,EAAiB,EAAqB,CAAE,EAAuB,AAAC,CAClH,aAAc,CACZ,OAAO,CACP,KAAK,OAAO,KAAK,OAAO,CAG1B,sBAA6B,CAC3B,MAAM,wBAAwB,CAEzB,KAAK,aAAa,aAAa,EAClC,KAAK,SAAS,GCPpB,EAJA,cAA2C,CAAe,qBAC9B,qBAGK"}
+{"version":3,"file":"native-hls-video.js","names":[],"sources":["../../src/media/native-hls-video/index.ts","../../src/define/media/native-hls-video.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","import { NativeHlsVideo } from '../../media/native-hls-video';\nimport { safeDefine } from '../safe-define';\n\nexport class NativeHlsVideoElement extends NativeHlsVideo {\n  static readonly tagName = 'native-hls-video';\n}\n\nsafeDefine(NativeHlsVideoElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [NativeHlsVideoElement.tagName]: NativeHlsVideoElement;\n  }\n}\n"],"mappings":"wLAIA,IAAa,EAAb,cAAoC,EAAiB,EAAmB,QAAS,EAAe,CAAC,AAAC,GCGlG,EAJA,cAA2C,CAAe,qBAC9B,qBAGK"}

package/cdn/media/simple-hls-video.dev.js

@@ -1,8 +1,8 @@
-import { t as listen } from "../listen-w-Aun0yN.js";
-import { o as safeDefine } from "../context-CvJ83xGk.js";
-import { i as DelegateMixin, r as CustomVideoElement, t as MediaPropsMixin } from "../media-props-mixin-hheRmkup.js";
-import { t as anyAbortSignal } from "../abort-BL-SGV3o.js";
-import { t as MediaAttachMixin } from "../media-attach-mixin-CMH1ziXP.js";
+import { t as MediaAttachMixin } from "../media-attach-mixin-CYoNe7Sh.js";
+import { t as listen } from "../listen-CJT7C4kM.js";
+import { o as safeDefine } from "../context-0rI_P6jf.js";
+import { t as anyAbortSignal } from "../abort-DsTff8mS.js";
+import { n as CustomMediaElement, t as HTMLVideoElementHost } from "../video-host-ycP7ckxU.js";
 
 //#region ../spf/dist/dev/core/abr/ewma.js
 /**
@@ -3966,7 +3966,7 @@ function createPlaybackEngine(config = {}) {
 //#endregion
 //#region ../spf/dist/dev/dom/playback-engine/adapter.js
 /**
-* HTMLMediaElement-compatible adapter for the SPF playback engine.
+* Mixin that adds SPF playback engine behavior to any base class.
 *
 * Implements the src/play() contract per the WHATWG HTML spec so that SPF can
 * be used anywhere a media element API is expected.
@@ -3977,95 +3977,93 @@ function createPlaybackEngine(config = {}) {
 * changes and re-applied to the new engine automatically.
 *
 * @example
-* const media = new SpfMedia({ preferredAudioLanguage: 'en' });
+* class SimpleHlsMedia extends SpfMediaMixin(HTMLVideoElementHost) {}
+*
+* const media = new SimpleHlsMedia();
 * media.attach(document.querySelector('video'));
 * media.src = 'https://stream.mux.com/abc123.m3u8';
-*
-* // Change source — old engine is destroyed, new one starts clean:
-* media.src = 'https://stream.mux.com/xyz456.m3u8';
-*
-* // Explicit teardown:
-* media.destroy();
-*/
-var SpfMedia = class {
-	#engine;
-	#config;
-	#preload = "";
-	/** Pending loadstart listener from a deferred play() retry, if any. */
-	#loadstartListener = null;
-	constructor(config = {}) {
-		this.#config = config;
-		this.#engine = createPlaybackEngine(config);
-	}
-	get engine() {
-		return this.#engine;
-	}
-	attach(mediaElement) {
-		update(this.#engine.owners, { mediaElement });
-	}
-	detach() {
-		this.#cancelPendingPlay();
-		update(this.#engine.owners, { mediaElement: void 0 });
-	}
-	destroy() {
-		this.#cancelPendingPlay();
-		this.#engine.destroy();
-	}
-	get preload() {
-		return this.#preload;
-	}
-	set preload(value) {
-		this.#preload = value;
-		if (value) update(this.#engine.state, { preload: value });
-	}
-	get src() {
-		return this.#engine.state.get().presentation?.url ?? "";
-	}
-	set src(value) {
-		const prevMediaElement = this.#engine.owners.get().mediaElement;
-		this.#cancelPendingPlay();
-		this.#engine.destroy();
-		this.#engine = createPlaybackEngine(this.#config);
-		if (this.#preload) update(this.#engine.state, { preload: this.#preload });
-		if (prevMediaElement) update(this.#engine.owners, { mediaElement: prevMediaElement });
-		if (value) update(this.#engine.state, { presentation: { url: value } });
-	}
-	play() {
-		const { mediaElement } = this.#engine.owners.get();
-		if (!mediaElement) return Promise.reject(/* @__PURE__ */ new Error("SpfMedia: no media element attached"));
-		update(this.#engine.state, { playbackInitiated: true });
-		return mediaElement.play().catch((err) => {
-			if (this.src) return new Promise((resolve, reject) => {
-				const listener = () => {
-					this.#loadstartListener = null;
-					mediaElement.play().then(resolve, reject);
-				};
-				this.#loadstartListener = listener;
-				mediaElement.addEventListener("loadstart", listener, { once: true });
+*/
+function SpfMediaMixin(BaseClass) {
+	class SpfMediaImpl extends BaseClass {
+		#engine;
+		#config;
+		#preload = "";
+		/** Pending loadstart listener from a deferred play() retry, if any. */
+		#loadstartListener = null;
+		constructor(...args) {
+			super(...args);
+			const { config } = args?.[0] ?? {};
+			this.#config = config;
+			this.#engine = createPlaybackEngine(config);
+		}
+		get engine() {
+			return this.#engine;
+		}
+		attach(mediaElement) {
+			super.attach?.(mediaElement);
+			update(this.#engine.owners, { mediaElement });
+		}
+		detach() {
+			this.#cancelPendingPlay();
+			update(this.#engine.owners, { mediaElement: void 0 });
+			super.detach?.();
+		}
+		destroy() {
+			this.#cancelPendingPlay();
+			this.#engine.destroy();
+		}
+		get preload() {
+			return this.#preload;
+		}
+		set preload(value) {
+			this.#preload = value;
+			if (value) update(this.#engine.state, { preload: value });
+		}
+		get src() {
+			return this.#engine.state.get().presentation?.url ?? "";
+		}
+		set src(value) {
+			const prevMediaElement = this.#engine.owners.get().mediaElement;
+			this.#cancelPendingPlay();
+			this.#engine.destroy();
+			this.#engine = createPlaybackEngine(this.#config);
+			if (this.#preload) update(this.#engine.state, { preload: this.#preload });
+			if (prevMediaElement) update(this.#engine.owners, { mediaElement: prevMediaElement });
+			if (value) update(this.#engine.state, { presentation: { url: value } });
+		}
+		play() {
+			const { mediaElement } = this.#engine.owners.get();
+			if (!mediaElement) return Promise.reject(/* @__PURE__ */ new Error("SpfMedia: no media element attached"));
+			update(this.#engine.state, { playbackInitiated: true });
+			return mediaElement.play().catch((err) => {
+				if (this.src) return new Promise((resolve, reject) => {
+					const listener = () => {
+						this.#loadstartListener = null;
+						mediaElement.play().then(resolve, reject);
+					};
+					this.#loadstartListener = listener;
+					mediaElement.addEventListener("loadstart", listener, { once: true });
+				});
+				throw err;
 			});
-			throw err;
-		});
-	}
-	#cancelPendingPlay() {
-		if (!this.#loadstartListener) return;
-		const { mediaElement } = this.#engine.owners.get();
-		mediaElement?.removeEventListener("loadstart", this.#loadstartListener);
-		this.#loadstartListener = null;
+		}
+		#cancelPendingPlay() {
+			if (!this.#loadstartListener) return;
+			const { mediaElement } = this.#engine.owners.get();
+			mediaElement?.removeEventListener("loadstart", this.#loadstartListener);
+			this.#loadstartListener = null;
+		}
 	}
-};
+	return SpfMediaImpl;
+}
 
 //#endregion
 //#region ../core/dist/dev/dom/media/simple-hls/index.js
-var SimpleHlsCustomMedia = class extends DelegateMixin(CustomVideoElement, SpfMedia) {};
+var SimpleHlsMedia = class extends SpfMediaMixin(HTMLVideoElementHost) {};
 
 //#endregion
 //#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
 //#region src/define/media/simple-hls-video.ts