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

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

@@ -1,21 +0,0 @@
-import { ContextPartElement } from "../context-part-element.js";
-import { sliderContext } from "./context.js";
-import { ContextConsumer } from "@videojs/element/context";
-
-//#region src/ui/slider/slider-buffer-element.ts
-var SliderBufferElement = class extends ContextPartElement {
-	constructor(..._args) {
-		super(..._args);
-		this.consumer = new ContextConsumer(this, {
-			context: sliderContext,
-			subscribe: true
-		});
-	}
-	static {
-		this.tagName = "media-slider-buffer";
-	}
-};
-
-//#endregion
-export { SliderBufferElement };
-//# sourceMappingURL=slider-buffer-element.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"slider-buffer-element.js","names":[],"sources":["../../../../src/ui/slider/slider-buffer-element.ts"],"sourcesContent":["import type { SliderState } from '@videojs/core';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { ContextPartElement } from '../context-part-element';\nimport { sliderContext } from './context';\n\nexport class SliderBufferElement extends ContextPartElement<SliderState> {\n  static readonly tagName = 'media-slider-buffer';\n\n  protected readonly consumer = new ContextConsumer(this, { context: sliderContext, subscribe: true });\n}\n"],"mappings":";;;;;AAMA,IAAa,sBAAb,cAAyC,mBAAgC;;;kBAGzC,IAAI,gBAAgB,MAAM;GAAE,SAAS;GAAe,WAAW;GAAM,CAAC;;;iBAF1E"}

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

