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

package/dist/dev/ui/error-dialog/error-dialog-element.js

@@ -1,122 +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 { dialogContext } from "../dialog/context.js";
-import { ErrorDialogCore, ErrorDialogDataAttrs, getErrorDialogDismissText, getErrorDialogTitleText, getErrorDialogUnexpectedText, resolveErrorDialogDescription } from "@videojs/core";
-import { applyStateDataAttrs, createDialog, createTransition, selectError } from "@videojs/core/dom";
-import { ContextConsumer, ContextProvider } from "@videojs/element/context";
-import { translateText } from "@videojs/core/i18n";
-import { SnapshotController } from "@videojs/store/html";
-//#region src/ui/error-dialog/error-dialog-element.ts
-let idCounter = 0;
-function hasAuthoredContent(host) {
-	return Array.from(host.childNodes).some((node) => !!node.textContent?.trim());
-}
-var ErrorDialogElement = class extends UIElement {
-	static {
-		this.tagName = "media-error-dialog";
-	}
-	#core = new ErrorDialogCore();
-	#provider = new ContextProvider(this, { context: dialogContext });
-	#popupId = `vjs-error-dialog-popup-${idCounter++}`;
-	#titleId = `vjs-error-dialog-title-${idCounter++}`;
-	#descriptionId = `vjs-error-dialog-desc-${idCounter++}`;
-	#errorState = new PlayerController(this, playerContext, selectError);
-	#i18n = new I18nController(this, i18nContext);
-	#container = new ContextConsumer(this, {
-		context: containerContext,
-		subscribe: true
-	});
-	#dialog = null;
-	#snapshot = null;
-	#modalitySnapshot = null;
-	#lastError = null;
-	#lastDescription = null;
-	#seenCopyParts = /* @__PURE__ */ new WeakSet();
-	#authoredCopyParts = /* @__PURE__ */ new WeakSet();
-	constructor() {
-		super();
-		this.#core.setTitleId(this.#titleId);
-		this.#core.setDescriptionId(this.#descriptionId);
-	}
-	connectedCallback() {
-		super.connectedCallback();
-		if (this.destroyed) return;
-		this.#dialog = createDialog({
-			transition: createTransition(),
-			onOpenChange: (nextOpen) => {
-				if (!nextOpen) this.#errorState.value?.dismissError();
-			}
-		});
-		if (this.#snapshot) this.#snapshot.track(this.#dialog.input);
-		else this.#snapshot = new SnapshotController(this, this.#dialog.input);
-		if (this.#modalitySnapshot) this.#modalitySnapshot.track(this.#dialog.modality);
-		else this.#modalitySnapshot = new SnapshotController(this, this.#dialog.modality);
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback();
-		this.#dialog?.destroy();
-		this.#dialog = null;
-	}
-	willUpdate(_changed) {
-		super.willUpdate(_changed);
-		if (!this.#dialog) return;
-		this.#dialog.setInteractionRoot(this.#container.value?.container ?? null);
-		const errorState = this.#errorState.value;
-		const hasError = Boolean(errorState?.error);
-		const { active: isOpen } = this.#dialog.input.current;
-		if (errorState?.error) this.#lastError = errorState.error;
-		const errorForCopy = errorState?.error ?? (isOpen ? this.#lastError : null);
-		this.#syncDialogCopy(errorForCopy);
-		if (!hasError && !isOpen) {
-			this.#lastError = null;
-			this.#lastDescription = null;
-		}
-		if (hasError && !isOpen) this.#dialog.open();
-		else if (!hasError && isOpen) this.#dialog.close();
-	}
-	update(_changed) {
-		super.update(_changed);
-		if (!this.#dialog) return;
-		const input = this.#dialog.input.current;
-		this.#core.setInput(input);
-		this.#core.setDocumentModal(this.#dialog.modality.current.documentModal);
-		const state = this.#core.getState();
-		applyStateDataAttrs(this, state, ErrorDialogDataAttrs);
-		this.#provider.setValue({
-			state,
-			stateAttrMap: ErrorDialogDataAttrs,
-			dialog: this.#dialog,
-			popupId: this.#popupId,
-			popupAttrs: this.#core.getPopupAttrs(state),
-			close: () => this.#dialog?.close()
-		});
-	}
-	#syncDialogCopy(error) {
-		const t = this.#i18n.value;
-		const title = this.querySelector("media-dialog-title");
-		if (title && !this.#hasAuthoredCopy(title)) title.textContent = translateText(getErrorDialogTitleText(), t);
-		const desc = this.querySelector("media-dialog-description");
-		if (desc && !this.#hasAuthoredCopy(desc)) {
-			const description = error ? resolveErrorDialogDescription(error) : null;
-			if (description) this.#lastDescription = description;
-			const copy = description ?? this.#lastDescription;
-			desc.textContent = copy ? translateText(copy, t) : translateText(getErrorDialogUnexpectedText(), t);
-		}
-		const close = this.querySelector("media-dialog-close");
-		if (close && !this.#hasAuthoredCopy(close)) close.textContent = translateText(getErrorDialogDismissText(), t);
-	}
-	#hasAuthoredCopy(el) {
-		if (!this.#seenCopyParts.has(el)) {
-			this.#seenCopyParts.add(el);
-			if (hasAuthoredContent(el)) this.#authoredCopyParts.add(el);
-		}
-		return this.#authoredCopyParts.has(el);
-	}
-};
-//#endregion
-export { ErrorDialogElement };
-
-//# sourceMappingURL=error-dialog-element.js.map

package/dist/dev/ui/error-dialog/error-dialog-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"error-dialog-element.js","names":["#core","#provider","#popupId","#titleId","#descriptionId","#errorState","#i18n","#container","#dialog","#snapshot","#modalitySnapshot","#lastError","#syncDialogCopy","#lastDescription","#hasAuthoredCopy","#seenCopyParts","#authoredCopyParts"],"sources":["../../../../src/ui/error-dialog/error-dialog-element.ts"],"sourcesContent":["import {\n  type DialogInput,\n  ErrorDialogCore,\n  ErrorDialogDataAttrs,\n  getErrorDialogDismissText,\n  getErrorDialogTitleText,\n  getErrorDialogUnexpectedText,\n  resolveErrorDialogDescription,\n} from '@videojs/core';\nimport {\n  applyStateDataAttrs,\n  createDialog,\n  createTransition,\n  type DialogApi,\n  type DialogModality,\n  selectError,\n} from '@videojs/core/dom';\nimport { translateText } from '@videojs/core/i18n';\nimport type { PropertyValues } from '@videojs/element';\nimport { ContextConsumer, ContextProvider } from '@videojs/element/context';\nimport type { ErrorLike } from '@videojs/media';\nimport { SnapshotController } from '@videojs/store/html';\n\nimport { i18nContext } from '../../i18n/context';\nimport { I18nController } from '../../i18n/controller';\nimport { containerContext, playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { dialogContext } from '../dialog/context';\nimport { UIElement } from '../ui-element';\n\nlet idCounter = 0;\n\nfunction hasAuthoredContent(host: HTMLElement): boolean {\n  return Array.from(host.childNodes).some((node) => !!node.textContent?.trim());\n}\n\nexport class ErrorDialogElement extends UIElement {\n  static readonly tagName = 'media-error-dialog';\n\n  readonly #core = new ErrorDialogCore();\n  readonly #provider = new ContextProvider(this, { context: dialogContext });\n  readonly #popupId = `vjs-error-dialog-popup-${idCounter++}`;\n  readonly #titleId = `vjs-error-dialog-title-${idCounter++}`;\n  readonly #descriptionId = `vjs-error-dialog-desc-${idCounter++}`;\n  readonly #errorState = new PlayerController(this, playerContext, selectError);\n  readonly #i18n = new I18nController(this, i18nContext);\n  readonly #container = new ContextConsumer(this, { context: containerContext, subscribe: true });\n\n  #dialog: DialogApi | null = null;\n  #snapshot: SnapshotController<DialogInput> | null = null;\n  #modalitySnapshot: SnapshotController<DialogModality> | null = null;\n  #lastError: ErrorLike | null = null;\n  #lastDescription: ReturnType<typeof resolveErrorDialogDescription> | null = null;\n  #seenCopyParts = new WeakSet<HTMLElement>();\n  #authoredCopyParts = new WeakSet<HTMLElement>();\n\n  constructor() {\n    super();\n    this.#core.setTitleId(this.#titleId);\n    this.#core.setDescriptionId(this.#descriptionId);\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    if (this.destroyed) return;\n\n    this.#dialog = createDialog({\n      transition: createTransition(),\n      onOpenChange: (nextOpen: boolean) => {\n        if (!nextOpen) {\n          this.#errorState.value?.dismissError();\n        }\n      },\n    });\n\n    if (this.#snapshot) {\n      this.#snapshot.track(this.#dialog.input);\n    } else {\n      this.#snapshot = new SnapshotController(this, this.#dialog.input);\n    }\n\n    if (this.#modalitySnapshot) {\n      this.#modalitySnapshot.track(this.#dialog.modality);\n    } else {\n      this.#modalitySnapshot = new SnapshotController(this, this.#dialog.modality);\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#dialog?.destroy();\n    this.#dialog = null;\n  }\n\n  protected override willUpdate(_changed: PropertyValues): void {\n    super.willUpdate(_changed);\n\n    if (!this.#dialog) return;\n\n    this.#dialog.setInteractionRoot(this.#container.value?.container ?? null);\n\n    const errorState = this.#errorState.value;\n    const hasError = Boolean(errorState?.error);\n    const { active: isOpen } = this.#dialog.input.current;\n\n    if (errorState?.error) {\n      this.#lastError = errorState.error;\n    }\n\n    const errorForCopy = errorState?.error ?? (isOpen ? this.#lastError : null);\n\n    this.#syncDialogCopy(errorForCopy);\n\n    if (!hasError && !isOpen) {\n      this.#lastError = null;\n      this.#lastDescription = null;\n    }\n\n    if (hasError && !isOpen) {\n      this.#dialog.open();\n    } else if (!hasError && isOpen) {\n      this.#dialog.close();\n    }\n  }\n\n  protected override update(_changed: PropertyValues): void {\n    super.update(_changed);\n\n    if (!this.#dialog) return;\n\n    const input = this.#dialog.input.current;\n\n    this.#core.setInput(input);\n    this.#core.setDocumentModal(this.#dialog.modality.current.documentModal);\n    const state = this.#core.getState();\n\n    applyStateDataAttrs(this, state, ErrorDialogDataAttrs);\n\n    this.#provider.setValue({\n      state,\n      stateAttrMap: ErrorDialogDataAttrs,\n      dialog: this.#dialog,\n      popupId: this.#popupId,\n      popupAttrs: this.#core.getPopupAttrs(state),\n      close: () => this.#dialog?.close(),\n    });\n  }\n\n  #syncDialogCopy(error: ErrorLike | null): void {\n    const t = this.#i18n.value;\n    const title = this.querySelector<HTMLElement>('media-dialog-title');\n\n    if (title && !this.#hasAuthoredCopy(title)) {\n      title.textContent = translateText(getErrorDialogTitleText(), t);\n    }\n\n    const desc = this.querySelector<HTMLElement>('media-dialog-description');\n\n    if (desc && !this.#hasAuthoredCopy(desc)) {\n      const description = error ? resolveErrorDialogDescription(error) : null;\n\n      if (description) {\n        this.#lastDescription = description;\n      }\n\n      const copy = description ?? this.#lastDescription;\n\n      desc.textContent = copy ? translateText(copy, t) : translateText(getErrorDialogUnexpectedText(), t);\n    }\n\n    const close = this.querySelector<HTMLElement>('media-dialog-close');\n\n    if (close && !this.#hasAuthoredCopy(close)) {\n      close.textContent = translateText(getErrorDialogDismissText(), t);\n    }\n  }\n\n  #hasAuthoredCopy(el: HTMLElement): boolean {\n    if (!this.#seenCopyParts.has(el)) {\n      this.#seenCopyParts.add(el);\n\n      if (hasAuthoredContent(el)) {\n        this.#authoredCopyParts.add(el);\n      }\n    }\n\n    return this.#authoredCopyParts.has(el);\n  }\n}\n"],"mappings":"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"}

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

