elements-kit 0.0.9 → 0.0.11

package/dist/signals/lib/video.d.mts

@@ -1,25 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/video.d.ts
-type VideoResult = {
-  element: HTMLVideoElement;
-  playing: Computed<boolean>;
-  muted: Computed<boolean>;
-  volume: Computed<number>;
-  duration: Computed<number>;
-  time: Computed<number>;
-  ended: Computed<boolean>;
-  play(): void;
-  pause(): void;
-  toggle(): void;
-  setVolume(v: number): void;
-  setTime(t: number): void;
-  mute(): void;
-  unmute(): void;
-} & Disposable;
-/**
- * Wraps an `HTMLVideoElement` with reactive state and playback controls.
- */
-declare function createVideo(element: HTMLVideoElement): VideoResult;
-//#endregion
-export { createVideo };

package/dist/signals/lib/video.mjs

@@ -1,59 +0,0 @@
-import { f as signal } from "../../signals-CLAPw8kk.mjs";
-import { createEventListener } from "./event-listener.mjs";
-//#region src/signals/lib/video.ts
-/**
-* Wraps an `HTMLVideoElement` with reactive state and playback controls.
-*/
-function createVideo(element) {
-	const el = element;
-	const playing = signal(!el.paused);
-	const muted = signal(el.muted);
-	const volume = signal(el.volume);
-	const duration = signal(el.duration || 0);
-	const time = signal(el.currentTime);
-	const ended = signal(el.ended);
-	const onPlay = () => playing(true);
-	const onPause = () => playing(false);
-	const onVolumeChange = () => {
-		muted(el.muted);
-		volume(el.volume);
-	};
-	const onDurationChange = () => duration(el.duration);
-	const onTimeUpdate = () => time(el.currentTime);
-	const onEnded = () => ended(true);
-	const cleanups = [
-		createEventListener(el, "play", onPlay),
-		createEventListener(el, "pause", onPause),
-		createEventListener(el, "volumechange", onVolumeChange),
-		createEventListener(el, "durationchange", onDurationChange),
-		createEventListener(el, "timeupdate", onTimeUpdate),
-		createEventListener(el, "ended", onEnded)
-	];
-	const cleanup = () => cleanups.forEach((fn) => fn());
-	return Object.assign({
-		element: el,
-		playing,
-		muted,
-		volume,
-		duration,
-		time,
-		ended,
-		play: () => el.play(),
-		pause: () => el.pause(),
-		toggle: () => el.paused ? el.play() : el.pause(),
-		setVolume: (v) => {
-			el.volume = Math.min(1, Math.max(0, v));
-		},
-		setTime: (t) => {
-			el.currentTime = t;
-		},
-		mute: () => {
-			el.muted = true;
-		},
-		unmute: () => {
-			el.muted = false;
-		}
-	}, { [Symbol.dispose]: cleanup });
-}
-//#endregion
-export { createVideo };

package/dist/signals/lib/video.test.d.mts

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

package/dist/signals/lib/video.test.mjs

@@ -1,51 +0,0 @@
-import { o as effectScope } from "../../signals-CLAPw8kk.mjs";
-import { a as describe, n as vi, o as it, r as afterEach, t as globalExpect } from "../../test.BmQO5GaM-CR2qjV1t.mjs";
-import { createVideo } from "./video.mjs";
-//#region src/signals/lib/video.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-	vi.restoreAllMocks();
-});
-describe("createVideo", () => {
-	it("accepts an HTMLVideoElement", () => {
-		const el = document.createElement("video");
-		document.body.appendChild(el);
-		let v;
-		effectScope(() => {
-			v = createVideo(el);
-		});
-		globalExpect(v.element).toBe(el);
-	});
-	it("starts as paused", () => {
-		const el = document.createElement("video");
-		document.body.appendChild(el);
-		let v;
-		effectScope(() => {
-			v = createVideo(el);
-		});
-		globalExpect(v.playing()).toBe(false);
-	});
-	it("setTime updates currentTime", () => {
-		const el = document.createElement("video");
-		document.body.appendChild(el);
-		let v;
-		effectScope(() => {
-			v = createVideo(el);
-		});
-		v.setTime(30);
-		globalExpect(el.currentTime).toBe(30);
-	});
-	it("removes event listeners on Symbol.dispose", () => {
-		const el = document.createElement("video");
-		document.body.appendChild(el);
-		let v;
-		effectScope(() => {
-			v = createVideo(el);
-		});
-		const removeSpy = vi.spyOn(el, "removeEventListener");
-		v[Symbol.dispose]();
-		globalExpect(removeSpy).toHaveBeenCalled();
-	});
-});
-//#endregion
-export {};

package/dist/signals/lib/watch.d.mts

@@ -1,16 +0,0 @@
-//#region src/signals/lib/watch.d.ts
-/**
- * Watches a reactive `source` getter and runs `callback` whenever the source
- * changes, skipping the initial run.
- *
- * ```ts
- * const count = signal(0);
- * createWatch(() => count(), (value, prev) => console.log(value, prev));
- * count(1); // logs: 1, 0
- * ```
- *
- * @returns A disposal function.
- */
-declare function createWatch<T>(source: () => T, callback: (value: T, prev: T | undefined) => void): () => void;
-//#endregion
-export { createWatch };

package/dist/signals/lib/watch.mjs

