elements-kit 0.0.9 → 0.0.11

package/dist/signals/lib/is-document-visible.test.mjs

@@ -1,58 +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 { createIsDocumentVisible } from "./is-document-visible.mjs";
-//#region src/signals/lib/is-document-visible.test.ts
-afterEach(() => {
-	Object.defineProperty(document, "visibilityState", {
-		value: "visible",
-		configurable: true
-	});
-});
-function setVisibility(state) {
-	Object.defineProperty(document, "visibilityState", {
-		value: state,
-		configurable: true
-	});
-	document.dispatchEvent(new Event("visibilitychange"));
-}
-describe("createIsDocumentVisible", () => {
-	it("starts as true when document is visible", () => {
-		Object.defineProperty(document, "visibilityState", {
-			value: "visible",
-			configurable: true
-		});
-		let visible;
-		effectScope(() => {
-			visible = createIsDocumentVisible();
-		});
-		globalExpect(visible()).toBe(true);
-	});
-	it("becomes false when document becomes hidden", () => {
-		let visible;
-		effectScope(() => {
-			visible = createIsDocumentVisible();
-		});
-		setVisibility("hidden");
-		globalExpect(visible()).toBe(false);
-	});
-	it("becomes true again when document becomes visible", () => {
-		let visible;
-		effectScope(() => {
-			visible = createIsDocumentVisible();
-		});
-		setVisibility("hidden");
-		setVisibility("visible");
-		globalExpect(visible()).toBe(true);
-	});
-	it("stops reacting after Symbol.dispose", () => {
-		let visible;
-		effectScope(() => {
-			visible = createIsDocumentVisible();
-		});
-		visible[Symbol.dispose]();
-		setVisibility("hidden");
-		globalExpect(visible()).toBe(true);
-	});
-});
-//#endregion
-export {};

package/dist/signals/lib/is-focus-within.d.mts

@@ -1,10 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/is-focus-within.d.ts
-/**
- * Returns a `Computed<boolean>` that is `true` while focus is anywhere inside
- * `target` (including `target` itself).
- */
-declare function createIsFocusWithin(target: Element | (() => Element | null)): Computed<boolean> & Disposable;
-//#endregion
-export { createIsFocusWithin };

package/dist/signals/lib/is-focus-within.mjs

@@ -1,28 +0,0 @@
-import { f as signal } from "../../signals-CLAPw8kk.mjs";
-import { createEventListener } from "./event-listener.mjs";
-//#region src/signals/lib/is-focus-within.ts
-/**
-* Returns a `Computed<boolean>` that is `true` while focus is anywhere inside
-* `target` (including `target` itself).
-*/
-function createIsFocusWithin(target) {
-	const focused = signal(false);
-	const el = typeof target === "function" ? target() : target;
-	const onFocusIn = (e) => {
-		const t = typeof target === "function" ? target() : target;
-		if (t && t.contains(e.target)) focused(true);
-	};
-	const onFocusOut = (e) => {
-		const t = typeof target === "function" ? target() : target;
-		if (t && !t.contains(e.relatedTarget)) focused(false);
-	};
-	const cleanups = [];
-	if (el) {
-		cleanups.push(createEventListener(document, "focusin", onFocusIn));
-		cleanups.push(createEventListener(document, "focusout", onFocusOut));
-	}
-	const cleanup = () => cleanups.forEach((fn) => fn());
-	return Object.assign(focused, { [Symbol.dispose]: cleanup });
-}
-//#endregion
-export { createIsFocusWithin };

package/dist/signals/lib/is-focus-within.test.d.mts

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

package/dist/signals/lib/is-idle.d.mts

@@ -1,10 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/is-idle.d.ts
-/**
- * Returns a `Computed<boolean>` that is `true` when the user has been inactive
- * for longer than `timeout` milliseconds (default 60 s).
- */
-declare function createIsIdle(timeout?: number): Computed<boolean> & Disposable;
-//#endregion
-export { createIsIdle };

package/dist/signals/lib/is-idle.mjs