@@ -1,30 +0,0 @@
-import { PlayerController } from "../../player/player-controller.js";
-import { MediaButtonElement } from "../media-button-element.js";
-import { index_d_exports } from "../../index.js";
-import { FullscreenButtonCore } from "@videojs/core";
-import { ButtonActivationSource, UIEvent } from "@videojs/core/dom";
-import { MediaFullscreenState } from "@videojs/media";
-//#region src/ui/fullscreen-button/fullscreen-button-element.d.ts
-declare class FullscreenButtonElement extends MediaButtonElement<FullscreenButtonCore> {
-  #private;
-  static readonly tagName = "media-fullscreen-button";
-  protected readonly core: FullscreenButtonCore;
-  protected readonly stateAttrMap: {
-    readonly fullscreen: 'data-fullscreen';
-    readonly availability: 'data-availability';
-    readonly disabled: 'data-disabled';
-    readonly hidden: 'data-hidden';
-  };
-  protected readonly mediaState: PlayerController<index_d_exports.AnyPlayerStore, {
-    fullscreen: boolean;
-    fullscreenAvailability: import("@videojs/media").MediaFeatureAvailability;
-    requestFullscreen: () => Promise<void>;
-    exitFullscreen: () => Promise<void>;
-    toggleFullscreen: () => Promise<void>;
-  } | undefined>;
-  protected readonly hotkeyAction = "toggleFullscreen";
-  protected activate(state: MediaFullscreenState, _event: UIEvent, source: ButtonActivationSource): Promise<void>;
-}
-//#endregion
-export { FullscreenButtonElement };
-//# sourceMappingURL=fullscreen-button-element.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"fullscreen-button-element.d.ts","names":[],"sources":["../../../../src/ui/fullscreen-button/fullscreen-button-element.ts"],"mappings":";;;;;;;cASa,gCAAgC,mBAAmB;;kBAC9C;qBAEG,MAAI;qBACJ;;;;;;qBACA,YAAU,iBAFN,gBAEM;;;;;;;qBACD;YAGlB,SAAS,OAAO,sBAAsB,QAAQ,SAAS,QAAQ,yBAAyB"}

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