@@ -1,57 +0,0 @@
-import { MediaElement } from "../media-element.js";
-import { PropertyValues } from "@videojs/element";
-import * as _videojs_core0 from "@videojs/core";
-
-//#region src/ui/slider/slider-element.d.ts
-declare class SliderElement extends MediaElement {
-  #private;
-  static readonly tagName = "media-slider";
-  static properties: {
-    label: {
-      type: StringConstructor;
-    };
-    value: {
-      type: NumberConstructor;
-    };
-    min: {
-      type: NumberConstructor;
-    };
-    max: {
-      type: NumberConstructor;
-    };
-    step: {
-      type: NumberConstructor;
-    };
-    largeStep: {
-      type: NumberConstructor;
-      attribute: string;
-    };
-    orientation: {
-      type: StringConstructor;
-    };
-    disabled: {
-      type: BooleanConstructor;
-    };
-    thumbAlignment: {
-      type: StringConstructor;
-      attribute: string;
-    };
-  };
-  label: string | ((state: _videojs_core0.SliderState) => string);
-  value: number;
-  min: number;
-  max: number;
-  step: number;
-  largeStep: 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 { SliderElement };
-//# sourceMappingURL=slider-element.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"slider-element.d.ts","names":[],"sources":["../../../../src/ui/slider/slider-element.ts"],"mappings":";;;;;cAea,aAAA,SAAsB,YAAA;EAAA;kBACjB,OAAA;EAAA,OAEA,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYhB,KAAA,aAAK,KAAA,iBAAA,WAAA;EACL,KAAA;EACA,GAAA;EACA,GAAA;EACA,IAAA;EACA,SAAA;EACA,WAAA;EACA,QAAA;EACA,cAAA;EAQS,iBAAA,CAAA;EAuCA,oBAAA,CAAA;EAMA,eAAA,CAAA;EAAA,UAKU,UAAA,CAAW,QAAA,EAAU,cAAA;EAAA,UAKrB,MAAA,CAAO,QAAA,EAAU,cAAA;AAAA"}

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

@@ -1,122 +0,0 @@
-import { MediaElement } from "../media-element.js";
-import { sliderContext } from "./context.js";
-import { applyElementProps, applyStateDataAttrs, createSlider, getSliderCSSVars } from "@videojs/core/dom";
-import { ContextProvider } from "@videojs/element/context";
-import { SliderCore, SliderDataAttrs } from "@videojs/core";
-import { applyStyles, isRTL } from "@videojs/utils/dom";
-
-//#region src/ui/slider/slider-element.ts
-var SliderElement = class extends MediaElement {
-	constructor(..._args) {
-		super(..._args);
-		this.label = SliderCore.defaultProps.label;
-		this.value = SliderCore.defaultProps.value;
-		this.min = SliderCore.defaultProps.min;
-		this.max = SliderCore.defaultProps.max;
-		this.step = SliderCore.defaultProps.step;
-		this.largeStep = SliderCore.defaultProps.largeStep;
-		this.orientation = SliderCore.defaultProps.orientation;
-		this.disabled = SliderCore.defaultProps.disabled;
-		this.thumbAlignment = SliderCore.defaultProps.thumbAlignment;
-	}
-	static {
-		this.tagName = "media-slider";
-	}
-	static {
-		this.properties = {
-			label: { type: String },
-			value: { type: Number },
-			min: { type: Number },
-			max: { type: Number },
-			step: { type: Number },
-			largeStep: {
-				type: Number,
-				attribute: "large-step"
-			},
-			orientation: { type: String },
-			disabled: { type: Boolean },
-			thumbAlignment: {
-				type: String,
-				attribute: "thumb-alignment"
-			}
-		};
-	}
-	#core = new SliderCore();
-	#provider = new ContextProvider(this, { context: sliderContext });
-	#slider = null;
-	#disconnect = null;
-	connectedCallback() {
-		super.connectedCallback();
-		if (this.destroyed) return;
-		this.#disconnect = new AbortController();
-		const signal = this.#disconnect.signal;
-		this.#slider = createSlider({
-			getElement: () => this,
-			getThumbElement: () => this.querySelector("media-slider-thumb"),
-			getOrientation: () => this.orientation,
-			isRTL: () => isRTL(this),
-			isDisabled: () => this.disabled,
-			getPercent: () => this.#core.percentFromValue(this.value),
-			getStepPercent: () => this.#core.getStepPercent(),
-			getLargeStepPercent: () => this.#core.getLargeStepPercent(),
-			onValueChange: (percent) => {
-				this.value = this.#core.valueFromPercent(percent);
-				this.dispatchEvent(new CustomEvent("value-change", {
-					detail: { value: this.value },
-					bubbles: true
-				}));
-			},
-			onValueCommit: (percent) => {
-				this.value = this.#core.valueFromPercent(percent);
-				this.dispatchEvent(new CustomEvent("value-commit", {
-					detail: { value: this.value },
-					bubbles: true
-				}));
-			},
-			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()
-		});
-		applyElementProps(this, this.#slider.rootProps, { signal });
-		applyStyles(this, this.#slider.rootStyle);
-		this.#slider.input.subscribe(() => this.requestUpdate(), { signal });
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback();
-		this.#disconnect?.abort();
-		this.#disconnect = null;
-	}
-	destroyCallback() {
-		this.#slider?.destroy();
-		super.destroyCallback();
-	}
-	willUpdate(_changed) {
-		super.willUpdate(_changed);
-		this.#core.setProps(this);
-	}
-	update(_changed) {
-		super.update(_changed);
-		if (!this.#slider) return;
-		this.#core.setInput(this.#slider.input.current);
-		const state = this.#core.getSliderState(this.value);
-		const cssVars = getSliderCSSVars(this.#slider.adjustForAlignment(state));
-		applyStyles(this, cssVars);
-		applyStateDataAttrs(this, state, SliderDataAttrs);
-		this.#provider.setValue({
-			state,
-			stateAttrMap: SliderDataAttrs,
-			pointerValue: this.#core.valueFromPercent(state.pointerPercent),
-			thumbAttrs: this.#core.getAttrs(state),
-			thumbProps: this.#slider.thumbProps
-		});
-	}
-};
-
-//#endregion
-export { SliderElement };
-//# sourceMappingURL=slider-element.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"slider-element.js","names":["#core","#provider","#disconnect","#slider"],"sources":["../../../../src/ui/slider/slider-element.ts"],"sourcesContent":["import { SliderCore, SliderDataAttrs } from '@videojs/core';\nimport {\n  applyElementProps,\n  applyStateDataAttrs,\n  createSlider,\n  getSliderCSSVars,\n  type SliderApi,\n} from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { ContextProvider } from '@videojs/element/context';\nimport { applyStyles, isRTL } from '@videojs/utils/dom';\n\nimport { MediaElement } from '../media-element';\nimport { sliderContext } from './context';\n\nexport class SliderElement extends MediaElement {\n  static readonly tagName = 'media-slider';\n\n  static override properties = {\n    label: { type: String },\n    value: { type: Number },\n    min: { type: Number },\n    max: { type: Number },\n    step: { type: Number },\n    largeStep: { type: Number, attribute: 'large-step' },\n    orientation: { type: String },\n    disabled: { type: Boolean },\n    thumbAlignment: { type: String, attribute: 'thumb-alignment' },\n  } satisfies PropertyDeclarationMap<keyof SliderCore.Props>;\n\n  label = SliderCore.defaultProps.label;\n  value = SliderCore.defaultProps.value;\n  min = SliderCore.defaultProps.min;\n  max = SliderCore.defaultProps.max;\n  step = SliderCore.defaultProps.step;\n  largeStep = SliderCore.defaultProps.largeStep;\n  orientation = SliderCore.defaultProps.orientation;\n  disabled = SliderCore.defaultProps.disabled;\n  thumbAlignment = SliderCore.defaultProps.thumbAlignment;\n\n  readonly #core = new SliderCore();\n  readonly #provider = new ContextProvider(this, { context: sliderContext });\n\n  #slider: SliderApi | null = null;\n  #disconnect: AbortController | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (this.destroyed) return;\n\n    this.#disconnect = new AbortController();\n    const signal = this.#disconnect.signal;\n\n    this.#slider = createSlider({\n      getElement: () => this,\n      getThumbElement: () => this.querySelector<HTMLElement>('media-slider-thumb'),\n      getOrientation: () => this.orientation,\n      isRTL: () => isRTL(this),\n      isDisabled: () => this.disabled,\n      getPercent: () => this.#core.percentFromValue(this.value),\n      getStepPercent: () => this.#core.getStepPercent(),\n      getLargeStepPercent: () => this.#core.getLargeStepPercent(),\n      onValueChange: (percent) => {\n        this.value = this.#core.valueFromPercent(percent);\n        this.dispatchEvent(new CustomEvent('value-change', { detail: { value: this.value }, bubbles: true }));\n      },\n      onValueCommit: (percent) => {\n        this.value = this.#core.valueFromPercent(percent);\n        this.dispatchEvent(new CustomEvent('value-commit', { detail: { value: this.value }, bubbles: true }));\n      },\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    applyElementProps(this, this.#slider.rootProps, { signal });\n    applyStyles(this, this.#slider.rootStyle);\n    this.#slider.input.subscribe(() => this.requestUpdate(), { signal });\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#disconnect?.abort();\n    this.#disconnect = null;\n  }\n\n  override destroyCallback(): void {\n    this.#slider?.destroy();\n    super.destroyCallback();\n  }\n\n  protected override willUpdate(_changed: PropertyValues): void {\n    super.willUpdate(_changed);\n    this.#core.setProps(this);\n  }\n\n  protected override update(_changed: PropertyValues): void {\n    super.update(_changed);\n    if (!this.#slider) return;\n\n    this.#core.setInput(this.#slider.input.current);\n    const state = this.#core.getSliderState(this.value);\n\n    const cssVars = getSliderCSSVars(this.#slider.adjustForAlignment(state));\n\n    applyStyles(this, cssVars);\n\n    // Apply state data attributes to the root element.\n    applyStateDataAttrs(this, state, SliderDataAttrs);\n\n    // Provide context to child elements (thumb, value, track, etc.).\n    this.#provider.setValue({\n      state,\n      stateAttrMap: SliderDataAttrs,\n      pointerValue: this.#core.valueFromPercent(state.pointerPercent),\n      thumbAttrs: this.#core.getAttrs(state),\n      thumbProps: this.#slider.thumbProps,\n    });\n  }\n}\n"],"mappings":"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"}

package/dist/dev/ui/slider/slider-events.d.ts

@@ -1,18 +0,0 @@
-//#region src/ui/slider/slider-events.d.ts
-interface SliderValueEventDetail {
-  /** The current slider value in the domain range (e.g., seconds for time, 0–1 for volume). */
-  value: number;
-}
-interface SliderEventMap {
-  /** Fires continuously as the slider value changes during drag or keyboard interaction. */
-  'value-change': CustomEvent<SliderValueEventDetail>;
-  /** Fires when the user commits a value — on pointer up or keyboard release. */
-  'value-commit': CustomEvent<SliderValueEventDetail>;
-  /** Fires when a drag interaction begins (pointer down on the slider). */
-  'drag-start': CustomEvent<void>;
-  /** Fires when a drag interaction ends (pointer up after dragging). */
-  'drag-end': CustomEvent<void>;
-}
-//#endregion
-export { SliderEventMap, SliderValueEventDetail };
-//# sourceMappingURL=slider-events.d.ts.map

package/dist/dev/ui/slider/slider-events.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"slider-events.d.ts","names":[],"sources":["../../../../src/ui/slider/slider-events.ts"],"mappings":";UAAiB,sBAAA;EAAA;EAEf,KAAA;AAAA;AAAA,UAGe,cAAA;EAHV;EAKL,cAAA,EAAgB,WAAA,CAAY,sBAAA;EAFC;EAI7B,cAAA,EAAgB,WAAA,CAAY,sBAAA;EAFA;EAI5B,YAAA,EAAc,WAAA;EAFc;EAI5B,UAAA,EAAY,WAAA;AAAA"}

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

