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

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

@@ -1,42 +0,0 @@
-import { UIElement } from "../ui-element.js";
-import { tooltipGroupContext } from "./context.js";
-import { TooltipGroupCore } from "@videojs/core";
-import { ContextProvider } from "@videojs/element/context";
-//#region src/ui/tooltip/tooltip-group-element.ts
-var TooltipGroupElement = class extends UIElement {
-	constructor(..._args) {
-		super(..._args);
-		this.delay = TooltipGroupCore.defaultProps.delay;
-		this.closeDelay = TooltipGroupCore.defaultProps.closeDelay;
-		this.timeout = TooltipGroupCore.defaultProps.timeout;
-		this.#core = new TooltipGroupCore();
-		this.#provider = new ContextProvider(this, {
-			context: tooltipGroupContext,
-			initialValue: this.#core
-		});
-	}
-	static {
-		this.tagName = "media-tooltip-group";
-	}
-	static {
-		this.properties = {
-			delay: { type: Number },
-			closeDelay: {
-				type: Number,
-				attribute: "close-delay"
-			},
-			timeout: { type: Number }
-		};
-	}
-	#core;
-	#provider;
-	update(_changed) {
-		super.update(_changed);
-		this.#core.setProps(this);
-		this.#provider.setValue(this.#core);
-	}
-};
-//#endregion
-export { TooltipGroupElement };
-
-//# sourceMappingURL=tooltip-group-element.js.map

package/dist/dev/ui/tooltip/tooltip-group-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip-group-element.js","names":["#core","#provider"],"sources":["../../../../src/ui/tooltip/tooltip-group-element.ts"],"sourcesContent":["import { TooltipGroupCore } from '@videojs/core';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { ContextProvider } from '@videojs/element/context';\n\nimport { UIElement } from '../ui-element';\nimport { tooltipGroupContext } from './context';\n\nexport class TooltipGroupElement extends UIElement {\n  static readonly tagName = 'media-tooltip-group';\n\n  static override properties = {\n    delay: { type: Number },\n    closeDelay: { type: Number, attribute: 'close-delay' },\n    timeout: { type: Number },\n  } satisfies PropertyDeclarationMap<keyof TooltipGroupCore.Props>;\n\n  delay = TooltipGroupCore.defaultProps.delay;\n  closeDelay = TooltipGroupCore.defaultProps.closeDelay;\n  timeout = TooltipGroupCore.defaultProps.timeout;\n\n  readonly #core = new TooltipGroupCore();\n  readonly #provider = new ContextProvider(this, { context: tooltipGroupContext, initialValue: this.#core });\n\n  protected override update(_changed: PropertyValues): void {\n    super.update(_changed);\n    this.#core.setProps(this);\n    this.#provider.setValue(this.#core);\n  }\n}\n"],"mappings":";;;;;AAOA,IAAa,sBAAb,cAAyC,UAAU;;;EASzC,KAAA,QAAA,iBAAiB,aAAa;EACzB,KAAA,aAAA,iBAAiB,aAAa;EACjC,KAAA,UAAA,iBAAiB,aAAa;EAEvB,KAAA,QAAA,IAAI,iBAAiB;EACjB,KAAA,YAAA,IAAI,gBAAgB,MAAM;GAAE,SAAS;GAAqB,cAAc,KAAKA;EAAM,CAAC;;;EAb/E,KAAA,UAAA;;;EAEG,KAAA,aAAA;GAC3B,OAAO,EAAE,MAAM,OAAO;GACtB,YAAY;IAAE,MAAM;IAAQ,WAAW;GAAc;GACrD,SAAS,EAAE,MAAM,OAAO;EAC1B;;CAMA;CACA;CAEA,OAA0B,UAAgC;EACxD,MAAM,OAAO,QAAQ;EACrB,KAAKA,MAAM,SAAS,IAAI;EACxB,KAAKC,UAAU,SAAS,KAAKD,KAAK;CACpC;AACF"}

package/dist/dev/ui/tooltip/tooltip-label-element.d.ts

@@ -1,14 +0,0 @@
-import { UIElement } from "../ui-element.js";
-//#region src/ui/tooltip/tooltip-label-element.d.ts
-/** Label region inside `media-tooltip`; parent syncs text from the trigger when linked to a media button. */
-declare class TooltipLabelElement extends UIElement {
-  #private;
-  static readonly tagName = "media-tooltip-label";
-  static findIn(host: HTMLElement): TooltipLabelElement | null;
-  static create(): TooltipLabelElement;
-  connectedCallback(): void;
-  setSyncedText(text: string): void;
-}
-//#endregion
-export { TooltipLabelElement };
-//# sourceMappingURL=tooltip-label-element.d.ts.map

package/dist/dev/ui/tooltip/tooltip-label-element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip-label-element.d.ts","names":[],"sources":["../../../../src/ui/tooltip/tooltip-label-element.ts"],"mappings":";;;cAOa,4BAA4B;;kBACvB;SAIT,OAAO,MAAM,cAAc;SAI3B,UAAU;EAIR;EAKT,cAAc"}

package/dist/dev/ui/tooltip/tooltip-label-element.js

