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

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

@@ -1,77 +0,0 @@
-import { playerContext } from "../../player/context.js";
-import { PlayerController } from "../../player/player-controller.js";
-import { MediaButtonElement } from "../media-button-element.js";
-import { toggleCommandTarget } from "../command-for.js";
-import { CaptionsButtonCore, CaptionsButtonDataAttrs } from "@videojs/core";
-import { applyElementProps, selectTextTrack } from "@videojs/core/dom";
-import { isCaptionOrSubtitleTrack } from "@videojs/utils/dom";
-//#region src/ui/captions-button/captions-button-element.ts
-function getCaptionTrackCount(state) {
-	return state.textTrackList.filter(isCaptionOrSubtitleTrack).length;
-}
-var CaptionsButtonElement = class extends MediaButtonElement {
-	constructor(..._args) {
-		super(..._args);
-		this.commandfor = void 0;
-		this.menuFor = void 0;
-		this.#defaultCommandfor = void 0;
-		this.core = new CaptionsButtonCore();
-		this.stateAttrMap = CaptionsButtonDataAttrs;
-		this.mediaState = new PlayerController(this, playerContext, selectTextTrack);
-		this.hotkeyAction = "toggleSubtitles";
-	}
-	static {
-		this.tagName = "media-captions-button";
-	}
-	static {
-		this.properties = {
-			label: { type: String },
-			disabled: { type: Boolean },
-			commandfor: { type: String },
-			menuFor: {
-				type: String,
-				attribute: "menu-for"
-			}
-		};
-	}
-	#defaultCommandfor;
-	connectedCallback() {
-		super.connectedCallback();
-		if (this.commandfor && this.commandfor !== this.menuFor) this.#defaultCommandfor = this.commandfor;
-	}
-	activate(state, event) {
-		if (this.menuFor && getCaptionTrackCount(state) > 1) {
-			if (event instanceof KeyboardEvent) toggleCommandTarget(this, this.menuFor);
-			return;
-		}
-		this.core.toggle(state);
-	}
-	getIsButtonDisabled() {
-		const media = this.mediaState.value;
-		if (super.getIsButtonDisabled()) return true;
-		if (media && getCaptionTrackCount(media) === 0) return true;
-		return false;
-	}
-	willUpdate(changed) {
-		super.willUpdate(changed);
-		if (changed.has("commandfor") && this.commandfor !== this.menuFor) this.#defaultCommandfor = this.commandfor;
-		if (changed.has("commandfor") || changed.has("menuFor")) this.#syncCommandFor();
-	}
-	update(changed) {
-		super.update(changed);
-		const media = this.mediaState.value;
-		if (!media) return;
-		this.#syncCommandFor(media);
-		if (this.menuFor && getCaptionTrackCount(media) > 1) applyElementProps(this, { "aria-disabled": this.getIsButtonDisabled() ? "true" : void 0 });
-	}
-	#syncCommandFor(media) {
-		const state = media ?? this.mediaState.value;
-		const target = state && this.menuFor && getCaptionTrackCount(state) > 1 ? this.menuFor : this.#defaultCommandfor;
-		if (target) this.setAttribute("commandfor", target);
-		else this.removeAttribute("commandfor");
-	}
-};
-//#endregion
-export { CaptionsButtonElement };
-
-//# sourceMappingURL=captions-button-element.js.map

