@videojs/html 10.0.0-beta.9 → 10.0.0-rc.2

package/dist/default/ui/alert-dialog/alert-dialog-close-element.js

@@ -1,46 +0,0 @@
-import { MediaElement } from "../media-element.js";
-import { alertDialogContext } from "./context.js";
-import { applyElementProps, applyStateDataAttrs, createButton } from "@videojs/core/dom";
-import { ContextConsumer } from "@videojs/element/context";
-
-//#region src/ui/alert-dialog/alert-dialog-close-element.ts
-var AlertDialogCloseElement = class extends MediaElement {
-	constructor(..._args) {
-		super(..._args);
-		this.disabled = false;
-	}
-	static {
-		this.tagName = "media-alert-dialog-close";
-	}
-	static {
-		this.properties = { disabled: { type: Boolean } };
-	}
-	#ctx = new ContextConsumer(this, {
-		context: alertDialogContext,
-		subscribe: true
-	});
-	#disconnect = null;
-	connectedCallback() {
-		super.connectedCallback();
-		this.#disconnect = new AbortController();
-		const buttonProps = createButton({
-			onActivate: () => this.#ctx.value?.close(),
-			isDisabled: () => this.disabled
-		});
-		applyElementProps(this, buttonProps, { signal: this.#disconnect.signal });
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback();
-		this.#disconnect?.abort();
-		this.#disconnect = null;
-	}
-	update(_changed) {
-		super.update(_changed);
-		const ctx = this.#ctx.value;
-		if (ctx) applyStateDataAttrs(this, ctx.state, ctx.stateAttrMap);
-	}
-};
-
-//#endregion
-export { AlertDialogCloseElement };
-//# sourceMappingURL=alert-dialog-close-element.js.map

package/dist/default/ui/alert-dialog/alert-dialog-close-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-close-element.js","names":["#ctx","#disconnect"],"sources":["../../../../src/ui/alert-dialog/alert-dialog-close-element.ts"],"sourcesContent":["import { applyElementProps, applyStateDataAttrs, createButton } from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { MediaElement } from '../media-element';\nimport { alertDialogContext } from './context';\n\nexport class AlertDialogCloseElement extends MediaElement {\n  static readonly tagName = 'media-alert-dialog-close';\n\n  static override properties = {\n    disabled: { type: Boolean },\n  } satisfies PropertyDeclarationMap<'disabled'>;\n\n  disabled = false;\n\n  readonly #ctx = new ContextConsumer(this, { context: alertDialogContext, subscribe: true });\n\n  #disconnect: AbortController | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.#disconnect = new AbortController();\n\n    const buttonProps = createButton({\n      onActivate: () => this.#ctx.value?.close(),\n      isDisabled: () => this.disabled,\n    });\n\n    applyElementProps(this, buttonProps, { signal: this.#disconnect.signal });\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#disconnect?.abort();\n    this.#disconnect = null;\n  }\n\n  protected override update(_changed: PropertyValues): void {\n    super.update(_changed);\n    const ctx = this.#ctx.value;\n    if (ctx) applyStateDataAttrs(this, ctx.state, ctx.stateAttrMap);\n  }\n}\n"],"mappings":";;;;;;AAOA,IAAa,0BAAb,cAA6C,aAAa;;;kBAO7C;;;iBANe;;;oBAEG,EAC3B,UAAU,EAAE,MAAM,SAAS,EAC5B;;CAID,CAASA,MAAO,IAAI,gBAAgB,MAAM;EAAE,SAAS;EAAoB,WAAW;EAAM,CAAC;CAE3F,cAAsC;CAEtC,AAAS,oBAA0B;AACjC,QAAM,mBAAmB;AACzB,QAAKC,aAAc,IAAI,iBAAiB;EAExC,MAAM,cAAc,aAAa;GAC/B,kBAAkB,MAAKD,IAAK,OAAO,OAAO;GAC1C,kBAAkB,KAAK;GACxB,CAAC;AAEF,oBAAkB,MAAM,aAAa,EAAE,QAAQ,MAAKC,WAAY,QAAQ,CAAC;;CAG3E,AAAS,uBAA6B;AACpC,QAAM,sBAAsB;AAC5B,QAAKA,YAAa,OAAO;AACzB,QAAKA,aAAc;;CAGrB,AAAmB,OAAO,UAAgC;AACxD,QAAM,OAAO,SAAS;EACtB,MAAM,MAAM,MAAKD,IAAK;AACtB,MAAI,IAAK,qBAAoB,MAAM,IAAI,OAAO,IAAI,aAAa"}

package/dist/default/ui/alert-dialog/alert-dialog-description-element.js

@@ -1,26 +0,0 @@
-import { alertDialogContext } from "./context.js";
-import { ContextPartElement } from "../context-part-element.js";
-import { ContextConsumer } from "@videojs/element/context";
-
-//#region src/ui/alert-dialog/alert-dialog-description-element.ts
-var AlertDialogDescriptionElement = class extends ContextPartElement {
-	constructor(..._args) {
-		super(..._args);
-		this.consumer = new ContextConsumer(this, {
-			context: alertDialogContext,
-			subscribe: true
-		});
-	}
-	static {
-		this.tagName = "media-alert-dialog-description";
-	}
-	update(changed) {
-		super.update(changed);
-		const descriptionId = this.consumer.value?.state.descriptionId;
-		if (descriptionId) this.id = descriptionId;
-	}
-};
-
-//#endregion
-export { AlertDialogDescriptionElement };
-//# sourceMappingURL=alert-dialog-description-element.js.map

package/dist/default/ui/alert-dialog/alert-dialog-description-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-description-element.js","names":[],"sources":["../../../../src/ui/alert-dialog/alert-dialog-description-element.ts"],"sourcesContent":["import type { AlertDialogState } from '@videojs/core';\nimport type { PropertyValues } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { ContextPartElement } from '../context-part-element';\nimport { alertDialogContext } from './context';\n\nexport class AlertDialogDescriptionElement extends ContextPartElement<AlertDialogState> {\n  static readonly tagName = 'media-alert-dialog-description';\n\n  protected readonly consumer = new ContextConsumer(this, { context: alertDialogContext, subscribe: true });\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n    const descriptionId = this.consumer.value?.state.descriptionId;\n    if (descriptionId) this.id = descriptionId;\n  }\n}\n"],"mappings":";;;;;AAOA,IAAa,gCAAb,cAAmD,mBAAqC;;;kBAGxD,IAAI,gBAAgB,MAAM;GAAE,SAAS;GAAoB,WAAW;GAAM,CAAC;;;iBAF/E;;CAI1B,AAAmB,OAAO,SAA+B;AACvD,QAAM,OAAO,QAAQ;EACrB,MAAM,gBAAgB,KAAK,SAAS,OAAO,MAAM;AACjD,MAAI,cAAe,MAAK,KAAK"}

