@videojs/html 10.0.0-beta.9 → 10.0.0-rc.1

package/dist/default/media/hls-audio/adapter.js

@@ -0,0 +1,9 @@
+import { MediaAttachMixin } from "../../store/media-attach-mixin.js";
+import { CustomMediaElement } from "@videojs/media/dom";
+import { HlsAudioAdapter } from "@videojs/spf/hls-audio";
+//#region src/media/hls-audio/adapter.ts
+var HlsAudio = class extends MediaAttachMixin(CustomMediaElement("audio", HlsAudioAdapter)) {};
+//#endregion
+export { HlsAudio };
+
+//# sourceMappingURL=adapter.js.map

package/dist/default/media/hls-audio/adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/hls-audio/adapter.ts"],"sourcesContent":["import { CustomMediaElement } from '@videojs/media/dom';\nimport { HlsAudioAdapter } from '@videojs/spf/hls-audio';\n\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nexport class HlsAudio extends MediaAttachMixin(CustomMediaElement('audio', HlsAudioAdapter)) {}\n"],"mappings":";;;;AAKA,IAAa,WAAb,cAA8B,iBAAiB,mBAAmB,SAAS,eAAe,CAAC,CAAC,CAAC,CAAC"}

package/dist/default/media/hls-background-video/adapter.js

@@ -0,0 +1,111 @@
+import { MediaAttachMixin } from "../../store/media-attach-mixin.js";
+import { getTemplateHTML } from "../background-video/template.js";
+import { namedNodeMapToObject } from "@videojs/utils/dom";
+import { HlsBackgroundVideoAdapter } from "@videojs/spf/hls-background-video";
+//#region src/media/hls-background-video/adapter.ts
+const HTMLElementBase = globalThis.HTMLElement ?? class {};
+const HlsBackgroundVideoBase = MediaAttachMixin(HTMLElementBase);
+/**
+* A muted, looping, chrome-less video over the SPF background-video engine.
+*
+* The SPF-backed counterpart to `<background-video>`, which plays its source natively. This one streams HLS through the
+* engine, which pins a single rendition for the session rather than adapting, and drops audio and text handling
+* entirely — the shape an ambient hero video actually wants.
+*
+* Nearer an image than a player, and `src` is the whole surface. Replaces the standalone `mux-background-video`
+* package, whose `audio`, `debug`, `preload`, and `max-resolution` attributes are all deliberately absent. Capping
+* which rendition is fetched is a delivery param on the URL — `?max_resolution=720p` on a Mux stream, for one — which
+* keeps the renditions it excludes out of the manifest rather than merely unpicked; `preload` would have nothing to
+* say, since the engine loads from the moment it has a source. And unlike `<background-video>` there are no `nomuted` /
+* `noloop` / `noautoplay` opt-outs: those three are what this element is for, so the adapter fixes them on at attach.
+*
+* Takes no structured `source` — `src` is an HLS URL, as the package it replaces required. Mux playback-ID identity,
+* poster, and storyboard belong to `<mux-video>`; none of them mean anything without controls to hang them on.
+*
+* Nothing about an unplayable source reaches the inner `<video>` on its own, so `error` on it stays null and the
+* element sits at `readyState 0`. The engine reports each condition and logs it, the Media promotes the fatal one, and
+* this element re-fires it as its own `error` / `'error'` — the one place a consumer holding the element can see a
+* source that never appears.
+*
+* @example
+*   ```html
+*   <hls-background-video src="https://stream.mux.com/PLAYBACK_ID.m3u8?max_resolution=720p">
+*   <img src="https://image.mux.com/PLAYBACK_ID/thumbnail.webp?time=0" alt="" />
+*   </hls-background-video>
+*   ```;
+*
+* @fires error - Fired when a fatal condition is reported. Read `error` for it.
+*
+*   `<mux-background-video>` is this element under the name the package it replaces used. Same class, so the tag is a
+*   naming choice and nothing more.
+*/
+var HlsBackgroundVideo = class extends HlsBackgroundVideoBase {
+	static {
+		this.shadowRootOptions = { mode: "open" };
+	}
+	static {
+		this.getTemplateHTML = getTemplateHTML;
+	}
+	static get observedAttributes() {
+		return ["src"];
+	}
+	#media = new HlsBackgroundVideoAdapter();
+	constructor() {
+		super();
+		if (!this.shadowRoot) {
+			this.attachShadow(this.constructor.shadowRootOptions);
+			const attrs = {
+				...namedNodeMapToObject(this.attributes),
+				muted: "",
+				loop: "",
+				autoplay: "",
+				playsinline: "",
+				disableremoteplayback: "",
+				disablepictureinpicture: ""
+			};
+			this.shadowRoot.innerHTML = getTemplateHTML(attrs);
+		}
+		const video = this.video;
+		if (video) this.#media.attach(video);
+		this.#media.addEventListener("error", () => this.dispatchEvent(new Event("error")));
+	}
+	/** Register the Media (not the inner `<video>`) with the provider. */
+	getMediaTarget() {
+		return this.#media;
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback?.();
+		if (this.hasAttribute("keep-alive")) return;
+		queueMicrotask(() => {
+			if (!this.isConnected) this.#media.destroy();
+		});
+	}
+	attributeChangedCallback(name, oldValue, newValue) {
+		if (oldValue === newValue) return;
+		if (name === "src") this.src = newValue ?? "";
+	}
+	/** The inner `<video>` the engine renders into. */
+	get video() {
+		const video = this.shadowRoot?.querySelector("video");
+		return video instanceof HTMLVideoElement ? video : null;
+	}
+	/**
+	* What made the current source unplayable, or `null`. An SVTA code rather than a `MediaError` one — 99001 where this
+	* player has no pipeline for what the source needs, with the specifics logged. Reset by a new source, and not on the
+	* inner `<video>`, which never learns of it.
+	*/
+	get error() {
+		return this.#media.error;
+	}
+	/** HLS manifest URL. Assigning a new one restarts playback from scratch. */
+	get src() {
+		return this.#media.src;
+	}
+	set src(value) {
+		this.#media.src = value;
+	}
+};
+//#endregion
+export { HlsBackgroundVideo };
+
+//# sourceMappingURL=adapter.js.map