@@ -1,30 +0,0 @@
-import { UIElement } from "../ui-element.js";
-//#region src/ui/tooltip/tooltip-label-element.ts
-function hasAuthoredContent(host) {
-	return Array.from(host.childNodes).some((node) => !!node.textContent?.trim());
-}
-/** Label region inside `media-tooltip`; parent syncs text from the trigger when linked to a media button. */
-var TooltipLabelElement = class TooltipLabelElement extends UIElement {
-	static {
-		this.tagName = "media-tooltip-label";
-	}
-	#hasAuthoredContent = false;
-	static findIn(host) {
-		return host.querySelector(TooltipLabelElement.tagName);
-	}
-	static create() {
-		return document.createElement(TooltipLabelElement.tagName);
-	}
-	connectedCallback() {
-		this.#hasAuthoredContent ||= hasAuthoredContent(this);
-		super.connectedCallback();
-	}
-	setSyncedText(text) {
-		if (this.#hasAuthoredContent) return;
-		this.textContent = text;
-	}
-};
-//#endregion
-export { TooltipLabelElement };
-
-//# sourceMappingURL=tooltip-label-element.js.map

package/dist/dev/ui/tooltip/tooltip-label-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip-label-element.js","names":["#hasAuthoredContent"],"sources":["../../../../src/ui/tooltip/tooltip-label-element.ts"],"sourcesContent":["import { UIElement } from '../ui-element';\n\nfunction hasAuthoredContent(host: HTMLElement): boolean {\n  return Array.from(host.childNodes).some((node) => !!node.textContent?.trim());\n}\n\n/** Label region inside `media-tooltip`; parent syncs text from the trigger when linked to a media button. */\nexport class TooltipLabelElement extends UIElement {\n  static readonly tagName = 'media-tooltip-label';\n\n  #hasAuthoredContent = false;\n\n  static findIn(host: HTMLElement): TooltipLabelElement | null {\n    return host.querySelector(TooltipLabelElement.tagName);\n  }\n\n  static create(): TooltipLabelElement {\n    return document.createElement(TooltipLabelElement.tagName) as TooltipLabelElement;\n  }\n\n  override connectedCallback(): void {\n    this.#hasAuthoredContent ||= hasAuthoredContent(this);\n    super.connectedCallback();\n  }\n\n  setSyncedText(text: string): void {\n    if (this.#hasAuthoredContent) return;\n\n    this.textContent = text;\n  }\n}\n"],"mappings":";;AAEA,SAAS,mBAAmB,MAA4B;CACtD,OAAO,MAAM,KAAK,KAAK,UAAU,CAAC,CAAC,MAAM,SAAS,CAAC,CAAC,KAAK,aAAa,KAAK,CAAC;AAC9E;;AAGA,IAAa,sBAAb,MAAa,4BAA4B,UAAU;;EACvB,KAAA,UAAA;;CAE1B,sBAAsB;CAEtB,OAAO,OAAO,MAA+C;EAC3D,OAAO,KAAK,cAAc,oBAAoB,OAAO;CACvD;CAEA,OAAO,SAA8B;EACnC,OAAO,SAAS,cAAc,oBAAoB,OAAO;CAC3D;CAEA,oBAAmC;EACjC,KAAKA,wBAAwB,mBAAmB,IAAI;EACpD,MAAM,kBAAkB;CAC1B;CAEA,cAAc,MAAoB;EAChC,IAAI,KAAKA,qBAAqB;EAE9B,KAAK,cAAc;CACrB;AACF"}

package/dist/dev/ui/tooltip/tooltip-shortcut-element.d.ts

@@ -1,15 +0,0 @@
-import { UIElement } from "../ui-element.js";
-//#region src/ui/tooltip/tooltip-shortcut-element.d.ts
-/**
- * Shortcut hint inside `media-tooltip`. CSS skins: `class="media-tooltip__kbd"`; Tailwind skins: `class` from
- * `popup.tooltipShortcut`.
- */
-declare class TooltipShortcutElement extends UIElement {
-  static readonly tagName = "media-tooltip-shortcut";
-  static findIn(host: HTMLElement): TooltipShortcutElement | null;
-  static create(): TooltipShortcutElement;
-  setSyncedShortcut(shortcut: string | undefined): void;
-}
-//#endregion
-export { TooltipShortcutElement };
-//# sourceMappingURL=tooltip-shortcut-element.d.ts.map

package/dist/dev/ui/tooltip/tooltip-shortcut-element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip-shortcut-element.d.ts","names":[],"sources":["../../../../src/ui/tooltip/tooltip-shortcut-element.ts"],"mappings":";;;;;;cAMa,+BAA+B;kBAC1B;SAET,OAAO,MAAM,cAAc;SAI3B,UAAU;EAIjB,kBAAkB"}

package/dist/dev/ui/tooltip/tooltip-shortcut-element.js

@@ -1,30 +0,0 @@
-import { UIElement } from "../ui-element.js";
-//#region src/ui/tooltip/tooltip-shortcut-element.ts
-/**
-* Shortcut hint inside `media-tooltip`. CSS skins: `class="media-tooltip__kbd"`; Tailwind skins: `class` from
-* `popup.tooltipShortcut`.
-*/
-var TooltipShortcutElement = class TooltipShortcutElement extends UIElement {
-	static {
-		this.tagName = "media-tooltip-shortcut";
-	}
-	static findIn(host) {
-		return host.querySelector(TooltipShortcutElement.tagName);
-	}
-	static create() {
-		return document.createElement(TooltipShortcutElement.tagName);
-	}
-	setSyncedShortcut(shortcut) {
-		if (shortcut) {
-			this.textContent = shortcut;
-			this.hidden = false;
-		} else {
-			this.textContent = "";
-			this.hidden = true;
-		}
-	}
-};
-//#endregion
-export { TooltipShortcutElement };
-
-//# sourceMappingURL=tooltip-shortcut-element.js.map

package/dist/dev/ui/tooltip/tooltip-shortcut-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip-shortcut-element.js","names":[],"sources":["../../../../src/ui/tooltip/tooltip-shortcut-element.ts"],"sourcesContent":["import { UIElement } from '../ui-element';\n\n/**\n * Shortcut hint inside `media-tooltip`. CSS skins: `class=\"media-tooltip__kbd\"`; Tailwind skins: `class` from\n * `popup.tooltipShortcut`.\n */\nexport class TooltipShortcutElement extends UIElement {\n  static readonly tagName = 'media-tooltip-shortcut';\n\n  static findIn(host: HTMLElement): TooltipShortcutElement | null {\n    return host.querySelector(TooltipShortcutElement.tagName);\n  }\n\n  static create(): TooltipShortcutElement {\n    return document.createElement(TooltipShortcutElement.tagName) as TooltipShortcutElement;\n  }\n\n  setSyncedShortcut(shortcut: string | undefined): void {\n    if (shortcut) {\n      this.textContent = shortcut;\n      this.hidden = false;\n    } else {\n      this.textContent = '';\n      this.hidden = true;\n    }\n  }\n}\n"],"mappings":";;;;;;AAMA,IAAa,yBAAb,MAAa,+BAA+B,UAAU;;EAC1B,KAAA,UAAA;;CAE1B,OAAO,OAAO,MAAkD;EAC9D,OAAO,KAAK,cAAc,uBAAuB,OAAO;CAC1D;CAEA,OAAO,SAAiC;EACtC,OAAO,SAAS,cAAc,uBAAuB,OAAO;CAC9D;CAEA,kBAAkB,UAAoC;EACpD,IAAI,UAAU;GACZ,KAAK,cAAc;GACnB,KAAK,SAAS;EAChB,OAAO;GACL,KAAK,cAAc;GACnB,KAAK,SAAS;EAChB;CACF;AACF"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"ui-element.d.ts","names":[],"sources":["../../../src/ui/ui-element.ts"],"mappings":";;;;;cAIa,kBAAkB;UAEd,6BAA6B,YAAY"}

package/dist/dev/ui/volume-indicator/volume-indicator-element.d.ts

@@ -1,26 +0,0 @@
-import { LiveIndicator } from "../input-indicator/live-indicator.js";
-import { InputIndicatorElement } from "../input-indicator/input-indicator-element.js";
-import { index_d_exports } from "../../index.js";
-import { VolumeIndicatorCore } from "@videojs/core";
-//#region src/ui/volume-indicator/volume-indicator-element.d.ts
-declare class VolumeIndicatorElement extends InputIndicatorElement<VolumeIndicatorCore.State> {
-  #private;
-  static readonly tagName = "media-volume-indicator";
-  static properties: {
-    closeDelay: {
-      type: NumberConstructor;
-      attribute: string;
-    };
-  };
-  closeDelay: number | undefined;
-  protected get core(): VolumeIndicatorCore;
-  protected get transition(): index_d_exports.TransitionApi;
-  protected get liveIndicator(): LiveIndicator<import("@videojs/core").VolumeIndicatorState>;
-  protected get options(): {
-    replayOnUpdate: false;
-  };
-  protected syncCoreProps(): void;
-}
-//#endregion
-export { VolumeIndicatorElement };
-//# sourceMappingURL=volume-indicator-element.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"volume-indicator-element.d.ts","names":[],"sources":["../../../../src/ui/volume-indicator/volume-indicator-element.ts"],"mappings":";;;;;cAea,+BAA+B,sBAAsB,oBAAoB;;kBACpE;SAEA;;MACA,MAAI;MAAU;;;EAG9B;gBAYc,QAAI;gBAIJ,cAJI,gBAIM;gBAIV,iBAAa,sCAAA;gBAIJ;;;YAIJ"}

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

@@ -1,56 +0,0 @@
-import { i18nContext } from "../../i18n/context.js";
-import { I18nController } from "../../i18n/controller.js";
-import { InputIndicatorElement } from "../input-indicator/input-indicator-element.js";
-import { LiveIndicator } from "../input-indicator/live-indicator.js";
-import { VolumeIndicatorCSSVars, VolumeIndicatorCore, VolumeIndicatorDataAttrs, createInputIndicatorLabels, getVolumeIndicatorDisplayValue } from "@videojs/core";
-import { createTransition } from "@videojs/core/dom";
-//#region src/ui/volume-indicator/volume-indicator-element.ts
-var VolumeIndicatorElement = class extends InputIndicatorElement {
-	static {
-		this.tagName = "media-volume-indicator";
-	}
-	static {
-		this.properties = { closeDelay: {
-			type: Number,
-			attribute: "close-delay"
-		} };
-	}
-	#i18n = new I18nController(this, i18nContext);
-	#core = new VolumeIndicatorCore();
-	#transition = createTransition();
-	#liveIndicator = new LiveIndicator({
-		host: this,
-		dataAttrs: VolumeIndicatorDataAttrs,
-		render: renderVolumeIndicator
-	});
-	#options = { replayOnUpdate: false };
-	get core() {
-		return this.#core;
-	}
-	get transition() {
-		return this.#transition;
-	}
-	get liveIndicator() {
-		return this.#liveIndicator;
-	}
-	get options() {
-		return this.#options;
-	}
-	syncCoreProps() {
-		this.#core.setProps({
-			closeDelay: this.closeDelay,
-			labels: createInputIndicatorLabels(this.#i18n.value)
-		});
-	}
-};
-function renderVolumeIndicator(element, state) {
-	const fill = element.querySelector("media-volume-indicator-fill");
-	const value = element.querySelector("media-volume-indicator-value");
-	if (state.fill) fill?.style.setProperty(VolumeIndicatorCSSVars.fill, state.fill);
-	else fill?.style.removeProperty(VolumeIndicatorCSSVars.fill);
-	if (value) value.textContent = getVolumeIndicatorDisplayValue(state);
-}
-//#endregion
-export { VolumeIndicatorElement };
-
-//# sourceMappingURL=volume-indicator-element.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"volume-indicator-element.js","names":["#i18n","#core","#transition","#liveIndicator","#options"],"sources":["../../../../src/ui/volume-indicator/volume-indicator-element.ts"],"sourcesContent":["import {\n  createInputIndicatorLabels,\n  getVolumeIndicatorDisplayValue,\n  VolumeIndicatorCore,\n  VolumeIndicatorCSSVars,\n  VolumeIndicatorDataAttrs,\n} from '@videojs/core';\nimport { createTransition } from '@videojs/core/dom';\nimport type { PropertyDeclarationMap } from '@videojs/element';\n\nimport { i18nContext } from '../../i18n/context';\nimport { I18nController } from '../../i18n/controller';\nimport { InputIndicatorElement, type InputIndicatorOptions } from '../input-indicator/input-indicator-element';\nimport { LiveIndicator } from '../input-indicator/live-indicator';\n\nexport class VolumeIndicatorElement extends InputIndicatorElement<VolumeIndicatorCore.State> {\n  static readonly tagName = 'media-volume-indicator';\n\n  static override properties = {\n    closeDelay: { type: Number, attribute: 'close-delay' },\n  } satisfies PropertyDeclarationMap<'closeDelay'>;\n\n  closeDelay: number | undefined;\n\n  readonly #i18n = new I18nController(this, i18nContext);\n  readonly #core = new VolumeIndicatorCore();\n  readonly #transition = createTransition();\n  readonly #liveIndicator = new LiveIndicator({\n    host: this,\n    dataAttrs: VolumeIndicatorDataAttrs,\n    render: renderVolumeIndicator,\n  });\n  readonly #options = { replayOnUpdate: false } satisfies InputIndicatorOptions;\n\n  protected get core() {\n    return this.#core;\n  }\n\n  protected get transition() {\n    return this.#transition;\n  }\n\n  protected get liveIndicator() {\n    return this.#liveIndicator;\n  }\n\n  protected override get options() {\n    return this.#options;\n  }\n\n  protected override syncCoreProps(): void {\n    this.#core.setProps({\n      closeDelay: this.closeDelay,\n      labels: createInputIndicatorLabels(this.#i18n.value),\n    });\n  }\n}\n\nfunction renderVolumeIndicator(element: HTMLElement, state: VolumeIndicatorCore.State): void {\n  const fill = element.querySelector<HTMLElement>('media-volume-indicator-fill');\n  const value = element.querySelector('media-volume-indicator-value');\n\n  if (state.fill) {\n    fill?.style.setProperty(VolumeIndicatorCSSVars.fill, state.fill);\n  } else {\n    fill?.style.removeProperty(VolumeIndicatorCSSVars.fill);\n  }\n\n  if (value) {\n    value.textContent = getVolumeIndicatorDisplayValue(state);\n  }\n}\n"],"mappings":";;;;;;;AAeA,IAAa,yBAAb,cAA4C,sBAAiD;;EACjE,KAAA,UAAA;;;EAEG,KAAA,aAAA,EAC3B,YAAY;GAAE,MAAM;GAAQ,WAAW;EAAc,EACvD;;CAIA,QAAiB,IAAI,eAAe,MAAM,WAAW;CACrD,QAAiB,IAAI,oBAAoB;CACzC,cAAuB,iBAAiB;CACxC,iBAA0B,IAAI,cAAc;EAC1C,MAAM;EACN,WAAW;EACX,QAAQ;CACV,CAAC;CACD,WAAoB,EAAE,gBAAgB,MAAM;CAE5C,IAAc,OAAO;EACnB,OAAO,KAAKC;CACd;CAEA,IAAc,aAAa;EACzB,OAAO,KAAKC;CACd;CAEA,IAAc,gBAAgB;EAC5B,OAAO,KAAKC;CACd;CAEA,IAAuB,UAAU;EAC/B,OAAO,KAAKC;CACd;CAEA,gBAAyC;EACvC,KAAKH,MAAM,SAAS;GAClB,YAAY,KAAK;GACjB,QAAQ,2BAA2B,KAAKD,MAAM,KAAK;EACrD,CAAC;CACH;AACF;AAEA,SAAS,sBAAsB,SAAsB,OAAwC;CAC3F,MAAM,OAAO,QAAQ,cAA2B,6BAA6B;CAC7E,MAAM,QAAQ,QAAQ,cAAc,8BAA8B;CAElE,IAAI,MAAM,MACR,MAAM,MAAM,YAAY,uBAAuB,MAAM,MAAM,IAAI;MAE/D,MAAM,MAAM,eAAe,uBAAuB,IAAI;CAGxD,IAAI,OACF,MAAM,cAAc,+BAA+B,KAAK;AAE5D"}