@@ -1,15 +0,0 @@
-import { ContextPartElement } from "../context-part-element.js";
-import { SliderContextValue } from "./context.js";
-import { ContextConsumer } from "@videojs/element/context";
-import { SliderState } from "@videojs/core";
-
-//#region src/ui/slider/slider-fill-element.d.ts
-declare class SliderFillElement extends ContextPartElement<SliderState> {
-  static readonly tagName = "media-slider-fill";
-  protected readonly consumer: ContextConsumer<{
-    __context__: SliderContextValue;
-  }, this>;
-}
-//#endregion
-export { SliderFillElement };
-//# sourceMappingURL=slider-fill-element.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"slider-fill-element.d.ts","names":[],"sources":["../../../../src/ui/slider/slider-fill-element.ts"],"mappings":";;;;;;cAMa,iBAAA,SAA0B,kBAAA,CAAmB,WAAA;EAAA,gBACxC,OAAA;EAAA,mBAEG,QAAA,EAAQ,eAAA;iBAHwC,kBAAA;EAAA;AAAA"}

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

@@ -1,21 +0,0 @@
-import { ContextPartElement } from "../context-part-element.js";
-import { sliderContext } from "./context.js";
-import { ContextConsumer } from "@videojs/element/context";
-
-//#region src/ui/slider/slider-fill-element.ts
-var SliderFillElement = class extends ContextPartElement {
-	constructor(..._args) {
-		super(..._args);
-		this.consumer = new ContextConsumer(this, {
-			context: sliderContext,
-			subscribe: true
-		});
-	}
-	static {
-		this.tagName = "media-slider-fill";
-	}
-};
-
-//#endregion
-export { SliderFillElement };
-//# sourceMappingURL=slider-fill-element.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"slider-fill-element.js","names":[],"sources":["../../../../src/ui/slider/slider-fill-element.ts"],"sourcesContent":["import type { SliderState } from '@videojs/core';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { ContextPartElement } from '../context-part-element';\nimport { sliderContext } from './context';\n\nexport class SliderFillElement extends ContextPartElement<SliderState> {\n  static readonly tagName = 'media-slider-fill';\n\n  protected readonly consumer = new ContextConsumer(this, { context: sliderContext, subscribe: true });\n}\n"],"mappings":";;;;;AAMA,IAAa,oBAAb,cAAuC,mBAAgC;;;kBAGvC,IAAI,gBAAgB,MAAM;GAAE,SAAS;GAAe,WAAW;GAAM,CAAC;;;iBAF1E"}

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

