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

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

@@ -1,11 +1,11 @@
 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 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-DK9WOywd.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";
@@ -2440,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) {
@@ -2456,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() {
@@ -2483,6 +2483,7 @@ function createSlider(options) {
 			cachedRect = el.getBoundingClientRect();
 			cachedRTL = options.isRTL();
 			committedOnRelease = false;
+			pointingOnRelease = false;
 			releaseCapture();
 			capturedPointerId = event.pointerId;
 			el.setPointerCapture(event.pointerId);
@@ -2529,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);
@@ -2585,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);
@@ -3598,8 +3602,7 @@ var MenuCore = class MenuCore {
 		open: false,
 		defaultOpen: false,
 		closeOnEscape: true,
-		closeOnOutsideClick: true,
-		isSubmenu: false
+		closeOnOutsideClick: true
 	};
 	#props = { ...MenuCore.defaultProps };
 	#input = null;
@@ -3617,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,
@@ -5585,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) {
@@ -5608,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;
 	}
 };
 
@@ -6512,7 +6515,7 @@ var MenuCheckboxItemElement = class extends MediaElement {
 
 //#endregion
 //#region src/ui/menu/menu-element.ts
-const defaultTriggerMetadata = {
+const defaultTriggerState = {
 	hint: "",
 	disabled: false
 };
@@ -6546,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;
@@ -6569,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();
 		};
 	}
@@ -6613,8 +6616,8 @@ var MenuElement = class extends MediaElement {
 	#triggerAbort;
 	#cleanupSizeObserver;
 	#currentTrigger;
-	#metadataTrigger;
-	#triggerMetadata;
+	#stateTrigger;
+	#triggerState;
 	#releaseControlsLock;
 	#registeredParentMenu;
 	#cleanupParentRegistration;
@@ -6653,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;
@@ -6673,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,
@@ -6681,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);
 	}
@@ -6692,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();
@@ -6702,7 +6706,7 @@ var MenuElement = class extends MediaElement {
 			menu: this.#menu,
 			state,
 			stateAttrMap: MenuDataAttrs,
-			setTriggerMetadata: this.#setTriggerMetadata
+			setTriggerState: this.#setTriggerState
 		});
 	}
 	#releaseControlsVisibilityLock() {
@@ -6752,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);
@@ -6772,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,
@@ -6795,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;
@@ -8528,5 +8532,5 @@ function defineSliders() {
 }
 
 //#endregion
-export { getTemplateElement as $, selectAudioTrack as A, selectTime as B, applyStateDataAttrs as C, toPercent as D, findLastIndexAtOrBefore as E, selectPlayback as F, offText as G, autoText as H, selectPlaybackRate as I, settingsText as J, playbackRateText as K, selectQuality as L, selectFullscreen as M, selectLive as N, createButton as O, selectPiP as P, createTemplate as Q, selectRemotePlayback as R, resolveLabel as S, applyElementProps as T, autoWithLabelText as U, audioText as V, captionsText as W, subtitlesText as X, speedText as Y, cloneTemplateRoot as Z, MenuRadioGroupElement as _, defineSliders as a, enterText as b, defineTooltip as c, PopoverElement as d, getTemplateRoot as et, PlayButtonElement as f, RadioOptionsController as g, BufferingIndicatorElement as h, defineMenu as i, selectBuffer as j, MEDIA_INPUT_ACTION_OVERRIDES as k, defineVolumeSlider as l, HotkeyElement as m, defineErrorDialog as n, walkAncestors as nt, defineTime as o, MuteButtonElement as p, qualityText as q, defineInputIndicators as r, defaults as rt, defineTimeSlider as s, defineControls as t, renderTemplate as tt, sliderContext as u, MediaButtonElement as v, logMissingFeature as w, exitText as x, rateText as y, selectTextTrack as z };
-//# sourceMappingURL=compounds-nk9RJtBK.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