@videojs/html 0.1.0-preview.9 → 10.0.0-alpha.3

package/dist/tooltip-B-glki2f.js

@@ -1,171 +0,0 @@
-import { getBoundingClientRectWithoutTransform, getDocumentOrShadowRoot, getInBoundsAdjustments } from "@videojs/utils/dom";
-
-//#region src/elements/tooltip.ts
-var TooltipElement = class extends HTMLElement {
-	static get observedAttributes() {
-		return [
-			"id",
-			"delay",
-			"close-delay",
-			"track-cursor-axis",
-			"side",
-			"side-offset",
-			"collision-padding"
-		];
-	}
-	#open = false;
-	#hoverTimeout = null;
-	#pointerPosition = {
-		x: 0,
-		y: 0
-	};
-	#transitionStatus = "initial";
-	#abortController = null;
-	constructor() {
-		super();
-		new ResizeObserver(() => this.#checkCollision()).observe(this);
-	}
-	attributeChangedCallback(name, _oldValue, newValue) {
-		if (name === "id") this.style.setProperty("position-anchor", `--${newValue}`);
-		const [side, alignment] = this.side.split("-");
-		this.style.setProperty("top", `calc(anchor(${side}) - ${this.sideOffset}px)`);
-		if (this.trackCursorAxis) this.style.setProperty("translate", `-50% -100%`);
-		else {
-			this.style.setProperty("translate", `0 -100%`);
-			this.style.setProperty("justify-self", alignment === "start" ? "anchor-start" : alignment === "end" ? "anchor-end" : "anchor-center");
-		}
-	}
-	connectedCallback() {
-		this.setAttribute("role", "tooltip");
-		this.#abortController ??= new AbortController();
-		const { signal } = this.#abortController;
-		const trigger = this.#triggerElement;
-		if (trigger) {
-			if (globalThis.matchMedia?.("(hover: hover)")?.matches) {
-				trigger.addEventListener("pointerenter", this, { signal });
-				trigger.addEventListener("pointerleave", this, { signal });
-				trigger.addEventListener("pointermove", this, { signal });
-			}
-		}
-		this.#updateVisibility();
-	}
-	disconnectedCallback() {
-		this.#clearHoverTimeout();
-		this.#abortController?.abort();
-		this.#abortController = null;
-		this.#transitionStatus = "unmounted";
-		this.#updateVisibility();
-	}
-	handleEvent(event) {
-		switch (event.type) {
-			case "pointerenter":
-				this.#handlePointerEnter();
-				break;
-			case "pointerleave":
-				this.#handlePointerLeave(event);
-				break;
-			case "pointermove":
-				this.#handlePointerMove(event);
-				break;
-			default: break;
-		}
-	}
-	get delay() {
-		return Number.parseInt(this.getAttribute("delay") ?? "0", 10);
-	}
-	get closeDelay() {
-		return Number.parseInt(this.getAttribute("close-delay") ?? "0", 10);
-	}
-	get trackCursorAxis() {
-		const value = this.getAttribute("track-cursor-axis");
-		return value === "x" || value === "y" || value === "both" ? value : void 0;
-	}
-	get side() {
-		return this.getAttribute("side") ?? "top";
-	}
-	get sideOffset() {
-		return Number.parseInt(this.getAttribute("side-offset") ?? "0", 10);
-	}
-	get collisionPadding() {
-		return Number.parseInt(this.getAttribute("collision-padding") ?? "0", 10);
-	}
-	get #triggerElement() {
-		return getDocumentOrShadowRoot(this)?.querySelector(`[commandfor="${this.id}"]`);
-	}
-	#setOpen(open) {
-		if (this.#open === open) return;
-		this.#open = open;
-		if (open) {
-			this.#transitionStatus = "initial";
-			this.#updateVisibility();
-			this.showPopover();
-			requestAnimationFrame(() => {
-				this.#transitionStatus = "open";
-				this.#updateVisibility();
-				this.#checkCollision();
-			});
-		} else {
-			this.#transitionStatus = "close";
-			this.#updateVisibility();
-			const transitions = this.getAnimations().filter((anim) => anim instanceof CSSTransition);
-			if (transitions.length > 0) Promise.all(transitions.map((t) => t.finished)).then(() => this.hidePopover()).catch(() => this.hidePopover());
-			else this.hidePopover();
-		}
-	}
-	#updateVisibility() {
-		this.toggleAttribute("data-starting-style", this.#transitionStatus === "initial");
-		this.toggleAttribute("data-open", this.#transitionStatus === "initial" || this.#transitionStatus === "open");
-		this.toggleAttribute("data-ending-style", this.#transitionStatus === "close" || this.#transitionStatus === "unmounted");
-		this.toggleAttribute("data-closed", this.#transitionStatus === "close" || this.#transitionStatus === "unmounted");
-		const triggerElement = this.#triggerElement;
-		if (triggerElement) triggerElement.toggleAttribute("data-popup-open", this.#open);
-	}
-	#updatePosition() {
-		if (this.#open && this.trackCursorAxis) {
-			this.style.setProperty("left", `${this.#pointerPosition.x}px`);
-			this.#checkCollision();
-		}
-	}
-	#checkCollision() {
-		const mediaContainer = this.closest("media-container");
-		if (!mediaContainer || !this.#open) return;
-		const { x } = getInBoundsAdjustments(getBoundingClientRectWithoutTransform(this), getBoundingClientRectWithoutTransform(mediaContainer), this.collisionPadding);
-		if (x !== 0) if (this.trackCursorAxis) {
-			const currentLeft = Number.parseFloat(this.style.left || "0");
-			this.style.setProperty("left", `${currentLeft + x}px`);
-		} else this.style.setProperty("translate", `${x}px -100%`);
-		else if (this.trackCursorAxis) this.style.setProperty("translate", "-50% -100%");
-		else this.style.setProperty("translate", "0 -100%");
-	}
-	#clearHoverTimeout() {
-		if (this.#hoverTimeout) {
-			globalThis.clearTimeout(this.#hoverTimeout);
-			this.#hoverTimeout = null;
-		}
-	}
-	#handlePointerEnter() {
-		this.#clearHoverTimeout();
-		this.#hoverTimeout = globalThis.setTimeout(() => {
-			this.#setOpen(true);
-		}, this.delay);
-	}
-	#handlePointerLeave(_event) {
-		this.#clearHoverTimeout();
-		this.#hoverTimeout = globalThis.setTimeout(() => {
-			this.#setOpen(false);
-		}, this.closeDelay);
-	}
-	#handlePointerMove(event) {
-		if (this.trackCursorAxis) {
-			this.#pointerPosition = {
-				x: event.clientX,
-				y: event.clientY
-			};
-			if (this.#open) this.#updatePosition();
-		}
-	}
-};
-
-//#endregion
-export { TooltipElement as t };
-//# sourceMappingURL=tooltip-B-glki2f.js.map