package/dist/dev/ui/captions-button/captions-button-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"captions-button-element.js","names":["#defaultCommandfor","#syncCommandFor"],"sources":["../../../../src/ui/captions-button/captions-button-element.ts"],"sourcesContent":["import { CaptionsButtonCore, CaptionsButtonDataAttrs } from '@videojs/core';\nimport { applyElementProps, selectTextTrack, type UIEvent } from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport type { MediaTextTrackState } from '@videojs/media';\nimport { isCaptionOrSubtitleTrack } from '@videojs/utils/dom';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { toggleCommandTarget } from '../command-for';\nimport { MediaButtonElement } from '../media-button-element';\n\nfunction getCaptionTrackCount(state: MediaTextTrackState): number {\n  return state.textTrackList.filter(isCaptionOrSubtitleTrack).length;\n}\n\nexport class CaptionsButtonElement extends MediaButtonElement<CaptionsButtonCore> {\n  static readonly tagName = 'media-captions-button';\n\n  static override properties = {\n    label: { type: String },\n    disabled: { type: Boolean },\n    commandfor: { type: String },\n    menuFor: { type: String, attribute: 'menu-for' },\n  } satisfies PropertyDeclarationMap<'label' | 'disabled' | 'commandfor' | 'menuFor'>;\n\n  commandfor: string | undefined = undefined;\n  menuFor: string | undefined = undefined;\n  #defaultCommandfor: string | undefined = undefined;\n\n  protected readonly core = new CaptionsButtonCore();\n  protected readonly stateAttrMap = CaptionsButtonDataAttrs;\n  protected readonly mediaState = new PlayerController(this, playerContext, selectTextTrack);\n  protected override readonly hotkeyAction = 'toggleSubtitles';\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    if (this.commandfor && this.commandfor !== this.menuFor) {\n      this.#defaultCommandfor = this.commandfor;\n    }\n  }\n\n  protected activate(state: MediaTextTrackState, event?: UIEvent): void {\n    if (this.menuFor && getCaptionTrackCount(state) > 1) {\n      if (event instanceof KeyboardEvent) {\n        toggleCommandTarget(this, this.menuFor);\n      }\n\n      return;\n    }\n\n    this.core.toggle(state);\n  }\n\n  protected override getIsButtonDisabled(): boolean {\n    const media = this.mediaState.value;\n\n    if (super.getIsButtonDisabled()) return true;\n\n    if (media && getCaptionTrackCount(media) === 0) return true;\n\n    return false;\n  }\n\n  protected override willUpdate(changed: PropertyValues): void {\n    super.willUpdate(changed);\n\n    if (changed.has('commandfor') && this.commandfor !== this.menuFor) {\n      this.#defaultCommandfor = this.commandfor;\n    }\n\n    if (changed.has('commandfor') || changed.has('menuFor')) {\n      this.#syncCommandFor();\n    }\n  }\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n\n    const media = this.mediaState.value;\n    if (!media) return;\n\n    this.#syncCommandFor(media);\n\n    if (this.menuFor && getCaptionTrackCount(media) > 1) {\n      applyElementProps(this, {\n        'aria-disabled': this.getIsButtonDisabled() ? 'true' : undefined,\n      });\n    }\n  }\n\n  #syncCommandFor(media?: MediaTextTrackState): void {\n    const state = media ?? this.mediaState.value;\n    const target = state && this.menuFor && getCaptionTrackCount(state) > 1 ? this.menuFor : this.#defaultCommandfor;\n\n    if (target) {\n      this.setAttribute('commandfor', target);\n    } else {\n      this.removeAttribute('commandfor');\n    }\n  }\n}\n\nexport namespace CaptionsButtonElement {\n  export type State = CaptionsButtonCore.State;\n}\n"],"mappings":";;;;;;;;AAWA,SAAS,qBAAqB,OAAoC;CAChE,OAAO,MAAM,cAAc,OAAO,wBAAwB,CAAC,CAAC;AAC9D;AAEA,IAAa,wBAAb,cAA2C,mBAAuC;;;EAU/C,KAAA,aAAA,KAAA;EACH,KAAA,UAAA,KAAA;EACW,KAAA,qBAAA,KAAA;EAEf,KAAA,OAAA,IAAI,mBAAmB;EACf,KAAA,eAAA;EACF,KAAA,aAAA,IAAI,iBAAiB,MAAM,eAAe,eAAe;EAC9C,KAAA,eAAA;;;EAhBjB,KAAA,UAAA;;;EAEG,KAAA,aAAA;GAC3B,OAAO,EAAE,MAAM,OAAO;GACtB,UAAU,EAAE,MAAM,QAAQ;GAC1B,YAAY,EAAE,MAAM,OAAO;GAC3B,SAAS;IAAE,MAAM;IAAQ,WAAW;GAAW;EACjD;;CAIA;CAOA,oBAAmC;EACjC,MAAM,kBAAkB;EAExB,IAAI,KAAK,cAAc,KAAK,eAAe,KAAK,SAC9C,KAAKA,qBAAqB,KAAK;CAEnC;CAEA,SAAmB,OAA4B,OAAuB;EACpE,IAAI,KAAK,WAAW,qBAAqB,KAAK,IAAI,GAAG;GACnD,IAAI,iBAAiB,eACnB,oBAAoB,MAAM,KAAK,OAAO;GAGxC;EACF;EAEA,KAAK,KAAK,OAAO,KAAK;CACxB;CAEA,sBAAkD;EAChD,MAAM,QAAQ,KAAK,WAAW;EAE9B,IAAI,MAAM,oBAAoB,GAAG,OAAO;EAExC,IAAI,SAAS,qBAAqB,KAAK,MAAM,GAAG,OAAO;EAEvD,OAAO;CACT;CAEA,WAA8B,SAA+B;EAC3D,MAAM,WAAW,OAAO;EAExB,IAAI,QAAQ,IAAI,YAAY,KAAK,KAAK,eAAe,KAAK,SACxD,KAAKA,qBAAqB,KAAK;EAGjC,IAAI,QAAQ,IAAI,YAAY,KAAK,QAAQ,IAAI,SAAS,GACpD,KAAKC,gBAAgB;CAEzB;CAEA,OAA0B,SAA+B;EACvD,MAAM,OAAO,OAAO;EAEpB,MAAM,QAAQ,KAAK,WAAW;EAC9B,IAAI,CAAC,OAAO;EAEZ,KAAKA,gBAAgB,KAAK;EAE1B,IAAI,KAAK,WAAW,qBAAqB,KAAK,IAAI,GAChD,kBAAkB,MAAM,EACtB,iBAAiB,KAAK,oBAAoB,IAAI,SAAS,KAAA,EACzD,CAAC;CAEL;CAEA,gBAAgB,OAAmC;EACjD,MAAM,QAAQ,SAAS,KAAK,WAAW;EACvC,MAAM,SAAS,SAAS,KAAK,WAAW,qBAAqB,KAAK,IAAI,IAAI,KAAK,UAAU,KAAKD;EAE9F,IAAI,QACF,KAAK,aAAa,cAAc,MAAM;OAEtC,KAAK,gBAAgB,YAAY;CAErC;AACF"}

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

@@ -1,31 +0,0 @@
-import { MenuRadioGroupElement } from "../menu/menu-radio-group-element.js";
-import { CaptionsRadioGroupCore } from "@videojs/core";
-import { PropertyValues } from "@videojs/element";
-import { Text } from "@videojs/core/i18n";
-//#region src/ui/captions-radio-group/captions-radio-group-element.d.ts
-declare class CaptionsRadioGroupElement extends MenuRadioGroupElement {
-  #private;
-  static readonly tagName = "media-captions-radio-group";
-  static properties: {
-    value: {
-      type: StringConstructor;
-    };
-    disabled: {
-      type: BooleanConstructor;
-    };
-    label: {
-      type: StringConstructor;
-    };
-  };
-  disabled: boolean;
-  label: Text | string;
-  formatTrack: (track: import("@videojs/media").MediaTextTrack) => Text | string;
-  connectedCallback(): void;
-  protected update(changed: PropertyValues): void;
-}
-declare namespace CaptionsRadioGroupElement {
-  type State = CaptionsRadioGroupCore.State;
-}
-//#endregion
-export { CaptionsRadioGroupElement };
-//# sourceMappingURL=captions-radio-group-element.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"captions-radio-group-element.d.ts","names":[],"sources":["../../../../src/ui/captions-radio-group/captions-radio-group-element.ts"],"mappings":";;;;;cAYa,kCAAkC;;kBACpB;SAET;;;;;MAEF,MAAI;;;MACP,MAAI;;;EAGf;EACA,OAAO;EACP,cAAW,gCAAA,mBAAA;EAcF;YAUU,OAAO,SAAS;;kBAsBpB;OACH,QAAQ,uBAAuB"}

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

