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

package/dist/dev/ui/live-button/live-button-element.d.ts

@@ -1,49 +0,0 @@
-import { UIElement } from "../ui-element.js";
-import { PlayerController } from "../../player/player-controller.js";
-import { index_d_exports } from "../../index.js";
-import { LiveButtonCore } from "@videojs/core";
-import { PropertyDeclarationMap, PropertyValues } from "@videojs/element";
-import { State } from "@videojs/store";
-import { Text } from "@videojs/core/i18n";
-//#region src/ui/live-button/live-button-element.d.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.
- */
-declare class LiveButtonElement extends UIElement {
-  #private;
-  static readonly tagName = "media-live-button";
-  static properties: PropertyDeclarationMap;
-  disabled: boolean;
-  label: Text | string;
-  protected readonly core: LiveButtonCore;
-  protected readonly live: PlayerController<index_d_exports.AnyPlayerStore, {
-    liveEdgeStart: number;
-    targetLiveWindow: number;
-  } | undefined>;
-  protected readonly time: PlayerController<index_d_exports.AnyPlayerStore, {
-    currentTime: number;
-    duration: number;
-    seeking: boolean;
-    seek: (time: number) => Promise<number>;
-  } | undefined>;
-  protected readonly buffer: PlayerController<index_d_exports.AnyPlayerStore, {
-    buffered: [number, number][];
-    seekable: [number, number][];
-  } | undefined>;
-  get $state(): State<LiveButtonCore.State>;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  /** Returns the button's current label derived from media state. */
-  getLabel(): string | undefined;
-  /** Resolved label for tooltips and other display surfaces. */
-  getResolvedLabel(): string | undefined;
-  protected willUpdate(changed: PropertyValues): void;
-  protected update(changed: PropertyValues): void;
-}
-//#endregion
-export { LiveButtonElement };
-//# sourceMappingURL=live-button-element.d.ts.map

package/dist/dev/ui/live-button/live-button-element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"live-button-element.d.ts","names":[],"sources":["../../../../src/ui/live-button/live-button-element.ts"],"mappings":";;;;;;;;;;;;;;;cA2Ba,0BAA0B;;kBACrB;SAEA,YAAY;EAK5B;EACA,OAAO;qBAEY,MAAI;qBAEJ,MAAI,iBAFA,gBAEA;;;;qBACJ,MAAI,iBADA,gBACA;;;;;;qBACJ,QAAM,iBADF,gBACE;;;;MAGrB,UAAU,MAAM,eAAe;EAO1B;EA6BA;;EAOT;;EAKA;YASmB,WAAW,SAAS;YAKpB,OAAO,SAAS"}

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

@@ -1,115 +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, logMissingFeature, 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 });
-		if (!this.#getMedia()) logMissingFeature(this.localName, this.live.displayName ?? "live");
-	}
-	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/dev/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;EAExE,IAAe,CAAC,KAAKC,UAAU,GAC7B,kBAAkB,KAAK,WAAW,KAAK,KAAK,eAAe,MAAM;CAErE;CAEA,uBAAsC;EACpC,MAAM,qBAAqB;EAC3B,KAAKD,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/dev/ui/menu/menu-checkbox-item-element.d.ts

@@ -1,24 +0,0 @@
-import { UIElement } from "../ui-element.js";
-import { PropertyValues } from "@videojs/element";
-//#region src/ui/menu/menu-checkbox-item-element.d.ts
-/** @fires checked-change - Fired when the checked state changes. */
-declare class MenuCheckboxItemElement extends UIElement {
-  #private;
-  static readonly tagName = "media-menu-checkbox-item";
-  static properties: {
-    checked: {
-      type: BooleanConstructor;
-    };
-    disabled: {
-      type: BooleanConstructor;
-    };
-  };
-  checked: boolean;
-  disabled: boolean;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  protected update(_changed: PropertyValues): void;
-}
-//#endregion
-export { MenuCheckboxItemElement };
-//# sourceMappingURL=menu-checkbox-item-element.d.ts.map

package/dist/dev/ui/menu/menu-checkbox-item-element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-checkbox-item-element.d.ts","names":[],"sources":["../../../../src/ui/menu/menu-checkbox-item-element.ts"],"mappings":";;;;cAQa,gCAAgC;;kBAC3B;SAEA;;MACH,MAAI;;;MACH,MAAI;;;EAGlB;EACA;EAQS;EAMA;YASU,OAAO,UAAU"}

package/dist/dev/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/dev/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"}