package/dist/default/ui/alert-dialog/alert-dialog-element.js

@@ -1,73 +0,0 @@
-import { MediaElement } from "../media-element.js";
-import { alertDialogContext } from "./context.js";
-import { applyElementProps, applyStateDataAttrs, createAlertDialog, createTransition } from "@videojs/core/dom";
-import { ContextProvider } from "@videojs/element/context";
-import { SnapshotController } from "@videojs/store/html";
-import { AlertDialogCore, AlertDialogDataAttrs } from "@videojs/core";
-
-//#region src/ui/alert-dialog/alert-dialog-element.ts
-let idCounter = 0;
-var AlertDialogElement = class extends MediaElement {
-	static {
-		this.tagName = "media-alert-dialog";
-	}
-	static {
-		this.properties = { open: { type: Boolean } };
-	}
-	#core = new AlertDialogCore();
-	#provider = new ContextProvider(this, { context: alertDialogContext });
-	#titleId = `vjs-alert-dialog-title-${idCounter++}`;
-	#descriptionId = `vjs-alert-dialog-desc-${idCounter++}`;
-	#dialog = null;
-	#snapshot = null;
-	constructor() {
-		super();
-		this.open = false;
-		this.#core.setTitleId(this.#titleId);
-		this.#core.setDescriptionId(this.#descriptionId);
-	}
-	connectedCallback() {
-		super.connectedCallback();
-		this.#dialog = createAlertDialog({
-			transition: createTransition(),
-			onOpenChange: (nextOpen) => {
-				this.open = nextOpen;
-				this.dispatchEvent(new CustomEvent("open-change", { detail: { open: nextOpen } }));
-			}
-		});
-		this.#dialog.setElement(this);
-		if (this.#snapshot) this.#snapshot.track(this.#dialog.input);
-		else this.#snapshot = new SnapshotController(this, this.#dialog.input);
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback();
-		this.#dialog?.destroy();
-		this.#dialog = null;
-	}
-	willUpdate(changed) {
-		super.willUpdate(changed);
-		if (this.#dialog && changed.has("open")) {
-			const { active: inputOpen } = this.#dialog.input.current;
-			if (this.open !== inputOpen) if (this.open) this.#dialog.open();
-			else this.#dialog.close();
-		}
-	}
-	update(_changed) {
-		super.update(_changed);
-		if (!this.#dialog) return;
-		const input = this.#dialog.input.current;
-		this.#core.setInput(input);
-		const state = this.#core.getState();
-		applyElementProps(this, this.#core.getAttrs(state));
-		applyStateDataAttrs(this, state, AlertDialogDataAttrs);
-		this.#provider.setValue({
-			state,
-			stateAttrMap: AlertDialogDataAttrs,
-			close: () => this.#dialog?.close()
-		});
-	}
-};
-
-//#endregion
-export { AlertDialogElement };
-//# sourceMappingURL=alert-dialog-element.js.map