package/dist/default/media/hls-background-video/adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.js","names":["#media"],"sources":["../../../../src/media/hls-background-video/adapter.ts"],"sourcesContent":["import type { Media } from '@videojs/media/dom';\nimport { HlsBackgroundVideoAdapter, type HlsVideoMediaError } from '@videojs/spf/hls-background-video';\nimport { type CustomElement, namedNodeMapToObject } from '@videojs/utils/dom';\nimport type { Constructor } from '@videojs/utils/types';\n\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\nimport { getTemplateHTML } from '../background-video/template';\n\nconst HTMLElementBase = globalThis.HTMLElement ?? class {};\n\n// `MediaAttachMixin` is typed as returning its base, so its `disconnectedCallback`\n// isn't visible for `super` to reach. `CustomElement` declares the lifecycle\n// callbacks this element overrides.\nconst HlsBackgroundVideoBase = MediaAttachMixin(HTMLElementBase) as unknown as Constructor<CustomElement>;\n\n/**\n * A muted, looping, chrome-less video over the SPF background-video engine.\n *\n * The SPF-backed counterpart to `<background-video>`, which plays its source natively. This one streams HLS through the\n * engine, which pins a single rendition for the session rather than adapting, and drops audio and text handling\n * entirely — the shape an ambient hero video actually wants.\n *\n * Nearer an image than a player, and `src` is the whole surface. Replaces the standalone `mux-background-video`\n * package, whose `audio`, `debug`, `preload`, and `max-resolution` attributes are all deliberately absent. Capping\n * which rendition is fetched is a delivery param on the URL — `?max_resolution=720p` on a Mux stream, for one — which\n * keeps the renditions it excludes out of the manifest rather than merely unpicked; `preload` would have nothing to\n * say, since the engine loads from the moment it has a source. And unlike `<background-video>` there are no `nomuted` /\n * `noloop` / `noautoplay` opt-outs: those three are what this element is for, so the adapter fixes them on at attach.\n *\n * Takes no structured `source` — `src` is an HLS URL, as the package it replaces required. Mux playback-ID identity,\n * poster, and storyboard belong to `<mux-video>`; none of them mean anything without controls to hang them on.\n *\n * Nothing about an unplayable source reaches the inner `<video>` on its own, so `error` on it stays null and the\n * element sits at `readyState 0`. The engine reports each condition and logs it, the Media promotes the fatal one, and\n * this element re-fires it as its own `error` / `'error'` — the one place a consumer holding the element can see a\n * source that never appears.\n *\n * @example\n *   ```html\n *   <hls-background-video src=\"https://stream.mux.com/PLAYBACK_ID.m3u8?max_resolution=720p\">\n *   <img src=\"https://image.mux.com/PLAYBACK_ID/thumbnail.webp?time=0\" alt=\"\" />\n *   </hls-background-video>\n *   ```;\n *\n * @fires error - Fired when a fatal condition is reported. Read `error` for it.\n *\n *   `<mux-background-video>` is this element under the name the package it replaces used. Same class, so the tag is a\n *   naming choice and nothing more.\n */\n// Deliberately not `CustomMediaElement`, matching `<background-video>`: a\n// background video needs one property, not the full WHATWG media API.\nexport class HlsBackgroundVideo extends HlsBackgroundVideoBase {\n  static shadowRootOptions = { mode: 'open' as ShadowRootMode };\n  static getTemplateHTML = getTemplateHTML;\n\n  static get observedAttributes(): string[] {\n    return ['src'];\n  }\n\n  #media = new HlsBackgroundVideoAdapter();\n\n  constructor() {\n    super();\n\n    if (!this.shadowRoot) {\n      this.attachShadow((this.constructor as typeof HlsBackgroundVideo).shadowRootOptions);\n\n      const attrs = {\n        ...namedNodeMapToObject(this.attributes),\n        muted: '',\n        loop: '',\n        autoplay: '',\n        playsinline: '',\n        disableremoteplayback: '',\n        disablepictureinpicture: '',\n      };\n\n      this.shadowRoot!.innerHTML = getTemplateHTML(attrs);\n    }\n\n    // Neither Chrome nor Firefox honor a `muted` attribute set after\n    // `document.createElement`, and autoplay is refused without it. Attaching is\n    // what sets the property — along with the rest of the fixed behavior — so\n    // nothing here needs to repeat it.\n    const video = this.video;\n\n    if (video) this.#media.attach(video);\n\n    // Re-fired rather than bridged on demand the way `CustomMediaElement` does\n    // it: one listener for the one event this element has, on a Media it owns\n    // for its whole life, is less than the machinery to defer it would cost.\n    this.#media.addEventListener('error', () => this.dispatchEvent(new Event('error')));\n  }\n\n  /** Register the Media (not the inner `<video>`) with the provider. */\n  getMediaTarget(): Media | null {\n    return this.#media as unknown as Media;\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback?.();\n\n    if (this.hasAttribute('keep-alive')) return;\n\n    // Deferred so a synchronous reparent (remove then insert) doesn't tear down\n    // the engine, matching `CustomMediaElement`.\n    queueMicrotask(() => {\n      if (!this.isConnected) this.#media.destroy();\n    });\n  }\n\n  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void {\n    if (oldValue === newValue) return;\n\n    if (name === 'src') this.src = newValue ?? '';\n  }\n\n  /** The inner `<video>` the engine renders into. */\n  get video(): HTMLVideoElement | null {\n    const video = this.shadowRoot?.querySelector('video');\n\n    return video instanceof HTMLVideoElement ? video : null;\n  }\n\n  /**\n   * What made the current source unplayable, or `null`. An SVTA code rather than a `MediaError` one — 99001 where this\n   * player has no pipeline for what the source needs, with the specifics logged. Reset by a new source, and not on the\n   * inner `<video>`, which never learns of it.\n   */\n  get error(): HlsVideoMediaError | null {\n    return this.#media.error;\n  }\n\n  /** HLS manifest URL. Assigning a new one restarts playback from scratch. */\n  get src(): string {\n    return this.#media.src;\n  }\n\n  set src(value: string) {\n    this.#media.src = value;\n  }\n}\n"],"mappings":";;;;;AAQA,MAAM,kBAAkB,WAAW,eAAe,MAAM,CAAC;AAKzD,MAAM,yBAAyB,iBAAiB,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsC/D,IAAa,qBAAb,cAAwC,uBAAuB;;EAClC,KAAA,oBAAA,EAAE,MAAM,OAAyB;;;EACnC,KAAA,kBAAA;;CAEzB,WAAW,qBAA+B;EACxC,OAAO,CAAC,KAAK;CACf;CAEA,SAAS,IAAI,0BAA0B;CAEvC,cAAc;EACZ,MAAM;EAEN,IAAI,CAAC,KAAK,YAAY;GACpB,KAAK,aAAc,KAAK,YAA0C,iBAAiB;GAEnF,MAAM,QAAQ;IACZ,GAAG,qBAAqB,KAAK,UAAU;IACvC,OAAO;IACP,MAAM;IACN,UAAU;IACV,aAAa;IACb,uBAAuB;IACvB,yBAAyB;GAC3B;GAEA,KAAK,WAAY,YAAY,gBAAgB,KAAK;EACpD;EAMA,MAAM,QAAQ,KAAK;EAEnB,IAAI,OAAO,KAAKA,OAAO,OAAO,KAAK;EAKnC,KAAKA,OAAO,iBAAiB,eAAe,KAAK,cAAc,IAAI,MAAM,OAAO,CAAC,CAAC;CACpF;;CAGA,iBAA+B;EAC7B,OAAO,KAAKA;CACd;CAEA,uBAAsC;EACpC,MAAM,uBAAuB;EAE7B,IAAI,KAAK,aAAa,YAAY,GAAG;EAIrC,qBAAqB;GACnB,IAAI,CAAC,KAAK,aAAa,KAAKA,OAAO,QAAQ;EAC7C,CAAC;CACH;CAEA,yBAAyB,MAAc,UAAyB,UAA+B;EAC7F,IAAI,aAAa,UAAU;EAE3B,IAAI,SAAS,OAAO,KAAK,MAAM,YAAY;CAC7C;;CAGA,IAAI,QAAiC;EACnC,MAAM,QAAQ,KAAK,YAAY,cAAc,OAAO;EAEpD,OAAO,iBAAiB,mBAAmB,QAAQ;CACrD;;;;;;CAOA,IAAI,QAAmC;EACrC,OAAO,KAAKA,OAAO;CACrB;;CAGA,IAAI,MAAc;EAChB,OAAO,KAAKA,OAAO;CACrB;CAEA,IAAI,IAAI,OAAe;EACrB,KAAKA,OAAO,MAAM;CACpB;AACF"}

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

@@ -0,0 +1,9 @@
+import { MediaAttachMixin } from "../../store/media-attach-mixin.js";
+import { CustomMediaElement } from "@videojs/media/dom";
+import { HlsVideoAdapter } from "@videojs/spf/hls-video";
+//#region src/media/hls-video/adapter.ts
+var HlsVideo = class extends MediaAttachMixin(CustomMediaElement("video", HlsVideoAdapter)) {};
+//#endregion
+export { HlsVideo };
+
+//# sourceMappingURL=adapter.js.map

package/dist/default/media/hls-video/adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/hls-video/adapter.ts"],"sourcesContent":["import { CustomMediaElement } from '@videojs/media/dom';\nimport { HlsVideoAdapter } from '@videojs/spf/hls-video';\n\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nexport class HlsVideo extends MediaAttachMixin(CustomMediaElement('video', HlsVideoAdapter)) {}\n"],"mappings":";;;;AAKA,IAAa,WAAb,cAA8B,iBAAiB,mBAAmB,SAAS,eAAe,CAAC,CAAC,CAAC,CAAC"}

package/dist/default/media/hlsjs-video/adapter.js

@@ -0,0 +1,9 @@
+import { MediaAttachMixin } from "../../store/media-attach-mixin.js";
+import { CustomMediaElement } from "@videojs/media/dom";
+import { HlsJsAdapter } from "@videojs/hlsjs-video";
+//#region src/media/hlsjs-video/adapter.ts
+var HlsJsVideo = class extends MediaAttachMixin(CustomMediaElement("video", HlsJsAdapter)) {};
+//#endregion
+export { HlsJsVideo };
+
+//# sourceMappingURL=adapter.js.map

package/dist/default/media/hlsjs-video/adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/hlsjs-video/adapter.ts"],"sourcesContent":["import { HlsJsAdapter } from '@videojs/hlsjs-video';\nimport { CustomMediaElement } from '@videojs/media/dom';\n\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nexport class HlsJsVideo extends MediaAttachMixin(CustomMediaElement('video', HlsJsAdapter)) {}\n"],"mappings":";;;;AAKA,IAAa,aAAb,cAAgC,iBAAiB,mBAAmB,SAAS,YAAY,CAAC,CAAC,CAAC,CAAC"}

