elements-kit 0.0.9 → 0.0.11

package/dist/signals/lib/audio.mjs

@@ -1,60 +0,0 @@
-import { f as signal } from "../../signals-CLAPw8kk.mjs";
-import { createEventListener } from "./event-listener.mjs";
-//#region src/signals/lib/audio.ts
-/**
-* Wraps an `HTMLAudioElement` with reactive state and playback controls.
-* Pass a `src` string to create a new element, or pass an existing element.
-*/
-function createAudio(src) {
-	const el = typeof src === "string" ? new Audio(src) : src;
-	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 { createAudio };

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

@@ -1,54 +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 { createAudio } from "./audio.mjs";
-//#region src/signals/lib/audio.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-	vi.restoreAllMocks();
-});
-describe("createAudio", () => {
-	it("creates an Audio element from a src string", () => {
-		let a;
-		effectScope(() => {
-			a = createAudio("test.mp3");
-		});
-		globalExpect(a.element).toBeInstanceOf(HTMLAudioElement);
-	});
-	it("starts as paused", () => {
-		let a;
-		effectScope(() => {
-			a = createAudio("test.mp3");
-		});
-		globalExpect(a.playing()).toBe(false);
-	});
-	it("mute() sets muted to true", () => {
-		let a;
-		effectScope(() => {
-			a = createAudio("test.mp3");
-		});
-		a.mute();
-		globalExpect(a.element.muted).toBe(true);
-	});
-	it("setVolume clamps to [0, 1]", () => {
-		let a;
-		effectScope(() => {
-			a = createAudio("test.mp3");
-		});
-		a.setVolume(2);
-		globalExpect(a.element.volume).toBe(1);
-		a.setVolume(-1);
-		globalExpect(a.element.volume).toBe(0);
-	});
-	it("removes event listeners on Symbol.dispose", () => {
-		const removeSpy = vi.fn();
-		let a;
-		effectScope(() => {
-			a = createAudio("test.mp3");
-		});
-		vi.spyOn(a.element, "removeEventListener").mockImplementation(removeSpy);
-		a[Symbol.dispose]();
-		globalExpect(removeSpy).toHaveBeenCalled();
-	});
-});
-//#endregion
-export {};

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

@@ -1,17 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/battery.d.ts
-type BatteryResult = {
-  charging: Computed<boolean>;
-  level: Computed<number>;
-  chargingTime: Computed<number>;
-  dischargingTime: Computed<number>;
-  supported: Computed<boolean>;
-} & Disposable;
-/**
- * Exposes the Battery Status API as reactive signals.
- * `supported` will be `false` when the API is unavailable.
- */
-declare function createBattery(): BatteryResult;
-//#endregion
-export { createBattery };

package/dist/signals/lib/battery.mjs

@@ -1,45 +0,0 @@
-import { d as onCleanup, f as signal } from "../../signals-CLAPw8kk.mjs";
-//#region src/signals/lib/battery.ts
-/**
-* Exposes the Battery Status API as reactive signals.
-* `supported` will be `false` when the API is unavailable.
-*/
-function createBattery() {
-	const supported = signal(typeof navigator !== "undefined" && "getBattery" in navigator);
-	const charging = signal(false);
-	const level = signal(1);
-	const chargingTime = signal(0);
-	const dischargingTime = signal(Infinity);
-	let battery;
-	const update = () => {
-		if (!battery) return;
-		charging(battery.charging);
-		level(battery.level);
-		chargingTime(battery.chargingTime);
-		dischargingTime(battery.dischargingTime);
-	};
-	const events = [
-		"chargingchange",
-		"levelchange",
-		"chargingtimechange",
-		"dischargingtimechange"
-	];
-	const cleanup = () => {
-		events.forEach((e) => battery?.removeEventListener(e, update));
-	};
-	if (supported()) navigator.getBattery().then((b) => {
-		battery = b;
-		update();
-		events.forEach((e) => b.addEventListener(e, update));
-	});
-	onCleanup(cleanup);
-	return Object.assign({
-		supported,
-		charging,
-		level,
-		chargingTime,
-		dischargingTime
-	}, { [Symbol.dispose]: cleanup });
-}
-//#endregion
-export { createBattery };

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