package/dist/dev/ui/volume-indicator/volume-indicator-fill-element.d.ts

@@ -1,8 +0,0 @@
-import { UIElement } from "../ui-element.js";
-//#region src/ui/volume-indicator/volume-indicator-fill-element.d.ts
-declare class VolumeIndicatorFillElement extends UIElement {
-  static readonly tagName = "media-volume-indicator-fill";
-}
-//#endregion
-export { VolumeIndicatorFillElement };
-//# sourceMappingURL=volume-indicator-fill-element.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"volume-indicator-fill-element.d.ts","names":[],"sources":["../../../../src/ui/volume-indicator/volume-indicator-fill-element.ts"],"mappings":";;cAEa,mCAAmC;kBAC9B"}

package/dist/dev/ui/volume-indicator/volume-indicator-fill-element.js

@@ -1,11 +0,0 @@
-import { UIElement } from "../ui-element.js";
-//#region src/ui/volume-indicator/volume-indicator-fill-element.ts
-var VolumeIndicatorFillElement = class extends UIElement {
-	static {
-		this.tagName = "media-volume-indicator-fill";
-	}
-};
-//#endregion
-export { VolumeIndicatorFillElement };
-
-//# sourceMappingURL=volume-indicator-fill-element.js.map

package/dist/dev/ui/volume-indicator/volume-indicator-fill-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"volume-indicator-fill-element.js","names":[],"sources":["../../../../src/ui/volume-indicator/volume-indicator-fill-element.ts"],"sourcesContent":["import { UIElement } from '../ui-element';\n\nexport class VolumeIndicatorFillElement extends UIElement {\n  static readonly tagName = 'media-volume-indicator-fill';\n}\n"],"mappings":";;AAEA,IAAa,6BAAb,cAAgD,UAAU;;EAC9B,KAAA,UAAA;;AAC5B"}

