@videojs/html 10.0.0-rc.1 → 10.0.0-rc.3

package/dist/default/ui/input-indicator/input-indicator-element.js

@@ -1,116 +0,0 @@
-import { containerContext, playerContext } from "../../player/context.js";
-import { PlayerController } from "../../player/player-controller.js";
-import { UIElement } from "../ui-element.js";
-import { getRenderedIndicatorState, isIndicatorPresent } from "@videojs/core";
-import { getIndicatorVisibilityCoordinator, getMediaSnapshot, subscribeToInputActions } from "@videojs/core/dom";
-import { ContextConsumer } from "@videojs/element/context";
-//#region src/ui/input-indicator/input-indicator-element.ts
-var InputIndicatorElement = class extends UIElement {
-	constructor(..._args) {
-		super(..._args);
-		this.player = new PlayerController(this, playerContext);
-		this.container = new ContextConsumer(this, {
-			context: containerContext,
-			callback: () => this.#reconnect(),
-			subscribe: true
-		});
-		this.#disconnect = null;
-		this.#inputActionUnsubscribe = null;
-		this.#visibilityUnsubscribe = null;
-		this.#visibilityHandle = null;
-		this.#lastGeneration = 0;
-		this.#snapshot = null;
-	}
-	get options() {
-		return {};
-	}
-	#disconnect;
-	#inputActionUnsubscribe;
-	#visibilityUnsubscribe;
-	#visibilityHandle;
-	#lastGeneration;
-	#snapshot;
-	#getVisibilityHandle() {
-		return this.#visibilityHandle ??= { close: () => this.core.close() };
-	}
-	#payloadSnapshot() {
-		return this.#snapshot ?? this.core.state.current;
-	}
-	connectedCallback() {
-		super.connectedCallback();
-		if (this.destroyed) return;
-		this.#snapshot = this.core.state.current;
-		this.#disconnect = new AbortController();
-		this.core.state.subscribe(() => this.requestUpdate(), { signal: this.#disconnect.signal });
-		this.transition.state.subscribe(() => this.requestUpdate(), { signal: this.#disconnect.signal });
-		this.hidden = true;
-		this.#reconnect();
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback();
-		this.#inputActionUnsubscribe?.();
-		this.#visibilityUnsubscribe?.();
-		this.#inputActionUnsubscribe = null;
-		this.#visibilityUnsubscribe = null;
-		this.#disconnect?.abort();
-		this.#disconnect = null;
-	}
-	destroyCallback() {
-		this.#inputActionUnsubscribe?.();
-		this.#visibilityUnsubscribe?.();
-		this.core.destroy();
-		this.transition.destroy();
-		this.liveIndicator.remove();
-		super.destroyCallback();
-	}
-	willUpdate(changed) {
-		super.willUpdate(changed);
-		this.syncCoreProps();
-	}
-	update(changed) {
-		super.update(changed);
-		this.#syncTransition();
-		const currentState = this.core.state.current;
-		const transitionState = this.transition.state.current;
-		if (!isIndicatorPresent(currentState, transitionState)) {
-			this.liveIndicator.remove();
-			return;
-		}
-		const state = getRenderedIndicatorState(currentState, this.#payloadSnapshot(), transitionState);
-		this.liveIndicator.render(state);
-	}
-	#syncTransition() {
-		const currentState = this.core.state.current;
-		if (currentState.open) {
-			this.#snapshot = currentState;
-			if (this.#lastGeneration !== currentState.generation) {
-				this.#lastGeneration = currentState.generation;
-				const transitionState = this.transition.state.current;
-				if (!transitionState.active || this.options.replayOnUpdate !== false) this.transition.open(this.liveIndicator.element);
-				else if (transitionState.status === "ending") this.transition.cancel();
-			}
-			return;
-		}
-		const { active, status } = this.transition.state.current;
-		if (active && status !== "ending") this.transition.close(this.liveIndicator.element);
-	}
-	#reconnect() {
-		if (!this.container) return;
-		this.#inputActionUnsubscribe?.();
-		this.#visibilityUnsubscribe?.();
-		this.#inputActionUnsubscribe = null;
-		this.#visibilityUnsubscribe = null;
-		const container = this.container.value?.container;
-		if (!container) return;
-		const visibility = getIndicatorVisibilityCoordinator(container);
-		const visibilityHandle = this.#getVisibilityHandle();
-		this.#visibilityUnsubscribe = visibility.register(visibilityHandle);
-		this.#inputActionUnsubscribe = subscribeToInputActions(container, (event) => {
-			if (this.core.processEvent(event, getMediaSnapshot(this.player.value))) visibility.show(visibilityHandle);
-		});
-	}
-};
-//#endregion
-export { InputIndicatorElement };
-
-//# sourceMappingURL=input-indicator-element.js.map

