videojs-vue 0.2.0 → 0.3.0

package/dist/player/usePlayerRoot.js

@@ -0,0 +1,89 @@
+import { MEDIA_CONTEXT } from "./context.js";
+import { nextTick, onActivated, onBeforeUnmount, onDeactivated, onMounted, provide, shallowRef } from "vue";
+//#region src/player/usePlayerRoot.ts
+/**
+* Share lifecycle and media synchronization without registering either preset.
+* @param {(getStore: () => Store | null) => Actions} createActions - Binds the preset's commands to the active store.
+* @param {RootCallbacks} callbacks - Forward lifecycle, media, and confirmed setting events.
+* @returns {object} The root element ref and live player handle.
+*/
+function usePlayerRoot(createActions, callbacks) {
+	const element = shallowRef(null);
+	const store = shallowRef(null);
+	const media = shallowRef(null);
+	let isActive = true;
+	let activation = 0;
+	const handle = {
+		get element() {
+			return store.value ? element.value : null;
+		},
+		get store() {
+			return store.value;
+		},
+		get media() {
+			return store.value ? media.value : null;
+		},
+		...createActions(() => store.value)
+	};
+	let isSettingsSyncPending = false;
+	let confirmedSettings;
+	function confirmSettings() {
+		if (isSettingsSyncPending) return;
+		isSettingsSyncPending = true;
+		nextTick(() => {
+			isSettingsSyncPending = false;
+			const current = media.value;
+			if (!isActive || !current) return;
+			const actual = {
+				volume: current.volume,
+				muted: current.muted,
+				playbackRate: current.playbackRate
+			};
+			if (actual.volume !== (confirmedSettings === null || confirmedSettings === void 0 ? void 0 : confirmedSettings.volume)) callbacks.onVolume(actual.volume);
+			if (actual.muted !== (confirmedSettings === null || confirmedSettings === void 0 ? void 0 : confirmedSettings.muted)) callbacks.onMuted(actual.muted);
+			if (actual.playbackRate !== (confirmedSettings === null || confirmedSettings === void 0 ? void 0 : confirmedSettings.playbackRate)) callbacks.onPlaybackRate(actual.playbackRate);
+			confirmedSettings = actual;
+		});
+	}
+	provide(MEDIA_CONTEXT, {
+		handle,
+		setMedia(next) {
+			media.value = next;
+			confirmedSettings = void 0;
+		},
+		onMediaEvent(name, event) {
+			callbacks.onMediaEvent(name, event);
+			if (name === "volumechange" || name === "ratechange") confirmSettings();
+		}
+	});
+	async function activate() {
+		isActive = true;
+		const token = ++activation;
+		await nextTick();
+		const current = element.value;
+		if (!current) return;
+		await current.updateComplete;
+		if (!isActive || token !== activation || element.value !== current) return;
+		const next = current.store;
+		if (store.value === next) return;
+		store.value = next;
+		callbacks.onReady();
+	}
+	function deactivate() {
+		var _media$value;
+		isActive = false;
+		activation++;
+		(_media$value = media.value) === null || _media$value === void 0 || _media$value.pause();
+		store.value = null;
+	}
+	onMounted(activate);
+	onActivated(activate);
+	onDeactivated(deactivate);
+	onBeforeUnmount(deactivate);
+	return {
+		element,
+		handle
+	};
+}
+//#endregion
+export { usePlayerRoot };

package/dist/polyfills.d.ts

@@ -0,0 +1,2 @@
+import "core-js/actual/array/at.js";
+import "core-js/actual/object/has-own.js";

package/dist/polyfills.js

@@ -0,0 +1,2 @@
+import "core-js/actual/array/at.js";
+import "core-js/actual/object/has-own.js";

package/dist/register/audio/player.d.ts

@@ -1 +1 @@
-import "../../player-DwjY3MEu.js";
+import "@videojs/html/audio/player";

package/dist/register/i18n.d.ts

@@ -1 +1 @@
-import "../i18n-C4MwExsj.js";
+import "@videojs/html/i18n";