@@ -1,37 +0,0 @@
-import { d as onCleanup, f as signal } from "../../signals-CLAPw8kk.mjs";
-import { createEventListener } from "./event-listener.mjs";
-//#region src/signals/lib/is-idle.ts
-/** Default idle timeout in milliseconds (60 seconds). */
-const DEFAULT_TIMEOUT = 6e4;
-/** Events that reset the idle timer. */
-const ACTIVITY_EVENTS = [
-	"mousemove",
-	"mousedown",
-	"keydown",
-	"touchstart",
-	"scroll",
-	"pointermove"
-];
-/**
-* Returns a `Computed<boolean>` that is `true` when the user has been inactive
-* for longer than `timeout` milliseconds (default 60 s).
-*/
-function createIsIdle(timeout = DEFAULT_TIMEOUT) {
-	const idle = signal(false);
-	let timer;
-	const reset = () => {
-		clearTimeout(timer);
-		idle(false);
-		timer = setTimeout(() => idle(true), timeout);
-	};
-	reset();
-	const removes = ACTIVITY_EVENTS.map((event) => createEventListener(window, event, reset, { passive: true }));
-	onCleanup(() => clearTimeout(timer));
-	const cleanup = () => {
-		clearTimeout(timer);
-		removes.forEach((fn) => fn());
-	};
-	return Object.assign(idle, { [Symbol.dispose]: cleanup });
-}
-//#endregion
-export { createIsIdle };

package/dist/signals/lib/is-idle.test.d.mts

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

package/dist/signals/lib/is-idle.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 { createIsIdle } from "./is-idle.mjs";
-//#region src/signals/lib/is-idle.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-	vi.useRealTimers();
-});
-describe("createIsIdle", () => {
-	it("starts as false (user is active)", () => {
-		vi.useFakeTimers();
-		let idle;
-		effectScope(() => {
-			idle = createIsIdle(1e3);
-		});
-		globalExpect(idle()).toBe(false);
-	});
-	it("becomes true after the timeout", () => {
-		vi.useFakeTimers();
-		let idle;
-		effectScope(() => {
-			idle = createIsIdle(1e3);
-		});
-		vi.advanceTimersByTime(1001);
-		globalExpect(idle()).toBe(true);
-	});
-	it("resets the timer on activity", () => {
-		vi.useFakeTimers();
-		let idle;
-		effectScope(() => {
-			idle = createIsIdle(1e3);
-		});
-		vi.advanceTimersByTime(800);
-		window.dispatchEvent(new MouseEvent("mousemove"));
-		vi.advanceTimersByTime(800);
-		globalExpect(idle()).toBe(false);
-	});
-	it("stops reacting after Symbol.dispose", () => {
-		vi.useFakeTimers();
-		let idle;
-		effectScope(() => {
-			idle = createIsIdle(500);
-		});
-		idle[Symbol.dispose]();
-		vi.advanceTimersByTime(1e3);
-		globalExpect(idle()).toBe(false);
-	});
-});
-//#endregion
-export {};

package/dist/signals/lib/is-in-viewport.d.mts

@@ -1,10 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/is-in-viewport.d.ts
-/**
- * Returns a `Computed<boolean>` that is `true` while `target` is intersecting
- * the viewport (or a custom root defined via `options`).
- */
-declare function createIsInViewport(target: Element | (() => Element | null), options?: IntersectionObserverInit): Computed<boolean> & Disposable;
-//#endregion
-export { createIsInViewport };

package/dist/signals/lib/is-in-viewport.mjs

@@ -1,16 +0,0 @@
-import { f as signal } from "../../signals-CLAPw8kk.mjs";
-import { createIntersectionObserver } from "./intersection-observer.mjs";
-//#region src/signals/lib/is-in-viewport.ts
-/**
-* Returns a `Computed<boolean>` that is `true` while `target` is intersecting
-* the viewport (or a custom root defined via `options`).
-*/
-function createIsInViewport(target, options) {
-	const visible = signal(false);
-	const observer = createIntersectionObserver(target, (entries) => {
-		for (const entry of entries) visible(entry.isIntersecting);
-	}, options);
-	return Object.assign(visible, { [Symbol.dispose]: observer[Symbol.dispose] });
-}
-//#endregion
-export { createIsInViewport };

