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

package/dist/dev/ui/hotkey/hotkey-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"hotkey-element.js","names":["#player","#container","#register","#unregister","#cleanup"],"sources":["../../../../src/ui/hotkey/hotkey-element.ts"],"sourcesContent":["import { createHotkey, type HotkeyActionName, isHotkeyToggleAction, resolveHotkeyAction } from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { containerContext, playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaElement } from '../media-element';\n\nexport class HotkeyElement extends MediaElement {\n  static readonly tagName = 'media-hotkey';\n\n  static override properties: PropertyDeclarationMap = {\n    keys: { type: String },\n    action: { type: String },\n    value: { type: Number },\n    disabled: { type: Boolean },\n    target: { type: String },\n  };\n\n  keys = '';\n  action: HotkeyActionName | (string & {}) = '';\n  value: number | undefined = undefined;\n  disabled = false;\n  target: 'player' | 'document' = 'player';\n\n  readonly #player = new PlayerController(this, playerContext);\n  readonly #container = new ContextConsumer(this, {\n    context: containerContext,\n    callback: () => this.requestUpdate(),\n    subscribe: true,\n  });\n  #cleanup: (() => void) | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.style.display = 'none';\n    this.#register();\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#unregister();\n  }\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n\n    // Re-register when attributes change.\n    if (this.isConnected) {\n      this.#unregister();\n      this.#register();\n    }\n  }\n\n  #register(): void {\n    const store = this.#player.value;\n    const container = this.#container.value?.container;\n    if (!this.keys || !this.action || !store || !container) return;\n\n    const resolver = resolveHotkeyAction(this.action);\n    if (!resolver) return;\n\n    const { value, action } = this;\n\n    this.#cleanup = createHotkey(container, {\n      keys: this.keys,\n      action,\n      value,\n      target: this.target,\n      disabled: this.disabled,\n      repeatable: !isHotkeyToggleAction(action),\n      onActivate: (_event, key) => {\n        resolver({ store, key, value });\n      },\n    });\n  }\n\n  #unregister(): void {\n    this.#cleanup?.();\n    this.#cleanup = null;\n  }\n}\n"],"mappings":";;;;;;AAQA,IAAa,gBAAb,cAAmC,aAAa;;;EAWvC,KAAA,OAAA;EACoC,KAAA,SAAA;EACf,KAAA,QAAA,KAAA;EACjB,KAAA,WAAA;EACqB,KAAA,SAAA;EAEb,KAAA,UAAA,IAAI,iBAAiB,MAAM,aAAa;EACrC,KAAA,aAAA,IAAI,gBAAgB,MAAM;GAC9C,SAAS;GACT,gBAAgB,KAAK,cAAc;GACnC,WAAW;EACb,CAAC;EAC+B,KAAA,WAAA;;;EAtBN,KAAA,UAAA;;;EAE2B,KAAA,aAAA;GACnD,MAAM,EAAE,MAAM,OAAO;GACrB,QAAQ,EAAE,MAAM,OAAO;GACvB,OAAO,EAAE,MAAM,OAAO;GACtB,UAAU,EAAE,MAAM,QAAQ;GAC1B,QAAQ,EAAE,MAAM,OAAO;EACzB;;CAQA;CACA;CAKA;CAEA,oBAAmC;EACjC,MAAM,kBAAkB;EACxB,KAAK,MAAM,UAAU;EACrB,KAAKE,UAAU;CACjB;CAEA,uBAAsC;EACpC,MAAM,qBAAqB;EAC3B,KAAKC,YAAY;CACnB;CAEA,OAA0B,SAA+B;EACvD,MAAM,OAAO,OAAO;EAGpB,IAAI,KAAK,aAAa;GACpB,KAAKA,YAAY;GACjB,KAAKD,UAAU;EACjB;CACF;CAEA,YAAkB;EAChB,MAAM,QAAQ,KAAKF,QAAQ;EAC3B,MAAM,YAAY,KAAKC,WAAW,OAAO;EACzC,IAAI,CAAC,KAAK,QAAQ,CAAC,KAAK,UAAU,CAAC,SAAS,CAAC,WAAW;EAExD,MAAM,WAAW,oBAAoB,KAAK,MAAM;EAChD,IAAI,CAAC,UAAU;EAEf,MAAM,EAAE,OAAO,WAAW;EAE1B,KAAKG,WAAW,aAAa,WAAW;GACtC,MAAM,KAAK;GACX;GACA;GACA,QAAQ,KAAK;GACb,UAAU,KAAK;GACf,YAAY,CAAC,qBAAqB,MAAM;GACxC,aAAa,QAAQ,QAAQ;IAC3B,SAAS;KAAE;KAAO;KAAK;IAAM,CAAC;GAChC;EACF,CAAC;CACH;CAEA,cAAoB;EAClB,KAAKA,WAAW;EAChB,KAAKA,WAAW;CAClB;AACF"}
+{"version":3,"file":"hotkey-element.js","names":["#player","#container","#register","#unregister","#cleanup"],"sources":["../../../../src/ui/hotkey/hotkey-element.ts"],"sourcesContent":["import type { HotkeyProps } from '@videojs/core';\nimport { createHotkey, isHotkeyToggleAction, resolveHotkeyAction } from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { containerContext, playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaElement } from '../media-element';\n\nexport class HotkeyElement extends MediaElement {\n  static readonly tagName = 'media-hotkey';\n\n  static override properties: PropertyDeclarationMap = {\n    keys: { type: String },\n    action: { type: String },\n    value: { type: Number },\n    disabled: { type: Boolean },\n    target: { type: String },\n  };\n\n  keys: HotkeyProps['keys'] = '';\n  action: HotkeyProps['action'] = '';\n  value: HotkeyProps['value'] = undefined;\n  disabled: NonNullable<HotkeyProps['disabled']> = false;\n  target: NonNullable<HotkeyProps['target']> = 'player';\n\n  readonly #player = new PlayerController(this, playerContext);\n  readonly #container = new ContextConsumer(this, {\n    context: containerContext,\n    callback: () => this.requestUpdate(),\n    subscribe: true,\n  });\n  #cleanup: (() => void) | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.style.display = 'none';\n    this.#register();\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#unregister();\n  }\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n\n    // Re-register when attributes change.\n    if (this.isConnected) {\n      this.#unregister();\n      this.#register();\n    }\n  }\n\n  #register(): void {\n    const store = this.#player.value;\n    const container = this.#container.value?.container;\n    if (!this.keys || !this.action || !store || !container) return;\n\n    const resolver = resolveHotkeyAction(this.action);\n    if (!resolver) return;\n\n    const { value, action } = this;\n\n    this.#cleanup = createHotkey(container, {\n      keys: this.keys,\n      action,\n      value,\n      target: this.target,\n      disabled: this.disabled,\n      repeatable: !isHotkeyToggleAction(action),\n      onActivate: (_event, key) => {\n        resolver({ store, key, value });\n      },\n    });\n  }\n\n  #unregister(): void {\n    this.#cleanup?.();\n    this.#cleanup = null;\n  }\n}\n"],"mappings":";;;;;;AASA,IAAa,gBAAb,cAAmC,aAAa;;;EAWlB,KAAA,OAAA;EACI,KAAA,SAAA;EACF,KAAA,QAAA,KAAA;EACmB,KAAA,WAAA;EACJ,KAAA,SAAA;EAE1B,KAAA,UAAA,IAAI,iBAAiB,MAAM,aAAa;EACrC,KAAA,aAAA,IAAI,gBAAgB,MAAM;GAC9C,SAAS;GACT,gBAAgB,KAAK,cAAc;GACnC,WAAW;EACb,CAAC;EAC+B,KAAA,WAAA;;;EAtBN,KAAA,UAAA;;;EAE2B,KAAA,aAAA;GACnD,MAAM,EAAE,MAAM,OAAO;GACrB,QAAQ,EAAE,MAAM,OAAO;GACvB,OAAO,EAAE,MAAM,OAAO;GACtB,UAAU,EAAE,MAAM,QAAQ;GAC1B,QAAQ,EAAE,MAAM,OAAO;EACzB;;CAQA;CACA;CAKA;CAEA,oBAAmC;EACjC,MAAM,kBAAkB;EACxB,KAAK,MAAM,UAAU;EACrB,KAAKE,UAAU;CACjB;CAEA,uBAAsC;EACpC,MAAM,qBAAqB;EAC3B,KAAKC,YAAY;CACnB;CAEA,OAA0B,SAA+B;EACvD,MAAM,OAAO,OAAO;EAGpB,IAAI,KAAK,aAAa;GACpB,KAAKA,YAAY;GACjB,KAAKD,UAAU;EACjB;CACF;CAEA,YAAkB;EAChB,MAAM,QAAQ,KAAKF,QAAQ;EAC3B,MAAM,YAAY,KAAKC,WAAW,OAAO;EACzC,IAAI,CAAC,KAAK,QAAQ,CAAC,KAAK,UAAU,CAAC,SAAS,CAAC,WAAW;EAExD,MAAM,WAAW,oBAAoB,KAAK,MAAM;EAChD,IAAI,CAAC,UAAU;EAEf,MAAM,EAAE,OAAO,WAAW;EAE1B,KAAKG,WAAW,aAAa,WAAW;GACtC,MAAM,KAAK;GACX;GACA;GACA,QAAQ,KAAK;GACb,UAAU,KAAK;GACf,YAAY,CAAC,qBAAqB,MAAM;GACxC,aAAa,QAAQ,QAAQ;IAC3B,SAAS;KAAE;KAAO;KAAK;IAAM,CAAC;GAChC;EACF,CAAC;CACH;CAEA,cAAoB;EAClB,KAAKA,WAAW;EAChB,KAAKA,WAAW;CAClB;AACF"}

package/dist/dev/ui/menu/context.d.ts

@@ -2,17 +2,17 @@ import { RadioGroupContextValue, radioGroupContext } from "../radio-group/contex
 import { MenuApi } from "@videojs/core/dom";
 import { MenuState, StateAttrMap } from "@videojs/core";
 //#region src/ui/menu/context.d.ts