package/dist/default/media/mux-audio/hls-js.js

@@ -0,0 +1,11 @@
+import { MediaAttachMixin } from "../../store/media-attach-mixin.js";
+import { MuxAudioMixin } from "./mixin.js";
+import { CustomMediaElement } from "@videojs/media/dom";
+import { MuxAudioAdapter } from "@videojs/mux-audio";
+//#region src/media/mux-audio/hls-js.ts
+const MuxAudioBase = MuxAudioMixin(MediaAttachMixin(CustomMediaElement("audio", MuxAudioAdapter)));
+var MuxAudio = class extends MuxAudioBase {};
+//#endregion
+export { MuxAudio };
+
+//# sourceMappingURL=hls-js.js.map

package/dist/default/media/mux-audio/hls-js.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hls-js.js","names":[],"sources":["../../../../src/media/mux-audio/hls-js.ts"],"sourcesContent":["import { CustomMediaElement } from '@videojs/media/dom';\nimport { MuxAudioAdapter } from '@videojs/mux-audio';\n\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\nimport { MuxAudioMixin } from './mixin';\n\nconst MuxAudioBase = MuxAudioMixin(MediaAttachMixin(CustomMediaElement('audio', MuxAudioAdapter)));\n\nexport class MuxAudio extends MuxAudioBase {}\n"],"mappings":";;;;;AAMA,MAAM,eAAe,cAAc,iBAAiB,mBAAmB,SAAS,eAAe,CAAC,CAAC;AAEjG,IAAa,WAAb,cAA8B,aAAa,CAAC"}

package/dist/default/media/mux-audio/mixin.js

@@ -0,0 +1,29 @@
+//#region src/media/mux-audio/mixin.ts
+/**
+* The Mux-specific element behavior for audio, over any Mux Media: reflecting the derived `src` back to the attribute.
+*
+* Much thinner than {@link MuxVideoMixin} because the rest of what that one does has no meaning here — Mux publishes no
+* poster or storyboard for an audio-only asset, and an `<audio>` element renders neither.
+*
+* A mixin rather than a base class for the same reason as the video one: each flavor's element is built on a different
+* `CustomMediaElement`, so there is no common class to extend, only a common adapter contract.
+*/
+function MuxAudioMixin(BaseClass) {
+	class MuxAudioElement extends BaseClass {
+		constructor(...args) {
+			super(...args);
+			this.adapter.addEventListener("sourcechange", () => this.#reflectSrc());
+		}
+		#reflectSrc() {
+			const src = this.adapter.src;
+			if (src) {
+				if (this.getAttribute("src") !== src) this.setAttribute("src", src);
+			} else if (this.hasAttribute("src")) this.removeAttribute("src");
+		}
+	}
+	return MuxAudioElement;
+}
+//#endregion
+export { MuxAudioMixin };
+
+//# sourceMappingURL=mixin.js.map

package/dist/default/media/mux-audio/mixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mixin.js","names":["#reflectSrc"],"sources":["../../../../src/media/mux-audio/mixin.ts"],"sourcesContent":["import type { AnyConstructor, Constructor } from '@videojs/utils/types';\n\n/**\n * What this mixin needs from whichever Mux Media the element hosts.\n *\n * Structural on purpose: the hls.js-backed `MuxVideoAdapter` and the SPF-backed `MuxAudioAdapter` satisfy it\n * identically, and `src` is the WHATWG surface rather than anything engine-specific, so the element itself has no\n * engine.\n */\ninterface MuxAudioAdapterLike {\n  readonly src: string;\n  addEventListener(type: string, listener: () => void): void;\n}\n\ninterface MuxAudioElementLike extends HTMLElement {\n  readonly adapter: MuxAudioAdapterLike;\n}\n\n/**\n * The Mux-specific element behavior for audio, over any Mux Media: reflecting the derived `src` back to the attribute.\n *\n * Much thinner than {@link MuxVideoMixin} because the rest of what that one does has no meaning here — Mux publishes no\n * poster or storyboard for an audio-only asset, and an `<audio>` element renders neither.\n *\n * A mixin rather than a base class for the same reason as the video one: each flavor's element is built on a different\n * `CustomMediaElement`, so there is no common class to extend, only a common adapter contract.\n */\nexport function MuxAudioMixin<Class extends AnyConstructor<HTMLElement>>(BaseClass: Class): Class {\n  class MuxAudioElement extends (BaseClass as unknown as Constructor<MuxAudioElementLike>) {\n    constructor(...args: any[]) {\n      super(...args);\n      // Covers both the `src` attribute and the `source` property (JS-only).\n      this.adapter.addEventListener('sourcechange', () => this.#reflectSrc());\n    }\n\n    // Mirrors the adapter `src` to the `src` attribute so it matches the active playback URL.\n    #reflectSrc() {\n      const src = this.adapter.src;\n\n      if (src) {\n        if (this.getAttribute('src') !== src) this.setAttribute('src', src);\n      } else if (this.hasAttribute('src')) {\n        this.removeAttribute('src');\n      }\n    }\n  }\n\n  return MuxAudioElement as unknown as Class;\n}\n"],"mappings":";;;;;;;;;;AA2BA,SAAgB,cAAyD,WAAyB;CAChG,MAAM,wBAAyB,UAA0D;EACvF,YAAY,GAAG,MAAa;GAC1B,MAAM,GAAG,IAAI;GAEb,KAAK,QAAQ,iBAAiB,sBAAsB,KAAKA,YAAY,CAAC;EACxE;EAGA,cAAc;GACZ,MAAM,MAAM,KAAK,QAAQ;GAEzB,IAAI,KACE;QAAA,KAAK,aAAa,KAAK,MAAM,KAAK,KAAK,aAAa,OAAO,GAAG;GAAA,OAC7D,IAAI,KAAK,aAAa,KAAK,GAChC,KAAK,gBAAgB,KAAK;EAE9B;CACF;CAEA,OAAO;AACT"}

package/dist/default/media/mux-audio/spf.js

@@ -0,0 +1,21 @@
+import { MediaAttachMixin } from "../../store/media-attach-mixin.js";
+import { MuxAudioMixin } from "./mixin.js";
+import { CustomMediaElement } from "@videojs/media/dom";
+import { MuxAudioAdapter } from "@videojs/mux-audio/spf";
+//#region src/media/mux-audio/spf.ts
+const MuxAudioBase = MuxAudioMixin(MediaAttachMixin(CustomMediaElement("audio", MuxAudioAdapter)));
+/**
+* `<mux-audio>` over the SPF audio-only Mux Media instead of the hls.js-backed one.
+*
+* Shares its name with the flavor in `./hls-js` on purpose: the import path picks the engine, and nothing else about
+* the surface moves. Deliberately not exported from this directory's barrel, so importing one flavor never pulls the
+* other's engine in with it.
+*
+* The engine underneath is the subtractive audio-only one, so only the audio renditions of the playback ID are fetched
+* — unlike the hls.js-backed flavor, which runs the full engine and downloads video renditions it never plays.
+*/
+var MuxAudio = class extends MuxAudioBase {};
+//#endregion
+export { MuxAudio };
+
+//# sourceMappingURL=spf.js.map

package/dist/default/media/mux-audio/spf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spf.js","names":[],"sources":["../../../../src/media/mux-audio/spf.ts"],"sourcesContent":["import { CustomMediaElement } from '@videojs/media/dom';\nimport { MuxAudioAdapter } from '@videojs/mux-audio/spf';\n\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\nimport { MuxAudioMixin } from './mixin';\n\nconst MuxAudioBase = MuxAudioMixin(MediaAttachMixin(CustomMediaElement('audio', MuxAudioAdapter)));\n\n/**\n * `<mux-audio>` over the SPF audio-only Mux Media instead of the hls.js-backed one.\n *\n * Shares its name with the flavor in `./hls-js` on purpose: the import path picks the engine, and nothing else about\n * the surface moves. Deliberately not exported from this directory's barrel, so importing one flavor never pulls the\n * other's engine in with it.\n *\n * The engine underneath is the subtractive audio-only one, so only the audio renditions of the playback ID are fetched\n * — unlike the hls.js-backed flavor, which runs the full engine and downloads video renditions it never plays.\n */\nexport class MuxAudio extends MuxAudioBase {}\n"],"mappings":";;;;;AAMA,MAAM,eAAe,cAAc,iBAAiB,mBAAmB,SAAS,eAAe,CAAC,CAAC;;;;;;;;;;;AAYjG,IAAa,WAAb,cAA8B,aAAa,CAAC"}

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

