elements-kit 0.0.10 → 0.0.12

package/dist/signals/lib/mouse-position.mjs

@@ -1,22 +0,0 @@
-import { f as signal } from "../../signals-CLAPw8kk.mjs";
-import { createEventListener } from "./event-listener.mjs";
-//#region src/signals/lib/mouse-position.ts
-/**
-* Returns reactive `x` / `y` signals that track the mouse pointer position on
-* the document.
-*/
-function createMousePosition() {
-	const x = signal(0);
-	const y = signal(0);
-	const handler = (e) => {
-		x(e.clientX);
-		y(e.clientY);
-	};
-	const cleanup = createEventListener(document, "mousemove", handler);
-	return Object.assign({
-		x,
-		y
-	}, { [Symbol.dispose]: cleanup });
-}
-//#endregion
-export { createMousePosition };

package/dist/signals/lib/mouse-position.test.d.mts

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

package/dist/signals/lib/mouse-position.test.mjs

@@ -1,44 +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 { createMousePosition } from "./mouse-position.mjs";
-//#region src/signals/lib/mouse-position.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-});
-describe("createMousePosition", () => {
-	it("starts at (0, 0)", () => {
-		let pos;
-		effectScope(() => {
-			pos = createMousePosition();
-		});
-		globalExpect(pos.x()).toBe(0);
-		globalExpect(pos.y()).toBe(0);
-	});
-	it("updates on mousemove", () => {
-		let pos;
-		effectScope(() => {
-			pos = createMousePosition();
-		});
-		document.dispatchEvent(new MouseEvent("mousemove", {
-			clientX: 100,
-			clientY: 200
-		}));
-		globalExpect(pos.x()).toBe(100);
-		globalExpect(pos.y()).toBe(200);
-	});
-	it("stops updating after Symbol.dispose", () => {
-		let pos;
-		effectScope(() => {
-			pos = createMousePosition();
-		});
-		pos[Symbol.dispose]();
-		document.dispatchEvent(new MouseEvent("mousemove", {
-			clientX: 99,
-			clientY: 77
-		}));
-		globalExpect(pos.x()).toBe(0);
-		globalExpect(pos.y()).toBe(0);
-	});
-});
-//#endregion
-export {};

package/dist/signals/lib/mouse-wheel.d.mts

@@ -1,10 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/mouse-wheel.d.ts
-/**
- * Returns a `Computed<number>` tracking the cumulative vertical mouse-wheel
- * delta (positive = scrolled down).
- */
-declare function createMouseWheel(): Computed<number> & Disposable;
-//#endregion
-export { createMouseWheel };

package/dist/signals/lib/mouse-wheel.mjs

@@ -1,17 +0,0 @@
-import { f as signal } from "../../signals-CLAPw8kk.mjs";
-import { createEventListener } from "./event-listener.mjs";
-//#region src/signals/lib/mouse-wheel.ts
-/**
-* Returns a `Computed<number>` tracking the cumulative vertical mouse-wheel
-* delta (positive = scrolled down).
-*/
-function createMouseWheel() {
-	const delta = signal(0);
-	const handler = (e) => {
-		delta(delta() + e.deltaY);
-	};
-	const cleanup = createEventListener(window, "wheel", handler, { passive: true });
-	return Object.assign(delta, { [Symbol.dispose]: cleanup });
-}
-//#endregion
-export { createMouseWheel };

package/dist/signals/lib/mouse-wheel.test.d.mts

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

package/dist/signals/lib/mouse-wheel.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 { createMouseWheel } from "./mouse-wheel.mjs";
-//#region src/signals/lib/mouse-wheel.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-	vi.useRealTimers();
-});
-describe("createMouseWheel", () => {
-	it("starts at 0", () => {
-		let w;
-		effectScope(() => {
-			w = createMouseWheel();
-		});
-		globalExpect(w()).toBe(0);
-	});
-	it("accumulates deltaY on wheel events", () => {
-		let w;
-		effectScope(() => {
-			w = createMouseWheel();
-		});
-		window.dispatchEvent(new WheelEvent("wheel", { deltaY: 100 }));
-		globalExpect(w()).toBe(100);
-		window.dispatchEvent(new WheelEvent("wheel", { deltaY: -50 }));
-		globalExpect(w()).toBe(50);
-	});
-	it("stops updating after Symbol.dispose", () => {
-		let w;
-		effectScope(() => {
-			w = createMouseWheel();
-		});
-		w[Symbol.dispose]();
-		window.dispatchEvent(new WheelEvent("wheel", { deltaY: 200 }));
-		globalExpect(w()).toBe(0);
-	});
-});
-//#endregion
-export {};

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