+interface MenuTriggerState {
+  hint: string;
+  disabled: boolean;
+  availability?: 'available' | 'unavailable' | 'unsupported' | undefined;
+}
 interface MenuContextValue {
   menu: MenuApi;
   state: MenuState;
   stateAttrMap: StateAttrMap<MenuState>;
-  /** Publish generic display and interaction state to this submenu's trigger. */
-  setTriggerMetadata: (metadata: MenuTriggerMetadata) => void;
-}
-interface MenuTriggerMetadata {
-  hint: string;
-  disabled: boolean;
-  availability?: 'available' | 'unavailable' | 'unsupported' | undefined;
+  /** Publish display and interaction state to this submenu's trigger. */
+  setTriggerState: (state: MenuTriggerState) => void;
 }
 interface MenuGroupContextValue {
   registerLabel: (id: string) => () => void;
@@ -24,5 +24,5 @@ declare const menuGroupContext: {
   __context__: MenuGroupContextValue;
 };
 //#endregion
-export { MenuContextValue, MenuGroupContextValue, type RadioGroupContextValue as MenuRadioGroupContextValue, MenuTriggerMetadata, menuContext, menuGroupContext, radioGroupContext as menuRadioGroupContext };
+export { MenuContextValue, MenuGroupContextValue, type RadioGroupContextValue as MenuRadioGroupContextValue, MenuTriggerState, menuContext, menuGroupContext, radioGroupContext as menuRadioGroupContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/dev/ui/menu/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../../src/ui/menu/context.ts"],"mappings":";;;;UAIiB;EACf,MAAM;EACN,OAAO;EACP,cAAc,aAAa;;EAE3B,qBAAqB,UAAU;;UAGhB;EACf;EACA;EACA;;UAGe;EACf,gBAAgB;;cAML;eAAA;;cACA;eAAA"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../../src/ui/menu/context.ts"],"mappings":";;;;UAIiB;EACf;EACA;EACA;;UAGe;EACf,MAAM;EACN,OAAO;EACP,cAAc,aAAa;;EAE3B,kBAAkB,OAAO;;UAGV;EACf,gBAAgB;;cAML;eAAA;;cACA;eAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../../src/ui/menu/context.ts"],"sourcesContent":["import type { MenuState, StateAttrMap } from '@videojs/core';\nimport type { MenuApi } from '@videojs/core/dom';\nimport { createContext } from '@videojs/element/context';\n\nexport interface MenuContextValue {\n  menu: MenuApi;\n  state: MenuState;\n  stateAttrMap: StateAttrMap<MenuState>;\n  /** Publish generic display and interaction state to this submenu's trigger. */\n  setTriggerMetadata: (metadata: MenuTriggerMetadata) => void;\n}\n\nexport interface MenuTriggerMetadata {\n  hint: string;\n  disabled: boolean;\n  availability?: 'available' | 'unavailable' | 'unsupported' | undefined;\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":";;;AAsBA,MAAM,mBAAmB,OAAO,eAAe;AAC/C,MAAM,yBAAyB,OAAO,qBAAqB;AAE3D,MAAa,cAAc,cAAgC,gBAAgB;AAC3E,MAAa,mBAAmB,cAAqC,sBAAsB"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../../src/ui/menu/context.ts"],"sourcesContent":["import type { MenuState, StateAttrMap } from '@videojs/core';\nimport type { MenuApi } from '@videojs/core/dom';\nimport { createContext } from '@videojs/element/context';\n\nexport interface MenuTriggerState {\n  hint: string;\n  disabled: boolean;\n  availability?: 'available' | 'unavailable' | 'unsupported' | undefined;\n}\n\nexport interface MenuContextValue {\n  menu: MenuApi;\n  state: MenuState;\n  stateAttrMap: StateAttrMap<MenuState>;\n  /** Publish display and interaction state to this submenu's trigger. */\n  setTriggerState: (state: MenuTriggerState) => 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":";;;AAsBA,MAAM,mBAAmB,OAAO,eAAe;AAC/C,MAAM,yBAAyB,OAAO,qBAAqB;AAE3D,MAAa,cAAc,cAAgC,gBAAgB;AAC3E,MAAa,mBAAmB,cAAqC,sBAAsB"}

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

@@ -1 +1 @@
-{"version":3,"file":"menu-element.d.ts","names":[],"sources":["../../../../src/ui/menu/menu-element.ts"],"mappings":";;;;cAmCa,oBAAoB;;kBACf;SAEA;;MACN,MAAI;;;MACG,MAAI;MAAW;;;MACtB,MAAI;;;MACH,MAAI;;;MACI,MAAI;MAAW;;;MACT,MAAI;MAAW;;;MAC1B,MAAI;;;EAKlB;EACA;EACA,8BAAI;EACJ,+BAAK;EACL;EACA;EACA,UAAU;EAwBD;EA2CA;EAgBT,MAAM,SAAQ;EAId,SAAS,SAAQ;YAIE,WAAW,SAAS;YAwBpB,OAAO,UAAU"}
+{"version":3,"file":"menu-element.d.ts","names":[],"sources":["../../../../src/ui/menu/menu-element.ts"],"mappings":";;;;cAmCa,oBAAoB;;kBACf;SAEA;;MACN,MAAI;;;MACG,MAAI;MAAW;;;MACtB,MAAI;;;MACH,MAAI;;;MACI,MAAI;MAAW;;;MACT,MAAI;MAAW;;;MAC1B,MAAI;;;EAKlB;EACA;EACA,8BAAI;EACJ,+BAAK;EACL;EACA;EACA,UAAU;EAwBD;EA2CA;EAgBT,MAAM,SAAQ;EAId,SAAS,SAAQ;YAIE,WAAW,SAAS;YAsBpB,OAAO,UAAU"}

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

@@ -10,7 +10,7 @@ import { tryHidePopover, tryShowPopover } from "@videojs/utils/dom";
 import { SnapshotController } from "@videojs/store/html";
 import { MenuCore, MenuDataAttrs, POPUP_HOST_ATTR } from "@videojs/core";
 //#region src/ui/menu/menu-element.ts
-const defaultTriggerMetadata = {
+const defaultTriggerState = {
 	hint: "",
 	disabled: false
 };
@@ -44,8 +44,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;
@@ -67,10 +67,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();
 		};
 	}
@@ -111,8 +111,8 @@ var MenuElement = class extends MediaElement {
 	#triggerAbort;
 	#cleanupSizeObserver;
 	#currentTrigger;
-	#metadataTrigger;
-	#triggerMetadata;
+	#stateTrigger;
+	#triggerState;
 	#releaseControlsLock;
 	#registeredParentMenu;
 	#cleanupParentRegistration;
@@ -151,7 +151,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;
@@ -171,7 +171,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,
@@ -179,8 +178,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);
 	}
@@ -190,7 +188,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();
@@ -200,7 +201,7 @@ var MenuElement = class extends MediaElement {
 			menu: this.#menu,
 			state,
 			stateAttrMap: MenuDataAttrs,
-			setTriggerMetadata: this.#setTriggerMetadata
+			setTriggerState: this.#setTriggerState
 		});
 	}
 	#releaseControlsVisibilityLock() {
@@ -250,7 +251,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);
@@ -270,22 +271,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,
@@ -293,7 +294,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;

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