@@ -1,38 +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 { createBattery } from "./battery.mjs";
-//#region src/signals/lib/battery.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-	vi.unstubAllGlobals();
-});
-describe("createBattery", () => {
-	it("returns unsupported=false when getBattery not present", () => {
-		vi.stubGlobal("navigator", {});
-		let b;
-		effectScope(() => {
-			b = createBattery();
-		});
-		globalExpect(b.supported()).toBe(false);
-	});
-	it("fetches battery info via getBattery", async () => {
-		const batteryMock = {
-			charging: true,
-			level: .8,
-			chargingTime: 3600,
-			dischargingTime: Infinity,
-			addEventListener: vi.fn(),
-			removeEventListener: vi.fn()
-		};
-		vi.stubGlobal("navigator", { getBattery: vi.fn().mockResolvedValue(batteryMock) });
-		let b;
-		effectScope(() => {
-			b = createBattery();
-		});
-		await new Promise((res) => setTimeout(res, 0));
-		globalExpect(b.charging()).toBe(true);
-		globalExpect(b.level()).toBe(.8);
-	});
-});
-//#endregion
-export {};

package/dist/signals/lib/before-unload.d.mts

@@ -1,11 +0,0 @@
-//#region src/signals/lib/before-unload.d.ts
-/**
- * Registers a `beforeunload` handler that shows a native confirmation dialog
- * when the user tries to leave the page.
- *
- * `message` can be a string or a reactive getter (re-evaluated on each event).
- * Modern browsers ignore custom messages and show a generic prompt instead.
- */
-declare function createBeforeUnload(message?: string | (() => string)): Disposable;
-//#endregion
-export { createBeforeUnload };

package/dist/signals/lib/before-unload.mjs

@@ -1,20 +0,0 @@
-import { createEventListener } from "./event-listener.mjs";
-//#region src/signals/lib/before-unload.ts
-/**
-* Registers a `beforeunload` handler that shows a native confirmation dialog
-* when the user tries to leave the page.
-*
-* `message` can be a string or a reactive getter (re-evaluated on each event).
-* Modern browsers ignore custom messages and show a generic prompt instead.
-*/
-function createBeforeUnload(message) {
-	const handler = (e) => {
-		const msg = typeof message === "function" ? message() : message;
-		e.preventDefault();
-		if (msg !== void 0) e.returnValue = msg;
-	};
-	const cleanup = createEventListener(window, "beforeunload", handler);
-	return { [Symbol.dispose]: cleanup };
-}
-//#endregion
-export { createBeforeUnload };

package/dist/signals/lib/before-unload.test.mjs

@@ -1,29 +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 { createBeforeUnload } from "./before-unload.mjs";
-//#region src/signals/lib/before-unload.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-});
-describe("createBeforeUnload", () => {
-	it("registers a beforeunload handler", () => {
-		const addSpy = vi.spyOn(window, "addEventListener");
-		effectScope(() => {
-			createBeforeUnload("Are you sure?");
-		});
-		globalExpect(addSpy).toHaveBeenCalledWith("beforeunload", globalExpect.any(Function));
-		addSpy.mockRestore();
-	});
-	it("removes the handler on Symbol.dispose", () => {
-		const removeSpy = vi.spyOn(window, "removeEventListener");
-		let bu;
-		effectScope(() => {
-			bu = createBeforeUnload();
-		});
-		bu[Symbol.dispose]();
-		globalExpect(removeSpy).toHaveBeenCalledWith("beforeunload", globalExpect.any(Function));
-		removeSpy.mockRestore();
-	});
-});
-//#endregion
-export {};

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

@@ -1,15 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/clipboard.d.ts
-type ClipboardResult = {
-  copied: Computed<boolean>;
-  value: Computed<string | null>;
-  copy(text: string): Promise<void>;
-};
-/**
- * Provides a `copy(text)` helper that writes to the clipboard.
- * `copied` is `true` for 1 500 ms after a successful copy.
- */
-declare function createClipboard(resetDelay?: number): ClipboardResult;
-//#endregion
-export { createClipboard };

package/dist/signals/lib/clipboard.mjs

@@ -1,25 +0,0 @@
-import { f as signal } from "../../signals-CLAPw8kk.mjs";
-//#region src/signals/lib/clipboard.ts
-/**
-* Provides a `copy(text)` helper that writes to the clipboard.
-* `copied` is `true` for 1 500 ms after a successful copy.
-*/
-function createClipboard(resetDelay = 1500) {
-	const copied = signal(false);
-	const value = signal(null);
-	let timer;
-	const copy = async (text) => {
-		await navigator.clipboard.writeText(text);
-		clearTimeout(timer);
-		value(text);
-		copied(true);
-		timer = setTimeout(() => copied(false), resetDelay);
-	};
-	return {
-		copied,
-		value,
-		copy
-	};
-}
-//#endregion
-export { createClipboard };

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