@@ -1,8 +0,0 @@
-//#region src/signals/lib/mutation-observer.d.ts
-/**
- * Watches `target` for DOM mutations and calls `callback` with each batch of
- * `MutationRecord`s.
- */
-declare function createMutationObserver(target: Element | (() => Element | null), options: MutationObserverInit, callback: (records: MutationRecord[]) => void): Disposable;
-//#endregion
-export { createMutationObserver };

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

@@ -1,17 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/network-state.d.ts
-type NetworkStateResult = {
-  online: Computed<boolean>;
-  downlink: Computed<number | undefined>;
-  effectiveType: Computed<string | undefined>;
-  rtt: Computed<number | undefined>;
-  saveData: Computed<boolean | undefined>;
-} & Disposable;
-/**
- * Returns reactive signals reflecting `navigator.onLine` and the Network
- * Information API (`navigator.connection`) when available.
- */
-declare function createNetworkState(): NetworkStateResult;
-//#endregion
-export { createNetworkState };

package/dist/signals/lib/network-state.mjs

@@ -1,34 +0,0 @@
-import { f as signal } from "../../signals-CLAPw8kk.mjs";
-import { createEventListener } from "./event-listener.mjs";
-//#region src/signals/lib/network-state.ts
-/**
-* Returns reactive signals reflecting `navigator.onLine` and the Network
-* Information API (`navigator.connection`) when available.
-*/
-function createNetworkState() {
-	const connection = navigator.connection;
-	const online = signal(typeof navigator !== "undefined" ? navigator.onLine : true);
-	const downlink = signal(connection?.downlink);
-	const effectiveType = signal(connection?.effectiveType);
-	const rtt = signal(connection?.rtt);
-	const saveData = signal(connection?.saveData);
-	const updateOnline = () => online(navigator.onLine);
-	const updateConnection = () => {
-		downlink(connection?.downlink);
-		effectiveType(connection?.effectiveType);
-		rtt(connection?.rtt);
-		saveData(connection?.saveData);
-	};
-	const cleanups = [createEventListener(window, "online", updateOnline), createEventListener(window, "offline", updateOnline)];
-	if (connection) cleanups.push(createEventListener(connection, "change", updateConnection));
-	const cleanup = () => cleanups.forEach((fn) => fn());
-	return Object.assign({
-		online,
-		downlink,
-		effectiveType,
-		rtt,
-		saveData
-	}, { [Symbol.dispose]: cleanup });
-}
-//#endregion
-export { createNetworkState };

package/dist/signals/lib/network-state.test.d.mts

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

package/dist/signals/lib/network-state.test.mjs

@@ -1,61 +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 { createNetworkState } from "./network-state.mjs";
-//#region src/signals/lib/network-state.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-	vi.restoreAllMocks();
-});
-describe("createNetworkState", () => {
-	it("reads navigator.onLine initially", () => {
-		let n;
-		effectScope(() => {
-			n = createNetworkState();
-		});
-		globalExpect(n.online()).toBe(navigator.onLine);
-	});
-	it("becomes false on offline event", () => {
-		let n;
-		effectScope(() => {
-			n = createNetworkState();
-		});
-		Object.defineProperty(navigator, "onLine", {
-			configurable: true,
-			get: () => false
-		});
-		window.dispatchEvent(new Event("offline"));
-		globalExpect(n.online()).toBe(false);
-	});
-	it("becomes true on online event", () => {
-		Object.defineProperty(navigator, "onLine", {
-			configurable: true,
-			get: () => false
-		});
-		let n;
-		effectScope(() => {
-			n = createNetworkState();
-		});
-		Object.defineProperty(navigator, "onLine", {
-			configurable: true,
-			get: () => true
-		});
-		window.dispatchEvent(new Event("online"));
-		globalExpect(n.online()).toBe(true);
-	});
-	it("stops reacting after Symbol.dispose", () => {
-		let n;
-		effectScope(() => {
-			n = createNetworkState();
-		});
-		const initial = n.online();
-		n[Symbol.dispose]();
-		Object.defineProperty(navigator, "onLine", {
-			configurable: true,
-			get: () => !initial
-		});
-		window.dispatchEvent(new Event("offline"));
-		globalExpect(n.online()).toBe(initial);
-	});
-});
-//#endregion
-export {};