@@ -1 +1 @@
-{"version":3,"file":"menu-element.js","names":["#menu","#parentCtx","#triggerMetadata","#core","#provider","#position","#controlsState","#containerCtx","#popupGroupCtx","#disconnect","#handleContentKeyDown","#handleContentFocusOut","#snapshot","#releaseControlsVisibilityLock","#cleanupSizeObserver","#syncTriggerMetadata","#cleanupTrigger","#cleanupParentRegistration","#registeredParentMenu","#syncParentRegistration","#releaseControlsLock","#updateAsSubmenu","#updateAsRoot","#setTriggerMetadata","#syncTrigger","#currentTrigger","#submenuActive","#metadataTrigger","#clearTriggerMetadata","#triggerAbort"],"sources":["../../../../src/ui/menu/menu-element.ts"],"sourcesContent":["import { MenuCore, MenuDataAttrs, type MenuInput, POPUP_HOST_ATTR } from '@videojs/core';\nimport {\n  applyElementProps,\n  applyStateDataAttrs,\n  createMenu,\n  createTransition,\n  getRootPositionOptions,\n  isMenuNavigationKey,\n  type MenuApi,\n  type MenuChangeDetails,\n  type MenuOpenChangeReason,\n  MenuPositioningCSSVars,\n  observeMenuSize,\n  type PositioningBoundary,\n  selectControls,\n  syncMenuSizeChain,\n  type UIFocusEvent,\n  type UIKeyboardEvent,\n} from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { ContextConsumer, ContextProvider } from '@videojs/element/context';\nimport { SnapshotController } from '@videojs/store/html';\nimport { tryHidePopover, tryShowPopover } from '@videojs/utils/dom';\nimport { containerContext, playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { popupGroupContext } from '../../player/popup-group-context';\nimport { MediaElement } from '../media-element';\nimport { PositionController } from '../position-controller';\nimport { type MenuContextValue, type MenuTriggerMetadata, menuContext } from './context';\n\nconst defaultTriggerMetadata: MenuTriggerMetadata = {\n  hint: '',\n  disabled: false,\n};\n\nexport class MenuElement extends MediaElement {\n  static readonly tagName: string = 'media-menu';\n\n  static override properties = {\n    open: { type: Boolean },\n    defaultOpen: { type: Boolean, attribute: 'default-open' },\n    side: { type: String },\n    align: { type: String },\n    closeOnEscape: { type: Boolean, attribute: 'close-on-escape' },\n    closeOnOutsideClick: { type: Boolean, attribute: 'close-on-outside-click' },\n    boundary: { type: String },\n  } satisfies PropertyDeclarationMap<\n    'open' | 'defaultOpen' | 'side' | 'align' | 'closeOnEscape' | 'closeOnOutsideClick' | 'boundary'\n  >;\n\n  open = MenuCore.defaultProps.open;\n  defaultOpen = MenuCore.defaultProps.defaultOpen;\n  side = MenuCore.defaultProps.side;\n  align = MenuCore.defaultProps.align;\n  closeOnEscape = MenuCore.defaultProps.closeOnEscape;\n  closeOnOutsideClick = MenuCore.defaultProps.closeOnOutsideClick;\n  boundary: PositioningBoundary = 'container';\n\n  readonly #core = new MenuCore();\n  readonly #provider = new ContextProvider(this, { context: menuContext });\n  readonly #position = new PositionController(this);\n  readonly #controlsState = new PlayerController(this, playerContext, selectControls);\n  readonly #containerCtx = new ContextConsumer(this, { context: containerContext, subscribe: true });\n  readonly #popupGroupCtx = new ContextConsumer(this, { context: popupGroupContext });\n  // Consume parent menu context — present when this is a nested (submenu) element.\n  readonly #parentCtx = new ContextConsumer(this, { context: menuContext, subscribe: true });\n  #menu: MenuApi | null = null;\n  #snapshot: SnapshotController<MenuInput> | null = null;\n  #submenuActive = false;\n\n  #disconnect: AbortController | null = null;\n  #triggerAbort: AbortController | null = null;\n  #cleanupSizeObserver: (() => void) | null = null;\n  #currentTrigger: HTMLElement | null = null;\n  #metadataTrigger: HTMLElement | null = null;\n  #triggerMetadata = defaultTriggerMetadata;\n  #releaseControlsLock: (() => void) | null = null;\n  #registeredParentMenu: MenuApi | null = null;\n  #cleanupParentRegistration: (() => void) | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (this.destroyed) return;\n\n    this.setAttribute(POPUP_HOST_ATTR, '');\n\n    this.#disconnect = new AbortController();\n\n    this.#menu = createMenu({\n      transition: createTransition(),\n      onOpenChange: (nextOpen: boolean, details: MenuChangeDetails) => {\n        const accepted = this.dispatchEvent(\n          new CustomEvent('open-change', {\n            bubbles: true,\n            cancelable: true,\n            composed: true,\n            detail: { open: nextOpen, ...details },\n          })\n        );\n        if (accepted) this.open = nextOpen;\n      },\n      closeOnEscape: () => this.closeOnEscape,\n      closeOnOutsideClick: () => this.closeOnOutsideClick,\n      group: () => (this.#parentCtx.value ? undefined : this.#popupGroupCtx.value),\n    });\n\n    // The element itself is the content (popup) for root menus.\n    // Submenu detection happens in update() once parent context is available.\n    this.#menu.setContentElement(this);\n\n    applyElementProps(\n      this,\n      { onKeyDown: this.#handleContentKeyDown, onFocusOut: this.#handleContentFocusOut },\n      { signal: this.#disconnect.signal }\n    );\n\n    if (this.#snapshot) {\n      this.#snapshot.track(this.#menu.input);\n    } else {\n      this.#snapshot = new SnapshotController(this, this.#menu.input);\n    }\n  }\n\n  override disconnectedCallback(): void {\n    this.#releaseControlsVisibilityLock();\n    super.disconnectedCallback();\n    this.#cleanupSizeObserver?.();\n    this.#cleanupSizeObserver = null;\n    this.#syncTriggerMetadata(null);\n    this.#cleanupTrigger();\n    this.#cleanupParentRegistration?.();\n    this.#cleanupParentRegistration = null;\n    this.#registeredParentMenu = null;\n    this.#menu?.destroy();\n    this.#menu = null;\n    this.#disconnect?.abort();\n    this.#disconnect = null;\n  }\n\n  close(reason: MenuOpenChangeReason = 'imperative-action'): void {\n    this.#menu?.close(reason);\n  }\n\n  openMenu(reason: MenuOpenChangeReason = 'imperative-action'): void {\n    this.#menu?.open(reason);\n  }\n\n  protected override willUpdate(changed: PropertyValues): void {\n    super.willUpdate(changed);\n\n    if (!this.hasUpdated && this.defaultOpen && !this.open) this.open = true;\n\n    const parentCtx = this.#parentCtx.value ?? null;\n    const isSubmenu = parentCtx !== null;\n    this.#syncParentRegistration(parentCtx);\n\n    this.#core.setProps({\n      open: this.open,\n      defaultOpen: this.defaultOpen,\n      side: this.side,\n      align: this.align,\n      closeOnEscape: this.closeOnEscape,\n      closeOnOutsideClick: this.closeOnOutsideClick,\n      isSubmenu,\n    });\n\n    if (this.#menu && changed.has('open')) {\n      this.#menu.syncOpen(this.open);\n    }\n  }\n\n  protected override update(_changed: PropertyValues): void {\n    super.update(_changed);\n    if (!this.#menu) return;\n\n    const parentCtx = this.#parentCtx.value ?? null;\n    const isSubmenu = parentCtx !== null;\n\n    const input = this.#menu.input.current;\n    this.#core.setInput(input);\n    const state = this.#core.getState();\n\n    if (!isSubmenu && state.open) {\n      this.#releaseControlsLock ??= this.#controlsState.value?.requestControlsLock() ?? null;\n    } else {\n      this.#releaseControlsVisibilityLock();\n    }\n\n    if (isSubmenu && parentCtx) {\n      this.#updateAsSubmenu(state, parentCtx);\n    } else {\n      this.#updateAsRoot(state);\n    }\n\n    // Provide context to child parts.\n    this.#provider.setValue({\n      menu: this.#menu,\n      state,\n      stateAttrMap: MenuDataAttrs,\n      setTriggerMetadata: this.#setTriggerMetadata,\n    });\n  }\n\n  #releaseControlsVisibilityLock(): void {\n    this.#releaseControlsLock?.();\n    this.#releaseControlsLock = null;\n  }\n\n  #syncParentRegistration(parentCtx: MenuContextValue | null): void {\n    const parentMenu = parentCtx?.menu ?? null;\n    if (parentMenu === this.#registeredParentMenu || !this.#menu) return;\n\n    this.#cleanupParentRegistration?.();\n    this.#registeredParentMenu = parentMenu;\n    this.#cleanupParentRegistration = parentMenu?.registerSubmenu(this.#menu) ?? null;\n  }\n\n  #updateAsRoot(state: ReturnType<MenuCore['getState']>): void {\n    if (!this.#menu) return;\n\n    const triggerElement = this.#position.findTrigger();\n    this.#syncTrigger(triggerElement);\n\n    applyElementProps(this, {\n      ...this.#core.getContentAttrs(state),\n    });\n    applyStateDataAttrs(this, state, MenuDataAttrs);\n\n    if (state.open) {\n      tryShowPopover(this);\n    } else {\n      tryHidePopover(this);\n    }\n\n    if (this.#currentTrigger) {\n      applyElementProps(this.#currentTrigger, this.#core.getTriggerAttrs(state, this.id));\n    }\n\n    if (!state.open) {\n      this.#cleanupSizeObserver?.();\n      this.#cleanupSizeObserver = null;\n      this.#position.cleanup();\n      return;\n    }\n\n    this.#cleanupSizeObserver?.();\n    const syncSize = () => syncMenuSizeChain(this);\n    syncSize();\n    this.#cleanupSizeObserver = observeMenuSize(this, syncSize);\n\n    const positionOptions = getRootPositionOptions(state.side, state.align);\n    if (!positionOptions || !this.#currentTrigger) return;\n\n    this.#position.sync({\n      anchorName: this.id,\n      position: positionOptions,\n      trigger: this.#currentTrigger,\n      boundary: this.boundary,\n      container: this.#containerCtx.value?.container ?? null,\n      cssVars: MenuPositioningCSSVars,\n      onSideChange: (side) => this.setAttribute(MenuDataAttrs.side, side),\n    });\n  }\n\n  #updateAsSubmenu(state: ReturnType<MenuCore['getState']>, parentCtx: MenuContextValue): void {\n    const isActive = state.open || state.status === 'ending';\n    const triggerElement = this.parentElement?.querySelector<HTMLElement>(\n      `[data-has-submenu][commandfor=\"${this.id}\"]`\n    );\n\n    this.#menu?.setTriggerElement(triggerElement ?? null);\n    if (triggerElement) applyElementProps(triggerElement, this.#core.getTriggerAttrs(state, this.id));\n    this.#syncTriggerMetadata(triggerElement ?? null);\n\n    this.removeAttribute(MenuDataAttrs.side);\n    this.removeAttribute(MenuDataAttrs.align);\n    applyStateDataAttrs(this, state, MenuDataAttrs);\n\n    applyElementProps(this, {\n      hidden: !isActive,\n      role: 'menu',\n      tabIndex: -1,\n    });\n\n    this.#cleanupSizeObserver?.();\n    const parentContentElement = parentCtx.menu.contentElement;\n    const syncSize = () => syncMenuSizeChain(parentContentElement);\n    syncSize();\n    this.#cleanupSizeObserver =\n      isActive && parentContentElement ? observeMenuSize(parentContentElement, syncSize) : null;\n\n    if (isActive && !this.#submenuActive) {\n      this.#menu?.highlightFirstItem({ preventScroll: true });\n    } else if (!isActive && this.#submenuActive) {\n      this.#menu?.restoreFocus({ preventScroll: true });\n    }\n\n    this.#submenuActive = isActive;\n  }\n\n  #handleContentKeyDown = (event: UIKeyboardEvent): void => {\n    const isNavigationKey = isMenuNavigationKey(event);\n    const defaultPreventedBeforeMenu = event.defaultPrevented;\n\n    this.#menu?.contentProps.onKeyDown(event);\n\n    const parentCtx = this.#parentCtx.value ?? null;\n\n    if (!parentCtx) {\n      if (event.key === 'Escape') return;\n      if (isNavigationKey) {\n        event.stopPropagation();\n      }\n      return;\n    }\n\n    const isBackNavigationKey = event.key === 'ArrowLeft' || event.key === 'Escape';\n\n    if (isBackNavigationKey && !defaultPreventedBeforeMenu) {\n      event.preventDefault();\n      this.#menu?.close('escape');\n    }\n\n    if (isNavigationKey) event.stopPropagation();\n  };\n\n  #handleContentFocusOut = (event: UIFocusEvent): void => {\n    this.#menu?.contentProps.onFocusOut(event);\n  };\n\n  #setTriggerMetadata = (metadata: MenuTriggerMetadata): void => {\n    if (\n      metadata.hint === this.#triggerMetadata.hint &&\n      metadata.disabled === this.#triggerMetadata.disabled &&\n      metadata.availability === this.#triggerMetadata.availability\n    ) {\n      return;\n    }\n\n    this.#triggerMetadata = metadata;\n    if (metadata.disabled && this.open && this.#parentCtx.value) this.close('imperative-action');\n    this.requestUpdate();\n  };\n\n  #syncTriggerMetadata(trigger: HTMLElement | null): void {\n    if (trigger !== this.#metadataTrigger) {\n      this.#clearTriggerMetadata();\n      this.#metadataTrigger = trigger;\n    }\n\n    if (!trigger) return;\n\n    const disabled = this.#triggerMetadata.disabled || isTriggerExplicitlyDisabled(trigger);\n    applyElementProps(trigger, {\n      'aria-disabled': disabled ? 'true' : undefined,\n      'data-availability': this.#triggerMetadata.availability,\n    });\n\n    const hint = trigger.querySelector<HTMLElement>('[data-part~=\"hint\"]');\n    if (hint && hint.textContent !== this.#triggerMetadata.hint) hint.textContent = this.#triggerMetadata.hint;\n  }\n\n  #clearTriggerMetadata(): void {\n    const trigger = this.#metadataTrigger;\n    if (!trigger) return;\n\n    applyElementProps(trigger, {\n      'aria-disabled': isTriggerExplicitlyDisabled(trigger) ? 'true' : undefined,\n      'data-availability': undefined,\n    });\n\n    const hint = trigger.querySelector<HTMLElement>('[data-part~=\"hint\"]');\n    if (hint?.textContent) hint.textContent = '';\n    this.#metadataTrigger = null;\n  }\n\n  #syncTrigger(triggerElement: HTMLElement | null): void {\n    if (triggerElement === this.#currentTrigger) return;\n\n    this.#position.cleanup();\n    this.#cleanupTrigger();\n    this.#currentTrigger = triggerElement;\n    this.#menu?.setTriggerElement(triggerElement);\n\n    if (triggerElement && this.#menu) {\n      this.#triggerAbort = new AbortController();\n      applyElementProps(triggerElement, this.#menu.triggerProps, { signal: this.#triggerAbort.signal });\n    }\n  }\n\n  #cleanupTrigger(): void {\n    if (this.#currentTrigger) {\n      applyElementProps(this.#currentTrigger, {\n        'aria-expanded': undefined,\n        'aria-haspopup': undefined,\n        'aria-controls': undefined,\n      });\n    }\n\n    this.#triggerAbort?.abort();\n    this.#triggerAbort = null;\n    this.#currentTrigger = null;\n  }\n}\n\nfunction isTriggerExplicitlyDisabled(trigger: HTMLElement): boolean {\n  return (\n    trigger.hasAttribute('disabled') ||\n    ('disabled' in trigger && (trigger as HTMLElement & { disabled?: boolean }).disabled === true)\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"menu-element.js","names":["#menu","#parentCtx","#triggerState","#core","#provider","#position","#controlsState","#containerCtx","#popupGroupCtx","#disconnect","#handleContentKeyDown","#handleContentFocusOut","#snapshot","#releaseControlsVisibilityLock","#cleanupSizeObserver","#syncTriggerState","#cleanupTrigger","#cleanupParentRegistration","#registeredParentMenu","#syncParentRegistration","#releaseControlsLock","#updateAsSubmenu","#updateAsRoot","#setTriggerState","#syncTrigger","#currentTrigger","#submenuActive","#stateTrigger","#clearTriggerState","#triggerAbort"],"sources":["../../../../src/ui/menu/menu-element.ts"],"sourcesContent":["import { MenuCore, MenuDataAttrs, type MenuInput, POPUP_HOST_ATTR } from '@videojs/core';\nimport {\n  applyElementProps,\n  applyStateDataAttrs,\n  createMenu,\n  createTransition,\n  getRootPositionOptions,\n  isMenuNavigationKey,\n  type MenuApi,\n  type MenuChangeDetails,\n  type MenuOpenChangeReason,\n  MenuPositioningCSSVars,\n  observeMenuSize,\n  type PositioningBoundary,\n  selectControls,\n  syncMenuSizeChain,\n  type UIFocusEvent,\n  type UIKeyboardEvent,\n} from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { ContextConsumer, ContextProvider } from '@videojs/element/context';\nimport { SnapshotController } from '@videojs/store/html';\nimport { tryHidePopover, tryShowPopover } from '@videojs/utils/dom';\nimport { containerContext, playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { popupGroupContext } from '../../player/popup-group-context';\nimport { MediaElement } from '../media-element';\nimport { PositionController } from '../position-controller';\nimport { type MenuContextValue, type MenuTriggerState, menuContext } from './context';\n\nconst defaultTriggerState: MenuTriggerState = {\n  hint: '',\n  disabled: false,\n};\n\nexport class MenuElement extends MediaElement {\n  static readonly tagName: string = 'media-menu';\n\n  static override properties = {\n    open: { type: Boolean },\n    defaultOpen: { type: Boolean, attribute: 'default-open' },\n    side: { type: String },\n    align: { type: String },\n    closeOnEscape: { type: Boolean, attribute: 'close-on-escape' },\n    closeOnOutsideClick: { type: Boolean, attribute: 'close-on-outside-click' },\n    boundary: { type: String },\n  } satisfies PropertyDeclarationMap<\n    'open' | 'defaultOpen' | 'side' | 'align' | 'closeOnEscape' | 'closeOnOutsideClick' | 'boundary'\n  >;\n\n  open = MenuCore.defaultProps.open;\n  defaultOpen = MenuCore.defaultProps.defaultOpen;\n  side = MenuCore.defaultProps.side;\n  align = MenuCore.defaultProps.align;\n  closeOnEscape = MenuCore.defaultProps.closeOnEscape;\n  closeOnOutsideClick = MenuCore.defaultProps.closeOnOutsideClick;\n  boundary: PositioningBoundary = 'container';\n\n  readonly #core = new MenuCore();\n  readonly #provider = new ContextProvider(this, { context: menuContext });\n  readonly #position = new PositionController(this);\n  readonly #controlsState = new PlayerController(this, playerContext, selectControls);\n  readonly #containerCtx = new ContextConsumer(this, { context: containerContext, subscribe: true });\n  readonly #popupGroupCtx = new ContextConsumer(this, { context: popupGroupContext });\n  // Consume parent menu context — present when this is a nested (submenu) element.\n  readonly #parentCtx = new ContextConsumer(this, { context: menuContext, subscribe: true });\n  #menu: MenuApi | null = null;\n  #snapshot: SnapshotController<MenuInput> | null = null;\n  #submenuActive = false;\n\n  #disconnect: AbortController | null = null;\n  #triggerAbort: AbortController | null = null;\n  #cleanupSizeObserver: (() => void) | null = null;\n  #currentTrigger: HTMLElement | null = null;\n  #stateTrigger: HTMLElement | null = null;\n  #triggerState = defaultTriggerState;\n  #releaseControlsLock: (() => void) | null = null;\n  #registeredParentMenu: MenuApi | null = null;\n  #cleanupParentRegistration: (() => void) | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (this.destroyed) return;\n\n    this.setAttribute(POPUP_HOST_ATTR, '');\n\n    this.#disconnect = new AbortController();\n\n    this.#menu = createMenu({\n      transition: createTransition(),\n      onOpenChange: (nextOpen: boolean, details: MenuChangeDetails) => {\n        const accepted = this.dispatchEvent(\n          new CustomEvent('open-change', {\n            bubbles: true,\n            cancelable: true,\n            composed: true,\n            detail: { open: nextOpen, ...details },\n          })\n        );\n        if (accepted) this.open = nextOpen;\n      },\n      closeOnEscape: () => this.closeOnEscape,\n      closeOnOutsideClick: () => this.closeOnOutsideClick,\n      group: () => (this.#parentCtx.value ? undefined : this.#popupGroupCtx.value),\n    });\n\n    // The element itself is the content (popup) for root menus.\n    // Submenu detection happens in update() once parent context is available.\n    this.#menu.setContentElement(this);\n\n    applyElementProps(\n      this,\n      { onKeyDown: this.#handleContentKeyDown, onFocusOut: this.#handleContentFocusOut },\n      { signal: this.#disconnect.signal }\n    );\n\n    if (this.#snapshot) {\n      this.#snapshot.track(this.#menu.input);\n    } else {\n      this.#snapshot = new SnapshotController(this, this.#menu.input);\n    }\n  }\n\n  override disconnectedCallback(): void {\n    this.#releaseControlsVisibilityLock();\n    super.disconnectedCallback();\n    this.#cleanupSizeObserver?.();\n    this.#cleanupSizeObserver = null;\n    this.#syncTriggerState(null);\n    this.#cleanupTrigger();\n    this.#cleanupParentRegistration?.();\n    this.#cleanupParentRegistration = null;\n    this.#registeredParentMenu = null;\n    this.#menu?.destroy();\n    this.#menu = null;\n    this.#disconnect?.abort();\n    this.#disconnect = null;\n  }\n\n  close(reason: MenuOpenChangeReason = 'imperative-action'): void {\n    this.#menu?.close(reason);\n  }\n\n  openMenu(reason: MenuOpenChangeReason = 'imperative-action'): void {\n    this.#menu?.open(reason);\n  }\n\n  protected override willUpdate(changed: PropertyValues): void {\n    super.willUpdate(changed);\n\n    if (!this.hasUpdated && this.defaultOpen && !this.open) this.open = true;\n\n    const parentCtx = this.#parentCtx.value ?? null;\n    this.#syncParentRegistration(parentCtx);\n\n    this.#core.setProps({\n      open: this.open,\n      defaultOpen: this.defaultOpen,\n      side: this.side,\n      align: this.align,\n      closeOnEscape: this.closeOnEscape,\n      closeOnOutsideClick: this.closeOnOutsideClick,\n    });\n\n    if (this.#menu && changed.has('open')) {\n      this.#menu.syncOpen(this.open);\n    }\n  }\n\n  protected override update(_changed: PropertyValues): void {\n    super.update(_changed);\n    if (!this.#menu) return;\n\n    const parentCtx = this.#parentCtx.value ?? null;\n    const isSubmenu = parentCtx !== null;\n\n    const input = this.#menu.input.current;\n    this.#core.setInput({ ...input, isSubmenu });\n    const state = this.#core.getState();\n\n    if (!isSubmenu && state.open) {\n      this.#releaseControlsLock ??= this.#controlsState.value?.requestControlsLock() ?? null;\n    } else {\n      this.#releaseControlsVisibilityLock();\n    }\n\n    if (isSubmenu && parentCtx) {\n      this.#updateAsSubmenu(state, parentCtx);\n    } else {\n      this.#updateAsRoot(state);\n    }\n\n    // Provide context to child parts.\n    this.#provider.setValue({\n      menu: this.#menu,\n      state,\n      stateAttrMap: MenuDataAttrs,\n      setTriggerState: this.#setTriggerState,\n    });\n  }\n\n  #releaseControlsVisibilityLock(): void {\n    this.#releaseControlsLock?.();\n    this.#releaseControlsLock = null;\n  }\n\n  #syncParentRegistration(parentCtx: MenuContextValue | null): void {\n    const parentMenu = parentCtx?.menu ?? null;\n    if (parentMenu === this.#registeredParentMenu || !this.#menu) return;\n\n    this.#cleanupParentRegistration?.();\n    this.#registeredParentMenu = parentMenu;\n    this.#cleanupParentRegistration = parentMenu?.registerSubmenu(this.#menu) ?? null;\n  }\n\n  #updateAsRoot(state: ReturnType<MenuCore['getState']>): void {\n    if (!this.#menu) return;\n\n    const triggerElement = this.#position.findTrigger();\n    this.#syncTrigger(triggerElement);\n\n    applyElementProps(this, {\n      ...this.#core.getContentAttrs(state),\n    });\n    applyStateDataAttrs(this, state, MenuDataAttrs);\n\n    if (state.open) {\n      tryShowPopover(this);\n    } else {\n      tryHidePopover(this);\n    }\n\n    if (this.#currentTrigger) {\n      applyElementProps(this.#currentTrigger, this.#core.getTriggerAttrs(state, this.id));\n    }\n\n    if (!state.open) {\n      this.#cleanupSizeObserver?.();\n      this.#cleanupSizeObserver = null;\n      this.#position.cleanup();\n      return;\n    }\n\n    this.#cleanupSizeObserver?.();\n    const syncSize = () => syncMenuSizeChain(this);\n    syncSize();\n    this.#cleanupSizeObserver = observeMenuSize(this, syncSize);\n\n    const positionOptions = getRootPositionOptions(state.side, state.align);\n    if (!positionOptions || !this.#currentTrigger) return;\n\n    this.#position.sync({\n      anchorName: this.id,\n      position: positionOptions,\n      trigger: this.#currentTrigger,\n      boundary: this.boundary,\n      container: this.#containerCtx.value?.container ?? null,\n      cssVars: MenuPositioningCSSVars,\n      onSideChange: (side) => this.setAttribute(MenuDataAttrs.side, side),\n    });\n  }\n\n  #updateAsSubmenu(state: ReturnType<MenuCore['getState']>, parentCtx: MenuContextValue): void {\n    const isActive = state.open || state.status === 'ending';\n    const triggerElement = this.parentElement?.querySelector<HTMLElement>(\n      `[data-has-submenu][commandfor=\"${this.id}\"]`\n    );\n\n    this.#menu?.setTriggerElement(triggerElement ?? null);\n    if (triggerElement) applyElementProps(triggerElement, this.#core.getTriggerAttrs(state, this.id));\n    this.#syncTriggerState(triggerElement ?? null);\n\n    this.removeAttribute(MenuDataAttrs.side);\n    this.removeAttribute(MenuDataAttrs.align);\n    applyStateDataAttrs(this, state, MenuDataAttrs);\n\n    applyElementProps(this, {\n      hidden: !isActive,\n      role: 'menu',\n      tabIndex: -1,\n    });\n\n    this.#cleanupSizeObserver?.();\n    const parentContentElement = parentCtx.menu.contentElement;\n    const syncSize = () => syncMenuSizeChain(parentContentElement);\n    syncSize();\n    this.#cleanupSizeObserver =\n      isActive && parentContentElement ? observeMenuSize(parentContentElement, syncSize) : null;\n\n    if (isActive && !this.#submenuActive) {\n      this.#menu?.highlightFirstItem({ preventScroll: true });\n    } else if (!isActive && this.#submenuActive) {\n      this.#menu?.restoreFocus({ preventScroll: true });\n    }\n\n    this.#submenuActive = isActive;\n  }\n\n  #handleContentKeyDown = (event: UIKeyboardEvent): void => {\n    const isNavigationKey = isMenuNavigationKey(event);\n    const defaultPreventedBeforeMenu = event.defaultPrevented;\n\n    this.#menu?.contentProps.onKeyDown(event);\n\n    const parentCtx = this.#parentCtx.value ?? null;\n\n    if (!parentCtx) {\n      if (event.key === 'Escape') return;\n      if (isNavigationKey) {\n        event.stopPropagation();\n      }\n      return;\n    }\n\n    const isBackNavigationKey = event.key === 'ArrowLeft' || event.key === 'Escape';\n\n    if (isBackNavigationKey && !defaultPreventedBeforeMenu) {\n      event.preventDefault();\n      this.#menu?.close('escape');\n    }\n\n    if (isNavigationKey) event.stopPropagation();\n  };\n\n  #handleContentFocusOut = (event: UIFocusEvent): void => {\n    this.#menu?.contentProps.onFocusOut(event);\n  };\n\n  #setTriggerState = (triggerState: MenuTriggerState): void => {\n    if (\n      triggerState.hint === this.#triggerState.hint &&\n      triggerState.disabled === this.#triggerState.disabled &&\n      triggerState.availability === this.#triggerState.availability\n    ) {\n      return;\n    }\n\n    this.#triggerState = triggerState;\n    if (triggerState.disabled && this.open && this.#parentCtx.value) this.close('imperative-action');\n    this.requestUpdate();\n  };\n\n  #syncTriggerState(trigger: HTMLElement | null): void {\n    if (trigger !== this.#stateTrigger) {\n      this.#clearTriggerState();\n      this.#stateTrigger = trigger;\n    }\n\n    if (!trigger) return;\n\n    const disabled = this.#triggerState.disabled || isTriggerExplicitlyDisabled(trigger);\n    applyElementProps(trigger, {\n      'aria-disabled': disabled ? 'true' : undefined,\n      'data-availability': this.#triggerState.availability,\n    });\n\n    const hint = trigger.querySelector<HTMLElement>('[data-part~=\"hint\"]');\n    if (hint && hint.textContent !== this.#triggerState.hint) hint.textContent = this.#triggerState.hint;\n  }\n\n  #clearTriggerState(): void {\n    const trigger = this.#stateTrigger;\n    if (!trigger) return;\n\n    applyElementProps(trigger, {\n      'aria-disabled': isTriggerExplicitlyDisabled(trigger) ? 'true' : undefined,\n      'data-availability': undefined,\n    });\n\n    const hint = trigger.querySelector<HTMLElement>('[data-part~=\"hint\"]');\n    if (hint?.textContent) hint.textContent = '';\n    this.#stateTrigger = null;\n  }\n\n  #syncTrigger(triggerElement: HTMLElement | null): void {\n    if (triggerElement === this.#currentTrigger) return;\n\n    this.#position.cleanup();\n    this.#cleanupTrigger();\n    this.#currentTrigger = triggerElement;\n    this.#menu?.setTriggerElement(triggerElement);\n\n    if (triggerElement && this.#menu) {\n      this.#triggerAbort = new AbortController();\n      applyElementProps(triggerElement, this.#menu.triggerProps, { signal: this.#triggerAbort.signal });\n    }\n  }\n\n  #cleanupTrigger(): void {\n    if (this.#currentTrigger) {\n      applyElementProps(this.#currentTrigger, {\n        'aria-expanded': undefined,\n        'aria-haspopup': undefined,\n        'aria-controls': undefined,\n      });\n    }\n\n    this.#triggerAbort?.abort();\n    this.#triggerAbort = null;\n    this.#currentTrigger = null;\n  }\n}\n\nfunction isTriggerExplicitlyDisabled(trigger: HTMLElement): boolean {\n  return (\n    trigger.hasAttribute('disabled') ||\n    ('disabled' in trigger && (trigger as HTMLElement & { disabled?: boolean }).disabled === true)\n  );\n}\n"],"mappings":";;;;;;;;;;;;AA8BA,MAAM,sBAAwC;CAC5C,MAAM;CACN,UAAU;AACZ;AAEA,IAAa,cAAb,cAAiC,aAAa;;;EAerC,KAAA,OAAA,SAAS,aAAa;EACf,KAAA,cAAA,SAAS,aAAa;EAC7B,KAAA,OAAA,SAAS,aAAa;EACrB,KAAA,QAAA,SAAS,aAAa;EACd,KAAA,gBAAA,SAAS,aAAa;EAChB,KAAA,sBAAA,SAAS,aAAa;EACZ,KAAA,WAAA;EAEf,KAAA,QAAA,IAAI,SAAS;EACT,KAAA,YAAA,IAAI,gBAAgB,MAAM,EAAE,SAAS,YAAY,CAAC;EAClD,KAAA,YAAA,IAAI,mBAAmB,IAAI;EACtB,KAAA,iBAAA,IAAI,iBAAiB,MAAM,eAAe,cAAc;EACzD,KAAA,gBAAA,IAAI,gBAAgB,MAAM;GAAE,SAAS;GAAkB,WAAW;EAAK,CAAC;EACvE,KAAA,iBAAA,IAAI,gBAAgB,MAAM,EAAE,SAAS,kBAAkB,CAAC;EAE5D,KAAA,aAAA,IAAI,gBAAgB,MAAM;GAAE,SAAS;GAAa,WAAW;EAAK,CAAC;EACjE,KAAA,QAAA;EAC0B,KAAA,YAAA;EACjC,KAAA,iBAAA;EAEqB,KAAA,cAAA;EACE,KAAA,gBAAA;EACI,KAAA,uBAAA;EACN,KAAA,kBAAA;EACF,KAAA,gBAAA;EACpB,KAAA,gBAAA;EAC4B,KAAA,uBAAA;EACJ,KAAA,wBAAA;EACU,KAAA,6BAAA;EA4NzB,KAAA,yBAAA,UAAiC;GACxD,MAAM,kBAAkB,oBAAoB,KAAK;GACjD,MAAM,6BAA6B,MAAM;GAEzC,KAAKA,OAAO,aAAa,UAAU,KAAK;GAIxC,IAAI,EAFc,KAAKC,WAAW,SAAS,OAE3B;IACd,IAAI,MAAM,QAAQ,UAAU;IAC5B,IAAI,iBACF,MAAM,gBAAgB;IAExB;GACF;GAIA,KAF4B,MAAM,QAAQ,eAAe,MAAM,QAAQ,aAE5C,CAAC,4BAA4B;IACtD,MAAM,eAAe;IACrB,KAAKD,OAAO,MAAM,QAAQ;GAC5B;GAEA,IAAI,iBAAiB,MAAM,gBAAgB;EAC7C;EAE0B,KAAA,0BAAA,UAA8B;GACtD,KAAKA,OAAO,aAAa,WAAW,KAAK;EAC3C;EAEoB,KAAA,oBAAA,iBAAyC;GAC3D,IACE,aAAa,SAAS,KAAKE,cAAc,QACzC,aAAa,aAAa,KAAKA,cAAc,YAC7C,aAAa,iBAAiB,KAAKA,cAAc,cAEjD;GAGF,KAAKA,gBAAgB;GACrB,IAAI,aAAa,YAAY,KAAK,QAAQ,KAAKD,WAAW,OAAO,KAAK,MAAM,mBAAmB;GAC/F,KAAK,cAAc;EACrB;;;EAhTkC,KAAA,UAAA;;;EAEL,KAAA,aAAA;GAC3B,MAAM,EAAE,MAAM,QAAQ;GACtB,aAAa;IAAE,MAAM;IAAS,WAAW;GAAe;GACxD,MAAM,EAAE,MAAM,OAAO;GACrB,OAAO,EAAE,MAAM,OAAO;GACtB,eAAe;IAAE,MAAM;IAAS,WAAW;GAAkB;GAC7D,qBAAqB;IAAE,MAAM;IAAS,WAAW;GAAyB;GAC1E,UAAU,EAAE,MAAM,OAAO;EAC3B;;CAYA;CACA;CACA;CACA;CACA;CACA;CAEA;CACA;CACA;CACA;CAEA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CAEA,oBAAmC;EACjC,MAAM,kBAAkB;EACxB,IAAI,KAAK,WAAW;EAEpB,KAAK,aAAa,iBAAiB,EAAE;EAErC,KAAKQ,cAAc,IAAI,gBAAgB;EAEvC,KAAKT,QAAQ,WAAW;GACtB,YAAY,iBAAiB;GAC7B,eAAe,UAAmB,YAA+B;IAS/D,IARiB,KAAK,cACpB,IAAI,YAAY,eAAe;KAC7B,SAAS;KACT,YAAY;KACZ,UAAU;KACV,QAAQ;MAAE,MAAM;MAAU,GAAG;KAAQ;IACvC,CAAC,CAEQ,GAAG,KAAK,OAAO;GAC5B;GACA,qBAAqB,KAAK;GAC1B,2BAA2B,KAAK;GAChC,aAAc,KAAKC,WAAW,QAAQ,KAAA,IAAY,KAAKO,eAAe;EACxE,CAAC;EAID,KAAKR,MAAM,kBAAkB,IAAI;EAEjC,kBACE,MACA;GAAE,WAAW,KAAKU;GAAuB,YAAY,KAAKC;EAAuB,GACjF,EAAE,QAAQ,KAAKF,YAAY,OAAO,CACpC;EAEA,IAAI,KAAKG,WACP,KAAKA,UAAU,MAAM,KAAKZ,MAAM,KAAK;OAErC,KAAKY,YAAY,IAAI,mBAAmB,MAAM,KAAKZ,MAAM,KAAK;CAElE;CAEA,uBAAsC;EACpC,KAAKa,+BAA+B;EACpC,MAAM,qBAAqB;EAC3B,KAAKC,uBAAuB;EAC5B,KAAKA,uBAAuB;EAC5B,KAAKC,kBAAkB,IAAI;EAC3B,KAAKC,gBAAgB;EACrB,KAAKC,6BAA6B;EAClC,KAAKA,6BAA6B;EAClC,KAAKC,wBAAwB;EAC7B,KAAKlB,OAAO,QAAQ;EACpB,KAAKA,QAAQ;EACb,KAAKS,aAAa,MAAM;EACxB,KAAKA,cAAc;CACrB;CAEA,MAAM,SAA+B,qBAA2B;EAC9D,KAAKT,OAAO,MAAM,MAAM;CAC1B;CAEA,SAAS,SAA+B,qBAA2B;EACjE,KAAKA,OAAO,KAAK,MAAM;CACzB;CAEA,WAA8B,SAA+B;EAC3D,MAAM,WAAW,OAAO;EAExB,IAAI,CAAC,KAAK,cAAc,KAAK,eAAe,CAAC,KAAK,MAAM,KAAK,OAAO;EAEpE,MAAM,YAAY,KAAKC,WAAW,SAAS;EAC3C,KAAKkB,wBAAwB,SAAS;EAEtC,KAAKhB,MAAM,SAAS;GAClB,MAAM,KAAK;GACX,aAAa,KAAK;GAClB,MAAM,KAAK;GACX,OAAO,KAAK;GACZ,eAAe,KAAK;GACpB,qBAAqB,KAAK;EAC5B,CAAC;EAED,IAAI,KAAKH,SAAS,QAAQ,IAAI,MAAM,GAClC,KAAKA,MAAM,SAAS,KAAK,IAAI;CAEjC;CAEA,OAA0B,UAAgC;EACxD,MAAM,OAAO,QAAQ;EACrB,IAAI,CAAC,KAAKA,OAAO;EAEjB,MAAM,YAAY,KAAKC,WAAW,SAAS;EAC3C,MAAM,YAAY,cAAc;EAEhC,MAAM,QAAQ,KAAKD,MAAM,MAAM;EAC/B,KAAKG,MAAM,SAAS;GAAE,GAAG;GAAO;EAAU,CAAC;EAC3C,MAAM,QAAQ,KAAKA,MAAM,SAAS;EAElC,IAAI,CAAC,aAAa,MAAM,MACtB,KAAKiB,yBAAyB,KAAKd,eAAe,OAAO,oBAAoB,KAAK;OAElF,KAAKO,+BAA+B;EAGtC,IAAI,aAAa,WACf,KAAKQ,iBAAiB,OAAO,SAAS;OAEtC,KAAKC,cAAc,KAAK;EAI1B,KAAKlB,UAAU,SAAS;GACtB,MAAM,KAAKJ;GACX;GACA,cAAc;GACd,iBAAiB,KAAKuB;EACxB,CAAC;CACH;CAEA,iCAAuC;EACrC,KAAKH,uBAAuB;EAC5B,KAAKA,uBAAuB;CAC9B;CAEA,wBAAwB,WAA0C;EAChE,MAAM,aAAa,WAAW,QAAQ;EACtC,IAAI,eAAe,KAAKF,yBAAyB,CAAC,KAAKlB,OAAO;EAE9D,KAAKiB,6BAA6B;EAClC,KAAKC,wBAAwB;EAC7B,KAAKD,6BAA6B,YAAY,gBAAgB,KAAKjB,KAAK,KAAK;CAC/E;CAEA,cAAc,OAA+C;EAC3D,IAAI,CAAC,KAAKA,OAAO;EAEjB,MAAM,iBAAiB,KAAKK,UAAU,YAAY;EAClD,KAAKmB,aAAa,cAAc;EAEhC,kBAAkB,MAAM,EACtB,GAAG,KAAKrB,MAAM,gBAAgB,KAAK,EACrC,CAAC;EACD,oBAAoB,MAAM,OAAO,aAAa;EAE9C,IAAI,MAAM,MACR,eAAe,IAAI;OAEnB,eAAe,IAAI;EAGrB,IAAI,KAAKsB,iBACP,kBAAkB,KAAKA,iBAAiB,KAAKtB,MAAM,gBAAgB,OAAO,KAAK,EAAE,CAAC;EAGpF,IAAI,CAAC,MAAM,MAAM;GACf,KAAKW,uBAAuB;GAC5B,KAAKA,uBAAuB;GAC5B,KAAKT,UAAU,QAAQ;GACvB;EACF;EAEA,KAAKS,uBAAuB;EAC5B,MAAM,iBAAiB,kBAAkB,IAAI;EAC7C,SAAS;EACT,KAAKA,uBAAuB,gBAAgB,MAAM,QAAQ;EAE1D,MAAM,kBAAkB,uBAAuB,MAAM,MAAM,MAAM,KAAK;EACtE,IAAI,CAAC,mBAAmB,CAAC,KAAKW,iBAAiB;EAE/C,KAAKpB,UAAU,KAAK;GAClB,YAAY,KAAK;GACjB,UAAU;GACV,SAAS,KAAKoB;GACd,UAAU,KAAK;GACf,WAAW,KAAKlB,cAAc,OAAO,aAAa;GAClD,SAAS;GACT,eAAe,SAAS,KAAK,aAAa,cAAc,MAAM,IAAI;EACpE,CAAC;CACH;CAEA,iBAAiB,OAAyC,WAAmC;EAC3F,MAAM,WAAW,MAAM,QAAQ,MAAM,WAAW;EAChD,MAAM,iBAAiB,KAAK,eAAe,cACzC,kCAAkC,KAAK,GAAG,GAC5C;EAEA,KAAKP,OAAO,kBAAkB,kBAAkB,IAAI;EACpD,IAAI,gBAAgB,kBAAkB,gBAAgB,KAAKG,MAAM,gBAAgB,OAAO,KAAK,EAAE,CAAC;EAChG,KAAKY,kBAAkB,kBAAkB,IAAI;EAE7C,KAAK,gBAAgB,cAAc,IAAI;EACvC,KAAK,gBAAgB,cAAc,KAAK;EACxC,oBAAoB,MAAM,OAAO,aAAa;EAE9C,kBAAkB,MAAM;GACtB,QAAQ,CAAC;GACT,MAAM;GACN,UAAU;EACZ,CAAC;EAED,KAAKD,uBAAuB;EAC5B,MAAM,uBAAuB,UAAU,KAAK;EAC5C,MAAM,iBAAiB,kBAAkB,oBAAoB;EAC7D,SAAS;EACT,KAAKA,uBACH,YAAY,uBAAuB,gBAAgB,sBAAsB,QAAQ,IAAI;EAEvF,IAAI,YAAY,CAAC,KAAKY,gBACpB,KAAK1B,OAAO,mBAAmB,EAAE,eAAe,KAAK,CAAC;OACjD,IAAI,CAAC,YAAY,KAAK0B,gBAC3B,KAAK1B,OAAO,aAAa,EAAE,eAAe,KAAK,CAAC;EAGlD,KAAK0B,iBAAiB;CACxB;CAEA;CA0BA;CAIA;CAcA,kBAAkB,SAAmC;EACnD,IAAI,YAAY,KAAKC,eAAe;GAClC,KAAKC,mBAAmB;GACxB,KAAKD,gBAAgB;EACvB;EAEA,IAAI,CAAC,SAAS;EAGd,kBAAkB,SAAS;GACzB,iBAFe,KAAKzB,cAAc,YAAY,4BAA4B,OAAO,IAErD,SAAS,KAAA;GACrC,qBAAqB,KAAKA,cAAc;EAC1C,CAAC;EAED,MAAM,OAAO,QAAQ,cAA2B,uBAAqB;EACrE,IAAI,QAAQ,KAAK,gBAAgB,KAAKA,cAAc,MAAM,KAAK,cAAc,KAAKA,cAAc;CAClG;CAEA,qBAA2B;EACzB,MAAM,UAAU,KAAKyB;EACrB,IAAI,CAAC,SAAS;EAEd,kBAAkB,SAAS;GACzB,iBAAiB,4BAA4B,OAAO,IAAI,SAAS,KAAA;GACjE,qBAAqB,KAAA;EACvB,CAAC;EAED,MAAM,OAAO,QAAQ,cAA2B,uBAAqB;EACrE,IAAI,MAAM,aAAa,KAAK,cAAc;EAC1C,KAAKA,gBAAgB;CACvB;CAEA,aAAa,gBAA0C;EACrD,IAAI,mBAAmB,KAAKF,iBAAiB;EAE7C,KAAKpB,UAAU,QAAQ;EACvB,KAAKW,gBAAgB;EACrB,KAAKS,kBAAkB;EACvB,KAAKzB,OAAO,kBAAkB,cAAc;EAE5C,IAAI,kBAAkB,KAAKA,OAAO;GAChC,KAAK6B,gBAAgB,IAAI,gBAAgB;GACzC,kBAAkB,gBAAgB,KAAK7B,MAAM,cAAc,EAAE,QAAQ,KAAK6B,cAAc,OAAO,CAAC;EAClG;CACF;CAEA,kBAAwB;EACtB,IAAI,KAAKJ,iBACP,kBAAkB,KAAKA,iBAAiB;GACtC,iBAAiB,KAAA;GACjB,iBAAiB,KAAA;GACjB,iBAAiB,KAAA;EACnB,CAAC;EAGH,KAAKI,eAAe,MAAM;EAC1B,KAAKA,gBAAgB;EACrB,KAAKJ,kBAAkB;CACzB;AACF;AAEA,SAAS,4BAA4B,SAA+B;CAClE,OACE,QAAQ,aAAa,UAAU,KAC9B,cAAc,WAAY,QAAiD,aAAa;AAE7F"}

package/dist/dev/ui/menu/menu-radio-group-element.d.ts

@@ -10,7 +10,7 @@ declare class MenuRadioGroupElement extends RadioGroupElement {
   protected setItemLabel(item: MenuRadioItemElement, label: string): void;
   /** Applies a generated fallback without replacing an author-provided accessible name. */
   protected applyDefaultAriaLabel(label: string): void;
-  protected publishMenuMetadata(disabled: boolean, availability?: 'available' | 'unavailable' | 'unsupported'): void;
+  protected publishMenuTriggerState(disabled: boolean, availability?: 'available' | 'unavailable' | 'unsupported'): void;
 }
 //#endregion
 export { MenuRadioGroupElement };

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

@@ -1 +1 @@
-{"version":3,"file":"menu-radio-group-element.d.ts","names":[],"sources":["../../../../src/ui/menu/menu-radio-group-element.ts"],"mappings":";;;;cASa,8BAA8B;;kBACzB;EAQP;YAKU,OAAO,SAAS;YAMzB,aAAa,MAAM,sBAAsB;;YAWzC,sBAAsB;YAUtB,oBAAoB,mBAAmB"}
+{"version":3,"file":"menu-radio-group-element.d.ts","names":[],"sources":["../../../../src/ui/menu/menu-radio-group-element.ts"],"mappings":";;;;cASa,8BAA8B;;kBACzB;EAQP;YAKU,OAAO,SAAS;YAMzB,aAAa,MAAM,sBAAsB;;YAWzC,sBAAsB;YAUtB,wBACR,mBACA"}

package/dist/dev/ui/menu/menu-radio-group-element.js

@@ -15,10 +15,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) {
@@ -38,29 +38,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;
 	}
 };
 //#endregion