@@ -1,53 +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 { createClipboard } from "./clipboard.mjs";
-//#region src/signals/lib/clipboard.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-	vi.useRealTimers();
-	vi.unstubAllGlobals();
-});
-describe("createClipboard", () => {
-	it("starts as not copied", () => {
-		vi.stubGlobal("navigator", {
-			...navigator,
-			clipboard: { writeText: vi.fn().mockResolvedValue(void 0) }
-		});
-		let cb;
-		effectScope(() => {
-			cb = createClipboard();
-		});
-		globalExpect(cb.copied()).toBe(false);
-		globalExpect(cb.value()).toBeNull();
-	});
-	it("sets copied and value after copy()", async () => {
-		vi.useFakeTimers();
-		vi.stubGlobal("navigator", {
-			...navigator,
-			clipboard: { writeText: vi.fn().mockResolvedValue(void 0) }
-		});
-		let cb;
-		effectScope(() => {
-			cb = createClipboard();
-		});
-		await cb.copy("hello");
-		globalExpect(cb.copied()).toBe(true);
-		globalExpect(cb.value()).toBe("hello");
-	});
-	it("resets copied after resetDelay", async () => {
-		vi.useFakeTimers();
-		vi.stubGlobal("navigator", {
-			...navigator,
-			clipboard: { writeText: vi.fn().mockResolvedValue(void 0) }
-		});
-		let cb;
-		effectScope(() => {
-			cb = createClipboard(500);
-		});
-		await cb.copy("text");
-		vi.advanceTimersByTime(600);
-		globalExpect(cb.copied()).toBe(false);
-	});
-});
-//#endregion
-export {};

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

@@ -1,18 +0,0 @@
-import { n as Signal } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/counter.d.ts
-type CounterResult = Signal<number> & {
-  increment(step?: number): void;
-  decrement(step?: number): void;
-  reset(): void;
-};
-/**
- * Returns a numeric `Signal` with `increment`, `decrement`, and `reset`
- * helpers.  Optionally clamp to `[min, max]`.
- */
-declare function createCounter(initial?: number, options?: {
-  min?: number;
-  max?: number;
-}): CounterResult;
-//#endregion
-export { createCounter };

package/dist/signals/lib/counter.mjs

@@ -1,21 +0,0 @@
-import { f as signal } from "../../signals-CLAPw8kk.mjs";
-//#region src/signals/lib/counter.ts
-/**
-* Returns a numeric `Signal` with `increment`, `decrement`, and `reset`
-* helpers.  Optionally clamp to `[min, max]`.
-*/
-function createCounter(initial = 0, options) {
-	const { min = -Infinity, max = Infinity } = options ?? {};
-	const clamp = (v) => Math.min(max, Math.max(min, v));
-	const s = signal(clamp(initial));
-	const increment = (step = 1) => s(clamp(s() + step));
-	const decrement = (step = 1) => s(clamp(s() - step));
-	const reset = () => s(clamp(initial));
-	return Object.assign(s, {
-		increment,
-		decrement,
-		reset
-	});
-}
-//#endregion
-export { createCounter };

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

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

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

@@ -1,74 +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 { createCounter } from "./counter.mjs";
-//#region src/signals/lib/counter.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-});
-describe("createCounter", () => {
-	it("starts at 0 by default", () => {
-		let c;
-		effectScope(() => {
-			c = createCounter();
-		});
-		globalExpect(c()).toBe(0);
-	});
-	it("starts at a provided initial value", () => {
-		let c;
-		effectScope(() => {
-			c = createCounter(10);
-		});
-		globalExpect(c()).toBe(10);
-	});
-	it("increments by 1", () => {
-		let c;
-		effectScope(() => {
-			c = createCounter(0);
-		});
-		c.increment();
-		globalExpect(c()).toBe(1);
-	});
-	it("increments by step", () => {
-		let c;
-		effectScope(() => {
-			c = createCounter(0);
-		});
-		c.increment(5);
-		globalExpect(c()).toBe(5);
-	});
-	it("decrements by 1", () => {
-		let c;
-		effectScope(() => {
-			c = createCounter(5);
-		});
-		c.decrement();
-		globalExpect(c()).toBe(4);
-	});
-	it("resets to initial value", () => {
-		let c;
-		effectScope(() => {
-			c = createCounter(3);
-		});
-		c.increment(10);
-		c.reset();
-		globalExpect(c()).toBe(3);
-	});
-	it("clamps to max", () => {
-		let c;
-		effectScope(() => {
-			c = createCounter(0, { max: 5 });
-		});
-		c.increment(100);
-		globalExpect(c()).toBe(5);
-	});
-	it("clamps to min", () => {
-		let c;
-		effectScope(() => {
-			c = createCounter(0, { min: -3 });
-		});
-		c.decrement(100);
-		globalExpect(c()).toBe(-3);
-	});
-});
-//#endregion
-export {};

