elements-kit 0.0.10 → 0.0.11

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

@@ -1,46 +0,0 @@
-import { f as signal } from "../../signals-CLAPw8kk.mjs";
-import { createEventListener } from "./event-listener.mjs";
-//#region src/signals/lib/scroll-state.ts
-function getScrollXY(target) {
-	if (target instanceof Window) return {
-		x: target.scrollX,
-		y: target.scrollY
-	};
-	return {
-		x: target.scrollLeft,
-		y: target.scrollTop
-	};
-}
-/**
-* Tracks the scroll position and scroll direction of `target` (defaults to
-* `window`).  Returns reactive computeds for `x`, `y`, `directionX`, and
-* `directionY`.
-*/
-function createScrollState(target) {
-	const resolved = target === void 0 ? window : typeof target === "function" ? target() ?? window : target;
-	const initial = getScrollXY(resolved);
-	const x = signal(initial.x);
-	const y = signal(initial.y);
-	const directionX = signal("none");
-	const directionY = signal("none");
-	let prevX = initial.x;
-	let prevY = initial.y;
-	const handler = () => {
-		const pos = getScrollXY(resolved);
-		directionX(pos.x > prevX ? "right" : pos.x < prevX ? "left" : "none");
-		directionY(pos.y > prevY ? "down" : pos.y < prevY ? "up" : "none");
-		prevX = pos.x;
-		prevY = pos.y;
-		x(pos.x);
-		y(pos.y);
-	};
-	const cleanup = createEventListener(resolved, "scroll", handler);
-	return Object.assign({
-		x,
-		y,
-		directionX,
-		directionY
-	}, { [Symbol.dispose]: cleanup });
-}
-//#endregion
-export { createScrollState };

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

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

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

@@ -1,94 +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 { createScrollState } from "./scroll-state.mjs";
-//#region src/signals/lib/scroll-state.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-});
-describe("createScrollState", () => {
-	it("starts at (0, 0) for a scrollable element", () => {
-		const el = document.createElement("div");
-		document.body.appendChild(el);
-		let state;
-		effectScope(() => {
-			state = createScrollState(el);
-		});
-		globalExpect(state.x()).toBe(0);
-		globalExpect(state.y()).toBe(0);
-		globalExpect(state.directionX()).toBe("none");
-		globalExpect(state.directionY()).toBe("none");
-	});
-	it("updates x/y and direction on scroll", () => {
-		const el = document.createElement("div");
-		Object.defineProperty(el, "scrollLeft", {
-			value: 0,
-			writable: true
-		});
-		Object.defineProperty(el, "scrollTop", {
-			value: 0,
-			writable: true
-		});
-		document.body.appendChild(el);
-		let state;
-		effectScope(() => {
-			state = createScrollState(el);
-		});
-		Object.defineProperty(el, "scrollLeft", {
-			value: 50,
-			writable: true
-		});
-		Object.defineProperty(el, "scrollTop", {
-			value: 100,
-			writable: true
-		});
-		el.dispatchEvent(new Event("scroll"));
-		globalExpect(state.x()).toBe(50);
-		globalExpect(state.y()).toBe(100);
-		globalExpect(state.directionX()).toBe("right");
-		globalExpect(state.directionY()).toBe("down");
-	});
-	it("reports 'left' and 'up' when scrolling backwards", () => {
-		const el = document.createElement("div");
-		Object.defineProperty(el, "scrollLeft", {
-			value: 100,
-			writable: true
-		});
-		Object.defineProperty(el, "scrollTop", {
-			value: 200,
-			writable: true
-		});
-		document.body.appendChild(el);
-		let state;
-		effectScope(() => {
-			state = createScrollState(el);
-		});
-		Object.defineProperty(el, "scrollLeft", {
-			value: 50,
-			writable: true
-		});
-		Object.defineProperty(el, "scrollTop", {
-			value: 80,
-			writable: true
-		});
-		el.dispatchEvent(new Event("scroll"));
-		globalExpect(state.directionX()).toBe("left");
-		globalExpect(state.directionY()).toBe("up");
-	});
-	it("removes the scroll listener on Symbol.dispose", () => {
-		const el = document.createElement("div");
-		document.body.appendChild(el);
-		let state;
-		effectScope(() => {
-			state = createScrollState(el);
-		});
-		state[Symbol.dispose]();
-		Object.defineProperty(el, "scrollLeft", {
-			value: 99,
-			writable: true
-		});
-		el.dispatchEvent(new Event("scroll"));
-		globalExpect(state.x()).toBe(0);
-	});
-});
-//#endregion
-export {};

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

