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

package/cdn/{compounds-CCvdpvge.js → compounds-C73u1MeO.js}

@@ -1,11 +1,14 @@
 import { a as isNull, l as isString, n as isBoolean, o as isNumber, r as isFunction, s as isObject, u as isUndefined } from "./predicate-faYxAB6Z.js";
+import { s as DEFAULT_LOCALE$1 } from "./i18n-DyF_NfCk.js";
 import { i as snapshotAttributes, n as restoreAttributes, o as pick } from "./attributes-c6az3W3y.js";
-import { A as definePlayerFeature, B as isInteractiveActivation, C as controlsFeature, D as isMediaBufferCapable, E as audioTrackFeature, H as i18nContext, I as containsComposed, L as isDocument, M as throwNoTargetError, N as AbortControllerRegistry, O as isMediaSeekCapable, P as I18nController, R as noop, S as errorFeature, T as bufferFeature, U as ContextProvider, V as getDeepActiveElement, _ as playbackFeature, a as popupGroupContext, b as liveFeature, d as timeFeature, f as textTrackFeature, g as playbackRateFeature, h as qualityFeature, j as createState, k as isMediaStreamTypeCapable, m as remotePlaybackFeature, n as PlayerController, p as sourceFeature, r as SnapshotController, u as volumeFeature, v as pipFeature, w as getGestureCoordinator, x as fullscreenFeature, y as metadataFeature, z as isEditableTarget } from "./create-player-BHFyOnWi.js";
-import { i as DEFAULT_LOCALE$1, r as resolveText$1, t as translateText$1 } from "./translate-text-DP0CzUCC.js";
+import { r as resolveText$1, t as translateText$1 } from "./translate-text-BWvoW5-r.js";
 import { n as ContextConsumer, t as MediaElement } from "./media-element-CJY3JIgc.js";
 import { a as createContext, i as safeDefine, r as playerContext, t as containerContext } from "./context-OhQY847V.js";
+import { a as containsComposed, c as i18nContext, l as ContextProvider, n as popupGroupContext, o as isDocument, r as I18nController, s as getDeepActiveElement } from "./container-element-HHK_KZOE.js";
+import { A as throwNoTargetError, C as bufferFeature, D as isMediaStreamTypeCapable, E as isMediaSeekCapable, M as isEditableTarget, N as isInteractiveActivation, O as definePlayerFeature, S as getGestureCoordinator, T as isMediaBufferCapable, _ as metadataFeature, b as errorFeature, c as volumeFeature, d as sourceFeature, f as remotePlaybackFeature, g as pipFeature, h as playbackFeature, j as AbortControllerRegistry, k as createState, l as timeFeature, m as playbackRateFeature, n as PlayerController, p as qualityFeature, r as SnapshotController, u as textTrackFeature, v as liveFeature, w as audioTrackFeature, x as controlsFeature, y as fullscreenFeature } from "./create-player-Db1CIvlK.js";
 import { n as kebabCase } from "./casing-Cu0fL85w.js";
 import { t as listen } from "./listen-CdeggIF8.js";
+import { t as noop } from "./noop-BxkeRIz9.js";
 import { n as isCaptionOrSubtitleTrack } from "./text-track-DMA7pa8W.js";
 import { t as MediaError } from "./media-error-zO-Hg4un.js";
 import { t as MediaStreamTypes } from "./types-B3ylxZUA.js";
@@ -2437,7 +2440,7 @@ function createSlider(options) {
 	});
 	const abort = new AbortController();
 	const changeThrottleMs = options.changeThrottle ?? 0;