package/dist/signals/lib/document-title.d.mts

@@ -1,10 +0,0 @@
-import { n as Signal } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/document-title.d.ts
-/**
- * Returns a writable `Signal<string>` synced to `document.title`.
- * Writing the signal immediately updates the browser tab title.
- */
-declare function createDocumentTitle(initial?: string): Signal<string>;
-//#endregion
-export { createDocumentTitle };

package/dist/signals/lib/document-title.mjs

@@ -1,15 +0,0 @@
-import { a as effect, f as signal } from "../../signals-CLAPw8kk.mjs";
-//#region src/signals/lib/document-title.ts
-/**
-* Returns a writable `Signal<string>` synced to `document.title`.
-* Writing the signal immediately updates the browser tab title.
-*/
-function createDocumentTitle(initial) {
-	const title = signal(initial ?? (typeof document !== "undefined" ? document.title : ""));
-	effect(() => {
-		if (typeof document !== "undefined") document.title = title();
-	});
-	return title;
-}
-//#endregion
-export { createDocumentTitle };

package/dist/signals/lib/document-title.test.d.mts

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

package/dist/signals/lib/document-title.test.mjs

@@ -1,33 +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 { createDocumentTitle } from "./document-title.mjs";
-//#region src/signals/lib/document-title.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-});
-describe("createDocumentTitle", () => {
-	it("sets document.title from initial value", () => {
-		effectScope(() => {
-			createDocumentTitle("My App");
-		});
-		globalExpect(document.title).toBe("My App");
-	});
-	it("updates document.title when signal is written", () => {
-		let title;
-		effectScope(() => {
-			title = createDocumentTitle("Initial");
-		});
-		title("Updated");
-		globalExpect(document.title).toBe("Updated");
-	});
-	it("reads from document.title if no initial value given", () => {
-		document.title = "Existing Title";
-		let title;
-		effectScope(() => {
-			title = createDocumentTitle();
-		});
-		globalExpect(title()).toBe("Existing Title");
-	});
-});
-//#endregion
-export {};

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

@@ -1,16 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/element-size.d.ts
-/**
- * Observes the content-box size of `target` using a `ResizeObserver` and
- * returns reactive `width` and `height` computeds.
- *
- * Supports a reactive getter — pass `() => element` when the target element
- * is not known at call time.
- */
-declare function createElementSize(target: Element | (() => Element | null)): {
-  width: Computed<number>;
-  height: Computed<number>;
-} & Disposable;
-//#endregion
-export { createElementSize };

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

@@ -1,32 +0,0 @@
-import { f as signal } from "../../signals-CLAPw8kk.mjs";
-import { createResizeObserver } from "./resize-observer.mjs";
-//#region src/signals/lib/element-size.ts
-/**
-* Observes the content-box size of `target` using a `ResizeObserver` and
-* returns reactive `width` and `height` computeds.
-*
-* Supports a reactive getter — pass `() => element` when the target element
-* is not known at call time.
-*/
-function createElementSize(target) {
-	const w = signal(0);
-	const h = signal(0);
-	const observer = createResizeObserver(target, (entries) => {
-		for (const entry of entries) {
-			w(entry.contentRect.width);
-			h(entry.contentRect.height);
-		}
-	});
-	const el = typeof target === "function" ? target() : target;
-	if (el) {
-		const rect = el.getBoundingClientRect();
-		w(rect.width);
-		h(rect.height);
-	}
-	return Object.assign({
-		width: w,
-		height: h
-	}, { [Symbol.dispose]: observer[Symbol.dispose] });
-}
-//#endregion
-export { createElementSize };

package/dist/signals/lib/element-size.test.d.mts

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