package/dist/register/video/compat-skin.d.ts

@@ -0,0 +1 @@
+import "@videojs/html/video/compat-skin";

package/dist/register/video/compat-skin.js

@@ -0,0 +1 @@
+import "@videojs/html/video/compat-skin";

package/dist/register/video/neutral-skin.d.ts

@@ -1 +1 @@
-import "../../neutral-skin-B8htnvI5.js";
+import "@videojs/html/video/neutral-skin";

package/dist/register/video/player.d.ts

@@ -1 +1 @@
-import "../../player-RUaCdKKE.js";
+import "@videojs/html/video/player";

package/dist/register/video/skin.d.ts

@@ -1 +1 @@
-import "../../skin-0b-NvVj8.js";
+import "@videojs/html/video/skin";

package/dist/skins/compat.d.ts

@@ -0,0 +1,6 @@
+import "../register/video/compat-skin.js";
+//#region src/skins/compat.d.ts
+export declare const CompatVideoSkin: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion

package/dist/skins/compat.js

@@ -0,0 +1,6 @@
+import { createVideoSkin } from "./createVideoSkin.js";
+import "../register/video/compat-skin.js";
+//#region src/skins/compat.ts
+const CompatVideoSkin = /* @__PURE__ */ createVideoSkin("CompatVideoSkin", "video-compat-skin");
+//#endregion
+export { CompatVideoSkin };

package/dist/skins/createVideoSkin.d.ts

@@ -0,0 +1,5 @@
+//#region src/skins/createVideoSkin.d.ts
+export declare function createVideoSkin(name: string, tag: string): import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion

package/dist/skins/createVideoSkin.js

@@ -0,0 +1,25 @@
+import { withSlot } from "./withSlot.js";
+import { defineComponent, h, mergeProps } from "vue";
+//#region src/skins/createVideoSkin.ts
+function createVideoSkin(name, tag) {
+	return defineComponent({
+		name,
+		inheritAttrs: false,
+		setup(_props, { attrs, slots }) {
+			return () => {
+				var _slots$default, _slots$poster, _slots$thumbnail;
+				return h(tag, mergeProps({ style: {
+					display: "block",
+					width: "100%",
+					aspectRatio: "16 / 9"
+				} }, attrs), [
+					(_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots),
+					withSlot((_slots$poster = slots["poster"]) === null || _slots$poster === void 0 ? void 0 : _slots$poster.call(slots), "poster"),
+					withSlot((_slots$thumbnail = slots["thumbnail"]) === null || _slots$thumbnail === void 0 ? void 0 : _slots$thumbnail.call(slots), "thumbnail")
+				]);
+			};
+		}
+	});
+}
+//#endregion
+export { createVideoSkin };

package/dist/skins/default.d.ts

@@ -1,2 +1,6 @@
-import { t as DefaultVideoSkin } from "../default-C4INOLJr.js";
-export { DefaultVideoSkin };
+import "../register/video/skin.js";
+//#region src/skins/default.d.ts
+export declare const DefaultVideoSkin: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion

package/dist/skins/default.js

@@ -1,5 +1,5 @@
 import "../register/video/skin.js";
-import { t as createVideoSkin } from "../createVideoSkin-BxpJYgKe.js";
+import { createVideoSkin } from "./createVideoSkin.js";
 //#region src/skins/default.ts
 const DefaultVideoSkin = /* @__PURE__ */ createVideoSkin("DefaultVideoSkin", "video-skin");
 //#endregion

package/dist/skins/index.d.ts

@@ -0,0 +1,3 @@
+import { DefaultVideoSkin } from "./default.js";
+import { NeutralVideoSkin } from "./neutral.js";
+export { DefaultVideoSkin, NeutralVideoSkin };

package/dist/skins/index.js

@@ -0,0 +1,3 @@
+import { DefaultVideoSkin } from "./default.js";
+import { NeutralVideoSkin } from "./neutral.js";
+export { DefaultVideoSkin, NeutralVideoSkin };

package/dist/skins/legacy/LegacyControls.d.ts