package/dist/signals/lib/is-in-viewport.test.d.mts

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

package/dist/signals/lib/is-in-viewport.test.mjs

@@ -1,74 +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 { createIsInViewport } from "./is-in-viewport.mjs";
-//#region src/signals/lib/is-in-viewport.test.ts
-afterEach(() => {
-	vi.unstubAllGlobals();
-});
-function mockIntersectionObserver() {
-	let observerCallback;
-	const observe = vi.fn();
-	const disconnect = vi.fn();
-	const unobserve = vi.fn();
-	vi.stubGlobal("IntersectionObserver", function MockIO(cb) {
-		observerCallback = cb;
-		return {
-			observe,
-			disconnect,
-			unobserve,
-			root: null,
-			rootMargin: "",
-			thresholds: []
-		};
-	});
-	return {
-		fire: (isIntersecting) => {
-			observerCallback([{ isIntersecting }], {});
-		},
-		disconnect
-	};
-}
-describe("createIsInViewport", () => {
-	it("starts as false", () => {
-		const { fire: _fire } = mockIntersectionObserver();
-		const el = document.createElement("div");
-		let visible;
-		effectScope(() => {
-			visible = createIsInViewport(el);
-		});
-		globalExpect(visible()).toBe(false);
-	});
-	it("becomes true when intersection fires with isIntersecting=true", () => {
-		const { fire } = mockIntersectionObserver();
-		const el = document.createElement("div");
-		let visible;
-		effectScope(() => {
-			visible = createIsInViewport(el);
-		});
-		fire(true);
-		globalExpect(visible()).toBe(true);
-	});
-	it("becomes false when intersection fires with isIntersecting=false", () => {
-		const { fire } = mockIntersectionObserver();
-		const el = document.createElement("div");
-		let visible;
-		effectScope(() => {
-			visible = createIsInViewport(el);
-		});
-		fire(true);
-		fire(false);
-		globalExpect(visible()).toBe(false);
-	});
-	it("disconnects on Symbol.dispose", () => {
-		const { disconnect } = mockIntersectionObserver();
-		const el = document.createElement("div");
-		let visible;
-		effectScope(() => {
-			visible = createIsInViewport(el);
-		});
-		visible[Symbol.dispose]();
-		globalExpect(disconnect).toHaveBeenCalledOnce();
-	});
-});
-//#endregion
-export {};

package/dist/signals/lib/key-press.d.mts

@@ -1,13 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/key-press.d.ts
-type KeyPressResult = {
-  pressed: Computed<boolean>;
-} & Disposable;
-/**
- * Returns a reactive boolean that is `true` while the given keyboard `key`
- * is held down.
- */
-declare function createKeyPress(key: string): KeyPressResult;
-//#endregion
-export { createKeyPress };

package/dist/signals/lib/key-press.mjs

@@ -1,25 +0,0 @@
-import { f as signal } from "../../signals-CLAPw8kk.mjs";
-import { createEventListener } from "./event-listener.mjs";
-//#region src/signals/lib/key-press.ts
-/**
-* Returns a reactive boolean that is `true` while the given keyboard `key`
-* is held down.
-*/
-function createKeyPress(key) {
-	const pressed = signal(false);
-	const onDown = (e) => {
-		if (e.key === key) pressed(true);
-	};
-	const onUp = (e) => {
-		if (e.key === key) pressed(false);
-	};
-	const r1 = createEventListener(window, "keydown", onDown);
-	const r2 = createEventListener(window, "keyup", onUp);
-	const cleanup = () => {
-		r1();
-		r2();
-	};
-	return Object.assign({ pressed }, { [Symbol.dispose]: cleanup });
-}
-//#endregion
-export { createKeyPress };

package/dist/signals/lib/key-press.test.d.mts

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

package/dist/signals/lib/key-press.test.mjs