@@ -1,12 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/scrolling.d.ts
-/**
- * Returns a `Computed<boolean>` that is `true` while the user is actively
- * scrolling `target` (defaults to `window`).
- *
- * Sets to `false` after `delay` ms of no scroll events (default: 150 ms).
- */
-declare function createScrolling(target?: Element | Window, delay?: number): Computed<boolean> & Disposable;
-//#endregion
-export { createScrolling };

package/dist/signals/lib/scrolling.mjs

@@ -1,26 +0,0 @@
-import { d as onCleanup, f as signal } from "../../signals-CLAPw8kk.mjs";
-import { createEventListener } from "./event-listener.mjs";
-//#region src/signals/lib/scrolling.ts
-/**
-* Returns a `Computed<boolean>` that is `true` while the user is actively
-* scrolling `target` (defaults to `window`).
-*
-* Sets to `false` after `delay` ms of no scroll events (default: 150 ms).
-*/
-function createScrolling(target = window, delay = 150) {
-	const scrolling = signal(false);
-	let timer;
-	const handler = () => {
-		scrolling(true);
-		clearTimeout(timer);
-		timer = setTimeout(() => scrolling(false), delay);
-	};
-	const removeListener = createEventListener(target, "scroll", handler, { passive: true });
-	onCleanup(() => clearTimeout(timer));
-	return Object.assign(scrolling, { [Symbol.dispose]: () => {
-		clearTimeout(timer);
-		removeListener();
-	} });
-}
-//#endregion
-export { createScrolling };

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

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

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

@@ -1,57 +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 { createScrolling } from "./scrolling.mjs";
-//#region src/signals/lib/scrolling.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-	vi.useRealTimers();
-});
-describe("createScrolling", () => {
-	it("starts as false", () => {
-		vi.useFakeTimers();
-		const el = document.createElement("div");
-		document.body.appendChild(el);
-		let scrolling;
-		effectScope(() => {
-			scrolling = createScrolling(el);
-		});
-		globalExpect(scrolling()).toBe(false);
-	});
-	it("becomes true on scroll event", () => {
-		vi.useFakeTimers();
-		const el = document.createElement("div");
-		document.body.appendChild(el);
-		let scrolling;
-		effectScope(() => {
-			scrolling = createScrolling(el);
-		});
-		el.dispatchEvent(new Event("scroll"));
-		globalExpect(scrolling()).toBe(true);
-	});
-	it("returns to false after delay", () => {
-		vi.useFakeTimers();
-		const el = document.createElement("div");
-		document.body.appendChild(el);
-		let scrolling;
-		effectScope(() => {
-			scrolling = createScrolling(el, 150);
-		});
-		el.dispatchEvent(new Event("scroll"));
-		vi.advanceTimersByTime(200);
-		globalExpect(scrolling()).toBe(false);
-	});
-	it("stops reacting after Symbol.dispose", () => {
-		vi.useFakeTimers();
-		const el = document.createElement("div");
-		document.body.appendChild(el);
-		let scrolling;
-		effectScope(() => {
-			scrolling = createScrolling(el);
-		});
-		scrolling[Symbol.dispose]();
-		el.dispatchEvent(new Event("scroll"));
-		globalExpect(scrolling()).toBe(false);
-	});
-});
-//#endregion
-export {};

package/dist/signals/lib/search-params.d.mts