@@ -1,69 +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 { MenuRadioGroupElement } from "../menu/menu-radio-group-element.js";
-import { RadioOptionsController } from "../radio-options/radio-options-controller.js";
-import { CaptionsRadioGroupCore, CaptionsRadioGroupDataAttrs } from "@videojs/core";
-import { applyStateDataAttrs, logMissingFeature, selectTextTrack } from "@videojs/core/dom";
-import { translateText } from "@videojs/core/i18n";
-//#region src/ui/captions-radio-group/captions-radio-group-element.ts
-var CaptionsRadioGroupElement = class extends MenuRadioGroupElement {
-	constructor(..._args) {
-		super(..._args);
-		this.disabled = false;
-		this.label = "";
-		this.formatTrack = CaptionsRadioGroupCore.defaultProps.formatTrack;
-		this.#core = new CaptionsRadioGroupCore();
-		this.#i18n = new I18nController(this, i18nContext);
-		this.#mediaState = new PlayerController(this, playerContext, selectTextTrack);
-		this.#options = new RadioOptionsController(this, {
-			setItemAttributes: (item, option) => item.setAttribute("data-track", option.value),
-			onValueChange: (value) => {
-				const media = this.#mediaState.value;
-				if (media) this.#core.selectValue(media, value);
-			}
-		});
-	}
-	static {
-		this.tagName = "media-captions-radio-group";
-	}
-	static {
-		this.properties = {
-			...MenuRadioGroupElement.properties,
-			disabled: { type: Boolean },
-			label: { type: String }
-		};
-	}
-	#core;
-	#i18n;
-	#mediaState;
-	#options;
-	connectedCallback() {
-		super.connectedCallback();
-		if (this.destroyed) return;
-		if (!this.#mediaState.value && this.#mediaState.displayName) logMissingFeature(this.localName, this.#mediaState.displayName);
-	}
-	update(changed) {
-		const media = this.#mediaState.value;
-		let state = null;
-		if (media) {
-			this.#core.setProps({
-				formatTrack: this.formatTrack,
-				disabled: this.disabled,
-				label: this.label
-			});
-			this.#core.setMedia(media);
-			state = this.#core.getState();
-			this.applyDefaultAriaLabel(translateText(this.#core.getLabel(state), this.#i18n.value));
-			this.#options.sync(state, this.#i18n.value, this.#i18n.locale);
-			this.publishMenuOptionState(state.disabled, state.hidden, state.availability);
-		} else this.publishMenuOptionState(true, true, "unsupported");
-		super.update(changed);
-		if (state) applyStateDataAttrs(this, state, CaptionsRadioGroupDataAttrs);
-	}
-};
-//#endregion
-export { CaptionsRadioGroupElement };
-
-//# sourceMappingURL=captions-radio-group-element.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"captions-radio-group-element.js","names":["#mediaState","#core","#i18n","#options"],"sources":["../../../../src/ui/captions-radio-group/captions-radio-group-element.ts"],"sourcesContent":["import { CaptionsRadioGroupCore, CaptionsRadioGroupDataAttrs, type CaptionsRadioGroupOption } from '@videojs/core';\nimport { applyStateDataAttrs, logMissingFeature, selectTextTrack } from '@videojs/core/dom';\nimport { type Text, 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 CaptionsRadioGroupElement extends MenuRadioGroupElement {\n  static override readonly tagName = 'media-captions-radio-group';\n\n  static override properties = {\n    ...MenuRadioGroupElement.properties,\n    disabled: { type: Boolean },\n    label: { type: String },\n  } satisfies PropertyDeclarationMap<'value' | 'label' | 'disabled'>;\n\n  disabled = false;\n  label: Text | string = '';\n  formatTrack = CaptionsRadioGroupCore.defaultProps.formatTrack;\n\n  readonly #core = new CaptionsRadioGroupCore();\n  readonly #i18n = new I18nController(this, i18nContext);\n  readonly #mediaState = new PlayerController(this, playerContext, selectTextTrack);\n  readonly #options = new RadioOptionsController<CaptionsRadioGroupOption>(this, {\n    setItemAttributes: (item, option) => item.setAttribute('data-track', option.value),\n    onValueChange: (value) => {\n      const media = this.#mediaState.value;\n\n      if (media) this.#core.selectValue(media, value);\n    },\n  });\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\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: CaptionsRadioGroupCore.State | null = null;\n\n    if (media) {\n      this.#core.setProps({ formatTrack: this.formatTrack, disabled: this.disabled, label: this.label });\n      this.#core.setMedia(media);\n      state = this.#core.getState();\n\n      this.applyDefaultAriaLabel(translateText(this.#core.getLabel(state), this.#i18n.value));\n      this.#options.sync(state, this.#i18n.value, this.#i18n.locale);\n      this.publishMenuOptionState(state.disabled, state.hidden, state.availability);\n    } else {\n      this.publishMenuOptionState(true, true, 'unsupported');\n    }\n\n    super.update(changed);\n\n    if (state) applyStateDataAttrs(this, state, CaptionsRadioGroupDataAttrs);\n  }\n}\n\nexport namespace CaptionsRadioGroupElement {\n  export type State = CaptionsRadioGroupCore.State;\n}\n"],"mappings":";;;;;;;;;;AAYA,IAAa,4BAAb,cAA+C,sBAAsB;;;EASxD,KAAA,WAAA;EACY,KAAA,QAAA;EACT,KAAA,cAAA,uBAAuB,aAAa;EAEjC,KAAA,QAAA,IAAI,uBAAuB;EAC3B,KAAA,QAAA,IAAI,eAAe,MAAM,WAAW;EAC9B,KAAA,cAAA,IAAI,iBAAiB,MAAM,eAAe,eAAe;EAC5D,KAAA,WAAA,IAAI,uBAAiD,MAAM;GAC7E,oBAAoB,MAAM,WAAW,KAAK,aAAa,cAAc,OAAO,KAAK;GACjF,gBAAgB,UAAU;IACxB,MAAM,QAAQ,KAAKA,YAAY;IAE/B,IAAI,OAAO,KAAKC,MAAM,YAAY,OAAO,KAAK;GAChD;EACF,CAAC;;;EAtBkC,KAAA,UAAA;;;EAEN,KAAA,aAAA;GAC3B,GAAG,sBAAsB;GACzB,UAAU,EAAE,MAAM,QAAQ;GAC1B,OAAO,EAAE,MAAM,OAAO;EACxB;;CAMA;CACA;CACA;CACA;CASA,oBAAmC;EACjC,MAAM,kBAAkB;EAExB,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,QAA6C;EAEjD,IAAI,OAAO;GACT,KAAKC,MAAM,SAAS;IAAE,aAAa,KAAK;IAAa,UAAU,KAAK;IAAU,OAAO,KAAK;GAAM,CAAC;GACjG,KAAKA,MAAM,SAAS,KAAK;GACzB,QAAQ,KAAKA,MAAM,SAAS;GAE5B,KAAK,sBAAsB,cAAc,KAAKA,MAAM,SAAS,KAAK,GAAG,KAAKC,MAAM,KAAK,CAAC;GACtF,KAAKC,SAAS,KAAK,OAAO,KAAKD,MAAM,OAAO,KAAKA,MAAM,MAAM;GAC7D,KAAK,uBAAuB,MAAM,UAAU,MAAM,QAAQ,MAAM,YAAY;EAC9E,OACE,KAAK,uBAAuB,MAAM,MAAM,aAAa;EAGvD,MAAM,OAAO,OAAO;EAEpB,IAAI,OAAO,oBAAoB,MAAM,OAAO,2BAA2B;CACzE;AACF"}

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