@@ -1,51 +0,0 @@
-import { MediaElement } from "../media-element.js";
-import { sliderContext } from "./context.js";
-import { applyStateDataAttrs, getSliderPreviewStyle } from "@videojs/core/dom";
-import { ContextConsumer } from "@videojs/element/context";
-import { applyStyles } from "@videojs/utils/dom";
-
-//#region src/ui/slider/slider-preview-element.ts
-var SliderPreviewElement = class extends MediaElement {
-	constructor(..._args) {
-		super(..._args);
-		this.overflow = "clamp";
-	}
-	static {
-		this.tagName = "media-slider-preview";
-	}
-	static {
-		this.properties = { overflow: { type: String } };
-	}
-	#ctx = new ContextConsumer(this, {
-		context: sliderContext,
-		subscribe: true
-	});
-	#resizeObserver = null;
-	#width = 0;
-	connectedCallback() {
-		super.connectedCallback();
-		this.#resizeObserver = new ResizeObserver(([entry]) => {
-			this.#width = entry.contentRect.width;
-			this.#applyPosition();
-		});
-		this.#resizeObserver.observe(this);
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback();
-		this.#resizeObserver?.disconnect();
-		this.#resizeObserver = null;
-	}
-	#applyPosition() {
-		applyStyles(this, getSliderPreviewStyle(this.#width, this.overflow));
-	}
-	update(_changed) {
-		super.update(_changed);
-		const ctx = this.#ctx.value;
-		if (ctx) applyStateDataAttrs(this, ctx.state, ctx.stateAttrMap);
-		this.#applyPosition();
-	}
-};
-
-//#endregion
-export { SliderPreviewElement };
-//# sourceMappingURL=slider-preview-element.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"slider-preview-element.js","names":["#ctx","#resizeObserver","#width","#applyPosition"],"sources":["../../../../src/ui/slider/slider-preview-element.ts"],"sourcesContent":["import type { SliderPreviewOverflow } from '@videojs/core/dom';\nimport { applyStateDataAttrs, getSliderPreviewStyle } from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\nimport { applyStyles } from '@videojs/utils/dom';\n\nimport { MediaElement } from '../media-element';\nimport { sliderContext } from './context';\n\nexport class SliderPreviewElement extends MediaElement {\n  static readonly tagName = 'media-slider-preview';\n\n  static override properties = {\n    overflow: { type: String },\n  } satisfies PropertyDeclarationMap<'overflow'>;\n\n  overflow: SliderPreviewOverflow = 'clamp';\n\n  readonly #ctx = new ContextConsumer(this, {\n    context: sliderContext,\n    subscribe: true,\n  });\n\n  #resizeObserver: ResizeObserver | null = null;\n  #width = 0;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    this.#resizeObserver = new ResizeObserver(([entry]) => {\n      this.#width = entry!.contentRect.width;\n      this.#applyPosition();\n    });\n\n    this.#resizeObserver.observe(this);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#resizeObserver?.disconnect();\n    this.#resizeObserver = null;\n  }\n\n  #applyPosition(): void {\n    applyStyles(this, getSliderPreviewStyle(this.#width, this.overflow));\n  }\n\n  protected override update(_changed: PropertyValues): void {\n    super.update(_changed);\n\n    const ctx = this.#ctx.value;\n    if (ctx) applyStateDataAttrs(this, ctx.state, ctx.stateAttrMap);\n\n    this.#applyPosition();\n  }\n}\n"],"mappings":";;;;;;;AASA,IAAa,uBAAb,cAA0C,aAAa;;;kBAOnB;;;iBANR;;;oBAEG,EAC3B,UAAU,EAAE,MAAM,QAAQ,EAC3B;;CAID,CAASA,MAAO,IAAI,gBAAgB,MAAM;EACxC,SAAS;EACT,WAAW;EACZ,CAAC;CAEF,kBAAyC;CACzC,SAAS;CAET,AAAS,oBAA0B;AACjC,QAAM,mBAAmB;AAEzB,QAAKC,iBAAkB,IAAI,gBAAgB,CAAC,WAAW;AACrD,SAAKC,QAAS,MAAO,YAAY;AACjC,SAAKC,eAAgB;IACrB;AAEF,QAAKF,eAAgB,QAAQ,KAAK;;CAGpC,AAAS,uBAA6B;AACpC,QAAM,sBAAsB;AAC5B,QAAKA,gBAAiB,YAAY;AAClC,QAAKA,iBAAkB;;CAGzB,iBAAuB;AACrB,cAAY,MAAM,sBAAsB,MAAKC,OAAQ,KAAK,SAAS,CAAC;;CAGtE,AAAmB,OAAO,UAAgC;AACxD,QAAM,OAAO,SAAS;EAEtB,MAAM,MAAM,MAAKF,IAAK;AACtB,MAAI,IAAK,qBAAoB,MAAM,IAAI,OAAO,IAAI,aAAa;AAE/D,QAAKG,eAAgB"}

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

