elements-kit 0.0.10 → 0.0.11

package/dist/signals/lib/pressed-keys.test.mjs

@@ -1,54 +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 { createPressedKeys } from "./pressed-keys.mjs";
-//#region src/signals/lib/pressed-keys.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-});
-describe("createPressedKeys", () => {
-	it("starts with an empty set", () => {
-		let keys;
-		effectScope(() => {
-			keys = createPressedKeys();
-		});
-		globalExpect(keys().size).toBe(0);
-	});
-	it("adds a key on keydown", () => {
-		let keys;
-		effectScope(() => {
-			keys = createPressedKeys();
-		});
-		window.dispatchEvent(new KeyboardEvent("keydown", { key: "a" }));
-		globalExpect(keys().has("a")).toBe(true);
-	});
-	it("removes a key on keyup", () => {
-		let keys;
-		effectScope(() => {
-			keys = createPressedKeys();
-		});
-		window.dispatchEvent(new KeyboardEvent("keydown", { key: "a" }));
-		window.dispatchEvent(new KeyboardEvent("keyup", { key: "a" }));
-		globalExpect(keys().has("a")).toBe(false);
-	});
-	it("tracks multiple keys simultaneously", () => {
-		let keys;
-		effectScope(() => {
-			keys = createPressedKeys();
-		});
-		window.dispatchEvent(new KeyboardEvent("keydown", { key: "Control" }));
-		window.dispatchEvent(new KeyboardEvent("keydown", { key: "a" }));
-		globalExpect(keys().has("Control")).toBe(true);
-		globalExpect(keys().has("a")).toBe(true);
-	});
-	it("stops reacting after Symbol.dispose", () => {
-		let keys;
-		effectScope(() => {
-			keys = createPressedKeys();
-		});
-		keys[Symbol.dispose]();
-		window.dispatchEvent(new KeyboardEvent("keydown", { key: "z" }));
-		globalExpect(keys().has("z")).toBe(false);
-	});
-});
-//#endregion
-export {};

package/dist/signals/lib/previous-distinct.d.mts

@@ -1,10 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/previous-distinct.d.ts
-/**
- * Like `createPrevious` but only updates when the value is *distinct*
- * (i.e. fails the equality check).
- */
-declare function createPreviousDistinct<T>(getter: () => T, isEqual?: (a: T, b: T) => boolean): Computed<T | undefined>;
-//#endregion
-export { createPreviousDistinct };

package/dist/signals/lib/previous-distinct.mjs

@@ -1,22 +0,0 @@
-import { a as effect, f as signal } from "../../signals-CLAPw8kk.mjs";
-//#region src/signals/lib/previous-distinct.ts
-/**
-* Like `createPrevious` but only updates when the value is *distinct*
-* (i.e. fails the equality check).
-*/
-function createPreviousDistinct(getter, isEqual = Object.is) {
-	const prev = signal(void 0);
-	let current;
-	let initialized = false;
-	effect(() => {
-		const next = getter();
-		if (!initialized || !isEqual(next, current)) {
-			prev(current);
-			current = next;
-			initialized = true;
-		}
-	});
-	return prev;
-}
-//#endregion
-export { createPreviousDistinct };

package/dist/signals/lib/previous-distinct.test.d.mts

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

package/dist/signals/lib/previous-distinct.test.mjs

