@videojs/html 10.0.0-beta.13 → 10.0.0-beta.15

package/cdn/{volume-slider-Dz_ND_4U.js → volume-slider-Co5X4Z1t.js}

@@ -1,6 +1,15 @@
-import { C as getAnchorPositionStyle, D as createButton, E as createPopover, F as selectPlaybackRate, G as supportsAnchorPositioning, H as applyStyles, I as selectTextTrack, J as isNumber, K as createState, L as selectTime, O as createAlertDialog, P as selectPlayback, R as selectVolume, S as getAnchorNameStyle, T as resolveOffsets, U as tryHidePopover, W as tryShowPopover, Y as isUndefined, _ as getSliderPreviewStyle, a as MediaElement, b as clamp, c as ContextConsumer, d as applyElementProps, f as createTransition, g as getSliderCSSVars, h as ThumbnailCore, i as MediaContainerElement, j as selectError, k as selectBuffer, l as applyStateDataAttrs, m as createThumbnail, n as PlayerController, p as createTooltip, q as isFunction, r as SnapshotController, s as ContextProvider, u as logMissingFeature, v as getTimeSliderCSSVars, w as getPopupPositionRect, x as roundToStep, y as createSlider } from "./create-player-C2h3JeGl.js";
-import { a as createContext, i as playerContext, t as safeDefine } from "./safe-define-Bw8JF08z.js";
+import { C as getAnchorPositionStyle, D as createButton, E as createPopover, F as selectPlaybackRate, G as isUndefined, H as createState, I as selectTextTrack, J as tryHidePopover, L as selectTime, O as createAlertDialog, P as selectPlayback, R as selectVolume, S as getAnchorNameStyle, T as resolveOffsets, U as isFunction, W as isNumber, X as supportsAnchorPositioning, Y as tryShowPopover, _ as getSliderPreviewStyle, a as MediaElement, b as clamp, c as applyStateDataAttrs, d as createWheelStep, f as createTransition, g as getSliderCSSVars, h as ThumbnailCore, j as selectError, k as selectBuffer, l as logMissingFeature, m as createThumbnail, n as PlayerController, o as ContextProvider, p as createTooltip, q as applyStyles, r as SnapshotController, s as ContextConsumer, u as applyElementProps, v as getTimeSliderCSSVars, w as getPopupPositionRect, x as roundToStep, y as createSlider } from "./create-player-p9xCO0yC.js";
+import { i as createContext, r as playerContext, s as safeDefine } from "./context-BjrbhiSk.js";
 