@@ -1,32 +0,0 @@
-import { containerContext, playerContext } from "../../player/context.js";
-import { PlayerController } from "../../player/player-controller.js";
-import { MediaButtonElement } from "../media-button-element.js";
-import { FullscreenButtonCore, FullscreenButtonDataAttrs } from "@videojs/core";
-import { selectFullscreen } from "@videojs/core/dom";
-import { ContextConsumer } from "@videojs/element/context";
-//#region src/ui/fullscreen-button/fullscreen-button-element.ts
-var FullscreenButtonElement = class extends MediaButtonElement {
-	constructor(..._args) {
-		super(..._args);
-		this.core = new FullscreenButtonCore();
-		this.stateAttrMap = FullscreenButtonDataAttrs;
-		this.mediaState = new PlayerController(this, playerContext, selectFullscreen);
-		this.hotkeyAction = "toggleFullscreen";
-		this.#container = new ContextConsumer(this, {
-			context: containerContext,
-			subscribe: true
-		});
-	}
-	static {
-		this.tagName = "media-fullscreen-button";
-	}
-	#container;
-	activate(state, _event, source) {
-		if (source === "pointer") this.#container.value?.container?.focus({ preventScroll: true });
-		return this.core.toggle(state);
-	}
-};
-//#endregion
-export { FullscreenButtonElement };
-
-//# sourceMappingURL=fullscreen-button-element.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"fullscreen-button-element.js","names":["#container"],"sources":["../../../../src/ui/fullscreen-button/fullscreen-button-element.ts"],"sourcesContent":["import { FullscreenButtonCore, FullscreenButtonDataAttrs } from '@videojs/core';\nimport { type ButtonActivationSource, selectFullscreen, type UIEvent } from '@videojs/core/dom';\nimport { ContextConsumer } from '@videojs/element/context';\nimport type { MediaFullscreenState } from '@videojs/media';\n\nimport { containerContext, playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaButtonElement } from '../media-button-element';\n\nexport class FullscreenButtonElement extends MediaButtonElement<FullscreenButtonCore> {\n  static readonly tagName = 'media-fullscreen-button';\n\n  protected readonly core = new FullscreenButtonCore();\n  protected readonly stateAttrMap = FullscreenButtonDataAttrs;\n  protected readonly mediaState = new PlayerController(this, playerContext, selectFullscreen);\n  protected override readonly hotkeyAction = 'toggleFullscreen';\n  readonly #container = new ContextConsumer(this, { context: containerContext, subscribe: true });\n\n  protected activate(state: MediaFullscreenState, _event: UIEvent, source: ButtonActivationSource): Promise<void> {\n    if (source === 'pointer') {\n      this.#container.value?.container?.focus({ preventScroll: true });\n    }\n\n    return this.core.toggle(state);\n  }\n}\n"],"mappings":";;;;;;;AASA,IAAa,0BAAb,cAA6C,mBAAyC;;;EAG1D,KAAA,OAAA,IAAI,qBAAqB;EACjB,KAAA,eAAA;EACF,KAAA,aAAA,IAAI,iBAAiB,MAAM,eAAe,gBAAgB;EAC/C,KAAA,eAAA;EACrB,KAAA,aAAA,IAAI,gBAAgB,MAAM;GAAE,SAAS;GAAkB,WAAW;EAAK,CAAC;;;EANpE,KAAA,UAAA;;CAM1B;CAEA,SAAmB,OAA6B,QAAiB,QAA+C;EAC9G,IAAI,WAAW,WACb,KAAKA,WAAW,OAAO,WAAW,MAAM,EAAE,eAAe,KAAK,CAAC;EAGjE,OAAO,KAAK,KAAK,OAAO,KAAK;CAC/B;AACF"}

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