@@ -1,52 +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 { createKeyPress } from "./key-press.mjs";
-//#region src/signals/lib/key-press.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-});
-describe("createKeyPress", () => {
-	it("starts as false", () => {
-		let k;
-		effectScope(() => {
-			k = createKeyPress("a");
-		});
-		globalExpect(k.pressed()).toBe(false);
-	});
-	it("becomes true on keydown", () => {
-		let k;
-		effectScope(() => {
-			k = createKeyPress("a");
-		});
-		window.dispatchEvent(new KeyboardEvent("keydown", { key: "a" }));
-		globalExpect(k.pressed()).toBe(true);
-	});
-	it("becomes false on keyup", () => {
-		let k;
-		effectScope(() => {
-			k = createKeyPress("a");
-		});
-		window.dispatchEvent(new KeyboardEvent("keydown", { key: "a" }));
-		window.dispatchEvent(new KeyboardEvent("keyup", { key: "a" }));
-		globalExpect(k.pressed()).toBe(false);
-	});
-	it("does not react to different keys", () => {
-		let k;
-		effectScope(() => {
-			k = createKeyPress("a");
-		});
-		window.dispatchEvent(new KeyboardEvent("keydown", { key: "b" }));
-		globalExpect(k.pressed()).toBe(false);
-	});
-	it("stops reacting after Symbol.dispose", () => {
-		let k;
-		effectScope(() => {
-			k = createKeyPress("a");
-		});
-		k[Symbol.dispose]();
-		window.dispatchEvent(new KeyboardEvent("keydown", { key: "a" }));
-		globalExpect(k.pressed()).toBe(false);
-	});
-});
-//#endregion
-export {};

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

@@ -1,19 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/list.d.ts
-type ListResult<T> = {
-  items: Computed<readonly T[]>;
-  push(...items: T[]): void;
-  pop(): T | undefined;
-  remove(index: number): void;
-  filter(fn: (item: T, index: number) => boolean): void;
-  set(items: T[]): void;
-  clear(): void;
-  size: Computed<number>;
-};
-/**
- * Reactive array with mutation helpers.
- */
-declare function createList<T>(initial?: T[]): ListResult<T>;
-//#endregion
-export { createList };

package/dist/signals/lib/list.mjs

@@ -1,36 +0,0 @@
-import { f as signal } from "../../signals-CLAPw8kk.mjs";
-//#region src/signals/lib/list.ts
-/**
-* Reactive array with mutation helpers.
-*/
-function createList(initial = []) {
-	const items = signal([...initial]);
-	const push = (...newItems) => items([...items(), ...newItems]);
-	const pop = () => {
-		const arr = [...items()];
-		const last = arr.pop();
-		items(arr);
-		return last;
-	};
-	const remove = (index) => {
-		const arr = [...items()];
-		arr.splice(index, 1);
-		items(arr);
-	};
-	const filter = (fn) => items(items().filter(fn));
-	const set = (next) => items([...next]);
-	const clear = () => items([]);
-	const size = () => items().length;
-	return {
-		items,
-		push,
-		pop,
-		remove,
-		filter,
-		set,
-		clear,
-		size
-	};
-}
-//#endregion
-export { createList };

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

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

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