package/dist/dev/ui/menu/menu-radio-group-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-radio-group-element.js","names":["#group","#menu","#clearMenuMetadata","#ariaLabel","#metadataMenu","#setTriggerMetadata"],"sources":["../../../../src/ui/menu/menu-radio-group-element.ts"],"sourcesContent":["import type { PropertyValues } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\nimport { findElementChild } from '@videojs/utils/dom';\n\nimport { RadioGroupElement } from '../radio-group/radio-group-element';\nimport { type MenuContextValue, type MenuTriggerMetadata, menuContext } from './context';\nimport { MenuGroupController } from './menu-group-controller';\nimport { MenuRadioItemElement } from './menu-radio-item-element';\n\nexport class MenuRadioGroupElement extends RadioGroupElement {\n  static readonly tagName: string = 'media-menu-radio-group';\n\n  readonly #group = new MenuGroupController(this);\n  readonly #menu = new ContextConsumer(this, { context: menuContext, subscribe: true });\n  #ariaLabel: string | null = null;\n  #metadataMenu: MenuContextValue['menu'] | null = null;\n  #setTriggerMetadata: ((metadata: MenuTriggerMetadata) => void) | null = null;\n\n  override disconnectedCallback(): void {\n    this.#clearMenuMetadata();\n    super.disconnectedCallback();\n  }\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n\n    this.#group.applyProps();\n  }\n\n  protected setItemLabel(item: MenuRadioItemElement, label: string): void {\n    const labelPart = item.querySelector<HTMLElement>('[data-part~=\"label\"]');\n\n    if (labelPart) {\n      labelPart.textContent = label;\n    } else {\n      item.textContent = label;\n    }\n  }\n\n  /** Applies a generated fallback without replacing an author-provided accessible name. */\n  protected applyDefaultAriaLabel(label: string): void {\n    if (this.hasAttribute('aria-labelledby')) return;\n\n    const current = this.getAttribute('aria-label');\n    if (current !== null && current !== this.#ariaLabel) return;\n\n    this.#ariaLabel = label;\n    this.setAttribute('aria-label', label);\n  }\n\n  protected publishMenuMetadata(disabled: boolean, availability?: 'available' | 'unavailable' | 'unsupported'): void {\n    const context = this.#menu.value ?? null;\n\n    if (context?.menu !== this.#metadataMenu) {\n      this.#clearMenuMetadata();\n      this.#metadataMenu = context?.menu ?? null;\n      this.#setTriggerMetadata = context?.setTriggerMetadata ?? null;\n    }\n\n    if (!this.#setTriggerMetadata) return;\n\n    const selectedItem = findElementChild(\n      this,\n      (item): item is MenuRadioItemElement => item instanceof MenuRadioItemElement && item.value === this.value\n    );\n    const label = selectedItem?.querySelector<HTMLElement>('[data-part~=\"label\"]')?.textContent;\n    const hint = label ?? selectedItem?.textContent?.trim() ?? '';\n\n    this.#setTriggerMetadata({ hint, disabled, availability });\n  }\n\n  #clearMenuMetadata(): void {\n    this.#setTriggerMetadata?.({ hint: '', disabled: false });\n    this.#metadataMenu = null;\n    this.#setTriggerMetadata = null;\n  }\n}\n"],"mappings":";;;;;;;AASA,IAAa,wBAAb,cAA2C,kBAAkB;;EACzB,KAAA,UAAA;;CAElC,SAAkB,IAAI,oBAAoB,IAAI;CAC9C,QAAiB,IAAI,gBAAgB,MAAM;EAAE,SAAS;EAAa,WAAW;CAAK,CAAC;CACpF,aAA4B;CAC5B,gBAAiD;CACjD,sBAAwE;CAExE,uBAAsC;EACpC,KAAKE,mBAAmB;EACxB,MAAM,qBAAqB;CAC7B;CAEA,OAA0B,SAA+B;EACvD,MAAM,OAAO,OAAO;EAEpB,KAAKF,OAAO,WAAW;CACzB;CAEA,aAAuB,MAA4B,OAAqB;EACtE,MAAM,YAAY,KAAK,cAA2B,wBAAsB;EAExE,IAAI,WACF,UAAU,cAAc;OAExB,KAAK,cAAc;CAEvB;;CAGA,sBAAgC,OAAqB;EACnD,IAAI,KAAK,aAAa,iBAAiB,GAAG;EAE1C,MAAM,UAAU,KAAK,aAAa,YAAY;EAC9C,IAAI,YAAY,QAAQ,YAAY,KAAKG,YAAY;EAErD,KAAKA,aAAa;EAClB,KAAK,aAAa,cAAc,KAAK;CACvC;CAEA,oBAA8B,UAAmB,cAAkE;EACjH,MAAM,UAAU,KAAKF,MAAM,SAAS;EAEpC,IAAI,SAAS,SAAS,KAAKG,eAAe;GACxC,KAAKF,mBAAmB;GACxB,KAAKE,gBAAgB,SAAS,QAAQ;GACtC,KAAKC,sBAAsB,SAAS,sBAAsB;EAC5D;EAEA,IAAI,CAAC,KAAKA,qBAAqB;EAE/B,MAAM,eAAe,iBACnB,OACC,SAAuC,gBAAgB,wBAAwB,KAAK,UAAU,KAAK,KACtG;EAEA,MAAM,OADQ,cAAc,cAA2B,wBAAsB,CAAC,EAAE,eAC1D,cAAc,aAAa,KAAK,KAAK;EAE3D,KAAKA,oBAAoB;GAAE;GAAM;GAAU;EAAa,CAAC;CAC3D;CAEA,qBAA2B;EACzB,KAAKA,sBAAsB;GAAE,MAAM;GAAI,UAAU;EAAM,CAAC;EACxD,KAAKD,gBAAgB;EACrB,KAAKC,sBAAsB;CAC7B;AACF"}
+{"version":3,"file":"menu-radio-group-element.js","names":["#group","#menu","#clearMenuTriggerState","#ariaLabel","#triggerMenu","#setTriggerState"],"sources":["../../../../src/ui/menu/menu-radio-group-element.ts"],"sourcesContent":["import type { PropertyValues } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\nimport { findElementChild } from '@videojs/utils/dom';\n\nimport { RadioGroupElement } from '../radio-group/radio-group-element';\nimport { type MenuContextValue, type MenuTriggerState, menuContext } from './context';\nimport { MenuGroupController } from './menu-group-controller';\nimport { MenuRadioItemElement } from './menu-radio-item-element';\n\nexport class MenuRadioGroupElement extends RadioGroupElement {\n  static readonly tagName: string = 'media-menu-radio-group';\n\n  readonly #group = new MenuGroupController(this);\n  readonly #menu = new ContextConsumer(this, { context: menuContext, subscribe: true });\n  #ariaLabel: string | null = null;\n  #triggerMenu: MenuContextValue['menu'] | null = null;\n  #setTriggerState: ((state: MenuTriggerState) => void) | null = null;\n\n  override disconnectedCallback(): void {\n    this.#clearMenuTriggerState();\n    super.disconnectedCallback();\n  }\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n\n    this.#group.applyProps();\n  }\n\n  protected setItemLabel(item: MenuRadioItemElement, label: string): void {\n    const labelPart = item.querySelector<HTMLElement>('[data-part~=\"label\"]');\n\n    if (labelPart) {\n      labelPart.textContent = label;\n    } else {\n      item.textContent = label;\n    }\n  }\n\n  /** Applies a generated fallback without replacing an author-provided accessible name. */\n  protected applyDefaultAriaLabel(label: string): void {\n    if (this.hasAttribute('aria-labelledby')) return;\n\n    const current = this.getAttribute('aria-label');\n    if (current !== null && current !== this.#ariaLabel) return;\n\n    this.#ariaLabel = label;\n    this.setAttribute('aria-label', label);\n  }\n\n  protected publishMenuTriggerState(\n    disabled: boolean,\n    availability?: 'available' | 'unavailable' | 'unsupported'\n  ): void {\n    const context = this.#menu.value ?? null;\n\n    if (context?.menu !== this.#triggerMenu) {\n      this.#clearMenuTriggerState();\n      this.#triggerMenu = context?.menu ?? null;\n      this.#setTriggerState = context?.setTriggerState ?? null;\n    }\n\n    if (!this.#setTriggerState) return;\n\n    const selectedItem = findElementChild(\n      this,\n      (item): item is MenuRadioItemElement => item instanceof MenuRadioItemElement && item.value === this.value\n    );\n    const label = selectedItem?.querySelector<HTMLElement>('[data-part~=\"label\"]')?.textContent;\n    const hint = label ?? selectedItem?.textContent?.trim() ?? '';\n\n    this.#setTriggerState({ hint, disabled, availability });\n  }\n\n  #clearMenuTriggerState(): void {\n    this.#setTriggerState?.({ hint: '', disabled: false });\n    this.#triggerMenu = null;\n    this.#setTriggerState = null;\n  }\n}\n"],"mappings":";;;;;;;AASA,IAAa,wBAAb,cAA2C,kBAAkB;;EACzB,KAAA,UAAA;;CAElC,SAAkB,IAAI,oBAAoB,IAAI;CAC9C,QAAiB,IAAI,gBAAgB,MAAM;EAAE,SAAS;EAAa,WAAW;CAAK,CAAC;CACpF,aAA4B;CAC5B,eAAgD;CAChD,mBAA+D;CAE/D,uBAAsC;EACpC,KAAKE,uBAAuB;EAC5B,MAAM,qBAAqB;CAC7B;CAEA,OAA0B,SAA+B;EACvD,MAAM,OAAO,OAAO;EAEpB,KAAKF,OAAO,WAAW;CACzB;CAEA,aAAuB,MAA4B,OAAqB;EACtE,MAAM,YAAY,KAAK,cAA2B,wBAAsB;EAExE,IAAI,WACF,UAAU,cAAc;OAExB,KAAK,cAAc;CAEvB;;CAGA,sBAAgC,OAAqB;EACnD,IAAI,KAAK,aAAa,iBAAiB,GAAG;EAE1C,MAAM,UAAU,KAAK,aAAa,YAAY;EAC9C,IAAI,YAAY,QAAQ,YAAY,KAAKG,YAAY;EAErD,KAAKA,aAAa;EAClB,KAAK,aAAa,cAAc,KAAK;CACvC;CAEA,wBACE,UACA,cACM;EACN,MAAM,UAAU,KAAKF,MAAM,SAAS;EAEpC,IAAI,SAAS,SAAS,KAAKG,cAAc;GACvC,KAAKF,uBAAuB;GAC5B,KAAKE,eAAe,SAAS,QAAQ;GACrC,KAAKC,mBAAmB,SAAS,mBAAmB;EACtD;EAEA,IAAI,CAAC,KAAKA,kBAAkB;EAE5B,MAAM,eAAe,iBACnB,OACC,SAAuC,gBAAgB,wBAAwB,KAAK,UAAU,KAAK,KACtG;EAEA,MAAM,OADQ,cAAc,cAA2B,wBAAsB,CAAC,EAAE,eAC1D,cAAc,aAAa,KAAK,KAAK;EAE3D,KAAKA,iBAAiB;GAAE;GAAM;GAAU;EAAa,CAAC;CACxD;CAEA,yBAA+B;EAC7B,KAAKA,mBAAmB;GAAE,MAAM;GAAI,UAAU;EAAM,CAAC;EACrD,KAAKD,eAAe;EACpB,KAAKC,mBAAmB;CAC1B;AACF"}