@@ -1,25 +0,0 @@
-import { PlayerController } from "../../player/player-controller.js";
-import { MediaButtonElement } from "../media-button-element.js";
-import { index_d_exports } from "../../index.js";
-import { CastButtonCore } from "@videojs/core";
-import { MediaRemotePlaybackState } from "@videojs/media";
-//#region src/ui/cast-button/cast-button-element.d.ts
-declare class CastButtonElement extends MediaButtonElement<CastButtonCore> {
-  static readonly tagName = "media-cast-button";
-  protected readonly core: CastButtonCore;
-  protected readonly stateAttrMap: {
-    readonly connection: 'data-cast-state';
-    readonly availability: 'data-availability';
-    readonly disabled: 'data-disabled';
-    readonly hidden: 'data-hidden';
-  };
-  protected readonly mediaState: PlayerController<index_d_exports.AnyPlayerStore, {
-    remotePlaybackState: import("@videojs/media").RemotePlaybackConnectionState;
-    remotePlaybackAvailability: import("@videojs/media").MediaFeatureAvailability;
-    toggleRemotePlayback: () => Promise<void>;
-  } | undefined>;
-  protected activate(state: MediaRemotePlaybackState): Promise<void>;
-}
-//#endregion
-export { CastButtonElement };
-//# sourceMappingURL=cast-button-element.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"cast-button-element.d.ts","names":[],"sources":["../../../../src/ui/cast-button/cast-button-element.ts"],"mappings":";;;;;;cAQa,0BAA0B,mBAAmB;kBACxC;qBAEG,MAAI;qBACJ;;;;;;qBACA,YAAU,iBAFN,gBAEM;;;;;YAEnB,SAAS,OAAO,2BAA2B"}

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

@@ -1,24 +0,0 @@
-import { playerContext } from "../../player/context.js";
-import { PlayerController } from "../../player/player-controller.js";
-import { MediaButtonElement } from "../media-button-element.js";
-import { CastButtonCore, CastButtonDataAttrs } from "@videojs/core";
-import { selectRemotePlayback } from "@videojs/core/dom";
-//#region src/ui/cast-button/cast-button-element.ts
-var CastButtonElement = class extends MediaButtonElement {
-	constructor(..._args) {
-		super(..._args);
-		this.core = new CastButtonCore();
-		this.stateAttrMap = CastButtonDataAttrs;
-		this.mediaState = new PlayerController(this, playerContext, selectRemotePlayback);
-	}
-	static {
-		this.tagName = "media-cast-button";
-	}
-	activate(state) {
-		return this.core.toggle(state);
-	}
-};
-//#endregion
-export { CastButtonElement };
-
-//# sourceMappingURL=cast-button-element.js.map

package/dist/dev/ui/cast-button/cast-button-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cast-button-element.js","names":[],"sources":["../../../../src/ui/cast-button/cast-button-element.ts"],"sourcesContent":["import { CastButtonCore, CastButtonDataAttrs } from '@videojs/core';\nimport { selectRemotePlayback } from '@videojs/core/dom';\nimport type { MediaRemotePlaybackState } from '@videojs/media';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaButtonElement } from '../media-button-element';\n\nexport class CastButtonElement extends MediaButtonElement<CastButtonCore> {\n  static readonly tagName = 'media-cast-button';\n\n  protected readonly core = new CastButtonCore();\n  protected readonly stateAttrMap = CastButtonDataAttrs;\n  protected readonly mediaState = new PlayerController(this, playerContext, selectRemotePlayback);\n\n  protected activate(state: MediaRemotePlaybackState): Promise<void> {\n    return this.core.toggle(state);\n  }\n}\n"],"mappings":";;;;;;AAQA,IAAa,oBAAb,cAAuC,mBAAmC;;;EAG9C,KAAA,OAAA,IAAI,eAAe;EACX,KAAA,eAAA;EACF,KAAA,aAAA,IAAI,iBAAiB,MAAM,eAAe,oBAAoB;;;EAJpE,KAAA,UAAA;;CAM1B,SAAmB,OAAgD;EACjE,OAAO,KAAK,KAAK,OAAO,KAAK;CAC/B;AACF"}

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

@@ -1,19 +0,0 @@
-import { UIElement } from "../ui-element.js";
-import { MediaContainer } from "@videojs/core/dom";
-import { PropertyValues } from "@videojs/element";
-//#region src/ui/container/container-element.d.ts
-/**
- * The visual, interactive player boundary.
- *
- * A container registers itself with its closest player and provides popup coordination to the controls it contains.
- */
-declare class ContainerElement extends UIElement implements MediaContainer {
-  #private;
-  static readonly tagName = "media-container";
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  protected update(changed: PropertyValues): void;
-}
-//#endregion
-export { ContainerElement };
-//# sourceMappingURL=container-element.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"container-element.d.ts","names":[],"sources":["../../../../src/ui/container/container-element.ts"],"mappings":";;;;;;;;;cA0Ba,yBAAyB,qBAAqB;;kBACzC;EAmBP;EAYA;YAQU,OAAO,SAAS"}

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