-	let isDragging = false, cachedRTL = false, cachedRect = null, capturedPointerId = null, lastDragPercent = 0, committedOnRelease = false;
+	let isDragging = false, cachedRTL = false, cachedRect = null, capturedPointerId = null, lastDragPercent = 0, committedOnRelease = false, pointingOnRelease = false;
 	const throttledChange = changeThrottleMs > 0 ? throttle((percent) => options.onValueChange?.(percent), changeThrottleMs, { leading: true }) : null;
 	/** Fire `onValueChange` — throttled during drag when `changeThrottle > 0`. */
 	function fireChange(percent, duringDrag) {
@@ -2453,17 +2456,17 @@ function createSlider(options) {
 		} catch {}
 	}
 	function endDrag() {
-		if (!isDragging) input.patch({ pointing: false });
-		else {
-			if (!committedOnRelease) options.onValueCommit?.(lastDragPercent);
-			isDragging = false;
-			input.patch({
-				dragging: false,
-				pointing: false
-			});
-			options.onDragEnd?.();
-		}
+		if (!isDragging) return;
+		const pointing = committedOnRelease && pointingOnRelease;
+		if (!committedOnRelease) options.onValueCommit?.(lastDragPercent);
+		isDragging = false;
+		input.patch({
+			dragging: false,
+			pointing
+		});
+		options.onDragEnd?.();
 		committedOnRelease = false;
+		pointingOnRelease = false;
 		cleanup();
 	}
 	function cleanup() {
@@ -2480,6 +2483,7 @@ function createSlider(options) {
 			cachedRect = el.getBoundingClientRect();
 			cachedRTL = options.isRTL();
 			committedOnRelease = false;
+			pointingOnRelease = false;
 			releaseCapture();
 			capturedPointerId = event.pointerId;
 			el.setPointerCapture(event.pointerId);
@@ -2526,6 +2530,8 @@ function createSlider(options) {
 			event.stopPropagation();
 			if (isNull(capturedPointerId)) return;
 			const percent = getPercentFromPointerEvent(event, cachedRect, options.getOrientation(), cachedRTL);
+			const releaseRect = options.getElement().getBoundingClientRect();
+			pointingOnRelease = event.pointerType !== "touch" && event.clientX >= releaseRect.left && event.clientX <= releaseRect.right && event.clientY >= releaseRect.top && event.clientY <= releaseRect.bottom;
 			throttledChange?.cancel();
 			options.onValueChange?.(percent);
 			options.onValueCommit?.(percent);
@@ -2582,7 +2588,8 @@ function createSlider(options) {
 				newPercent = clamp(newPercent, 0, 100);
 				input.patch({
 					pointerPercent: newPercent,
-					dragPercent: newPercent
+					dragPercent: newPercent,
+					pointing: false
 				});
 				options.onValueChange?.(newPercent);
 				options.onValueCommit?.(newPercent);
@@ -3595,8 +3602,7 @@ var MenuCore = class MenuCore {
 		open: false,
 		defaultOpen: false,
 		closeOnEscape: true,
-		closeOnOutsideClick: true,
-		isSubmenu: false
+		closeOnOutsideClick: true
 	};
 	#props = { ...MenuCore.defaultProps };
 	#input = null;
@@ -3614,7 +3620,7 @@ var MenuCore = class MenuCore {
 	}
 	getState() {
 		const input = this.#input;
-		const isSubmenu = this.#props.isSubmenu;
+		const isSubmenu = input.isSubmenu;
 		return {
 			open: input.active,
 			status: input.status,
@@ -3626,6 +3632,7 @@ var MenuCore = class MenuCore {
 	}
 	getTriggerAttrs(state, contentId) {
 		return {
+			...!state.isSubmenu && { tabIndex: 0 },
 			"aria-haspopup": "menu",
 			"aria-expanded": state.open && state.status !== "ending" ? "true" : "false",
 			"aria-controls": contentId
@@ -5581,10 +5588,10 @@ var MenuRadioGroupElement = class extends RadioGroupElement {
 		subscribe: true
 	});
 	#ariaLabel = null;
-	#metadataMenu = null;
-	#setTriggerMetadata = null;
+	#triggerMenu = null;
+	#setTriggerState = null;
 	disconnectedCallback() {
-		this.#clearMenuMetadata();
+		this.#clearMenuTriggerState();
 		super.disconnectedCallback();
 	}
 	update(changed) {
@@ -5604,29 +5611,29 @@ var MenuRadioGroupElement = class extends RadioGroupElement {
 		this.#ariaLabel = label;
 		this.setAttribute("aria-label", label);
 	}
-	publishMenuMetadata(disabled, availability) {
+	publishMenuTriggerState(disabled, availability) {
 		const context = this.#menu.value ?? null;
-		if (context?.menu !== this.#metadataMenu) {
-			this.#clearMenuMetadata();
-			this.#metadataMenu = context?.menu ?? null;
-			this.#setTriggerMetadata = context?.setTriggerMetadata ?? null;
+		if (context?.menu !== this.#triggerMenu) {
+			this.#clearMenuTriggerState();
+			this.#triggerMenu = context?.menu ?? null;
+			this.#setTriggerState = context?.setTriggerState ?? null;
 		}
-		if (!this.#setTriggerMetadata) return;
+		if (!this.#setTriggerState) return;
 		const selectedItem = findElementChild(this, (item) => item instanceof MenuRadioItemElement && item.value === this.value);
 		const hint = selectedItem?.querySelector("[data-part~=\"label\"]")?.textContent ?? selectedItem?.textContent?.trim() ?? "";
-		this.#setTriggerMetadata({
+		this.#setTriggerState({
 			hint,
 			disabled,
 			availability
 		});
 	}
-	#clearMenuMetadata() {
-		this.#setTriggerMetadata?.({
+	#clearMenuTriggerState() {
+		this.#setTriggerState?.({
 			hint: "",
 			disabled: false
 		});
-		this.#metadataMenu = null;
-		this.#setTriggerMetadata = null;
+		this.#triggerMenu = null;
+		this.#setTriggerState = null;
 	}
 };
 
@@ -5784,17 +5791,6 @@ var BufferingIndicatorElement = class extends MediaElement {
 	}
 };
 
-//#endregion
-//#region src/ui/command-for.ts
-/** Toggle a popup host linked via `commandfor` (menu, popover, etc.). */
-function toggleCommandTarget(host, commandfor) {
-	const root = host.getRootNode();
-	const target = ("getElementById" in root ? root.getElementById(commandfor) : null) ?? root.querySelector(`#${CSS.escape(commandfor)}`);
-	if (!target || !("open" in target)) return;
-	const popup = target;
-	popup.open = !popup.open;
-}
-
 //#endregion
 //#region src/ui/hotkey/hotkey-element.ts
 var HotkeyElement = class extends MediaElement {
@@ -6519,7 +6515,7 @@ var MenuCheckboxItemElement = class extends MediaElement {
 
 //#endregion
 //#region src/ui/menu/menu-element.ts
-const defaultTriggerMetadata = {
+const defaultTriggerState = {
 	hint: "",
 	disabled: false
 };
@@ -6553,8 +6549,8 @@ var MenuElement = class extends MediaElement {
 		this.#triggerAbort = null;
 		this.#cleanupSizeObserver = null;
 		this.#currentTrigger = null;
-		this.#metadataTrigger = null;
-		this.#triggerMetadata = defaultTriggerMetadata;
+		this.#stateTrigger = null;
+		this.#triggerState = defaultTriggerState;
 		this.#releaseControlsLock = null;
 		this.#registeredParentMenu = null;
 		this.#cleanupParentRegistration = null;
@@ -6576,10 +6572,10 @@ var MenuElement = class extends MediaElement {
 		this.#handleContentFocusOut = (event) => {
 			this.#menu?.contentProps.onFocusOut(event);
 		};
-		this.#setTriggerMetadata = (metadata) => {
-			if (metadata.hint === this.#triggerMetadata.hint && metadata.disabled === this.#triggerMetadata.disabled && metadata.availability === this.#triggerMetadata.availability) return;
-			this.#triggerMetadata = metadata;
-			if (metadata.disabled && this.open && this.#parentCtx.value) this.close("imperative-action");
+		this.#setTriggerState = (triggerState) => {
+			if (triggerState.hint === this.#triggerState.hint && triggerState.disabled === this.#triggerState.disabled && triggerState.availability === this.#triggerState.availability) return;
+			this.#triggerState = triggerState;
+			if (triggerState.disabled && this.open && this.#parentCtx.value) this.close("imperative-action");
 			this.requestUpdate();
 		};
 	}
@@ -6620,8 +6616,8 @@ var MenuElement = class extends MediaElement {
 	#triggerAbort;
 	#cleanupSizeObserver;
 	#currentTrigger;
-	#metadataTrigger;
-	#triggerMetadata;
+	#stateTrigger;
+	#triggerState;
 	#releaseControlsLock;
 	#registeredParentMenu;
 	#cleanupParentRegistration;
@@ -6660,7 +6656,7 @@ var MenuElement = class extends MediaElement {
 		super.disconnectedCallback();
 		this.#cleanupSizeObserver?.();
 		this.#cleanupSizeObserver = null;
-		this.#syncTriggerMetadata(null);
+		this.#syncTriggerState(null);
 		this.#cleanupTrigger();
 		this.#cleanupParentRegistration?.();
 		this.#cleanupParentRegistration = null;
@@ -6680,7 +6676,6 @@ var MenuElement = class extends MediaElement {
 		super.willUpdate(changed);
 		if (!this.hasUpdated && this.defaultOpen && !this.open) this.open = true;
 		const parentCtx = this.#parentCtx.value ?? null;
-		const isSubmenu = parentCtx !== null;
 		this.#syncParentRegistration(parentCtx);
 		this.#core.setProps({
 			open: this.open,
@@ -6688,8 +6683,7 @@ var MenuElement = class extends MediaElement {
 			side: this.side,
 			align: this.align,
 			closeOnEscape: this.closeOnEscape,
-			closeOnOutsideClick: this.closeOnOutsideClick,
-			isSubmenu
+			closeOnOutsideClick: this.closeOnOutsideClick
 		});
 		if (this.#menu && changed.has("open")) this.#menu.syncOpen(this.open);
 	}
@@ -6699,7 +6693,10 @@ var MenuElement = class extends MediaElement {
 		const parentCtx = this.#parentCtx.value ?? null;
 		const isSubmenu = parentCtx !== null;
 		const input = this.#menu.input.current;
-		this.#core.setInput(input);
+		this.#core.setInput({
+			...input,
+			isSubmenu
+		});
 		const state = this.#core.getState();
 		if (!isSubmenu && state.open) this.#releaseControlsLock ??= this.#controlsState.value?.requestControlsLock() ?? null;
 		else this.#releaseControlsVisibilityLock();
@@ -6709,7 +6706,7 @@ var MenuElement = class extends MediaElement {
 			menu: this.#menu,
 			state,
 			stateAttrMap: MenuDataAttrs,
-			setTriggerMetadata: this.#setTriggerMetadata
+			setTriggerState: this.#setTriggerState
 		});
 	}
 	#releaseControlsVisibilityLock() {
@@ -6759,7 +6756,7 @@ var MenuElement = class extends MediaElement {
 		const triggerElement = this.parentElement?.querySelector(`[data-has-submenu][commandfor="${this.id}"]`);
 		this.#menu?.setTriggerElement(triggerElement ?? null);
 		if (triggerElement) applyElementProps(triggerElement, this.#core.getTriggerAttrs(state, this.id));
-		this.#syncTriggerMetadata(triggerElement ?? null);
+		this.#syncTriggerState(triggerElement ?? null);
 		this.removeAttribute(MenuDataAttrs.side);
 		this.removeAttribute(MenuDataAttrs.align);
 		applyStateDataAttrs(this, state, MenuDataAttrs);
@@ -6779,22 +6776,22 @@ var MenuElement = class extends MediaElement {
 	}
 	#handleContentKeyDown;
 	#handleContentFocusOut;
-	#setTriggerMetadata;
-	#syncTriggerMetadata(trigger) {
-		if (trigger !== this.#metadataTrigger) {
-			this.#clearTriggerMetadata();
-			this.#metadataTrigger = trigger;
+	#setTriggerState;
+	#syncTriggerState(trigger) {
+		if (trigger !== this.#stateTrigger) {
+			this.#clearTriggerState();
+			this.#stateTrigger = trigger;
 		}
 		if (!trigger) return;
 		applyElementProps(trigger, {
-			"aria-disabled": this.#triggerMetadata.disabled || isTriggerExplicitlyDisabled(trigger) ? "true" : void 0,
-			"data-availability": this.#triggerMetadata.availability
+			"aria-disabled": this.#triggerState.disabled || isTriggerExplicitlyDisabled(trigger) ? "true" : void 0,
+			"data-availability": this.#triggerState.availability
 		});
 		const hint = trigger.querySelector("[data-part~=\"hint\"]");
-		if (hint && hint.textContent !== this.#triggerMetadata.hint) hint.textContent = this.#triggerMetadata.hint;
+		if (hint && hint.textContent !== this.#triggerState.hint) hint.textContent = this.#triggerState.hint;
 	}
-	#clearTriggerMetadata() {
-		const trigger = this.#metadataTrigger;
+	#clearTriggerState() {
+		const trigger = this.#stateTrigger;
 		if (!trigger) return;
 		applyElementProps(trigger, {
 			"aria-disabled": isTriggerExplicitlyDisabled(trigger) ? "true" : void 0,
@@ -6802,7 +6799,7 @@ var MenuElement = class extends MediaElement {
 		});
 		const hint = trigger.querySelector("[data-part~=\"hint\"]");
 		if (hint?.textContent) hint.textContent = "";
-		this.#metadataTrigger = null;
+		this.#stateTrigger = null;
 	}
 	#syncTrigger(triggerElement) {
 		if (triggerElement === this.#currentTrigger) return;
@@ -8535,5 +8532,5 @@ function defineSliders() {
 }
 
 //#endregion
-export { createTemplate as $, MEDIA_INPUT_ACTION_OVERRIDES as A, selectTextTrack as B, resolveLabel as C, findLastIndexAtOrBefore as D, applyElementProps as E, selectPiP as F, captionsText as G, audioText as H, selectPlayback as I, qualityText as J, offText as K, selectPlaybackRate as L, selectBuffer as M, selectFullscreen as N, toPercent as O, selectLive as P, cloneTemplateRoot as Q, selectQuality as R, exitText as S, logMissingFeature as T, autoText as U, selectTime as V, autoWithLabelText as W, speedText as X, settingsText as Y, subtitlesText as Z, RadioOptionsController as _, defineSliders as a, rateText as b, defineTooltip as c, PopoverElement as d, getTemplateElement as et, PlayButtonElement as f, BufferingIndicatorElement as g, toggleCommandTarget as h, defineMenu as i, defaults as it, selectAudioTrack as j, createButton as k, defineVolumeSlider as l, HotkeyElement as m, defineErrorDialog as n, renderTemplate as nt, defineTime as o, MuteButtonElement as p, playbackRateText as q, defineInputIndicators as r, walkAncestors as rt, defineTimeSlider as s, defineControls as t, getTemplateRoot as tt, sliderContext as u, MenuRadioGroupElement as v, applyStateDataAttrs as w, enterText as x, MediaButtonElement as y, selectRemotePlayback as z };
-//# sourceMappingURL=compounds-CCvdpvge.js.map
+export { createTemplate as $, selectAudioTrack as A, selectTextTrack as B, applyStateDataAttrs as C, toPercent as D, findLastIndexAtOrBefore as E, selectPiP as F, captionsText as G, audioText as H, selectPlayback as I, qualityText as J, offText as K, selectPlaybackRate as L, selectFullscreen as M, selectLive as N, createButton as O, selectMetadata as P, cloneTemplateRoot as Q, selectQuality as R, resolveLabel as S, applyElementProps as T, autoText as U, selectTime as V, autoWithLabelText as W, speedText as X, settingsText as Y, subtitlesText as Z, MenuRadioGroupElement as _, defineSliders as a, enterText as b, defineTooltip as c, PopoverElement as d, getTemplateElement as et, PlayButtonElement as f, RadioOptionsController as g, BufferingIndicatorElement as h, defineMenu as i, defaults as it, selectBuffer as j, MEDIA_INPUT_ACTION_OVERRIDES as k, defineVolumeSlider as l, HotkeyElement as m, defineErrorDialog as n, renderTemplate as nt, defineTime as o, MuteButtonElement as p, playbackRateText as q, defineInputIndicators as r, walkAncestors as rt, defineTimeSlider as s, defineControls as t, getTemplateRoot as tt, sliderContext as u, MediaButtonElement as v, logMissingFeature as w, exitText as x, rateText as y, selectRemotePlayback as z };
+//# sourceMappingURL=compounds-C73u1MeO.js.map