package/dist/dev/ui/menu/menu-content-element.d.ts

@@ -1,31 +0,0 @@
-import { UIElement } from "../ui-element.js";
-import { MenuContextValue } from "./context.js";
-import { MenuOpenChangeReason } from "@videojs/core/dom";
-import { PropertyValues } from "@videojs/element";
-//#region src/ui/menu/menu-content-element.d.ts
-/** One accessible menu page. Root and nested pages are sibling children of `<media-menu>`. */
-declare class MenuContentElement extends UIElement {
-  #private;
-  static readonly tagName = "media-menu-content";
-  static properties: {
-    open: {
-      type: BooleanConstructor;
-    };
-    defaultOpen: {
-      type: BooleanConstructor;
-      attribute: string;
-    };
-  };
-  open: boolean;
-  defaultOpen: boolean;
-  get context(): MenuContextValue | null;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  openMenu(reason?: MenuOpenChangeReason): void;
-  close(reason?: MenuOpenChangeReason): void;
-  protected willUpdate(changed: PropertyValues): void;
-  protected update(changed: PropertyValues): void;
-}
-//#endregion
-export { MenuContentElement };
-//# sourceMappingURL=menu-content-element.d.ts.map

package/dist/dev/ui/menu/menu-content-element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-content-element.d.ts","names":[],"sources":["../../../../src/ui/menu/menu-content-element.ts"],"mappings":";;;;;;cAoBa,2BAA2B;;kBACtB;SAEA;;MACN,MAAI;;;MACG,MAAI;MAAW;;;EAGhC;EACA;MAwBI,WAAW;EAIN;EAaA;EAUT,SAAS,SAAQ;EAIjB,MAAM,SAAQ;YAIK,WAAW,SAAS;YAQpB,OAAO,SAAS"}

package/dist/dev/ui/menu/menu-content-element.js