@@ -1,16 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/search-params.d.ts
-type SearchParamsResult = {
-  params: Computed<URLSearchParams>;
-  get(key: string): string | null;
-  set(key: string, value: string): void;
-  delete(key: string): void;
-} & Disposable;
-/**
- * Returns reactive access to the URL's search params.  Writing via `set` /
- * `delete` updates both `location.search` and the reactive signal.
- */
-declare function createSearchParams(): SearchParamsResult;
-//#endregion
-export { createSearchParams };

package/dist/signals/lib/search-params.mjs

@@ -1,37 +0,0 @@
-import { f as signal } from "../../signals-CLAPw8kk.mjs";
-import { createEventListener } from "./event-listener.mjs";
-//#region src/signals/lib/search-params.ts
-function readParams() {
-	return new URLSearchParams(typeof location !== "undefined" ? location.search : "");
-}
-/**
-* Returns reactive access to the URL's search params.  Writing via `set` /
-* `delete` updates both `location.search` and the reactive signal.
-*/
-function createSearchParams() {
-	const params = signal(readParams());
-	const onPopState = () => params(readParams());
-	const cleanup = createEventListener(window, "popstate", onPopState);
-	const get = (key) => params().get(key);
-	const set = (key, value) => {
-		const next = readParams();
-		next.set(key, value);
-		history.replaceState(null, "", `?${next.toString()}`);
-		params(next);
-	};
-	const del = (key) => {
-		const next = readParams();
-		next.delete(key);
-		const qs = next.toString();
-		history.replaceState(null, "", qs ? `?${qs}` : location.pathname);
-		params(next);
-	};
-	return Object.assign({
-		params,
-		get,
-		set,
-		delete: del
-	}, { [Symbol.dispose]: cleanup });
-}
-//#endregion
-export { createSearchParams };

package/dist/signals/lib/search-params.test.mjs

@@ -1,56 +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 { createSearchParams } from "./search-params.mjs";
-//#region src/signals/lib/search-params.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-	history.replaceState(null, "", location.pathname);
-});
-describe("createSearchParams", () => {
-	it("reads initial search params", () => {
-		let sp;
-		effectScope(() => {
-			sp = createSearchParams();
-		});
-		globalExpect(sp.params()).toBeInstanceOf(URLSearchParams);
-	});
-	it("set() updates a param", () => {
-		let sp;
-		effectScope(() => {
-			sp = createSearchParams();
-		});
-		sp.set("q", "hello");
-		globalExpect(sp.get("q")).toBe("hello");
-		globalExpect(sp.params().get("q")).toBe("hello");
-	});
-	it("delete() removes a param", () => {
-		let sp;
-		effectScope(() => {
-			sp = createSearchParams();
-		});
-		sp.set("q", "hello");
-		sp.delete("q");
-		globalExpect(sp.get("q")).toBeNull();
-	});
-	it("updates on popstate event", () => {
-		let sp;
-		effectScope(() => {
-			sp = createSearchParams();
-		});
-		history.replaceState(null, "", "?foo=bar");
-		window.dispatchEvent(new PopStateEvent("popstate"));
-		globalExpect(sp.get("foo")).toBe("bar");
-	});
-	it("stops reacting after Symbol.dispose", () => {
-		let sp;
-		effectScope(() => {
-			sp = createSearchParams();
-		});
-		sp[Symbol.dispose]();
-		history.replaceState(null, "", "?x=1");
-		window.dispatchEvent(new PopStateEvent("popstate"));
-		globalExpect(sp.get("x")).toBeNull();
-	});
-});
-//#endregion
-export {};

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

@@ -1,18 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/set.d.ts
-type ReactiveSetResult<T> = {
-  entries: Computed<ReadonlySet<T>>;
-  add(value: T): void;
-  remove(value: T): void;
-  toggle(value: T): void;
-  has(value: T): boolean;
-  clear(): void;
-  size: Computed<number>;
-};
-/**
- * Reactive `Set` with mutation helpers.
- */
-declare function createSet<T>(initial?: Set<T>): ReactiveSetResult<T>;
-//#endregion
-export { createSet };