package/dist/tooltip-B-glki2f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip-B-glki2f.js","names":["#checkCollision","#abortController","#triggerElement","#updateVisibility","#clearHoverTimeout","#transitionStatus","#handlePointerEnter","#handlePointerLeave","#handlePointerMove","#open","#pointerPosition","#hoverTimeout","#setOpen","#updatePosition"],"sources":["../src/elements/tooltip.ts"],"sourcesContent":["import type { MediaContainerElement } from '@/media/media-container';\n\nimport {\n  getBoundingClientRectWithoutTransform,\n  getDocumentOrShadowRoot,\n  getInBoundsAdjustments,\n} from '@videojs/utils/dom';\n\ntype Placement = 'top' | 'top-start' | 'top-end';\n\nexport class TooltipElement extends HTMLElement {\n  static get observedAttributes(): string[] {\n    return ['id', 'delay', 'close-delay', 'track-cursor-axis', 'side', 'side-offset', 'collision-padding'];\n  }\n\n  #open = false;\n  #hoverTimeout: ReturnType<typeof setTimeout> | null = null;\n  #pointerPosition = { x: 0, y: 0 };\n  #transitionStatus: 'initial' | 'open' | 'close' | 'unmounted' = 'initial';\n  #abortController: AbortController | null = null;\n\n  constructor() {\n    super();\n\n    const resizeObserver = new ResizeObserver(() => this.#checkCollision());\n    resizeObserver.observe(this);\n  }\n\n  attributeChangedCallback(name: string, _oldValue: string, newValue: string): void {\n    if (name === 'id') {\n      this.style.setProperty('position-anchor', `--${newValue}`);\n    }\n    const [side, alignment] = this.side.split('-');\n    this.style.setProperty('top', `calc(anchor(${side}) - ${this.sideOffset}px)`);\n\n    if (this.trackCursorAxis) {\n      this.style.setProperty('translate', `-50% -100%`);\n    } else {\n      this.style.setProperty('translate', `0 -100%`);\n      this.style.setProperty('justify-self', alignment === 'start'\n        ? 'anchor-start'\n        : alignment === 'end'\n          ? 'anchor-end'\n          : 'anchor-center');\n    }\n  }\n\n  connectedCallback(): void {\n    this.setAttribute('role', 'tooltip');\n\n    this.#abortController ??= new AbortController();\n    const { signal } = this.#abortController;\n\n    const trigger = this.#triggerElement as HTMLElement;\n    if (trigger) {\n      if (globalThis.matchMedia?.('(hover: hover)')?.matches) {\n        trigger.addEventListener('pointerenter', this, { signal });\n        trigger.addEventListener('pointerleave', this, { signal });\n        trigger.addEventListener('pointermove', this, { signal });\n      }\n    }\n\n    this.#updateVisibility();\n  }\n\n  disconnectedCallback(): void {\n    this.#clearHoverTimeout();\n    this.#abortController?.abort();\n    this.#abortController = null;\n\n    this.#transitionStatus = 'unmounted';\n    this.#updateVisibility();\n  }\n\n  handleEvent(event: Event): void {\n    switch (event.type) {\n      case 'pointerenter':\n        this.#handlePointerEnter();\n        break;\n      case 'pointerleave':\n        this.#handlePointerLeave(event as PointerEvent);\n        break;\n      case 'pointermove':\n        this.#handlePointerMove(event as PointerEvent);\n        break;\n      default:\n        break;\n    }\n  }\n\n  get delay(): number {\n    return Number.parseInt(this.getAttribute('delay') ?? '0', 10);\n  }\n\n  get closeDelay(): number {\n    return Number.parseInt(this.getAttribute('close-delay') ?? '0', 10);\n  }\n\n  get trackCursorAxis(): 'x' | 'y' | 'both' | undefined {\n    const value = this.getAttribute('track-cursor-axis');\n    return value === 'x' || value === 'y' || value === 'both' ? value : undefined;\n  }\n\n  get side(): Placement {\n    return (this.getAttribute('side') as Placement) ?? 'top';\n  }\n\n  get sideOffset(): number {\n    return Number.parseInt(this.getAttribute('side-offset') ?? '0', 10);\n  }\n\n  get collisionPadding(): number {\n    return Number.parseInt(this.getAttribute('collision-padding') ?? '0', 10);\n  }\n\n  get #triggerElement(): HTMLElement | null {\n    return getDocumentOrShadowRoot(this)?.querySelector(`[commandfor=\"${this.id}\"]`) as HTMLElement | null;\n  }\n\n  #setOpen(open: boolean): void {\n    if (this.#open === open) return;\n\n    this.#open = open;\n\n    if (open) {\n      this.#transitionStatus = 'initial';\n      this.#updateVisibility();\n\n      this.showPopover();\n\n      requestAnimationFrame(() => {\n        this.#transitionStatus = 'open';\n        this.#updateVisibility();\n        this.#checkCollision();\n      });\n    } else {\n      this.#transitionStatus = 'close';\n      this.#updateVisibility();\n\n      const transitions = this.getAnimations().filter(anim => anim instanceof CSSTransition);\n      if (transitions.length > 0) {\n        Promise.all(transitions.map(t => t.finished))\n          .then(() => this.hidePopover())\n          .catch(() => this.hidePopover());\n      } else {\n        this.hidePopover();\n      }\n    }\n  }\n\n  #updateVisibility(): void {\n    this.toggleAttribute('data-starting-style', this.#transitionStatus === 'initial');\n    this.toggleAttribute('data-open', this.#transitionStatus === 'initial' || this.#transitionStatus === 'open');\n    this.toggleAttribute(\n      'data-ending-style',\n      this.#transitionStatus === 'close' || this.#transitionStatus === 'unmounted',\n    );\n    this.toggleAttribute('data-closed', this.#transitionStatus === 'close' || this.#transitionStatus === 'unmounted');\n\n    const triggerElement = this.#triggerElement as HTMLElement;\n    if (triggerElement) {\n      triggerElement.toggleAttribute('data-popup-open', this.#open);\n    }\n  }\n\n  #updatePosition(): void {\n    if (this.#open && this.trackCursorAxis) {\n      this.style.setProperty('left', `${this.#pointerPosition.x}px`);\n      this.#checkCollision();\n    }\n  }\n\n  #checkCollision(): void {\n    const mediaContainer = this.closest('media-container') as MediaContainerElement;\n    if (!mediaContainer || !this.#open) return;\n\n    const popupRect = getBoundingClientRectWithoutTransform(this);\n    const boundsRect = getBoundingClientRectWithoutTransform(mediaContainer);\n    const { x } = getInBoundsAdjustments(popupRect, boundsRect, this.collisionPadding);\n\n    if (x !== 0) {\n      if (this.trackCursorAxis) {\n        const currentLeft = Number.parseFloat(this.style.left || '0');\n        this.style.setProperty('left', `${currentLeft + x}px`);\n      } else {\n        this.style.setProperty('translate', `${x}px -100%`);\n      }\n    } else {\n      if (this.trackCursorAxis) {\n        this.style.setProperty('translate', '-50% -100%');\n      } else {\n        this.style.setProperty('translate', '0 -100%');\n      }\n    }\n  }\n\n  #clearHoverTimeout(): void {\n    if (this.#hoverTimeout) {\n      globalThis.clearTimeout(this.#hoverTimeout);\n      this.#hoverTimeout = null;\n    }\n  }\n\n  #handlePointerEnter(): void {\n    this.#clearHoverTimeout();\n    this.#hoverTimeout = globalThis.setTimeout(() => {\n      this.#setOpen(true);\n    }, this.delay);\n  }\n\n  #handlePointerLeave(_event: PointerEvent): void {\n    this.#clearHoverTimeout();\n    this.#hoverTimeout = globalThis.setTimeout(() => {\n      this.#setOpen(false);\n    }, this.closeDelay);\n  }\n\n  #handlePointerMove(event: PointerEvent): void {\n    if (this.trackCursorAxis) {\n      this.#pointerPosition = { x: event.clientX, y: event.clientY };\n\n      if (this.#open) {\n        this.#updatePosition();\n      }\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/video-provider-BKDqoKFf.js