@@ -1,21 +0,0 @@
-import { UIElement } from "../ui-element.js";
-import { GestureProps } from "@videojs/core";
-import { PropertyDeclarationMap, PropertyValues } from "@videojs/element";
-//#region src/ui/gesture/gesture-element.d.ts
-declare class GestureElement extends UIElement {
-  #private;
-  static readonly tagName = "media-gesture";
-  static properties: PropertyDeclarationMap;
-  type: GestureProps['type'] | '';
-  action: GestureProps['action'];
-  value: GestureProps['value'];
-  pointer: GestureProps['pointer'];
-  region: GestureProps['region'];
-  disabled: NonNullable<GestureProps['disabled']>;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  protected update(changed: PropertyValues): void;
-}
-//#endregion
-export { GestureElement };
-//# sourceMappingURL=gesture-element.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"gesture-element.d.ts","names":[],"sources":["../../../../src/ui/gesture/gesture-element.ts"],"mappings":";;;;cAca,uBAAuB;;kBAClB;SAEA,YAAY;EAS5B,MAAM;EACN,QAAQ;EACR,OAAO;EACP,SAAS;EACT,QAAQ;EACR,UAAU,YAAY;EAUb;EAMA;YAKU,OAAO,SAAS"}

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

@@ -1,89 +0,0 @@
-import { containerContext, playerContext } from "../../player/context.js";
-import { PlayerController } from "../../player/player-controller.js";
-import { UIElement } from "../ui-element.js";
-import { createDoubleTapGesture, createTapGesture, getGestureActionValue, resolveGestureAction } from "@videojs/core/dom";
-import { ContextConsumer } from "@videojs/element/context";
-//#region src/ui/gesture/gesture-element.ts
-var GestureElement = class extends UIElement {
-	constructor(..._args) {
-		super(..._args);
-		this.type = "";
-		this.action = "";
-		this.value = void 0;
-		this.pointer = void 0;
-		this.region = void 0;
-		this.disabled = false;
-		this.#player = new PlayerController(this, playerContext);
-		this.#container = new ContextConsumer(this, {
-			context: containerContext,
-			callback: () => this.requestUpdate(),
-			subscribe: true
-		});
-		this.#cleanup = null;
-	}
-	static {
-		this.tagName = "media-gesture";
-	}
-	static {
-		this.properties = {
-			type: { type: String },
-			action: { type: String },
-			value: { type: Number },
-			pointer: { type: String },
-			region: { type: String },
-			disabled: { type: Boolean }
-		};
-	}
-	#player;
-	#container;
-	#cleanup;
-	connectedCallback() {
-		super.connectedCallback();
-		this.style.display = "none";
-		this.#register();
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback();
-		this.#unregister();
-	}
-	update(changed) {
-		super.update(changed);
-		if (this.isConnected) {
-			this.#unregister();
-			this.#register();
-		}
-	}
-	#register() {
-		const store = this.#player.value;
-		const container = this.#container.value?.container;
-		if (!this.type || !this.action || !store || !container) return;
-		const resolver = resolveGestureAction(this.action);
-		if (!resolver) return;
-		const { value, region } = this;
-		const actionValue = getGestureActionValue(this.action, region, value);
-		const onActivate = (event) => {
-			resolver({
-				store,
-				value: actionValue,
-				event
-			});
-		};
-		const options = {
-			pointer: this.pointer,
-			region,
-			disabled: this.disabled,
-			action: this.action,
-			value: actionValue
-		};
-		if (this.type === "doubletap") this.#cleanup = createDoubleTapGesture(container, onActivate, options);
-		else if (this.type === "tap") this.#cleanup = createTapGesture(container, onActivate, options);
-	}
-	#unregister() {
-		this.#cleanup?.();
-		this.#cleanup = null;
-	}
-};
-//#endregion
-export { GestureElement };
-
-//# sourceMappingURL=gesture-element.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"gesture-element.js","names":["#player","#container","#register","#unregister","#cleanup"],"sources":["../../../../src/ui/gesture/gesture-element.ts"],"sourcesContent":["import type { GestureProps } from '@videojs/core';\nimport {\n  createDoubleTapGesture,\n  createTapGesture,\n  getGestureActionValue,\n  resolveGestureAction,\n} 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 { UIElement } from '../ui-element';\n\nexport class GestureElement extends UIElement {\n  static readonly tagName = 'media-gesture';\n\n  static override properties: PropertyDeclarationMap = {\n    type: { type: String },\n    action: { type: String },\n    value: { type: Number },\n    pointer: { type: String },\n    region: { type: String },\n    disabled: { type: Boolean },\n  };\n\n  type: GestureProps['type'] | '' = '';\n  action: GestureProps['action'] = '';\n  value: GestureProps['value'] = undefined;\n  pointer: GestureProps['pointer'] = undefined;\n  region: GestureProps['region'] = undefined;\n  disabled: NonNullable<GestureProps['disabled']> = false;\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.type || !this.action || !store || !container) return;\n\n    const resolver = resolveGestureAction(this.action);\n    if (!resolver) return;\n\n    const { value, region } = this;\n    const actionValue = getGestureActionValue(this.action, region, value);\n\n    const onActivate = (event: PointerEvent) => {\n      resolver({ store, value: actionValue, event });\n    };\n\n    const options = {\n      pointer: this.pointer,\n      region,\n      disabled: this.disabled,\n      action: this.action,\n      value: actionValue,\n    };\n\n    if (this.type === 'doubletap') {\n      this.#cleanup = createDoubleTapGesture(container, onActivate, options);\n    } else if (this.type === 'tap') {\n      this.#cleanup = createTapGesture(container, onActivate, options);\n    }\n  }\n\n  #unregister(): void {\n    this.#cleanup?.();\n    this.#cleanup = null;\n  }\n}\n"],"mappings":";;;;;;AAcA,IAAa,iBAAb,cAAoC,UAAU;;;EAYV,KAAA,OAAA;EACD,KAAA,SAAA;EACF,KAAA,QAAA,KAAA;EACI,KAAA,UAAA,KAAA;EACF,KAAA,SAAA,KAAA;EACiB,KAAA,WAAA;EAE/B,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;;;EAxBN,KAAA,UAAA;;;EAE2B,KAAA,aAAA;GACnD,MAAM,EAAE,MAAM,OAAO;GACrB,QAAQ,EAAE,MAAM,OAAO;GACvB,OAAO,EAAE,MAAM,OAAO;GACtB,SAAS,EAAE,MAAM,OAAO;GACxB,QAAQ,EAAE,MAAM,OAAO;GACvB,UAAU,EAAE,MAAM,QAAQ;EAC5B;;CASA;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,qBAAqB,KAAK,MAAM;EACjD,IAAI,CAAC,UAAU;EAEf,MAAM,EAAE,OAAO,WAAW;EAC1B,MAAM,cAAc,sBAAsB,KAAK,QAAQ,QAAQ,KAAK;EAEpE,MAAM,cAAc,UAAwB;GAC1C,SAAS;IAAE;IAAO,OAAO;IAAa;GAAM,CAAC;EAC/C;EAEA,MAAM,UAAU;GACd,SAAS,KAAK;GACd;GACA,UAAU,KAAK;GACf,QAAQ,KAAK;GACb,OAAO;EACT;EAEA,IAAI,KAAK,SAAS,aAChB,KAAKG,WAAW,uBAAuB,WAAW,YAAY,OAAO;OAChE,IAAI,KAAK,SAAS,OACvB,KAAKA,WAAW,iBAAiB,WAAW,YAAY,OAAO;CAEnE;CAEA,cAAoB;EAClB,KAAKA,WAAW;EAChB,KAAKA,WAAW;CAClB;AACF"}

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