@@ -0,0 +1,8 @@
+//#region src/skins/legacy/LegacyControls.d.ts
+/**
+ * Reuse upstream accessible controls; native select avoids popover dependencies.
+ */
+export declare const LegacyControls: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion

package/dist/skins/legacy/LegacyControls.js

@@ -0,0 +1,89 @@
+import { usePlayerState } from "../../composables/usePlayerState.js";
+import { usePlayerActions } from "../../composables/usePlayerActions.js";
+import { CaptionsButton } from "../../ui/captions-button.js";
+import { MediaControls } from "../../ui/controls.js";
+import { MediaControlsContent } from "../../ui/controls-content.js";
+import { FullscreenButton } from "../../ui/fullscreen-button.js";
+import { Hotkey } from "../../ui/hotkey.js";
+import { MuteButton } from "../../ui/mute-button.js";
+import { PiPButton } from "../../ui/pip-button.js";
+import { PlayButton } from "../../ui/play-button.js";
+import { SliderBuffer } from "../../ui/slider-buffer.js";
+import { SliderFill } from "../../ui/slider-fill.js";
+import { SliderThumb } from "../../ui/slider-thumb.js";
+import { SliderTrack } from "../../ui/slider-track.js";
+import { StatusAnnouncer } from "../../ui/status-announcer.js";
+import { Time } from "../../ui/time.js";
+import { TimeSlider } from "../../ui/time-slider.js";
+import { VolumeSlider } from "../../ui/volume-slider.js";
+import { computed, defineComponent, h } from "vue";
+//#region src/skins/legacy/LegacyControls.ts
+function sliderParts(buffer = false) {
+	return [
+		h(SliderTrack),
+		buffer ? h(SliderBuffer) : null,
+		h(SliderFill),
+		h(SliderThumb)
+	];
+}
+/**
+* Reuse upstream accessible controls; native select avoids popover dependencies.
+*/
+const LegacyControls = defineComponent({
+	name: "LegacyControls",
+	setup() {
+		const paused = usePlayerState((state) => state.paused);
+		const muted = usePlayerState((state) => state.muted);
+		const rate = usePlayerState((state) => state.playbackRate);
+		const rates = usePlayerState((state) => state.playbackRates);
+		const options = computed(() => {
+			return [.../* @__PURE__ */ new Set([...rates.value ?? [1], rate.value ?? 1])].sort((a, b) => a - b);
+		});
+		const actions = usePlayerActions();
+		function changeRate(event) {
+			if (event.target instanceof HTMLSelectElement) actions.setPlaybackRate(Number(event.target.value));
+		}
+		return () => [
+			h(Hotkey, {
+				keys: "Space",
+				action: "togglePaused"
+			}),
+			h(Hotkey, {
+				keys: "k",
+				action: "togglePaused"
+			}),
+			h(Hotkey, {
+				keys: "ArrowRight",
+				action: "seekStep",
+				value: 10
+			}),
+			h(Hotkey, {
+				keys: "ArrowLeft",
+				action: "seekStep",
+				value: -10
+			}),
+			h(StatusAnnouncer, { class: "vjs-legacy__sr-only" }),
+			h(MediaControls, { visibility: "always" }, { default: () => h(MediaControlsContent, { class: "vjs-legacy__controls" }, { default: () => [h(TimeSlider, { class: "vjs-legacy__slider" }, { default: () => sliderParts(true) }), h("div", { class: "vjs-legacy__row" }, [
+				h(PlayButton, { class: "vjs-legacy__button" }, { default: () => paused.value === false ? "❚❚" : "▶" }),
+				h(Time, { type: "current" }),
+				h("span", { "aria-hidden": "true" }, "/"),
+				h(Time, { type: "duration" }),
+				h("span", { class: "vjs-legacy__spacer" }),
+				h(MuteButton, { class: "vjs-legacy__button" }, { default: () => muted.value ? "🔇" : "🔊" }),
+				h(VolumeSlider, { class: "vjs-legacy__slider vjs-legacy__volume" }, { default: () => sliderParts() }),
+				h("select", {
+					class: "vjs-legacy__rate",
+					"aria-label": "Playback speed",
+					disabled: rate.value === void 0,
+					value: rate.value ?? 1,
+					onChange: changeRate
+				}, options.value.map((value) => h("option", { value }, `${value}×`))),
+				h(CaptionsButton, { class: "vjs-legacy__button" }, { default: () => "CC" }),
+				h(PiPButton, { class: "vjs-legacy__button vjs-legacy__pip" }, { default: () => "▣" }),
+				h(FullscreenButton, { class: "vjs-legacy__button" }, { default: () => "⛶" })
+			])] }) })
+		];
+	}
+});
+//#endregion
+export { LegacyControls };