@@ -1,14 +0,0 @@
-import { MediaElement } from "../media-element.js";
-import { PropertyValues } from "@videojs/element";
-
-//#region src/ui/slider/slider-thumb-element.d.ts
-declare class SliderThumbElement extends MediaElement {
-  #private;
-  static readonly tagName = "media-slider-thumb";
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  protected update(_changed: PropertyValues): void;
-}
-//#endregion
-export { SliderThumbElement };
-//# sourceMappingURL=slider-thumb-element.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"slider-thumb-element.d.ts","names":[],"sources":["../../../../src/ui/slider/slider-thumb-element.ts"],"mappings":";;;;cAOa,kBAAA,SAA2B,YAAA;EAAA;kBACtB,OAAA;EAUP,iBAAA,CAAA;EAMA,oBAAA,CAAA;EAAA,UAOU,MAAA,CAAO,QAAA,EAAU,cAAA;AAAA"}

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

@@ -1,43 +0,0 @@
-import { MediaElement } from "../media-element.js";
-import { sliderContext } from "./context.js";
-import { applyElementProps, applyStateDataAttrs } from "@videojs/core/dom";
-import { ContextConsumer } from "@videojs/element/context";
-
-//#region src/ui/slider/slider-thumb-element.ts
-var SliderThumbElement = class extends MediaElement {
-	static {
-		this.tagName = "media-slider-thumb";
-	}
-	#ctx = new ContextConsumer(this, {
-		context: sliderContext,
-		subscribe: true
-	});
-	#disconnect = null;
-	#thumbPropsApplied = false;
-	connectedCallback() {
-		super.connectedCallback();
-		this.#disconnect = new AbortController();
-		this.#thumbPropsApplied = false;
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback();
-		this.#disconnect?.abort();
-		this.#disconnect = null;
-		this.#thumbPropsApplied = false;
-	}
-	update(_changed) {
-		super.update(_changed);
-		const ctx = this.#ctx.value;
-		if (!ctx) return;
-		if (!this.#thumbPropsApplied && this.#disconnect) {
-			applyElementProps(this, ctx.thumbProps, { signal: this.#disconnect.signal });
-			this.#thumbPropsApplied = true;
-		}
-		applyElementProps(this, ctx.thumbAttrs);
-		applyStateDataAttrs(this, ctx.state, ctx.stateAttrMap);
-	}
-};
-
-//#endregion
-export { SliderThumbElement };
-//# sourceMappingURL=slider-thumb-element.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"slider-thumb-element.js","names":["#ctx","#disconnect","#thumbPropsApplied"],"sources":["../../../../src/ui/slider/slider-thumb-element.ts"],"sourcesContent":["import { applyElementProps, applyStateDataAttrs } from '@videojs/core/dom';\nimport type { PropertyValues } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { MediaElement } from '../media-element';\nimport { sliderContext } from './context';\n\nexport class SliderThumbElement extends MediaElement {\n  static readonly tagName = 'media-slider-thumb';\n\n  readonly #ctx = new ContextConsumer(this, {\n    context: sliderContext,\n    subscribe: true,\n  });\n\n  #disconnect: AbortController | null = null;\n  #thumbPropsApplied = false;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.#disconnect = new AbortController();\n    this.#thumbPropsApplied = false;\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#disconnect?.abort();\n    this.#disconnect = null;\n    this.#thumbPropsApplied = false;\n  }\n\n  protected override update(_changed: PropertyValues): void {\n    super.update(_changed);\n\n    const ctx = this.#ctx.value;\n    if (!ctx) return;\n\n    // Apply keyboard and focus handlers once — they don't change per slider instance.\n    if (!this.#thumbPropsApplied && this.#disconnect) {\n      applyElementProps(this, ctx.thumbProps, { signal: this.#disconnect.signal });\n      this.#thumbPropsApplied = true;\n    }\n\n    // Apply ARIA attributes every update (values change as slider moves).\n    applyElementProps(this, ctx.thumbAttrs);\n\n    // Apply state data attributes.\n    applyStateDataAttrs(this, ctx.state, ctx.stateAttrMap);\n  }\n}\n"],"mappings":";;;;;;AAOA,IAAa,qBAAb,cAAwC,aAAa;;iBACzB;;CAE1B,CAASA,MAAO,IAAI,gBAAgB,MAAM;EACxC,SAAS;EACT,WAAW;EACZ,CAAC;CAEF,cAAsC;CACtC,qBAAqB;CAErB,AAAS,oBAA0B;AACjC,QAAM,mBAAmB;AACzB,QAAKC,aAAc,IAAI,iBAAiB;AACxC,QAAKC,oBAAqB;;CAG5B,AAAS,uBAA6B;AACpC,QAAM,sBAAsB;AAC5B,QAAKD,YAAa,OAAO;AACzB,QAAKA,aAAc;AACnB,QAAKC,oBAAqB;;CAG5B,AAAmB,OAAO,UAAgC;AACxD,QAAM,OAAO,SAAS;EAEtB,MAAM,MAAM,MAAKF,IAAK;AACtB,MAAI,CAAC,IAAK;AAGV,MAAI,CAAC,MAAKE,qBAAsB,MAAKD,YAAa;AAChD,qBAAkB,MAAM,IAAI,YAAY,EAAE,QAAQ,MAAKA,WAAY,QAAQ,CAAC;AAC5E,SAAKC,oBAAqB;;AAI5B,oBAAkB,MAAM,IAAI,WAAW;AAGvC,sBAAoB,MAAM,IAAI,OAAO,IAAI,aAAa"}

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

@@ -1,12 +0,0 @@
-import { ThumbnailElement } from "../thumbnail/thumbnail-element.js";
-import { PropertyValues } from "@videojs/element";
-
-//#region src/ui/slider/slider-thumbnail-element.d.ts
-declare class SliderThumbnailElement extends ThumbnailElement {
-  #private;
-  static readonly tagName = "media-slider-thumbnail";
-  protected update(changed: PropertyValues): void;
-}
-//#endregion
-export { SliderThumbnailElement };
-//# sourceMappingURL=slider-thumbnail-element.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"slider-thumbnail-element.d.ts","names":[],"sources":["../../../../src/ui/slider/slider-thumbnail-element.ts"],"mappings":";;;;cAOa,sBAAA,SAA+B,gBAAA;EAAA;kBACjB,OAAA;EAAA,UAON,MAAA,CAAO,OAAA,EAAS,cAAA;AAAA"}

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

@@ -1,23 +0,0 @@
-import { sliderContext } from "./context.js";
-import { ThumbnailElement } from "../thumbnail/thumbnail-element.js";
-import { ContextConsumer } from "@videojs/element/context";
-
-//#region src/ui/slider/slider-thumbnail-element.ts
-var SliderThumbnailElement = class extends ThumbnailElement {
-	static {
-		this.tagName = "media-slider-thumbnail";
-	}
-	#ctx = new ContextConsumer(this, {
-		context: sliderContext,
-		subscribe: true
-	});
-	update(changed) {
-		const ctx = this.#ctx.value;
-		if (ctx) this.time = ctx.pointerValue;
-		super.update(changed);
-	}
-};
-
-//#endregion
-export { SliderThumbnailElement };
-//# sourceMappingURL=slider-thumbnail-element.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"slider-thumbnail-element.js","names":["#ctx"],"sources":["../../../../src/ui/slider/slider-thumbnail-element.ts"],"sourcesContent":["import type { PropertyValues } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { ThumbnailElement } from '../thumbnail/thumbnail-element';\nimport { sliderContext } from './context';\n\n// @ts-expect-error TS2417 — tagName narrows to a different literal for custom element registration.\nexport class SliderThumbnailElement extends ThumbnailElement {\n  static override readonly tagName = 'media-slider-thumbnail';\n\n  readonly #ctx = new ContextConsumer(this, {\n    context: sliderContext,\n    subscribe: true,\n  });\n\n  protected override update(changed: PropertyValues): void {\n    const ctx = this.#ctx.value;\n    if (ctx) this.time = ctx.pointerValue;\n    super.update(changed);\n  }\n}\n"],"mappings":";;;;;AAOA,IAAa,yBAAb,cAA4C,iBAAiB;;iBACxB;;CAEnC,CAASA,MAAO,IAAI,gBAAgB,MAAM;EACxC,SAAS;EACT,WAAW;EACZ,CAAC;CAEF,AAAmB,OAAO,SAA+B;EACvD,MAAM,MAAM,MAAKA,IAAK;AACtB,MAAI,IAAK,MAAK,OAAO,IAAI;AACzB,QAAM,OAAO,QAAQ"}

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