package/dist/default/ui/input-indicator/input-indicator-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-indicator-element.js","names":["#reconnect","#visibilityHandle","#snapshot","#disconnect","#inputActionUnsubscribe","#visibilityUnsubscribe","#syncTransition","#payloadSnapshot","#lastGeneration","#getVisibilityHandle"],"sources":["../../../../src/ui/input-indicator/input-indicator-element.ts"],"sourcesContent":["import {\n  getRenderedIndicatorState,\n  type IndicatorLifecycleState,\n  type IndicatorVisibilityHandle,\n  type InputActionEvent,\n  isIndicatorPresent,\n  type MediaSnapshot,\n} from '@videojs/core';\nimport {\n  getIndicatorVisibilityCoordinator,\n  getMediaSnapshot,\n  subscribeToInputActions,\n  type TransitionApi,\n} from '@videojs/core/dom';\nimport type { PropertyValues } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\nimport type { State as StoreState } from '@videojs/store';\n\nimport { containerContext, playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { UIElement } from '../ui-element';\nimport type { LiveIndicator } from './live-indicator';\n\n/** Shared imperative API for status / volume / seek indicator cores. */\nexport interface InputIndicatorCoreApi<IndicatorState extends IndicatorLifecycleState> {\n  readonly state: StoreState<IndicatorState>;\n  destroy(): void;\n  close(): void;\n  processEvent(event: InputActionEvent, snapshot: MediaSnapshot): boolean;\n}\n\nexport interface InputIndicatorOptions {\n  replayOnUpdate?: boolean | undefined;\n}\n\nexport abstract class InputIndicatorElement<IndicatorState extends IndicatorLifecycleState> extends UIElement {\n  protected abstract get core(): InputIndicatorCoreApi<IndicatorState>;\n  protected abstract get transition(): TransitionApi;\n  protected abstract get liveIndicator(): LiveIndicator<IndicatorState>;\n  protected get options(): InputIndicatorOptions {\n    return {};\n  }\n\n  protected abstract syncCoreProps(): void;\n\n  protected readonly player = new PlayerController(this, playerContext);\n  protected readonly container = new ContextConsumer(this, {\n    context: containerContext,\n    callback: () => this.#reconnect(),\n    subscribe: true,\n  });\n\n  #disconnect: AbortController | null = null;\n  #inputActionUnsubscribe: (() => void) | null = null;\n  #visibilityUnsubscribe: (() => void) | null = null;\n  #visibilityHandle: IndicatorVisibilityHandle | null = null;\n  #lastGeneration = 0;\n  #snapshot: IndicatorState | null = null;\n\n  #getVisibilityHandle(): IndicatorVisibilityHandle {\n    return (this.#visibilityHandle ??= { close: () => this.core.close() });\n  }\n\n  #payloadSnapshot(): IndicatorState {\n    return this.#snapshot ?? this.core.state.current;\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    if (this.destroyed) return;\n\n    this.#snapshot = this.core.state.current;\n\n    this.#disconnect = new AbortController();\n    this.core.state.subscribe(() => this.requestUpdate(), { signal: this.#disconnect.signal });\n    this.transition.state.subscribe(() => this.requestUpdate(), { signal: this.#disconnect.signal });\n    this.hidden = true;\n    this.#reconnect();\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#inputActionUnsubscribe?.();\n    this.#visibilityUnsubscribe?.();\n    this.#inputActionUnsubscribe = null;\n    this.#visibilityUnsubscribe = null;\n    this.#disconnect?.abort();\n    this.#disconnect = null;\n  }\n\n  override destroyCallback(): void {\n    this.#inputActionUnsubscribe?.();\n    this.#visibilityUnsubscribe?.();\n    this.core.destroy();\n    this.transition.destroy();\n    this.liveIndicator.remove();\n    super.destroyCallback();\n  }\n\n  protected override willUpdate(changed: PropertyValues): void {\n    super.willUpdate(changed);\n    this.syncCoreProps();\n  }\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n    this.#syncTransition();\n\n    const currentState = this.core.state.current;\n    const transitionState = this.transition.state.current;\n    const present = isIndicatorPresent(currentState, transitionState);\n\n    if (!present) {\n      this.liveIndicator.remove();\n      return;\n    }\n\n    const state = getRenderedIndicatorState(currentState, this.#payloadSnapshot(), transitionState);\n\n    this.liveIndicator.render(state);\n  }\n\n  #syncTransition(): void {\n    const currentState = this.core.state.current;\n\n    if (currentState.open) {\n      this.#snapshot = currentState;\n\n      if (this.#lastGeneration !== currentState.generation) {\n        this.#lastGeneration = currentState.generation;\n        const transitionState = this.transition.state.current;\n\n        if (!transitionState.active || this.options.replayOnUpdate !== false) {\n          void this.transition.open(this.liveIndicator.element);\n        } else if (transitionState.status === 'ending') {\n          this.transition.cancel();\n        }\n      }\n\n      return;\n    }\n\n    const { active, status } = this.transition.state.current;\n\n    if (active && status !== 'ending') {\n      void this.transition.close(this.liveIndicator.element);\n    }\n  }\n\n  #reconnect(): void {\n    // Context can resolve before this field assignment completes.\n    if (!this.container) return;\n\n    this.#inputActionUnsubscribe?.();\n    this.#visibilityUnsubscribe?.();\n    this.#inputActionUnsubscribe = null;\n    this.#visibilityUnsubscribe = null;\n\n    const container = this.container.value?.container;\n    if (!container) return;\n\n    const visibility = getIndicatorVisibilityCoordinator(container);\n    const visibilityHandle = this.#getVisibilityHandle();\n\n    this.#visibilityUnsubscribe = visibility.register(visibilityHandle);\n\n    this.#inputActionUnsubscribe = subscribeToInputActions(container, (event) => {\n      if (this.core.processEvent(event, getMediaSnapshot(this.player.value))) {\n        visibility.show(visibilityHandle);\n      }\n    });\n  }\n}\n"],"mappings":"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"}