package/dist/skins/legacy/useLegacySize.d.ts

@@ -0,0 +1,9 @@
+import { ShallowRef } from "vue";
+//#region src/skins/legacy/useLegacySize.d.ts
+/**
+ * Observe the player, including when it is embedded in a narrow container.
+ * @param {ShallowRef<HTMLElement | null>} element - The visible player surface.
+ * @returns {ShallowRef<'small' | 'large'>} The current layout size.
+ */
+export declare function useLegacySize(element: ShallowRef<HTMLElement | null>): ShallowRef<"large" | "small", "large" | "small">;
+//#endregion

package/dist/skins/legacy/useLegacySize.js

@@ -0,0 +1,32 @@
+import { onActivated, onBeforeUnmount, onDeactivated, onMounted, shallowRef } from "vue";
+//#region src/skins/legacy/useLegacySize.ts
+const SMALL_PLAYER_WIDTH = 480;
+/**
+* Observe the player, including when it is embedded in a narrow container.
+* @param {ShallowRef<HTMLElement | null>} element - The visible player surface.
+* @returns {ShallowRef<'small' | 'large'>} The current layout size.
+*/
+function useLegacySize(element) {
+	const size = shallowRef("small");
+	let observer;
+	function stop() {
+		observer === null || observer === void 0 || observer.disconnect();
+		observer = void 0;
+	}
+	function start() {
+		stop();
+		if (!element.value || typeof ResizeObserver === "undefined") return;
+		observer = new ResizeObserver((entries) => {
+			const [entry] = entries;
+			if (entry) size.value = entry.contentRect.width < SMALL_PLAYER_WIDTH ? "small" : "large";
+		});
+		observer.observe(element.value);
+	}
+	onMounted(start);
+	onActivated(start);
+	onDeactivated(stop);
+	onBeforeUnmount(stop);
+	return size;
+}
+//#endregion
+export { useLegacySize };

package/dist/skins/legacy.css