package/dist/default/ui/alert-dialog/alert-dialog-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-element.js","names":["#core","#provider","#titleId","#descriptionId","#dialog","#snapshot"],"sources":["../../../../src/ui/alert-dialog/alert-dialog-element.ts"],"sourcesContent":["import { AlertDialogCore, AlertDialogDataAttrs, type AlertDialogInput } from '@videojs/core';\nimport {\n  type AlertDialogApi,\n  applyElementProps,\n  applyStateDataAttrs,\n  createAlertDialog,\n  createTransition,\n} from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { ContextProvider } from '@videojs/element/context';\nimport { SnapshotController } from '@videojs/store/html';\n\nimport { MediaElement } from '../media-element';\nimport { alertDialogContext } from './context';\n\nlet idCounter = 0;\n\nexport class AlertDialogElement extends MediaElement {\n  static readonly tagName = 'media-alert-dialog';\n\n  static override properties = {\n    open: { type: Boolean },\n  } satisfies PropertyDeclarationMap<'open'>;\n\n  open = false;\n\n  readonly #core = new AlertDialogCore();\n  readonly #provider = new ContextProvider(this, { context: alertDialogContext });\n  readonly #titleId = `vjs-alert-dialog-title-${idCounter++}`;\n  readonly #descriptionId = `vjs-alert-dialog-desc-${idCounter++}`;\n\n  #dialog: AlertDialogApi | null = null;\n  #snapshot: SnapshotController<AlertDialogInput> | null = null;\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    this.#dialog = createAlertDialog({\n      transition: createTransition(),\n      onOpenChange: (nextOpen: boolean) => {\n        this.open = nextOpen;\n        this.dispatchEvent(new CustomEvent('open-change', { detail: { open: nextOpen } }));\n      },\n    });\n\n    // Register self as the dialog element.\n    this.#dialog.setElement(this);\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\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    // Sync controlled open state.\n    if (this.#dialog && changed.has('open')) {\n      const { active: inputOpen } = this.#dialog.input.current;\n      if (this.open !== inputOpen) {\n        if (this.open) {\n          this.#dialog.open();\n        } else {\n          this.#dialog.close();\n        }\n      }\n    }\n  }\n\n  protected override update(_changed: PropertyValues): void {\n    super.update(_changed);\n    if (!this.#dialog) return;\n\n    const input = this.#dialog.input.current;\n    this.#core.setInput(input);\n    const state = this.#core.getState();\n\n    applyElementProps(this, this.#core.getAttrs(state));\n    applyStateDataAttrs(this, state, AlertDialogDataAttrs);\n\n    this.#provider.setValue({\n      state,\n      stateAttrMap: AlertDialogDataAttrs,\n      close: () => this.#dialog?.close(),\n    });\n  }\n}\n"],"mappings":";;;;;;;;AAeA,IAAI,YAAY;AAEhB,IAAa,qBAAb,cAAwC,aAAa;;iBACzB;;;oBAEG,EAC3B,MAAM,EAAE,MAAM,SAAS,EACxB;;CAID,CAASA,OAAQ,IAAI,iBAAiB;CACtC,CAASC,WAAY,IAAI,gBAAgB,MAAM,EAAE,SAAS,oBAAoB,CAAC;CAC/E,CAASC,UAAW,0BAA0B;CAC9C,CAASC,gBAAiB,yBAAyB;CAEnD,UAAiC;CACjC,YAAyD;CAEzD,cAAc;AACZ,SAAO;cAXF;AAYL,QAAKH,KAAM,WAAW,MAAKE,QAAS;AACpC,QAAKF,KAAM,iBAAiB,MAAKG,cAAe;;CAGlD,AAAS,oBAA0B;AACjC,QAAM,mBAAmB;AAEzB,QAAKC,SAAU,kBAAkB;GAC/B,YAAY,kBAAkB;GAC9B,eAAe,aAAsB;AACnC,SAAK,OAAO;AACZ,SAAK,cAAc,IAAI,YAAY,eAAe,EAAE,QAAQ,EAAE,MAAM,UAAU,EAAE,CAAC,CAAC;;GAErF,CAAC;AAGF,QAAKA,OAAQ,WAAW,KAAK;AAE7B,MAAI,MAAKC,SACP,OAAKA,SAAU,MAAM,MAAKD,OAAQ,MAAM;MAExC,OAAKC,WAAY,IAAI,mBAAmB,MAAM,MAAKD,OAAQ,MAAM;;CAIrE,AAAS,uBAA6B;AACpC,QAAM,sBAAsB;AAC5B,QAAKA,QAAS,SAAS;AACvB,QAAKA,SAAU;;CAGjB,AAAmB,WAAW,SAA+B;AAC3D,QAAM,WAAW,QAAQ;AAGzB,MAAI,MAAKA,UAAW,QAAQ,IAAI,OAAO,EAAE;GACvC,MAAM,EAAE,QAAQ,cAAc,MAAKA,OAAQ,MAAM;AACjD,OAAI,KAAK,SAAS,UAChB,KAAI,KAAK,KACP,OAAKA,OAAQ,MAAM;OAEnB,OAAKA,OAAQ,OAAO;;;CAM5B,AAAmB,OAAO,UAAgC;AACxD,QAAM,OAAO,SAAS;AACtB,MAAI,CAAC,MAAKA,OAAS;EAEnB,MAAM,QAAQ,MAAKA,OAAQ,MAAM;AACjC,QAAKJ,KAAM,SAAS,MAAM;EAC1B,MAAM,QAAQ,MAAKA,KAAM,UAAU;AAEnC,oBAAkB,MAAM,MAAKA,KAAM,SAAS,MAAM,CAAC;AACnD,sBAAoB,MAAM,OAAO,qBAAqB;AAEtD,QAAKC,SAAU,SAAS;GACtB;GACA,cAAc;GACd,aAAa,MAAKG,QAAS,OAAO;GACnC,CAAC"}