package/dist/default/ui/input-indicator/live-indicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"live-indicator.js","names":["#host","#dataAttrs","#render"],"sources":["../../../../src/ui/input-indicator/live-indicator.ts"],"sourcesContent":["import type { StateAttrMap } from '@videojs/core';\nimport { applyStateDataAttrs } from '@videojs/core/dom';\n\nexport interface LiveIndicatorOptions<State extends object> {\n  host: HTMLElement;\n  dataAttrs: StateAttrMap<State>;\n  render: (element: HTMLElement, state: State) => void;\n}\n\nexport class LiveIndicator<State extends object> {\n  readonly #host: HTMLElement;\n  readonly #dataAttrs: StateAttrMap<State>;\n  readonly #render: (element: HTMLElement, state: State) => void;\n\n  constructor(options: LiveIndicatorOptions<State>) {\n    this.#host = options.host;\n    this.#dataAttrs = options.dataAttrs;\n    this.#render = options.render;\n  }\n\n  get element(): HTMLElement {\n    return this.#host;\n  }\n\n  render(state: State): HTMLElement {\n    this.#host.hidden = false;\n    applyStateDataAttrs(this.#host, state, this.#dataAttrs);\n    this.#render(this.#host, state);\n\n    return this.#host;\n  }\n\n  remove(): void {\n    this.#host.hidden = true;\n\n    for (const key in this.#dataAttrs) {\n      const name = this.#dataAttrs[key];\n\n      if (name) this.#host.removeAttribute(name);\n    }\n  }\n}\n"],"mappings":";;AASA,IAAa,gBAAb,MAAiD;CAC/C;CACA;CACA;CAEA,YAAY,SAAsC;EAChD,KAAKA,QAAQ,QAAQ;EACrB,KAAKC,aAAa,QAAQ;EAC1B,KAAKC,UAAU,QAAQ;CACzB;CAEA,IAAI,UAAuB;EACzB,OAAO,KAAKF;CACd;CAEA,OAAO,OAA2B;EAChC,KAAKA,MAAM,SAAS;EACpB,oBAAoB,KAAKA,OAAO,OAAO,KAAKC,UAAU;EACtD,KAAKC,QAAQ,KAAKF,OAAO,KAAK;EAE9B,OAAO,KAAKA;CACd;CAEA,SAAe;EACb,KAAKA,MAAM,SAAS;EAEpB,KAAK,MAAM,OAAO,KAAKC,YAAY;GACjC,MAAM,OAAO,KAAKA,WAAW;GAE7B,IAAI,MAAM,KAAKD,MAAM,gBAAgB,IAAI;EAC3C;CACF;AACF"}

package/dist/default/ui/live-button/live-button-element.js