@@ -1,20 +0,0 @@
-import { UIElement } from "../ui-element.js";
-import { HotkeyProps } from "@videojs/core";
-import { PropertyDeclarationMap, PropertyValues } from "@videojs/element";
-//#region src/ui/hotkey/hotkey-element.d.ts
-declare class HotkeyElement extends UIElement {
-  #private;
-  static readonly tagName = "media-hotkey";
-  static properties: PropertyDeclarationMap;
-  keys: HotkeyProps['keys'];
-  action: HotkeyProps['action'] | '';
-  value: HotkeyProps['value'];
-  disabled: NonNullable<HotkeyProps['disabled']>;
-  target: NonNullable<HotkeyProps['target']>;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  protected update(changed: PropertyValues): void;
-}
-//#endregion
-export { HotkeyElement };
-//# sourceMappingURL=hotkey-element.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"hotkey-element.d.ts","names":[],"sources":["../../../../src/ui/hotkey/hotkey-element.ts"],"mappings":";;;;cASa,sBAAsB;;kBACjB;SAEA,YAAY;EAQ5B,MAAM;EACN,QAAQ;EACR,OAAO;EACP,UAAU,YAAY;EACtB,QAAQ,YAAY;EAUX;EAMA;YAKU,OAAO,SAAS"}

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