@@ -0,0 +1,11 @@
+import { MediaAttachMixin } from "../../store/media-attach-mixin.js";
+import { MuxVideoMixin } from "./mixin.js";
+import { CustomMediaElement } from "@videojs/media/dom";
+import { MuxVideoAdapter } from "@videojs/mux-video";
+//#region src/media/mux-video/hls-js.ts
+const MuxVideoBase = MuxVideoMixin(MediaAttachMixin(CustomMediaElement("video", MuxVideoAdapter)));
+var MuxVideo = class extends MuxVideoBase {};
+//#endregion
+export { MuxVideo };
+
+//# sourceMappingURL=hls-js.js.map

package/dist/default/media/mux-video/hls-js.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hls-js.js","names":[],"sources":["../../../../src/media/mux-video/hls-js.ts"],"sourcesContent":["import { CustomMediaElement } from '@videojs/media/dom';\nimport { MuxVideoAdapter } from '@videojs/mux-video';\n\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\nimport { MuxVideoMixin } from './mixin';\n\nconst MuxVideoBase = MuxVideoMixin(MediaAttachMixin(CustomMediaElement('video', MuxVideoAdapter)));\n\nexport class MuxVideo extends MuxVideoBase {}\n"],"mappings":";;;;;AAMA,MAAM,eAAe,cAAc,iBAAiB,mBAAmB,SAAS,eAAe,CAAC,CAAC;AAEjG,IAAa,WAAb,cAA8B,aAAa,CAAC"}

package/dist/default/media/mux-video/mixin.js

@@ -0,0 +1,83 @@
+import { MediaStreamTypes } from "@videojs/media";
+import { isUndefined } from "@videojs/utils/predicate";
+//#region src/media/mux-video/mixin.ts
+/**
+* The Mux-specific element behavior, over any Mux Media: the `poster-time` attribute, `src` reflection, and the
+* storyboard `<track>` child.
+*
+* Mixin rather than a base class because each flavor's element is built on a different `CustomMediaElement`, so there
+* is no common class to extend — only a common adapter contract.
+*/
+function MuxVideoMixin(BaseClass) {
+	class MuxVideoElement extends BaseClass {
+		static get observedAttributes() {
+			return [...BaseClass.observedAttributes ?? [], "poster-time"];
+		}
+		constructor(...args) {
+			super(...args);
+			this.adapter.addEventListener("streamtypechange", () => this.#syncStoryboard());
+			this.adapter.addEventListener("sourcechange", () => {
+				this.#reflectSrc();
+				this.#syncPosterTime();
+				this.#syncStoryboard();
+			});
+		}
+		attributeChangedCallback(name, oldValue, newValue) {
+			if (name === "poster-time") {
+				if (newValue === null) this.#applyPosterTime(void 0);
+				else this.#syncPosterTime();
+				return;
+			}
+			super.attributeChangedCallback?.(name, oldValue, newValue);
+		}
+		#posterTimeAttr() {
+			const attr = this.getAttribute("poster-time");
+			const parsed = attr ? Number(attr) : NaN;
+			return Number.isNaN(parsed) ? void 0 : parsed;
+		}
+		#syncPosterTime() {
+			const time = this.#posterTimeAttr();
+			if (!isUndefined(time)) this.#applyPosterTime(time);
+		}
+		#applyPosterTime(time) {
+			const source = this.adapter.source;
+			if (source?.poster?.time === time) return;
+			if (!source) return;
+			const poster = { ...source?.poster };
+			if (isUndefined(time)) delete poster.time;
+			else poster.time = time;
+			this.adapter.source = {
+				...source,
+				poster: Object.keys(poster).length > 0 ? poster : void 0
+			};
+		}
+		#reflectSrc() {
+			const src = this.adapter.src;
+			if (src) {
+				if (this.getAttribute("src") !== src) this.setAttribute("src", src);
+			} else if (this.hasAttribute("src")) this.removeAttribute("src");
+		}
+		#syncStoryboard() {
+			const src = this.adapter.streamType === MediaStreamTypes.LIVE ? void 0 : this.adapter.contentData.storyboard;
+			let track = this.querySelector("track[data-storyboard]");
+			if (!src) {
+				track?.remove();
+				return;
+			}
+			if (!track) {
+				track = document.createElement("track");
+				track.kind = "metadata";
+				track.label = "thumbnails";
+				track.default = true;
+				track.setAttribute("data-storyboard", "");
+			}
+			if (track.getAttribute("src") !== src) track.setAttribute("src", src);
+			if (track.parentNode !== this) this.append(track);
+		}
+	}
+	return MuxVideoElement;
+}
+//#endregion
+export { MuxVideoMixin };
+
+//# sourceMappingURL=mixin.js.map

