elements-kit 0.19.0 → 0.20.0

package/dist/utilities/location.test.mjs

@@ -1,61 +0,0 @@
-import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
-import { t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
-import { currentLocation } from "./location.mjs";
-//#region src/utilities/location.test.ts
-afterEach(() => {
-	location.hash = "";
-	history.replaceState(null, "", "/");
-});
-describe("currentLocation (singleton)", () => {
-	it("reads current hash", () => {
-		globalExpect(currentLocation.hash()).toBe(location.hash);
-	});
-	it("reads current href", () => {
-		globalExpect(typeof currentLocation.href()).toBe("string");
-	});
-	it("reads current pathname", () => {
-		globalExpect(typeof currentLocation.pathname()).toBe("string");
-	});
-	it("reads current search", () => {
-		globalExpect(typeof currentLocation.search()).toBe("string");
-	});
-	it("updates hash on hashchange", () => {
-		location.hash = "#foo";
-		window.dispatchEvent(new HashChangeEvent("hashchange"));
-		globalExpect(currentLocation.hash()).toBe("#foo");
-	});
-	it("updates href on popstate", () => {
-		history.replaceState(null, "", "/foo");
-		window.dispatchEvent(new PopStateEvent("popstate"));
-		globalExpect(currentLocation.href()).toMatch(/\/foo$/);
-	});
-	it("updates pathname on popstate", () => {
-		history.replaceState(null, "", "/new-page");
-		window.dispatchEvent(new PopStateEvent("popstate"));
-		globalExpect(currentLocation.pathname()).toBe("/new-page");
-	});
-	it("updates href on hashchange", () => {
-		history.replaceState(null, "", "/bar#baz");
-		window.dispatchEvent(new HashChangeEvent("hashchange"));
-		globalExpect(currentLocation.href()).toMatch(/#baz$/);
-	});
-});
-describe("currentLocation (singleton)", () => {
-	it("returns independent location signals", () => {
-		const loc = currentLocation;
-		globalExpect(typeof loc.hash()).toBe("string");
-		globalExpect(typeof loc.href()).toBe("string");
-		globalExpect(typeof loc.pathname()).toBe("string");
-		globalExpect(typeof loc.search()).toBe("string");
-	});
-	it("all four properties update from a single event", () => {
-		const loc = currentLocation;
-		history.replaceState(null, "", "/factory-test?q=1#section");
-		window.dispatchEvent(new PopStateEvent("popstate"));
-		globalExpect(loc.pathname()).toBe("/factory-test");
-		globalExpect(loc.search()).toBe("?q=1");
-		globalExpect(loc.hash()).toBe("#section");
-	});
-});
-//#endregion
-export {};

package/dist/utilities/long-press.test.d.mts

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

package/dist/utilities/long-press.test.mjs

@@ -1,54 +0,0 @@
-import { c as effectScope } from "../lib-Dkc7cV5F.mjs";
-import "../signals/index.mjs";
-import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
-import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
-import { createLongPress } from "./long-press.mjs";
-//#region src/utilities/long-press.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-	vi.useRealTimers();
-});
-describe("createLongPress", () => {
-	it("does not fire handler on short press", () => {
-		vi.useFakeTimers();
-		const el = document.createElement("button");
-		document.body.appendChild(el);
-		const handler = vi.fn();
-		effectScope(() => {
-			createLongPress(el, handler, { delay: 500 });
-		});
-		el.dispatchEvent(new PointerEvent("pointerdown"));
-		vi.advanceTimersByTime(200);
-		el.dispatchEvent(new PointerEvent("pointerup"));
-		vi.advanceTimersByTime(500);
-		globalExpect(handler).not.toHaveBeenCalled();
-	});
-	it("fires handler after delay", () => {
-		vi.useFakeTimers();
-		const el = document.createElement("button");
-		document.body.appendChild(el);
-		const handler = vi.fn();
-		effectScope(() => {
-			createLongPress(el, handler, { delay: 500 });
-		});
-		el.dispatchEvent(new PointerEvent("pointerdown"));
-		vi.advanceTimersByTime(600);
-		globalExpect(handler).toHaveBeenCalledOnce();
-	});
-	it("cancels when pointer moves", () => {
-		vi.useFakeTimers();
-		const el = document.createElement("button");
-		document.body.appendChild(el);
-		const handler = vi.fn();
-		effectScope(() => {
-			createLongPress(el, handler, { delay: 500 });
-		});
-		el.dispatchEvent(new PointerEvent("pointerdown"));
-		vi.advanceTimersByTime(200);
-		el.dispatchEvent(new PointerEvent("pointermove"));
-		vi.advanceTimersByTime(500);
-		globalExpect(handler).not.toHaveBeenCalled();
-	});
-});
-//#endregion
-export {};

