@videojs/html 10.0.0-beta.29 → 10.0.0-beta.30

package/cdn/{create-player-Db1CIvlK.js → create-player-5UrHNqBI.js}

@@ -1,16 +1,16 @@
-import { a as isNull, r as isFunction, s as isObject, u as isUndefined } from "./predicate-faYxAB6Z.js";
+import { a as isNull, i as isNil, r as isFunction, s as isObject, u as isUndefined } from "./predicate-faYxAB6Z.js";
 import { n as getCanonicalLocaleKey, s as DEFAULT_LOCALE, t as findLocaleKeys } from "./i18n-DyF_NfCk.js";
 import { t as shallowEqual } from "./shallow-equal-C7S8rj2f.js";
 import { n as ContextConsumer } from "./media-element-CJY3JIgc.js";
 import { n as mediaContext, r as playerContext, t as containerContext } from "./context-OhQY847V.js";
 import { l as ContextProvider } from "./container-element-HHK_KZOE.js";
-import { n as kebabCase, t as camelCase } from "./casing-Cu0fL85w.js";
 import { t as listen } from "./listen-CdeggIF8.js";
 import { t as noop } from "./noop-BxkeRIz9.js";
+import { n as kebabCase, t as camelCase } from "./casing-Cu0fL85w.js";
 import { n as isCaptionOrSubtitleTrack, t as findTrackElement } from "./text-track-DMA7pa8W.js";
 import { t as isWebKitAirPlayCapable } from "./webkit-C682yTT7.js";
-import { t as anyAbortSignal } from "./abort-CUxJsUWY.js";
 import { n as EMPTY_TEXT_TRACKS, r as EMPTY_TIME_RANGES, t as EMPTY_REMOTE } from "./constants-CsSwyIX6.js";
+import { t as anyAbortSignal } from "./abort-CUxJsUWY.js";
 
 //#region ../utils/dist/dom/event.js
 /** Resolve the deepest event target, preferring composedPath for shadow DOM. */
@@ -107,743 +107,392 @@ function serializeTimeRanges(ranges) {
 }
 
 //#endregion