package/dist/default/media/mux-video/mixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mixin.js","names":["#syncStoryboard","#reflectSrc","#syncPosterTime","#applyPosterTime","#posterTimeAttr"],"sources":["../../../../src/media/mux-video/mixin.ts"],"sourcesContent":["import { type MediaStreamType, MediaStreamTypes } from '@videojs/media';\nimport type { MuxContentData, MuxSourceBase } from '@videojs/mux-video';\nimport { isUndefined } from '@videojs/utils/predicate';\nimport type { AnyConstructor, Constructor } from '@videojs/utils/types';\n\n/**\n * What this mixin needs from whichever Mux Media the element hosts.\n *\n * Structural on purpose: the hls.js-backed `MuxVideoAdapter` and the SPF-backed one satisfy it identically, and\n * everything here is Mux identity or the WHATWG surface — nothing engine-specific — so the element itself has no\n * engine.\n */\ninterface MuxVideoAdapterLike {\n  src: string;\n  source: MuxSourceBase | null;\n  readonly contentData: MuxContentData;\n  readonly streamType: MediaStreamType | undefined;\n  addEventListener(type: string, listener: () => void): void;\n}\n\ninterface MuxVideoElementLike extends HTMLElement {\n  readonly adapter: MuxVideoAdapterLike;\n  attributeChangedCallback?(name: string, oldValue: string | null, newValue: string | null): void;\n}\n\n/**\n * The Mux-specific element behavior, over any Mux Media: the `poster-time` attribute, `src` reflection, and the\n * storyboard `<track>` child.\n *\n * Mixin rather than a base class because each flavor's element is built on a different `CustomMediaElement`, so there\n * is no common class to extend — only a common adapter contract.\n */\nexport function MuxVideoMixin<Class extends AnyConstructor<HTMLElement>>(BaseClass: Class): Class {\n  class MuxVideoElement extends (BaseClass as unknown as Constructor<MuxVideoElementLike>) {\n    // Declared here rather than in `static properties` because it does not map to a\n    // adapter property of its own: it feeds `source.poster.time`. The generic path\n    // would also coerce a removed attribute to `0`, which is a valid poster time.\n    static get observedAttributes(): string[] {\n      const inherited = (BaseClass as unknown as { observedAttributes?: string[] }).observedAttributes ?? [];\n\n      return [...inherited, 'poster-time'];\n    }\n\n    constructor(...args: any[]) {\n      super(...args);\n      // Storyboards aren't generated for live streams; re-evaluate when the type is detected.\n      this.adapter.addEventListener('streamtypechange', () => this.#syncStoryboard());\n      // Covers both the `src` attribute and the `source` property (JS-only).\n      this.adapter.addEventListener('sourcechange', () => {\n        this.#reflectSrc();\n        this.#syncPosterTime();\n        this.#syncStoryboard();\n      });\n    }\n\n    override attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {\n      if (name === 'poster-time') {\n        // Removing the attribute clears what it set. A value that is present but not\n        // a number is ignored rather than treated as removal, so it cannot wipe a\n        // `source.poster.time` set through JS.\n        if (newValue === null) this.#applyPosterTime(undefined);\n        else this.#syncPosterTime();\n\n        return;\n      }\n\n      super.attributeChangedCallback?.(name, oldValue, newValue);\n    }\n\n    #posterTimeAttr() {\n      const attr = this.getAttribute('poster-time');\n      const parsed = attr ? Number(attr) : Number.NaN;\n\n      return Number.isNaN(parsed) ? undefined : parsed;\n    }\n\n    // Re-applies `poster-time` after a source change, because Mux identity comes\n    // from the URL and carries no poster params over. An absent attribute means no\n    // opinion here, so a `source.poster.time` set through JS is left alone — only\n    // removing the attribute clears it.\n    #syncPosterTime() {\n      const time = this.#posterTimeAttr();\n\n      if (!isUndefined(time)) this.#applyPosterTime(time);\n    }\n\n    // Mirrors the `poster-time` attribute into `source.poster.time`, which is what\n    // the derived poster URL is built from.\n    #applyPosterTime(time: number | undefined) {\n      const source = this.adapter.source;\n      if (source?.poster?.time === time) return;\n\n      // Nothing to write into yet. `#syncPosterTime` re-applies the attribute once a\n      // source arrives, so a poster-only source is never worth fabricating — it has\n      // no URL to play, and assigning it would schedule a load anyway.\n      if (!source) return;\n\n      const poster = { ...source?.poster };\n\n      if (isUndefined(time)) delete poster.time;\n      else poster.time = time;\n\n      this.adapter.source = { ...source, poster: Object.keys(poster).length > 0 ? poster : undefined };\n    }\n\n    // Mirrors the adapter `src` to the `src` attribute so it matches the active playback URL.\n    #reflectSrc() {\n      const src = this.adapter.src;\n\n      if (src) {\n        if (this.getAttribute('src') !== src) this.setAttribute('src', src);\n      } else if (this.hasAttribute('src')) {\n        this.removeAttribute('src');\n      }\n    }\n\n    // Keeps a storyboard track child in sync with the URL derived from `source`.\n    #syncStoryboard() {\n      // Live streams have no storyboard; skip until the type is known to be otherwise.\n      const src = this.adapter.streamType === MediaStreamTypes.LIVE ? undefined : this.adapter.contentData.storyboard;\n\n      let track = this.querySelector<HTMLTrackElement>('track[data-storyboard]');\n\n      if (!src) {\n        track?.remove();\n        return;\n      }\n\n      if (!track) {\n        track = document.createElement('track');\n        track.kind = 'metadata';\n        track.label = 'thumbnails';\n        track.default = true;\n        track.setAttribute('data-storyboard', '');\n      }\n\n      if (track.getAttribute('src') !== src) track.setAttribute('src', src);\n\n      if (track.parentNode !== this) this.append(track);\n    }\n  }\n\n  return MuxVideoElement as unknown as Class;\n}\n"],"mappings":";;;;;;;;;;AAgCA,SAAgB,cAAyD,WAAyB;CAChG,MAAM,wBAAyB,UAA0D;EAIvF,WAAW,qBAA+B;GAGxC,OAAO,CAAC,GAFW,UAA2D,sBAAsB,CAAC,GAE/E,aAAa;EACrC;EAEA,YAAY,GAAG,MAAa;GAC1B,MAAM,GAAG,IAAI;GAEb,KAAK,QAAQ,iBAAiB,0BAA0B,KAAKA,gBAAgB,CAAC;GAE9E,KAAK,QAAQ,iBAAiB,sBAAsB;IAClD,KAAKC,YAAY;IACjB,KAAKC,gBAAgB;IACrB,KAAKF,gBAAgB;GACvB,CAAC;EACH;EAEA,yBAAkC,MAAc,UAAyB,UAAyB;GAChG,IAAI,SAAS,eAAe;IAI1B,IAAI,aAAa,MAAM,KAAKG,iBAAiB,KAAA,CAAS;SACjD,KAAKD,gBAAgB;IAE1B;GACF;GAEA,MAAM,2BAA2B,MAAM,UAAU,QAAQ;EAC3D;EAEA,kBAAkB;GAChB,MAAM,OAAO,KAAK,aAAa,aAAa;GAC5C,MAAM,SAAS,OAAO,OAAO,IAAI,IAAI;GAErC,OAAO,OAAO,MAAM,MAAM,IAAI,KAAA,IAAY;EAC5C;EAMA,kBAAkB;GAChB,MAAM,OAAO,KAAKE,gBAAgB;GAElC,IAAI,CAAC,YAAY,IAAI,GAAG,KAAKD,iBAAiB,IAAI;EACpD;EAIA,iBAAiB,MAA0B;GACzC,MAAM,SAAS,KAAK,QAAQ;GAC5B,IAAI,QAAQ,QAAQ,SAAS,MAAM;GAKnC,IAAI,CAAC,QAAQ;GAEb,MAAM,SAAS,EAAE,GAAG,QAAQ,OAAO;GAEnC,IAAI,YAAY,IAAI,GAAG,OAAO,OAAO;QAChC,OAAO,OAAO;GAEnB,KAAK,QAAQ,SAAS;IAAE,GAAG;IAAQ,QAAQ,OAAO,KAAK,MAAM,CAAC,CAAC,SAAS,IAAI,SAAS,KAAA;GAAU;EACjG;EAGA,cAAc;GACZ,MAAM,MAAM,KAAK,QAAQ;GAEzB,IAAI,KACE;QAAA,KAAK,aAAa,KAAK,MAAM,KAAK,KAAK,aAAa,OAAO,GAAG;GAAA,OAC7D,IAAI,KAAK,aAAa,KAAK,GAChC,KAAK,gBAAgB,KAAK;EAE9B;EAGA,kBAAkB;GAEhB,MAAM,MAAM,KAAK,QAAQ,eAAe,iBAAiB,OAAO,KAAA,IAAY,KAAK,QAAQ,YAAY;GAErG,IAAI,QAAQ,KAAK,cAAgC,wBAAwB;GAEzE,IAAI,CAAC,KAAK;IACR,OAAO,OAAO;IACd;GACF;GAEA,IAAI,CAAC,OAAO;IACV,QAAQ,SAAS,cAAc,OAAO;IACtC,MAAM,OAAO;IACb,MAAM,QAAQ;IACd,MAAM,UAAU;IAChB,MAAM,aAAa,mBAAmB,EAAE;GAC1C;GAEA,IAAI,MAAM,aAAa,KAAK,MAAM,KAAK,MAAM,aAAa,OAAO,GAAG;GAEpE,IAAI,MAAM,eAAe,MAAM,KAAK,OAAO,KAAK;EAClD;CACF;CAEA,OAAO;AACT"}

package/dist/default/media/mux-video/spf.js

@@ -0,0 +1,18 @@
+import { MediaAttachMixin } from "../../store/media-attach-mixin.js";
+import { MuxVideoMixin } from "./mixin.js";
+import { CustomMediaElement } from "@videojs/media/dom";
+import { MuxVideoAdapter } from "@videojs/mux-video/spf";
+//#region src/media/mux-video/spf.ts
+const MuxVideoBase = MuxVideoMixin(MediaAttachMixin(CustomMediaElement("video", MuxVideoAdapter)));
+/**
+* `<mux-video>` over the SPF-backed Mux Media instead of the hls.js-backed one.
+*
+* Shares its name with the flavor in `./hls-js` on purpose: the import path picks the engine, and nothing else about
+* the surface moves. Deliberately not exported from this directory's barrel, so importing one flavor never pulls the
+* other's engine in with it.
+*/
+var MuxVideo = class extends MuxVideoBase {};
+//#endregion
+export { MuxVideo };
+
+//# sourceMappingURL=spf.js.map

package/dist/default/media/mux-video/spf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spf.js","names":[],"sources":["../../../../src/media/mux-video/spf.ts"],"sourcesContent":["import { CustomMediaElement } from '@videojs/media/dom';\nimport { MuxVideoAdapter } from '@videojs/mux-video/spf';\n\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\nimport { MuxVideoMixin } from './mixin';\n\nconst MuxVideoBase = MuxVideoMixin(MediaAttachMixin(CustomMediaElement('video', MuxVideoAdapter)));\n\n/**\n * `<mux-video>` over the SPF-backed Mux Media instead of the hls.js-backed one.\n *\n * Shares its name with the flavor in `./hls-js` on purpose: the import path picks the engine, and nothing else about\n * the surface moves. Deliberately not exported from this directory's barrel, so importing one flavor never pulls the\n * other's engine in with it.\n */\nexport class MuxVideo extends MuxVideoBase {}\n"],"mappings":";;;;;AAMA,MAAM,eAAe,cAAc,iBAAiB,mBAAmB,SAAS,eAAe,CAAC,CAAC;;;;;;;;AASjG,IAAa,WAAb,cAA8B,aAAa,CAAC"}

package/dist/default/media/native-hls-video/adapter.js