package/dist/utilities/media-devices.test.d.mts

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

package/dist/utilities/media-devices.test.mjs

@@ -1,44 +0,0 @@
-import { c as effectScope } from "../lib-Dkc7cV5F.mjs";
-import "../signals/index.mjs";
-import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
-import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
-import { createMediaDevices } from "./media-devices.mjs";
-//#region src/utilities/media-devices.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-	vi.unstubAllGlobals();
-});
-describe("createMediaDevices", () => {
-	it("returns a list of devices", async () => {
-		const mockDevices = [{
-			deviceId: "1",
-			kind: "audioinput",
-			label: "Mic"
-		}];
-		vi.stubGlobal("navigator", { mediaDevices: {
-			enumerateDevices: vi.fn().mockResolvedValue(mockDevices),
-			addEventListener: vi.fn(),
-			removeEventListener: vi.fn()
-		} });
-		let d;
-		effectScope(() => {
-			d = createMediaDevices();
-		});
-		await new Promise((res) => setTimeout(res, 0));
-		globalExpect(d()).toEqual(mockDevices);
-	});
-	it("removes devicechange listener on scope disposal", () => {
-		const removeListener = vi.fn();
-		vi.stubGlobal("navigator", { mediaDevices: {
-			enumerateDevices: vi.fn().mockResolvedValue([]),
-			addEventListener: vi.fn(),
-			removeEventListener: removeListener
-		} });
-		effectScope(() => {
-			createMediaDevices();
-		})();
-		globalExpect(removeListener).toHaveBeenCalledWith("devicechange", globalExpect.any(Function));
-	});
-});
-//#endregion
-export {};

package/dist/utilities/media-player.test.d.mts

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

package/dist/utilities/media-player.test.mjs