@@ -1,88 +0,0 @@
-import { i18nContext } from "../../i18n/context.js";
-import { I18nController } from "../../i18n/controller.js";
-import { containerContext, playerContext } from "../../player/context.js";
-import { PlayerController } from "../../player/player-controller.js";
-import { UIElement } from "../ui-element.js";
-import { popupGroupContext } from "../../player/popup-group-context.js";
-import { ContainerCore, ContainerDataAttrs } from "@videojs/core";
-import { applyContainerAttrs, applyStateDataAttrs, createPopupGroup, focusContainer, selectControls } from "@videojs/core/dom";
-import { ContextConsumer, ContextProvider } from "@videojs/element/context";
-import { listen } from "@videojs/utils/dom";
-import { labelText } from "@videojs/core/i18n/text/container";
-//#region src/ui/container/container-element.ts
-/**
-* The visual, interactive player boundary.
-*
-* A container registers itself with its closest player and provides popup coordination to the controls it contains.
-*/
-var ContainerElement = class extends UIElement {
-	static {
-		this.tagName = "media-container";
-	}
-	#releaseContainer = null;
-	#disconnect = null;
-	#label = null;
-	#core = new ContainerCore();
-	#controls = new PlayerController(this, playerContext, selectControls);
-	#i18n = new I18nController(this, i18nContext);
-	#popupGroup = createPopupGroup();
-	#popupGroupProvider = new ContextProvider(this, {
-		context: popupGroupContext,
-		initialValue: this.#popupGroup
-	});
-	#container = new ContextConsumer(this, {
-		context: containerContext,
-		callback: (value) => this.#register(value)
-	});
-	connectedCallback() {
-		super.connectedCallback();
-		this.#popupGroupProvider.setValue(this.#popupGroup);
-		this.#register(this.#container.value);
-		applyContainerAttrs(this);
-		this.#applyLabel();
-		this.#disconnect = new AbortController();
-		listen(this, "pointerup", this.#onPointerUp, { signal: this.#disconnect.signal });
-	}
-	disconnectedCallback() {
-		this.#releaseContainer?.();
-		this.#releaseContainer = null;
-		this.#disconnect?.abort();
-		this.#disconnect = null;
-		super.disconnectedCallback();
-	}
-	update(changed) {
-		super.update(changed);
-		this.#applyLabel();
-		const controls = this.#controls.value;
-		if (controls) {
-			this.#core.setMedia(controls);
-			applyStateDataAttrs(this, this.#core.getState(), ContainerDataAttrs);
-		} else this.removeAttribute(ContainerDataAttrs.controlsVisible);
-	}
-	#register(value) {
-		this.#releaseContainer?.();
-		this.#releaseContainer = null;
-		if (this.isConnected && value) this.#releaseContainer = value.registerContainer(this);
-	}
-	#applyLabel() {
-		const current = this.getAttribute("aria-label");
-		if (current && current !== this.#label) return;
-		if (this.hasAttribute("aria-labelledby")) {
-			if (current === this.#label) {
-				this.removeAttribute("aria-label");
-				this.#label = null;
-			}
-			return;
-		}
-		const label = this.#i18n.value(labelText);
-		this.setAttribute("aria-label", label);
-		this.#label = label;
-	}
-	#onPointerUp = () => {
-		focusContainer(this);
-	};
-};
-//#endregion
-export { ContainerElement };
-
-//# sourceMappingURL=container-element.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"container-element.js","names":["#core","#controls","#i18n","#popupGroup","#popupGroupProvider","#container","#register","#applyLabel","#disconnect","#onPointerUp","#releaseContainer","#label"],"sources":["../../../../src/ui/container/container-element.ts"],"sourcesContent":["import { ContainerCore, ContainerDataAttrs } from '@videojs/core';\nimport {\n  applyContainerAttrs,\n  applyStateDataAttrs,\n  createPopupGroup,\n  focusContainer,\n  type MediaContainer,\n  selectControls,\n} from '@videojs/core/dom';\nimport { labelText } from '@videojs/core/i18n/text/container';\nimport type { PropertyValues } from '@videojs/element';\nimport { ContextConsumer, ContextProvider } from '@videojs/element/context';\nimport { listen } from '@videojs/utils/dom';\n\nimport { i18nContext } from '../../i18n/context';\nimport { I18nController } from '../../i18n/controller';\nimport { type ContainerContextValue, containerContext, playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { popupGroupContext } from '../../player/popup-group-context';\nimport { UIElement } from '../ui-element';\n\n/**\n * The visual, interactive player boundary.\n *\n * A container registers itself with its closest player and provides popup coordination to the controls it contains.\n */\nexport class ContainerElement extends UIElement implements MediaContainer {\n  static readonly tagName = 'media-container';\n\n  #releaseContainer: (() => void) | null = null;\n  #disconnect: AbortController | null = null;\n  #label: string | null = null;\n\n  readonly #core = new ContainerCore();\n  readonly #controls = new PlayerController(this, playerContext, selectControls);\n  readonly #i18n = new I18nController(this, i18nContext);\n  readonly #popupGroup = createPopupGroup();\n  readonly #popupGroupProvider = new ContextProvider(this, {\n    context: popupGroupContext,\n    initialValue: this.#popupGroup,\n  });\n  readonly #container = new ContextConsumer(this, {\n    context: containerContext,\n    callback: (value) => this.#register(value),\n  });\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    this.#popupGroupProvider.setValue(this.#popupGroup);\n    this.#register(this.#container.value);\n    applyContainerAttrs(this);\n    this.#applyLabel();\n\n    this.#disconnect = new AbortController();\n    listen(this, 'pointerup', this.#onPointerUp, { signal: this.#disconnect.signal });\n  }\n\n  override disconnectedCallback(): void {\n    this.#releaseContainer?.();\n    this.#releaseContainer = null;\n    this.#disconnect?.abort();\n    this.#disconnect = null;\n    super.disconnectedCallback();\n  }\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n    this.#applyLabel();\n\n    const controls = this.#controls.value;\n\n    if (controls) {\n      this.#core.setMedia(controls);\n      applyStateDataAttrs(this, this.#core.getState(), ContainerDataAttrs);\n    } else {\n      this.removeAttribute(ContainerDataAttrs.controlsVisible);\n    }\n  }\n\n  #register(value: ContainerContextValue | undefined): void {\n    this.#releaseContainer?.();\n    this.#releaseContainer = null;\n\n    if (this.isConnected && value) {\n      this.#releaseContainer = value.registerContainer(this);\n    }\n  }\n\n  #applyLabel(): void {\n    const current = this.getAttribute('aria-label');\n    if (current && current !== this.#label) return;\n\n    if (this.hasAttribute('aria-labelledby')) {\n      if (current === this.#label) {\n        this.removeAttribute('aria-label');\n        this.#label = null;\n      }\n\n      return;\n    }\n\n    const label = this.#i18n.value(labelText);\n\n    this.setAttribute('aria-label', label);\n    this.#label = label;\n  }\n\n  #onPointerUp = (): void => {\n    focusContainer(this);\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA0BA,IAAa,mBAAb,cAAsC,UAAoC;;EAC9C,KAAA,UAAA;;CAE1B,oBAAyC;CACzC,cAAsC;CACtC,SAAwB;CAExB,QAAiB,IAAI,cAAc;CACnC,YAAqB,IAAI,iBAAiB,MAAM,eAAe,cAAc;CAC7E,QAAiB,IAAI,eAAe,MAAM,WAAW;CACrD,cAAuB,iBAAiB;CACxC,sBAA+B,IAAI,gBAAgB,MAAM;EACvD,SAAS;EACT,cAAc,KAAKG;CACrB,CAAC;CACD,aAAsB,IAAI,gBAAgB,MAAM;EAC9C,SAAS;EACT,WAAW,UAAU,KAAKG,UAAU,KAAK;CAC3C,CAAC;CAED,oBAAmC;EACjC,MAAM,kBAAkB;EAExB,KAAKF,oBAAoB,SAAS,KAAKD,WAAW;EAClD,KAAKG,UAAU,KAAKD,WAAW,KAAK;EACpC,oBAAoB,IAAI;EACxB,KAAKE,YAAY;EAEjB,KAAKC,cAAc,IAAI,gBAAgB;EACvC,OAAO,MAAM,aAAa,KAAKC,cAAc,EAAE,QAAQ,KAAKD,YAAY,OAAO,CAAC;CAClF;CAEA,uBAAsC;EACpC,KAAKE,oBAAoB;EACzB,KAAKA,oBAAoB;EACzB,KAAKF,aAAa,MAAM;EACxB,KAAKA,cAAc;EACnB,MAAM,qBAAqB;CAC7B;CAEA,OAA0B,SAA+B;EACvD,MAAM,OAAO,OAAO;EACpB,KAAKD,YAAY;EAEjB,MAAM,WAAW,KAAKN,UAAU;EAEhC,IAAI,UAAU;GACZ,KAAKD,MAAM,SAAS,QAAQ;GAC5B,oBAAoB,MAAM,KAAKA,MAAM,SAAS,GAAG,kBAAkB;EACrE,OACE,KAAK,gBAAgB,mBAAmB,eAAe;CAE3D;CAEA,UAAU,OAAgD;EACxD,KAAKU,oBAAoB;EACzB,KAAKA,oBAAoB;EAEzB,IAAI,KAAK,eAAe,OACtB,KAAKA,oBAAoB,MAAM,kBAAkB,IAAI;CAEzD;CAEA,cAAoB;EAClB,MAAM,UAAU,KAAK,aAAa,YAAY;EAC9C,IAAI,WAAW,YAAY,KAAKC,QAAQ;EAExC,IAAI,KAAK,aAAa,iBAAiB,GAAG;GACxC,IAAI,YAAY,KAAKA,QAAQ;IAC3B,KAAK,gBAAgB,YAAY;IACjC,KAAKA,SAAS;GAChB;GAEA;EACF;EAEA,MAAM,QAAQ,KAAKT,MAAM,MAAM,SAAS;EAExC,KAAK,aAAa,cAAc,KAAK;EACrC,KAAKS,SAAS;CAChB;CAEA,qBAA2B;EACzB,eAAe,IAAI;CACrB;AACF"}