@@ -0,0 +1,9 @@
+import { MediaAttachMixin } from "../../store/media-attach-mixin.js";
+import { CustomMediaElement } from "@videojs/media/dom";
+import { NativeHlsAdapter } from "@videojs/native-hls-video";
+//#region src/media/native-hls-video/adapter.ts
+var NativeHlsVideo = class extends MediaAttachMixin(CustomMediaElement("video", NativeHlsAdapter)) {};
+//#endregion
+export { NativeHlsVideo };
+
+//# sourceMappingURL=adapter.js.map

package/dist/default/media/native-hls-video/adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/native-hls-video/adapter.ts"],"sourcesContent":["import { CustomMediaElement } from '@videojs/media/dom';\nimport { NativeHlsAdapter } from '@videojs/native-hls-video';\n\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nexport class NativeHlsVideo extends MediaAttachMixin(CustomMediaElement('video', NativeHlsAdapter)) {}\n"],"mappings":";;;;AAKA,IAAa,iBAAb,cAAoC,iBAAiB,mBAAmB,SAAS,gBAAgB,CAAC,CAAC,CAAC,CAAC"}

package/dist/default/media/shaka-video/adapter.js

@@ -0,0 +1,9 @@
+import { MediaAttachMixin } from "../../store/media-attach-mixin.js";
+import { CustomMediaElement } from "@videojs/media/dom";
+import { ShakaAdapter } from "@videojs/shaka-video";
+//#region src/media/shaka-video/adapter.ts
+var ShakaVideo = class extends MediaAttachMixin(CustomMediaElement("video", ShakaAdapter)) {};
+//#endregion
+export { ShakaVideo };
+
+//# sourceMappingURL=adapter.js.map

package/dist/default/media/shaka-video/adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/shaka-video/adapter.ts"],"sourcesContent":["import { CustomMediaElement } from '@videojs/media/dom';\nimport { ShakaAdapter } from '@videojs/shaka-video';\n\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nexport class ShakaVideo extends MediaAttachMixin(CustomMediaElement('video', ShakaAdapter)) {}\n"],"mappings":";;;;AAKA,IAAa,aAAb,cAAgC,iBAAiB,mBAAmB,SAAS,YAAY,CAAC,CAAC,CAAC,CAAC"}

package/dist/default/media/spotify-audio/adapter.js

@@ -0,0 +1,27 @@
+import { MediaAttachMixin } from "../../store/media-attach-mixin.js";
+import { CustomMediaElement } from "@videojs/media/dom";
+import { escapeHtml } from "@videojs/utils/string";
+import { SpotifyAdapter, buildSpotifyIframeSrc } from "@videojs/spotify-audio";
+//#region src/media/spotify-audio/adapter.ts
+var SpotifyCustomMediaElement = class extends CustomMediaElement("iframe", SpotifyAdapter) {
+	static {
+		this.getTemplateHTML = (attrs) => {
+			const initialSrc = buildSpotifyIframeSrc(attrs.src ?? "", templateAttrsToEmbedProps(attrs));
+			return `<style> :host { display: block; min-width: 160px; min-height: 80px; position: relative; } iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } /* * Without Spotify's own chrome the embed is a transport and nothing else: * its player UI would otherwise show through whatever skin is drawn over * it. Hidden rather than merely inert, and important so a consumer's own * display rule cannot put it back on screen. An iframe in a hidden subtree * still loads and plays its src. */ :host(:not([controls])) { display: none !important; } </style><iframe part="iframe" ${initialSrc ? ` src="${escapeHtml(initialSrc)}"` : ""} allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" frameborder="0" width="100%" height="100%" referrerpolicy="${escapeHtml(attrs.referrerpolicy ?? "")}" ></iframe>`;
+		};
+	}
+};
+function templateAttrsToEmbedProps(attrs) {
+	return {
+		autoplay: attrs.autoplay !== void 0,
+		loop: attrs.loop !== void 0,
+		controls: attrs.controls !== void 0,
+		playsInline: attrs.playsinline !== void 0,
+		preload: attrs.preload ?? "metadata"
+	};
+}
+var SpotifyAudio = class extends MediaAttachMixin(SpotifyCustomMediaElement) {};
+//#endregion
+export { SpotifyAudio };
+
+//# sourceMappingURL=adapter.js.map

package/dist/default/media/spotify-audio/adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/spotify-audio/adapter.ts"],"sourcesContent":["import { CustomMediaElement } from '@videojs/media/dom';\nimport { buildSpotifyIframeSrc, SpotifyAdapter } from '@videojs/spotify-audio';\nimport { escapeHtml } from '@videojs/utils/string';\n\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nclass SpotifyCustomMediaElement extends CustomMediaElement('iframe', SpotifyAdapter) {\n  static override getTemplateHTML = (attrs: Record<string, string>): string => {\n    const initialSrc = buildSpotifyIframeSrc(attrs.src ?? '', templateAttrsToEmbedProps(attrs));\n    const srcAttr = initialSrc ? ` src=\"${escapeHtml(initialSrc)}\"` : '';\n\n    return /*html*/ `\n      <style>\n        :host {\n          display: block;\n          min-width: 160px;\n          min-height: 80px;\n          position: relative;\n        }\n        iframe {\n          position: absolute;\n          inset: 0;\n          width: 100%;\n          height: 100%;\n          border: 0;\n        }\n        /*\n         * Without Spotify's own chrome the embed is a transport and nothing else:\n         * its player UI would otherwise show through whatever skin is drawn over\n         * it. Hidden rather than merely inert, and important so a consumer's own\n         * display rule cannot put it back on screen. An iframe in a hidden subtree\n         * still loads and plays its src.\n         */\n        :host(:not([controls])) {\n          display: none !important;\n        }\n      </style>\n      <iframe\n        part=\"iframe\"\n        ${srcAttr}\n        allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n        frameborder=\"0\"\n        width=\"100%\"\n        height=\"100%\"\n        referrerpolicy=\"${escapeHtml(attrs.referrerpolicy ?? '')}\"\n      ></iframe>\n    `;\n  };\n}\n\nfunction templateAttrsToEmbedProps(attrs: Record<string, string>) {\n  return {\n    autoplay: attrs.autoplay !== undefined,\n    loop: attrs.loop !== undefined,\n    controls: attrs.controls !== undefined,\n    playsInline: attrs.playsinline !== undefined,\n    preload: (attrs.preload as 'none' | 'metadata' | 'auto' | undefined) ?? 'metadata',\n  };\n}\n\nexport class SpotifyAudio extends MediaAttachMixin(SpotifyCustomMediaElement) {}\n"],"mappings":";;;;;AAMA,IAAA,4BAAA,cAAA,mBAAA,UAAA,cAAA,CAAA,CAAA;;EACA,KAAA,mBAAA,UAAA;GACA,MAAA,aAAA,sBAAA,MAAA,OAAA,IAAA,0BAAA,KAAA,CAAA;GAGA,OAAW,8kBAFX,aAAA,SAAA,WAAA,UAAA,EAAA,KAAA,GAEW,iJAAA,WAAA,MAAA,kBAAA,EAAA,EAAA;EAoCX;;AACA;AAEA,SAAA,0BAAA,OAAA;CACA,OAAA;EACA,UAAA,MAAA,aAAA,KAAA;EACA,MAAA,MAAA,SAAA,KAAA;EACA,UAAA,MAAA,aAAA,KAAA;EACA,aAAA,MAAA,gBAAA,KAAA;EACA,SAAA,MAAA,WAAA;CACA;AACA;AAEA,IAAA,eAAA,cAAA,iBAAA,yBAAA,CAAA,CAAA,CAAA"}

package/dist/default/media/tiktok-video/adapter.js