@@ -1,15 +0,0 @@
-import { ContextPartElement } from "../context-part-element.js";
-import { SliderContextValue } from "./context.js";
-import { ContextConsumer } from "@videojs/element/context";
-import { SliderState } from "@videojs/core";
-
-//#region src/ui/slider/slider-track-element.d.ts
-declare class SliderTrackElement extends ContextPartElement<SliderState> {
-  static readonly tagName = "media-slider-track";
-  protected readonly consumer: ContextConsumer<{
-    __context__: SliderContextValue;
-  }, this>;
-}
-//#endregion
-export { SliderTrackElement };
-//# sourceMappingURL=slider-track-element.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"slider-track-element.d.ts","names":[],"sources":["../../../../src/ui/slider/slider-track-element.ts"],"mappings":";;;;;;cAMa,kBAAA,SAA2B,kBAAA,CAAmB,WAAA;EAAA,gBACzC,OAAA;EAAA,mBAEG,QAAA,EAAQ,eAAA;iBAHyC,kBAAA;EAAA;AAAA"}

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

@@ -1,21 +0,0 @@
-import { ContextPartElement } from "../context-part-element.js";
-import { sliderContext } from "./context.js";
-import { ContextConsumer } from "@videojs/element/context";
-
-//#region src/ui/slider/slider-track-element.ts
-var SliderTrackElement = class extends ContextPartElement {
-	constructor(..._args) {
-		super(..._args);
-		this.consumer = new ContextConsumer(this, {
-			context: sliderContext,
-			subscribe: true
-		});
-	}
-	static {
-		this.tagName = "media-slider-track";
-	}
-};
-
-//#endregion
-export { SliderTrackElement };
-//# sourceMappingURL=slider-track-element.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"slider-track-element.js","names":[],"sources":["../../../../src/ui/slider/slider-track-element.ts"],"sourcesContent":["import type { SliderState } from '@videojs/core';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { ContextPartElement } from '../context-part-element';\nimport { sliderContext } from './context';\n\nexport class SliderTrackElement extends ContextPartElement<SliderState> {\n  static readonly tagName = 'media-slider-track';\n\n  protected readonly consumer = new ContextConsumer(this, { context: sliderContext, subscribe: true });\n}\n"],"mappings":";;;;;AAMA,IAAa,qBAAb,cAAwC,mBAAgC;;;kBAGxC,IAAI,gBAAgB,MAAM;GAAE,SAAS;GAAe,WAAW;GAAM,CAAC;;;iBAF1E"}

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

