@vindral/web-sdk 4.1.10 → 4.2.0-10-g4d54d36c

package/react.d.ts

@@ -65,6 +65,10 @@ declare class Emitter<TEvents, TEmits = TEvents, ArgLessEvents extends VoidKeys<
 	 */
 	once<T extends ArgLessEvents>(eventName: T, fn: () => void): void;
 	once<T extends ArgEvents>(eventName: T, fn: (args: TEvents[T]) => void): void;
+	/**
+	 * Check whether there are any listeners registered for the given event.
+	 */
+	hasListeners<T extends keyof TEvents | keyof TEmits>(eventName: T): boolean;
 	/**
 	 * Reset the event emitter
 	 */
@@ -137,72 +141,13 @@ interface ReconnectState {
 	 */
 	reconnectRetries: number;
 }
-interface RenditionProps {
-	id: number;
-	/** */
-	bitRate: number;
-	/** */
-	codecString?: string;
-	/** */
-	language?: string;
-	/** */
-	meta?: Record<string, string>;
-}
-interface VideoRenditionProps {
-	/** */
-	codec: VideoCodec;
-	/** */
-	frameRate: [
-		number,
-		number
-	];
-	/** */
-	width: number;
-	/** */
-	height: number;
-}
-interface AudioRenditionProps {
-	/** */
-	codec: AudioCodec;
-	/** */
-	channels: number;
-	/** */
-	sampleRate: number;
-}
-interface TextRenditionProps {
-	codec: "webvtt";
-	kind: "subtitles" | "captions";
-	label?: string;
-}
-type VideoRendition = VideoRenditionProps & RenditionProps;
-type AudioRendition = AudioRenditionProps & RenditionProps;
-type TextRendition = TextRenditionProps & RenditionProps;
-type Rendition = VideoRendition | AudioRendition | TextRendition;
 interface Size {
 	/** */
 	width: number;
 	/** */
 	height: number;
 }