@@ -0,0 +1,160 @@
+.vjs-legacy {
+  --vjs-legacy-background: #000;
+  --vjs-legacy-foreground: #fff;
+  --vjs-legacy-controls: rgba(0, 0, 0, 0.8);
+  --vjs-legacy-accent: #409eff;
+  position: relative;
+  background: var(--vjs-legacy-background);
+  color: var(--vjs-legacy-foreground);
+  font: 14px/1.4 sans-serif;
+}
+
+.vjs-legacy__surface {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+
+.vjs-legacy__surface > video,
+.vjs-legacy__surface > hlsjs-video,
+.vjs-legacy__poster {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+
+.vjs-legacy__poster {
+  pointer-events: none;
+}
+
+.vjs-legacy__controls {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: block;
+  padding: 4px 12px;
+  background: var(--vjs-legacy-controls);
+}
+
+.vjs-legacy__row {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 4px;
+}
+
+.vjs-legacy__spacer {
+  flex: 1;
+}
+
+.vjs-legacy__button,
+.vjs-legacy__rate {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  min-width: 32px;
+  min-height: 32px;
+  padding: 4px;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  cursor: pointer;
+}
+
+.vjs-legacy__rate option {
+  background: #000;
+  color: #fff;
+}
+
+.vjs-legacy__button:hover {
+  background: rgba(255, 255, 255, 0.2);
+}
+
+.vjs-legacy :focus-visible {
+  outline: 2px solid var(--vjs-legacy-accent);
+  outline-offset: 2px;
+}
+
+.vjs-legacy [hidden] {
+  display: none;
+}
+
+.vjs-legacy [aria-disabled="true"] {
+  opacity: 0.5;
+  cursor: default;
+}
+
+.vjs-legacy__slider {
+  position: relative;
+  display: flex;
+  align-items: center;
+  height: 24px;
+  cursor: pointer;
+  touch-action: none;
+}
+
+.vjs-legacy__slider media-slider-track,
+.vjs-legacy__slider media-slider-buffer,
+.vjs-legacy__slider media-slider-fill {
+  position: absolute;
+  left: 0;
+  height: 4px;
+  border-radius: 2px;
+}
+
+.vjs-legacy__slider media-slider-track {
+  width: 100%;
+  background: rgba(255, 255, 255, 0.25);
+}
+
+.vjs-legacy__slider media-slider-buffer {
+  width: var(--media-slider-buffer, 0%);
+  background: rgba(255, 255, 255, 0.5);
+}
+
+.vjs-legacy__slider media-slider-fill {
+  width: var(--media-slider-fill, 0%);
+  background: var(--vjs-legacy-accent);
+}
+
+.vjs-legacy__slider media-slider-thumb {
+  position: absolute;
+  left: var(--media-slider-fill, 0%);
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  background: var(--vjs-legacy-foreground);
+  transform: translateX(-50%);
+}
+
+.vjs-legacy__volume {
+  width: 64px;
+  margin: 0 8px;
+}
+
+.vjs-legacy[data-size="small"] .vjs-legacy__volume,
+.vjs-legacy[data-size="small"] .vjs-legacy__pip {
+  display: none;
+}
+
+.vjs-legacy__sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+}
+
+.vjs-legacy:fullscreen {
+  width: 100%;
+  height: 100%;
+}

package/dist/skins/legacy.d.ts

@@ -0,0 +1,6 @@
+//#region src/skins/legacy.d.ts
+/** Light-DOM skin. Import videojs-vue/skins/legacy.css separately. */
+export declare const LegacyVideoSkin: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion

package/dist/skins/legacy.js

@@ -0,0 +1,36 @@
+import { usePlayerState } from "../composables/usePlayerState.js";
+import { MediaContainer } from "../ui/container.js";
+import { LegacyControls } from "./legacy/LegacyControls.js";
+import { useLegacySize } from "./legacy/useLegacySize.js";
+import { defineComponent, h, mergeProps, shallowRef } from "vue";
+//#region src/skins/legacy.ts
+/** Light-DOM skin. Import videojs-vue/skins/legacy.css separately. */
+const LegacyVideoSkin = defineComponent({
+	name: "LegacyVideoSkin",
+	inheritAttrs: false,
+	setup(_props, { attrs, slots }) {
+		const element = shallowRef(null);
+		const size = useLegacySize(element);
+		const hasStarted = usePlayerState((state) => state.started);
+		return () => h(MediaContainer, mergeProps({
+			class: "vjs-legacy",
+			style: {
+				display: "block",
+				width: "100%",
+				aspectRatio: "16 / 9"
+			}
+		}, attrs, { "data-size": size.value }), { default: () => {
+			var _slots$default;
+			return h("div", {
+				ref: element,
+				class: "vjs-legacy__surface"
+			}, [
+				(_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots),
+				!hasStarted.value && slots["poster"] ? h("div", { class: "vjs-legacy__poster" }, slots["poster"]()) : null,
+				h(LegacyControls)
+			]);
+		} });
+	}
+});
+//#endregion
+export { LegacyVideoSkin };

package/dist/skins/neutral.d.ts

@@ -1,2 +1,6 @@
-import { t as NeutralVideoSkin } from "../neutral-x5edtrGj.js";
-export { NeutralVideoSkin };
+import "../register/video/neutral-skin.js";
+//#region src/skins/neutral.d.ts
+export declare const NeutralVideoSkin: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion

package/dist/skins/neutral.js

@@ -1,5 +1,5 @@
 import "../register/video/neutral-skin.js";
-import { t as createVideoSkin } from "../createVideoSkin-BxpJYgKe.js";
+import { createVideoSkin } from "./createVideoSkin.js";
 //#region src/skins/neutral.ts
 const NeutralVideoSkin = /* @__PURE__ */ createVideoSkin("NeutralVideoSkin", "video-neutral-skin");
 //#endregion

package/dist/skins/withSlot.d.ts

@@ -0,0 +1,10 @@
+import { VNodeChild } from "vue";
+//#region src/skins/withSlot.d.ts
+/**
+ * Assign native slots to rendered nodes while retaining keyed fragment groups.
+ * @param {VNodeChild} node - Content returned by the Vue slot.
+ * @param {string} slot - Native slot name assigned to each rendered child.
+ * @returns {VNodeChild} Content with its fragment boundaries and keys preserved.
+ */
+export declare function withSlot(node: VNodeChild, slot: string): VNodeChild;
+//#endregion

package/dist/{withSlot-DQS-dOOR.js → skins/withSlot.js}

@@ -13,4 +13,4 @@ function withSlot(node, slot) {
 	return cloneVNode(node, { slot });
 }
 //#endregion
-export { withSlot as t };
+export { withSlot };

package/dist/ui/captions-button.d.ts

@@ -1,5 +1,5 @@
 import "../register/ui/captions-button.js";
-//#region src/ui/CaptionsButton.d.ts
+//#region src/ui/captions-button.d.ts
 export declare const CaptionsButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   disabled: {
     readonly type: BooleanConstructor;

package/dist/ui/captions-button.js

@@ -1,7 +1,7 @@
+import { createElementComponent } from "./createElementComponent.js";
 import "../register/ui/captions-button.js";
-import { t as createElementComponent } from "../createElementComponent-CUeAF_JU.js";
-import { t as buttonProps } from "../props-D3O1wYXT.js";
-//#region src/ui/CaptionsButton.ts
+import { buttonProps } from "./props.js";
+//#region src/ui/captions-button.ts
 const CaptionsButton = /* @__PURE__ */ createElementComponent("CaptionsButton", "media-captions-button", buttonProps);
 //#endregion
 export { CaptionsButton };

package/dist/ui/container.d.ts

@@ -1,5 +1,5 @@
 import "../register/ui/container.js";
-//#region src/ui/MediaContainer.d.ts
+//#region src/ui/container.d.ts
 export declare const MediaContainer: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/ui/container.js

@@ -1,6 +1,6 @@
 import "../register/ui/container.js";
-import { t as createElementComponent } from "../createElementComponent-CUeAF_JU.js";
-//#region src/ui/MediaContainer.ts
+import { createElementComponent } from "./createElementComponent.js";
+//#region src/ui/container.ts
 const MediaContainer = /* @__PURE__ */ createElementComponent("MediaContainer", "media-container", {});
 //#endregion
 export { MediaContainer };

package/dist/ui/controls-content.d.ts

@@ -1,5 +1,5 @@
 import "../register/ui/controls-content.js";
-//#region src/ui/MediaControlsContent.d.ts
+//#region src/ui/controls-content.d.ts
 export declare const MediaControlsContent: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/ui/controls-content.js

@@ -1,6 +1,6 @@
+import { createElementComponent } from "./createElementComponent.js";
 import "../register/ui/controls-content.js";
-import { t as createElementComponent } from "../createElementComponent-CUeAF_JU.js";
-//#region src/ui/MediaControlsContent.ts
+//#region src/ui/controls-content.ts
 const MediaControlsContent = /* @__PURE__ */ createElementComponent("MediaControlsContent", "media-controls-content", {});
 //#endregion
 export { MediaControlsContent };

package/dist/ui/controls-group.d.ts

@@ -1,5 +1,5 @@
 import "../register/ui/controls-group.js";
-//#region src/ui/MediaControlsGroup.d.ts
+//#region src/ui/controls-group.d.ts
 export declare const MediaControlsGroup: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;