@@ -1,19 +0,0 @@
-import { MediaElement } from "../media-element.js";
-import { PropertyValues } from "@videojs/element";
-
-//#region src/ui/slider/slider-value-element.d.ts
-declare class SliderValueElement extends MediaElement {
-  #private;
-  static readonly tagName = "media-slider-value";
-  static properties: {
-    type: {
-      type: StringConstructor;
-    };
-  };
-  type: 'current' | 'pointer';
-  connectedCallback(): void;
-  protected update(_changed: PropertyValues): void;
-}
-//#endregion
-export { SliderValueElement };
-//# sourceMappingURL=slider-value-element.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"slider-value-element.d.ts","names":[],"sources":["../../../../src/ui/slider/slider-value-element.ts"],"mappings":";;;;cAOa,kBAAA,SAA2B,YAAA;EAAA;kBACtB,OAAA;EAAA,OAEA,UAAA;;;;;EAIhB,IAAA;EAOS,iBAAA,CAAA;EAAA,UAKU,MAAA,CAAO,QAAA,EAAU,cAAA;AAAA"}

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

@@ -1,38 +0,0 @@
-import { MediaElement } from "../media-element.js";
-import { sliderContext } from "./context.js";
-import { applyStateDataAttrs } from "@videojs/core/dom";
-import { ContextConsumer } from "@videojs/element/context";
-
-//#region src/ui/slider/slider-value-element.ts
-var SliderValueElement = class extends MediaElement {
-	constructor(..._args) {
-		super(..._args);
-		this.type = "current";
-	}
-	static {
-		this.tagName = "media-slider-value";
-	}
-	static {
-		this.properties = { type: { type: String } };
-	}
-	#ctx = new ContextConsumer(this, {
-		context: sliderContext,
-		subscribe: true
-	});
-	connectedCallback() {
-		super.connectedCallback();
-		this.setAttribute("aria-live", "off");
-	}
-	update(_changed) {
-		super.update(_changed);
-		const ctx = this.#ctx.value;
-		if (!ctx) return;
-		const value = this.type === "pointer" ? ctx.pointerValue : ctx.state.value;
-		this.textContent = ctx.formatValue ? ctx.formatValue(value, this.type) : String(Math.round(value));
-		applyStateDataAttrs(this, ctx.state, ctx.stateAttrMap);
-	}
-};
-
-//#endregion
-export { SliderValueElement };
-//# sourceMappingURL=slider-value-element.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"slider-value-element.js","names":["#ctx"],"sources":["../../../../src/ui/slider/slider-value-element.ts"],"sourcesContent":["import { applyStateDataAttrs } from '@videojs/core/dom';\nimport type { PropertyDeclarationMap, PropertyValues } from '@videojs/element';\nimport { ContextConsumer } from '@videojs/element/context';\n\nimport { MediaElement } from '../media-element';\nimport { sliderContext } from './context';\n\nexport class SliderValueElement extends MediaElement {\n  static readonly tagName = 'media-slider-value';\n\n  static override properties = {\n    type: { type: String },\n  } satisfies PropertyDeclarationMap<'type'>;\n\n  type: 'current' | 'pointer' = 'current';\n\n  readonly #ctx = new ContextConsumer(this, {\n    context: sliderContext,\n    subscribe: true,\n  });\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('aria-live', 'off');\n  }\n\n  protected override update(_changed: PropertyValues): void {\n    super.update(_changed);\n\n    const ctx = this.#ctx.value;\n    if (!ctx) return;\n\n    const value = this.type === 'pointer' ? ctx.pointerValue : ctx.state.value;\n\n    this.textContent = ctx.formatValue ? ctx.formatValue(value, this.type) : String(Math.round(value));\n\n    applyStateDataAttrs(this, ctx.state, ctx.stateAttrMap);\n  }\n}\n"],"mappings":";;;;;;AAOA,IAAa,qBAAb,cAAwC,aAAa;;;cAOrB;;;iBANJ;;;oBAEG,EAC3B,MAAM,EAAE,MAAM,QAAQ,EACvB;;CAID,CAASA,MAAO,IAAI,gBAAgB,MAAM;EACxC,SAAS;EACT,WAAW;EACZ,CAAC;CAEF,AAAS,oBAA0B;AACjC,QAAM,mBAAmB;AACzB,OAAK,aAAa,aAAa,MAAM;;CAGvC,AAAmB,OAAO,UAAgC;AACxD,QAAM,OAAO,SAAS;EAEtB,MAAM,MAAM,MAAKA,IAAK;AACtB,MAAI,CAAC,IAAK;EAEV,MAAM,QAAQ,KAAK,SAAS,YAAY,IAAI,eAAe,IAAI,MAAM;AAErE,OAAK,cAAc,IAAI,cAAc,IAAI,YAAY,OAAO,KAAK,KAAK,GAAG,OAAO,KAAK,MAAM,MAAM,CAAC;AAElG,sBAAoB,MAAM,IAAI,OAAO,IAAI,aAAa"}

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