@@ -0,0 +1,27 @@
+import { MediaAttachMixin } from "../../store/media-attach-mixin.js";
+import { CustomMediaElement } from "@videojs/media/dom";
+import { escapeHtml } from "@videojs/utils/string";
+import { TikTokAdapter, buildTikTokIframeSrc } from "@videojs/tiktok-video";
+//#region src/media/tiktok-video/adapter.ts
+var TikTokCustomMediaElement = class extends CustomMediaElement("iframe", TikTokAdapter) {
+	static {
+		this.getTemplateHTML = (attrs) => {
+			const initialSrc = buildTikTokIframeSrc(attrs.src ?? "", templateAttrsToEmbedProps(attrs));
+			return `<style> :host { display: inline-block; /* TikTok videos are portrait, and the player refuses to draw its chrome below 325x578, so that is where this host starts rather than the 300x150 the landscape embeds use. */ min-width: 325px; min-height: 578px; position: relative; } iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } /* A cross-origin frame swallows every pointer event, so the skin above it never sees the hover that reveals the controls. Kept out of hit-testing except where the host leaves TikTok's player dormant, which is the same pair of cases shouldBootstrapTikTokEmbed opts out of: then the frame's own controls are the only thing that can still start it. */ :host(:not([controls]):not([preload="none"])) { pointer-events: none; } </style><iframe part="iframe" title="TikTok video player" ${initialSrc ? ` src="${escapeHtml(initialSrc)}"` : ""} allow="accelerometer; fullscreen; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen frameborder="0" width="100%" height="100%" referrerpolicy="${escapeHtml(attrs.referrerpolicy ?? "")}" ></iframe>`;
+		};
+	}
+};
+function templateAttrsToEmbedProps(attrs) {
+	return {
+		autoplay: attrs.autoplay !== void 0,
+		defaultMuted: attrs.muted !== void 0,
+		loop: attrs.loop !== void 0,
+		controls: attrs.controls !== void 0,
+		preload: attrs.preload
+	};
+}
+var TikTokVideo = class extends MediaAttachMixin(TikTokCustomMediaElement) {};
+//#endregion
+export { TikTokVideo };
+
+//# sourceMappingURL=adapter.js.map

package/dist/default/media/tiktok-video/adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/tiktok-video/adapter.ts"],"sourcesContent":["import { CustomMediaElement } from '@videojs/media/dom';\nimport { buildTikTokIframeSrc, TikTokAdapter, type TikTokAdapterProps } from '@videojs/tiktok-video';\nimport { escapeHtml } from '@videojs/utils/string';\n\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nclass TikTokCustomMediaElement extends CustomMediaElement('iframe', TikTokAdapter) {\n  static override getTemplateHTML = (attrs: Record<string, string>): string => {\n    const initialSrc = buildTikTokIframeSrc(attrs.src ?? '', templateAttrsToEmbedProps(attrs));\n    const srcAttr = initialSrc ? ` src=\"${escapeHtml(initialSrc)}\"` : '';\n\n    return /*html*/ `\n      <style>\n        :host {\n          display: inline-block;\n          /* TikTok videos are portrait, and the player refuses to draw its chrome\n             below 325x578, so that is where this host starts rather than the\n             300x150 the landscape embeds use. */\n          min-width: 325px;\n          min-height: 578px;\n          position: relative;\n        }\n        iframe {\n          position: absolute;\n          inset: 0;\n          width: 100%;\n          height: 100%;\n          border: 0;\n        }\n        /* A cross-origin frame swallows every pointer event, so the skin above it\n           never sees the hover that reveals the controls. Kept out of hit-testing\n           except where the host leaves TikTok's player dormant, which is the same\n           pair of cases shouldBootstrapTikTokEmbed opts out of: then the frame's\n           own controls are the only thing that can still start it. */\n        :host(:not([controls]):not([preload=\"none\"])) {\n          pointer-events: none;\n        }\n      </style>\n      <iframe\n        part=\"iframe\"\n        title=\"TikTok video player\"\n        ${srcAttr}\n        allow=\"accelerometer; fullscreen; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n        allowfullscreen\n        frameborder=\"0\"\n        width=\"100%\"\n        height=\"100%\"\n        referrerpolicy=\"${escapeHtml(attrs.referrerpolicy ?? '')}\"\n      ></iframe>\n    `;\n  };\n}\n\n// Only the props the embed URL is built from. `preload` is not a TikTok parameter, but it decides whether the URL\n// carries a bootstrap autoplay, and a URL differing from the host's would have it rebuild the frame on mount.\nfunction templateAttrsToEmbedProps(attrs: Record<string, string>): Partial<TikTokAdapterProps> {\n  return {\n    autoplay: attrs.autoplay !== undefined,\n    defaultMuted: attrs.muted !== undefined,\n    loop: attrs.loop !== undefined,\n    controls: attrs.controls !== undefined,\n    preload: attrs.preload as TikTokAdapterProps['preload'],\n  };\n}\n\nexport class TikTokVideo extends MediaAttachMixin(TikTokCustomMediaElement) {}\n"],"mappings":";;;;;AAMA,IAAA,2BAAA,cAAA,mBAAA,UAAA,aAAA,CAAA,CAAA;;EACA,KAAA,mBAAA,UAAA;GACA,MAAA,aAAA,qBAAA,MAAA,OAAA,IAAA,0BAAA,KAAA,CAAA;GAGA,OAAW,m0BAFX,aAAA,SAAA,WAAA,UAAA,EAAA,KAAA,GAEW,0KAAA,WAAA,MAAA,kBAAA,EAAA,EAAA;EAuCX;;AACA;AAIA,SAAA,0BAAA,OAAA;CACA,OAAA;EACA,UAAA,MAAA,aAAA,KAAA;EACA,cAAA,MAAA,UAAA,KAAA;EACA,MAAA,MAAA,SAAA,KAAA;EACA,UAAA,MAAA,aAAA,KAAA;EACA,SAAA,MAAA;CACA;AACA;AAEA,IAAA,cAAA,cAAA,iBAAA,wBAAA,CAAA,CAAA,CAAA"}

package/dist/default/media/twitch-video/adapter.js

@@ -0,0 +1,28 @@
+import { MediaAttachMixin } from "../../store/media-attach-mixin.js";
+import { CustomMediaElement } from "@videojs/media/dom";
+import { escapeHtml } from "@videojs/utils/string";
+import { TwitchAdapter, buildTwitchIframeSrc } from "@videojs/twitch-video";
+//#region src/media/twitch-video/adapter.ts
+var TwitchCustomMediaElement = class extends CustomMediaElement("iframe", TwitchAdapter) {
+	static {
+		this.getTemplateHTML = (attrs) => {
+			const initialSrc = buildTwitchIframeSrc(attrs.src ?? "", templateAttrsToEmbedProps(attrs));
+			return `<style> :host { display: inline-block; min-width: 300px; min-height: 150px; position: relative; } iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } :host(:not([controls])) { pointer-events: none; } </style><iframe part="iframe" ${initialSrc ? ` src="${escapeHtml(initialSrc)}"` : ""} allow="accelerometer; fullscreen; autoplay; encrypted-media; picture-in-picture;" sandbox="allow-modals allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox" scrolling="no" frameborder="0" width="100%" height="100%" referrerpolicy="${escapeHtml(attrs.referrerpolicy ?? "")}" ></iframe>`;
+		};
+	}
+};
+function templateAttrsToEmbedProps(attrs) {
+	return {
+		autoplay: attrs.autoplay !== void 0,
+		defaultMuted: attrs.muted !== void 0,
+		loop: attrs.loop !== void 0,
+		controls: attrs.controls !== void 0,
+		playsInline: attrs.playsinline !== void 0,
+		preload: attrs.preload ?? "metadata"
+	};
+}
+var TwitchVideo = class extends MediaAttachMixin(TwitchCustomMediaElement) {};
+//#endregion
+export { TwitchVideo };
+
+//# sourceMappingURL=adapter.js.map