@@ -1,102 +0,0 @@
-import { c as effectScope } from "../lib-Dkc7cV5F.mjs";
-import "../signals/index.mjs";
-import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
-import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
-import { createMediaPlayer } from "./media-player.mjs";
-//#region src/utilities/media-player.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-	vi.restoreAllMocks();
-});
-describe("createMediaPlayer", () => {
-	describe("with <audio>", () => {
-		it("accepts an HTMLAudioElement", () => {
-			const el = new Audio();
-			let a;
-			effectScope(() => {
-				a = createMediaPlayer(el);
-			});
-			globalExpect(a.element).toBe(el);
-		});
-		it("starts as paused", () => {
-			let a;
-			effectScope(() => {
-				a = createMediaPlayer(new Audio());
-			});
-			globalExpect(a.playing()).toBe(false);
-		});
-		it("muted(true) sets muted to true", () => {
-			let a;
-			effectScope(() => {
-				a = createMediaPlayer(new Audio());
-			});
-			a.muted(true);
-			globalExpect(a.element.muted).toBe(true);
-		});
-		it("volume() clamps to [0, 1]", () => {
-			let a;
-			effectScope(() => {
-				a = createMediaPlayer(new Audio());
-			});
-			a.volume(2);
-			globalExpect(a.element.volume).toBe(1);
-			a.volume(-1);
-			globalExpect(a.element.volume).toBe(0);
-		});
-		it("removes event listeners when scope is disposed", () => {
-			const removeSpy = vi.fn();
-			const el = new Audio();
-			let dispose;
-			let a;
-			dispose = effectScope(() => {
-				a = createMediaPlayer(el);
-			});
-			vi.spyOn(a.element, "removeEventListener").mockImplementation(removeSpy);
-			dispose();
-			globalExpect(removeSpy).toHaveBeenCalled();
-		});
-	});
-	describe("with <video>", () => {
-		it("accepts an HTMLVideoElement", () => {
-			const el = document.createElement("video");
-			document.body.appendChild(el);
-			let v;
-			effectScope(() => {
-				v = createMediaPlayer(el);
-			});
-			globalExpect(v.element).toBe(el);
-		});
-		it("starts as paused", () => {
-			const el = document.createElement("video");
-			document.body.appendChild(el);
-			let v;
-			effectScope(() => {
-				v = createMediaPlayer(el);
-			});
-			globalExpect(v.playing()).toBe(false);
-		});
-		it("time(v) updates currentTime", () => {
-			const el = document.createElement("video");
-			document.body.appendChild(el);
-			let v;
-			effectScope(() => {
-				v = createMediaPlayer(el);
-			});
-			v.time(30);
-			globalExpect(el.currentTime).toBe(30);
-		});
-		it("removes event listeners when scope is disposed", () => {
-			const el = document.createElement("video");
-			document.body.appendChild(el);
-			let dispose;
-			dispose = effectScope(() => {
-				createMediaPlayer(el);
-			});
-			const removeSpy = vi.spyOn(el, "removeEventListener");
-			dispose();
-			globalExpect(removeSpy).toHaveBeenCalled();
-		});
-	});
-});
-//#endregion
-export {};

package/dist/utilities/mutation-observer.test.d.mts

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

package/dist/utilities/mutation-observer.test.mjs

@@ -1,48 +0,0 @@
-import { c as effectScope } from "../lib-Dkc7cV5F.mjs";
-import "../signals/index.mjs";
-import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
-import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
-import { createMutationObserver } from "./mutation-observer.mjs";
-//#region src/utilities/mutation-observer.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-	vi.unstubAllGlobals();
-});
-describe("createMutationObserver", () => {
-	it("observes mutations on a target element", () => {
-		const target = document.createElement("div");
-		document.body.appendChild(target);
-		let observeCount = 0;
-		vi.stubGlobal("MutationObserver", function MockMO(cb) {
-			return {
-				observe: () => {
-					observeCount++;
-				},
-				disconnect: vi.fn()
-			};
-		});
-		effectScope(() => {
-			createMutationObserver(target, { childList: true }, vi.fn());
-		});
-		globalExpect(observeCount).toBe(1);
-	});
-	it("disconnects on Symbol.dispose", () => {
-		const target = document.createElement("div");
-		document.body.appendChild(target);
-		const disconnect = vi.fn();
-		vi.stubGlobal("MutationObserver", function MockMO() {
-			return {
-				observe: vi.fn(),
-				disconnect
-			};
-		});
-		let mo;
-		effectScope(() => {
-			mo = createMutationObserver(target, { childList: true }, vi.fn());
-		});
-		mo[Symbol.dispose]();
-		globalExpect(disconnect).toHaveBeenCalledOnce();
-	});
-});
-//#endregion
-export {};

package/dist/utilities/network.test.d.mts

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

package/dist/utilities/network.test.mjs