@@ -1,43 +0,0 @@
-import { MediaElement } from "../media-element.js";
-import { PropertyValues } from "@videojs/element";
-import { ThumbnailCore, ThumbnailImage } from "@videojs/core";
-
-//#region src/ui/thumbnail/thumbnail-element.d.ts
-declare class ThumbnailElement extends MediaElement {
-  #private;
-  static readonly tagName = "media-thumbnail";
-  static properties: {
-    time: {
-      type: NumberConstructor;
-    };
-    crossOrigin: {
-      type: StringConstructor;
-      attribute: string;
-    };
-    loading: {
-      type: StringConstructor;
-    };
-    fetchPriority: {
-      type: StringConstructor;
-      attribute: string;
-    };
-  };
-  time: number;
-  crossOrigin: ThumbnailCore.Props['crossOrigin'];
-  loading: ThumbnailCore.Props['loading'];
-  fetchPriority: ThumbnailCore.Props['fetchPriority'];
-  constructor();
-  /**
-   * Set thumbnail images directly, bypassing the automatic `<track>` detection.
-   * When set, this takes priority over the text track path.
-   */
-  get thumbnails(): ThumbnailImage[] | undefined;
-  set thumbnails(value: ThumbnailImage[] | undefined);
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  destroyCallback(): void;
-  protected update(changed: PropertyValues): void;
-}
-//#endregion
-export { ThumbnailElement };
-//# sourceMappingURL=thumbnail-element.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"thumbnail-element.d.ts","names":[],"sources":["../../../../src/ui/thumbnail/thumbnail-element.ts"],"mappings":";;;;;cAyBa,gBAAA,SAAyB,YAAA;EAAA;kBACpB,OAAA;EAAA,OAEA,UAAA;;;;;;;;;;;;;;;;EAOhB,IAAA;EACA,WAAA,EAAa,aAAA,CAAc,KAAA;EAC3B,OAAA,EAAS,aAAA,CAAc,KAAA;EACvB,aAAA,EAAe,aAAA,CAAc,KAAA;;;;;;MA+BzB,UAAA,CAAA,GAAc,cAAA;EAAA,IAId,UAAA,CAAW,KAAA,EAAO,cAAA;EAKb,iBAAA,CAAA;EAWA,oBAAA,CAAA;EAIA,eAAA,CAAA;EAAA,UAKU,MAAA,CAAO,OAAA,EAAS,cAAA;AAAA"}