package/dist/default/ui/alert-dialog/alert-dialog-title-element.js

@@ -1,26 +0,0 @@
-import { alertDialogContext } from "./context.js";
-import { ContextPartElement } from "../context-part-element.js";
-import { ContextConsumer } from "@videojs/element/context";
-
-//#region src/ui/alert-dialog/alert-dialog-title-element.ts
-var AlertDialogTitleElement = class extends ContextPartElement {
-	constructor(..._args) {
-		super(..._args);
-		this.consumer = new ContextConsumer(this, {
-			context: alertDialogContext,
-			subscribe: true
-		});
-	}
-	static {
-		this.tagName = "media-alert-dialog-title";
-	}
-	update(changed) {
-		super.update(changed);
-		const titleId = this.consumer.value?.state.titleId;
-		if (titleId) this.id = titleId;
-	}
-};
-
-//#endregion
-export { AlertDialogTitleElement };
-//# sourceMappingURL=alert-dialog-title-element.js.map

package/dist/default/ui/alert-dialog/alert-dialog-title-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-title-element.js","names":[],"sources":["../../../../src/ui/alert-dialog/alert-dialog-title-element.ts"],"sourcesContent":["import type { AlertDialogState } from '@videojs/core';\nimport type { PropertyValues } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { ContextPartElement } from '../context-part-element';\nimport { alertDialogContext } from './context';\n\nexport class AlertDialogTitleElement extends ContextPartElement<AlertDialogState> {\n  static readonly tagName = 'media-alert-dialog-title';\n\n  protected readonly consumer = new ContextConsumer(this, { context: alertDialogContext, subscribe: true });\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n    const titleId = this.consumer.value?.state.titleId;\n    if (titleId) this.id = titleId;\n  }\n}\n"],"mappings":";;;;;AAOA,IAAa,0BAAb,cAA6C,mBAAqC;;;kBAGlD,IAAI,gBAAgB,MAAM;GAAE,SAAS;GAAoB,WAAW;GAAM,CAAC;;;iBAF/E;;CAI1B,AAAmB,OAAO,SAA+B;AACvD,QAAM,OAAO,QAAQ;EACrB,MAAM,UAAU,KAAK,SAAS,OAAO,MAAM;AAC3C,MAAI,QAAS,MAAK,KAAK"}

package/dist/default/ui/alert-dialog/context.js

@@ -1,9 +0,0 @@
-import { createContext } from "@videojs/element/context";
-
-//#region src/ui/alert-dialog/context.ts
-const ALERT_DIALOG_CONTEXT_KEY = Symbol("@videojs/alert-dialog");
-const alertDialogContext = createContext(ALERT_DIALOG_CONTEXT_KEY);
-
-//#endregion
-export { alertDialogContext };
-//# sourceMappingURL=context.js.map

package/dist/default/ui/alert-dialog/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../../src/ui/alert-dialog/context.ts"],"sourcesContent":["import type { AlertDialogState, StateAttrMap } from '@videojs/core';\nimport { createContext } from '@videojs/element/context';\n\nexport interface AlertDialogContextValue {\n  state: AlertDialogState;\n  stateAttrMap: StateAttrMap<AlertDialogState>;\n  close: () => void;\n}\n\nconst ALERT_DIALOG_CONTEXT_KEY = Symbol('@videojs/alert-dialog');\n\nexport const alertDialogContext = createContext<AlertDialogContextValue>(ALERT_DIALOG_CONTEXT_KEY);\n"],"mappings":";;;AASA,MAAM,2BAA2B,OAAO,wBAAwB;AAEhE,MAAa,qBAAqB,cAAuC,yBAAyB"}

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