package/dist/dev/ui/volume-indicator/volume-indicator-value-element.d.ts

@@ -1,8 +0,0 @@
-import { UIElement } from "../ui-element.js";
-//#region src/ui/volume-indicator/volume-indicator-value-element.d.ts
-declare class VolumeIndicatorValueElement extends UIElement {
-  static readonly tagName = "media-volume-indicator-value";
-}
-//#endregion
-export { VolumeIndicatorValueElement };
-//# sourceMappingURL=volume-indicator-value-element.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"volume-indicator-value-element.d.ts","names":[],"sources":["../../../../src/ui/volume-indicator/volume-indicator-value-element.ts"],"mappings":";;cAEa,oCAAoC;kBAC/B"}

package/dist/dev/ui/volume-indicator/volume-indicator-value-element.js

@@ -1,11 +0,0 @@
-import { UIElement } from "../ui-element.js";
-//#region src/ui/volume-indicator/volume-indicator-value-element.ts
-var VolumeIndicatorValueElement = class extends UIElement {
-	static {
-		this.tagName = "media-volume-indicator-value";
-	}
-};
-//#endregion
-export { VolumeIndicatorValueElement };
-
-//# sourceMappingURL=volume-indicator-value-element.js.map

package/dist/dev/ui/volume-indicator/volume-indicator-value-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"volume-indicator-value-element.js","names":[],"sources":["../../../../src/ui/volume-indicator/volume-indicator-value-element.ts"],"sourcesContent":["import { UIElement } from '../ui-element';\n\nexport class VolumeIndicatorValueElement extends UIElement {\n  static readonly tagName = 'media-volume-indicator-value';\n}\n"],"mappings":";;AAEA,IAAa,8BAAb,cAAiD,UAAU;;EAC/B,KAAA,UAAA;;AAC5B"}