@@ -1,104 +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 { createList } from "./list.mjs";
-//#region src/signals/lib/list.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-});
-describe("createList", () => {
-	it("starts empty by default", () => {
-		let l;
-		effectScope(() => {
-			l = createList();
-		});
-		globalExpect(l.items()).toEqual([]);
-		globalExpect(l.size()).toBe(0);
-	});
-	it("starts with initial items", () => {
-		let l;
-		effectScope(() => {
-			l = createList([
-				1,
-				2,
-				3
-			]);
-		});
-		globalExpect(l.items()).toEqual([
-			1,
-			2,
-			3
-		]);
-	});
-	it("push adds items", () => {
-		let l;
-		effectScope(() => {
-			l = createList();
-		});
-		l.push(1, 2);
-		globalExpect(l.items()).toEqual([1, 2]);
-	});
-	it("pop removes and returns the last item", () => {
-		let l;
-		effectScope(() => {
-			l = createList([
-				1,
-				2,
-				3
-			]);
-		});
-		globalExpect(l.pop()).toBe(3);
-		globalExpect(l.items()).toEqual([1, 2]);
-	});
-	it("remove removes by index", () => {
-		let l;
-		effectScope(() => {
-			l = createList([
-				1,
-				2,
-				3
-			]);
-		});
-		l.remove(1);
-		globalExpect(l.items()).toEqual([1, 3]);
-	});
-	it("filter keeps matching items", () => {
-		let l;
-		effectScope(() => {
-			l = createList([
-				1,
-				2,
-				3,
-				4
-			]);
-		});
-		l.filter((n) => n % 2 === 0);
-		globalExpect(l.items()).toEqual([2, 4]);
-	});
-	it("set replaces all items", () => {
-		let l;
-		effectScope(() => {
-			l = createList([
-				1,
-				2,
-				3
-			]);
-		});
-		l.set([10, 20]);
-		globalExpect(l.items()).toEqual([10, 20]);
-	});
-	it("clear empties the list", () => {
-		let l;
-		effectScope(() => {
-			l = createList([
-				1,
-				2,
-				3
-			]);
-		});
-		l.clear();
-		globalExpect(l.items()).toEqual([]);
-		globalExpect(l.size()).toBe(0);
-	});
-});
-//#endregion
-export {};

package/dist/signals/lib/lock-body-scroll.d.mts

@@ -1,8 +0,0 @@
-//#region src/signals/lib/lock-body-scroll.d.ts
-/**
- * Prevents the document body from scrolling while the returned scope is
- * active.  Restores the original `overflow` value on cleanup.
- */
-declare function createLockBodyScroll(): Disposable;
-//#endregion
-export { createLockBodyScroll };

package/dist/signals/lib/lock-body-scroll.mjs

@@ -1,17 +0,0 @@
-import { d as onCleanup } from "../../signals-CLAPw8kk.mjs";
-//#region src/signals/lib/lock-body-scroll.ts
-/**
-* Prevents the document body from scrolling while the returned scope is
-* active.  Restores the original `overflow` value on cleanup.
-*/
-function createLockBodyScroll() {
-	const original = document.body.style.overflow;
-	document.body.style.overflow = "hidden";
-	const cleanup = () => {
-		document.body.style.overflow = original;
-	};
-	onCleanup(cleanup);
-	return { [Symbol.dispose]: cleanup };
-}
-//#endregion
-export { createLockBodyScroll };

package/dist/signals/lib/lock-body-scroll.test.d.mts

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

package/dist/signals/lib/lock-body-scroll.test.mjs

@@ -1,37 +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 { createLockBodyScroll } from "./lock-body-scroll.mjs";
-//#region src/signals/lib/lock-body-scroll.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-	document.body.style.overflow = "";
-});
-describe("createLockBodyScroll", () => {
-	it("sets body overflow to hidden", () => {
-		effectScope(() => {
-			createLockBodyScroll();
-		});
-		globalExpect(document.body.style.overflow).toBe("hidden");
-	});
-	it("restores original overflow on Symbol.dispose", () => {
-		document.body.style.overflow = "scroll";
-		let lock;
-		effectScope(() => {
-			lock = createLockBodyScroll();
-		});
-		globalExpect(document.body.style.overflow).toBe("hidden");
-		lock[Symbol.dispose]();
-		globalExpect(document.body.style.overflow).toBe("scroll");
-	});
-	it("restores empty overflow when no prior style", () => {
-		document.body.style.overflow = "";
-		let lock;
-		effectScope(() => {
-			lock = createLockBodyScroll();
-		});
-		lock[Symbol.dispose]();
-		globalExpect(document.body.style.overflow).toBe("");
-	});
-});
-//#endregion
-export {};

package/dist/signals/lib/long-press.d.mts

@@ -1,10 +0,0 @@
-//#region src/signals/lib/long-press.d.ts
-/**
- * Fires `handler` when a pointer is held over `target` for at least `delay`
- * milliseconds (default: 500 ms).
- */
-declare function createLongPress(target: Element | (() => Element | null), handler: (e: PointerEvent) => void, options?: {
-  delay?: number;
-}): Disposable;
-//#endregion
-export { createLongPress };