@@ -1,47 +0,0 @@
-import { playerContext } from "../../player/context.js";
-import { MediaElement } from "../media-element.js";
-import { PlayerController } from "../../player/player-controller.js";
-import { applyStateDataAttrs, selectPlayback } from "@videojs/core/dom";
-import { BufferingIndicatorCore, BufferingIndicatorDataAttrs } from "@videojs/core";
-
-//#region src/ui/buffering-indicator/buffering-indicator-element.ts
-var BufferingIndicatorElement = class extends MediaElement {
-	constructor(..._args) {
-		super(..._args);
-		this.delay = BufferingIndicatorCore.defaultProps.delay;
-	}
-	static {
-		this.tagName = "media-buffering-indicator";
-	}
-	static {
-		this.properties = { delay: { type: Number } };
-	}
-	#core = new BufferingIndicatorCore();
-	#state = new PlayerController(this, playerContext, selectPlayback);
-	#disconnect = null;
-	connectedCallback() {
-		super.connectedCallback();
-		this.#disconnect = new AbortController();
-		this.#core.state.subscribe(() => this.requestUpdate(), { signal: this.#disconnect.signal });
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback();
-		this.#disconnect?.abort();
-		this.#disconnect = null;
-	}
-	willUpdate(changed) {
-		super.willUpdate(changed);
-		this.#core.setProps(this);
-	}
-	update(changed) {
-		super.update(changed);
-		const media = this.#state.value;
-		if (!media) return;
-		this.#core.update(media);
-		applyStateDataAttrs(this, this.#core.state.current, BufferingIndicatorDataAttrs);
-	}
-};
-
-//#endregion
-export { BufferingIndicatorElement };
-//# sourceMappingURL=buffering-indicator-element.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"buffering-indicator-element.js","names":["#core","#state","#disconnect"],"sources":["../../../../src/ui/buffering-indicator/buffering-indicator-element.ts"],"sourcesContent":["import { BufferingIndicatorCore, BufferingIndicatorDataAttrs } from '@videojs/core';\nimport { applyStateDataAttrs, logMissingFeature, selectPlayback } from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaElement } from '../media-element';\n\nexport class BufferingIndicatorElement extends MediaElement {\n  static readonly tagName = 'media-buffering-indicator';\n\n  static override properties = {\n    delay: { type: Number },\n  } satisfies PropertyDeclarationMap<keyof BufferingIndicatorCore.Props>;\n\n  delay = BufferingIndicatorCore.defaultProps.delay;\n\n  readonly #core = new BufferingIndicatorCore();\n  readonly #state = new PlayerController(this, playerContext, selectPlayback);\n\n  #disconnect: AbortController | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    this.#disconnect = new AbortController();\n\n    this.#core.state.subscribe(() => this.requestUpdate(), {\n      signal: this.#disconnect.signal,\n    });\n\n    if (__DEV__ && !this.#state.value) {\n      logMissingFeature(this.localName, this.#state.displayName!);\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#disconnect?.abort();\n    this.#disconnect = null;\n  }\n\n  protected override willUpdate(changed: PropertyValues): void {\n    super.willUpdate(changed);\n    this.#core.setProps(this);\n  }\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n\n    const media = this.#state.value;\n\n    if (!media) return;\n\n    this.#core.update(media);\n    applyStateDataAttrs(this, this.#core.state.current, BufferingIndicatorDataAttrs);\n  }\n}\n"],"mappings":";;;;;;;AAQA,IAAa,4BAAb,cAA+C,aAAa;;;eAOlD,uBAAuB,aAAa;;;iBANlB;;;oBAEG,EAC3B,OAAO,EAAE,MAAM,QAAQ,EACxB;;CAID,CAASA,OAAQ,IAAI,wBAAwB;CAC7C,CAASC,QAAS,IAAI,iBAAiB,MAAM,eAAe,eAAe;CAE3E,cAAsC;CAEtC,AAAS,oBAA0B;AACjC,QAAM,mBAAmB;AAEzB,QAAKC,aAAc,IAAI,iBAAiB;AAExC,QAAKF,KAAM,MAAM,gBAAgB,KAAK,eAAe,EAAE,EACrD,QAAQ,MAAKE,WAAY,QAC1B,CAAC;;CAOJ,AAAS,uBAA6B;AACpC,QAAM,sBAAsB;AAC5B,QAAKA,YAAa,OAAO;AACzB,QAAKA,aAAc;;CAGrB,AAAmB,WAAW,SAA+B;AAC3D,QAAM,WAAW,QAAQ;AACzB,QAAKF,KAAM,SAAS,KAAK;;CAG3B,AAAmB,OAAO,SAA+B;AACvD,QAAM,OAAO,QAAQ;EAErB,MAAM,QAAQ,MAAKC,MAAO;AAE1B,MAAI,CAAC,MAAO;AAEZ,QAAKD,KAAM,OAAO,MAAM;AACxB,sBAAoB,MAAM,MAAKA,KAAM,MAAM,SAAS,4BAA4B"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"captions-button-element.js","names":[],"sources":["../../../../src/ui/captions-button/captions-button-element.ts"],"sourcesContent":["import { CaptionsButtonCore, CaptionsButtonDataAttrs, type MediaTextTrackState } from '@videojs/core';\nimport { selectTextTrack } from '@videojs/core/dom';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaButtonElement } from '../media-button-element';\n\nexport class CaptionsButtonElement extends MediaButtonElement<CaptionsButtonCore> {\n  static readonly tagName = 'media-captions-button';\n\n  protected readonly core = new CaptionsButtonCore();\n  protected readonly stateAttrMap = CaptionsButtonDataAttrs;\n  protected readonly mediaState = new PlayerController(this, playerContext, selectTextTrack);\n\n  protected activate(state: MediaTextTrackState): void {\n    this.core.toggle(state);\n  }\n}\n"],"mappings":";;;;;;;AAOA,IAAa,wBAAb,cAA2C,mBAAuC;;;cAGtD,IAAI,oBAAoB;sBAChB;oBACF,IAAI,iBAAiB,MAAM,eAAe,gBAAgB;;;iBAJhE;;CAM1B,AAAU,SAAS,OAAkC;AACnD,OAAK,KAAK,OAAO,MAAM"}

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

@@ -1,36 +0,0 @@
-import { playerContext } from "../../player/context.js";
-import { MediaElement } from "../media-element.js";
-import { PlayerController } from "../../player/player-controller.js";
-import { controlsContext } from "./context.js";
-import { applyStateDataAttrs, selectControls } from "@videojs/core/dom";
-import { ContextProvider } from "@videojs/element/context";
-import { ControlsCore, ControlsDataAttrs } from "@videojs/core";
-
-//#region src/ui/controls/controls-element.ts
-var ControlsElement = class extends MediaElement {
-	static {
-		this.tagName = "media-controls";
-	}
-	#core = new ControlsCore();
-	#mediaState = new PlayerController(this, playerContext, selectControls);
-	#provider = new ContextProvider(this, { context: controlsContext });
-	connectedCallback() {
-		super.connectedCallback();
-	}
-	update(_changed) {
-		super.update(_changed);
-		const media = this.#mediaState.value;
-		if (!media) return;
-		this.#core.setMedia(media);
-		const state = this.#core.getState();
-		applyStateDataAttrs(this, state, ControlsDataAttrs);
-		this.#provider.setValue({
-			state,
-			stateAttrMap: ControlsDataAttrs
-		});
-	}
-};
-
-//#endregion
-export { ControlsElement };
-//# sourceMappingURL=controls-element.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"controls-element.js","names":["#core","#mediaState","#provider"],"sources":["../../../../src/ui/controls/controls-element.ts"],"sourcesContent":["import { ControlsCore, ControlsDataAttrs } from '@videojs/core';\nimport { applyStateDataAttrs, logMissingFeature, selectControls } from '@videojs/core/dom';\nimport type { PropertyValues } from '@videojs/element';\nimport { ContextProvider } from '@videojs/element/context';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaElement } from '../media-element';\nimport { controlsContext } from './context';\n\nexport class ControlsElement extends MediaElement {\n  static readonly tagName = 'media-controls';\n\n  readonly #core = new ControlsCore();\n  readonly #mediaState = new PlayerController(this, playerContext, selectControls);\n  readonly #provider = new ContextProvider(this, { context: controlsContext });\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    if (__DEV__ && !this.#mediaState.value && this.#mediaState.displayName) {\n      logMissingFeature(this.localName, this.#mediaState.displayName);\n    }\n  }\n\n  protected override update(_changed: PropertyValues): void {\n    super.update(_changed);\n\n    const media = this.#mediaState.value;\n    if (!media) return;\n\n    this.#core.setMedia(media);\n    const state = this.#core.getState();\n\n    applyStateDataAttrs(this, state, ControlsDataAttrs);\n\n    this.#provider.setValue({\n      state,\n      stateAttrMap: ControlsDataAttrs,\n    });\n  }\n}\n"],"mappings":";;;;;;;;;AAUA,IAAa,kBAAb,cAAqC,aAAa;;iBACtB;;CAE1B,CAASA,OAAQ,IAAI,cAAc;CACnC,CAASC,aAAc,IAAI,iBAAiB,MAAM,eAAe,eAAe;CAChF,CAASC,WAAY,IAAI,gBAAgB,MAAM,EAAE,SAAS,iBAAiB,CAAC;CAE5E,AAAS,oBAA0B;AACjC,QAAM,mBAAmB;;CAO3B,AAAmB,OAAO,UAAgC;AACxD,QAAM,OAAO,SAAS;EAEtB,MAAM,QAAQ,MAAKD,WAAY;AAC/B,MAAI,CAAC,MAAO;AAEZ,QAAKD,KAAM,SAAS,MAAM;EAC1B,MAAM,QAAQ,MAAKA,KAAM,UAAU;AAEnC,sBAAoB,MAAM,OAAO,kBAAkB;AAEnD,QAAKE,SAAU,SAAS;GACtB;GACA,cAAc;GACf,CAAC"}