@@ -1,50 +0,0 @@
-import { f as signal, 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 { createPreviousDistinct } from "./previous-distinct.mjs";
-//#region src/signals/lib/previous-distinct.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-});
-describe("createPreviousDistinct", () => {
-	it("starts as undefined", () => {
-		const s = signal(0);
-		let prev;
-		effectScope(() => {
-			prev = createPreviousDistinct(() => s());
-		});
-		globalExpect(prev()).toBeUndefined();
-	});
-	it("updates previous when value changes", () => {
-		const s = signal(0);
-		let prev;
-		effectScope(() => {
-			prev = createPreviousDistinct(() => s());
-		});
-		s(1);
-		globalExpect(prev()).toBe(0);
-	});
-	it("does not update previous when value is the same", () => {
-		const s = signal(0);
-		let prev;
-		effectScope(() => {
-			prev = createPreviousDistinct(() => s());
-		});
-		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 = createPreviousDistinct(() => 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/signals/lib/previous.d.mts

@@ -1,10 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/previous.d.ts
-/**
- * Returns a `Computed` that always holds the *previous* value emitted by
- * `getter`.  Starts as `undefined` until the getter changes for the first time.
- */
-declare function createPrevious<T>(getter: () => T): Computed<T | undefined>;
-//#endregion
-export { createPrevious };

package/dist/signals/lib/previous.mjs

@@ -1,18 +0,0 @@
-import { a as effect, f as signal } from "../../signals-CLAPw8kk.mjs";
-//#region src/signals/lib/previous.ts
-/**
-* Returns a `Computed` that always holds the *previous* value emitted by
-* `getter`.  Starts as `undefined` until the getter changes for the first time.
-*/
-function createPrevious(getter) {
-	const prev = signal(void 0);
-	let current;
-	effect(() => {
-		const next = getter();
-		prev(current);
-		current = next;
-	});
-	return prev;
-}
-//#endregion
-export { createPrevious };

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

@@ -1,47 +0,0 @@
-import { f as signal, o as effectScope } from "../../signals-CLAPw8kk.mjs";
-import { a as describe, o as it, t as globalExpect } from "../../test.BmQO5GaM-CR2qjV1t.mjs";
-import { createPrevious } from "./previous.mjs";
-//#region src/signals/lib/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);
-	});
-});
-//#endregion
-export {};

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

@@ -1,17 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/queue.d.ts
-type QueueResult<T> = {
-  items: Computed<readonly T[]>;
-  add(item: T): void;
-  remove(): T | undefined;
-  peek(): T | undefined;
-  clear(): void;
-  size: Computed<number>;
-};
-/**
- * Reactive FIFO queue.
- */
-declare function createQueue<T>(initial?: T[]): QueueResult<T>;
-//#endregion
-export { createQueue };

package/dist/signals/lib/queue.mjs

@@ -1,28 +0,0 @@
-import { f as signal } from "../../signals-CLAPw8kk.mjs";
-//#region src/signals/lib/queue.ts
-/**
-* Reactive FIFO queue.
-*/
-function createQueue(initial = []) {
-	const s = signal([...initial]);
-	const add = (item) => s([...s(), item]);
-	const remove = () => {
-		const arr = [...s()];
-		const first = arr.shift();
-		s(arr);
-		return first;
-	};
-	const peek = () => s()[0];
-	const clear = () => s([]);
-	const size = () => s().length;
-	return {
-		items: s,
-		add,
-		remove,
-		peek,
-		clear,
-		size
-	};
-}
-//#endregion
-export { createQueue };

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

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

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

@@ -1,61 +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 { createQueue } from "./queue.mjs";
-//#region src/signals/lib/queue.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-});
-describe("createQueue", () => {
-	it("starts empty by default", () => {
-		let q;
-		effectScope(() => {
-			q = createQueue();
-		});
-		globalExpect(q.items()).toEqual([]);
-		globalExpect(q.size()).toBe(0);
-	});
-	it("add enqueues an item", () => {
-		let q;
-		effectScope(() => {
-			q = createQueue();
-		});
-		q.add(1);
-		q.add(2);
-		globalExpect(q.items()).toEqual([1, 2]);
-	});
-	it("remove dequeues the first item (FIFO)", () => {
-		let q;
-		effectScope(() => {
-			q = createQueue([
-				1,
-				2,
-				3
-			]);
-		});
-		globalExpect(q.remove()).toBe(1);
-		globalExpect(q.items()).toEqual([2, 3]);
-	});
-	it("peek returns the front without removing", () => {
-		let q;
-		effectScope(() => {
-			q = createQueue([10, 20]);
-		});
-		globalExpect(q.peek()).toBe(10);
-		globalExpect(q.size()).toBe(2);
-	});
-	it("clear empties the queue", () => {
-		let q;
-		effectScope(() => {
-			q = createQueue([
-				1,
-				2,
-				3
-			]);
-		});
-		q.clear();
-		globalExpect(q.items()).toEqual([]);
-		globalExpect(q.size()).toBe(0);
-	});
-});
-//#endregion
-export {};

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

@@ -1,17 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/raf.d.ts
-type RafResult = {
-  isRunning: Computed<boolean>;
-  start(): void;
-  stop(): void;
-} & Disposable;
-/**
- * Looping `requestAnimationFrame` wrapper with start/stop control.
- *
- * The callback receives the `DOMHighResTimeStamp` elapsed since page load.
- * Starts running immediately on creation.
- */
-declare function createRaf(callback: (time: number) => void): RafResult;
-//#endregion
-export { createRaf };

package/dist/signals/lib/raf.mjs

@@ -1,38 +0,0 @@
-import { d as onCleanup, f as signal } from "../../signals-CLAPw8kk.mjs";
-//#region src/signals/lib/raf.ts
-/**
-* Looping `requestAnimationFrame` wrapper with start/stop control.
-*
-* The callback receives the `DOMHighResTimeStamp` elapsed since page load.
-* Starts running immediately on creation.
-*/
-function createRaf(callback) {
-	const isRunning = signal(false);
-	let rafId;
-	const loop = (time) => {
-		callback(time);
-		if (isRunning()) rafId = requestAnimationFrame(loop);
-	};
-	const start = () => {
-		if (isRunning()) return;
-		isRunning(true);
-		rafId = requestAnimationFrame(loop);
-	};
-	const stop = () => {
-		isRunning(false);
-		if (rafId !== void 0) {
-			cancelAnimationFrame(rafId);
-			rafId = void 0;
-		}
-	};
-	start();
-	const cleanup = () => stop();
-	onCleanup(cleanup);
-	return Object.assign({
-		isRunning,
-		start,
-		stop
-	}, { [Symbol.dispose]: cleanup });
-}
-//#endregion
-export { createRaf };

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

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

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

@@ -1,58 +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 { createRaf } from "./raf.mjs";
-//#region src/signals/lib/raf.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-	vi.unstubAllGlobals();
-});
-describe("createRaf", () => {
-	it("starts running immediately", () => {
-		vi.stubGlobal("requestAnimationFrame", vi.fn().mockReturnValue(1));
-		vi.stubGlobal("cancelAnimationFrame", vi.fn());
-		let r;
-		effectScope(() => {
-			r = createRaf(vi.fn());
-		});
-		globalExpect(r.isRunning()).toBe(true);
-	});
-	it("calls the callback via RAF", () => {
-		let raf;
-		vi.stubGlobal("requestAnimationFrame", (cb) => {
-			raf = cb;
-			return 1;
-		});
-		vi.stubGlobal("cancelAnimationFrame", vi.fn());
-		const cb = vi.fn();
-		effectScope(() => {
-			createRaf(cb);
-		});
-		raf?.(16);
-		globalExpect(cb).toHaveBeenCalledWith(16);
-	});
-	it("stop() halts the loop", () => {
-		vi.stubGlobal("requestAnimationFrame", vi.fn().mockReturnValue(1));
-		const cancel = vi.fn();
-		vi.stubGlobal("cancelAnimationFrame", cancel);
-		let r;
-		effectScope(() => {
-			r = createRaf(vi.fn());
-		});
-		r.stop();
-		globalExpect(r.isRunning()).toBe(false);
-		globalExpect(cancel).toHaveBeenCalled();
-	});
-	it("Symbol.dispose stops the loop", () => {
-		const cancel = vi.fn();
-		vi.stubGlobal("requestAnimationFrame", vi.fn().mockReturnValue(1));
-		vi.stubGlobal("cancelAnimationFrame", cancel);
-		let r;
-		effectScope(() => {
-			r = createRaf(vi.fn());
-		});
-		r[Symbol.dispose]();
-		globalExpect(cancel).toHaveBeenCalled();
-	});
-});
-//#endregion
-export {};