package/dist/signals/lib/on-click-outside.mjs

@@ -1,20 +0,0 @@
-import { createEventListener } from "./event-listener.mjs";
-//#region src/signals/lib/on-click-outside.ts
-/**
-* Fires `handler` whenever a pointer-down event occurs outside `target`.
-*
-* Built on a `document` `pointerdown` listener so it works for both mouse and
-* touch input.  Cleanup is registered automatically when called inside an
-* effect or scope.
-*/
-function createOnClickOutside(target, handler) {
-	const getTarget = typeof target === "function" ? target : () => target;
-	const listener = (e) => {
-		const el = getTarget();
-		if (!el) return;
-		if (!el.contains(e.target)) handler(e);
-	};
-	createEventListener(document, "pointerdown", listener);
-}
-//#endregion
-export { createOnClickOutside };

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

@@ -1,13 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/orientation.d.ts
-type OrientationResult = {
-  angle: Computed<number>;
-  type: Computed<OrientationType>;
-} & Disposable;
-/**
- * Returns reactive signals for the screen orientation.
- */
-declare function createOrientation(): OrientationResult;
-//#endregion
-export { createOrientation };

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

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

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

@@ -1,43 +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 { createOrientation } from "./orientation.mjs";
-//#region src/signals/lib/orientation.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-	vi.unstubAllGlobals();
-});
-describe("createOrientation", () => {
-	it("reads initial screen orientation", () => {
-		const mockOrientation = {
-			angle: 0,
-			type: "portrait-primary",
-			addEventListener: vi.fn(),
-			removeEventListener: vi.fn()
-		};
-		vi.stubGlobal("screen", { orientation: mockOrientation });
-		let o;
-		effectScope(() => {
-			o = createOrientation();
-		});
-		globalExpect(o.angle()).toBe(0);
-		globalExpect(o.type()).toBe("portrait-primary");
-	});
-	it("removes event listener on Symbol.dispose", () => {
-		const removeListener = vi.fn();
-		const mockOrientation = {
-			angle: 0,
-			type: "portrait-primary",
-			addEventListener: vi.fn(),
-			removeEventListener: removeListener
-		};
-		vi.stubGlobal("screen", { orientation: mockOrientation });
-		let o;
-		effectScope(() => {
-			o = createOrientation();
-		});
-		o[Symbol.dispose]();
-		globalExpect(removeListener).toHaveBeenCalledWith("change", globalExpect.any(Function));
-	});
-});
-//#endregion
-export {};

package/dist/signals/lib/page-leave.d.mts

@@ -1,8 +0,0 @@
-//#region src/signals/lib/page-leave.d.ts
-/**
- * Fires `handler` when the mouse cursor leaves the browser viewport
- * (detected via `mouseleave` on the document).
- */
-declare function createPageLeave(handler: () => void): Disposable;
-//#endregion
-export { createPageLeave };

package/dist/signals/lib/page-leave.mjs

@@ -1,12 +0,0 @@
-import { createEventListener } from "./event-listener.mjs";
-//#region src/signals/lib/page-leave.ts
-/**
-* Fires `handler` when the mouse cursor leaves the browser viewport
-* (detected via `mouseleave` on the document).
-*/
-function createPageLeave(handler) {
-	const cleanup = createEventListener(document, "mouseleave", handler);
-	return { [Symbol.dispose]: cleanup };
-}
-//#endregion
-export { createPageLeave };

package/dist/signals/lib/page-leave.test.d.mts

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

package/dist/signals/lib/page-leave.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 { createPageLeave } from "./page-leave.mjs";
-//#region src/signals/lib/page-leave.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-});
-describe("createPageLeave", () => {
-	it("fires handler when mouse leaves the document", () => {
-		const handler = vi.fn();
-		effectScope(() => {
-			createPageLeave(handler);
-		});
-		document.dispatchEvent(new MouseEvent("mouseleave"));
-		globalExpect(handler).toHaveBeenCalledOnce();
-	});
-	it("stops firing after Symbol.dispose", () => {
-		const handler = vi.fn();
-		let pl;
-		effectScope(() => {
-			pl = createPageLeave(handler);
-		});
-		pl[Symbol.dispose]();
-		document.dispatchEvent(new MouseEvent("mouseleave"));
-		globalExpect(handler).not.toHaveBeenCalled();
-	});
-});
-//#endregion
-export {};

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