@@ -1,114 +0,0 @@
-import { i18nContext } from "../../i18n/context.js";
-import { I18nController } from "../../i18n/controller.js";
-import { playerContext } from "../../player/context.js";
-import { PlayerController } from "../../player/player-controller.js";
-import { UIElement } from "../ui-element.js";
-import { LiveButtonCore, LiveButtonDataAttrs } from "@videojs/core";
-import { applyElementProps, applyStateDataAttrs, createButton, selectBuffer, selectLive, selectTime } from "@videojs/core/dom";
-import { resolveText, translateText } from "@videojs/core/i18n";
-//#region src/ui/live-button/live-button-element.ts
-/**
-* `<media-live-button>` — selects from `live`, `time`, and `buffer` features and composes them into the
-* `LiveButtonMediaState` consumed by `LiveButtonCore`.
-*
-* Doesn't extend `MediaButtonElement` because that base couples a button to a single feature selector; the LiveButton
-* needs three.
-*/
-var LiveButtonElement = class extends UIElement {
-	constructor(..._args) {
-		super(..._args);
-		this.disabled = false;
-		this.label = "";
-		this.core = new LiveButtonCore();
-		this.live = new PlayerController(this, playerContext, selectLive);
-		this.time = new PlayerController(this, playerContext, selectTime);
-		this.buffer = new PlayerController(this, playerContext, selectBuffer);
-		this.#i18n = new I18nController(this, i18nContext);
-		this.#defaultContent = false;
-		this.#disconnect = null;
-	}
-	static {
-		this.tagName = "media-live-button";
-	}
-	static {
-		this.properties = {
-			label: { type: String },
-			disabled: { type: Boolean }
-		};
-	}
-	#i18n;
-	get $state() {
-		return this.core.state;
-	}
-	#defaultContent;
-	#disconnect;
-	connectedCallback() {
-		super.connectedCallback();
-		if (this.destroyed) return;
-		this.#defaultContent ||= !this.textContent?.trim();
-		if (this.#defaultContent) this.textContent = translateText(LiveButtonCore.defaultText, this.#i18n.value);
-		this.#disconnect = new AbortController();
-		const buttonProps = createButton({
-			onActivate: () => {
-				const media = this.#getMedia();
-				if (media) this.core.seekToLive(media);
-			},
-			isDisabled: () => this.disabled || !this.#getMedia()
-		});
-		applyElementProps(this, buttonProps, { signal: this.#disconnect.signal });
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback();
-		this.#disconnect?.abort();
-		this.#disconnect = null;
-	}
-	/** Returns the button's current label derived from media state. */
-	getLabel() {
-		return this.core.state.current.label ? resolveText(this.core.state.current.label) : void 0;
-	}
-	/** Resolved label for tooltips and other display surfaces. */
-	getResolvedLabel() {
-		if (!this.#getMedia()) return void 0;
-		const state = this.core.getState();
-		return translateText(this.core.getLabel(state), this.#i18n.value);
-	}
-	willUpdate(changed) {
-		super.willUpdate(changed);
-		this.core.setProps(this);
-	}
-	update(changed) {
-		super.update(changed);
-		if (this.#defaultContent) this.textContent = translateText(LiveButtonCore.defaultText, this.#i18n.value);
-		const media = this.#getMedia();
-		if (!media) return;
-		this.core.setMedia(media);
-		const state = this.core.getState();
-		const attrs = this.core.getAttrs(state);
-		applyElementProps(this, {
-			...attrs,
-			"aria-label": translateText(attrs["aria-label"], this.#i18n.value)
-		});
-		applyStateDataAttrs(this, state, LiveButtonDataAttrs);
-	}
-	/**
-	* Compose the LiveButton media state from the three feature slices. Returns `null` when any are missing so the button
-	* stays disabled until all three features are registered on the player.
-	*/
-	#getMedia() {
-		const live = this.live.value;
-		const time = this.time.value;
-		const buffer = this.buffer.value;
-		if (!live || !time || !buffer) return null;
-		return {
-			currentTime: time.currentTime,
-			seek: time.seek,
-			seekable: buffer.seekable,
-			liveEdgeStart: live.liveEdgeStart,
-			targetLiveWindow: live.targetLiveWindow
-		};
-	}
-};
-//#endregion
-export { LiveButtonElement };
-
-//# sourceMappingURL=live-button-element.js.map

package/dist/default/ui/live-button/live-button-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"live-button-element.js","names":["#i18n","#defaultContent","#disconnect","#getMedia"],"sources":["../../../../src/ui/live-button/live-button-element.ts"],"sourcesContent":["import { LiveButtonCore, LiveButtonDataAttrs, type LiveButtonMediaState } from '@videojs/core';\nimport {\n  applyElementProps,\n  applyStateDataAttrs,\n  createButton,\n  logMissingFeature,\n  selectBuffer,\n  selectLive,\n  selectTime,\n} from '@videojs/core/dom';\nimport { resolveText, type Text, translateText } from '@videojs/core/i18n';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport type { State } from '@videojs/store';\n\nimport { i18nContext } from '../../i18n/context';\nimport { I18nController } from '../../i18n/controller';\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { UIElement } from '../ui-element';\n\n/**\n * `<media-live-button>` — selects from `live`, `time`, and `buffer` features and composes them into the\n * `LiveButtonMediaState` consumed by `LiveButtonCore`.\n *\n * Doesn't extend `MediaButtonElement` because that base couples a button to a single feature selector; the LiveButton\n * needs three.\n */\nexport class LiveButtonElement extends UIElement {\n  static readonly tagName = 'media-live-button';\n\n  static override properties: PropertyDeclarationMap = {\n    label: { type: String },\n    disabled: { type: Boolean },\n  };\n\n  disabled = false;\n  label: Text | string = '';\n\n  protected readonly core = new LiveButtonCore();\n\n  protected readonly live = new PlayerController(this, playerContext, selectLive);\n  protected readonly time = new PlayerController(this, playerContext, selectTime);\n  protected readonly buffer = new PlayerController(this, playerContext, selectBuffer);\n  readonly #i18n = new I18nController(this, i18nContext);\n\n  get $state(): State<LiveButtonCore.State> {\n    return this.core.state;\n  }\n\n  #defaultContent = false;\n  #disconnect: AbortController | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    if (this.destroyed) return;\n\n    this.#defaultContent ||= !this.textContent?.trim();\n\n    if (this.#defaultContent) {\n      this.textContent = translateText(LiveButtonCore.defaultText, this.#i18n.value);\n    }\n\n    this.#disconnect = new AbortController();\n\n    const buttonProps = createButton({\n      onActivate: () => {\n        const media = this.#getMedia();\n\n        if (media) this.core.seekToLive(media);\n      },\n      isDisabled: () => this.disabled || !this.#getMedia(),\n    });\n\n    applyElementProps(this, buttonProps, { signal: this.#disconnect.signal });\n\n    if (__DEV__ && !this.#getMedia()) {\n      logMissingFeature(this.localName, this.live.displayName ?? 'live');\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#disconnect?.abort();\n    this.#disconnect = null;\n  }\n\n  /** Returns the button's current label derived from media state. */\n  getLabel(): string | undefined {\n    return this.core.state.current.label ? resolveText(this.core.state.current.label) : undefined;\n  }\n\n  /** Resolved label for tooltips and other display surfaces. */\n  getResolvedLabel(): string | undefined {\n    const media = this.#getMedia();\n    if (!media) return undefined;\n\n    const state = this.core.getState();\n\n    return translateText(this.core.getLabel(state), this.#i18n.value);\n  }\n\n  protected override willUpdate(changed: PropertyValues): void {\n    super.willUpdate(changed);\n    this.core.setProps(this);\n  }\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n\n    if (this.#defaultContent) {\n      this.textContent = translateText(LiveButtonCore.defaultText, this.#i18n.value);\n    }\n\n    const media = this.#getMedia();\n    if (!media) return;\n\n    this.core.setMedia(media);\n    const state = this.core.getState();\n    const attrs = this.core.getAttrs(state);\n\n    applyElementProps(this, {\n      ...attrs,\n      'aria-label': translateText(attrs['aria-label'], this.#i18n.value),\n    });\n    applyStateDataAttrs(this, state, LiveButtonDataAttrs);\n  }\n\n  /**\n   * Compose the LiveButton media state from the three feature slices. Returns `null` when any are missing so the button\n   * stays disabled until all three features are registered on the player.\n   */\n  #getMedia(): LiveButtonMediaState | null {\n    const live = this.live.value;\n    const time = this.time.value;\n    const buffer = this.buffer.value;\n    if (!live || !time || !buffer) return null;\n\n    return {\n      currentTime: time.currentTime,\n      seek: time.seek,\n      seekable: buffer.seekable,\n      liveEdgeStart: live.liveEdgeStart,\n      targetLiveWindow: live.targetLiveWindow,\n    };\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA2BA,IAAa,oBAAb,cAAuC,UAAU;;;EAQpC,KAAA,WAAA;EACY,KAAA,QAAA;EAEG,KAAA,OAAA,IAAI,eAAe;EAEnB,KAAA,OAAA,IAAI,iBAAiB,MAAM,eAAe,UAAU;EACpD,KAAA,OAAA,IAAI,iBAAiB,MAAM,eAAe,UAAU;EAClD,KAAA,SAAA,IAAI,iBAAiB,MAAM,eAAe,YAAY;EACjE,KAAA,QAAA,IAAI,eAAe,MAAM,WAAW;EAMnC,KAAA,kBAAA;EACoB,KAAA,cAAA;;;EAtBZ,KAAA,UAAA;;;EAE2B,KAAA,aAAA;GACnD,OAAO,EAAE,MAAM,OAAO;GACtB,UAAU,EAAE,MAAM,QAAQ;EAC5B;;CAUA;CAEA,IAAI,SAAsC;EACxC,OAAO,KAAK,KAAK;CACnB;CAEA;CACA;CAEA,oBAAmC;EACjC,MAAM,kBAAkB;EAExB,IAAI,KAAK,WAAW;EAEpB,KAAKC,oBAAoB,CAAC,KAAK,aAAa,KAAK;EAEjD,IAAI,KAAKA,iBACP,KAAK,cAAc,cAAc,eAAe,aAAa,KAAKD,MAAM,KAAK;EAG/E,KAAKE,cAAc,IAAI,gBAAgB;EAEvC,MAAM,cAAc,aAAa;GAC/B,kBAAkB;IAChB,MAAM,QAAQ,KAAKC,UAAU;IAE7B,IAAI,OAAO,KAAK,KAAK,WAAW,KAAK;GACvC;GACA,kBAAkB,KAAK,YAAY,CAAC,KAAKA,UAAU;EACrD,CAAC;EAED,kBAAkB,MAAM,aAAa,EAAE,QAAQ,KAAKD,YAAY,OAAO,CAAC;CAK1E;CAEA,uBAAsC;EACpC,MAAM,qBAAqB;EAC3B,KAAKA,aAAa,MAAM;EACxB,KAAKA,cAAc;CACrB;;CAGA,WAA+B;EAC7B,OAAO,KAAK,KAAK,MAAM,QAAQ,QAAQ,YAAY,KAAK,KAAK,MAAM,QAAQ,KAAK,IAAI,KAAA;CACtF;;CAGA,mBAAuC;EAErC,IAAI,CADU,KAAKC,UACV,GAAG,OAAO,KAAA;EAEnB,MAAM,QAAQ,KAAK,KAAK,SAAS;EAEjC,OAAO,cAAc,KAAK,KAAK,SAAS,KAAK,GAAG,KAAKH,MAAM,KAAK;CAClE;CAEA,WAA8B,SAA+B;EAC3D,MAAM,WAAW,OAAO;EACxB,KAAK,KAAK,SAAS,IAAI;CACzB;CAEA,OAA0B,SAA+B;EACvD,MAAM,OAAO,OAAO;EAEpB,IAAI,KAAKC,iBACP,KAAK,cAAc,cAAc,eAAe,aAAa,KAAKD,MAAM,KAAK;EAG/E,MAAM,QAAQ,KAAKG,UAAU;EAC7B,IAAI,CAAC,OAAO;EAEZ,KAAK,KAAK,SAAS,KAAK;EACxB,MAAM,QAAQ,KAAK,KAAK,SAAS;EACjC,MAAM,QAAQ,KAAK,KAAK,SAAS,KAAK;EAEtC,kBAAkB,MAAM;GACtB,GAAG;GACH,cAAc,cAAc,MAAM,eAAe,KAAKH,MAAM,KAAK;EACnE,CAAC;EACD,oBAAoB,MAAM,OAAO,mBAAmB;CACtD;;;;;CAMA,YAAyC;EACvC,MAAM,OAAO,KAAK,KAAK;EACvB,MAAM,OAAO,KAAK,KAAK;EACvB,MAAM,SAAS,KAAK,OAAO;EAC3B,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,OAAO;EAEtC,OAAO;GACL,aAAa,KAAK;GAClB,MAAM,KAAK;GACX,UAAU,OAAO;GACjB,eAAe,KAAK;GACpB,kBAAkB,KAAK;EACzB;CACF;AACF"}

package/dist/default/ui/media-button-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"media-button-element.js","names":["#i18n","#hotkeyRegistry","#disconnect","#syncHotkeyShortcut","#lastHotkeyShortcut"],"sources":["../../../src/ui/media-button-element.ts"],"sourcesContent":["import type {\n  ButtonState,\n  InferComponentState,\n  InferMediaState,\n  MediaButtonComponent,\n  StateAttrMap,\n} from '@videojs/core';\nimport {\n  applyElementProps,\n  applyStateDataAttrs,\n  type ButtonActivationSource,\n  createButton,\n  HOTKEY_SHORTCUT_CHANGE_EVENT,\n  logMissingFeature,\n  type UIEvent,\n} from '@videojs/core/dom';\nimport { isText, resolveText, type Text, translateText } from '@videojs/core/i18n';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport type { State } from '@videojs/store';\nimport { isBoolean, isObject } from '@videojs/utils/predicate';\n\nimport { i18nContext } from '../i18n/context';\nimport { I18nController } from '../i18n/controller';\nimport type { PlayerController } from '../player/player-controller';\nimport { AriaKeyShortcutsController } from './hotkey/aria-key-shortcuts-controller';\nimport { UIElement } from './ui-element';\n\ntype LabelParams = Record<string, string | number>;\ntype LabelParamsCore<Core extends MediaButtonComponent> = Core & {\n  getLabelParams?: (state: InferComponentState<Core>) => LabelParams | undefined;\n};\n\nfunction getLabelParams<Core extends MediaButtonComponent>(\n  core: Core,\n  state: InferComponentState<Core>\n): LabelParams | undefined {\n  return (core as LabelParamsCore<Core>).getLabelParams?.(state);\n}\n\n/** Abstract base for HTML custom elements that render a media-control button. */\nexport abstract class MediaButtonElement<Core extends MediaButtonComponent> extends UIElement {\n  static override properties: PropertyDeclarationMap = {\n    label: { type: String },\n    disabled: { type: Boolean },\n  };\n\n  disabled = false;\n  label: Text | string = '';\n\n  protected abstract readonly core: Core;\n  protected abstract readonly stateAttrMap: StateAttrMap<InferComponentState<Core>>;\n  protected abstract readonly mediaState: PlayerController<any, InferMediaState<Core> | undefined>;\n\n  protected abstract activate(\n    state: InferMediaState<Core>,\n    event: UIEvent,\n    source: ButtonActivationSource\n  ): void | Promise<void>;\n\n  protected getIsButtonDisabled(): boolean {\n    return this.disabled || !this.mediaState.value;\n  }\n\n  protected handleActivate(event: UIEvent, source: ButtonActivationSource): void {\n    // `createButton` invokes `onActivate` synchronously from click/keyup\n    // handlers, so any rejection here would be unhandled. Log in dev for\n    // visibility but absorb the failure at this UI boundary.\n    Promise.resolve(this.activate(this.mediaState.value!, event, source)).catch((error) => {\n      if (__DEV__) console.error(`[${this.localName}]`, error);\n    });\n  }\n\n  /** Override to set the hotkey action name for `aria-keyshortcuts`. */\n  protected readonly hotkeyAction: string | undefined = undefined;\n\n  /** Override to match hotkeys that use action values, such as seek steps. */\n  protected get hotkeyValue(): number | undefined {\n    return undefined;\n  }\n\n  get $state(): State<ButtonState> {\n    return this.core.state;\n  }\n\n  #disconnect: AbortController | null = null;\n  #hotkeyRegistry: AriaKeyShortcutsController | null = null;\n  #lastHotkeyShortcut: string | undefined;\n  readonly #i18n = new I18nController(this, i18nContext);\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    if (this.destroyed) return;\n\n    if (this.hotkeyAction && !this.#hotkeyRegistry) {\n      this.#hotkeyRegistry = new AriaKeyShortcutsController(this, this.hotkeyAction, {\n        value: () => this.hotkeyValue,\n      });\n    }\n\n    this.#disconnect = new AbortController();\n\n    const buttonProps = createButton({\n      onActivate: (event, source) => this.handleActivate(event, source),\n      isDisabled: () => this.getIsButtonDisabled(),\n    });\n\n    applyElementProps(this, buttonProps, { signal: this.#disconnect.signal });\n\n    if (__DEV__ && !this.mediaState.value && this.mediaState.displayName) {\n      logMissingFeature(this.localName, this.mediaState.displayName);\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#disconnect?.abort();\n    this.#disconnect = null;\n  }\n\n  /** Returns the button's current label derived from media state. */\n  getLabel(): string | undefined {\n    return this.core.state.current.label ? resolveText(this.core.state.current.label) : undefined;\n  }\n\n  getShortcut(): string | undefined {\n    return this.#hotkeyRegistry?.shortcut;\n  }\n\n  /** Resolved label for tooltips and other display surfaces. */\n  getResolvedLabel(): string | undefined {\n    const media = this.mediaState.value;\n    if (!media) return undefined;\n\n    this.core.setMedia(media);\n    const state = this.core.getState() as InferComponentState<Core>;\n\n    return translateText(this.core.getLabel(state), this.#i18n.value, getLabelParams(this.core, state));\n  }\n\n  protected override willUpdate(changed: PropertyValues): void {\n    super.willUpdate(changed);\n    this.core.setProps?.(this);\n  }\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n\n    const media = this.mediaState.value;\n\n    this.#syncHotkeyShortcut();\n\n    if (!media) return;\n\n    this.core.setMedia(media);\n    const state = this.core.getState() as InferComponentState<Core>;\n    const attrs = (this.core.getAttrs?.(state) ?? {}) as Record<string, unknown>;\n\n    if (isText(attrs['aria-label'])) {\n      attrs['aria-label'] = translateText(attrs['aria-label'], this.#i18n.value, getLabelParams(this.core, state));\n    }\n\n    applyElementProps(this, {\n      ...attrs,\n      'aria-keyshortcuts': this.#hotkeyRegistry?.aria,\n      // A button whose core reports itself hidden takes the real attribute, not\n      // just the data one: `data-hidden` is a styling hook a skin may or may not\n      // act on, where `hidden` removes the control the way the React components\n      // do by rendering nothing.\n      ...(isHideable(state) && { hidden: state.hidden ? '' : undefined }),\n    });\n    applyStateDataAttrs(this, state, this.stateAttrMap);\n  }\n\n  #syncHotkeyShortcut(): void {\n    const shortcut = this.getShortcut();\n    if (shortcut === this.#lastHotkeyShortcut) return;\n\n    this.#lastHotkeyShortcut = shortcut;\n    this.dispatchEvent(new CustomEvent(HOTKEY_SHORTCUT_CHANGE_EVENT));\n  }\n}\n\n/** Whether a button's core reports whether it should be shown at all. */\nfunction isHideable(state: unknown): state is { hidden: boolean } {\n  return isObject(state) && isBoolean((state as { hidden?: unknown }).hidden);\n}\n"],"mappings":"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"}

package/dist/default/ui/media-ui-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"media-ui-element.js","names":["#i18n"],"sources":["../../../src/ui/media-ui-element.ts"],"sourcesContent":["import type { InferComponentState, InferMediaState, MediaUIComponent, StateAttrMap } from '@videojs/core';\nimport { applyElementProps, applyStateDataAttrs, logMissingFeature } from '@videojs/core/dom';\nimport { isText, translateText } from '@videojs/core/i18n';\nimport type { PropertyValues } from '@videojs/element';\nimport { isFunction } from '@videojs/utils/predicate';\n\nimport { i18nContext } from '../i18n/context';\nimport { I18nController } from '../i18n/controller';\nimport type { PlayerController } from '../player/player-controller';\nimport { UIElement } from './ui-element';\n\n/** Abstract base for HTML custom elements that display media state with data attributes. */\nexport abstract class MediaUIElement<Core extends MediaUIComponent> extends UIElement {\n  readonly #i18n = new I18nController(this, i18nContext);\n\n  protected abstract readonly core: Core;\n  protected abstract readonly stateAttrMap: StateAttrMap<InferComponentState<Core>>;\n  protected abstract readonly mediaState: PlayerController<any, InferMediaState<Core> | undefined>;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    if (__DEV__ && !this.mediaState.value && this.mediaState.displayName) {\n      logMissingFeature(this.localName, this.mediaState.displayName);\n    }\n  }\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n\n    const media = this.mediaState.value;\n    if (!media) return;\n\n    this.core.setMedia(media);\n    const state = this.core.getState();\n\n    if (isFunction(this.core.getAttrs)) {\n      const attrs = this.core.getAttrs(state) as Record<string, unknown>;\n\n      if (isText(attrs['aria-label'])) {\n        attrs['aria-label'] = translateText(attrs['aria-label'], this.#i18n.value);\n      }\n\n      applyElementProps(this, attrs);\n    }\n\n    applyStateDataAttrs(this, state, this.stateAttrMap);\n  }\n}\n"],"mappings":";;;;;;;;AAYA,IAAsB,iBAAtB,cAA4E,UAAU;CACpF,QAAiB,IAAI,eAAe,MAAM,WAAW;CAMrD,oBAAmC;EACjC,MAAM,kBAAkB;CAK1B;CAEA,OAA0B,SAA+B;EACvD,MAAM,OAAO,OAAO;EAEpB,MAAM,QAAQ,KAAK,WAAW;EAC9B,IAAI,CAAC,OAAO;EAEZ,KAAK,KAAK,SAAS,KAAK;EACxB,MAAM,QAAQ,KAAK,KAAK,SAAS;EAEjC,IAAI,WAAW,KAAK,KAAK,QAAQ,GAAG;GAClC,MAAM,QAAQ,KAAK,KAAK,SAAS,KAAK;GAEtC,IAAI,OAAO,MAAM,aAAa,GAC5B,MAAM,gBAAgB,cAAc,MAAM,eAAe,KAAKA,MAAM,KAAK;GAG3E,kBAAkB,MAAM,KAAK;EAC/B;EAEA,oBAAoB,MAAM,OAAO,KAAK,YAAY;CACpD;AACF"}

package/dist/default/ui/menu/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../../src/ui/menu/context.ts"],"sourcesContent":["import type { MenuCore, MenuOptionState, MenuState } from '@videojs/core';\nimport type { MenuApi, MenuPopupApi } from '@videojs/core/dom';\nimport { createContext } from '@videojs/element/context';\n\nexport interface MenuContextValue {\n  core: MenuCore;\n  menu: MenuApi;\n  popup: MenuPopupApi;\n  state: MenuState;\n  /** Publish option state to this menu and its parent trigger. */\n  setOptionState: (source: symbol, state: MenuOptionState | null) => void;\n}\n\nexport interface MenuGroupContextValue {\n  registerLabel: (id: string) => () => void;\n}\n\nconst MENU_CONTEXT_KEY = Symbol('@videojs/menu');\nconst MENU_GROUP_CONTEXT_KEY = Symbol('@videojs/menu-group');\n\nexport const menuContext = createContext<MenuContextValue>(MENU_CONTEXT_KEY);\nexport const menuGroupContext = createContext<MenuGroupContextValue>(MENU_GROUP_CONTEXT_KEY);\n\nexport {\n  type RadioGroupContextValue as MenuRadioGroupContextValue,\n  radioGroupContext as menuRadioGroupContext,\n} from '../radio-group/context';\n"],"mappings":";;;AAiBA,MAAM,mBAAmB,OAAO,eAAe;AAC/C,MAAM,yBAAyB,OAAO,qBAAqB;AAE3D,MAAa,cAAc,cAAgC,gBAAgB;AAC3E,MAAa,mBAAmB,cAAqC,sBAAsB"}

package/dist/default/ui/menu/menu-checkbox-item-element.js

@@ -1,81 +0,0 @@
-import { UIElement } from "../ui-element.js";
-import { menuContext } from "./context.js";
-import { applyElementProps } from "@videojs/core/dom";
-import { ContextConsumer } from "@videojs/element/context";
-//#region src/ui/menu/menu-checkbox-item-element.ts
-/** @fires checked-change - Fired when the checked state changes. */
-var MenuCheckboxItemElement = class extends UIElement {
-	constructor(..._args) {
-		super(..._args);
-		this.checked = false;
-		this.disabled = false;
-		this.#ctx = new ContextConsumer(this, {
-			context: menuContext,
-			subscribe: true
-		});
-		this.#disconnect = null;
-		this.#registered = false;
-		this.#cleanupRegistration = null;
-	}
-	static {
-		this.tagName = "media-menu-checkbox-item";
-	}
-	static {
-		this.properties = {
-			checked: { type: Boolean },
-			disabled: { type: Boolean }
-		};
-	}
-	#ctx;
-	#disconnect;
-	#registered;
-	#cleanupRegistration;
-	connectedCallback() {
-		super.connectedCallback();
-		this.#disconnect = new AbortController();
-		this.#registered = false;
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback();
-		this.#cleanupRegistration?.();
-		this.#cleanupRegistration = null;
-		this.#disconnect?.abort();
-		this.#disconnect = null;
-		this.#registered = false;
-	}
-	update(_changed) {
-		super.update(_changed);
-		const ctx = this.#ctx.value;
-		if (!ctx || !this.#disconnect) return;
-		if (!this.#registered) {
-			this.#registered = true;
-			this.#cleanupRegistration = ctx.menu.registerItem(this);
-			applyElementProps(this, {
-				onClick: () => {
-					if (!this.#ctx.value || this.disabled) return;
-					this.checked = !this.checked;
-					this.dispatchEvent(new CustomEvent("checked-change", {
-						detail: { checked: this.checked },
-						bubbles: true
-					}));
-				},
-				onPointerenter: () => {
-					const currentCtx = this.#ctx.value;
-					if (!this.disabled) currentCtx?.menu.highlight(this, {
-						focus: false,
-						pointer: true
-					});
-				}
-			}, { signal: this.#disconnect.signal });
-		}
-		applyElementProps(this, {
-			role: "menuitemcheckbox",
-			"aria-checked": String(this.checked),
-			"aria-disabled": this.disabled ? "true" : void 0
-		});
-	}
-};
-//#endregion
-export { MenuCheckboxItemElement };
-
-//# sourceMappingURL=menu-checkbox-item-element.js.map

package/dist/default/ui/menu/menu-checkbox-item-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-checkbox-item-element.js","names":["#ctx","#disconnect","#registered","#cleanupRegistration"],"sources":["../../../../src/ui/menu/menu-checkbox-item-element.ts"],"sourcesContent":["import { applyElementProps } from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { UIElement } from '../ui-element';\nimport { menuContext } from './context';\n\n/** @fires checked-change - Fired when the checked state changes. */\nexport class MenuCheckboxItemElement extends UIElement {\n  static readonly tagName = 'media-menu-checkbox-item';\n\n  static override properties = {\n    checked: { type: Boolean },\n    disabled: { type: Boolean },\n  } satisfies PropertyDeclarationMap<'checked' | 'disabled'>;\n\n  checked = false;\n  disabled = false;\n\n  readonly #ctx = new ContextConsumer(this, { context: menuContext, subscribe: true });\n\n  #disconnect: AbortController | null = null;\n  #registered = false;\n  #cleanupRegistration: (() => void) | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.#disconnect = new AbortController();\n    this.#registered = false;\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#cleanupRegistration?.();\n    this.#cleanupRegistration = null;\n    this.#disconnect?.abort();\n    this.#disconnect = null;\n    this.#registered = false;\n  }\n\n  protected override update(_changed: PropertyValues): void {\n    super.update(_changed);\n\n    const ctx = this.#ctx.value;\n    if (!ctx || !this.#disconnect) return;\n\n    if (!this.#registered) {\n      this.#registered = true;\n\n      this.#cleanupRegistration = ctx.menu.registerItem(this);\n\n      applyElementProps(\n        this,\n        {\n          onClick: () => {\n            const currentCtx = this.#ctx.value;\n            if (!currentCtx || this.disabled) return;\n\n            this.checked = !this.checked;\n            this.dispatchEvent(new CustomEvent('checked-change', { detail: { checked: this.checked }, bubbles: true }));\n          },\n          onPointerenter: () => {\n            const currentCtx = this.#ctx.value;\n\n            if (!this.disabled) currentCtx?.menu.highlight(this, { focus: false, pointer: true });\n          },\n        },\n        { signal: this.#disconnect.signal }\n      );\n    }\n\n    applyElementProps(this, {\n      role: 'menuitemcheckbox',\n      'aria-checked': String(this.checked),\n      'aria-disabled': this.disabled ? 'true' : undefined,\n    });\n  }\n}\n"],"mappings":";;;;;;AAQA,IAAa,0BAAb,cAA6C,UAAU;;;EAQ3C,KAAA,UAAA;EACC,KAAA,WAAA;EAEK,KAAA,OAAA,IAAI,gBAAgB,MAAM;GAAE,SAAS;GAAa,WAAW;EAAK,CAAC;EAE7C,KAAA,cAAA;EACxB,KAAA,cAAA;EAC8B,KAAA,uBAAA;;;EAdlB,KAAA,UAAA;;;EAEG,KAAA,aAAA;GAC3B,SAAS,EAAE,MAAM,QAAQ;GACzB,UAAU,EAAE,MAAM,QAAQ;EAC5B;;CAKA;CAEA;CACA;CACA;CAEA,oBAAmC;EACjC,MAAM,kBAAkB;EACxB,KAAKC,cAAc,IAAI,gBAAgB;EACvC,KAAKC,cAAc;CACrB;CAEA,uBAAsC;EACpC,MAAM,qBAAqB;EAC3B,KAAKC,uBAAuB;EAC5B,KAAKA,uBAAuB;EAC5B,KAAKF,aAAa,MAAM;EACxB,KAAKA,cAAc;EACnB,KAAKC,cAAc;CACrB;CAEA,OAA0B,UAAgC;EACxD,MAAM,OAAO,QAAQ;EAErB,MAAM,MAAM,KAAKF,KAAK;EACtB,IAAI,CAAC,OAAO,CAAC,KAAKC,aAAa;EAE/B,IAAI,CAAC,KAAKC,aAAa;GACrB,KAAKA,cAAc;GAEnB,KAAKC,uBAAuB,IAAI,KAAK,aAAa,IAAI;GAEtD,kBACE,MACA;IACE,eAAe;KAEb,IAAI,CADe,KAAKH,KAAK,SACV,KAAK,UAAU;KAElC,KAAK,UAAU,CAAC,KAAK;KACrB,KAAK,cAAc,IAAI,YAAY,kBAAkB;MAAE,QAAQ,EAAE,SAAS,KAAK,QAAQ;MAAG,SAAS;KAAK,CAAC,CAAC;IAC5G;IACA,sBAAsB;KACpB,MAAM,aAAa,KAAKA,KAAK;KAE7B,IAAI,CAAC,KAAK,UAAU,YAAY,KAAK,UAAU,MAAM;MAAE,OAAO;MAAO,SAAS;KAAK,CAAC;IACtF;GACF,GACA,EAAE,QAAQ,KAAKC,YAAY,OAAO,CACpC;EACF;EAEA,kBAAkB,MAAM;GACtB,MAAM;GACN,gBAAgB,OAAO,KAAK,OAAO;GACnC,iBAAiB,KAAK,WAAW,SAAS,KAAA;EAC5C,CAAC;CACH;AACF"}