package/dist/dev/ui/playback-rate-radio-group/playback-rate-radio-group-element.js

@@ -54,7 +54,7 @@ var PlaybackRateRadioGroupElement = class extends MenuRadioGroupElement {
 			state = this.#core.getState();
 			this.applyDefaultAriaLabel(translateText(this.#core.getLabel(state), this.#i18n.value, this.#core.getLabelParams(state)));
 			this.#options.sync(state, this.#i18n.value, this.#i18n.locale);
-			this.publishMenuMetadata(state.disabled, state.availability);
+			this.publishMenuTriggerState(state.disabled, state.availability);
 		}
 		super.update(changed);
 		if (state) applyStateDataAttrs(this, state, PlaybackRateRadioGroupDataAttrs);

package/dist/dev/ui/playback-rate-radio-group/playback-rate-radio-group-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"playback-rate-radio-group-element.js","names":["#mediaState","#core","#i18n","#options"],"sources":["../../../../src/ui/playback-rate-radio-group/playback-rate-radio-group-element.ts"],"sourcesContent":["import {\n  PlaybackRateRadioGroupCore,\n  PlaybackRateRadioGroupDataAttrs,\n  type PlaybackRateRadioGroupOption,\n} from '@videojs/core';\nimport { applyStateDataAttrs, logMissingFeature, selectPlaybackRate } from '@videojs/core/dom';\nimport { translateText } from '@videojs/core/i18n';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\n\nimport { i18nContext } from '../../i18n/context';\nimport { I18nController } from '../../i18n/controller';\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MenuRadioGroupElement } from '../menu/menu-radio-group-element';\nimport { RadioOptionsController } from '../radio-options/radio-options-controller';\n\nexport class PlaybackRateRadioGroupElement extends MenuRadioGroupElement {\n  static override readonly tagName = 'media-playback-rate-radio-group';\n\n  static override properties = {\n    ...MenuRadioGroupElement.properties,\n    disabled: { type: Boolean },\n  } satisfies PropertyDeclarationMap<'value' | 'disabled'>;\n\n  disabled = false;\n  formatRate = PlaybackRateRadioGroupCore.defaultProps.formatRate;\n\n  readonly #core = new PlaybackRateRadioGroupCore();\n  readonly #i18n = new I18nController(this, i18nContext);\n  readonly #mediaState = new PlayerController(this, playerContext, selectPlaybackRate);\n  readonly #options = new RadioOptionsController<PlaybackRateRadioGroupOption>(this, {\n    setItemAttributes: (item, option) => item.setAttribute('data-rate', option.value),\n    onValueChange: (value) => {\n      const media = this.#mediaState.value;\n      if (media) this.#core.selectValue(media, value);\n    },\n  });\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (this.destroyed) return;\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    const media = this.#mediaState.value;\n    let state: PlaybackRateRadioGroupCore.State | null = null;\n\n    if (media) {\n      this.#core.setProps({ formatRate: this.formatRate, disabled: this.disabled });\n      this.#core.setMedia(media);\n      state = this.#core.getState();\n\n      this.applyDefaultAriaLabel(\n        translateText(this.#core.getLabel(state), this.#i18n.value, this.#core.getLabelParams(state))\n      );\n      this.#options.sync(state, this.#i18n.value, this.#i18n.locale);\n      this.publishMenuMetadata(state.disabled, state.availability);\n    }\n\n    super.update(changed);\n\n    if (state) applyStateDataAttrs(this, state, PlaybackRateRadioGroupDataAttrs);\n  }\n}\n\nexport namespace PlaybackRateRadioGroupElement {\n  export type State = PlaybackRateRadioGroupCore.State;\n}\n"],"mappings":";;;;;;;;;;AAgBA,IAAa,gCAAb,cAAmD,sBAAsB;;;EAQ5D,KAAA,WAAA;EACE,KAAA,aAAA,2BAA2B,aAAa;EAEpC,KAAA,QAAA,IAAI,2BAA2B;EAC/B,KAAA,QAAA,IAAI,eAAe,MAAM,WAAW;EAC9B,KAAA,cAAA,IAAI,iBAAiB,MAAM,eAAe,kBAAkB;EAC/D,KAAA,WAAA,IAAI,uBAAqD,MAAM;GACjF,oBAAoB,MAAM,WAAW,KAAK,aAAa,aAAa,OAAO,KAAK;GAChF,gBAAgB,UAAU;IACxB,MAAM,QAAQ,KAAKA,YAAY;IAC/B,IAAI,OAAO,KAAKC,MAAM,YAAY,OAAO,KAAK;GAChD;EACF,CAAC;;;EAnBkC,KAAA,UAAA;;;EAEN,KAAA,aAAA;GAC3B,GAAG,sBAAsB;GACzB,UAAU,EAAE,MAAM,QAAQ;EAC5B;;CAKA;CACA;CACA;CACA;CAQA,oBAAmC;EACjC,MAAM,kBAAkB;EACxB,IAAI,KAAK,WAAW;EAEpB,IAAe,CAAC,KAAKD,YAAY,SAAS,KAAKA,YAAY,aACzD,kBAAkB,KAAK,WAAW,KAAKA,YAAY,WAAW;CAElE;CAEA,OAA0B,SAA+B;EACvD,MAAM,QAAQ,KAAKA,YAAY;EAC/B,IAAI,QAAiD;EAErD,IAAI,OAAO;GACT,KAAKC,MAAM,SAAS;IAAE,YAAY,KAAK;IAAY,UAAU,KAAK;GAAS,CAAC;GAC5E,KAAKA,MAAM,SAAS,KAAK;GACzB,QAAQ,KAAKA,MAAM,SAAS;GAE5B,KAAK,sBACH,cAAc,KAAKA,MAAM,SAAS,KAAK,GAAG,KAAKC,MAAM,OAAO,KAAKD,MAAM,eAAe,KAAK,CAAC,CAC9F;GACA,KAAKE,SAAS,KAAK,OAAO,KAAKD,MAAM,OAAO,KAAKA,MAAM,MAAM;GAC7D,KAAK,oBAAoB,MAAM,UAAU,MAAM,YAAY;EAC7D;EAEA,MAAM,OAAO,OAAO;EAEpB,IAAI,OAAO,oBAAoB,MAAM,OAAO,+BAA+B;CAC7E;AACF"}
+{"version":3,"file":"playback-rate-radio-group-element.js","names":["#mediaState","#core","#i18n","#options"],"sources":["../../../../src/ui/playback-rate-radio-group/playback-rate-radio-group-element.ts"],"sourcesContent":["import {\n  PlaybackRateRadioGroupCore,\n  PlaybackRateRadioGroupDataAttrs,\n  type PlaybackRateRadioGroupOption,\n} from '@videojs/core';\nimport { applyStateDataAttrs, logMissingFeature, selectPlaybackRate } from '@videojs/core/dom';\nimport { translateText } from '@videojs/core/i18n';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\n\nimport { i18nContext } from '../../i18n/context';\nimport { I18nController } from '../../i18n/controller';\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MenuRadioGroupElement } from '../menu/menu-radio-group-element';\nimport { RadioOptionsController } from '../radio-options/radio-options-controller';\n\nexport class PlaybackRateRadioGroupElement extends MenuRadioGroupElement {\n  static override readonly tagName = 'media-playback-rate-radio-group';\n\n  static override properties = {\n    ...MenuRadioGroupElement.properties,\n    disabled: { type: Boolean },\n  } satisfies PropertyDeclarationMap<'value' | 'disabled'>;\n\n  disabled = false;\n  formatRate = PlaybackRateRadioGroupCore.defaultProps.formatRate;\n\n  readonly #core = new PlaybackRateRadioGroupCore();\n  readonly #i18n = new I18nController(this, i18nContext);\n  readonly #mediaState = new PlayerController(this, playerContext, selectPlaybackRate);\n  readonly #options = new RadioOptionsController<PlaybackRateRadioGroupOption>(this, {\n    setItemAttributes: (item, option) => item.setAttribute('data-rate', option.value),\n    onValueChange: (value) => {\n      const media = this.#mediaState.value;\n      if (media) this.#core.selectValue(media, value);\n    },\n  });\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (this.destroyed) return;\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    const media = this.#mediaState.value;\n    let state: PlaybackRateRadioGroupCore.State | null = null;\n\n    if (media) {\n      this.#core.setProps({ formatRate: this.formatRate, disabled: this.disabled });\n      this.#core.setMedia(media);\n      state = this.#core.getState();\n\n      this.applyDefaultAriaLabel(\n        translateText(this.#core.getLabel(state), this.#i18n.value, this.#core.getLabelParams(state))\n      );\n      this.#options.sync(state, this.#i18n.value, this.#i18n.locale);\n      this.publishMenuTriggerState(state.disabled, state.availability);\n    }\n\n    super.update(changed);\n\n    if (state) applyStateDataAttrs(this, state, PlaybackRateRadioGroupDataAttrs);\n  }\n}\n\nexport namespace PlaybackRateRadioGroupElement {\n  export type State = PlaybackRateRadioGroupCore.State;\n}\n"],"mappings":";;;;;;;;;;AAgBA,IAAa,gCAAb,cAAmD,sBAAsB;;;EAQ5D,KAAA,WAAA;EACE,KAAA,aAAA,2BAA2B,aAAa;EAEpC,KAAA,QAAA,IAAI,2BAA2B;EAC/B,KAAA,QAAA,IAAI,eAAe,MAAM,WAAW;EAC9B,KAAA,cAAA,IAAI,iBAAiB,MAAM,eAAe,kBAAkB;EAC/D,KAAA,WAAA,IAAI,uBAAqD,MAAM;GACjF,oBAAoB,MAAM,WAAW,KAAK,aAAa,aAAa,OAAO,KAAK;GAChF,gBAAgB,UAAU;IACxB,MAAM,QAAQ,KAAKA,YAAY;IAC/B,IAAI,OAAO,KAAKC,MAAM,YAAY,OAAO,KAAK;GAChD;EACF,CAAC;;;EAnBkC,KAAA,UAAA;;;EAEN,KAAA,aAAA;GAC3B,GAAG,sBAAsB;GACzB,UAAU,EAAE,MAAM,QAAQ;EAC5B;;CAKA;CACA;CACA;CACA;CAQA,oBAAmC;EACjC,MAAM,kBAAkB;EACxB,IAAI,KAAK,WAAW;EAEpB,IAAe,CAAC,KAAKD,YAAY,SAAS,KAAKA,YAAY,aACzD,kBAAkB,KAAK,WAAW,KAAKA,YAAY,WAAW;CAElE;CAEA,OAA0B,SAA+B;EACvD,MAAM,QAAQ,KAAKA,YAAY;EAC/B,IAAI,QAAiD;EAErD,IAAI,OAAO;GACT,KAAKC,MAAM,SAAS;IAAE,YAAY,KAAK;IAAY,UAAU,KAAK;GAAS,CAAC;GAC5E,KAAKA,MAAM,SAAS,KAAK;GACzB,QAAQ,KAAKA,MAAM,SAAS;GAE5B,KAAK,sBACH,cAAc,KAAKA,MAAM,SAAS,KAAK,GAAG,KAAKC,MAAM,OAAO,KAAKD,MAAM,eAAe,KAAK,CAAC,CAC9F;GACA,KAAKE,SAAS,KAAK,OAAO,KAAKD,MAAM,OAAO,KAAKA,MAAM,MAAM;GAC7D,KAAK,wBAAwB,MAAM,UAAU,MAAM,YAAY;EACjE;EAEA,MAAM,OAAO,OAAO;EAEpB,IAAI,OAAO,oBAAoB,MAAM,OAAO,+BAA+B;CAC7E;AACF"}

package/dist/dev/ui/poster/poster-element.d.ts

@@ -1,25 +1,27 @@
-import { PlayerController } from "../../player/player-controller.js";
-import { MediaUIElement } from "../media-ui-element.js";
-import { index_d_exports } from "../../index.js";
-import { PosterCore } from "@videojs/core";
+import { MediaElement } from "../media-element.js";
+import { PropertyValues } from "@videojs/element";
 //#region src/ui/poster/poster-element.d.ts
-declare class PosterElement extends MediaUIElement<PosterCore> {
+/**
+ * `<media-poster>` — sets `src` on a poster image it does not own.
+ *
+ * The image is a child, as in `<picture>`, but sourcing runs the other way
+ * around: `<picture>` treats the `src` on its `<img>` as the fallback, while
+ * here an image with no source of its own is the one this element fills in.
+ * Give the child a `src`, a `srcset`, or `<source>` candidates and it is yours,
+ * left alone.
+ *
+ * Renders no image of its own, so include one:
+ * `<media-poster><img alt=""></media-poster>`. Inside a skin, an
+ * `<img slot="poster">` of yours replaces the one the skin carries.
+ */
+declare class PosterElement extends MediaElement {
+  #private;
   static readonly tagName = "media-poster";
   static get observedAttributes(): string[];
-  protected readonly core: PosterCore;
-  protected readonly stateAttrMap: {
-    readonly visible: 'data-visible';
-  };
-  protected readonly mediaState: PlayerController<index_d_exports.AnyPlayerStore, {
-    paused: boolean;
-    ended: boolean;
-    started: boolean;
-    waiting: boolean;
-    play: () => Promise<void>;
-    pause: () => void;
-    togglePaused: () => boolean;
-  } | undefined>;
+  connectedCallback(): void;
   attributeChangedCallback(attr: string, oldValue: string | null, newValue: string | null): void;
+  disconnectedCallback(): void;
+  protected update(changed: PropertyValues): void;
 }
 //#endregion
 export { PosterElement };

package/dist/dev/ui/poster/poster-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"poster-element.d.ts","names":[],"sources":["../../../../src/ui/poster/poster-element.ts"],"mappings":";;;;;cAOa,sBAAsB,eAAe;kBAChC;aAEL;qBAKQ,MAAI;qBACJ;;;qBACA,YAAU,iBAFN,gBAEM;;;;;;;;;EAEpB,yBAAyB,cAAc,yBAAyB"}
+{"version":3,"file":"poster-element.d.ts","names":[],"sources":["../../../../src/ui/poster/poster-element.ts"],"mappings":";;;;;;;;;;;;;;;;cAuEa,sBAAsB;;kBACjB;aAEL;EAoBF;EAiBA,yBAAyB,cAAc,yBAAyB;EAYhE;YAcU,OAAO,SAAS"}