package/dist/signals/lib/set.mjs

@@ -1,38 +0,0 @@
-import { f as signal } from "../../signals-CLAPw8kk.mjs";
-//#region src/signals/lib/set.ts
-/**
-* Reactive `Set` with mutation helpers.
-*/
-function createSet(initial) {
-	const s = signal(new Set(initial));
-	const add = (value) => {
-		const next = new Set(s());
-		next.add(value);
-		s(next);
-	};
-	const remove = (value) => {
-		const next = new Set(s());
-		next.delete(value);
-		s(next);
-	};
-	const toggle = (value) => {
-		const next = new Set(s());
-		if (next.has(value)) next.delete(value);
-		else next.add(value);
-		s(next);
-	};
-	const has = (value) => s().has(value);
-	const clear = () => s(/* @__PURE__ */ new Set());
-	const size = () => s().size;
-	return {
-		entries: s,
-		add,
-		remove,
-		toggle,
-		has,
-		clear,
-		size
-	};
-}
-//#endregion
-export { createSet };

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

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

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

@@ -1,70 +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 { createSet } from "./set.mjs";
-//#region src/signals/lib/set.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-});
-describe("createSet", () => {
-	it("starts empty by default", () => {
-		let s;
-		effectScope(() => {
-			s = createSet();
-		});
-		globalExpect(s.entries().size).toBe(0);
-		globalExpect(s.size()).toBe(0);
-	});
-	it("initializes from a Set", () => {
-		let s;
-		effectScope(() => {
-			s = createSet(new Set([
-				1,
-				2,
-				3
-			]));
-		});
-		globalExpect(s.has(2)).toBe(true);
-		globalExpect(s.size()).toBe(3);
-	});
-	it("add inserts a value", () => {
-		let s;
-		effectScope(() => {
-			s = createSet();
-		});
-		s.add(5);
-		globalExpect(s.has(5)).toBe(true);
-	});
-	it("remove deletes a value", () => {
-		let s;
-		effectScope(() => {
-			s = createSet(new Set([1, 2]));
-		});
-		s.remove(1);
-		globalExpect(s.has(1)).toBe(false);
-		globalExpect(s.size()).toBe(1);
-	});
-	it("toggle adds if absent, removes if present", () => {
-		let s;
-		effectScope(() => {
-			s = createSet();
-		});
-		s.toggle(7);
-		globalExpect(s.has(7)).toBe(true);
-		s.toggle(7);
-		globalExpect(s.has(7)).toBe(false);
-	});
-	it("clear empties the set", () => {
-		let s;
-		effectScope(() => {
-			s = createSet(new Set([
-				1,
-				2,
-				3
-			]));
-		});
-		s.clear();
-		globalExpect(s.size()).toBe(0);
-	});
-});
-//#endregion
-export {};

package/dist/signals/lib/start-typing.d.mts

@@ -1,9 +0,0 @@
-//#region src/signals/lib/start-typing.d.ts
-/**
- * Fires `handler` once whenever the user starts typing (presses a non-modifier
- * key on the document).  The handler is not called again until the user stops
- * typing and then starts again (debounced by a 1 s idle window).
- */
-declare function createStartTyping(handler: () => void, idleMs?: number): Disposable;
-//#endregion
-export { createStartTyping };

package/dist/signals/lib/start-typing.mjs