package/dist/dev/ui/controls/controls-backdrop-element.d.ts

@@ -1,16 +0,0 @@
-import { ContextPartElement } from "../context-part-element.js";
-import { ControlsContextValue } from "./context.js";
-import { ControlsState } from "@videojs/core";
-import { ContextConsumer } from "@videojs/element/context";
-//#region src/ui/controls/controls-backdrop-element.d.ts
-/** Presentational backdrop that reflects its owning controls surface's state. */
-declare class ControlsBackdropElement extends ContextPartElement<ControlsState> {
-  static readonly tagName = "media-controls-backdrop";
-  protected readonly consumer: ContextConsumer<{
-    __context__: ControlsContextValue;
-  }, this>;
-  connectedCallback(): void;
-}
-//#endregion
-export { ControlsBackdropElement };
-//# sourceMappingURL=controls-backdrop-element.d.ts.map

package/dist/dev/ui/controls/controls-backdrop-element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"controls-backdrop-element.d.ts","names":[],"sources":["../../../../src/ui/controls/controls-backdrop-element.ts"],"mappings":";;;;;;cAOa,gCAAgC,mBAAmB;kBAC9C;qBAEG,UAAQ;iBAHmC;;EAKrD"}

package/dist/dev/ui/controls/controls-backdrop-element.js

@@ -1,26 +0,0 @@
-import { ContextPartElement } from "../context-part-element.js";
-import { controlsContext } from "./context.js";
-import { ContextConsumer } from "@videojs/element/context";
-//#region src/ui/controls/controls-backdrop-element.ts
-/** Presentational backdrop that reflects its owning controls surface's state. */
-var ControlsBackdropElement = class extends ContextPartElement {
-	constructor(..._args) {
-		super(..._args);
-		this.consumer = new ContextConsumer(this, {
-			context: controlsContext,
-			subscribe: true
-		});
-	}
-	static {
-		this.tagName = "media-controls-backdrop";
-	}
-	connectedCallback() {
-		super.connectedCallback();
-		this.setAttribute("role", "presentation");
-		this.setAttribute("aria-hidden", "true");
-	}
-};
-//#endregion
-export { ControlsBackdropElement };
-
-//# sourceMappingURL=controls-backdrop-element.js.map

package/dist/dev/ui/controls/controls-backdrop-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"controls-backdrop-element.js","names":[],"sources":["../../../../src/ui/controls/controls-backdrop-element.ts"],"sourcesContent":["import type { ControlsState } from '@videojs/core';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { ContextPartElement } from '../context-part-element';\nimport { controlsContext } from './context';\n\n/** Presentational backdrop that reflects its owning controls surface's state. */\nexport class ControlsBackdropElement extends ContextPartElement<ControlsState> {\n  static readonly tagName = 'media-controls-backdrop';\n\n  protected readonly consumer = new ContextConsumer(this, { context: controlsContext, subscribe: true });\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('role', 'presentation');\n    this.setAttribute('aria-hidden', 'true');\n  }\n}\n"],"mappings":";;;;;AAOA,IAAa,0BAAb,cAA6C,mBAAkC;;;EAG/C,KAAA,WAAA,IAAI,gBAAgB,MAAM;GAAE,SAAS;GAAiB,WAAW;EAAK,CAAC;;;EAF3E,KAAA,UAAA;;CAI1B,oBAAmC;EACjC,MAAM,kBAAkB;EACxB,KAAK,aAAa,QAAQ,cAAc;EACxC,KAAK,aAAa,eAAe,MAAM;CACzC;AACF"}

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