@@ -1,14 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/permission.d.ts
-type PermissionResult = {
-  state: Computed<PermissionState | "unsupported">;
-} & Disposable;
-/**
- * Returns a reactive `Computed` reflecting the current permission state for
- * the given descriptor.  Falls back to `"unsupported"` when the Permissions
- * API is unavailable.
- */
-declare function createPermission(descriptor: PermissionDescriptor): PermissionResult;
-//#endregion
-export { createPermission };

package/dist/signals/lib/permission.mjs

@@ -1,26 +0,0 @@
-import { d as onCleanup, f as signal } from "../../signals-CLAPw8kk.mjs";
-//#region src/signals/lib/permission.ts
-/**
-* Returns a reactive `Computed` reflecting the current permission state for
-* the given descriptor.  Falls back to `"unsupported"` when the Permissions
-* API is unavailable.
-*/
-function createPermission(descriptor) {
-	const state = signal("unsupported");
-	let permissionStatus;
-	const cleanup = () => {
-		permissionStatus?.removeEventListener("change", onChange);
-	};
-	const onChange = () => {
-		if (permissionStatus) state(permissionStatus.state);
-	};
-	if (typeof navigator !== "undefined" && navigator.permissions != null) navigator.permissions.query(descriptor).then((status) => {
-		permissionStatus = status;
-		state(status.state);
-		status.addEventListener("change", onChange);
-	});
-	onCleanup(cleanup);
-	return Object.assign({ state }, { [Symbol.dispose]: cleanup });
-}
-//#endregion
-export { createPermission };

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

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

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

@@ -1,50 +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 { createPermission } from "./permission.mjs";
-//#region src/signals/lib/permission.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-	vi.unstubAllGlobals();
-	vi.restoreAllMocks();
-});
-describe("createPermission", () => {
-	it("returns 'unsupported' when permissions API is missing", () => {
-		vi.stubGlobal("navigator", { permissions: void 0 });
-		let p;
-		effectScope(() => {
-			p = createPermission({ name: "geolocation" });
-		});
-		globalExpect(p.state()).toBe("unsupported");
-	});
-	it("queries permissions and returns the state", async () => {
-		const mockStatus = {
-			state: "granted",
-			addEventListener: vi.fn(),
-			removeEventListener: vi.fn()
-		};
-		vi.stubGlobal("navigator", { permissions: { query: vi.fn().mockResolvedValue(mockStatus) } });
-		let p;
-		effectScope(() => {
-			p = createPermission({ name: "geolocation" });
-		});
-		await new Promise((res) => setTimeout(res, 0));
-		globalExpect(p.state()).toBe("granted");
-	});
-	it("removes event listener on Symbol.dispose", () => {
-		const removeListener = vi.fn();
-		const mockStatus = {
-			state: "denied",
-			addEventListener: vi.fn(),
-			removeEventListener: removeListener
-		};
-		vi.stubGlobal("navigator", { permissions: { query: vi.fn().mockResolvedValue(mockStatus) } });
-		let p;
-		effectScope(() => {
-			p = createPermission({ name: "geolocation" });
-		});
-		p[Symbol.dispose]();
-		globalExpect(typeof p.state()).toBe("string");
-	});
-});
-//#endregion
-export {};

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

@@ -1,11 +0,0 @@
-import { n as Signal } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/persisted-state.d.ts
-/**
- * Returns a `Signal` whose value is persisted to `storage` (defaults to
- * `localStorage`).  On creation the stored value is read back; on every
- * change the new value is serialised with `JSON.stringify`.
- */
-declare function createPersistedState<T>(key: string, initialValue: T, storage?: Storage): Signal<T>;
-//#endregion
-export { createPersistedState };

package/dist/signals/lib/persisted-state.mjs

@@ -1,25 +0,0 @@
-import { a as effect, f as signal } from "../../signals-CLAPw8kk.mjs";
-//#region src/signals/lib/persisted-state.ts
-/**
-* Returns a `Signal` whose value is persisted to `storage` (defaults to
-* `localStorage`).  On creation the stored value is read back; on every
-* change the new value is serialised with `JSON.stringify`.
-*/
-function createPersistedState(key, initialValue, storage = typeof localStorage !== "undefined" ? localStorage : void 0) {
-	let stored = initialValue;
-	if (storage) try {
-		const item = storage.getItem(key);
-		if (item !== null) stored = JSON.parse(item);
-	} catch {}
-	const s = signal(stored);
-	effect(() => {
-		const val = s();
-		if (!storage) return;
-		try {
-			storage.setItem(key, JSON.stringify(val));
-		} catch {}
-	});
-	return s;
-}
-//#endregion
-export { createPersistedState };