@@ -1,17 +0,0 @@
-import { createMediaStore } from "@videojs/core/store";
-import { ProviderMixin } from "@open-wc/context-protocol";
-
-//#region src/media/video-provider.ts
-const ProviderHTMLElement = ProviderMixin(HTMLElement);
-var VideoProviderElement = class extends ProviderHTMLElement {
-	constructor(..._args) {
-		super(..._args);
-		this.contexts = { mediaStore: () => {
-			return createMediaStore();
-		} };
-	}
-};
-
-//#endregion
-export { VideoProviderElement as t };
-//# sourceMappingURL=video-provider-BKDqoKFf.js.map

package/dist/video-provider-BKDqoKFf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"video-provider-BKDqoKFf.js","names":["ProviderHTMLElement: Constructor<CustomElement & HTMLElement>"],"sources":["../src/media/video-provider.ts"],"sourcesContent":["import type { Constructor, CustomElement } from '@open-wc/context-protocol';\nimport type { MediaStore } from '@videojs/core/store';\n\nimport { ProviderMixin } from '@open-wc/context-protocol';\nimport { createMediaStore } from '@videojs/core/store';\n\nconst ProviderHTMLElement: Constructor<CustomElement & HTMLElement> = ProviderMixin(HTMLElement);\n\nexport class VideoProviderElement extends ProviderHTMLElement {\n  contexts = {\n    mediaStore: (): MediaStore => {\n      return createMediaStore();\n    },\n  };\n}\n"],"mappings":";;;;AAMA,MAAMA,sBAAgE,cAAc,YAAY;AAEhG,IAAa,uBAAb,cAA0C,oBAAoB;;;kBACjD,EACT,kBAA8B;AAC5B,UAAO,kBAAkB;KAE5B"}