+//#region ../utils/dist/dom/direction.js
+/** Check whether an element's text direction is right-to-left. */
+function isRTL(element) {
+	const dir = element.closest("[dir]")?.getAttribute("dir");
+	if (dir) return dir.toLowerCase() === "rtl";
+	return getComputedStyle(element).direction === "rtl";
+}
+
+//#endregion
 //#region ../utils/dist/object/defaults.js
 /**
 * Creates a new object with default values filled in for undefined properties.
@@ -18,94 +27,6 @@ function defaults(object, defaultValues) {
 	return result;
 }
 
-//#endregion
-//#region ../utils/dist/dom/direction.js
-/** Check whether an element's text direction is right-to-left. */
-function isRTL(element) {
-	const dir = element.closest("[dir]")?.getAttribute("dir");
-	if (dir) return dir.toLowerCase() === "rtl";
-	return getComputedStyle(element).direction === "rtl";
-}
-
-//#endregion
-//#region inline-css:src/define/base.js
-var base_default = "video-player {\n  display: contents;\n}\n\n/*\nRequired to override any default video and image styles (such as\nTailwind's CSS reset) and ensure they fill the container as expected.\n*/\nvideo-player video,\nvideo-player [slot=\"poster\"] {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\nvideo-player video::-webkit-media-text-track-container {\n  transition: translate var(--media-caption-track-duration, 0) ease-out;\n  transition-delay: var(--media-caption-track-delay, 0);\n  translate: 0 var(--media-caption-track-y, 0);\n  scale: 0.98;\n  z-index: 1;\n  font-family: inherit;\n}\n";
-
-//#endregion
-//#region inline-css:src/define/shared.js
-var shared_default = "media-tooltip-group {\n  display: contents;\n}\n\n/* Fixes a weird issue with Safari when setting aspect-ratio */\n:host {\n  display: grid;\n}\n\n/* Hide volume popover when volume control is unsupported (e.g., iOS Safari). */\n.media-popover--volume:has(media-volume-slider[data-availability=\"unsupported\"]) {\n  display: none;\n}\n";
-
-//#endregion
-//#region src/define/skin-mixin.ts
-const STYLES_ID = "__media-styles";
-function ensureRootStyles() {
-	const doc = globalThis.document;
-	if (!doc || doc.getElementById(STYLES_ID)) return;
-	const style = doc.createElement("style");
-	style.id = STYLES_ID;
-	style.textContent = base_default;
-	doc.head.appendChild(style);
-}
-function isConstructableStyleSheet(value) {
-	return typeof globalThis.CSSStyleSheet !== "undefined" && value instanceof globalThis.CSSStyleSheet;
-}
-function getStyleText(style) {
-	if (typeof style === "string") return style;
-	return Array.from(style.cssRules).map((rule) => rule.cssText).join("\n");
-}
-function applyShadowStyles(shadowRoot, styles) {
-	if (styles.every(isConstructableStyleSheet) && "adoptedStyleSheets" in shadowRoot) {
-		shadowRoot.adoptedStyleSheets = styles;
-		return;
-	}
-	const doc = shadowRoot.ownerDocument;
-	for (const styleText of styles.map(getStyleText)) {
-		const style = doc.createElement("style");
-		style.textContent = styleText;
-		shadowRoot.appendChild(style);
-	}
-}
-const sharedSheet = createStyles(shared_default);
-/**
-* Mixin for skin elements that renders the template from a static
-* `getTemplateHTML` method into a shadow root. Native `<slot>` elements
-* handle light DOM projection automatically.
-*
-* When `static styles` is set, the stylesheet is adopted into the
-* shadow root via `adoptedStyleSheets`.
-*/
-function SkinMixin(BaseClass) {
-	class SkinElement extends BaseClass {
-		static {
-			this.shadowRootOptions = { mode: "open" };
-		}
-		constructor(...args) {
-			super(...args);
-			ensureRootStyles();
-			if (!this.shadowRoot) {
-				const ctor = this.constructor;
-				this.attachShadow(ctor.shadowRootOptions);
-				if (ctor.getTemplateHTML) this.shadowRoot.innerHTML = ctor.getTemplateHTML();
-				const sheets = [sharedSheet];
-				if (ctor.styles) sheets.push(ctor.styles);
-				applyShadowStyles(this.shadowRoot, sheets);
-			}
-		}
-	}
-	return SkinElement;
-}
-/** Create a constructable stylesheet when available, otherwise return raw CSS. */
-function createStyles(css) {
-	if (typeof globalThis.CSSStyleSheet === "undefined") return css;
-	const sheet = new globalThis.CSSStyleSheet();
-	sheet.replaceSync(css);
-	return sheet;
-}
-
-//#endregion
-//#region src/define/media/container.ts
-safeDefine(MediaContainerElement);
-
 //#endregion
 //#region ../core/dist/dev/core/ui/transition.js
 function getTransitionFlags(status) {
@@ -207,6 +128,11 @@ var CaptionsButtonCore = class CaptionsButtonCore {
 		label: "",
 		disabled: false
 	};
+	state = createState({
+		subtitlesShowing: false,
+		availability: "unavailable",
+		label: ""
+	});
 	#props = { ...CaptionsButtonCore.defaultProps };
 	#media = null;
 	constructor(props) {
@@ -234,10 +160,13 @@ var CaptionsButtonCore = class CaptionsButtonCore {
 	}
 	getState() {
 		const media = this.#media;
-		return {
+		const availability = media.textTrackList.some((t) => t.kind === "captions" || t.kind === "subtitles") ? "available" : "unavailable";
+		this.state.patch({
 			subtitlesShowing: media.subtitlesShowing,
-			availability: media.textTrackList.some((t) => t.kind === "captions" || t.kind === "subtitles") ? "available" : "unavailable"
-		};
+			availability
+		});
+		this.state.patch({ label: this.getLabel(this.state.current) });
+		return this.state.current;
 	}
 	toggle(media) {
 		if (this.#props.disabled) return;
@@ -289,6 +218,11 @@ var FullscreenButtonCore = class FullscreenButtonCore {
 		label: "",
 		disabled: false
 	};
+	state = createState({
+		fullscreen: false,
+		availability: "available",
+		label: ""
+	});
 	#props = { ...FullscreenButtonCore.defaultProps };
 	#media = null;
 	constructor(props) {
@@ -316,10 +250,12 @@ var FullscreenButtonCore = class FullscreenButtonCore {
 	}
 	getState() {
 		const media = this.#media;
-		return {
+		this.state.patch({
 			fullscreen: media.fullscreen,
 			availability: media.fullscreenAvailability
-		};
+		});
+		this.state.patch({ label: this.getLabel(this.state.current) });
+		return this.state.current;
 	}
 	async toggle(media) {
 		if (this.#props.disabled) return;
@@ -345,6 +281,11 @@ var MuteButtonCore = class MuteButtonCore {
 		label: "",
 		disabled: false
 	};
+	state = createState({
+		muted: false,
+		volumeLevel: "off",
+		label: ""
+	});
 	#props = { ...MuteButtonCore.defaultProps };
 	#media = null;
 	constructor(props) {
@@ -372,10 +313,12 @@ var MuteButtonCore = class MuteButtonCore {
 	}
 	getState() {
 		const media = this.#media;
-		return {
+		this.state.patch({
 			muted: media.muted || media.volume === 0,
 			volumeLevel: getVolumeLevel(media)
-		};
+		});
+		this.state.patch({ label: this.getLabel(this.state.current) });
+		return this.state.current;
 	}
 	toggle(media) {
 		if (this.#props.disabled) return;
@@ -403,6 +346,11 @@ var PiPButtonCore = class PiPButtonCore {
 		label: "",
 		disabled: false
 	};
+	state = createState({
+		pip: false,
+		availability: "available",
+		label: ""
+	});
 	#props = { ...PiPButtonCore.defaultProps };
 	#media = null;
 	constructor(props) {
@@ -430,10 +378,12 @@ var PiPButtonCore = class PiPButtonCore {
 	}
 	getState() {
 		const media = this.#media;
-		return {
+		this.state.patch({
 			pip: media.pip,
 			availability: media.pipAvailability
-		};
+		});
+		this.state.patch({ label: this.getLabel(this.state.current) });
+		return this.state.current;
 	}
 	async toggle(media) {
 		if (this.#props.disabled) return;
@@ -459,6 +409,12 @@ var PlayButtonCore = class PlayButtonCore {
 		label: "",
 		disabled: false
 	};
+	state = createState({
+		paused: true,
+		ended: false,
+		started: false,
+		label: ""
+	});
 	#props = { ...PlayButtonCore.defaultProps };
 	#media = null;
 	constructor(props) {
@@ -487,11 +443,13 @@ var PlayButtonCore = class PlayButtonCore {
 	}
 	getState() {
 		const media = this.#media;
-		return {
+		this.state.patch({
 			paused: media.paused,
 			ended: media.ended,
 			started: media.started
-		};
+		});
+		this.state.patch({ label: this.getLabel(this.state.current) });
+		return this.state.current;
 	}
 	async toggle(media) {
 		if (this.#props.disabled) return;
@@ -515,6 +473,10 @@ var PlaybackRateButtonCore = class PlaybackRateButtonCore {
 		label: "",
 		disabled: false
 	};
+	state = createState({
+		rate: 1,
+		label: ""
+	});
 	#props = { ...PlaybackRateButtonCore.defaultProps };
 	#media = null;
 	constructor(props) {
@@ -541,7 +503,10 @@ var PlaybackRateButtonCore = class PlaybackRateButtonCore {
 		this.#media = media;
 	}
 	getState() {
-		return { rate: this.#media.playbackRate };
+		const media = this.#media;
+		this.state.patch({ rate: media.playbackRate });
+		this.state.patch({ label: this.getLabel(this.state.current) });
+		return this.state.current;
 	}
 	cycle(media) {
 		if (this.#props.disabled) return;
@@ -644,6 +609,11 @@ var SeekButtonCore = class SeekButtonCore {
 		label: "",
 		disabled: false
 	};
+	state = createState({
+		seeking: false,
+		direction: "forward",
+		label: ""
+	});
 	#props = { ...SeekButtonCore.defaultProps };
 	#media = null;
 	constructor(props) {
@@ -671,10 +641,14 @@ var SeekButtonCore = class SeekButtonCore {
 		this.#media = media;
 	}
 	getState() {
-		return {
-			seeking: this.#media.seeking,
-			direction: this.#props.seconds < 0 ? "backward" : "forward"
-		};
+		const media = this.#media;
+		const direction = this.#props.seconds < 0 ? "backward" : "forward";
+		this.state.patch({
+			seeking: media.seeking,
+			direction
+		});
+		this.state.patch({ label: this.getLabel(this.state.current) });
+		return this.state.current;
 	}
 	async seek(media) {
 		if (this.#props.disabled) return;
@@ -1148,13 +1122,10 @@ var TooltipCore = class TooltipCore {
 			...getTransitionFlags(input.status)
 		};
 	}
-	getTriggerAttrs(state, popupId) {
-		return { "aria-describedby": state.open ? popupId : void 0 };
-	}
 	getPopupAttrs(_state) {
 		return {
 			popover: "manual",
-			role: "tooltip"
+			role: "presentation"
 		};
 	}
 };
@@ -1222,7 +1193,8 @@ var TooltipGroupCore = class TooltipGroupCore {
 var VolumeSliderCore = class VolumeSliderCore extends SliderCore {
 	static defaultProps = {
 		...SliderCore.defaultProps,
-		label: "Volume"
+		label: "Volume",
+		wheelStep: 5
 	};
 	#media = null;
 	constructor(props) {
@@ -1251,6 +1223,12 @@ var VolumeSliderCore = class VolumeSliderCore extends SliderCore {
 			availability: media.volumeAvailability
 		};
 	}
+	/** Wheel step as a percentage of the slider range. */
+	getWheelStepPercent() {
+		const props = this.props;
+		const range = props.max - props.min;
+		return range > 0 ? props.wheelStep / range * 100 : 0;
+	}
 	getLabel(state) {
 		return super.getLabel(state) || "Volume";
 	}
@@ -1286,6 +1264,9 @@ var MediaButtonElement = class extends MediaElement {
 			disabled: { type: Boolean }
 		};
 	}
+	get $state() {
+		return this.core.state;
+	}
 	#disconnect = null;
 	connectedCallback() {
 		super.connectedCallback();
@@ -1302,6 +1283,10 @@ var MediaButtonElement = class extends MediaElement {
 		this.#disconnect?.abort();
 		this.#disconnect = null;
 	}
+	/** Returns the button's current label derived from media state. */
+	getLabel() {
+		return this.core.state.current.label || void 0;
+	}
 	willUpdate(changed) {
 		super.willUpdate(changed);
 		this.core.setProps?.(this);
@@ -1317,6 +1302,29 @@ var MediaButtonElement = class extends MediaElement {
 	}
 };
 
+//#endregion
+//#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
 //#region src/ui/alert-dialog/context.ts
 const ALERT_DIALOG_CONTEXT_KEY = Symbol("@videojs/alert-dialog");
@@ -1361,29 +1369,6 @@ var AlertDialogCloseElement = class extends MediaElement {
 	}
 };
 
-//#endregion
-//#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
 //#region src/ui/alert-dialog/alert-dialog-description-element.ts
 var AlertDialogDescriptionElement = class extends ContextPartElement {
@@ -1806,6 +1791,12 @@ safeDefine(SeekButtonElement);
 //#endregion
 //#region src/ui/time/time-element.ts
 var TimeElement = class extends MediaElement {
+	constructor(..._args) {
+		super(..._args);
+		this.type = TimeCore.defaultProps.type;
+		this.negativeSign = TimeCore.defaultProps.negativeSign;
+		this.label = TimeCore.defaultProps.label;
+	}
 	static {
 		this.tagName = "media-time";
 	}
@@ -1823,18 +1814,14 @@ var TimeElement = class extends MediaElement {
 	#state = new PlayerController(this, playerContext, selectTime);
 	#signSpan = document.createElement("span");
 	#textNode = document.createTextNode("");
-	constructor() {
-		super();
-		this.type = TimeCore.defaultProps.type;
-		this.negativeSign = TimeCore.defaultProps.negativeSign;
-		this.label = TimeCore.defaultProps.label;
-		this.#signSpan.setAttribute("aria-hidden", "true");
-		this.#signSpan.hidden = true;
-		this.appendChild(this.#signSpan);
-		this.appendChild(this.#textNode);
-	}
 	connectedCallback() {
 		super.connectedCallback();
+		if (!this.#signSpan.parentNode) {
+			this.#signSpan.setAttribute("aria-hidden", "true");
+			this.#signSpan.hidden = true;
+			this.appendChild(this.#signSpan);
+			this.appendChild(this.#textNode);
+		}
 		if (!this.#state.value) logMissingFeature(this.localName, this.#state.displayName);
 	}
 	willUpdate(changed) {
@@ -2330,6 +2317,9 @@ const tooltipGroupContext = createContext(TOOLTIP_GROUP_CONTEXT_KEY);
 
 //#endregion
 //#region src/ui/tooltip/tooltip-element.ts
+function isLabelTrigger(el) {
+	return "$state" in el;
+}
 var TooltipElement = class extends MediaElement {
 	constructor(..._args) {
 		super(..._args);
@@ -2434,10 +2424,7 @@ var TooltipElement = class extends MediaElement {
 		applyStateDataAttrs(this, state, TooltipDataAttrs);
 		if (state.open) tryShowPopover(this);
 		else tryHidePopover(this);
-		if (this.#currentTrigger) {
-			applyElementProps(this.#currentTrigger, this.#core.getTriggerAttrs(state, this.id));
-			applyStyles(this.#currentTrigger, getAnchorNameStyle(this.id));
-		}
+		if (this.#currentTrigger) applyStyles(this.#currentTrigger, getAnchorNameStyle(this.id));
 		if (!state.open) {
 			this.#cleanupPositioning();
 			return;
@@ -2469,13 +2456,17 @@ var TooltipElement = class extends MediaElement {
 		if (triggerEl && this.#tooltip) {
 			this.#triggerAbort = new AbortController();
 			applyElementProps(triggerEl, this.#tooltip.triggerProps, { signal: this.#triggerAbort.signal });
+			if (isLabelTrigger(triggerEl)) {
+				this.#syncContent(triggerEl);
+				triggerEl.$state.subscribe(() => this.#syncContent(triggerEl), { signal: this.#triggerAbort.signal });
+			}
 		}
 	}
+	#syncContent(triggerEl) {
+		this.textContent = triggerEl.getLabel() ?? "";
+	}
 	#cleanupTrigger() {
-		if (this.#currentTrigger) {
-			applyElementProps(this.#currentTrigger, { "aria-describedby": void 0 });
-			this.#currentTrigger.style.removeProperty("anchor-name");
-		}
+		if (this.#currentTrigger) this.#currentTrigger.style.removeProperty("anchor-name");
 		this.#triggerAbort?.abort();
 		this.#triggerAbort = null;
 		this.#currentTrigger = null;
@@ -2572,6 +2563,7 @@ var VolumeSliderElement = class extends MediaElement {
 		this.label = VolumeSliderCore.defaultProps.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;
@@ -2587,6 +2579,10 @@ var VolumeSliderElement = class extends MediaElement {
 				type: Number,
 				attribute: "large-step"
 			},
+			wheelStep: {
+				type: Number,
+				attribute: "wheel-step"
+			},
 			orientation: { type: String },
 			disabled: { type: Boolean },
 			thumbAlignment: {
@@ -2605,25 +2601,21 @@ var VolumeSliderElement = class extends MediaElement {
 		if (this.destroyed) return;
 		this.#disconnect = new AbortController();
 		const signal = this.#disconnect.signal;
+		const isDisabled = () => this.disabled || !this.#volumeState.value;
+		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,
 			isRTL: () => isRTL(this),
-			isDisabled: () => this.disabled || !this.#volumeState.value,
-			getPercent: () => {
-				const media = this.#volumeState.value;
-				if (!media) return 0;
-				return media.volume * 100;
-			},
-			getStepPercent: () => this.#core.getStepPercent(),
+			isDisabled,
+			getPercent,
+			getStepPercent,
 			getLargeStepPercent: () => this.#core.getLargeStepPercent(),
-			onValueChange: (percent) => {
-				this.#setVolume(percent);
-			},
-			onValueCommit: (percent) => {
-				this.#setVolume(percent);
-			},
+			onValueChange: setVolume,
+			onValueCommit: setVolume,
 			onDragStart: () => {
 				this.dispatchEvent(new CustomEvent("drag-start", { bubbles: true }));
 			},
@@ -2633,7 +2625,14 @@ var VolumeSliderElement = class extends MediaElement {
 			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);
@@ -2686,5 +2685,5 @@ safeDefine(SliderTrackElement);
 safeDefine(SliderValueElement);
 
 //#endregion
-export { PiPButtonDataAttrs as a, FullscreenButtonCore as c, CaptionsButtonDataAttrs as d, CaptionsButtonCore as f, createStyles as g, SkinMixin as h, PosterCore as i, ControlsDataAttrs as l, BufferingIndicatorCore as m, MediaButtonElement as n, PiPButtonCore as o, BufferingIndicatorDataAttrs as p, PosterDataAttrs as r, FullscreenButtonDataAttrs as s, ContextPartElement as t, ControlsCore as u };
-//# sourceMappingURL=volume-slider-Dz_ND_4U.js.map
+export { PiPButtonDataAttrs as a, FullscreenButtonCore as c, CaptionsButtonDataAttrs as d, CaptionsButtonCore as f, PosterCore as i, ControlsDataAttrs as l, BufferingIndicatorCore as m, MediaButtonElement as n, PiPButtonCore as o, BufferingIndicatorDataAttrs as p, PosterDataAttrs as r, FullscreenButtonDataAttrs as s, ContextPartElement as t, ControlsCore as u };
+//# sourceMappingURL=volume-slider-Co5X4Z1t.js.map