package/dist/signals/lib/resize-observer.d.mts

@@ -1,8 +0,0 @@
-//#region src/signals/lib/resize-observer.d.ts
-/**
- * Raw `ResizeObserver` wrapper with automatic cleanup.
- * Use `createElementSize` / `createElementRect` for the common cases.
- */
-declare function createResizeObserver(target: Element | (() => Element | null), callback: ResizeObserverCallback): Disposable;
-//#endregion
-export { createResizeObserver };

package/dist/signals/lib/resize-observer.test.d.mts

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

package/dist/signals/lib/resize-observer.test.mjs

@@ -1,44 +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 { createResizeObserver } from "./resize-observer.mjs";
-//#region src/signals/lib/resize-observer.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-	vi.unstubAllGlobals();
-});
-describe("createResizeObserver", () => {
-	it("observes a target element", () => {
-		const target = document.createElement("div");
-		document.body.appendChild(target);
-		const observe = vi.fn();
-		vi.stubGlobal("ResizeObserver", function MockRO() {
-			return {
-				observe,
-				disconnect: vi.fn()
-			};
-		});
-		effectScope(() => {
-			createResizeObserver(target, vi.fn());
-		});
-		globalExpect(observe).toHaveBeenCalledWith(target);
-	});
-	it("disconnects on Symbol.dispose", () => {
-		const target = document.createElement("div");
-		document.body.appendChild(target);
-		const disconnect = vi.fn();
-		vi.stubGlobal("ResizeObserver", function MockRO() {
-			return {
-				observe: vi.fn(),
-				disconnect
-			};
-		});
-		let ro;
-		effectScope(() => {
-			ro = createResizeObserver(target, vi.fn());
-		});
-		ro[Symbol.dispose]();
-		globalExpect(disconnect).toHaveBeenCalledOnce();
-	});
-});
-//#endregion
-export {};

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