package/dist/signals/lib/persisted-state.test.d.mts

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

package/dist/signals/lib/persisted-state.test.mjs

@@ -1,70 +0,0 @@
-import { o as effectScope } from "../../signals-CLAPw8kk.mjs";
-import { a as describe, i as beforeEach, o as it, t as globalExpect } from "../../test.BmQO5GaM-CR2qjV1t.mjs";
-import { createPersistedState } from "./persisted-state.mjs";
-//#region src/signals/lib/persisted-state.test.ts
-function makeStorage() {
-	const store = {};
-	return {
-		getItem: (k) => store[k] ?? null,
-		setItem: (k, v) => {
-			store[k] = v;
-		},
-		removeItem: (k) => {
-			delete store[k];
-		},
-		clear: () => {
-			for (const k of Object.keys(store)) delete store[k];
-		},
-		get length() {
-			return Object.keys(store).length;
-		},
-		key: (i) => Object.keys(store)[i] ?? null
-	};
-}
-describe("createPersistedState", () => {
-	let storage;
-	beforeEach(() => {
-		storage = makeStorage();
-	});
-	it("uses initialValue when storage is empty", () => {
-		let s;
-		effectScope(() => {
-			s = createPersistedState("count", 0, storage);
-		});
-		globalExpect(s()).toBe(0);
-	});
-	it("reads an existing value from storage", () => {
-		storage.setItem("count", "42");
-		let s;
-		effectScope(() => {
-			s = createPersistedState("count", 0, storage);
-		});
-		globalExpect(s()).toBe(42);
-	});
-	it("persists changes to storage", () => {
-		let s;
-		effectScope(() => {
-			s = createPersistedState("count", 0, storage);
-		});
-		s(5);
-		globalExpect(storage.getItem("count")).toBe("5");
-	});
-	it("persists complex values as JSON", () => {
-		let s;
-		effectScope(() => {
-			s = createPersistedState("obj", { x: 1 }, storage);
-		});
-		s({ x: 99 });
-		globalExpect(JSON.parse(storage.getItem("obj"))).toEqual({ x: 99 });
-	});
-	it("falls back to initialValue on invalid JSON", () => {
-		storage.setItem("broken", "{not json}");
-		let s;
-		effectScope(() => {
-			s = createPersistedState("broken", 7, storage);
-		});
-		globalExpect(s()).toBe(7);
-	});
-});
-//#endregion
-export {};

package/dist/signals/lib/pressed-keys.d.mts

@@ -1,10 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/pressed-keys.d.ts
-/**
- * Returns a `Computed<ReadonlySet<string>>` containing all keyboard keys
- * currently being held down.  Key values follow the `KeyboardEvent.key` spec.
- */
-declare function createPressedKeys(): Computed<ReadonlySet<string>> & Disposable;
-//#endregion
-export { createPressedKeys };

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

@@ -1,32 +0,0 @@
-import { f as signal } from "../../signals-CLAPw8kk.mjs";
-import { createEventListener } from "./event-listener.mjs";
-//#region src/signals/lib/pressed-keys.ts
-/**
-* Returns a `Computed<ReadonlySet<string>>` containing all keyboard keys
-* currently being held down.  Key values follow the `KeyboardEvent.key` spec.
-*/
-function createPressedKeys() {
-	const keys = signal(/* @__PURE__ */ new Set());
-	const onKeyDown = (e) => {
-		const next = new Set(keys());
-		next.add(e.key);
-		keys(next);
-	};
-	const onKeyUp = (e) => {
-		const next = new Set(keys());
-		next.delete(e.key);
-		keys(next);
-	};
-	const onBlur = () => keys(/* @__PURE__ */ new Set());
-	const r1 = createEventListener(window, "keydown", onKeyDown);
-	const r2 = createEventListener(window, "keyup", onKeyUp);
-	const r3 = createEventListener(window, "blur", onBlur);
-	const cleanup = () => {
-		r1();
-		r2();
-		r3();
-	};
-	return Object.assign(keys, { [Symbol.dispose]: cleanup });
-}
-//#endregion
-export { createPressedKeys };

package/dist/signals/lib/pressed-keys.test.d.mts

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