@@ -1,85 +0,0 @@
-import { containerContext, playerContext } from "../../player/context.js";
-import { PlayerController } from "../../player/player-controller.js";
-import { UIElement } from "../ui-element.js";
-import { createHotkey, isHotkeyToggleAction, resolveHotkeyAction } from "@videojs/core/dom";
-import { ContextConsumer } from "@videojs/element/context";
-//#region src/ui/hotkey/hotkey-element.ts
-var HotkeyElement = class extends UIElement {
-	constructor(..._args) {
-		super(..._args);
-		this.keys = "";
-		this.action = "";
-		this.value = void 0;
-		this.disabled = false;
-		this.target = "player";
-		this.#player = new PlayerController(this, playerContext);
-		this.#container = new ContextConsumer(this, {
-			context: containerContext,
-			callback: () => this.requestUpdate(),
-			subscribe: true
-		});
-		this.#cleanup = null;
-	}
-	static {
-		this.tagName = "media-hotkey";
-	}
-	static {
-		this.properties = {
-			keys: { type: String },
-			action: { type: String },
-			value: { type: Number },
-			disabled: { type: Boolean },
-			target: { type: String }
-		};
-	}
-	#player;
-	#container;
-	#cleanup;
-	connectedCallback() {
-		super.connectedCallback();
-		this.style.display = "none";
-		this.#register();
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback();
-		this.#unregister();
-	}
-	update(changed) {
-		super.update(changed);
-		if (this.isConnected) {
-			this.#unregister();
-			this.#register();
-		}
-	}
-	#register() {
-		const store = this.#player.value;
-		const container = this.#container.value?.container;
-		if (!this.keys || !this.action || !store || !container) return;
-		const resolver = resolveHotkeyAction(this.action);
-		if (!resolver) return;
-		const { value, action } = this;
-		this.#cleanup = createHotkey(container, {
-			keys: this.keys,
-			action,
-			value,
-			target: this.target,
-			disabled: this.disabled,
-			repeatable: !isHotkeyToggleAction(action),
-			onActivate: (_event, key) => {
-				resolver({
-					store,
-					key,
-					value
-				});
-			}
-		});
-	}
-	#unregister() {
-		this.#cleanup?.();
-		this.#cleanup = null;
-	}
-};
-//#endregion
-export { HotkeyElement };
-
-//# sourceMappingURL=hotkey-element.js.map

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