package/dist/dev/ui/volume-popover/volume-popover-element.d.ts

@@ -1,12 +0,0 @@
-import { PopoverElement } from "../popover/popover-element.js";
-import { PropertyValues } from "@videojs/element";
-//#region src/ui/volume-popover/volume-popover-element.d.ts
-/** A volume-aware popover that keeps its adjacent mute trigger available as a fallback. */
-declare class VolumePopoverElement extends PopoverElement {
-  #private;
-  static readonly tagName = "media-volume-popover";
-  protected update(changed: PropertyValues): void;
-}
-//#endregion
-export { VolumePopoverElement };
-//# sourceMappingURL=volume-popover-element.d.ts.map

package/dist/dev/ui/volume-popover/volume-popover-element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"volume-popover-element.d.ts","names":[],"sources":["../../../../src/ui/volume-popover/volume-popover-element.ts"],"mappings":";;;;cAmBa,6BAA6B;;kBACf;YAKN,OAAO,SAAS"}

package/dist/dev/ui/volume-popover/volume-popover-element.js

@@ -1,46 +0,0 @@
-import { playerContext } from "../../player/context.js";
-import { PlayerController } from "../../player/player-controller.js";
-import { PopoverElement } from "../popover/popover-element.js";
-import { VolumePopoverCore, VolumePopoverDataAttrs } from "@videojs/core";
-import { applyElementProps, applyStateDataAttrs, selectVolume } from "@videojs/core/dom";
-//#region src/ui/volume-popover/volume-popover-element.ts
-const unavailableVolume = {
-	volume: 0,
-	muted: false,
-	volumeAvailability: "unsupported",
-	mutedAvailability: "unsupported",
-	setVolume: () => 0,
-	toggleMuted: () => false
-};
-/** A volume-aware popover that keeps its adjacent mute trigger available as a fallback. */
-var VolumePopoverElement = class extends PopoverElement {
-	static {
-		this.tagName = "media-volume-popover";
-	}
-	#core = new VolumePopoverCore();
-	#volume = new PlayerController(this, playerContext, selectVolume);
-	update(changed) {
-		super.update(changed);
-		this.#core.setProps(this);
-		this.#core.setInput({
-			active: this.hasAttribute("data-open"),
-			status: this.hasAttribute("data-starting-style") ? "starting" : this.hasAttribute("data-ending-style") ? "ending" : "idle"
-		});
-		this.#core.setMedia(this.#volume.value ?? unavailableVolume);
-		const state = this.#core.getState();
-		applyStateDataAttrs(this, state, VolumePopoverDataAttrs);
-		this.hidden = state.hidden;
-		if (state.hidden) {
-			this.close();
-			if (this.triggerElement) applyElementProps(this.triggerElement, {
-				"aria-expanded": void 0,
-				"aria-haspopup": void 0,
-				"aria-controls": void 0
-			});
-		}
-	}
-};
-//#endregion
-export { VolumePopoverElement };
-
-//# sourceMappingURL=volume-popover-element.js.map

package/dist/dev/ui/volume-popover/volume-popover-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"volume-popover-element.js","names":["#core","#volume"],"sources":["../../../../src/ui/volume-popover/volume-popover-element.ts"],"sourcesContent":["import { VolumePopoverCore, VolumePopoverDataAttrs } from '@videojs/core';\nimport { applyElementProps, applyStateDataAttrs, selectVolume } from '@videojs/core/dom';\nimport type { PropertyValues } from '@videojs/element';\nimport type { MediaVolumeState } from '@videojs/media';\n\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { PopoverElement } from '../popover/popover-element';\n\nconst unavailableVolume: MediaVolumeState = {\n  volume: 0,\n  muted: false,\n  volumeAvailability: 'unsupported',\n  mutedAvailability: 'unsupported',\n  setVolume: () => 0,\n  toggleMuted: () => false,\n};\n\n/** A volume-aware popover that keeps its adjacent mute trigger available as a fallback. */\nexport class VolumePopoverElement extends PopoverElement {\n  static override readonly tagName = 'media-volume-popover';\n\n  readonly #core = new VolumePopoverCore();\n  readonly #volume = new PlayerController(this, playerContext, selectVolume);\n\n  protected override update(changed: PropertyValues): void {\n    super.update(changed);\n\n    this.#core.setProps(this);\n    this.#core.setInput({\n      active: this.hasAttribute('data-open'),\n      status: this.hasAttribute('data-starting-style')\n        ? 'starting'\n        : this.hasAttribute('data-ending-style')\n          ? 'ending'\n          : 'idle',\n    });\n    this.#core.setMedia(this.#volume.value ?? unavailableVolume);\n\n    const state = this.#core.getState();\n\n    applyStateDataAttrs(this, state, VolumePopoverDataAttrs);\n    this.hidden = state.hidden;\n\n    if (state.hidden) {\n      this.close();\n\n      if (this.triggerElement) {\n        applyElementProps(this.triggerElement, {\n          'aria-expanded': undefined,\n          'aria-haspopup': undefined,\n          'aria-controls': undefined,\n        });\n      }\n    }\n  }\n}\n"],"mappings":";;;;;;AASA,MAAM,oBAAsC;CAC1C,QAAQ;CACR,OAAO;CACP,oBAAoB;CACpB,mBAAmB;CACnB,iBAAiB;CACjB,mBAAmB;AACrB;;AAGA,IAAa,uBAAb,cAA0C,eAAe;;EACpB,KAAA,UAAA;;CAEnC,QAAiB,IAAI,kBAAkB;CACvC,UAAmB,IAAI,iBAAiB,MAAM,eAAe,YAAY;CAEzE,OAA0B,SAA+B;EACvD,MAAM,OAAO,OAAO;EAEpB,KAAKA,MAAM,SAAS,IAAI;EACxB,KAAKA,MAAM,SAAS;GAClB,QAAQ,KAAK,aAAa,WAAW;GACrC,QAAQ,KAAK,aAAa,qBAAqB,IAC3C,aACA,KAAK,aAAa,mBAAmB,IACnC,WACA;EACR,CAAC;EACD,KAAKA,MAAM,SAAS,KAAKC,QAAQ,SAAS,iBAAiB;EAE3D,MAAM,QAAQ,KAAKD,MAAM,SAAS;EAElC,oBAAoB,MAAM,OAAO,sBAAsB;EACvD,KAAK,SAAS,MAAM;EAEpB,IAAI,MAAM,QAAQ;GAChB,KAAK,MAAM;GAEX,IAAI,KAAK,gBACP,kBAAkB,KAAK,gBAAgB;IACrC,iBAAiB,KAAA;IACjB,iBAAiB,KAAA;IACjB,iBAAiB,KAAA;GACnB,CAAC;EAEL;CACF;AACF"}