@@ -1,297 +0,0 @@
-import { UIElement } from "../ui-element.js";
-import { menuContext } from "./context.js";
-import { MenuContentDataAttrs, MenuCore, resolveMenuOptionState } from "@videojs/core";
-import { applyElementProps, applyStateDataAttrs, createMenu, createTransition, isMenuNavigationKey } from "@videojs/core/dom";
-import { ContextConsumer, ContextProvider } from "@videojs/element/context";
-//#region src/ui/menu/menu-content-element.ts
-let idCounter = 0;
-/** One accessible menu page. Root and nested pages are sibling children of `<media-menu>`. */
-var MenuContentElement = class MenuContentElement extends UIElement {
-	constructor(..._args) {
-		super(..._args);
-		this.open = false;
-		this.defaultOpen = false;
-		this.#root = new ContextConsumer(this, {
-			context: menuContext,
-			subscribe: true
-		});
-		this.#provider = new ContextProvider(this, { context: menuContext });
-		this.#core = new MenuCore();
-		this.#generatedId = `vjs-menu-content-${idCounter++}`;
-		this.#context = null;
-		this.#menu = null;
-		this.#parentMenu = null;
-		this.#rootMenu = null;
-		this.#ownsMenu = false;
-		this.#disconnect = null;
-		this.#cleanupRegistration = null;
-		this.#cleanupParentRegistration = null;
-		this.#optionStates = /* @__PURE__ */ new Map();
-		this.#optionSource = Symbol("menu");
-		this.#optionState = null;
-		this.#optionParent = null;
-		this.#stateTrigger = null;
-		this.#triggerWasDisabled = false;
-		this.#triggerWasHidden = false;
-		this.#wasActive = false;
-		this.#normalizing = false;
-		this.#handleKeyDown = (event) => {
-			const isNavigationKey = isMenuNavigationKey(event);
-			const defaultPrevented = event.defaultPrevented;
-			this.#menu?.contentProps.onKeyDown(event);
-			if (this.#parentMenu && (event.key === "ArrowLeft" || event.key === "Escape") && !defaultPrevented) {
-				event.preventDefault();
-				this.#menu?.close("escape");
-			}
-			if (event.key !== "Escape" && isNavigationKey) event.stopPropagation();
-		};
-		this.#handleFocusOut = (event) => {
-			this.#menu?.contentProps.onFocusOut(event);
-		};
-		this.#setOptionState = (source, optionState) => {
-			const previous = this.#optionStates.get(source);
-			if (optionState && isSameOptionState(previous, optionState)) return;
-			if (!optionState && !previous) return;
-			if (optionState) this.#optionStates.set(source, optionState);
-			else this.#optionStates.delete(source);
-			this.#optionState = resolveMenuOptionState(this.#optionStates.values());
-			if ((this.#optionState?.disabled || this.#optionState?.hidden) && this.open && this.#parentMenu) this.close("imperative-action");
-			this.#syncOptionState(this.#findTrigger());
-			this.#optionParent?.setOptionState(this.#optionSource, this.#optionState);
-		};
-	}
-	static {
-		this.tagName = "media-menu-content";
-	}
-	static {
-		this.properties = {
-			open: { type: Boolean },
-			defaultOpen: {
-				type: Boolean,
-				attribute: "default-open"
-			}
-		};
-	}
-	#root;
-	#provider;
-	#core;
-	#generatedId;
-	#context;
-	#menu;
-	#parentMenu;
-	#rootMenu;
-	#ownsMenu;
-	#disconnect;
-	#cleanupRegistration;
-	#cleanupParentRegistration;
-	#optionStates;
-	#optionSource;
-	#optionState;
-	#optionParent;
-	#stateTrigger;
-	#triggerWasDisabled;
-	#triggerWasHidden;
-	#wasActive;
-	#normalizing;
-	get context() {
-		return this.#context;
-	}
-	connectedCallback() {
-		super.connectedCallback();
-		if (this.#normalizing) return;
-		this.#disconnect = new AbortController();
-		applyElementProps(this, {
-			onKeyDown: this.#handleKeyDown,
-			onFocusOut: this.#handleFocusOut
-		}, { signal: this.#disconnect.signal });
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback();
-		if (this.#normalizing) return;
-		this.#cleanupMenu();
-		this.#disconnect?.abort();
-		this.#disconnect = null;
-	}
-	openMenu(reason = "imperative-action") {
-		this.#menu?.open(reason);
-	}
-	close(reason = "imperative-action") {
-		this.#menu?.close(reason);
-	}
-	willUpdate(changed) {
-		super.willUpdate(changed);
-		if (!this.hasUpdated && this.defaultOpen && !this.open) this.open = true;
-		if (this.#ownsMenu && this.#menu && changed.has("open")) this.#menu.syncOpen(this.open);
-	}
-	update(changed) {
-		super.update(changed);
-		const root = this.#root.value ?? null;
-		if (!root) return;
-		if (!this.id) this.id = this.#generatedId;
-		const trigger = this.#findTrigger();
-		const parentContent = trigger?.closest(MenuContentElement.tagName) ?? null;
-		if (parentContent && !parentContent.context) {
-			this.hidden = true;
-			requestAnimationFrame(() => this.requestUpdate());
-			return;
-		}
-		const parentMenu = parentContent?.context?.menu ?? null;
-		const isSubmenu = parentMenu !== null;
-		if (root.menu !== this.#rootMenu || parentMenu !== this.#parentMenu) {
-			this.#cleanupMenu();
-			this.#rootMenu = root.menu;
-			this.#parentMenu = parentMenu;
-			this.#setupMenu(root, parentMenu);
-		}
-		this.#setOptionParent(parentContent?.context ?? root);
-		const menu = this.#menu;
-		if (!menu) return;
-		const input = menu.input.current;
-		this.#core.setInput({
-			...input,
-			isSubmenu
-		});
-		const state = this.#core.getState();
-		const active = !isSubmenu || state.open || state.status === "ending";
-		applyElementProps(this, {
-			...this.#core.getContentAttrs(),
-			hidden: !active
-		});
-		applyStateDataAttrs(this, state, MenuContentDataAttrs);
-		if (trigger) {
-			menu.setTriggerElement(trigger);
-			applyElementProps(trigger, this.#core.getTriggerAttrs(state, active ? this.id : void 0));
-			this.#syncOptionState(trigger);
-		}
-		if (isSubmenu && active && !this.#wasActive) menu.highlightFirstItem({ preventScroll: true });
-		this.#wasActive = active;
-		this.#context = {
-			core: this.#core,
-			menu,
-			popup: root.popup,
-			state,
-			setOptionState: this.#setOptionState
-		};
-		this.#provider.setValue(this.#context);
-		root.popup.sync();
-		this.#normalize();
-	}
-	#setupMenu(root, parentMenu) {
-		if (parentMenu !== null) {
-			this.#ownsMenu = true;
-			this.#menu = createMenu({
-				transition: createTransition(),
-				onOpenChange: (nextOpen, details) => {
-					if (this.dispatchEvent(new CustomEvent("open-change", {
-						bubbles: true,
-						cancelable: true,
-						composed: true,
-						detail: {
-							open: nextOpen,
-							...details
-						}
-					}))) this.open = nextOpen;
-				},
-				closeOnEscape: () => true,
-				closeOnOutsideClick: () => false
-			});
-			this.#menu.setPopupElement(this);
-			this.#cleanupParentRegistration = parentMenu.registerSubmenu(this.#menu);
-			const signal = this.#disconnect?.signal;
-			if (signal) this.#menu.input.subscribe(() => this.requestUpdate(), { signal });
-			this.#menu.syncOpen(this.open);
-		} else {
-			this.#ownsMenu = false;
-			this.#menu = root.menu;
-		}
-		this.#cleanupRegistration = root.popup.registerContent({
-			menu: this.#menu,
-			parent: parentMenu,
-			element: this
-		});
-	}
-	#cleanupMenu() {
-		this.#cleanupRegistration?.();
-		this.#cleanupRegistration = null;
-		this.#cleanupParentRegistration?.();
-		this.#cleanupParentRegistration = null;
-		this.#setOptionParent(null);
-		this.#clearOptionState();
-		this.#optionStates.clear();
-		this.#optionState = null;
-		if (this.#ownsMenu) this.#menu?.destroy();
-		this.#menu = null;
-		this.#context = null;
-		this.#rootMenu = null;
-		this.#parentMenu = null;
-		this.#ownsMenu = false;
-		this.#wasActive = false;
-	}
-	#findTrigger() {
-		if (!this.id) return null;
-		return [...this.getRootNode().querySelectorAll("[commandfor], media-menu-item")].find((element) => element.getAttribute("commandfor") === this.id || element.commandfor === this.id) ?? null;
-	}
-	/** Keep every page as a direct popup child, including authored nested pages. */
-	#normalize() {
-		const popup = this.closest("media-menu");
-		if (!popup || this.parentElement === popup) return;
-		this.#normalizing = true;
-		popup.append(this);
-		this.#normalizing = false;
-	}
-	#handleKeyDown;
-	#handleFocusOut;
-	#setOptionState;
-	#setOptionParent(parent) {
-		if (parent?.menu === this.#optionParent?.menu) {
-			this.#optionParent = parent;
-			return;
-		}
-		this.#optionParent?.setOptionState(this.#optionSource, null);
-		this.#optionParent = parent;
-		this.#optionParent?.setOptionState(this.#optionSource, this.#optionState);
-	}
-	#syncOptionState(trigger) {
-		if (trigger !== this.#stateTrigger) {
-			this.#clearOptionState();
-			this.#stateTrigger = trigger;
-			this.#triggerWasDisabled = trigger ? isTriggerExplicitlyDisabled(trigger) : false;
-			this.#triggerWasHidden = trigger?.hidden === true;
-		}
-		if (!trigger) return;
-		const disabled = this.#optionState?.disabled || this.#triggerWasDisabled;
-		applyElementProps(trigger, {
-			disabled: disabled || void 0,
-			"aria-disabled": disabled ? "true" : void 0,
-			"data-availability": this.#optionState?.availability,
-			hidden: this.#triggerWasHidden || this.#optionState?.hidden || void 0
-		});
-		const value = trigger.querySelector("[data-part~=\"value\"], [data-part~=\"hint\"]");
-		if (value && value.textContent !== this.#optionState?.value) value.textContent = this.#optionState?.value ?? "";
-	}
-	#clearOptionState() {
-		const trigger = this.#stateTrigger;
-		if (!trigger) return;
-		applyElementProps(trigger, {
-			disabled: this.#triggerWasDisabled || void 0,
-			"aria-disabled": this.#triggerWasDisabled ? "true" : void 0,
-			"data-availability": void 0,
-			hidden: this.#triggerWasHidden || void 0
-		});
-		const value = trigger.querySelector("[data-part~=\"value\"], [data-part~=\"hint\"]");
-		if (value?.textContent) value.textContent = "";
-		this.#stateTrigger = null;
-		this.#triggerWasDisabled = false;
-		this.#triggerWasHidden = false;
-	}
-};
-function isSameOptionState(a, b) {
-	return a?.value === b.value && a.disabled === b.disabled && a.hidden === b.hidden && a.availability === b.availability;
-}
-function isTriggerExplicitlyDisabled(trigger) {
-	return trigger.hasAttribute("disabled") || "disabled" in trigger && trigger.disabled === true;
-}
-//#endregion
-export { MenuContentElement };
-
-//# sourceMappingURL=menu-content-element.js.map