package/dist/default/ui/controls/controls-group-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-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

package/dist/default/ui/controls/controls-group-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"controls-group-element.js","names":[],"sources":["../../../../src/ui/controls/controls-group-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\nexport class ControlsGroupElement extends ContextPartElement<ControlsState> {\n  static readonly tagName = 'media-controls-group';\n\n  protected readonly consumer = new ContextConsumer(this, { context: controlsContext, subscribe: true });\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    if (this.hasAttribute('aria-label') || this.hasAttribute('aria-labelledby')) {\n      this.setAttribute('role', 'group');\n    }\n  }\n}\n"],"mappings":";;;;;AAMA,IAAa,uBAAb,cAA0C,mBAAkC;;;kBAG5C,IAAI,gBAAgB,MAAM;GAAE,SAAS;GAAiB,WAAW;GAAM,CAAC;;;iBAF5E;;CAI1B,AAAS,oBAA0B;AACjC,QAAM,mBAAmB;AAEzB,MAAI,KAAK,aAAa,aAAa,IAAI,KAAK,aAAa,kBAAkB,CACzE,MAAK,aAAa,QAAQ,QAAQ"}

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

@@ -1,25 +0,0 @@
-import { playerContext } from "../../player/context.js";
-import { PlayerController } from "../../player/player-controller.js";
-import { MediaButtonElement } from "../media-button-element.js";
-import { selectFullscreen } from "@videojs/core/dom";
-import { FullscreenButtonCore, FullscreenButtonDataAttrs } from "@videojs/core";
-
-//#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);
-	}
-	static {
-		this.tagName = "media-fullscreen-button";
-	}
-	activate(state) {
-		this.core.toggle(state);
-	}
-};
-
-//#endregion
-export { FullscreenButtonElement };
-//# sourceMappingURL=fullscreen-button-element.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"fullscreen-button-element.js","names":[],"sources":["../../../../src/ui/fullscreen-button/fullscreen-button-element.ts"],"sourcesContent":["import { FullscreenButtonCore, FullscreenButtonDataAttrs, type MediaFullscreenState } from '@videojs/core';\nimport { selectFullscreen } from '@videojs/core/dom';\n\nimport { 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\n  protected activate(state: MediaFullscreenState): void {\n    this.core.toggle(state);\n  }\n}\n"],"mappings":";;;;;;;AAOA,IAAa,0BAAb,cAA6C,mBAAyC;;;cAG1D,IAAI,sBAAsB;sBAClB;oBACF,IAAI,iBAAiB,MAAM,eAAe,iBAAiB;;;iBAJjE;;CAM1B,AAAU,SAAS,OAAmC;AACpD,OAAK,KAAK,OAAO,MAAM"}

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