package/dist/dev/ui/volume-slider/volume-slider-element.d.ts

@@ -1,53 +0,0 @@
-import { UIElement } from "../ui-element.js";
-import { PropertyValues } from "@videojs/element";
-import { Text } from "@videojs/core/i18n";
-//#region src/ui/volume-slider/volume-slider-element.d.ts
-/**
- * @fires drag-start - Fired when a pointer drag starts.
- * @fires drag-end - Fired when a pointer drag ends.
- */
-declare class VolumeSliderElement extends UIElement {
-  #private;
-  static readonly tagName = "media-volume-slider";
-  static properties: {
-    label: {
-      type: StringConstructor;
-    };
-    step: {
-      type: NumberConstructor;
-    };
-    largeStep: {
-      type: NumberConstructor;
-      attribute: string;
-    };
-    wheelStep: {
-      type: NumberConstructor;
-      attribute: string;
-    };
-    orientation: {
-      type: StringConstructor;
-    };
-    disabled: {
-      type: BooleanConstructor;
-    };
-    thumbAlignment: {
-      type: StringConstructor;
-      attribute: string;
-    };
-  };
-  label: Text | string;
-  step: number;
-  largeStep: number;
-  wheelStep: number;
-  orientation: "horizontal" | "vertical";
-  disabled: boolean;
-  thumbAlignment: "center" | "edge";
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  destroyCallback(): void;
-  protected willUpdate(_changed: PropertyValues): void;
-  protected update(_changed: PropertyValues): void;
-}
-//#endregion
-export { VolumeSliderElement };
-//# sourceMappingURL=volume-slider-element.d.ts.map

package/dist/dev/ui/volume-slider/volume-slider-element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"volume-slider-element.d.ts","names":[],"sources":["../../../../src/ui/volume-slider/volume-slider-element.ts"],"mappings":";;;;;;;;cA4Ba,4BAA4B;;kBACvB;SAEA;;MACL,MAAI;;;MACL,MAAI;;;MACC,MAAI;MAAU;;;MACd,MAAI;MAAU;;;MACZ,MAAI;;;MACP,MAAI;;;MACE,MAAI;MAAU;;;EAGlC,OAAO;EACP;EACA;EACA;EACA;EACA;EACA;EAYS;EA2DA;EAOA;YAWU,WAAW,UAAU;YAMrB,OAAO,UAAU"}

package/dist/dev/ui/volume-slider/volume-slider-element.js