@@ -1,39 +0,0 @@
-import { d as onCleanup } from "../../signals-CLAPw8kk.mjs";
-import { createEventListener } from "./event-listener.mjs";
-//#region src/signals/lib/start-typing.ts
-const TYPING_KEYS = new Set([
-	"Meta",
-	"Alt",
-	"Control",
-	"Shift",
-	"CapsLock",
-	"Tab"
-]);
-/**
-* Fires `handler` once whenever the user starts typing (presses a non-modifier
-* key on the document).  The handler is not called again until the user stops
-* typing and then starts again (debounced by a 1 s idle window).
-*/
-function createStartTyping(handler, idleMs = 1e3) {
-	let timer;
-	let isTyping = false;
-	const onKeyDown = (e) => {
-		if (TYPING_KEYS.has(e.key)) return;
-		if (!isTyping) {
-			isTyping = true;
-			handler();
-		}
-		clearTimeout(timer);
-		timer = setTimeout(() => {
-			isTyping = false;
-		}, idleMs);
-	};
-	const removeListener = createEventListener(document, "keydown", onKeyDown);
-	onCleanup(() => clearTimeout(timer));
-	return { [Symbol.dispose]: () => {
-		clearTimeout(timer);
-		removeListener();
-	} };
-}
-//#endregion
-export { createStartTyping };

package/dist/signals/lib/start-typing.test.d.mts

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

package/dist/signals/lib/start-typing.test.mjs

@@ -1,64 +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 { createStartTyping } from "./start-typing.mjs";
-//#region src/signals/lib/start-typing.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-	vi.useRealTimers();
-});
-describe("createStartTyping", () => {
-	it("calls handler on first keydown", () => {
-		vi.useFakeTimers();
-		const handler = vi.fn();
-		effectScope(() => {
-			createStartTyping(handler, 1e3);
-		});
-		document.dispatchEvent(new KeyboardEvent("keydown", { key: "a" }));
-		globalExpect(handler).toHaveBeenCalledOnce();
-	});
-	it("does not call handler again while still typing", () => {
-		vi.useFakeTimers();
-		const handler = vi.fn();
-		effectScope(() => {
-			createStartTyping(handler, 1e3);
-		});
-		document.dispatchEvent(new KeyboardEvent("keydown", { key: "a" }));
-		document.dispatchEvent(new KeyboardEvent("keydown", { key: "b" }));
-		document.dispatchEvent(new KeyboardEvent("keydown", { key: "c" }));
-		globalExpect(handler).toHaveBeenCalledOnce();
-	});
-	it("calls handler again after idle period", () => {
-		vi.useFakeTimers();
-		const handler = vi.fn();
-		effectScope(() => {
-			createStartTyping(handler, 1e3);
-		});
-		document.dispatchEvent(new KeyboardEvent("keydown", { key: "a" }));
-		vi.advanceTimersByTime(1100);
-		document.dispatchEvent(new KeyboardEvent("keydown", { key: "b" }));
-		globalExpect(handler).toHaveBeenCalledTimes(2);
-	});
-	it("ignores modifier keys", () => {
-		vi.useFakeTimers();
-		const handler = vi.fn();
-		effectScope(() => {
-			createStartTyping(handler, 1e3);
-		});
-		document.dispatchEvent(new KeyboardEvent("keydown", { key: "Shift" }));
-		document.dispatchEvent(new KeyboardEvent("keydown", { key: "Control" }));
-		globalExpect(handler).not.toHaveBeenCalled();
-	});
-	it("stops on Symbol.dispose", () => {
-		vi.useFakeTimers();
-		const handler = vi.fn();
-		let st;
-		effectScope(() => {
-			st = createStartTyping(handler, 1e3);
-		});
-		st[Symbol.dispose]();
-		document.dispatchEvent(new KeyboardEvent("keydown", { key: "a" }));
-		globalExpect(handler).not.toHaveBeenCalled();
-	});
-});
-//#endregion
-export {};

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

@@ -1,21 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/state-history.d.ts
-type StateHistoryResult<T> = {
-  history: Computed<T[]>;
-  index: Computed<number>;
-  canUndo: Computed<boolean>;
-  canRedo: Computed<boolean>;
-  undo(): void;
-  redo(): void;
-  clear(): void;
-};
-/**
- * Tracks the history of a reactive getter, providing `undo` and `redo`.
- *
- * @param getter - A reactive getter whose value is tracked.
- * @param capacity - Maximum number of history entries (default: 100).
- */
-declare function createStateHistory<T>(getter: () => T, capacity?: number): StateHistoryResult<T>;
-//#endregion
-export { createStateHistory };