@@ -1,30 +0,0 @@
-import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
-import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
-import { online } from "./network.mjs";
-//#region src/utilities/network.test.ts
-afterEach(() => {
-	vi.restoreAllMocks();
-});
-describe("online", () => {
-	it("reflects navigator.onLine", () => {
-		globalExpect(online()).toBe(navigator.onLine);
-	});
-	it("becomes false on offline event", () => {
-		Object.defineProperty(navigator, "onLine", {
-			configurable: true,
-			get: () => false
-		});
-		window.dispatchEvent(new Event("offline"));
-		globalExpect(online()).toBe(false);
-	});
-	it("becomes true on online event", () => {
-		Object.defineProperty(navigator, "onLine", {
-			configurable: true,
-			get: () => true
-		});
-		window.dispatchEvent(new Event("online"));
-		globalExpect(online()).toBe(true);
-	});
-});
-//#endregion
-export {};

package/dist/utilities/on-click-outside.test.d.mts

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

package/dist/utilities/on-click-outside.test.mjs

@@ -1,45 +0,0 @@
-import { c as effectScope } from "../lib-Dkc7cV5F.mjs";
-import "../signals/index.mjs";
-import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
-import { n as vi, t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
-import { onClickOutside } from "./on-click-outside.mjs";
-//#region src/utilities/on-click-outside.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-});
-describe("createOnClickOutside", () => {
-	it("fires handler when clicking outside the target", () => {
-		const inside = document.createElement("div");
-		const outside = document.createElement("span");
-		document.body.append(inside, outside);
-		const handler = vi.fn();
-		effectScope(() => {
-			onClickOutside(inside, handler);
-		});
-		outside.dispatchEvent(new PointerEvent("pointerdown", { bubbles: true }));
-		globalExpect(handler).toHaveBeenCalledOnce();
-	});
-	it("does not fire handler when clicking inside the target", () => {
-		const el = document.createElement("div");
-		document.body.appendChild(el);
-		const handler = vi.fn();
-		effectScope(() => {
-			onClickOutside(el, handler);
-		});
-		el.dispatchEvent(new PointerEvent("pointerdown", { bubbles: true }));
-		globalExpect(handler).not.toHaveBeenCalled();
-	});
-	it("does not fire after scope disposal", () => {
-		const inside = document.createElement("div");
-		const outside = document.createElement("span");
-		document.body.append(inside, outside);
-		const handler = vi.fn();
-		effectScope(() => {
-			onClickOutside(inside, handler);
-		})();
-		outside.dispatchEvent(new PointerEvent("pointerdown", { bubbles: true }));
-		globalExpect(handler).not.toHaveBeenCalled();
-	});
-});
-//#endregion
-export {};

package/dist/utilities/previous.test.d.mts

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

package/dist/utilities/previous.test.mjs

@@ -1,90 +0,0 @@
-import { c as effectScope, m as signal } from "../lib-Dkc7cV5F.mjs";
-import "../signals/index.mjs";
-import { f as it, l as describe } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
-import { t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
-import { createPrevious } from "./previous.mjs";
-//#region src/utilities/previous.test.ts
-describe("createPrevious", () => {
-	it("starts as undefined", () => {
-		const s = signal(1);
-		let p;
-		effectScope(() => {
-			p = createPrevious(s);
-		});
-		globalExpect(p()).toBeUndefined();
-	});
-	it("returns the previous value after a change", () => {
-		const s = signal(1);
-		let p;
-		effectScope(() => {
-			p = createPrevious(s);
-		});
-		s(2);
-		globalExpect(p()).toBe(1);
-	});
-	it("tracks each successive previous value", () => {
-		const s = signal("a");
-		let p;
-		effectScope(() => {
-			p = createPrevious(s);
-		});
-		s("b");
-		globalExpect(p()).toBe("a");
-		s("c");
-		globalExpect(p()).toBe("b");
-	});
-	it("does not update after scope disposal", () => {
-		const s = signal(10);
-		let p;
-		const stop = effectScope(() => {
-			p = createPrevious(s);
-		});
-		s(20);
-		stop();
-		s(30);
-		globalExpect(p()).toBe(10);
-	});
-});
-describe("createPrevious with isEqual (distinct mode)", () => {
-	it("starts as undefined", () => {
-		const s = signal(0);
-		let prev;
-		effectScope(() => {
-			prev = createPrevious(s, Object.is);
-		});
-		globalExpect(prev()).toBeUndefined();
-	});
-	it("updates previous when value changes", () => {
-		const s = signal(0);
-		let prev;
-		effectScope(() => {
-			prev = createPrevious(s, Object.is);
-		});
-		s(1);
-		globalExpect(prev()).toBe(0);
-	});
-	it("does not update previous when value is the same", () => {
-		const s = signal(0);
-		let prev;
-		effectScope(() => {
-			prev = createPrevious(s, Object.is);
-		});
-		s(1);
-		globalExpect(prev()).toBe(0);
-		s(1);
-		globalExpect(prev()).toBe(0);
-	});
-	it("uses a custom equality function", () => {
-		const s = signal({ id: 1 });
-		let prev;
-		effectScope(() => {
-			prev = createPrevious(s, (a, b) => a.id === b.id);
-		});
-		s({ id: 1 });
-		globalExpect(prev()).toBeUndefined();
-		s({ id: 2 });
-		globalExpect(prev()?.id).toBe(1);
-	});
-});
-//#endregion
-export {};

package/dist/utilities/promise.test.d.mts

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

package/dist/utilities/promise.test.mjs

@@ -1,158 +0,0 @@
-import { s as effect } from "../lib-Dkc7cV5F.mjs";
-import "../signals/index.mjs";
-import { f as it, l as describe } from "../benchmark.CX_oY03V-CSLAXL5f.mjs";
-import { t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
-import { ReactivePromise, promise } from "./promise.mjs";
-//#region src/utilities/promise.test.ts
-describe("ReactivePromise", () => {
-	it("starts in pending state", () => {
-		const rp = new ReactivePromise(() => {});
-		globalExpect(rp.state).toBe("pending");
-		globalExpect(rp.value).toBeUndefined();
-		globalExpect(rp.reason).toBeUndefined();
-		globalExpect(rp.result).toBeUndefined();
-	});
-	it("transitions to fulfilled", async () => {
-		const rp = new ReactivePromise((resolve) => resolve(42));
-		await rp;
-		globalExpect(rp.state).toBe("fulfilled");
-		globalExpect(rp.value).toBe(42);
-		globalExpect(rp.reason).toBeUndefined();
-		globalExpect(rp.result).toBe(42);
-	});
-	it("transitions to rejected", async () => {
-		const err = /* @__PURE__ */ new Error("fail");
-		const rp = new ReactivePromise((_, reject) => reject(err));
-		await rp.catch(() => {});
-		globalExpect(rp.state).toBe("rejected");
-		globalExpect(rp.reason).toBe(err);
-		globalExpect(rp.value).toBeUndefined();
-		globalExpect(rp.result).toBe(err);
-	});
-	it("unwraps a PromiseLike value", async () => {
-		const rp = new ReactivePromise((resolve) => resolve(Promise.resolve(99)));
-		await rp;
-		globalExpect(rp.value).toBe(99);
-	});
-	it("state and value update atomically — no inconsistent intermediate state", async () => {
-		const rp = new ReactivePromise((resolve) => resolve(7));
-		const snapshots = [];
-		const stop = effect(() => {
-			snapshots.push({
-				state: rp.state,
-				value: rp.value
-			});
-		});
-		await rp;
-		stop();
-		globalExpect(snapshots.find((s) => s.state === "fulfilled" && s.value === void 0)).toBeUndefined();
-		globalExpect(snapshots.at(-1)).toEqual({
-			state: "fulfilled",
-			value: 7
-		});
-	});
-	it("state and reason update atomically on rejection", async () => {
-		const err = /* @__PURE__ */ new Error("oops");
-		const rp = new ReactivePromise((_, reject) => reject(err));
-		const snapshots = [];
-		const stop = effect(() => {
-			snapshots.push({
-				state: rp.state,
-				reason: rp.reason
-			});
-		});
-		await rp.catch(() => {});
-		stop();
-		globalExpect(snapshots.find((s) => s.state === "rejected" && s.reason === void 0)).toBeUndefined();
-		globalExpect(snapshots.at(-1)).toEqual({
-			state: "rejected",
-			reason: err
-		});
-	});
-	it("ReactivePromise.from() wraps an existing Promise", async () => {
-		const rp = ReactivePromise.from(Promise.resolve("hello"));
-		await rp;
-		globalExpect(rp.state).toBe("fulfilled");
-		globalExpect(rp.value).toBe("hello");
-	});
-});
-describe("promise()", () => {
-	it("is instanceof ReactivePromise", () => {
-		globalExpect(promise(() => {}) instanceof ReactivePromise).toBe(true);
-	});
-	it("returns undefined while pending", () => {
-		const cp = promise(() => {});
-		globalExpect(cp()).toBeUndefined();
-		globalExpect(cp.state).toBe("pending");
-	});
-	it("returns the resolved value when fulfilled", async () => {
-		const cp = promise((resolve) => resolve(42));
-		await cp;
-		globalExpect(cp()).toBe(42);
-	});
-	it("returns the rejection reason when rejected", async () => {
-		const err = /* @__PURE__ */ new Error("fail");
-		const cp = promise((_, reject) => reject(err));
-		await cp.catch(() => {});
-		globalExpect(cp()).toBe(err);
-	});
-	it("wraps an existing Promise", async () => {
-		const cp = promise(Promise.resolve("hi"));
-		await cp;
-		globalExpect(cp()).toBe("hi");
-	});
-	it("passes through a ReactivePromise", async () => {
-		const cp = promise(new ReactivePromise((resolve) => resolve(5)));
-		await cp;
-		globalExpect(cp()).toBe(5);
-	});
-	it("is awaitable — resolves to the fulfilled value", async () => {
-		globalExpect(await promise((resolve) => resolve(100))).toBe(100);
-	});
-	it("is awaitable — rejects on failure", async () => {
-		const err = /* @__PURE__ */ new Error("bad");
-		const cp = promise((_, reject) => reject(err));
-		let caught;
-		await cp.catch((e) => {
-			caught = e;
-		});
-		globalExpect(caught).toBe(err);
-	});
-	it("delegates .then()", async () => {
-		globalExpect(await promise((resolve) => resolve(3)).then((v) => v * 2)).toBe(6);
-	});
-	it("delegates .catch()", async () => {
-		const err = /* @__PURE__ */ new Error("caught");
-		globalExpect(await promise((_, reject) => reject(err)).catch((e) => e)).toBe(err);
-	});
-	it("cp.catch handler runs on rejection", async () => {
-		const err = /* @__PURE__ */ new Error("caught");
-		const cp = promise((_, reject) => reject(err));
-		const caught = [];
-		await cp.catch((e) => caught.push(e));
-		globalExpect(caught).toEqual([err]);
-	});
-	it("is reactive — effect reruns on fulfillment", async () => {
-		const cp = promise((resolve) => resolve(1));
-		const values = [];
-		const stop = effect(() => {
-			values.push(cp.value);
-		});
-		await cp;
-		stop();
-		globalExpect(values).toEqual([void 0, 1]);
-	});
-	it("is reactive — effect reruns on rejection", async () => {
-		const err = /* @__PURE__ */ new Error("x");
-		const cp = promise((_, reject) => reject(err));
-		const results = [];
-		const stop = effect(() => {
-			results.push(cp());
-		});
-		await cp.catch(() => {});
-		stop();
-		globalExpect(results).toEqual([void 0, err]);
-	});
-});
-//#endregion
-export {};

package/dist/utilities/retry.test.d.mts

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