-//#region ../store/dist/dev/core/abort-controller-registry.js
-var AbortControllerRegistry = class {
-	#base;
-	#keys = /* @__PURE__ */ new Map();
-	/** The attach-scoped signal. Aborts on detach or reattach. */
-	get base() {
-		return (this.#base ??= new AbortController()).signal;
-	}
-	/** Clears all keyed signals, leaving base intact. */
-	clear() {
-		for (const controller of this.#keys.values()) controller.abort();
-		this.#keys.clear();
-	}
-	/** Resets base and clears all keyed signals. */
-	reset() {
-		this.clear();
-		this.#base?.abort();
-		this.#base = void 0;
-	}
-	/** Creates a new signal for the key, superseding any previous signal. */
-	supersede(key) {
-		this.#keys.get(key)?.abort();
-		const controller = new AbortController();
-		this.#keys.set(key, controller);
-		return anyAbortSignal([this.base, controller.signal]);
-	}
-};
-
-//#endregion
-//#region ../store/dist/dev/core/combine.js
-/**
-* Combines multiple slices into a single slice.
-*
-* @param slices - The slices to combine.
-* @returns A new slice that represents the combination of the input slices.
-*/
-function combine(...slices) {
-	const derivedDefinitions = slices.map((slice) => slice.derived ?? {});
-	warnDuplicates("derived", derivedDefinitions);
+//#region ../core/dist/dev/dom/feature.js
+function definePlayerFeature(definition) {
+	const preserved = Object.values(definition.config ?? {}).map((entry) => entry.state);
 	return {
-		state: (ctx) => {
-			const states = slices.map((slice) => slice.state(ctx));
-			warnDuplicates("state", states);
-			warnOverlaps(states, derivedDefinitions);
-			return Object.assign({}, ...states);
-		},
-		preserve: Array.from(new Set(slices.flatMap((slice) => slice.preserve ?? []))),
-		derived: Object.assign({}, ...derivedDefinitions),
-		attach: (ctx) => {
-			for (const slice of slices) try {
-				slice.attach?.(ctx);
-			} catch (err) {
-				ctx.reportError(err);
-			}
-		}
+		...definition,
+		...preserved.length > 0 ? { preserve: preserved } : {}
 	};
 }
-function warnDuplicates(namespace, objects) {
-	const seen = /* @__PURE__ */ new Set();
-	for (const object of objects) for (const key of Reflect.ownKeys(object)) {
-		if (seen.has(key)) console.warn(`[vjs-store] combine(): duplicate ${namespace} key "${String(key)}" — later slice overwrites earlier one`);
-		seen.add(key);
+/** Merge the configuration declarations from the selected player features. */
+function combinePlayerFeatureConfigs(features) {
+	const definitions = features.map((feature) => feature.config ?? {});
+	{
+		const seen = /* @__PURE__ */ new Set();
+		for (const definition of definitions) for (const key of Object.keys(definition)) {
+			if (seen.has(key)) console.warn(`[vjs-core] duplicate config key "${key}" — later feature overwrites earlier one`);
+			seen.add(key);
+		}
 	}
+	return Object.assign({}, ...definitions);
 }
-function warnOverlaps(states, derivedDefinitions) {
-	const stateKeys = new Set(states.flatMap((state) => Reflect.ownKeys(state)));
-	for (const key of new Set(derivedDefinitions.flatMap((derived) => Reflect.ownKeys(derived)))) if (stateKeys.has(key)) console.warn(`[vjs-store] combine(): state and derived key "${String(key)}" overlap — derived state overwrites source state`);
+/** Forward one configuration input through its feature-owned private action. */
+function setPlayerConfigValue(store, entry, value) {
+	const action = store[entry.action];
+	if (typeof action !== "function") throw new TypeError(`Missing config action "${String(entry.action)}"`);
+	action(value);
 }
 
 //#endregion
-//#region ../store/dist/dev/core/errors.js
-var StoreError = class extends Error {
-	code;
-	cause;
-	constructor(code, options) {
-		super(options?.message ?? code);
-		this.name = "StoreError";
-		this.code = code;
-		this.cause = options?.cause;
-	}
-};
-function throwNoTargetError() {
-	throw new StoreError("NO_TARGET");
+//#region ../media/dist/dev/core/predicate.js
+function hasMetadata(media) {
+	return media.readyState >= 1;
 }
-function throwDestroyedError() {
-	throw new StoreError("DESTROYED");
+function isMediaPauseCapable(value) {
+	if (!isObject(value)) return false;
+	const media = value;
+	return !isUndefined(media.paused) && !isUndefined(media.ended) && isFunction(media.pause);
 }
-
-//#endregion
-//#region ../store/dist/dev/core/slice.js
-function defineSlice() {
-	return ((config) => config);
+function isMediaSeekCapable(value) {
+	if (!isObject(value)) return false;
+	const media = value;
+	return !isUndefined(media.currentTime) && !isUndefined(media.duration) && !isUndefined(media.seeking);
+}
+function isMediaSourceCapable(value) {
+	if (!isObject(value)) return false;
+	const media = value;
+	return !isUndefined(media.src) && !isUndefined(media.currentSrc) && !isUndefined(media.readyState) && isFunction(media.load);
+}
+function isMediaVolumeCapable(value) {
+	if (!isObject(value)) return false;
+	const media = value;
+	return !isUndefined(media.volume) && !isUndefined(media.muted);
+}
+/**
+* Whether the media reports a mute at all, which is a narrower question than
+* `isMediaVolumeCapable`: an embed can take a mute command while offering no way
+* to set a level.
+*/
+function isMediaMutedCapable(value) {
+	if (!isObject(value)) return false;
+	return !isUndefined(value.muted);
+}
+function isMediaPlaybackRateCapable(value) {
+	if (!isObject(value)) return false;
+	return !isUndefined(value.playbackRate);
+}
+/**
+* Only `requestPictureInPicture` is required. A native video element carries it
+* but leaves exiting to `document`, so demanding the pair would rule out the one
+* media that most certainly can.
+*/
+function isMediaPictureInPictureCapable(value) {
+	if (!isObject(value)) return false;
+	return isFunction(value.requestPictureInPicture);
+}
+function isMediaBufferCapable(value) {
+	if (!isObject(value)) return false;
+	const media = value;
+	return !isUndefined(media.buffered) && media.buffered !== EMPTY_TIME_RANGES && !isUndefined(media.seekable) && media.seekable !== EMPTY_TIME_RANGES;
+}
+function isMediaErrorCapable(value) {
+	if (!isObject(value)) return false;
+	return !isUndefined(value.error);
+}
+function isMediaTextTrackCapable(value) {
+	if (!isObject(value)) return false;
+	const media = value;
+	return !isUndefined(media.textTracks) && media.textTracks !== EMPTY_TEXT_TRACKS;
+}
+function isMediaVideoRenditionCapable(value) {
+	if (!isObject(value)) return false;
+	return !isUndefined(value.videoRenditions);
+}
+function isMediaAudioTrackCapable(value) {
+	if (!isObject(value)) return false;
+	return !isUndefined(value.audioTracks);
+}
+function isMediaVideoDimensionsCapable(value) {
+	if (!isObject(value)) return false;
+	const media = value;
+	return !isUndefined(media.videoWidth) && !isUndefined(media.videoHeight);
+}
+function isMediaRemotePlaybackCapable(value) {
+	if (!isObject(value)) return false;
+	const media = value;
+	return isObject(media.remote) && media.remote !== EMPTY_REMOTE;
+}
+function isMediaStreamTypeCapable(value) {
+	if (!isObject(value)) return false;
+	return !isUndefined(value.streamType);
+}
+function isMediaContentDataCapable(value) {
+	if (!isObject(value)) return false;
+	return !isUndefined(value.contentData);
+}
+function isMediaLiveCapable(value) {
+	if (!isObject(value)) return false;
+	const media = value;
+	return !isUndefined(media.liveEdgeStart) && !isUndefined(media.targetLiveWindow);
+}
+function isQuerySelectorAllCapable(value) {
+	return isObject(value) && "querySelectorAll" in value && isFunction(value.querySelectorAll);
 }
 
 //#endregion
-//#region ../store/dist/dev/core/state.js
-let isFlushScheduled = false;
-function scheduleFlush() {
-	if (isFlushScheduled) return;
-	isFlushScheduled = true;
-	queueMicrotask(flush);
+//#region ../core/dist/dev/dom/store/features/audio-track.js
+function getTrackValue(track, index) {
+	return track.id || String(index);
 }
-const pendingContainers = /* @__PURE__ */ new Set();
-function flush() {
-	isFlushScheduled = false;
-	for (const container of pendingContainers) container.flush();
-	pendingContainers.clear();
+function toMediaTrack(track) {
+	return {
+		...track.id !== void 0 && { id: track.id },
+		...track.kind !== void 0 && { kind: track.kind },
+		label: track.label,
+		language: track.language,
+		enabled: track.enabled
+	};
 }
-const hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var StateContainer = class {
-	#current;
-	#listeners = /* @__PURE__ */ new Set();
-	#pending = false;
-	constructor(initial) {
-		this.#current = Object.freeze({ ...initial });
-	}
-	get current() {
-		return this.#current;
-	}
-	patch(partial) {
-		const next = { ...this.#current };
-		let changed = false;
-		for (const key of Reflect.ownKeys(partial)) {
-			if (!hasOwnProp$1.call(partial, key)) continue;
-			const value = partial[key];
-			if (!Object.is(this.#current[key], value)) {
-				next[key] = value;
-				changed = true;
-			}
-		}
-		if (changed) {
-			this.#current = Object.freeze(next);
-			this.#markPending();
+const audioTrackFeature = definePlayerFeature({
+	name: "audioTrack",
+	state: ({ target }) => ({
+		audioTrackList: [],
+		selectAudioTrack(value) {
+			const { media } = target();
+			if (!isMediaAudioTrackCapable(media)) return;
+			const tracks = [...media.audioTracks];
+			const track = tracks.find((candidate, index) => getTrackValue(candidate, index) === value);
+			if (!track) return;
+			for (const candidate of tracks) candidate.enabled = candidate === track;
 		}
-	}
-	replace(next) {
-		if (shallowEqual(this.#current, next)) return;
-		this.#current = Object.freeze({ ...next });
-		this.#markPending();
-	}
-	subscribe(callback, options) {
-		const signal = options?.signal;
-		if (signal?.aborted) return noop;
-		this.#listeners.add(callback);
-		if (!signal) return () => this.#listeners.delete(callback);
-		const onAbort = () => this.#listeners.delete(callback);
-		signal.addEventListener("abort", onAbort, { once: true });
-		return () => {
-			signal.removeEventListener("abort", onAbort);
-			this.#listeners.delete(callback);
+	}),
+	attach({ target, signal, set }) {
+		const { media } = target;
+		let audioTracks = null;
+		let cleanup = null;
+		const getAudioTracks = () => isMediaAudioTrackCapable(media) ? media.audioTracks : null;
+		const sync = (list = getAudioTracks()) => {
+			set({ audioTrackList: list ? [...list].map(toMediaTrack) : [] });
+		};
+		const bind = () => {
+			const nextAudioTracks = getAudioTracks();
+			if (nextAudioTracks === audioTracks) {
+				sync(nextAudioTracks);
+				return;
+			}
+			cleanup?.abort();
+			cleanup = new AbortController();
+			audioTracks = nextAudioTracks;
+			if (audioTracks) {
+				listen(audioTracks, "addtrack", () => sync(audioTracks), { signal: cleanup.signal });
+				listen(audioTracks, "removetrack", () => sync(audioTracks), { signal: cleanup.signal });
+				listen(audioTracks, "change", () => sync(audioTracks), { signal: cleanup.signal });
+			}
+			sync(audioTracks);
 		};
+		bind();
+		listen(media, "loadstart", bind, { signal });
+		signal.addEventListener("abort", () => cleanup?.abort(), { once: true });
 	}
-	flush() {
-		if (!this.#pending) return;
-		this.#pending = false;
-		for (const fn of this.#listeners) fn();
+});
+
+//#endregion
+//#region ../core/dist/dev/dom/store/features/buffer.js
+const bufferFeature = definePlayerFeature({
+	name: "buffer",
+	state: () => ({
+		buffered: [],
+		seekable: []
+	}),
+	attach({ target, signal, set }) {
+		const { media } = target;
+		if (!isMediaBufferCapable(media)) return;
+		const sync = () => set({
+			buffered: serializeTimeRanges(media.buffered),
+			seekable: serializeTimeRanges(media.seekable)
+		});
+		sync();
+		listen(media, "progress", sync, { signal });
+		listen(media, "emptied", sync, { signal });
 	}
-	#markPending() {
-		this.#pending = true;
-		pendingContainers.add(this);
-		scheduleFlush();
+});
+
+//#endregion
+//#region ../core/dist/dev/dom/gesture/region.js
+/**
+* Determine which named region a pointer position falls into.
+*
+* Regions divide the container width equally based on how many are active:
+* - `left` + `right` → halves (50% / 50%)
+* - `left` + `center` + `right` → thirds (33% / 34% / 33%)
+*
+* Single region: `left` covers the left half, `right` the right half,
+* and `center` covers the full surface. Partial two-region combos
+* (e.g. `left` + `center`) use the same natural zones — positions outside
+* all active zones return `null` so full-surface gestures can handle them.
+*/
+function resolveRegion(clientX, containerRect, activeRegions) {
+	if (activeRegions.size === 0) return null;
+	const relativeX = clientX - containerRect.left;
+	const width = containerRect.width;
+	if (width === 0) return null;
+	const ratio = relativeX / width;
+	if (activeRegions.size === 2 && activeRegions.has("left") && activeRegions.has("right")) return ratio < .5 ? "left" : "right";
+	if (activeRegions.size === 3) {
+		if (ratio < 1 / 3) return "left";
+		if (ratio < 2 / 3) return "center";
+		return "right";
 	}
-};
-function createState(initial) {
-	return new StateContainer(initial);
+	if (activeRegions.has("left") && ratio < .5) return "left";
+	if (activeRegions.has("right") && ratio >= .5) return "right";
+	if (activeRegions.has("center")) {
+		if (activeRegions.size === 1) return "center";
+		if (ratio >= 1 / 3 && ratio < 2 / 3) return "center";
+	}
+	return null;
 }
 
 //#endregion
-//#region ../store/dist/dev/core/store.js
-const STORE_SYMBOL = Symbol.for("@videojs/store");
-const hasOwnProp = Object.prototype.hasOwnProperty;
-function createStore() {
-	return ((slice, options = {}) => {
-		let target = null;
-		let destroyed = false;
-		const setupAbort = new AbortController();
-		const signals = new AbortControllerRegistry();
-		let sourceState;
-		let state;
-		function validate() {
-			if (destroyed) throwDestroyedError();
-			if (!target) throwNoTargetError();
-		}
-		const initialSourceState = freezeCopy(slice.state({
-			target: () => {
-				validate();
-				return target;
-			},
-			signals,
-			get: () => sourceState,
-			set: (partial) => setSource(partial)
-		}));
-		sourceState = initialSourceState;
-		const initialDerivedState = derive(sourceState);
-		state = createState(publish(sourceState, initialDerivedState));
-		const store = {
-			[STORE_SYMBOL]: true,
-			get $state() {
-				return state;
-			},
-			get target() {
-				return target;
-			},
-			get destroyed() {
-				return destroyed;
-			},
-			get state() {
-				return state.current;
-			},
-			attach,
-			destroy,
-			subscribe
-		};
-		for (const key of Object.keys(state.current)) Object.defineProperty(store, key, {
-			get: () => state.current[key],
-			enumerable: true
-		});
-		for (const key of Object.getOwnPropertySymbols(sourceState)) {
-			if (typeof sourceState[key] !== "function") continue;
-			Object.defineProperty(store, key, { get: () => sourceState[key] });
-		}
-		try {
-			options.onSetup?.({
-				store,
-				signal: setupAbort.signal
-			});
-		} catch (error) {
-			reportError(error);
-		}
-		return store;
-		function derive(source) {
-			const result = {};
-			const definitions = slice.derived;
-			if (!definitions) return result;
-			const ctx = { get: () => source };
-			for (const key of Object.keys(definitions)) result[key] = definitions[key](ctx);
-			return result;
-		}
-		function publish(source, derived) {
-			const result = {};
-			for (const key of Object.keys(source)) result[key] = source[key];
-			return Object.assign(result, derived);
-		}
-		function setSource(partial) {
-			const patched = patchSource(sourceState, partial);
-			if (!patched) return;
-			const nextDerived = derive(patched.next);
-			sourceState = patched.next;
-			state.replace(publish(sourceState, nextDerived));
-		}
-		function attach(newTarget) {
-			if (destroyed) throwDestroyedError();
-			signals.reset();
-			target = newTarget;
-			const attachContext = {
-				target: newTarget,
-				signal: signals.base,
-				get: () => sourceState,
-				set: (partial) => {
-					try {
-						setSource(partial);
+//#region ../core/dist/dev/dom/gesture/coordinator.js
+const TAP_THRESHOLD$1 = 250;
+var GestureCoordinator = class {
+	#target;
+	#bindings = [];
+	#recognizers = /* @__PURE__ */ new Set();
+	#disconnect = null;
+	#subscribers = /* @__PURE__ */ new Set();
+	constructor(target) {
+		this.#target = target;
+	}
+	get bindings() {
+		return this.#bindings;
+	}
+	subscribe(callback) {
+		this.#subscribers.add(callback);
+		return () => this.#subscribers.delete(callback);
+	}
+	/**
+	* Whether a registered binding claims this tap for the given action. A claimed tap
+	* belongs to the gesture layer, so callers should leave it alone. Taps on interactive
+	* targets (buttons, sliders) are never claimed — the same filtering the pointerup
+	* listener applies. A disabled binding still claims: disabling a gesture opts out of
+	* the action, it doesn't hand the tap back to a fallback handler.
+	*/
+	claimsTap(event, action) {
+		if (isInteractiveTarget(event)) return false;
+		return this.#bindings.some((b) => b.type === "tap" && b.action === action && (!b.pointer || b.pointer === event.pointerType));
+	}
+	add(binding) {
+		const wrapped = {
+			...binding,
+			onActivate: (event) => {
+				if (this.#subscribers.size > 0) {
+					const activateEvent = {
+						type: binding.type,
+						source: "gesture",
+						action: binding.action,
+						value: binding.value,
+						region: binding.region,
+						pointer: binding.pointer,
+						event
+					};
+					for (const cb of this.#subscribers) try {
+						cb(activateEvent);
 					} catch (error) {
-						reportError(error);
+						console.warn("[vjs-gesture] subscribe callback threw:", error);
 					}
-				},
-				reportError,
-				store: {
-					get state() {
-						return state.current;
-					},
-					subscribe
 				}
-			};
-			try {
-				slice.attach?.(attachContext);
-			} catch (error) {
-				reportError(error);
+				binding.onActivate(event);
 			}
-			try {
-				options.onAttach?.({
-					store,
-					target: newTarget,
-					signal: signals.base
-				});
-			} catch (error) {
-				reportError(error);
-			}
-			return detach;
-		}
-		function detach() {
-			if (isNull(target)) return;
-			signals.reset();
-			target = null;
-			const resetState = { ...initialSourceState };
-			for (const key of slice.preserve ?? []) resetState[key] = sourceState[key];
-			setSource(resetState);
-		}
-		function destroy() {
-			if (destroyed) return;
-			destroyed = true;
-			detach();
-			setupAbort.abort();
-		}
-		function subscribe(callback, options) {
-			return state.subscribe(callback, options);
-		}
-		function reportError(error) {
-			if (options.onError) options.onError({
-				store,
-				error
-			});
-			else console.error("[vjs-store]", error);
-		}
-	});
-}
-function freezeCopy(value) {
-	return Object.freeze({ ...value });
-}
-function patchSource(current, partial) {
-	const next = { ...current };
-	let changed = false;
-	for (const key of Reflect.ownKeys(partial)) {
-		if (!hasOwnProp.call(partial, key)) continue;
-		const value = partial[key];
-		if (Object.is(current[key], value)) continue;
-		next[key] = value;
-		changed = true;
+		};
+		this.#bindings.push(wrapped);
+		this.#recognizers.add(wrapped.recognizer);
+		this.#connect();
+		let removed = false;
+		return () => {
+			if (removed) return;
+			removed = true;
+			const idx = this.#bindings.indexOf(wrapped);
+			if (idx !== -1) this.#bindings.splice(idx, 1);
+			this.#maybeDisconnect();
+		};
 	}
-	return changed ? { next: Object.freeze(next) } : null;
-}
-function isStore(value) {
-	return isObject(value) && STORE_SYMBOL in value;
+	#connect() {
+		if (this.#disconnect) return;
+		this.#disconnect = new AbortController();
+		const { signal } = this.#disconnect;
+		let pointerDownTime = 0;
+		listen(this.#target, "pointerdown", (event) => {
+			if (event.button !== 0) return;
+			pointerDownTime = Date.now();
+		}, { signal });
+		listen(this.#target, "pointerup", (event) => {
+			if (event.button !== 0) return;
+			if (Date.now() - pointerDownTime > TAP_THRESHOLD$1) return;
+			if (isInteractiveTarget(event)) return;
+			const pointerType = event.pointerType;
+			const clientX = event.clientX;
+			const target = this.#target;
+			const bindings = this.#bindings;
+			const matches = { resolve: (type) => matchBindings(bindings, type, pointerType, clientX, target) };
+			for (const recognizer of this.#recognizers) recognizer.handleUp(matches, event);
+		}, { signal });
+	}
+	#maybeDisconnect() {
+		if (this.#bindings.length > 0) return;
+		for (const recognizer of this.#recognizers) recognizer.reset();
+		this.#recognizers.clear();
+		this.#disconnect?.abort();
+		this.#disconnect = null;
+	}
+};
+const coordinators = /* @__PURE__ */ new WeakMap();
+/** Look up the gesture coordinator for a target element, if one exists. */
+function findGestureCoordinator(target) {
+	return coordinators.get(target);
 }
-
-//#endregion
-//#region ../core/dist/dev/dom/feature.js
-const definePlayerSlice = defineSlice();
-function definePlayerFeature(definition, defaultConfig) {
-	if (arguments.length === 1) {
-		const feature = definition;
-		const preserved = Object.values(feature.config ?? {}).map((entry) => entry.state);
-		return {
-			...feature,
-			...preserved.length > 0 ? { preserve: preserved } : {}
-		};
+function getGestureCoordinator(target) {
+	let coordinator = coordinators.get(target);
+	if (!coordinator) {
+		coordinator = new GestureCoordinator(target);
+		coordinators.set(target, coordinator);
 	}
-	const { name, state, attach } = definition;
-	const forConfig = (featureConfig) => definePlayerSlice({
-		...isUndefined(name) ? {} : { name },
-		state: (ctx) => state(ctx, featureConfig),
-		...attach ? { attach: (ctx) => attach(ctx, featureConfig) } : {}
-	});
-	const defaultFeature = forConfig(defaultConfig);
-	const feature = ((featureConfig) => isUndefined(featureConfig) ? defaultFeature : forConfig(featureConfig));
-	feature.state = defaultFeature.state;
-	if (defaultFeature.attach) feature.attach = defaultFeature.attach;
-	if (!isUndefined(name)) Object.defineProperty(feature, "name", { value: name });
-	return feature;
+	return coordinator;
 }
-/** Merge the configuration declarations from the selected player features. */
-function combinePlayerFeatureConfigs(features) {
-	const definitions = features.map((feature) => feature.config ?? {});
-	{
-		const seen = /* @__PURE__ */ new Set();
-		for (const definition of definitions) for (const key of Object.keys(definition)) {
-			if (seen.has(key)) console.warn(`[vjs-core] duplicate config key "${key}" — later feature overwrites earlier one`);
-			seen.add(key);
-		}
+function matchBindings(bindings, type, pointerType, clientX, target) {
+	const rect = target.getBoundingClientRect();
+	const activeRegions = getActiveRegions(bindings, type, pointerType);
+	const region = activeRegions.size > 0 ? resolveRegion(clientX, rect, activeRegions) : null;
+	const matches = [];
+	for (const binding of bindings) {
+		if (binding.disabled) continue;
+		if (binding.type !== type) continue;
+		if (binding.pointer && binding.pointer !== pointerType) continue;
+		if (binding.region) {
+			if (binding.region !== region) continue;
+		} else if (region !== null) continue;
+		matches.push(binding);
 	}
-	return Object.assign({}, ...definitions);
+	return matches;
 }
-/** Forward one configuration input through its feature-owned private action. */
-function setPlayerConfigValue(store, entry, value) {
-	const action = store[entry.action];
-	if (typeof action !== "function") throw new TypeError(`Missing config action "${String(entry.action)}"`);
-	action(value);
+function getActiveRegions(bindings, type, pointerType) {
+	const regions = /* @__PURE__ */ new Set();
+	for (const binding of bindings) {
+		if (binding.disabled) continue;
+		if (binding.type !== type) continue;
+		if (binding.pointer && binding.pointer !== pointerType) continue;
+		if (binding.region) regions.add(binding.region);
+	}
+	return regions;
 }
 
 //#endregion
-//#region ../media/dist/dev/core/predicate.js
-function hasMetadata(media) {
-	return media.readyState >= 1;
-}
-function isMediaPauseCapable(value) {
-	if (!isObject(value)) return false;
-	const media = value;
-	return !isUndefined(media.paused) && !isUndefined(media.ended) && isFunction(media.pause);
-}
-function isMediaSeekCapable(value) {
-	if (!isObject(value)) return false;
-	const media = value;
-	return !isUndefined(media.currentTime) && !isUndefined(media.duration) && !isUndefined(media.seeking);
-}
-function isMediaSourceCapable(value) {
-	if (!isObject(value)) return false;
-	const media = value;
-	return !isUndefined(media.src) && !isUndefined(media.currentSrc) && !isUndefined(media.readyState) && isFunction(media.load);
-}
-function isMediaVolumeCapable(value) {
-	if (!isObject(value)) return false;
-	const media = value;
-	return !isUndefined(media.volume) && !isUndefined(media.muted);
-}
-/**
-* Whether the media reports a mute at all, which is a narrower question than
-* `isMediaVolumeCapable`: an embed can take a mute command while offering no way
-* to set a level.
-*/
-function isMediaMutedCapable(value) {
-	if (!isObject(value)) return false;
-	return !isUndefined(value.muted);
-}
-function isMediaPlaybackRateCapable(value) {
-	if (!isObject(value)) return false;
-	return !isUndefined(value.playbackRate);
-}
-/**
-* Only `requestPictureInPicture` is required. A native video element carries it
-* but leaves exiting to `document`, so demanding the pair would rule out the one
-* media that most certainly can.
-*/
-function isMediaPictureInPictureCapable(value) {
-	if (!isObject(value)) return false;
-	return isFunction(value.requestPictureInPicture);
-}
-function isMediaBufferCapable(value) {
-	if (!isObject(value)) return false;
-	const media = value;
-	return !isUndefined(media.buffered) && media.buffered !== EMPTY_TIME_RANGES && !isUndefined(media.seekable) && media.seekable !== EMPTY_TIME_RANGES;
-}
-function isMediaErrorCapable(value) {
-	if (!isObject(value)) return false;
-	return !isUndefined(value.error);
-}
-function isMediaTextTrackCapable(value) {
-	if (!isObject(value)) return false;
-	const media = value;
-	return !isUndefined(media.textTracks) && media.textTracks !== EMPTY_TEXT_TRACKS;
-}
-function isMediaVideoRenditionCapable(value) {
-	if (!isObject(value)) return false;
-	return !isUndefined(value.videoRenditions);
-}
-function isMediaAudioTrackCapable(value) {
-	if (!isObject(value)) return false;
-	return !isUndefined(value.audioTracks);
-}
-function isMediaVideoDimensionsCapable(value) {
-	if (!isObject(value)) return false;
-	const media = value;
-	return !isUndefined(media.videoWidth) && !isUndefined(media.videoHeight);
-}
-function isMediaRemotePlaybackCapable(value) {
-	if (!isObject(value)) return false;
-	const media = value;
-	return isObject(media.remote) && media.remote !== EMPTY_REMOTE;
-}
-function isMediaStreamTypeCapable(value) {
-	if (!isObject(value)) return false;
-	return !isUndefined(value.streamType);
+//#region ../core/dist/dev/dom/presentation/remote-playback.js
+function resolveRemote(media) {
+	const target = media;
+	if (isObject(target.remote) && "state" in target.remote && "prompt" in target.remote) return target.remote;
 }
-function isMediaContentDataCapable(value) {
-	if (!isObject(value)) return false;
-	return !isUndefined(value.contentData);
+function isRemotePlaybackConnected(media) {
+	return resolveRemote(media)?.state === "connected";
 }
-function isMediaLiveCapable(value) {
-	if (!isObject(value)) return false;
-	const media = value;
-	return !isUndefined(media.liveEdgeStart) && !isUndefined(media.targetLiveWindow);
+function isRemotePlaybackConnecting(media) {
+	return resolveRemote(media)?.state === "connecting";
 }
-function isQuerySelectorAllCapable(value) {
-	return isObject(value) && "querySelectorAll" in value && isFunction(value.querySelectorAll);
-}
-
-//#endregion
-//#region ../core/dist/dev/dom/store/features/audio-track.js
-function getTrackValue(track, index) {
-	return track.id || String(index);
-}
-function toMediaTrack(track) {
-	return {
-		...track.id !== void 0 && { id: track.id },
-		...track.kind !== void 0 && { kind: track.kind },
-		label: track.label,
-		language: track.language,
-		enabled: track.enabled
-	};
-}
-const audioTrackFeature = definePlayerFeature({
-	name: "audioTrack",
-	state: ({ target }) => ({
-		audioTrackList: [],
-		selectAudioTrack(value) {
-			const { media } = target();
-			if (!isMediaAudioTrackCapable(media)) return;
-			const tracks = [...media.audioTracks];
-			const track = tracks.find((candidate, index) => getTrackValue(candidate, index) === value);
-			if (!track) return;
-			for (const candidate of tracks) candidate.enabled = candidate === track;
-		}
-	}),
-	attach({ target, signal, set }) {
-		const { media } = target;
-		let audioTracks = null;
-		let cleanup = null;
-		const getAudioTracks = () => isMediaAudioTrackCapable(media) ? media.audioTracks : null;
-		const sync = (list = getAudioTracks()) => {
-			set({ audioTrackList: list ? [...list].map(toMediaTrack) : [] });
-		};
-		const bind = () => {
-			const nextAudioTracks = getAudioTracks();
-			if (nextAudioTracks === audioTracks) {
-				sync(nextAudioTracks);
-				return;
-			}
-			cleanup?.abort();
-			cleanup = new AbortController();
-			audioTracks = nextAudioTracks;
-			if (audioTracks) {
-				listen(audioTracks, "addtrack", () => sync(audioTracks), { signal: cleanup.signal });
-				listen(audioTracks, "removetrack", () => sync(audioTracks), { signal: cleanup.signal });
-				listen(audioTracks, "change", () => sync(audioTracks), { signal: cleanup.signal });
-			}
-			sync(audioTracks);
-		};
-		bind();
-		listen(media, "loadstart", bind, { signal });
-		signal.addEventListener("abort", () => cleanup?.abort(), { once: true });
-	}
-});
-
-//#endregion
-//#region ../core/dist/dev/dom/store/features/buffer.js
-const bufferFeature = definePlayerFeature({
-	name: "buffer",
-	state: () => ({
-		buffered: [],
-		seekable: []
-	}),
-	attach({ target, signal, set }) {
-		const { media } = target;
-		if (!isMediaBufferCapable(media)) return;
-		const sync = () => set({
-			buffered: serializeTimeRanges(media.buffered),
-			seekable: serializeTimeRanges(media.seekable)
-		});
-		sync();
-		listen(media, "progress", sync, { signal });
-		listen(media, "emptied", sync, { signal });
-	}
-});
-
-//#endregion
-//#region ../core/dist/dev/dom/gesture/region.js
-/**
-* Determine which named region a pointer position falls into.
-*
-* Regions divide the container width equally based on how many are active:
-* - `left` + `right` → halves (50% / 50%)
-* - `left` + `center` + `right` → thirds (33% / 34% / 33%)
-*
-* Single region: `left` covers the left half, `right` the right half,
-* and `center` covers the full surface. Partial two-region combos
-* (e.g. `left` + `center`) use the same natural zones — positions outside
-* all active zones return `null` so full-surface gestures can handle them.
-*/
-function resolveRegion(clientX, containerRect, activeRegions) {
-	if (activeRegions.size === 0) return null;
-	const relativeX = clientX - containerRect.left;
-	const width = containerRect.width;
-	if (width === 0) return null;
-	const ratio = relativeX / width;
-	if (activeRegions.size === 2 && activeRegions.has("left") && activeRegions.has("right")) return ratio < .5 ? "left" : "right";
-	if (activeRegions.size === 3) {
-		if (ratio < 1 / 3) return "left";
-		if (ratio < 2 / 3) return "center";
-		return "right";
-	}
-	if (activeRegions.has("left") && ratio < .5) return "left";
-	if (activeRegions.has("right") && ratio >= .5) return "right";
-	if (activeRegions.has("center")) {
-		if (activeRegions.size === 1) return "center";
-		if (ratio >= 1 / 3 && ratio < 2 / 3) return "center";
-	}
-	return null;
-}
-
-//#endregion
-//#region ../core/dist/dev/dom/gesture/coordinator.js
-const TAP_THRESHOLD$1 = 250;
-var GestureCoordinator = class {
-	#target;
-	#bindings = [];
-	#recognizers = /* @__PURE__ */ new Set();
-	#disconnect = null;
-	#subscribers = /* @__PURE__ */ new Set();
-	constructor(target) {
-		this.#target = target;
-	}
-	get bindings() {
-		return this.#bindings;
-	}
-	subscribe(callback) {
-		this.#subscribers.add(callback);
-		return () => this.#subscribers.delete(callback);
-	}
-	/**
-	* Whether a registered binding claims this tap for the given action. A claimed tap
-	* belongs to the gesture layer, so callers should leave it alone. Taps on interactive
-	* targets (buttons, sliders) are never claimed — the same filtering the pointerup
-	* listener applies. A disabled binding still claims: disabling a gesture opts out of
-	* the action, it doesn't hand the tap back to a fallback handler.
-	*/
-	claimsTap(event, action) {
-		if (isInteractiveTarget(event)) return false;
-		return this.#bindings.some((b) => b.type === "tap" && b.action === action && (!b.pointer || b.pointer === event.pointerType));
-	}
-	add(binding) {
-		const wrapped = {
-			...binding,
-			onActivate: (event) => {
-				if (this.#subscribers.size > 0) {
-					const activateEvent = {
-						type: binding.type,
-						source: "gesture",
-						action: binding.action,
-						value: binding.value,
-						region: binding.region,
-						pointer: binding.pointer,
-						event
-					};
-					for (const cb of this.#subscribers) try {
-						cb(activateEvent);
-					} catch (error) {
-						console.warn("[vjs-gesture] subscribe callback threw:", error);
-					}
-				}
-				binding.onActivate(event);
-			}
-		};
-		this.#bindings.push(wrapped);
-		this.#recognizers.add(wrapped.recognizer);
-		this.#connect();
-		let removed = false;
-		return () => {
-			if (removed) return;
-			removed = true;
-			const idx = this.#bindings.indexOf(wrapped);
-			if (idx !== -1) this.#bindings.splice(idx, 1);
-			this.#maybeDisconnect();
-		};
-	}
-	#connect() {
-		if (this.#disconnect) return;
-		this.#disconnect = new AbortController();
-		const { signal } = this.#disconnect;
-		let pointerDownTime = 0;
-		listen(this.#target, "pointerdown", (event) => {
-			if (event.button !== 0) return;
-			pointerDownTime = Date.now();
-		}, { signal });
-		listen(this.#target, "pointerup", (event) => {
-			if (event.button !== 0) return;
-			if (Date.now() - pointerDownTime > TAP_THRESHOLD$1) return;
-			if (isInteractiveTarget(event)) return;
-			const pointerType = event.pointerType;
-			const clientX = event.clientX;
-			const target = this.#target;
-			const bindings = this.#bindings;
-			const matches = { resolve: (type) => matchBindings(bindings, type, pointerType, clientX, target) };
-			for (const recognizer of this.#recognizers) recognizer.handleUp(matches, event);
-		}, { signal });
-	}
-	#maybeDisconnect() {
-		if (this.#bindings.length > 0) return;
-		for (const recognizer of this.#recognizers) recognizer.reset();
-		this.#recognizers.clear();
-		this.#disconnect?.abort();
-		this.#disconnect = null;
-	}
-};
-const coordinators = /* @__PURE__ */ new WeakMap();
-/** Look up the gesture coordinator for a target element, if one exists. */
-function findGestureCoordinator(target) {
-	return coordinators.get(target);
-}
-function getGestureCoordinator(target) {
-	let coordinator = coordinators.get(target);
-	if (!coordinator) {
-		coordinator = new GestureCoordinator(target);
-		coordinators.set(target, coordinator);
-	}
-	return coordinator;
-}
-function matchBindings(bindings, type, pointerType, clientX, target) {
-	const rect = target.getBoundingClientRect();
-	const activeRegions = getActiveRegions(bindings, type, pointerType);
-	const region = activeRegions.size > 0 ? resolveRegion(clientX, rect, activeRegions) : null;
-	const matches = [];
-	for (const binding of bindings) {
-		if (binding.disabled) continue;
-		if (binding.type !== type) continue;
-		if (binding.pointer && binding.pointer !== pointerType) continue;
-		if (binding.region) {
-			if (binding.region !== region) continue;
-		} else if (region !== null) continue;
-		matches.push(binding);
-	}
-	return matches;
-}
-function getActiveRegions(bindings, type, pointerType) {
-	const regions = /* @__PURE__ */ new Set();
-	for (const binding of bindings) {
-		if (binding.disabled) continue;
-		if (binding.type !== type) continue;
-		if (binding.pointer && binding.pointer !== pointerType) continue;
-		if (binding.region) regions.add(binding.region);
-	}
-	return regions;
-}
-
-//#endregion
-//#region ../core/dist/dev/dom/presentation/remote-playback.js
-function resolveRemote(media) {
-	const target = media;
-	if (isObject(target.remote) && "state" in target.remote && "prompt" in target.remote) return target.remote;
-}
-function isRemotePlaybackConnected(media) {
-	return resolveRemote(media)?.state === "connected";
-}
-function isRemotePlaybackConnecting(media) {
-	return resolveRemote(media)?.state === "connecting";
-}
-async function requestRemotePlayback(media) {
-	const remote = resolveRemote(media);
-	if (!remote) throw new DOMException("Remote playback not supported", "NotSupportedError");
-	return remote.prompt();
+async function requestRemotePlayback(media) {
+	const remote = resolveRemote(media);
+	if (!remote) throw new DOMException("Remote playback not supported", "NotSupportedError");
+	return remote.prompt();
 }
 
 //#endregion
@@ -1239,11 +888,13 @@ const DEFAULT_POSTER = "";
 const metadataFeature = definePlayerFeature({
 	name: "metadata",
 	config: {
+		/** The title to display. Takes precedence over the title the media carries. */
 		title: {
 			action: SET_USER_TITLE,
 			state: USER_TITLE,
 			html: { attribute: "content-title" }
 		},
+		/** The poster to display. Takes precedence over the poster the media carries. */
 		poster: {
 			action: SET_USER_POSTER,
 			state: USER_POSTER
@@ -1258,7 +909,12 @@ const metadataFeature = definePlayerFeature({
 		[SET_USER_POSTER]: (value) => set({ [USER_POSTER]: value })
 	}),
 	derived: {
+		/** The resolved content title. Set it through the player, not through the store. */
 		title: ({ get }) => get()[USER_TITLE] ?? get()[MEDIA_TITLE] ?? DEFAULT_TITLE,
+		/**
+		* The resolved poster URL, independent of the media element's own `poster`.
+		* Set it through the player, not through the store.
+		*/
 		poster: ({ get }) => get()[USER_POSTER] ?? get()[MEDIA_POSTER] ?? DEFAULT_POSTER
 	},
 	attach({ target, signal, set }) {
@@ -1570,6 +1226,15 @@ function showOnly(tracks, active) {
 		if (track.mode !== mode) track.mode = mode;
 	}
 }
+/**
+* Map a media element's `crossOrigin` to a CORS mode. Per the CORS-settings
+* attribute, any value other than `use-credentials` is Anonymous — including
+* the empty string and unknown keywords.
+*/
+function toCorsMode(value) {
+	if (isNil(value)) return null;
+	return value.toLowerCase() === "use-credentials" ? "use-credentials" : "anonymous";
+}
 function findLocaleTrack(tracks, locale) {
 	const localeKey = getCanonicalLocaleKey(locale);
 	const keys = findLocaleKeys(locale);
@@ -1589,6 +1254,7 @@ const textTrackFeature = definePlayerFeature({
 			chaptersCues: [],
 			thumbnailCues: [],
 			thumbnailTrackSrc: null,
+			thumbnailTrackCrossOrigin: null,
 			textTrackList: [],
 			subtitlesShowing: false,
 			toggleSubtitles(forceShow) {
@@ -1653,7 +1319,11 @@ const textTrackFeature = definePlayerFeature({
 			const chaptersCues = chaptersTrack?.cues ? Array.from(chaptersTrack.cues) : [];
 			const thumbnailCues = thumbnailTrack?.cues ? Array.from(thumbnailTrack.cues) : [];
 			let thumbnailTrackSrc = null;
-			if (thumbnailTrack) thumbnailTrackSrc = findTrackElement(media, thumbnailTrack)?.src ?? null;
+			let thumbnailTrackCrossOrigin = null;
+			if (thumbnailTrack) {
+				thumbnailTrackSrc = findTrackElement(media, thumbnailTrack)?.src ?? null;
+				thumbnailTrackCrossOrigin = isMediaSourceCapable(media) ? toCorsMode(media.crossOrigin) : null;
+			}
 			const tracks = isQuerySelectorAllCapable(media) && media.querySelectorAll("track") || [];
 			const shadowTracks = media instanceof HTMLElement && media.shadowRoot?.querySelectorAll("track") || [];
 			for (const trackEl of [...tracks, ...shadowTracks]) if (!trackEl.track?.cues?.length) listen(trackEl, "load", sync, { signal: trackCleanup.signal });
@@ -1661,6 +1331,7 @@ const textTrackFeature = definePlayerFeature({
 				chaptersCues,
 				thumbnailCues,
 				thumbnailTrackSrc,
+				thumbnailTrackCrossOrigin,
 				textTrackList,
 				subtitlesShowing
 			});
@@ -1797,6 +1468,335 @@ function canSetVolume() {
 	}
 }
 
+//#endregion
+//#region ../store/dist/dev/core/abort-controller-registry.js
+var AbortControllerRegistry = class {
+	#base;
+	#keys = /* @__PURE__ */ new Map();
+	/** The attach-scoped signal. Aborts on detach or reattach. */
+	get base() {
+		return (this.#base ??= new AbortController()).signal;
+	}
+	/** Clears all keyed signals, leaving base intact. */
+	clear() {
+		for (const controller of this.#keys.values()) controller.abort();
+		this.#keys.clear();
+	}
+	/** Resets base and clears all keyed signals. */
+	reset() {
+		this.clear();
+		this.#base?.abort();
+		this.#base = void 0;
+	}
+	/** Creates a new signal for the key, superseding any previous signal. */
+	supersede(key) {
+		this.#keys.get(key)?.abort();
+		const controller = new AbortController();
+		this.#keys.set(key, controller);
+		return anyAbortSignal([this.base, controller.signal]);
+	}
+};
+
+//#endregion
+//#region ../store/dist/dev/core/combine.js
+/**
+* Combines multiple slices into a single slice.
+*
+* @param slices - The slices to combine.
+* @returns A new slice that represents the combination of the input slices.
+*/
+function combine(...slices) {
+	const derivedDefinitions = slices.map((slice) => slice.derived ?? {});
+	warnDuplicates("derived", derivedDefinitions);
+	return {
+		state: (ctx) => {
+			const states = slices.map((slice) => slice.state(ctx));
+			warnDuplicates("state", states);
+			warnOverlaps(states, derivedDefinitions);
+			return Object.assign({}, ...states);
+		},
+		preserve: Array.from(new Set(slices.flatMap((slice) => slice.preserve ?? []))),
+		derived: Object.assign({}, ...derivedDefinitions),
+		attach: (ctx) => {
+			for (const slice of slices) try {
+				slice.attach?.(ctx);
+			} catch (err) {
+				ctx.reportError(err);
+			}
+		}
+	};
+}
+function warnDuplicates(namespace, objects) {
+	const seen = /* @__PURE__ */ new Set();
+	for (const object of objects) for (const key of Reflect.ownKeys(object)) {
+		if (seen.has(key)) console.warn(`[vjs-store] combine(): duplicate ${namespace} key "${String(key)}" — later slice overwrites earlier one`);
+		seen.add(key);
+	}
+}
+function warnOverlaps(states, derivedDefinitions) {
+	const stateKeys = new Set(states.flatMap((state) => Reflect.ownKeys(state)));
+	for (const key of new Set(derivedDefinitions.flatMap((derived) => Reflect.ownKeys(derived)))) if (stateKeys.has(key)) console.warn(`[vjs-store] combine(): state and derived key "${String(key)}" overlap — derived state overwrites source state`);
+}
+
+//#endregion
+//#region ../store/dist/dev/core/errors.js
+var StoreError = class extends Error {
+	code;
+	cause;
+	constructor(code, options) {
+		super(options?.message ?? code);
+		this.name = "StoreError";
+		this.code = code;
+		this.cause = options?.cause;
+	}
+};
+function throwNoTargetError() {
+	throw new StoreError("NO_TARGET");
+}
+function throwDestroyedError() {
+	throw new StoreError("DESTROYED");
+}
+
+//#endregion
+//#region ../store/dist/dev/core/state.js
+let isFlushScheduled = false;
+function scheduleFlush() {
+	if (isFlushScheduled) return;
+	isFlushScheduled = true;
+	queueMicrotask(flush);
+}
+const pendingContainers = /* @__PURE__ */ new Set();
+function flush() {
+	isFlushScheduled = false;
+	for (const container of pendingContainers) container.flush();
+	pendingContainers.clear();
+}
+const hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var StateContainer = class {
+	#current;
+	#listeners = /* @__PURE__ */ new Set();
+	#pending = false;
+	constructor(initial) {
+		this.#current = Object.freeze({ ...initial });
+	}
+	get current() {
+		return this.#current;
+	}
+	patch(partial) {
+		const next = { ...this.#current };
+		let changed = false;
+		for (const key of Reflect.ownKeys(partial)) {
+			if (!hasOwnProp$1.call(partial, key)) continue;
+			const value = partial[key];
+			if (!Object.is(this.#current[key], value)) {
+				next[key] = value;
+				changed = true;
+			}
+		}
+		if (changed) {
+			this.#current = Object.freeze(next);
+			this.#markPending();
+		}
+	}
+	replace(next) {
+		if (shallowEqual(this.#current, next)) return;
+		this.#current = Object.freeze({ ...next });
+		this.#markPending();
+	}
+	subscribe(callback, options) {
+		const signal = options?.signal;
+		if (signal?.aborted) return noop;
+		this.#listeners.add(callback);
+		if (!signal) return () => this.#listeners.delete(callback);
+		const onAbort = () => this.#listeners.delete(callback);
+		signal.addEventListener("abort", onAbort, { once: true });
+		return () => {
+			signal.removeEventListener("abort", onAbort);
+			this.#listeners.delete(callback);
+		};
+	}
+	flush() {
+		if (!this.#pending) return;
+		this.#pending = false;
+		for (const fn of this.#listeners) fn();
+	}
+	#markPending() {
+		this.#pending = true;
+		pendingContainers.add(this);
+		scheduleFlush();
+	}
+};
+function createState(initial) {
+	return new StateContainer(initial);
+}
+
+//#endregion
+//#region ../store/dist/dev/core/store.js
+const STORE_SYMBOL = Symbol.for("@videojs/store");
+const hasOwnProp = Object.prototype.hasOwnProperty;
+function createStore() {
+	return ((slice, options = {}) => {
+		let target = null;
+		let destroyed = false;
+		const setupAbort = new AbortController();
+		const signals = new AbortControllerRegistry();
+		let sourceState;
+		let state;
+		function validate() {
+			if (destroyed) throwDestroyedError();
+			if (!target) throwNoTargetError();
+		}
+		const initialSourceState = freezeCopy(slice.state({
+			target: () => {
+				validate();
+				return target;
+			},
+			signals,
+			get: () => sourceState,
+			set: (partial) => setSource(partial)
+		}));
+		sourceState = initialSourceState;
+		const initialDerivedState = derive(sourceState);
+		state = createState(publish(sourceState, initialDerivedState));
+		const store = {
+			[STORE_SYMBOL]: true,
+			get $state() {
+				return state;
+			},
+			get target() {
+				return target;
+			},
+			get destroyed() {
+				return destroyed;
+			},
+			get state() {
+				return state.current;
+			},
+			attach,
+			destroy,
+			subscribe
+		};
+		for (const key of Object.keys(state.current)) Object.defineProperty(store, key, {
+			get: () => state.current[key],
+			enumerable: true
+		});
+		for (const key of Object.getOwnPropertySymbols(sourceState)) {
+			if (typeof sourceState[key] !== "function") continue;
+			Object.defineProperty(store, key, { get: () => sourceState[key] });
+		}
+		try {
+			options.onSetup?.({
+				store,
+				signal: setupAbort.signal
+			});
+		} catch (error) {
+			reportError(error);
+		}
+		return store;
+		function derive(source) {
+			const result = {};
+			const definitions = slice.derived;
+			if (!definitions) return result;
+			const ctx = { get: () => source };
+			for (const key of Object.keys(definitions)) result[key] = definitions[key](ctx);
+			return result;
+		}
+		function publish(source, derived) {
+			const result = {};
+			for (const key of Object.keys(source)) result[key] = source[key];
+			return Object.assign(result, derived);
+		}
+		function setSource(partial) {
+			const patched = patchSource(sourceState, partial);
+			if (!patched) return;
+			const nextDerived = derive(patched.next);
+			sourceState = patched.next;
+			state.replace(publish(sourceState, nextDerived));
+		}
+		function attach(newTarget) {
+			if (destroyed) throwDestroyedError();
+			signals.reset();
+			target = newTarget;
+			const attachContext = {
+				target: newTarget,
+				signal: signals.base,
+				get: () => sourceState,
+				set: (partial) => {
+					try {
+						setSource(partial);
+					} catch (error) {
+						reportError(error);
+					}
+				},
+				reportError,
+				store: {
+					get state() {
+						return state.current;
+					},
+					subscribe
+				}
+			};
+			try {
+				slice.attach?.(attachContext);
+			} catch (error) {
+				reportError(error);
+			}
+			try {
+				options.onAttach?.({
+					store,
+					target: newTarget,
+					signal: signals.base
+				});
+			} catch (error) {
+				reportError(error);
+			}
+			return detach;
+		}
+		function detach() {
+			if (isNull(target)) return;
+			signals.reset();
+			target = null;
+			const resetState = { ...initialSourceState };
+			for (const key of slice.preserve ?? []) resetState[key] = sourceState[key];
+			setSource(resetState);
+		}
+		function destroy() {
+			if (destroyed) return;
+			destroyed = true;
+			detach();
+			setupAbort.abort();
+		}
+		function subscribe(callback, options) {
+			return state.subscribe(callback, options);
+		}
+		function reportError(error) {
+			if (options.onError) options.onError({
+				store,
+				error
+			});
+			else console.error("[vjs-store]", error);
+		}
+	});
+}
+function freezeCopy(value) {
+	return Object.freeze({ ...value });
+}
+function patchSource(current, partial) {
+	const next = { ...current };
+	let changed = false;
+	for (const key of Reflect.ownKeys(partial)) {
+		if (!hasOwnProp.call(partial, key)) continue;
+		const value = partial[key];
+		if (Object.is(current[key], value)) continue;
+		next[key] = value;
+		changed = true;
+	}
+	return changed ? { next: Object.freeze(next) } : null;
+}
+function isStore(value) {
+	return isObject(value) && STORE_SYMBOL in value;
+}
+
 //#endregion
 //#region ../core/dist/dev/dom/store/features/presets.js
 const videoFeatures = [
@@ -2266,5 +2266,5 @@ function createPlayer(config) {
 }
 
 //#endregion
-export { throwNoTargetError as A, bufferFeature as C, isMediaStreamTypeCapable as D, isMediaSeekCapable as E, isEditableTarget as M, isInteractiveActivation as N, definePlayerFeature as O, getGestureCoordinator as S, isMediaBufferCapable as T, metadataFeature as _, backgroundFeatures as a, errorFeature as b, volumeFeature as c, sourceFeature as d, remotePlaybackFeature as f, pipFeature as g, playbackFeature as h, audioFeatures as i, AbortControllerRegistry as j, createState as k, timeFeature as l, playbackRateFeature as m, PlayerController as n, liveVideoFeatures as o, qualityFeature as p, SnapshotController as r, videoFeatures as s, createPlayer as t, textTrackFeature as u, liveFeature as v, audioTrackFeature as w, controlsFeature as x, fullscreenFeature as y };
-//# sourceMappingURL=create-player-Db1CIvlK.js.map
+export { isMediaStreamTypeCapable as A, errorFeature as C, audioTrackFeature as D, bufferFeature as E, isEditableTarget as M, isInteractiveActivation as N, isMediaBufferCapable as O, fullscreenFeature as S, getGestureCoordinator as T, playbackRateFeature as _, backgroundFeatures as a, metadataFeature as b, createState as c, volumeFeature as d, timeFeature as f, qualityFeature as g, remotePlaybackFeature as h, audioFeatures as i, definePlayerFeature as j, isMediaSeekCapable as k, throwNoTargetError as l, sourceFeature as m, PlayerController as n, liveVideoFeatures as o, textTrackFeature as p, SnapshotController as r, videoFeatures as s, createPlayer as t, AbortControllerRegistry as u, playbackFeature as v, controlsFeature as w, liveFeature as x, pipFeature as y };
+//# sourceMappingURL=create-player-5UrHNqBI.js.map