package/dist/video-provider-BPPI5e47.js

@@ -1,8 +0,0 @@
-import { t as VideoProviderElement } from "./video-provider-BKDqoKFf.js";
-import { t as defineCustomElement } from "./custom-element-3bDlB2XO.js";
-
-//#region src/define/video-provider.ts
-defineCustomElement("video-provider", VideoProviderElement);
-
-//#endregion
-//# sourceMappingURL=video-provider-BPPI5e47.js.map

package/dist/video-provider-BPPI5e47.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"video-provider-BPPI5e47.js","names":[],"sources":["../src/define/video-provider.ts"],"sourcesContent":["import { VideoProviderElement } from '@/media/video-provider';\nimport { defineCustomElement } from '@/utils/custom-element';\n\ndefineCustomElement('video-provider', VideoProviderElement);\n"],"mappings":";;;;AAGA,oBAAoB,kBAAkB,qBAAqB"}

package/dist/video-provider-nSCfwA7l.d.ts

@@ -1 +0,0 @@
-export { };

package/dist/volume-slider-CUyfwehe.js

@@ -1,140 +0,0 @@
-import { n as toConnectedHTMLComponent, t as getCoreState } from "./component-factory-C0cl1nrL.js";
-import { volumeSliderStateDefinition } from "@videojs/core/store";
-import { setAttributes } from "@videojs/utils/dom";
-import { VolumeSlider } from "@videojs/core";
-
-//#region src/elements/volume-slider.ts
-function getVolumeSliderRootState(mediaStore) {
-	const mediaState = volumeSliderStateDefinition.stateTransform(mediaStore.getState());
-	const mediaMethods = volumeSliderStateDefinition.createRequestMethods(mediaStore.dispatch);
-	return { ...getCoreState(VolumeSlider, {
-		...mediaState,
-		...mediaMethods
-	}) };
-}
-/**
-* VolumeSlider Root props hook - equivalent to React's useVolumeSliderRootProps
-* Handles element attributes and properties based on state
-*/
-const getVolumeSliderRootProps = (state, element) => {
-	if (state._rootElement !== element) state._setRootElement(element);
-	const volumeText = `${Math.round(state.muted ? 0 : state.volume * 100)}%`;
-	return {
-		role: "slider",
-		tabindex: element.getAttribute("tabindex") ?? "0",
-		"data-muted": state.muted.toString(),
-		"data-volume-level": state.volumeLevel,
-		"data-orientation": element.orientation || "horizontal",
-		"aria-label": "Volume",
-		"aria-valuemin": "0",
-		"aria-valuemax": "100",
-		"aria-valuenow": Math.round(state.muted ? 0 : state.volume * 100).toString(),
-		"aria-valuetext": volumeText,
-		"aria-orientation": element.orientation || "horizontal"
-	};
-};
-var VolumeSliderRoot = class extends HTMLElement {
-	static {
-		this.observedAttributes = ["commandfor", "orientation"];
-	}
-	get volume() {
-		return this._state?.volume ?? 0;
-	}
-	get muted() {
-		return this._state?.muted ?? false;
-	}
-	get volumeLevel() {
-		return this._state?.volumeLevel ?? "high";
-	}
-	get orientation() {
-		return this.getAttribute("orientation") || "horizontal";
-	}
-	attributeChangedCallback(name, _oldValue, newValue) {
-		if (name === "orientation" && this._state) this._update(getVolumeSliderRootProps(this._state, this), this._state);
-		else if (name === "commandfor") this.style.setProperty("anchor-name", `--${newValue}`);
-	}
-	_update(props, state) {
-		this._state = state;
-		this.style.setProperty("--slider-fill", `${state._fillWidth.toFixed(3)}%`);
-		setAttributes(this, props);
-	}
-};
-const VolumeSliderRootElement = toConnectedHTMLComponent(VolumeSliderRoot, getVolumeSliderRootState, getVolumeSliderRootProps, "VolumeSliderRoot");
-const getVolumeSliderTrackProps = (_state, element) => {
-	const rootElement = element.closest("media-volume-slider");
-	if (rootElement._state?._trackElement !== element) rootElement._state?._setTrackElement?.(element);
-	return { "data-orientation": rootElement?.orientation || "horizontal" };
-};
-var VolumeSliderTrack = class extends HTMLElement {
-	_update(props, _state) {
-		setAttributes(this, props);
-		if (props["data-orientation"] === "horizontal") {
-			this.style.width = "100%";
-			this.style.removeProperty("height");
-		} else {
-			this.style.height = "100%";
-			this.style.removeProperty("width");
-		}
-	}
-};
-const VolumeSliderTrackElement = toConnectedHTMLComponent(VolumeSliderTrack, void 0, getVolumeSliderTrackProps, "VolumeSliderTrack");
-const getVolumeSliderIndicatorProps = (_state, element) => {
-	const rootElement = element.closest("media-volume-slider");
-	return { "data-orientation": rootElement?.orientation || "horizontal" };
-};
-var VolumeSliderIndicator = class extends HTMLElement {
-	constructor() {
-		super();
-		this.style.position = "absolute";
-		this.style.width = "var(--slider-fill, 0%)";
-		this.style.height = "100%";
-	}
-	_update(props, _state) {
-		setAttributes(this, props);
-		if (props["data-orientation"] === "horizontal") {
-			this.style.width = "var(--slider-fill, 0%)";
-			this.style.height = "100%";
-			this.style.top = "0";
-			this.style.removeProperty("bottom");
-		} else {
-			this.style.height = "var(--slider-fill, 0%)";
-			this.style.width = "100%";
-			this.style.bottom = "0";
-			this.style.removeProperty("top");
-		}
-	}
-};
-const VolumeSliderIndicatorElement = toConnectedHTMLComponent(VolumeSliderIndicator, void 0, getVolumeSliderIndicatorProps, "VolumeSliderIndicator");
-const getVolumeSliderThumbProps = (_state, element) => {
-	const rootElement = element.closest("media-volume-slider");
-	return { "data-orientation": rootElement?.orientation || "horizontal" };
-};
-var VolumeSliderThumb = class extends HTMLElement {
-	constructor() {
-		super();
-		this.style.position = "absolute";
-	}
-	_update(props, _state) {
-		setAttributes(this, props);
-		if (props["data-orientation"] === "horizontal") {
-			this.style.left = "var(--slider-fill, 0%)";
-			this.style.top = "50%";
-			this.style.translate = "-50% -50%";
-		} else {
-			this.style.bottom = "var(--slider-fill, 0%)";
-			this.style.left = "50%";
-			this.style.translate = "-50% 50%";
-		}
-	}
-};
-const VolumeSliderThumbElement = toConnectedHTMLComponent(VolumeSliderThumb, void 0, getVolumeSliderThumbProps, "VolumeSliderThumb");
-const VolumeSliderElement = Object.assign({}, {
-	Root: VolumeSliderRootElement,
-	Track: VolumeSliderTrackElement,
-	Indicator: VolumeSliderIndicatorElement,
-	Thumb: VolumeSliderThumbElement
-});
-
-//#endregion
-export { VolumeSliderTrackElement as a, VolumeSliderThumbElement as i, VolumeSliderIndicatorElement as n, VolumeSliderRootElement as r, VolumeSliderElement as t };
-//# sourceMappingURL=volume-slider-CUyfwehe.js.map