@@ -1,16 +0,0 @@
-import { ContextPartElement } from "../context-part-element.js";
-import { ControlsContextValue } from "./context.js";
-import { ControlsState } from "@videojs/core";
-import { ContextConsumer } from "@videojs/element/context";
-//#region src/ui/controls/controls-content-element.d.ts
-/** Interactive surface that reflects its owning controls state. */
-declare class ControlsContentElement extends ContextPartElement<ControlsState> {
-  static readonly tagName = "media-controls-content";
-  protected readonly consumer: ContextConsumer<{
-    __context__: ControlsContextValue;
-  }, this>;
-  connectedCallback(): void;
-}
-//#endregion
-export { ControlsContentElement };
-//# sourceMappingURL=controls-content-element.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"controls-content-element.d.ts","names":[],"sources":["../../../../src/ui/controls/controls-content-element.ts"],"mappings":";;;;;;cAOa,+BAA+B,mBAAmB;kBAC7C;qBAEG,UAAQ;iBAHkC;;EAKpD"}

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

@@ -1,25 +0,0 @@
-import { ContextPartElement } from "../context-part-element.js";
-import { controlsContext } from "./context.js";
-import { ContextConsumer } from "@videojs/element/context";
-//#region src/ui/controls/controls-content-element.ts
-/** Interactive surface that reflects its owning controls state. */
-var ControlsContentElement = class extends ContextPartElement {
-	constructor(..._args) {
-		super(..._args);
-		this.consumer = new ContextConsumer(this, {
-			context: controlsContext,
-			subscribe: true
-		});
-	}
-	static {
-		this.tagName = "media-controls-content";
-	}
-	connectedCallback() {
-		super.connectedCallback();
-		this.setAttribute("data-interactive", "");
-	}
-};
-//#endregion
-export { ControlsContentElement };
-
-//# sourceMappingURL=controls-content-element.js.map

package/dist/dev/ui/controls/controls-content-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"controls-content-element.js","names":[],"sources":["../../../../src/ui/controls/controls-content-element.ts"],"sourcesContent":["import type { ControlsState } from '@videojs/core';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { ContextPartElement } from '../context-part-element';\nimport { controlsContext } from './context';\n\n/** Interactive surface that reflects its owning controls state. */\nexport class ControlsContentElement extends ContextPartElement<ControlsState> {\n  static readonly tagName = 'media-controls-content';\n\n  protected readonly consumer = new ContextConsumer(this, { context: controlsContext, subscribe: true });\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('data-interactive', '');\n  }\n}\n"],"mappings":";;;;;AAOA,IAAa,yBAAb,cAA4C,mBAAkC;;;EAG9C,KAAA,WAAA,IAAI,gBAAgB,MAAM;GAAE,SAAS;GAAiB,WAAW;EAAK,CAAC;;;EAF3E,KAAA,UAAA;;CAI1B,oBAAmC;EACjC,MAAM,kBAAkB;EACxB,KAAK,aAAa,oBAAoB,EAAE;CAC1C;AACF"}

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

@@ -1,19 +0,0 @@
-import { UIElement } from "../ui-element.js";
-import { ControlsVisibility } from "@videojs/core";
-import { PropertyValues } from "@videojs/element";
-//#region src/ui/controls/controls-element.d.ts
-declare class ControlsElement extends UIElement {
-  #private;
-  static readonly tagName = "media-controls";
-  static properties: {
-    visibility: {
-      type: StringConstructor;
-    };
-  };
-  visibility: ControlsVisibility;
-  connectedCallback(): void;
-  protected update(_changed: PropertyValues): void;
-}
-//#endregion
-export { ControlsElement };
-//# sourceMappingURL=controls-element.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"controls-element.d.ts","names":[],"sources":["../../../../src/ui/controls/controls-element.ts"],"mappings":";;;;cAWa,wBAAwB;;kBACnB;SAEA;;MACA,MAAI;;;EAGpB,YAAY;EAOH;YAQU,OAAO,UAAU"}

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