package/dist/default/media/twitch-video/adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/twitch-video/adapter.ts"],"sourcesContent":["import { CustomMediaElement } from '@videojs/media/dom';\nimport { buildTwitchIframeSrc, TwitchAdapter } from '@videojs/twitch-video';\nimport { escapeHtml } from '@videojs/utils/string';\n\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nclass TwitchCustomMediaElement extends CustomMediaElement('iframe', TwitchAdapter) {\n  static override getTemplateHTML = (attrs: Record<string, string>): string => {\n    const initialSrc = buildTwitchIframeSrc(attrs.src ?? '', templateAttrsToEmbedProps(attrs));\n    const srcAttr = initialSrc ? ` src=\"${escapeHtml(initialSrc)}\"` : '';\n\n    return /*html*/ `\n      <style>\n        :host {\n          display: inline-block;\n          min-width: 300px;\n          min-height: 150px;\n          position: relative;\n        }\n        iframe {\n          position: absolute;\n          inset: 0;\n          width: 100%;\n          height: 100%;\n          border: 0;\n        }\n        :host(:not([controls])) {\n          pointer-events: none;\n        }\n      </style>\n      <iframe\n        part=\"iframe\"\n        ${srcAttr}\n        allow=\"accelerometer; fullscreen; autoplay; encrypted-media; picture-in-picture;\"\n        sandbox=\"allow-modals allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox\"\n        scrolling=\"no\"\n        frameborder=\"0\"\n        width=\"100%\"\n        height=\"100%\"\n        referrerpolicy=\"${escapeHtml(attrs.referrerpolicy ?? '')}\"\n      ></iframe>\n    `;\n  };\n}\n\nfunction templateAttrsToEmbedProps(attrs: Record<string, string>) {\n  return {\n    autoplay: attrs.autoplay !== undefined,\n    defaultMuted: attrs.muted !== undefined,\n    loop: attrs.loop !== undefined,\n    controls: attrs.controls !== undefined,\n    playsInline: attrs.playsinline !== undefined,\n    preload: (attrs.preload as 'none' | 'metadata' | 'auto' | undefined) ?? 'metadata',\n  };\n}\n\nexport class TwitchVideo extends MediaAttachMixin(TwitchCustomMediaElement) {}\n"],"mappings":";;;;;AAMA,IAAA,2BAAA,cAAA,mBAAA,UAAA,aAAA,CAAA,CAAA;;EACA,KAAA,mBAAA,UAAA;GACA,MAAA,aAAA,qBAAA,MAAA,OAAA,IAAA,0BAAA,KAAA,CAAA;GAGA,OAAW,oQAFX,aAAA,SAAA,WAAA,UAAA,EAAA,KAAA,GAEW,kQAAA,WAAA,MAAA,kBAAA,EAAA,EAAA;EA+BX;;AACA;AAEA,SAAA,0BAAA,OAAA;CACA,OAAA;EACA,UAAA,MAAA,aAAA,KAAA;EACA,cAAA,MAAA,UAAA,KAAA;EACA,MAAA,MAAA,SAAA,KAAA;EACA,UAAA,MAAA,aAAA,KAAA;EACA,aAAA,MAAA,gBAAA,KAAA;EACA,SAAA,MAAA,WAAA;CACA;AACA;AAEA,IAAA,cAAA,cAAA,iBAAA,wBAAA,CAAA,CAAA,CAAA"}

package/dist/default/media/vimeo-video/adapter.js

@@ -0,0 +1,28 @@
+import { MediaAttachMixin } from "../../store/media-attach-mixin.js";
+import { CustomMediaElement } from "@videojs/media/dom";
+import { escapeHtml } from "@videojs/utils/string";
+import { VimeoAdapter, buildVimeoIframeSrc } from "@videojs/vimeo-video";
+//#region src/media/vimeo-video/adapter.ts
+var VimeoCustomMediaElement = class extends CustomMediaElement("iframe", VimeoAdapter) {
+	static {
+		this.getTemplateHTML = (attrs) => {
+			const initialSrc = buildVimeoIframeSrc(attrs.src ?? "", templateAttrsToEmbedProps(attrs));
+			return `<style> :host { display: inline-block; min-width: 300px; min-height: 150px; position: relative; } iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } :host(:not([controls])) { pointer-events: none; } </style><iframe part="iframe" ${initialSrc ? ` src="${escapeHtml(initialSrc)}"` : ""} allow="accelerometer; fullscreen; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen frameborder="0" width="100%" height="100%" referrerpolicy="${escapeHtml(attrs.referrerpolicy ?? "")}" ></iframe>`;
+		};
+	}
+};
+function templateAttrsToEmbedProps(attrs) {
+	return {
+		autoplay: attrs.autoplay !== void 0,
+		defaultMuted: attrs.muted !== void 0,
+		loop: attrs.loop !== void 0,
+		controls: attrs.controls !== void 0,
+		playsInline: attrs.playsinline !== void 0,
+		preload: attrs.preload ?? "metadata"
+	};
+}
+var VimeoVideo = class extends MediaAttachMixin(VimeoCustomMediaElement) {};
+//#endregion
+export { VimeoVideo };
+
+//# sourceMappingURL=adapter.js.map

package/dist/default/media/vimeo-video/adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/vimeo-video/adapter.ts"],"sourcesContent":["import { CustomMediaElement } from '@videojs/media/dom';\nimport { escapeHtml } from '@videojs/utils/string';\nimport { buildVimeoIframeSrc, VimeoAdapter } from '@videojs/vimeo-video';\n\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\nclass VimeoCustomMediaElement extends CustomMediaElement('iframe', VimeoAdapter) {\n  static override getTemplateHTML = (attrs: Record<string, string>): string => {\n    const initialSrc = buildVimeoIframeSrc(attrs.src ?? '', templateAttrsToEmbedProps(attrs));\n    const srcAttr = initialSrc ? ` src=\"${escapeHtml(initialSrc)}\"` : '';\n\n    return /*html*/ `\n      <style>\n        :host {\n          display: inline-block;\n          min-width: 300px;\n          min-height: 150px;\n          position: relative;\n        }\n        iframe {\n          position: absolute;\n          inset: 0;\n          width: 100%;\n          height: 100%;\n          border: 0;\n        }\n        :host(:not([controls])) {\n          pointer-events: none;\n        }\n      </style>\n      <iframe\n        part=\"iframe\"\n        ${srcAttr}\n        allow=\"accelerometer; fullscreen; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n        allowfullscreen\n        frameborder=\"0\"\n        width=\"100%\"\n        height=\"100%\"\n        referrerpolicy=\"${escapeHtml(attrs.referrerpolicy ?? '')}\"\n      ></iframe>\n    `;\n  };\n}\n\nfunction templateAttrsToEmbedProps(attrs: Record<string, string>) {\n  return {\n    autoplay: attrs.autoplay !== undefined,\n    defaultMuted: attrs.muted !== undefined,\n    loop: attrs.loop !== undefined,\n    controls: attrs.controls !== undefined,\n    playsInline: attrs.playsinline !== undefined,\n    preload: (attrs.preload as 'none' | 'metadata' | 'auto' | undefined) ?? 'metadata',\n  };\n}\n\nexport class VimeoVideo extends MediaAttachMixin(VimeoCustomMediaElement) {}\n"],"mappings":";;;;;AAMA,IAAA,0BAAA,cAAA,mBAAA,UAAA,YAAA,CAAA,CAAA;;EACA,KAAA,mBAAA,UAAA;GACA,MAAA,aAAA,oBAAA,MAAA,OAAA,IAAA,0BAAA,KAAA,CAAA;GAGA,OAAW,oQAFX,aAAA,SAAA,WAAA,UAAA,EAAA,KAAA,GAEW,0KAAA,WAAA,MAAA,kBAAA,EAAA,EAAA;EA8BX;;AACA;AAEA,SAAA,0BAAA,OAAA;CACA,OAAA;EACA,UAAA,MAAA,aAAA,KAAA;EACA,cAAA,MAAA,UAAA,KAAA;EACA,MAAA,MAAA,SAAA,KAAA;EACA,UAAA,MAAA,aAAA,KAAA;EACA,aAAA,MAAA,gBAAA,KAAA;EACA,SAAA,MAAA,WAAA;CACA;AACA;AAEA,IAAA,aAAA,cAAA,iBAAA,uBAAA,CAAA,CAAA,CAAA"}

package/dist/default/media/wistia-video/adapter.js

@@ -0,0 +1,12 @@
+import { MediaAttachMixin } from "../../store/media-attach-mixin.js";
+import { WistiaAdapter } from "@videojs/wistia-video";
+//#region src/media/wistia-video/adapter.ts
+/**
+* `<wistia-video>` is Wistia's own `<wistia-player>`, normalized into a media by `WistiaAdapter` and attached to the
+* player store here. No template and no inner player: the element written is the element that plays.
+*/
+var WistiaVideo = class extends MediaAttachMixin(WistiaAdapter) {};
+//#endregion
+export { WistiaVideo };
+
+//# sourceMappingURL=adapter.js.map

package/dist/default/media/wistia-video/adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/wistia-video/adapter.ts"],"sourcesContent":["import { WistiaAdapter } from '@videojs/wistia-video';\n\nimport { MediaAttachMixin } from '../../store/media-attach-mixin';\n\n/**\n * `<wistia-video>` is Wistia's own `<wistia-player>`, normalized into a media by `WistiaAdapter` and attached to the\n * player store here. No template and no inner player: the element written is the element that plays.\n */\nexport class WistiaVideo extends MediaAttachMixin(WistiaAdapter) {}\n"],"mappings":";;;;;;;AAQA,IAAa,cAAb,cAAiC,iBAAiB,aAAa,CAAC,CAAC,CAAC"}