@@ -1,9 +0,0 @@
-import { DestroyMixin, ReactiveElement } from "@videojs/element";
-
-//#region src/ui/media-element.ts
-/** Base class for interactive media UI elements. */
-var MediaElement = class extends DestroyMixin(ReactiveElement) {};
-
-//#endregion
-export { MediaElement };
-//# sourceMappingURL=media-element.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"media-element.js","names":[],"sources":["../../../src/ui/media-element.ts"],"sourcesContent":["import { DestroyMixin, ReactiveElement } from '@videojs/element';\nimport type { Constructor } from '@videojs/utils/types';\n\n/** Base class for interactive media UI elements. */\nexport class MediaElement extends DestroyMixin(ReactiveElement) {}\n\nexport interface MediaElementConstructor extends Constructor<MediaElement> {}\n"],"mappings":";;;;AAIA,IAAa,eAAb,cAAkC,aAAa,gBAAgB,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"mute-button-element.js","names":[],"sources":["../../../../src/ui/mute-button/mute-button-element.ts"],"sourcesContent":["import { type MediaVolumeState, MuteButtonCore, MuteButtonDataAttrs } from '@videojs/core';\nimport { selectVolume } from '@videojs/core/dom';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaButtonElement } from '../media-button-element';\n\nexport class MuteButtonElement extends MediaButtonElement<MuteButtonCore> {\n  static readonly tagName = 'media-mute-button';\n\n  protected readonly core = new MuteButtonCore();\n  protected readonly stateAttrMap = MuteButtonDataAttrs;\n  protected readonly mediaState = new PlayerController(this, playerContext, selectVolume);\n\n  protected activate(state: MediaVolumeState): void {\n    this.core.toggle(state);\n  }\n}\n"],"mappings":";;;;;;;AAOA,IAAa,oBAAb,cAAuC,mBAAmC;;;cAG9C,IAAI,gBAAgB;sBACZ;oBACF,IAAI,iBAAiB,MAAM,eAAe,aAAa;;;iBAJ7D;;CAM1B,AAAU,SAAS,OAA+B;AAChD,OAAK,KAAK,OAAO,MAAM"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"pip-button-element.js","names":[],"sources":["../../../../src/ui/pip-button/pip-button-element.ts"],"sourcesContent":["import { type MediaPictureInPictureState, PiPButtonCore, PiPButtonDataAttrs } from '@videojs/core';\nimport { selectPiP } from '@videojs/core/dom';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaButtonElement } from '../media-button-element';\n\nexport class PiPButtonElement extends MediaButtonElement<PiPButtonCore> {\n  static readonly tagName = 'media-pip-button';\n\n  protected readonly core = new PiPButtonCore();\n  protected readonly stateAttrMap = PiPButtonDataAttrs;\n  protected readonly mediaState = new PlayerController(this, playerContext, selectPiP);\n\n  protected activate(state: MediaPictureInPictureState): void {\n    this.core.toggle(state);\n  }\n}\n"],"mappings":";;;;;;;AAOA,IAAa,mBAAb,cAAsC,mBAAkC;;;cAG5C,IAAI,eAAe;sBACX;oBACF,IAAI,iBAAiB,MAAM,eAAe,UAAU;;;iBAJ1D;;CAM1B,AAAU,SAAS,OAAyC;AAC1D,OAAK,KAAK,OAAO,MAAM"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"play-button-element.js","names":[],"sources":["../../../../src/ui/play-button/play-button-element.ts"],"sourcesContent":["import { type MediaPlaybackState, PlayButtonCore, PlayButtonDataAttrs } from '@videojs/core';\nimport { selectPlayback } from '@videojs/core/dom';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaButtonElement } from '../media-button-element';\n\nexport class PlayButtonElement extends MediaButtonElement<PlayButtonCore> {\n  static readonly tagName = 'media-play-button';\n\n  protected readonly core = new PlayButtonCore();\n  protected readonly stateAttrMap = PlayButtonDataAttrs;\n  protected readonly mediaState = new PlayerController(this, playerContext, selectPlayback);\n\n  protected activate(state: MediaPlaybackState): void {\n    this.core.toggle(state);\n  }\n}\n"],"mappings":";;;;;;;AAOA,IAAa,oBAAb,cAAuC,mBAAmC;;;cAG9C,IAAI,gBAAgB;sBACZ;oBACF,IAAI,iBAAiB,MAAM,eAAe,eAAe;;;iBAJ/D;;CAM1B,AAAU,SAAS,OAAiC;AAClD,OAAK,KAAK,OAAO,MAAM"}