@@ -1,167 +0,0 @@
-import { i18nContext } from "../../i18n/context.js";
-import { I18nController } from "../../i18n/controller.js";
-import { playerContext } from "../../player/context.js";
-import { PlayerController } from "../../player/player-controller.js";
-import { UIElement } from "../ui-element.js";
-import { sliderContext } from "../slider/context.js";
-import { VolumeSliderCore, VolumeSliderDataAttrs } from "@videojs/core";
-import { applyElementProps, applyStateDataAttrs, createSlider, createWheelStep, getSliderCSSVars, logMissingFeature, selectControls, selectVolume } from "@videojs/core/dom";
-import { ContextProvider } from "@videojs/element/context";
-import { translateText } from "@videojs/core/i18n";
-import { applyStyles } from "@videojs/utils/dom";
-//#region src/ui/volume-slider/volume-slider-element.ts
-/**
-* @fires drag-start - Fired when a pointer drag starts.
-* @fires drag-end - Fired when a pointer drag ends.
-*/
-var VolumeSliderElement = class extends UIElement {
-	constructor(..._args) {
-		super(..._args);
-		this.label = "";
-		this.step = VolumeSliderCore.defaultProps.step;
-		this.largeStep = VolumeSliderCore.defaultProps.largeStep;
-		this.wheelStep = VolumeSliderCore.defaultProps.wheelStep;
-		this.orientation = VolumeSliderCore.defaultProps.orientation;
-		this.disabled = VolumeSliderCore.defaultProps.disabled;
-		this.thumbAlignment = VolumeSliderCore.defaultProps.thumbAlignment;
-		this.#core = new VolumeSliderCore();
-		this.#controlsState = new PlayerController(this, playerContext, selectControls);
-		this.#provider = new ContextProvider(this, { context: sliderContext });
-		this.#volumeState = new PlayerController(this, playerContext, selectVolume);
-		this.#i18n = new I18nController(this, i18nContext);
-		this.#slider = null;
-		this.#disconnect = null;
-		this.#releaseControlsLock = null;
-	}
-	static {
-		this.tagName = "media-volume-slider";
-	}
-	static {
-		this.properties = {
-			label: { type: String },
-			step: { type: Number },
-			largeStep: {
-				type: Number,
-				attribute: "large-step"
-			},
-			wheelStep: {
-				type: Number,
-				attribute: "wheel-step"
-			},
-			orientation: { type: String },
-			disabled: { type: Boolean },
-			thumbAlignment: {
-				type: String,
-				attribute: "thumb-alignment"
-			}
-		};
-	}
-	#core;
-	#controlsState;
-	#provider;
-	#volumeState;
-	#i18n;
-	#slider;
-	#disconnect;
-	#releaseControlsLock;
-	connectedCallback() {
-		super.connectedCallback();
-		if (this.destroyed) return;
-		this.#disconnect = new AbortController();
-		const signal = this.#disconnect.signal;
-		const isDisabled = () => {
-			const volume = this.#volumeState.value;
-			return this.disabled || !volume || volume.volumeAvailability !== "available";
-		};
-		const getPercent = () => (this.#volumeState.value?.volume ?? 0) * 100;
-		const getStepPercent = () => this.#core.getStepPercent();
-		const setVolume = (percent) => this.#setVolume(percent);
-		this.#slider = createSlider({
-			getElement: () => this,
-			getThumbElement: () => this.querySelector("media-slider-thumb"),
-			getOrientation: () => this.orientation,
-			isDisabled,
-			getPercent,
-			getStepPercent,
-			getLargeStepPercent: () => this.#core.getLargeStepPercent(),
-			onValueChange: setVolume,
-			onValueCommit: setVolume,
-			onPressStart: () => {
-				this.#releaseControlsLock ??= this.#controlsState.value?.requestControlsLock() ?? null;
-			},
-			onPressEnd: () => this.#releaseControlsVisibilityLock(),
-			onDragStart: () => {
-				this.dispatchEvent(new CustomEvent("drag-start", { bubbles: true }));
-			},
-			onDragEnd: () => {
-				this.dispatchEvent(new CustomEvent("drag-end", { bubbles: true }));
-			},
-			adjustPercent: (raw, thumbSize, trackSize) => this.#core.adjustPercentForAlignment(raw, thumbSize, trackSize),
-			onResize: () => this.requestUpdate()
-		});
-		const wheelProps = createWheelStep({
-			isDisabled,
-			getPercent,
-			getStepPercent: () => this.#core.getWheelStepPercent(),
-			onValueChange: setVolume
-		});
-		applyElementProps(this, this.#slider.rootProps, { signal });
-		applyElementProps(this, wheelProps, { signal });
-		applyStyles(this, this.#slider.rootStyle);
-		this.#slider.input.subscribe(() => this.requestUpdate(), { signal });
-		if (!this.#volumeState.value) logMissingFeature(this.localName, this.#volumeState.displayName);
-	}
-	disconnectedCallback() {
-		this.#releaseControlsVisibilityLock();
-		super.disconnectedCallback();
-		this.#disconnect?.abort();
-		this.#disconnect = null;
-	}
-	destroyCallback() {
-		this.#releaseControlsVisibilityLock();
-		this.#slider?.destroy();
-		super.destroyCallback();
-	}
-	#releaseControlsVisibilityLock() {
-		this.#releaseControlsLock?.();
-		this.#releaseControlsLock = null;
-	}
-	willUpdate(_changed) {
-		super.willUpdate(_changed);
-		this.#core.setProps(this);
-		this.#core.setFormatLocale(this.#i18n.locale);
-	}
-	update(_changed) {
-		super.update(_changed);
-		if (!this.#slider) return;
-		const media = this.#volumeState.value;
-		if (!media) return;
-		this.#core.setInput(this.#slider.input.current);
-		this.#core.setMedia(media);
-		const state = this.#core.getState();
-		const cssVars = getSliderCSSVars(this.#slider.adjustForAlignment(state));
-		const thumbAttrs = this.#core.getAttrs(state);
-		applyStyles(this, cssVars);
-		applyStateDataAttrs(this, state, VolumeSliderDataAttrs);
-		applyElementProps(this, { hidden: state.hidden ? "" : void 0 });
-		this.#provider.setValue({
-			state,
-			stateAttrMap: VolumeSliderDataAttrs,
-			pointerValue: this.#core.valueFromPercent(state.pointerPercent),
-			thumbAttrs: {
-				...thumbAttrs,
-				"aria-label": translateText(thumbAttrs["aria-label"], this.#i18n.value),
-				"aria-valuetext": translateText(thumbAttrs["aria-valuetext"], this.#i18n.value, this.#core.getValueTextParams(state))
-			},
-			thumbProps: this.#slider.thumbProps,
-			formatValue: (value) => `${Math.round(value)}%`
-		});
-	}
-	#setVolume(percent) {
-		this.#volumeState.value?.setVolume(this.#core.valueFromPercent(percent) / 100);
-	}
-};
-//#endregion
-export { VolumeSliderElement };
-
-//# sourceMappingURL=volume-slider-element.js.map

package/dist/dev/ui/volume-slider/volume-slider-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"volume-slider-element.js","names":["#core","#controlsState","#provider","#volumeState","#i18n","#disconnect","#setVolume","#slider","#releaseControlsLock","#releaseControlsVisibilityLock"],"sources":["../../../../src/ui/volume-slider/volume-slider-element.ts"],"sourcesContent":["import { VolumeSliderCore, VolumeSliderDataAttrs } from '@videojs/core';\nimport {\n  applyElementProps,\n  applyStateDataAttrs,\n  createSlider,\n  createWheelStep,\n  getSliderCSSVars,\n  logMissingFeature,\n  type SliderApi,\n  selectControls,\n  selectVolume,\n} from '@videojs/core/dom';\nimport { type Text, translateText } from '@videojs/core/i18n';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { ContextProvider } from '@videojs/element/context';\nimport { applyStyles } from '@videojs/utils/dom';\n\nimport { i18nContext } from '../../i18n/context';\nimport { I18nController } from '../../i18n/controller';\nimport { playerContext } from '../../player/context';\nimport { PlayerController } from '../../player/player-controller';\nimport { sliderContext } from '../slider/context';\nimport { UIElement } from '../ui-element';\n\n/**\n * @fires drag-start - Fired when a pointer drag starts.\n * @fires drag-end - Fired when a pointer drag ends.\n */\nexport class VolumeSliderElement extends UIElement {\n  static readonly tagName = 'media-volume-slider';\n\n  static override properties = {\n    label: { type: String },\n    step: { type: Number },\n    largeStep: { type: Number, attribute: 'large-step' },\n    wheelStep: { type: Number, attribute: 'wheel-step' },\n    orientation: { type: String },\n    disabled: { type: Boolean },\n    thumbAlignment: { type: String, attribute: 'thumb-alignment' },\n  } satisfies PropertyDeclarationMap<Exclude<keyof VolumeSliderCore.Props, 'value' | 'min' | 'max'>>;\n\n  label: Text | string = '';\n  step = VolumeSliderCore.defaultProps.step;\n  largeStep = VolumeSliderCore.defaultProps.largeStep;\n  wheelStep = VolumeSliderCore.defaultProps.wheelStep;\n  orientation = VolumeSliderCore.defaultProps.orientation;\n  disabled = VolumeSliderCore.defaultProps.disabled;\n  thumbAlignment = VolumeSliderCore.defaultProps.thumbAlignment;\n\n  readonly #core = new VolumeSliderCore();\n  readonly #controlsState = new PlayerController(this, playerContext, selectControls);\n  readonly #provider = new ContextProvider(this, { context: sliderContext });\n  readonly #volumeState = new PlayerController(this, playerContext, selectVolume);\n  readonly #i18n = new I18nController(this, i18nContext);\n\n  #slider: SliderApi | null = null;\n  #disconnect: AbortController | null = null;\n  #releaseControlsLock: (() => void) | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    if (this.destroyed) return;\n\n    this.#disconnect = new AbortController();\n    const signal = this.#disconnect.signal;\n\n    const isDisabled = () => {\n      const volume = this.#volumeState.value;\n\n      return this.disabled || !volume || volume.volumeAvailability !== 'available';\n    };\n\n    const getPercent = () => (this.#volumeState.value?.volume ?? 0) * 100;\n    const getStepPercent = () => this.#core.getStepPercent();\n    const setVolume = (percent: number) => this.#setVolume(percent);\n\n    this.#slider = createSlider({\n      getElement: () => this,\n      getThumbElement: () => this.querySelector<HTMLElement>('media-slider-thumb'),\n      getOrientation: () => this.orientation,\n      isDisabled,\n      getPercent,\n      getStepPercent,\n      getLargeStepPercent: () => this.#core.getLargeStepPercent(),\n      onValueChange: setVolume,\n      onValueCommit: setVolume,\n      onPressStart: () => {\n        this.#releaseControlsLock ??= this.#controlsState.value?.requestControlsLock() ?? null;\n      },\n      onPressEnd: () => this.#releaseControlsVisibilityLock(),\n      onDragStart: () => {\n        this.dispatchEvent(new CustomEvent('drag-start', { bubbles: true }));\n      },\n      onDragEnd: () => {\n        this.dispatchEvent(new CustomEvent('drag-end', { bubbles: true }));\n      },\n      adjustPercent: (raw, thumbSize, trackSize) => this.#core.adjustPercentForAlignment(raw, thumbSize, trackSize),\n      onResize: () => this.requestUpdate(),\n    });\n\n    const wheelProps = createWheelStep({\n      isDisabled,\n      getPercent,\n      getStepPercent: () => this.#core.getWheelStepPercent(),\n      onValueChange: setVolume,\n    });\n\n    applyElementProps(this, this.#slider.rootProps, { signal });\n    applyElementProps(this, wheelProps, { signal });\n    applyStyles(this, this.#slider.rootStyle);\n    this.#slider.input.subscribe(() => this.requestUpdate(), { signal });\n\n    if (__DEV__ && !this.#volumeState.value) {\n      logMissingFeature(this.localName, this.#volumeState.displayName!);\n    }\n  }\n\n  override disconnectedCallback(): void {\n    this.#releaseControlsVisibilityLock();\n    super.disconnectedCallback();\n    this.#disconnect?.abort();\n    this.#disconnect = null;\n  }\n\n  override destroyCallback(): void {\n    this.#releaseControlsVisibilityLock();\n    this.#slider?.destroy();\n    super.destroyCallback();\n  }\n\n  #releaseControlsVisibilityLock(): void {\n    this.#releaseControlsLock?.();\n    this.#releaseControlsLock = null;\n  }\n\n  protected override willUpdate(_changed: PropertyValues): void {\n    super.willUpdate(_changed);\n    this.#core.setProps(this);\n    this.#core.setFormatLocale(this.#i18n.locale);\n  }\n\n  protected override update(_changed: PropertyValues): void {\n    super.update(_changed);\n\n    if (!this.#slider) return;\n\n    const media = this.#volumeState.value;\n    if (!media) return;\n\n    this.#core.setInput(this.#slider.input.current);\n    this.#core.setMedia(media);\n    const state = this.#core.getState();\n\n    const cssVars = getSliderCSSVars(this.#slider.adjustForAlignment(state));\n    const thumbAttrs = this.#core.getAttrs(state);\n\n    applyStyles(this, cssVars);\n\n    // Apply data attributes to root.\n    applyStateDataAttrs(this, state, VolumeSliderDataAttrs);\n    applyElementProps(this, { hidden: state.hidden ? '' : undefined });\n\n    // Provide context to child elements.\n    this.#provider.setValue({\n      state,\n      stateAttrMap: VolumeSliderDataAttrs,\n      pointerValue: this.#core.valueFromPercent(state.pointerPercent),\n      thumbAttrs: {\n        ...thumbAttrs,\n        'aria-label': translateText(thumbAttrs['aria-label'], this.#i18n.value),\n        'aria-valuetext': translateText(\n          thumbAttrs['aria-valuetext'],\n          this.#i18n.value,\n          this.#core.getValueTextParams(state)\n        ),\n      },\n      thumbProps: this.#slider.thumbProps,\n      formatValue: (value) => `${Math.round(value)}%`,\n    });\n  }\n\n  #setVolume(percent: number): void {\n    const media = this.#volumeState.value;\n\n    media?.setVolume(this.#core.valueFromPercent(percent) / 100);\n  }\n}\n"],"mappings":"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"}