-interface VideoConstraint {
-	/** */
-	width: number;
-	/** */
-	height: number;
-	/** */
-	bitRate: number;
-	/** */
-	codec?: VideoCodec;
-	/** */
-	codecString?: string;
-}
 interface AdvancedOptions {
-	/**
-	 * Constrains wasm decoding to this resolution.
-	 * By default it is set to 1280 in width and height.
-	 * This guarantees better performance on older devices and reduces battery drain in general.
-	 */
-	wasmDecodingConstraint: Partial<VideoConstraint>;
 }
 interface DrmOptions {
 	/**
@@ -230,6 +175,7 @@ interface DrmOptions {
 }
 type Media = "audio" | "video" | "audio+video";
 type WebCodecsHardwareAccelerationPreference = "no-preference" | "prefer-hardware" | "prefer-software";
+type DecoderType = "mse" | "webcodecs" | "wasm";
 interface Options {
 	/**
 	 * URL to use when connecting to the stream
@@ -296,11 +242,9 @@ interface Options {
 	 */
 	burstEnabled?: boolean;
 	/**
-	 * Enable usage of the MediaSource API on supported browsers.
-	 *
-	 * Is enabled by default.
-	 *
-	 * Note: We recommend to keep this at the default value unless you have very specific needs.
+	 * @deprecated Use `decoders` instead.
+	 * Setting `mseEnabled: false` is equivalent to `decoders: ["wasm"]`.
+	 * When both `mseEnabled` and `decoders` are provided, `decoders` takes precedence.
 	 */
 	mseEnabled?: boolean;
 	/**
@@ -417,7 +361,7 @@ interface Options {
 	 * The wake lock requires that the audio has been activated at least once for the instance, othwerwise it will not work.
 	 * Other devices already provide wake lock by default.
 	 *
-	 * This option is redundant and has no effect if iosMediaElementEnabled is enabled since that automatically enables wake lock.
+	 * This option is redundant and has no effect if streamToMediaElementEnabled is enabled since that automatically enables wake lock.
 	 *
 	 * Disabled by default.
 	 */
@@ -427,26 +371,20 @@ interface Options {
 	 */
 	pauseSupportEnabled?: boolean;
 	/**
-	 * Enables iOS devices to use a media element for playback. This enables fullscreen and picture in picture support on iOS.
-	 */
-	iosMediaElementEnabled?: boolean;
-	/**
-	 * Enable WebCodecs API for hardware-accelerated decoding.
+	 * Stream canvas-rendered video/audio to a media element via captureStream.
 	 *
-	 * When enabled, the browser's native VideoDecoder and AudioDecoder APIs will be used instead
-	 * of WASM decoding on supported browsers (Chrome 94+, Edge 94+, Safari 16.4+). This provides:
-	 * - Hardware-accelerated decoding (uses GPU for video)
-	 * - Better performance at higher resolutions
-	 * - Lower CPU usage and battery consumption
+	 * This enables platform media features such as fullscreen and picture-in-picture
+	 * for non-MSE playback by routing the canvas output through a `<video>` element.
 	 *
-	 * Disabled by default to allow gradual rollout and testing.
+	 * Disabled by default.
+	 */
+	streamToMediaElementEnabled?: boolean;
+	/**
+	 * @deprecated Use `streamToMediaElementEnabled` instead.
 	 *
-	 * Note: Automatically falls back to WASM decoding if:
-	 * - The browser doesn't support WebCodecs
-	 * - WebCodecs initialization fails
-	 * - This option is set to false or undefined
+	 * Legacy alias kept for backwards compatibility.
 	 */
-	webcodecsEnabled?: boolean;
+	iosMediaElementEnabled?: boolean;
 	/**
 	 * Hardware acceleration preference for WebCodecs video decoding.
 	 *
@@ -454,14 +392,29 @@ interface Options {
 	 */
 	webcodecsHardwareAcceleration?: WebCodecsHardwareAccelerationPreference;
 	/**
-	 * Enable OffscreenCanvas rendering in worker thread (requires webcodecsEnabled: true).
+	 * Enable OffscreenCanvas rendering in worker thread.
 	 *
 	 * When enabled, video rendering happens in the worker thread using OffscreenCanvas.
-	 * Disabled by default to allow gradual rollout and testing.
+	 * Automatically enabled when `decoders` resolves to WebCodecs. Set to `false`
+	 * to explicitly disable even when WebCodecs is active.
 	 *
-	 * Note: Requires browser support for OffscreenCanvas and webcodecsEnabled must be true, and iosMediaElementEnabled must be false.
+	 * Requires browser support for OffscreenCanvas and WebCodecs.
+	 * Works with `streamToMediaElementEnabled` for fullscreen/PiP support.
 	 */
 	offscreenCanvasEnabled?: boolean;
+	/**
+	 * Ordered list of decoders to try.
+	 *
+	 * The runtime walks the list and uses the first decoder that is available on the
+	 * current platform. When DRM is active, MSE is forced regardless of order.
+	 *
+	 * When omitted, the platform default order is used (`["mse", "wasm"]`).
+	 *
+	 * @example
+	 * // Prefer WebCodecs over MSE
+	 * decoders: ["webcodecs", "mse", "wasm"]
+	 */
+	decoders?: DecoderType[];
 	/**
 	 * Advanced options to override default behaviour.
 	 */
@@ -480,7 +433,6 @@ interface ClientOverrides {
 	burstEnabled?: boolean;
 	sizeBasedResolutionCapEnabled?: boolean;
 	separateVideoSocketEnabled?: boolean;
-	webcodecsEnabled?: boolean;
 	webcodecsHardwareAcceleration?: WebCodecsHardwareAccelerationPreference;
 	offscreenCanvasEnabled?: boolean;
 	videoCodecs?: string[];
@@ -524,6 +476,47 @@ interface TracksCatalog extends CatalogRoot {
 	namespace: Namespace;
 	tracks: Array<TrackObject>;
 }
+interface RenditionProps {
+	id: number;
+	/** */
+	bitRate: number;
+	/** */
+	codecString?: string;
+	/** */
+	language?: string;
+	/** */
+	meta?: Record<string, string>;
+}
+interface VideoRenditionProps {
+	/** */
+	codec: VideoCodec;
+	/** */
+	frameRate: [
+		number,
+		number
+	];
+	/** */
+	width: number;
+	/** */
+	height: number;
+}
+interface AudioRenditionProps {
+	/** */
+	codec: AudioCodec;
+	/** */
+	channels: number;
+	/** */
+	sampleRate: number;
+}
+interface TextRenditionProps {
+	codec: "webvtt";
+	kind: "subtitles" | "captions";
+	label?: string;
+}
+type VideoRendition = VideoRenditionProps & RenditionProps;
+type AudioRendition = AudioRenditionProps & RenditionProps;
+type TextRendition = TextRenditionProps & RenditionProps;
+type Rendition = VideoRendition | AudioRendition | TextRendition;
 interface Telemetry {
 	url: string;
 	probability?: number;
@@ -787,6 +780,13 @@ interface DecoderStatistics {
 	videoDecodeTime: MinMaxAverage;
 	audioDecodeTime: MinMaxAverage;
 	videoTransportTime: MinMaxAverage;
+	videoKeyframeIntervalMs?: number;
+	renderedFrameCount?: number;
+	rendererDroppedFrameCount?: number;
+	videoRenderer?: "OffscreenCanvas" | "Canvas" | "MSE";
+	videoDecoder?: "WebCodecs" | "WASM" | "MSE";
+	audioRenderer?: "AudioContext" | "MSE";
+	audioDecoder?: "WebCodecs" | "WASM" | "MSE";
 }
 interface DocumentStateModulesStatistics {
 	isVisible: boolean;
@@ -836,6 +836,11 @@ interface MseModuleStatistics {
 	droppedVideoFrames?: number;
 	successfulVideoAppendCalls?: number;
 	successfulAudioAppendsCalls?: number;
+	videoKeyframeIntervalMs?: number;
+	videoRenderer?: "OffscreenCanvas" | "Canvas" | "MSE";
+	videoDecoder?: "WebCodecs" | "WASM" | "MSE";
+	audioRenderer?: "AudioContext" | "MSE";
+	audioDecoder?: "WebCodecs" | "WASM" | "MSE";
 }
 interface QualityOfServiceModuleStatistics {
 	/**
@@ -916,8 +921,6 @@ interface SyncModuleStatistics {
 interface VideoPlayerStatistics {
 	renderedFrameCount: number;
 	rendererDroppedFrameCount: number;
-	contextLostCount: number;
-	contextRestoredCount: number;
 }
 type ModuleStatistics = AdaptivityStatistics & BufferTimeStatistics & ConnectionStatistics & ConstraintCapStatistics & DecoderStatistics & DocumentStateModulesStatistics & IncomingDataModuleStatistics & JitterModuleStatistics & MseModuleStatistics & PlaybackModuleStatistics & QualityOfServiceModuleStatistics & RenditionsModuleStatistics & SyncModuleStatistics & TelemetryModuleStatistics & VideoPlayerStatistics;
 type Statistics = ModuleStatistics & ReturnType<UserAgentInformation["getUserAgentInformation"]> & {
@@ -960,6 +963,8 @@ type Statistics = ModuleStatistics & ReturnType<UserAgentInformation["getUserAge
 	 * Note that an actual frame render often happens much quicker, but that is not counted as TTFF.
 	 */
 	timeToFirstFrame?: number;
+	streamToMediaElementEnabled?: boolean;
+	/** @deprecated */
 	iosMediaElementEnabled?: boolean;
 	/**
 	 * Average bitrate for the entire session in bits/second.
@@ -1026,6 +1031,8 @@ declare class Vindral extends Emitter<PublicVindralEvents> {
 	private clientId;
 	private _channels;
 	private createdAt;
+	private offscreenCanvasElement?;
+	private webCodecsRenditionSupport;
 	private hasCalledConnect;
 	private latestEmittedLanguages;
 	private wakeLock;
@@ -1036,6 +1043,7 @@ declare class Vindral extends Emitter<PublicVindralEvents> {
 	private sizes;
 	private isSuspended;
 	private disconnectTimeout;
+	private offscreenSubtitleInterval?;
 	constructor(options: Options);
 	/**
 	 * Attaches the video view to a DOM element. The Vindral video view will be sized to fill this element while
@@ -1044,6 +1052,7 @@ declare class Vindral extends Emitter<PublicVindralEvents> {
 	 * @returns
 	 */
 	attach: (container: HTMLElement) => void;
+	private setElement;
 	/**
 	 * Set the current volume.
 	 * Setting this to 0 is not equivalent to muting the audio.
@@ -1154,6 +1163,14 @@ declare class Vindral extends Emitter<PublicVindralEvents> {
 	 * setting targetBufferTime within that range for consistancy if using both min/max.
 	 */
 	set targetBufferTime(bufferTimeMs: number);
+	/**
+	 * Update the dynamic buffer time configuration at runtime.
+	 * Allows adjusting min and max buffer time without recreating the Vindral instance.
+	 */
+	updateBufferTimeConfig(config: {
+		minBufferTime?: number;
+		maxBufferTime?: number;
+	}): void;
 	/**
 	 * The estimated playback latency based on target buffer time, the connection rtt and local playback drift
 	 */
@@ -1264,6 +1281,10 @@ declare class Vindral extends Emitter<PublicVindralEvents> {
 	 * The ranges are specified in milliseconds.
 	 */
 	get audioBufferedRanges(): ReadonlyArray<TimeRange>;
+	/**
+	 * The timestamps (in milliseconds) of video keyframes currently in the buffer.
+	 */
+	get videoKeyframeTimestamps(): ReadonlyArray<number>;
 	/**
 	 * The API client for calls to the public available endpoints of the Vindral Live CDN.
 	 */
@@ -1323,9 +1344,16 @@ declare class Vindral extends Emitter<PublicVindralEvents> {
 	private isSupportedVideoCodecProfile;
 	private supportedAudioCodecs;
 	private initializeDecodingModule;
+	/**
+	 * Set up a polling interval that forwards subtitle cues to the decoder worker
+	 * when OffscreenCanvas rendering is active. This is needed because the canvas modules'
+	 * own subtitle intervals either get killed (LegacyCanvasModule) or don't have the
+	 * OffscreenCanvas reference at construction time (ModernCanvasModule).
+	 */
+	private setupOffscreenSubtitleRouting;
 	/**
 	 * Fully unloads the instance. This disconnects the clients and stops any background tasks.
-	 * This client instance can not be used after this has been called.
+	 * This client instance cannot be used after this has been called.
 	 */
 	unload: () => Promise<void>;
 	/**
@@ -1389,7 +1417,17 @@ declare class Vindral extends Emitter<PublicVindralEvents> {
 	private get currentSubscription();
 	private get targetSubscription();
 	private timeToFirstFrame;
+	private resolvedDecoder;
 	private willUseMediaSource;
+	private shouldUseWebCodecs;
+	private isWebCodecsVideoAvailable;
+	private isWebCodecsAudioAvailable;
+	/**
+	 * Returns true if OffscreenCanvas should be used.
+	 * Implicitly enabled when the resolved decoder is WebCodecs, since OffscreenCanvas
+	 * is the optimal rendering path for WebCodecs (worker renders VideoFrames directly).
+	 */
+	private shouldUseOffscreenCanvas;
 }
 interface TelemetryModuleStatistics {
 	/**
@@ -1453,6 +1491,12 @@ interface TimeShiftInfo {
 	urls: string[];
 	duration: string;
 }
+interface CmafFragmentEvent {
+	mediaType: "video" | "audio";
+	initSegment: Readonly<Uint8Array<ArrayBuffer>>;
+	fragment: Readonly<Uint8Array<ArrayBuffer>>;
+	isKeyframe: boolean;
+}
 interface PublicVindralEvents {
 	/**
 	 * When an error that requires action has occured
@@ -1553,6 +1597,13 @@ interface PublicVindralEvents {
 	 * Emitted when the timeshift URLs are updated.
 	 */
 	["timeshift info"]: Readonly<TimeShiftInfo>;
+	/**
+	 * Emitted for each CMAF fragment received via the MoQ/VoQ path.
+	 * Contains raw fMP4 bytes suitable for recording.
+	 *
+	 * @internal Not part of the public API — may change without notice.
+	 */
+	["cmaf fragment"]: Readonly<CmafFragmentEvent>;
 	["buffer state event"]: Readonly<BufferStateEvent>;
 	["initialized media"]: void;
 }
@@ -1798,7 +1849,7 @@ type ControllerAttributes = (typeof Controller.observedAttributes)[number];
 declare class Controller extends HTMLElement {
 	#private;
 	static observedAttributes: readonly [
-		...("language" | "channels" | "buffering" | "paused" | "volume" | "muted" | "duration" | "user-interacting" | "is-casting" | "cast-available" | "cast-receiver-name" | "ui-locked" | "hide-ui-on-pause" | "is-fullscreen" | "is-fullscreen-fallback" | "rendition-levels" | "rendition-level" | "max-video-bit-rate" | "max-initial-bit-rate" | "abr-enabled" | "size-based-resolution-cap-enabled" | "channel-id" | "channel-group-id" | "pip-available" | "is-pip" | "airplay-available" | "is-airplaying" | "media" | "languages" | "text-tracks" | "text-track" | "needs-user-input-video" | "needs-user-input-audio" | "authentication-token" | "volume-level" | "cast" | "airplay" | "pip" | "fullscreen" | "vu-meter" | "timeshift" | "timeshift-position" | "poster-src")[],
+		...("language" | "channels" | "buffering" | "paused" | "volume" | "muted" | "duration" | "user-interacting" | "is-casting" | "cast-available" | "cast-receiver-name" | "ui-locked" | "hide-ui-on-pause" | "is-fullscreen" | "is-fullscreen-fallback" | "rendition-levels" | "rendition-level" | "max-video-bit-rate" | "max-initial-bit-rate" | "abr-enabled" | "size-based-resolution-cap-enabled" | "channel-id" | "channel-group-id" | "pip-available" | "is-pip" | "airplay-available" | "is-airplaying" | "media" | "languages" | "text-tracks" | "text-track" | "needs-user-input-video" | "needs-user-input-audio" | "authentication-token" | "volume-level" | "cast" | "airplay" | "pip" | "fullscreen" | "vu-meter" | "timeshift" | "timeshift-position" | "poster-src" | "debug-panel-open" | "target-buffer-time" | "drift" | "playback-latency" | "connection-state")[],
 		"url",
 		"edge-url",
 		"target-buffer-time",
@@ -1815,6 +1866,7 @@ declare class Controller extends HTMLElement {
 		"mse-opus-enabled",
 		"ios-background-play-enabled",
 		"ios-wake-lock-enabled",
+		"stream-to-media-element-enabled",
 		"ios-media-element-enabled",
 		"abr-enabled",
 		"size-based-resolution-cap-enabled",
@@ -1829,8 +1881,8 @@ declare class Controller extends HTMLElement {
 		"drm-playready-video-robustness",
 		"drm-playready-audio-robustness",
 		"webtransport-enabled",
-		"webcodecs-enabled",
 		"webcodecs-hardware-acceleration",
+		"decoders",
 		"offscreen-canvas-enabled",
 		"reconnect-retries",
 		"auto-instance-enabled",
@@ -1920,7 +1972,7 @@ declare class PlayButton extends VindralButton {
 type PlayerAttributes = (typeof Player.observedAttributes)[number];
 declare class Player extends HTMLElement {
 	#private;
-	static observedAttributes: readonly ("title" | "offline" | "advanced" | "poster" | "language" | "channels" | "buffering" | "paused" | "volume" | "muted" | "duration" | "user-interacting" | "is-casting" | "cast-available" | "cast-receiver-name" | "ui-locked" | "hide-ui-on-pause" | "is-fullscreen" | "is-fullscreen-fallback" | "rendition-levels" | "rendition-level" | "max-video-bit-rate" | "max-initial-bit-rate" | "abr-enabled" | "size-based-resolution-cap-enabled" | "channel-id" | "channel-group-id" | "pip-available" | "is-pip" | "airplay-available" | "is-airplaying" | "media" | "languages" | "text-tracks" | "text-track" | "needs-user-input-video" | "needs-user-input-audio" | "authentication-token" | "volume-level" | "cast" | "airplay" | "pip" | "fullscreen" | "vu-meter" | "timeshift" | "timeshift-position" | "poster-src" | "url" | "edge-url" | "target-buffer-time" | "cast-receiver-id" | "cast-background" | "log-level" | "max-size" | "min-buffer-time" | "max-buffer-time" | "max-audio-bit-rate" | "burst-enabled" | "mse-enabled" | "mse-opus-enabled" | "ios-background-play-enabled" | "ios-wake-lock-enabled" | "ios-media-element-enabled" | "telemetry-enabled" | "video-codecs" | "drm-headers" | "drm-queryparams" | "drm-widevine-video-robustness" | "drm-widevine-audio-robustness" | "drm-playready-video-robustness" | "drm-playready-audio-robustness" | "webtransport-enabled" | "webcodecs-enabled" | "webcodecs-hardware-acceleration" | "offscreen-canvas-enabled" | "reconnect-retries" | "auto-instance-enabled" | "advanced-rendition-menu-enabled" | "refresh-poster-enabled" | "stream-poll-enabled")[];
+	static observedAttributes: readonly ("title" | "offline" | "advanced" | "poster" | "language" | "channels" | "buffering" | "paused" | "volume" | "muted" | "duration" | "user-interacting" | "is-casting" | "cast-available" | "cast-receiver-name" | "ui-locked" | "hide-ui-on-pause" | "is-fullscreen" | "is-fullscreen-fallback" | "rendition-levels" | "rendition-level" | "max-video-bit-rate" | "max-initial-bit-rate" | "abr-enabled" | "size-based-resolution-cap-enabled" | "channel-id" | "channel-group-id" | "pip-available" | "is-pip" | "airplay-available" | "is-airplaying" | "media" | "languages" | "text-tracks" | "text-track" | "needs-user-input-video" | "needs-user-input-audio" | "authentication-token" | "volume-level" | "cast" | "airplay" | "pip" | "fullscreen" | "vu-meter" | "timeshift" | "timeshift-position" | "poster-src" | "debug-panel-open" | "target-buffer-time" | "drift" | "playback-latency" | "connection-state" | "url" | "decoders" | "min-buffer-time" | "max-buffer-time" | "edge-url" | "cast-receiver-id" | "cast-background" | "log-level" | "max-size" | "max-audio-bit-rate" | "burst-enabled" | "mse-enabled" | "mse-opus-enabled" | "ios-background-play-enabled" | "ios-wake-lock-enabled" | "stream-to-media-element-enabled" | "ios-media-element-enabled" | "telemetry-enabled" | "video-codecs" | "drm-headers" | "drm-queryparams" | "drm-widevine-video-robustness" | "drm-widevine-audio-robustness" | "drm-playready-video-robustness" | "drm-playready-audio-robustness" | "webtransport-enabled" | "webcodecs-hardware-acceleration" | "offscreen-canvas-enabled" | "reconnect-retries" | "auto-instance-enabled" | "advanced-rendition-menu-enabled" | "refresh-poster-enabled" | "stream-poll-enabled")[];
 	constructor();
 	connectedCallback(): void;
 	disconnectedCallback(): void;

package/react.js

@@ -1 +0,0 @@
-

package/vindral-player-component.js

@@ -1,2 +1,5 @@
-import { registerComponents as o } from "./player.js";
-o();
+import "./Ca_SaIRU.js";
+import { t as e } from "./RV4C9s9Z.js";
+//#region src/vindral-player-component.ts
+e();
+//#endregion

package/wVqDCoXH.js

@@ -0,0 +1,223 @@
+import { n as e } from "./BsfwXDui.js";
+import { a as t, n, r } from "./B7hT-BKr.js";
+//#region ../../libs/utils/src/formatting.ts
+var i = 1e3, a = i * 1e3, o = a * 1e3, s = (e, t, n) => e % t === 0 ? e / t : (e / t).toFixed(n), c = (e, t = 1) => e >= o ? `${s(e, o, t)} Gbit/s` : e >= a ? `${s(e, a, t)} Mbit/s` : e >= i ? `${s(e, i, t)} Kbit/s` : `${e} bit/s`, l = ({ width: e, height: t }) => `${e}x${t}`, u = {
+	PAUSED: "paused",
+	MUTED: "muted",
+	USER_INTERACTING: "user-interacting",
+	IS_CASTING: "is-casting",
+	CAST_AVAILABLE: "cast-available",
+	CAST_RECEIVER_NAME: "cast-receiver-name",
+	BUFFERING: "buffering",
+	UI_LOCKED: "ui-locked",
+	HIDE_UI_ON_PAUSE: "hide-ui-on-pause",
+	FULLSCREEN: "is-fullscreen",
+	FULLSCREEN_FALLBACK: "is-fullscreen-fallback",
+	RENDITION_LEVELS: "rendition-levels",
+	RENDITION_LEVEL: "rendition-level",
+	MAX_VIDEO_BITRATE: "max-video-bit-rate",
+	MAX_INITIAL_BITRATE: "max-initial-bit-rate",
+	ABR_ENABLED: "abr-enabled",
+	SIZE_BASED_RESOLUTION_CAP_ENABLED: "size-based-resolution-cap-enabled",
+	CHANNELS: "channels",
+	CHANNEL_ID: "channel-id",
+	CHANNEL_GROUP_ID: "channel-group-id",
+	PIP_AVAILABLE: "pip-available",
+	IS_PIP: "is-pip",
+	AIRPLAY_AVAILABLE: "airplay-available",
+	IS_AIRPLAYING: "is-airplaying",
+	MEDIA: "media",
+	LANGUAGES: "languages",
+	LANGUAGE: "language",
+	TEXT_TRACKS: "text-tracks",
+	TEXT_TRACK: "text-track",
+	NEEDS_USER_INPUT_VIDEO: "needs-user-input-video",
+	NEEDS_USER_INPUT_AUDIO: "needs-user-input-audio",
+	AUTHENTICATION_TOKEN: "authentication-token",
+	VOLUME: "volume",
+	VOLUME_LEVEL: "volume-level",
+	CAST_ENABLED: "cast",
+	AIRPLAY_ENABLED: "airplay",
+	PIP_ENABLED: "pip",
+	FULLSCREEN_ENABLED: "fullscreen",
+	VU_METER_ENABLED: "vu-meter",
+	TIMESHIFT_ENABLED: "timeshift",
+	TIMESHIFT_POSITION: "timeshift-position",
+	POSTER_SRC: "poster-src",
+	DURATION: "duration",
+	DEBUG_PANEL_OPEN: "debug-panel-open",
+	TARGET_BUFFER_TIME: "target-buffer-time",
+	DRIFT: "drift",
+	PLAYBACK_LATENCY: "playback-latency",
+	CONNECTION_STATE: "connection-state"
+}, d = Object.values(u), f = {
+	PLAY: "play",
+	PAUSE: "pause",
+	MUTE: "mute",
+	UNMUTE: "unmute",
+	LOCK_UI: "lock-ui",
+	UNLOCK_UI: "unlock-ui",
+	ENTER_FULLSCREEN: "enter-fullscreen",
+	EXIT_FULLSCREEN: "exit-fullscreen",
+	SET_RENDITION: "set-rendition",
+	SET_ABR_MODE: "set-abr-mode",
+	SET_SIZE_BASED_RESOLUTION_CAP_MODE: "set-size-based-resolution-cap-mode",
+	CHANNEL_GRID_OPENED: "channel-grid-opened",
+	CHANNEL_GRID_CLOSED: "channel-grid-closed",
+	ENTER_PIP: "enter-pip",
+	EXIT_PIP: "exit-pip",
+	REQUEST_AIRPLAY: "request-airplay",
+	SET_LANGUAGE: "set-language",
+	SET_TEXT_TRACK: "set-text-track",
+	REQUEST_USER_INPUT: "request-user-input",
+	SET_VOLUME: "set-volume",
+	SEEK: "seek",
+	GO_LIVE: "go-live",
+	TOGGLE_DEBUG_PANEL: "toggle-debug-panel",
+	SET_TARGET_BUFFER_TIME: "set-target-buffer-time"
+};
+//#endregion
+//#region ../../libs/player-next/src/utils/vindralAttributesUtils.ts
+function p(e) {
+	return e === "audio" || e === "video" || e === "audio+video" ? e : "audio+video";
+}
+function m(e) {
+	return e === "trace" || e === "debug" || e === "info" || e === "warn" || e === "error" || e === "off" ? e : "off";
+}
+function h(e) {
+	if (e === null) return;
+	let t = e.split(",").map((e) => e.trim()).filter((e) => e === "h264" || e === "av1");
+	if (t.length !== 0) return t;
+}
+function g(e) {
+	if (e !== null) try {
+		let t = JSON.parse(e);
+		if (typeof t == "object" && t) {
+			let e = t;
+			if (typeof e.width == "number" && typeof e.height == "number") return e;
+		}
+	} catch (e) {
+		return;
+	}
+}
+function _(e) {
+	if (e !== null) try {
+		let t = JSON.parse(e);
+		if (typeof t == "object" && t) return t;
+	} catch (e) {
+		return;
+	}
+}
+function v(e) {
+	if (e === null) return;
+	let t = parseFloat(e);
+	return isNaN(t) ? void 0 : t;
+}
+function y(e) {
+	return typeof e == "string";
+}
+function b(e, t) {
+	if (e === null) return t == null ? void 0 : t;
+	let n = e.toLowerCase();
+	return n === "false" ? !1 : n === "true" || n === "" || t == null ? !0 : t;
+}
+function x(e, t) {
+	return e === null ? t == null ? void 0 : t : e === "" || e.toLowerCase() === "true" ? !0 : e.toLowerCase() === "false" ? !1 : e;
+}
+function S(e) {
+	if (e === null) return;
+	let t = {}, n = e.split(",");
+	for (let e of n) {
+		let [n, r] = e.split(":");
+		n && r && (t[n.trim()] = r.trim());
+	}
+	return Object.keys(t).length > 0 ? t : void 0;
+}
+function C(e) {
+	if (e === null) return;
+	let t = e.split(",").map((e) => e.trim()).filter((e) => e.length > 0);
+	return t.length > 0 ? t : void 0;
+}
+//#endregion
+//#region ../../libs/player-next/src/components/VindralButton.ts
+var w = document.createElement("template");
+w.innerHTML = "\n  <style>\n    :host {\n      cursor: pointer;\n      color: var(--fg-strong);\n      padding: var(--button-padding);\n      background: transparent;\n      transition: background 0.2s linear;\n      -webkit-tap-highlight-color: transparent;\n    }\n\n    :host(:focus-visible) {\n      box-shadow: inset 0 0 0 2px var(--fg-strong);\n      outline: 0;\n    }\n\n    :host(:where(:focus)) {\n      box-shadow: none;\n      outline: 0;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n      :host(:hover) {\n        background: rgba(255, 255, 255, 0.15);\n      }\n    }\n\n    :host(:active) {\n      background: rgba(255, 255, 255, 0.25);\n    }\n\n    :host(:active) svg {\n      scale: 0.9;\n    }\n\n    :host([disabled]) {\n      opacity: 0.5;\n      background: transparent;\n    }\n\n    slot > svg {\n      display: block;\n      width: var(--button-icon-size);\n      height: var(--button-icon-size);\n    }\n  </style>\n";
+var T = /* @__PURE__ */ new WeakMap(), E = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakMap(), O = /* @__PURE__ */ new WeakMap(), k = class extends HTMLElement {
+	constructor() {
+		super(), t(this, T, null), t(this, E, (e) => {
+			this.handleClick(e);
+		}), t(this, D, (e) => {
+			let { key: t } = e;
+			if (!this.keysUsed.includes(t)) {
+				this.removeEventListener("keyup", n(D, this));
+				return;
+			}
+			this.handleClick(e);
+		}), t(this, O, (e) => {
+			let { metaKey: t, altKey: r, key: i } = e;
+			if (t || r || !this.keysUsed.includes(i)) {
+				this.removeEventListener("keyup", n(D, this));
+				return;
+			}
+			this.addEventListener("keyup", n(D, this), { once: !0 });
+		}), this.attachShadow({ mode: "open" }).appendChild(w.content.cloneNode(!0));
+	}
+	get keysUsed() {
+		return ["Enter", " "];
+	}
+	connectedCallback() {
+		var e;
+		r(T, this, this.closest("vindral-controller")), (e = n(T, this)) == null || e.connectListener(this), this.hasAttribute("disabled") || this.enable(), this.setAttribute("role", "button");
+	}
+	enable() {
+		this.addEventListener("click", n(E, this)), this.addEventListener("keydown", n(O, this)), this.tabIndex = 0;
+	}
+	disable() {
+		this.removeEventListener("click", n(E, this)), this.removeEventListener("keydown", n(O, this)), this.removeEventListener("keyup", n(D, this)), this.tabIndex = -1;
+	}
+	disconnectedCallback() {
+		var e;
+		(e = n(T, this)) == null || e.disconnectListener(this);
+	}
+	attributeChangedCallback(e, t, n) {
+		e === "disabled" && (y(n) ? this.disable() : this.enable());
+	}
+};
+e(k, "observedAttributes", ["disabled"]);
+//#endregion
+//#region \0@oxc-project+runtime@0.115.0/helpers/getPrototypeOf.js
+function A(e) {
+	return A = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+		return e.__proto__ || Object.getPrototypeOf(e);
+	}, A(e);
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.115.0/helpers/superPropBase.js
+function j(e, t) {
+	for (; !{}.hasOwnProperty.call(e, t) && (e = A(e)) !== null;);
+	return e;
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.115.0/helpers/get.js
+function M() {
+	return M = typeof Reflect < "u" && Reflect.get ? Reflect.get.bind() : function(e, t, n) {
+		var r = j(e, t);
+		if (r) {
+			var i = Object.getOwnPropertyDescriptor(r, t);
+			return i.get ? i.get.call(arguments.length < 3 ? e : n) : i.value;
+		}
+	}, M.apply(null, arguments);
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.115.0/helpers/superPropGet.js
+function N(e, t, n, r) {
+	var i = M(A(1 & r ? e.prototype : e), t, n);
+	return 2 & r && typeof i == "function" ? function(e) {
+		return i.apply(n, e);
+	} : i;
+}
+//#endregion
+//#region ../../libs/player-next/src/constants.ts
+var P = 5e3;
+//#endregion
+export { d as _, _ as a, m as c, p as d, v as f, u as g, f as h, y as i, S as l, h as m, N as n, b as o, C as p, k as r, x as s, P as t, g as u, c as v, l as y };