package/dist/default/ui/playback-rate-button/playback-rate-button-element.js

@@ -1,25 +0,0 @@
-import { playerContext } from "../../player/context.js";
-import { PlayerController } from "../../player/player-controller.js";
-import { MediaButtonElement } from "../media-button-element.js";
-import { selectPlaybackRate } from "@videojs/core/dom";
-import { PlaybackRateButtonCore, PlaybackRateButtonDataAttrs } from "@videojs/core";
-
-//#region src/ui/playback-rate-button/playback-rate-button-element.ts
-var PlaybackRateButtonElement = class extends MediaButtonElement {
-	constructor(..._args) {
-		super(..._args);
-		this.core = new PlaybackRateButtonCore();
-		this.stateAttrMap = PlaybackRateButtonDataAttrs;
-		this.mediaState = new PlayerController(this, playerContext, selectPlaybackRate);
-	}
-	static {
-		this.tagName = "media-playback-rate-button";
-	}
-	activate(state) {
-		this.core.cycle(state);
-	}
-};
-
-//#endregion
-export { PlaybackRateButtonElement };
-//# sourceMappingURL=playback-rate-button-element.js.map

package/dist/default/ui/playback-rate-button/playback-rate-button-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"playback-rate-button-element.js","names":[],"sources":["../../../../src/ui/playback-rate-button/playback-rate-button-element.ts"],"sourcesContent":["import { type MediaPlaybackRateState, PlaybackRateButtonCore, PlaybackRateButtonDataAttrs } from '@videojs/core';\nimport { selectPlaybackRate } from '@videojs/core/dom';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { MediaButtonElement } from '../media-button-element';\n\nexport class PlaybackRateButtonElement extends MediaButtonElement<PlaybackRateButtonCore> {\n  static readonly tagName = 'media-playback-rate-button';\n\n  protected readonly core = new PlaybackRateButtonCore();\n  protected readonly stateAttrMap = PlaybackRateButtonDataAttrs;\n  protected readonly mediaState = new PlayerController(this, playerContext, selectPlaybackRate);\n\n  protected activate(state: MediaPlaybackRateState): void {\n    this.core.cycle(state);\n  }\n}\n"],"mappings":";;;;;;;AAOA,IAAa,4BAAb,cAA+C,mBAA2C;;;cAG9D,IAAI,wBAAwB;sBACpB;oBACF,IAAI,iBAAiB,MAAM,eAAe,mBAAmB;;;iBAJnE;;CAM1B,AAAU,SAAS,OAAqC;AACtD,OAAK,KAAK,MAAM,MAAM"}