@@ -1,31 +0,0 @@
-import { a as effect, m as untracked } from "../../signals-CLAPw8kk.mjs";
-//#region src/signals/lib/watch.ts
-/**
-* Watches a reactive `source` getter and runs `callback` whenever the source
-* changes, skipping the initial run.
-*
-* ```ts
-* const count = signal(0);
-* createWatch(() => count(), (value, prev) => console.log(value, prev));
-* count(1); // logs: 1, 0
-* ```
-*
-* @returns A disposal function.
-*/
-function createWatch(source, callback) {
-	let prev;
-	let firstRun = true;
-	return effect(() => {
-		const value = source();
-		if (firstRun) {
-			firstRun = false;
-			prev = value;
-			return;
-		}
-		const p = prev;
-		prev = value;
-		untracked(() => callback(value, p));
-	});
-}
-//#endregion
-export { createWatch };

package/dist/signals/lib/watch.test.d.mts

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

package/dist/signals/lib/watch.test.mjs

@@ -1,51 +0,0 @@
-import { f as signal, o as effectScope } from "../../signals-CLAPw8kk.mjs";
-import { a as describe, n as vi, o as it, r as afterEach, t as globalExpect } from "../../test.BmQO5GaM-CR2qjV1t.mjs";
-import { createWatch } from "./watch.mjs";
-//#region src/signals/lib/watch.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-});
-describe("createWatch", () => {
-	it("does not call callback on initial run", () => {
-		const s = signal(0);
-		const cb = vi.fn();
-		effectScope(() => {
-			createWatch(() => s(), cb);
-		});
-		globalExpect(cb).not.toHaveBeenCalled();
-	});
-	it("calls callback when the source changes", () => {
-		const s = signal(0);
-		const cb = vi.fn();
-		effectScope(() => {
-			createWatch(() => s(), cb);
-		});
-		s(1);
-		globalExpect(cb).toHaveBeenCalledOnce();
-		globalExpect(cb).toHaveBeenCalledWith(1, 0);
-	});
-	it("passes the previous value correctly", () => {
-		const s = signal("a");
-		const cb = vi.fn();
-		effectScope(() => {
-			createWatch(() => s(), cb);
-		});
-		s("b");
-		s("c");
-		globalExpect(cb).toHaveBeenNthCalledWith(1, "b", "a");
-		globalExpect(cb).toHaveBeenNthCalledWith(2, "c", "b");
-	});
-	it("disposal stops the watch", () => {
-		const s = signal(0);
-		const cb = vi.fn();
-		let stop;
-		effectScope(() => {
-			stop = createWatch(() => s(), cb);
-		});
-		stop();
-		s(1);
-		globalExpect(cb).not.toHaveBeenCalled();
-	});
-});
-//#endregion
-export {};

package/dist/signals/lib/window-size.d.mts

@@ -1,14 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/window-size.d.ts
-type WindowSizeResult = {
-  width: Computed<number>;
-  height: Computed<number>;
-} & Disposable;
-/**
- * Returns reactive `width` and `height` signals tracking the browser window
- * inner dimensions.
- */
-declare function createWindowSize(): WindowSizeResult;
-//#endregion
-export { createWindowSize };

package/dist/signals/lib/window-size.mjs

@@ -1,22 +0,0 @@
-import { f as signal } from "../../signals-CLAPw8kk.mjs";
-import { createEventListener } from "./event-listener.mjs";
-//#region src/signals/lib/window-size.ts
-/**
-* Returns reactive `width` and `height` signals tracking the browser window
-* inner dimensions.
-*/
-function createWindowSize() {
-	const width = signal(typeof window !== "undefined" ? window.innerWidth : 0);
-	const height = signal(typeof window !== "undefined" ? window.innerHeight : 0);
-	const onResize = () => {
-		width(window.innerWidth);
-		height(window.innerHeight);
-	};
-	const cleanup = createEventListener(window, "resize", onResize);
-	return Object.assign({
-		width,
-		height
-	}, { [Symbol.dispose]: cleanup });
-}
-//#endregion
-export { createWindowSize };

package/dist/signals/lib/window-size.test.mjs

@@ -1,50 +0,0 @@
-import { o as effectScope } from "../../signals-CLAPw8kk.mjs";
-import { a as describe, o as it, r as afterEach, t as globalExpect } from "../../test.BmQO5GaM-CR2qjV1t.mjs";
-import { createWindowSize } from "./window-size.mjs";
-//#region src/signals/lib/window-size.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-});
-describe("createWindowSize", () => {
-	it("starts with current window dimensions", () => {
-		let ws;
-		effectScope(() => {
-			ws = createWindowSize();
-		});
-		globalExpect(ws.width()).toBe(window.innerWidth);
-		globalExpect(ws.height()).toBe(window.innerHeight);
-	});
-	it("updates on resize event", () => {
-		let ws;
-		effectScope(() => {
-			ws = createWindowSize();
-		});
-		Object.defineProperty(window, "innerWidth", {
-			configurable: true,
-			get: () => 1024
-		});
-		Object.defineProperty(window, "innerHeight", {
-			configurable: true,
-			get: () => 768
-		});
-		window.dispatchEvent(new Event("resize"));
-		globalExpect(ws.width()).toBe(1024);
-		globalExpect(ws.height()).toBe(768);
-	});
-	it("stops reacting after Symbol.dispose", () => {
-		let ws;
-		effectScope(() => {
-			ws = createWindowSize();
-		});
-		const w0 = ws.width();
-		ws[Symbol.dispose]();
-		Object.defineProperty(window, "innerWidth", {
-			configurable: true,
-			get: () => 9999
-		});
-		window.dispatchEvent(new Event("resize"));
-		globalExpect(ws.width()).toBe(w0);
-	});
-});
-//#endregion
-export {};