@@ -1,59 +0,0 @@
-import { playerContext } from "../../player/context.js";
-import { PlayerController } from "../../player/player-controller.js";
-import { UIElement } from "../ui-element.js";
-import { controlsContext } from "./context.js";
-import { ControlsCore, ControlsDataAttrs, POPUP_HOST_SELECTOR } from "@videojs/core";
-import { applyStateDataAttrs, logMissingFeature, selectControls } from "@videojs/core/dom";
-import { ContextProvider } from "@videojs/element/context";
-import { isFunction } from "@videojs/utils/predicate";
-//#region src/ui/controls/controls-element.ts
-var ControlsElement = class extends UIElement {
-	constructor(..._args) {
-		super(..._args);
-		this.visibility = ControlsCore.defaultProps.visibility;
-		this.#core = new ControlsCore();
-		this.#mediaState = new PlayerController(this, playerContext, selectControls);
-		this.#provider = new ContextProvider(this, { context: controlsContext });
-		this.#visible = true;
-	}
-	static {
-		this.tagName = "media-controls";
-	}
-	static {
-		this.properties = { visibility: { type: String } };
-	}
-	#core;
-	#mediaState;
-	#provider;
-	#visible;
-	connectedCallback() {
-		super.connectedCallback();
-		if (this.visibility === "auto" && !this.#mediaState.value && this.#mediaState.displayName) logMissingFeature(this.localName, this.#mediaState.displayName);
-	}
-	update(_changed) {
-		super.update(_changed);
-		this.#core.setProps({ visibility: this.visibility });
-		this.#core.setMedia(this.#mediaState.value ?? null);
-		const state = this.#core.getState();
-		if (!state) return;
-		applyStateDataAttrs(this, state, ControlsDataAttrs);
-		this.#provider.setValue({
-			state,
-			stateAttrMap: ControlsDataAttrs
-		});
-		const wasVisible = this.#visible;
-		this.#visible = state.visible;
-		if (wasVisible && !state.visible) this.#closeOwnedOverlays();
-	}
-	#closeOwnedOverlays() {
-		for (const element of this.querySelectorAll(POPUP_HOST_SELECTOR)) {
-			const host = element;
-			if (!isFunction(host.close)) continue;
-			host.close("imperative-action");
-		}
-	}
-};
-//#endregion
-export { ControlsElement };
-
-//# sourceMappingURL=controls-element.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"controls-element.js","names":["#core","#mediaState","#provider","#visible","#closeOwnedOverlays"],"sources":["../../../../src/ui/controls/controls-element.ts"],"sourcesContent":["import { ControlsCore, ControlsDataAttrs, type ControlsVisibility, POPUP_HOST_SELECTOR } from '@videojs/core';\nimport { applyStateDataAttrs, logMissingFeature, selectControls } from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { ContextProvider } from '@videojs/element/context';\nimport { isFunction } from '@videojs/utils/predicate';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { UIElement } from '../ui-element';\nimport { controlsContext } from './context';\n\nexport class ControlsElement extends UIElement {\n  static readonly tagName = 'media-controls';\n\n  static override properties = {\n    visibility: { type: String },\n  } satisfies PropertyDeclarationMap<'visibility'>;\n\n  visibility: ControlsVisibility = ControlsCore.defaultProps.visibility;\n\n  readonly #core = new ControlsCore();\n  readonly #mediaState = new PlayerController(this, playerContext, selectControls);\n  readonly #provider = new ContextProvider(this, { context: controlsContext });\n  #visible = true;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    if (__DEV__ && this.visibility === 'auto' && !this.#mediaState.value && this.#mediaState.displayName) {\n      logMissingFeature(this.localName, this.#mediaState.displayName);\n    }\n  }\n\n  protected override update(_changed: PropertyValues): void {\n    super.update(_changed);\n\n    this.#core.setProps({ visibility: this.visibility });\n    this.#core.setMedia(this.#mediaState.value ?? null);\n\n    const state = this.#core.getState();\n    if (!state) return;\n\n    applyStateDataAttrs(this, state, ControlsDataAttrs);\n\n    this.#provider.setValue({\n      state,\n      stateAttrMap: ControlsDataAttrs,\n    });\n\n    const wasVisible = this.#visible;\n\n    this.#visible = state.visible;\n\n    if (wasVisible && !state.visible) {\n      this.#closeOwnedOverlays();\n    }\n  }\n\n  #closeOwnedOverlays(): void {\n    for (const element of this.querySelectorAll(POPUP_HOST_SELECTOR)) {\n      const host = element as Element & { close?: unknown };\n      if (!isFunction(host.close)) continue;\n\n      host.close('imperative-action');\n    }\n  }\n}\n"],"mappings":";;;;;;;;;AAWA,IAAa,kBAAb,cAAqC,UAAU;;;EAOZ,KAAA,aAAA,aAAa,aAAa;EAE1C,KAAA,QAAA,IAAI,aAAa;EACX,KAAA,cAAA,IAAI,iBAAiB,MAAM,eAAe,cAAc;EAC1D,KAAA,YAAA,IAAI,gBAAgB,MAAM,EAAE,SAAS,gBAAgB,CAAC;EAChE,KAAA,WAAA;;;EAXe,KAAA,UAAA;;;EAEG,KAAA,aAAA,EAC3B,YAAY,EAAE,MAAM,OAAO,EAC7B;;CAIA;CACA;CACA;CACA;CAEA,oBAAmC;EACjC,MAAM,kBAAkB;EAExB,IAAe,KAAK,eAAe,UAAU,CAAC,KAAKC,YAAY,SAAS,KAAKA,YAAY,aACvF,kBAAkB,KAAK,WAAW,KAAKA,YAAY,WAAW;CAElE;CAEA,OAA0B,UAAgC;EACxD,MAAM,OAAO,QAAQ;EAErB,KAAKD,MAAM,SAAS,EAAE,YAAY,KAAK,WAAW,CAAC;EACnD,KAAKA,MAAM,SAAS,KAAKC,YAAY,SAAS,IAAI;EAElD,MAAM,QAAQ,KAAKD,MAAM,SAAS;EAClC,IAAI,CAAC,OAAO;EAEZ,oBAAoB,MAAM,OAAO,iBAAiB;EAElD,KAAKE,UAAU,SAAS;GACtB;GACA,cAAc;EAChB,CAAC;EAED,MAAM,aAAa,KAAKC;EAExB,KAAKA,WAAW,MAAM;EAEtB,IAAI,cAAc,CAAC,MAAM,SACvB,KAAKC,oBAAoB;CAE7B;CAEA,sBAA4B;EAC1B,KAAK,MAAM,WAAW,KAAK,iBAAiB,mBAAmB,GAAG;GAChE,MAAM,OAAO;GACb,IAAI,CAAC,WAAW,KAAK,KAAK,GAAG;GAE7B,KAAK,MAAM,mBAAmB;EAChC;CACF;AACF"}

package/dist/dev/ui/controls/controls-group-element.d.ts

@@ -1,15 +0,0 @@
-import { ContextPartElement } from "../context-part-element.js";
-import { ControlsContextValue } from "./context.js";
-import { ControlsState } from "@videojs/core";
-import { ContextConsumer } from "@videojs/element/context";
-//#region src/ui/controls/controls-group-element.d.ts
-declare class ControlsGroupElement extends ContextPartElement<ControlsState> {
-  static readonly tagName = "media-controls-group";
-  protected readonly consumer: ContextConsumer<{
-    __context__: ControlsContextValue;
-  }, this>;
-  connectedCallback(): void;
-}
-//#endregion
-export { ControlsGroupElement };
-//# sourceMappingURL=controls-group-element.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"controls-group-element.d.ts","names":[],"sources":["../../../../src/ui/controls/controls-group-element.ts"],"mappings":";;;;;cAMa,6BAA6B,mBAAmB;kBAC3C;qBAEG,UAAQ;iBAHgC;;EAKlD"}

package/dist/dev/ui/controls/controls-group-element.js

@@ -1,24 +0,0 @@
-import { ContextPartElement } from "../context-part-element.js";
-import { controlsContext } from "./context.js";
-import { ContextConsumer } from "@videojs/element/context";
-//#region src/ui/controls/controls-group-element.ts
-var ControlsGroupElement = class extends ContextPartElement {
-	constructor(..._args) {
-		super(..._args);
-		this.consumer = new ContextConsumer(this, {
-			context: controlsContext,
-			subscribe: true
-		});
-	}
-	static {
-		this.tagName = "media-controls-group";
-	}
-	connectedCallback() {
-		super.connectedCallback();
-		if (this.hasAttribute("aria-label") || this.hasAttribute("aria-labelledby")) this.setAttribute("role", "group");
-	}
-};
-//#endregion
-export { ControlsGroupElement };
-
-//# sourceMappingURL=controls-group-element.js.map