@videojs/html 0.1.0-preview.8 → 10.0.0-alpha.11

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

@@ -0,0 +1,46 @@
+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/dev/ui/alert-dialog/alert-dialog-close-element.js.map

@@ -0,0 +1 @@
+{"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/dev/ui/alert-dialog/alert-dialog-description-element.d.ts

@@ -0,0 +1,17 @@
+import { AlertDialogContextValue } from "./context.js";
+import { ContextPartElement } from "../context-part-element.js";
+import { ContextConsumer } from "@videojs/element/context";
+import { PropertyValues } from "@videojs/element";
+import { AlertDialogState } from "@videojs/core";
+
+//#region src/ui/alert-dialog/alert-dialog-description-element.d.ts
+declare class AlertDialogDescriptionElement extends ContextPartElement<AlertDialogState> {
+  static readonly tagName = "media-alert-dialog-description";
+  protected readonly consumer: ContextConsumer<{
+    __context__: AlertDialogContextValue;
+  }, this>;
+  protected update(changed: PropertyValues): void;
+}
+//#endregion
+export { AlertDialogDescriptionElement };
+//# sourceMappingURL=alert-dialog-description-element.d.ts.map

package/dist/dev/ui/alert-dialog/alert-dialog-description-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-description-element.d.ts","names":[],"sources":["../../../../src/ui/alert-dialog/alert-dialog-description-element.ts"],"mappings":";;;;;;;cAOa,6BAAA,SAAsC,kBAAA,CAAmB,gBAAA;EAAA,gBACpD,OAAA;EAAA,mBAEG,QAAA,EAAQ,eAAA;iBAHyD,uBAAA;EAAA;EAAA,UAKjE,MAAA,CAAO,OAAA,EAAS,cAAA;AAAA"}

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

@@ -0,0 +1,26 @@
+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/dev/ui/alert-dialog/alert-dialog-description-element.js.map

@@ -0,0 +1 @@
+{"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/dev/ui/alert-dialog/alert-dialog-element.d.ts

@@ -0,0 +1,22 @@
+import { MediaElement } from "../media-element.js";
+import { PropertyValues } from "@videojs/element";
+
+//#region src/ui/alert-dialog/alert-dialog-element.d.ts
+declare class AlertDialogElement extends MediaElement {
+  #private;
+  static readonly tagName = "media-alert-dialog";
+  static properties: {
+    open: {
+      type: BooleanConstructor;
+    };
+  };
+  open: boolean;
+  constructor();
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  protected willUpdate(changed: PropertyValues): void;
+  protected update(_changed: PropertyValues): void;
+}
+//#endregion
+export { AlertDialogElement };
+//# sourceMappingURL=alert-dialog-element.d.ts.map

package/dist/dev/ui/alert-dialog/alert-dialog-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-element.d.ts","names":[],"sources":["../../../../src/ui/alert-dialog/alert-dialog-element.ts"],"mappings":";;;;cAiBa,kBAAA,SAA2B,YAAA;EAAA;kBACtB,OAAA;EAAA,OAEA,UAAA;;;;;EAIhB,IAAA;;EAgBS,iBAAA,CAAA;EAqBA,oBAAA,CAAA;EAAA,UAMU,UAAA,CAAW,OAAA,EAAS,cAAA;EAAA,UAgBpB,MAAA,CAAO,QAAA,EAAU,cAAA;AAAA"}

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

@@ -0,0 +1,73 @@
+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/dev/ui/alert-dialog/alert-dialog-element.js.map

@@ -0,0 +1 @@
+{"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/dev/ui/alert-dialog/alert-dialog-title-element.d.ts

@@ -0,0 +1,17 @@
+import { AlertDialogContextValue } from "./context.js";
+import { ContextPartElement } from "../context-part-element.js";
+import { ContextConsumer } from "@videojs/element/context";
+import { PropertyValues } from "@videojs/element";
+import { AlertDialogState } from "@videojs/core";
+
+//#region src/ui/alert-dialog/alert-dialog-title-element.d.ts
+declare class AlertDialogTitleElement extends ContextPartElement<AlertDialogState> {
+  static readonly tagName = "media-alert-dialog-title";
+  protected readonly consumer: ContextConsumer<{
+    __context__: AlertDialogContextValue;
+  }, this>;
+  protected update(changed: PropertyValues): void;
+}
+//#endregion
+export { AlertDialogTitleElement };
+//# sourceMappingURL=alert-dialog-title-element.d.ts.map

package/dist/dev/ui/alert-dialog/alert-dialog-title-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-title-element.d.ts","names":[],"sources":["../../../../src/ui/alert-dialog/alert-dialog-title-element.ts"],"mappings":";;;;;;;cAOa,uBAAA,SAAgC,kBAAA,CAAmB,gBAAA;EAAA,gBAC9C,OAAA;EAAA,mBAEG,QAAA,EAAQ,eAAA;iBAHmD,uBAAA;EAAA;EAAA,UAK3D,MAAA,CAAO,OAAA,EAAS,cAAA;AAAA"}

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

@@ -0,0 +1,26 @@
+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/dev/ui/alert-dialog/alert-dialog-title-element.js.map

@@ -0,0 +1 @@
+{"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/dev/ui/alert-dialog/context.d.ts

@@ -0,0 +1,14 @@
+import { AlertDialogState, StateAttrMap } from "@videojs/core";
+
+//#region src/ui/alert-dialog/context.d.ts
+interface AlertDialogContextValue {
+  state: AlertDialogState;
+  stateAttrMap: StateAttrMap<AlertDialogState>;
+  close: () => void;
+}
+declare const alertDialogContext: {
+  __context__: AlertDialogContextValue;
+};
+//#endregion
+export { AlertDialogContextValue, alertDialogContext };
+//# sourceMappingURL=context.d.ts.map

package/dist/dev/ui/alert-dialog/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../../src/ui/alert-dialog/context.ts"],"mappings":";;;UAGiB,uBAAA;EACf,KAAA,EAAO,gBAAA;EACP,YAAA,EAAc,YAAA,CAAa,gBAAA;EAC3B,KAAA;AAAA;AAAA,cAKW,kBAAA;eAAqF,uBAAA;AAAA"}

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

@@ -0,0 +1,9 @@
+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/dev/ui/alert-dialog/context.js.map

@@ -0,0 +1 @@
+{"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/dev/ui/buffering-indicator/buffering-indicator-element.d.ts

@@ -0,0 +1,21 @@
+import { MediaElement } from "../media-element.js";
+import { PropertyValues } from "@videojs/element";
+
+//#region src/ui/buffering-indicator/buffering-indicator-element.d.ts
+declare class BufferingIndicatorElement extends MediaElement {
+  #private;
+  static readonly tagName = "media-buffering-indicator";
+  static properties: {
+    delay: {
+      type: NumberConstructor;
+    };
+  };
+  delay: number;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  protected willUpdate(changed: PropertyValues): void;
+  protected update(changed: PropertyValues): void;
+}
+//#endregion
+export { BufferingIndicatorElement };
+//# sourceMappingURL=buffering-indicator-element.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"buffering-indicator-element.d.ts","names":[],"sources":["../../../../src/ui/buffering-indicator/buffering-indicator-element.ts"],"mappings":";;;;cAQa,yBAAA,SAAkC,YAAA;EAAA;kBAC7B,OAAA;EAAA,OAEA,UAAA;;;;;EAIhB,KAAA;EAOS,iBAAA,CAAA;EAcA,oBAAA,CAAA;EAAA,UAMU,UAAA,CAAW,OAAA,EAAS,cAAA;EAAA,UAKpB,MAAA,CAAO,OAAA,EAAS,cAAA;AAAA"}

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

@@ -0,0 +1,48 @@
+import { playerContext } from "../../player/context.js";
+import { MediaElement } from "../media-element.js";
+import { PlayerController } from "../../player/player-controller.js";
+import { applyStateDataAttrs, logMissingFeature, 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 });
+		if (!this.#state.value) logMissingFeature(this.localName, this.#state.displayName);
+	}
+	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/dev/ui/buffering-indicator/buffering-indicator-element.js.map

@@ -0,0 +1 @@
+{"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;AAEF,MAAe,CAAC,MAAKD,MAAO,MAC1B,mBAAkB,KAAK,WAAW,MAAKA,MAAO,YAAa;;CAI/D,AAAS,uBAA6B;AACpC,QAAM,sBAAsB;AAC5B,QAAKC,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/dev/ui/captions-button/captions-button-element.d.ts

@@ -0,0 +1,19 @@
+import { PlayerController } from "../../player/player-controller.js";
+import { MediaButtonElement } from "../media-button-element.js";
+import * as _videojs_core_dom0 from "@videojs/core/dom";
+import { CaptionsButtonCore, MediaTextTrackState } from "@videojs/core";
+
+//#region src/ui/captions-button/captions-button-element.d.ts
+declare class CaptionsButtonElement extends MediaButtonElement<CaptionsButtonCore> {
+  static readonly tagName = "media-captions-button";
+  protected readonly core: CaptionsButtonCore;
+  protected readonly stateAttrMap: {
+    readonly subtitlesShowing: "data-active";
+    readonly availability: "data-availability";
+  };
+  protected readonly mediaState: PlayerController<_videojs_core_dom0.AnyPlayerStore, MediaTextTrackState | undefined>;
+  protected activate(state: MediaTextTrackState): void;
+}
+//#endregion
+export { CaptionsButtonElement };
+//# sourceMappingURL=captions-button-element.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"captions-button-element.d.ts","names":[],"sources":["../../../../src/ui/captions-button/captions-button-element.ts"],"mappings":";;;;;;cAOa,qBAAA,SAA8B,kBAAA,CAAmB,kBAAA;EAAA,gBAC5C,OAAA;EAAA,mBAEG,IAAA,EAAI,kBAAA;EAAA,mBACJ,YAAA;IAAA;;;qBACA,UAAA,EAAU,gBAAA,CAFN,kBAAA,CAEM,cAAA,EAAA,mBAAA;EAAA,UAEnB,QAAA,CAAS,KAAA,EAAO,mBAAA;AAAA"}

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

@@ -0,0 +1,25 @@
+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/dev/ui/captions-button/captions-button-element.js.map

@@ -0,0 +1 @@
+{"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/dev/ui/context-part-element.d.ts

@@ -0,0 +1,32 @@
+import { MediaElement } from "./media-element.js";
+import { PropertyValues } from "@videojs/element";
+import { StateAttrMap } from "@videojs/core";
+
+//#region src/ui/context-part-element.d.ts
+/** Shape that compound context values must satisfy for parts to consume. */
+interface PartContextValue<State extends object> {
+  state: State;
+  stateAttrMap: StateAttrMap<State>;
+}
+/**
+ * Abstract base for compound-component part elements that consume a parent
+ * context and apply data attributes from `ctx.state` + `ctx.stateAttrMap`.
+ *
+ * Subclasses only need to declare the `consumer` property:
+ *
+ * ```ts
+ * export class SliderTrackElement extends ContextPartElement<SliderState> {
+ *   static readonly tagName = 'media-slider-track';
+ *   protected readonly consumer = new ContextConsumer(this, { context: sliderContext, subscribe: true });
+ * }
+ * ```
+ */
+declare abstract class ContextPartElement<State extends object> extends MediaElement {
+  protected abstract readonly consumer: {
+    value?: PartContextValue<State> | undefined;
+  };
+  protected update(_changed: PropertyValues): void;
+}
+//#endregion
+export { ContextPartElement };
+//# sourceMappingURL=context-part-element.d.ts.map

package/dist/dev/ui/context-part-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-part-element.d.ts","names":[],"sources":["../../../src/ui/context-part-element.ts"],"mappings":";;;;;;UAOiB,gBAAA;EACf,KAAA,EAAO,KAAA;EACP,YAAA,EAAc,YAAA,CAAa,KAAA;AAAA;;;;;;;;;;;;;;uBAgBP,kBAAA,+BAAiD,YAAA;EAAA,4BACzC,QAAA;IAAY,KAAA,GAAQ,gBAAA,CAAiB,KAAA;EAAA;EAAA,UAE9C,MAAA,CAAO,QAAA,EAAU,cAAA;AAAA"}

package/dist/dev/ui/context-part-element.js

@@ -0,0 +1,28 @@
+import { MediaElement } from "./media-element.js";
+import { applyStateDataAttrs } from "@videojs/core/dom";
+
+//#region src/ui/context-part-element.ts
+/**
+* Abstract base for compound-component part elements that consume a parent
+* context and apply data attributes from `ctx.state` + `ctx.stateAttrMap`.
+*
+* Subclasses only need to declare the `consumer` property:
+*
+* ```ts
+* export class SliderTrackElement extends ContextPartElement<SliderState> {
+*   static readonly tagName = 'media-slider-track';
+*   protected readonly consumer = new ContextConsumer(this, { context: sliderContext, subscribe: true });
+* }
+* ```
+*/
+var ContextPartElement = class extends MediaElement {
+	update(_changed) {
+		super.update(_changed);
+		const ctx = this.consumer.value;
+		if (ctx) applyStateDataAttrs(this, ctx.state, ctx.stateAttrMap);
+	}
+};
+
+//#endregion
+export { ContextPartElement };
+//# sourceMappingURL=context-part-element.js.map

package/dist/dev/ui/context-part-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-part-element.js","names":[],"sources":["../../../src/ui/context-part-element.ts"],"sourcesContent":["import type { StateAttrMap } from '@videojs/core';\nimport { applyStateDataAttrs } from '@videojs/core/dom';\nimport type { PropertyValues } from '@videojs/element';\n\nimport { MediaElement } from './media-element';\n\n/** Shape that compound context values must satisfy for parts to consume. */\nexport interface PartContextValue<State extends object> {\n  state: State;\n  stateAttrMap: StateAttrMap<State>;\n}\n\n/**\n * Abstract base for compound-component part elements that consume a parent\n * context and apply data attributes from `ctx.state` + `ctx.stateAttrMap`.\n *\n * Subclasses only need to declare the `consumer` property:\n *\n * ```ts\n * export class SliderTrackElement extends ContextPartElement<SliderState> {\n *   static readonly tagName = 'media-slider-track';\n *   protected readonly consumer = new ContextConsumer(this, { context: sliderContext, subscribe: true });\n * }\n * ```\n */\nexport abstract class ContextPartElement<State extends object> extends MediaElement {\n  protected abstract readonly consumer: { value?: PartContextValue<State> | undefined };\n\n  protected override update(_changed: PropertyValues): void {\n    super.update(_changed);\n    const ctx = this.consumer.value;\n    if (ctx) applyStateDataAttrs(this, ctx.state, ctx.stateAttrMap);\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAyBA,IAAsB,qBAAtB,cAAuE,aAAa;CAGlF,AAAmB,OAAO,UAAgC;AACxD,QAAM,OAAO,SAAS;EACtB,MAAM,MAAM,KAAK,SAAS;AAC1B,MAAI,IAAK,qBAAoB,MAAM,IAAI,OAAO,IAAI,aAAa"}

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

@@ -0,0 +1,10 @@
+import { ControlsState, StateAttrMap } from "@videojs/core";
+
+//#region src/ui/controls/context.d.ts
+interface ControlsContextValue {
+  state: ControlsState;
+  stateAttrMap: StateAttrMap<ControlsState>;
+}
+//#endregion
+export { ControlsContextValue };
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../../src/ui/controls/context.ts"],"mappings":";;;UAGiB,oBAAA;EACf,KAAA,EAAO,aAAA;EACP,YAAA,EAAc,YAAA,CAAa,aAAA;AAAA"}

package/dist/dev/ui/controls/context.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../../src/ui/controls/context.ts"],"sourcesContent":["import type { ControlsState, StateAttrMap } from '@videojs/core';\nimport { createContext } from '@videojs/element/context';\n\nexport interface ControlsContextValue {\n  state: ControlsState;\n  stateAttrMap: StateAttrMap<ControlsState>;\n}\n\nconst CONTROLS_CONTEXT_KEY = Symbol('@videojs/controls');\n\nexport const controlsContext = createContext<ControlsContextValue>(CONTROLS_CONTEXT_KEY);\n"],"mappings":";;;AAQA,MAAM,uBAAuB,OAAO,oBAAoB;AAExD,MAAa,kBAAkB,cAAoC,qBAAqB"}

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

@@ -0,0 +1,13 @@
+import { MediaElement } from "../media-element.js";
+import { PropertyValues } from "@videojs/element";
+
+//#region src/ui/controls/controls-element.d.ts
+declare class ControlsElement extends MediaElement {
+  #private;
+  static readonly tagName = "media-controls";
+  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

@@ -0,0 +1 @@
+{"version":3,"file":"controls-element.d.ts","names":[],"sources":["../../../../src/ui/controls/controls-element.ts"],"mappings":";;;;cAUa,eAAA,SAAwB,YAAA;EAAA;kBACnB,OAAA;EAMP,iBAAA,CAAA;EAAA,UAQU,MAAA,CAAO,QAAA,EAAU,cAAA;AAAA"}

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

@@ -0,0 +1,37 @@
+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, logMissingFeature, 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();
+		if (!this.#mediaState.value && this.#mediaState.displayName) logMissingFeature(this.localName, this.#mediaState.displayName);
+	}
+	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/dev/ui/controls/controls-element.js.map

@@ -0,0 +1 @@
+{"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;AAEzB,MAAe,CAAC,MAAKD,WAAY,SAAS,MAAKA,WAAY,YACzD,mBAAkB,KAAK,WAAW,MAAKA,WAAY,YAAY;;CAInE,AAAmB,OAAO,UAAgC;AACxD,QAAM,OAAO,SAAS;EAEtB,MAAM,QAAQ,MAAKA,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/dev/ui/controls/controls-group-element.d.ts

@@ -0,0 +1,16 @@
+import { ContextPartElement } from "../context-part-element.js";
+import { ControlsContextValue } from "./context.js";
+import { ContextConsumer } from "@videojs/element/context";
+import { ControlsState } from "@videojs/core";
+
+//#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