@@ -1,23 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/resource.d.ts
-type ResourceResult<T> = {
-  data: Computed<T | undefined>;
-  loading: Computed<boolean>;
-  error: Computed<unknown>;
-  refetch(): void;
-};
-/**
- * Runs an async `fetcher` and exposes `data`, `loading`, and `error` as
- * reactive computeds.  An `AbortController` is created for each fetch; the
- * previous request is cancelled whenever `refetch()` is called or the source
- * reactive dependencies change.
- *
- * @param source - Reactive getter whose dependencies trigger a refetch.
- * @param fetcher - Receives the resolved source value and an `AbortSignal`.
- */
-declare function createResource<S, T>(source: () => S, fetcher: (source: S, signal: AbortSignal) => Promise<T>, options?: {
-  initialValue?: T;
-}): ResourceResult<T>;
-//#endregion
-export { createResource };

package/dist/signals/lib/resource.mjs

@@ -1,43 +0,0 @@
-import { a as effect, d as onCleanup, f as signal } from "../../signals-CLAPw8kk.mjs";
-//#region src/signals/lib/resource.ts
-/**
-* Runs an async `fetcher` and exposes `data`, `loading`, and `error` as
-* reactive computeds.  An `AbortController` is created for each fetch; the
-* previous request is cancelled whenever `refetch()` is called or the source
-* reactive dependencies change.
-*
-* @param source - Reactive getter whose dependencies trigger a refetch.
-* @param fetcher - Receives the resolved source value and an `AbortSignal`.
-*/
-function createResource(source, fetcher, options) {
-	const data = signal(options?.initialValue);
-	const loading = signal(false);
-	const error = signal(void 0);
-	const tick = signal(0);
-	effect(() => {
-		tick();
-		const src = source();
-		const controller = new AbortController();
-		loading(true);
-		error(void 0);
-		fetcher(src, controller.signal).then((result) => {
-			data(result);
-			loading(false);
-		}, (err) => {
-			if (err.name !== "AbortError") {
-				error(err);
-				loading(false);
-			}
-		});
-		onCleanup(() => controller.abort());
-	});
-	const refetch = () => tick(tick() + 1);
-	return {
-		data,
-		loading,
-		error,
-		refetch
-	};
-}
-//#endregion
-export { createResource };

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

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

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

@@ -1,56 +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 { createResource } from "./resource.mjs";
-//#region src/signals/lib/resource.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-	vi.useRealTimers();
-});
-describe("createResource", () => {
-	it("starts loading", () => {
-		const src = signal("url");
-		let r;
-		effectScope(() => {
-			r = createResource(() => src(), async (_s, _signal) => "data");
-		});
-		globalExpect(r.loading()).toBe(true);
-		globalExpect(r.data()).toBeUndefined();
-	});
-	it("resolves data and sets loading false", async () => {
-		const src = signal("url");
-		let r;
-		effectScope(() => {
-			r = createResource(() => src(), (_s, _signal) => Promise.resolve("hello"));
-		});
-		await new Promise((res) => setTimeout(res, 0));
-		globalExpect(r.data()).toBe("hello");
-		globalExpect(r.loading()).toBe(false);
-	});
-	it("captures errors", async () => {
-		const src = signal("url");
-		let r;
-		effectScope(() => {
-			r = createResource(() => src(), (_s, _signal) => Promise.reject(/* @__PURE__ */ new Error("fail")));
-		});
-		await new Promise((res) => setTimeout(res, 0));
-		globalExpect(r.error()).toBeInstanceOf(Error);
-		globalExpect(r.loading()).toBe(false);
-	});
-	it("refetch re-runs the fetcher", async () => {
-		const src = signal("url");
-		let callCount = 0;
-		let r;
-		effectScope(() => {
-			r = createResource(() => src(), async () => {
-				callCount++;
-				return "data";
-			});
-		});
-		await new Promise((res) => setTimeout(res, 0));
-		r.refetch();
-		await new Promise((res) => setTimeout(res, 0));
-		globalExpect(callCount).toBe(2);
-	});
-});
-//#endregion
-export {};

package/dist/signals/lib/scroll-state.d.mts

@@ -1,19 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/scroll-state.d.ts
-type ScrollDirection = "left" | "right" | "none";
-type VerticalDirection = "up" | "down" | "none";
-type ScrollStateResult = {
-  x: Computed<number>;
-  y: Computed<number>;
-  directionX: Computed<ScrollDirection>;
-  directionY: Computed<VerticalDirection>;
-} & Disposable;
-/**
- * Tracks the scroll position and scroll direction of `target` (defaults to
- * `window`).  Returns reactive computeds for `x`, `y`, `directionX`, and
- * `directionY`.
- */
-declare function createScrollState(target?: Element | Window | (() => Element | null)): ScrollStateResult;
-//#endregion
-export { createScrollState };