package/dist/volume-slider-CUyfwehe.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"volume-slider-CUyfwehe.js","names":["CoreVolumeSlider","getVolumeSliderRootProps: PropsHook<VolumeSliderState>","VolumeSliderRootElement: ConnectedComponentConstructor<VolumeSliderState>","getVolumeSliderTrackProps: PropsHook<Record<string, never>>","VolumeSliderTrackElement: ConnectedComponentConstructor<any>","getVolumeSliderIndicatorProps: PropsHook<Record<string, never>>","VolumeSliderIndicatorElement: ConnectedComponentConstructor<any>","getVolumeSliderThumbProps: PropsHook<Record<string, never>>","VolumeSliderThumbElement: ConnectedComponentConstructor<any>"],"sources":["../src/elements/volume-slider.ts"],"sourcesContent":["import type { MediaStore } from '@videojs/core/store';\nimport type { Prettify } from '../types';\n\nimport type { ConnectedComponentConstructor, PropsHook } from '../utils/component-factory';\nimport { VolumeSlider as CoreVolumeSlider } from '@videojs/core';\nimport { volumeSliderStateDefinition } from '@videojs/core/store';\n\nimport { setAttributes } from '@videojs/utils/dom';\nimport { getCoreState, toConnectedHTMLComponent } from '../utils/component-factory';\n\ntype VolumeSliderState = Prettify<ReturnType<CoreVolumeSlider['getState']>>;\n\n// ============================================================================\n// ROOT COMPONENT\n// ============================================================================\n\nexport function getVolumeSliderRootState(mediaStore: MediaStore): VolumeSliderState {\n  const mediaState = volumeSliderStateDefinition.stateTransform(mediaStore.getState());\n  const mediaMethods = volumeSliderStateDefinition.createRequestMethods(mediaStore.dispatch);\n  const coreState = getCoreState(CoreVolumeSlider, { ...mediaState, ...mediaMethods });\n  return {\n    ...coreState,\n  };\n}\n\n/**\n * VolumeSlider Root props hook - equivalent to React's useVolumeSliderRootProps\n * Handles element attributes and properties based on state\n */\nexport const getVolumeSliderRootProps: PropsHook<VolumeSliderState> = (state, element) => {\n  if (state._rootElement !== element) {\n    state._setRootElement(element);\n  }\n\n  const volumeText = `${Math.round(state.muted ? 0 : state.volume * 100)}%`;\n\n  return {\n    role: 'slider',\n    tabindex: element.getAttribute('tabindex') ?? '0',\n    'data-muted': state.muted.toString(),\n    'data-volume-level': state.volumeLevel,\n    'data-orientation': (element as any).orientation || 'horizontal',\n    'aria-label': 'Volume',\n    'aria-valuemin': '0',\n    'aria-valuemax': '100',\n    'aria-valuenow': Math.round(state.muted ? 0 : state.volume * 100).toString(),\n    'aria-valuetext': volumeText,\n    'aria-orientation': (element as any).orientation || 'horizontal',\n  };\n};\n\nexport class VolumeSliderRoot extends HTMLElement {\n  static readonly observedAttributes: readonly string[] = [\n    'commandfor',\n    'orientation',\n  ];\n\n  _state: VolumeSliderState | undefined;\n\n  get volume(): number {\n    return this._state?.volume ?? 0;\n  }\n\n  get muted(): boolean {\n    return this._state?.muted ?? false;\n  }\n\n  get volumeLevel(): string {\n    return this._state?.volumeLevel ?? 'high';\n  }\n\n  get orientation(): 'horizontal' | 'vertical' {\n    return (this.getAttribute('orientation') as 'horizontal' | 'vertical') || 'horizontal';\n  }\n\n  attributeChangedCallback(name: string, _oldValue: string | null, newValue: string | null): void {\n    if (name === 'orientation' && this._state) {\n      this._update(getVolumeSliderRootProps(this._state, this), this._state);\n    } else if (name === 'commandfor') {\n      this.style.setProperty('anchor-name', `--${newValue}`);\n    }\n  }\n\n  _update(props: any, state: VolumeSliderState): void {\n    this._state = state;\n\n    this.style.setProperty('--slider-fill', `${state._fillWidth.toFixed(3)}%`);\n\n    setAttributes(this, props);\n  }\n}\n\nexport const VolumeSliderRootElement: ConnectedComponentConstructor<VolumeSliderState>\n  = toConnectedHTMLComponent(\n    VolumeSliderRoot,\n    getVolumeSliderRootState,\n    getVolumeSliderRootProps,\n    'VolumeSliderRoot',\n  );\n\n// ============================================================================\n// TRACK COMPONENT\n// ============================================================================\n\nexport const getVolumeSliderTrackProps: PropsHook<Record<string, never>> = (_state, element) => {\n  const rootElement = element.closest('media-volume-slider') as any;\n\n  if (rootElement._state?._trackElement !== element) {\n    rootElement._state?._setTrackElement?.(element);\n  }\n\n  return {\n    'data-orientation': rootElement?.orientation || 'horizontal',\n  };\n};\n\nexport class VolumeSliderTrack extends HTMLElement {\n  _update(props: any, _state: any): void {\n    setAttributes(this, props);\n\n    if (props['data-orientation'] === 'horizontal') {\n      this.style.width = '100%';\n      this.style.removeProperty('height');\n    } else {\n      this.style.height = '100%';\n      this.style.removeProperty('width');\n    }\n  }\n}\n\nexport const VolumeSliderTrackElement: ConnectedComponentConstructor<any> = toConnectedHTMLComponent(\n  VolumeSliderTrack,\n  undefined,\n  getVolumeSliderTrackProps,\n  'VolumeSliderTrack',\n);\n\n// ============================================================================\n// INDICATOR COMPONENT\n// ============================================================================\n\nexport const getVolumeSliderIndicatorProps: PropsHook<Record<string, never>> = (_state, element) => {\n  const rootElement = element.closest('media-volume-slider') as any;\n  return {\n    'data-orientation': rootElement?.orientation || 'horizontal',\n  };\n};\n\nexport class VolumeSliderIndicator extends HTMLElement {\n  constructor() {\n    super();\n    this.style.position = 'absolute';\n    this.style.width = 'var(--slider-fill, 0%)';\n    this.style.height = '100%';\n  }\n\n  _update(props: any, _state: any): void {\n    setAttributes(this, props);\n\n    if (props['data-orientation'] === 'horizontal') {\n      this.style.width = 'var(--slider-fill, 0%)';\n      this.style.height = '100%';\n      this.style.top = '0';\n      this.style.removeProperty('bottom');\n    } else {\n      this.style.height = 'var(--slider-fill, 0%)';\n      this.style.width = '100%';\n      this.style.bottom = '0';\n      this.style.removeProperty('top');\n    }\n  }\n}\n\nexport const VolumeSliderIndicatorElement: ConnectedComponentConstructor<any> = toConnectedHTMLComponent(\n  VolumeSliderIndicator,\n  undefined,\n  getVolumeSliderIndicatorProps,\n  'VolumeSliderIndicator',\n);\n\n// ============================================================================\n// THUMB COMPONENT\n// ============================================================================\n\nexport const getVolumeSliderThumbProps: PropsHook<Record<string, never>> = (_state, element) => {\n  const rootElement = element.closest('media-volume-slider') as any;\n  return {\n    'data-orientation': rootElement?.orientation || 'horizontal',\n  };\n};\n\nexport class VolumeSliderThumb extends HTMLElement {\n  constructor() {\n    super();\n    this.style.position = 'absolute';\n  }\n\n  _update(props: any, _state: any): void {\n    setAttributes(this, props);\n\n    // Set appropriate positioning based on orientation\n    if (props['data-orientation'] === 'horizontal') {\n      this.style.left = 'var(--slider-fill, 0%)';\n      this.style.top = '50%';\n      this.style.translate = '-50% -50%';\n    } else {\n      this.style.bottom = 'var(--slider-fill, 0%)';\n      this.style.left = '50%';\n      this.style.translate = '-50% 50%';\n    }\n  }\n}\n\nexport const VolumeSliderThumbElement: ConnectedComponentConstructor<any> = toConnectedHTMLComponent(\n  VolumeSliderThumb,\n  undefined,\n  getVolumeSliderThumbProps,\n  'VolumeSliderThumb',\n);\n\n// ============================================================================\n// EXPORTS\n// ============================================================================\n\nexport const VolumeSliderElement = Object.assign(\n  {},\n  {\n    Root: VolumeSliderRootElement,\n    Track: VolumeSliderTrackElement,\n    Indicator: VolumeSliderIndicatorElement,\n    Thumb: VolumeSliderThumbElement,\n  },\n) as {\n  Root: typeof VolumeSliderRootElement;\n  Track: typeof VolumeSliderTrackElement;\n  Indicator: typeof VolumeSliderIndicatorElement;\n  Thumb: typeof VolumeSliderThumbElement;\n};\n"],"mappings":"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"}