@@ -1 +0,0 @@
-{"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 { UIElement } from '../ui-element';\n\nexport class HotkeyElement extends UIElement {\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,UAAU;;;EAWf,KAAA,OAAA;EACS,KAAA,SAAA;EACP,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/input-indicator/input-indicator-element.d.ts

@@ -1,39 +0,0 @@
-import { UIElement } from "../ui-element.js";
-import { CONTAINER_CONTEXT_KEY, ContainerContextValue } from "../../player/context.js";
-import { PlayerController } from "../../player/player-controller.js";
-import { LiveIndicator } from "./live-indicator.js";
-import { index_d_exports } from "../../index.js";
-import { IndicatorLifecycleState, InputActionEvent, MediaSnapshot } from "@videojs/core";
-import { TransitionApi } from "@videojs/core/dom";
-import { PropertyValues } from "@videojs/element";
-import { State } from "@videojs/store";
-import { ContextConsumer } from "@videojs/element/context";
-//#region src/ui/input-indicator/input-indicator-element.d.ts
-/** Shared imperative API for status / volume / seek indicator cores. */
-interface InputIndicatorCoreApi<IndicatorState extends IndicatorLifecycleState> {
-  readonly state: State<IndicatorState>;
-  destroy(): void;
-  close(): void;
-  processEvent(event: InputActionEvent, snapshot: MediaSnapshot): boolean;
-}
-interface InputIndicatorOptions {
-  replayOnUpdate?: boolean | undefined;
-}
-declare abstract class InputIndicatorElement<IndicatorState extends IndicatorLifecycleState> extends UIElement {
-  #private;
-  protected abstract get core(): InputIndicatorCoreApi<IndicatorState>;
-  protected abstract get transition(): TransitionApi;
-  protected abstract get liveIndicator(): LiveIndicator<IndicatorState>;
-  protected get options(): InputIndicatorOptions;
-  protected abstract syncCoreProps(): void;
-  protected readonly player: PlayerController<index_d_exports.AnyPlayerStore, index_d_exports.AnyPlayerStore>;
-  protected readonly container: ContextConsumer<import("@lit/context").Context<typeof CONTAINER_CONTEXT_KEY, ContainerContextValue>, this>;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  destroyCallback(): void;
-  protected willUpdate(changed: PropertyValues): void;
-  protected update(changed: PropertyValues): void;
-}
-//#endregion
-export { InputIndicatorCoreApi, InputIndicatorElement, InputIndicatorOptions };
-//# sourceMappingURL=input-indicator-element.d.ts.map

package/dist/dev/ui/input-indicator/input-indicator-element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-indicator-element.d.ts","names":[],"sources":["../../../../src/ui/input-indicator/input-indicator-element.ts"],"mappings":";;;;;;;;;;;;UAwBiB,sBAAsB,uBAAuB;WACnD,OAAO,MAAW;EAC3B;EACA;EACA,aAAa,OAAO,kBAAkB,UAAU;;UAGjC;EACf;;uBAGoB,sBAAsB,uBAAuB,iCAAiC;;yBAC3E,QAAQ,sBAAsB;yBAC9B,cAAc;yBACd,iBAAiB,cAAc;gBACxC,WAAW;qBAIN;qBAEA,QAAM,iBANA,gBAMA,gBAAA,gBAAA;qBACN,WAAS,uCAAA,eADH,uBACG;EAqBnB;EAcA;EAUA;YASU,WAAW,SAAS;YAKpB,OAAO,SAAS"}

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

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

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

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