elements-kit 0.18.2 → 0.20.0

package/dist/utilities/dom-lifecycle.test.mjs

@@ -1,228 +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 { DomLifecycleElement } from "./dom-lifecycle.mjs";
-//#region src/utilities/dom-lifecycle.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-});
-function makeProbe() {
-	return document.createElement("dom-lifecycle");
-}
-describe("dom-lifecycle", () => {
-	it("registers as a custom element", () => {
-		globalExpect(customElements.get("dom-lifecycle")).toBe(DomLifecycleElement);
-		globalExpect(makeProbe()).toBeInstanceOf(DomLifecycleElement);
-	});
-	it("fires onConnect with self; self.parentElement is the surrounding element", () => {
-		const parent = document.createElement("div");
-		document.body.appendChild(parent);
-		const probe = makeProbe();
-		const onConnect = vi.fn();
-		probe.onConnect = onConnect;
-		parent.appendChild(probe);
-		globalExpect(onConnect).toHaveBeenCalledTimes(1);
-		globalExpect(onConnect).toHaveBeenCalledWith(probe);
-		globalExpect(probe.parentElement).toBe(parent);
-	});
-	it("does not fire onConnect when appended into a detached subtree", () => {
-		const parent = document.createElement("div");
-		const probe = makeProbe();
-		const onConnect = vi.fn();
-		probe.onConnect = onConnect;
-		parent.appendChild(probe);
-		globalExpect(onConnect).not.toHaveBeenCalled();
-		document.body.appendChild(parent);
-		globalExpect(onConnect).toHaveBeenCalledTimes(1);
-		globalExpect(onConnect).toHaveBeenCalledWith(probe);
-	});
-	it("fires onDisconnect with self; self.parentElement is null per spec", () => {
-		const parent = document.createElement("div");
-		document.body.appendChild(parent);
-		const probe = makeProbe();
-		const onDisconnect = vi.fn((self) => {
-			globalExpect(self.parentElement).toBeNull();
-		});
-		probe.onDisconnect = onDisconnect;
-		parent.appendChild(probe);
-		probe.remove();
-		globalExpect(onDisconnect).toHaveBeenCalledTimes(1);
-		globalExpect(onDisconnect).toHaveBeenCalledWith(probe);
-	});
-	it("re-fires onConnect on reconnect", () => {
-		const parent = document.createElement("div");
-		document.body.appendChild(parent);
-		const probe = makeProbe();
-		const onConnect = vi.fn();
-		const onDisconnect = vi.fn();
-		probe.onConnect = onConnect;
-		probe.onDisconnect = onDisconnect;
-		parent.appendChild(probe);
-		probe.remove();
-		parent.appendChild(probe);
-		globalExpect(onConnect).toHaveBeenCalledTimes(2);
-		globalExpect(onDisconnect).toHaveBeenCalledTimes(1);
-	});
-	it("self.parentElement reflects the new parent on cross-parent move", () => {
-		const a = document.createElement("section");
-		const b = document.createElement("section");
-		document.body.appendChild(a);
-		document.body.appendChild(b);
-		const probe = makeProbe();
-		const seen = [];
-		probe.onConnect = (el) => seen.push(["c", el.parentElement]);
-		probe.onDisconnect = (el) => seen.push(["d", el.parentElement]);
-		a.appendChild(probe);
-		b.appendChild(probe);
-		globalExpect(seen).toEqual([
-			["c", a],
-			["d", null],
-			["c", b]
-		]);
-	});
-	it("works inside an open shadow root", () => {
-		const host = document.createElement("div");
-		const shadow = host.attachShadow({ mode: "open" });
-		document.body.appendChild(host);
-		const inner = document.createElement("div");
-		shadow.appendChild(inner);
-		const probe = makeProbe();
-		const onConnect = vi.fn((el) => {
-			globalExpect(el.parentElement).toBe(inner);
-		});
-		probe.onConnect = onConnect;
-		inner.appendChild(probe);
-		globalExpect(onConnect).toHaveBeenCalledTimes(1);
-		globalExpect(onConnect).toHaveBeenCalledWith(probe);
-	});
-	it("works inside a closed shadow root (no opt-in needed)", () => {
-		const host = document.createElement("div");
-		const shadow = host.attachShadow({ mode: "closed" });
-		document.body.appendChild(host);
-		const inner = document.createElement("div");
-		shadow.appendChild(inner);
-		const probe = makeProbe();
-		const onConnect = vi.fn();
-		const onDisconnect = vi.fn();
-		probe.onConnect = onConnect;
-		probe.onDisconnect = onDisconnect;
-		inner.appendChild(probe);
-		globalExpect(onConnect).toHaveBeenCalledTimes(1);
-		globalExpect(onConnect).toHaveBeenCalledWith(probe);
-		inner.remove();
-		globalExpect(onDisconnect).toHaveBeenCalledTimes(1);
-		globalExpect(onDisconnect).toHaveBeenCalledWith(probe);
-	});
-	it("self is non-null when the lifecycle element is the direct child of a ShadowRoot", () => {
-		const host = document.createElement("div");
-		const shadow = host.attachShadow({ mode: "open" });
-		document.body.appendChild(host);
-		const probe = makeProbe();
-		let observedSelf = null;
-		let observedParent = null;
-		let observedHost = null;
-		probe.onConnect = (el) => {
-			observedSelf = el;
-			observedParent = el.parentElement;
-			const root = el.getRootNode();
-			observedHost = root instanceof ShadowRoot ? root.host : null;
-		};
-		shadow.appendChild(probe);
-		globalExpect(observedSelf).toBe(probe);
-		globalExpect(observedParent).toBeNull();
-		globalExpect(observedHost).toBe(host);
-	});
-	it("wrap-children: self.firstElementChild is the wrapped subtree", () => {
-		const parent = document.createElement("section");
-		document.body.appendChild(parent);
-		const probe = makeProbe();
-		const wrapped = document.createElement("h1");
-		probe.appendChild(wrapped);
-		let observedFirstChild = null;
-		probe.onConnect = (el) => {
-			observedFirstChild = el.firstElementChild;
-		};
-		parent.appendChild(probe);
-		globalExpect(observedFirstChild).toBe(wrapped);
-	});
-	it("fires when a host with an inner dom-lifecycle is connected later", () => {
-		const parent = document.createElement("div");
-		const probe = makeProbe();
-		const onConnect = vi.fn();
-		probe.onConnect = onConnect;
-		parent.appendChild(probe);
-		globalExpect(onConnect).not.toHaveBeenCalled();
-		document.body.appendChild(parent);
-		globalExpect(onConnect).toHaveBeenCalledTimes(1);
-		globalExpect(onConnect).toHaveBeenCalledWith(probe);
-	});
-	it("upgrades when produced via innerHTML and connected", () => {
-		const parent = document.createElement("div");
-		document.body.appendChild(parent);
-		parent.innerHTML = "<dom-lifecycle></dom-lifecycle>";
-		const probe = parent.firstElementChild;
-		globalExpect(probe).toBeInstanceOf(DomLifecycleElement);
-		const onConnect = vi.fn();
-		probe.onConnect = onConnect;
-		probe.remove();
-		parent.appendChild(probe);
-		globalExpect(onConnect).toHaveBeenCalledTimes(1);
-		globalExpect(onConnect).toHaveBeenCalledWith(probe);
-	});
-	it("survives cloneNode(true) — clone fires its own connect", () => {
-		const parent = document.createElement("div");
-		document.body.appendChild(parent);
-		const original = makeProbe();
-		parent.appendChild(original);
-		const clone = original.cloneNode(true);
-		const onConnect = vi.fn();
-		clone.onConnect = onConnect;
-		parent.appendChild(clone);
-		globalExpect(onConnect).toHaveBeenCalledTimes(1);
-		globalExpect(onConnect).toHaveBeenCalledWith(clone);
-	});
-	it("honors null onConnect / onDisconnect (no throw)", () => {
-		const parent = document.createElement("div");
-		document.body.appendChild(parent);
-		const probe = makeProbe();
-		probe.onConnect = null;
-		probe.onDisconnect = null;
-		globalExpect(() => {
-			parent.appendChild(probe);
-			probe.remove();
-		}).not.toThrow();
-	});
-	it("applies render-inert defaults: display:contents and role='none'", () => {
-		const probe = makeProbe();
-		document.body.appendChild(probe);
-		globalExpect(probe.style.display).toBe("contents");
-		globalExpect(probe.getAttribute("role")).toBe("none");
-	});
-	it("exposes onMove and onAdopted setters", () => {
-		const probe = makeProbe();
-		const move = vi.fn();
-		const adopt = vi.fn();
-		probe.onMove = move;
-		probe.onAdopted = adopt;
-		globalExpect(probe.onMove).toBe(move);
-		globalExpect(probe.onAdopted).toBe(adopt);
-		probe.onMove = null;
-		probe.onAdopted = null;
-		globalExpect(probe.onMove).toBeNull();
-		globalExpect(probe.onAdopted).toBeNull();
-	});
-	it("disconnects when an ancestor is removed", () => {
-		const grand = document.createElement("section");
-		const parent = document.createElement("div");
-		document.body.appendChild(grand);
-		grand.appendChild(parent);
-		const probe = makeProbe();
-		const onDisconnect = vi.fn();
-		probe.onDisconnect = onDisconnect;
-		parent.appendChild(probe);
-		grand.remove();
-		globalExpect(onDisconnect).toHaveBeenCalledTimes(1);
-		globalExpect(onDisconnect).toHaveBeenCalledWith(probe);
-	});
-});
-//#endregion
-export {};

package/dist/utilities/element-rect.test.d.mts

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

package/dist/utilities/element-rect.test.mjs

@@ -1,101 +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 { createElementRect } from "./element-rect.mjs";
-//#region src/utilities/element-rect.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-	vi.restoreAllMocks();
-	vi.unstubAllGlobals();
-});
-describe("createElementRect", () => {
-	it("returns initial rect values from getBoundingClientRect", () => {
-		const el = document.createElement("div");
-		document.body.appendChild(el);
-		vi.spyOn(el, "getBoundingClientRect").mockReturnValue({
-			x: 10,
-			y: 20,
-			width: 100,
-			height: 50,
-			top: 20,
-			right: 110,
-			bottom: 70,
-			left: 10,
-			toJSON: () => ({})
-		});
-		let rect;
-		effectScope(() => {
-			rect = createElementRect(el);
-		});
-		globalExpect(rect.x()).toBe(10);
-		globalExpect(rect.y()).toBe(20);
-		globalExpect(rect.width()).toBe(100);
-		globalExpect(rect.height()).toBe(50);
-		globalExpect(rect.top()).toBe(20);
-		globalExpect(rect.right()).toBe(110);
-		globalExpect(rect.bottom()).toBe(70);
-		globalExpect(rect.left()).toBe(10);
-	});
-	it("updates all rect properties when ResizeObserver fires", () => {
-		const el = document.createElement("div");
-		document.body.appendChild(el);
-		vi.spyOn(el, "getBoundingClientRect").mockReturnValueOnce({
-			x: 0,
-			y: 0,
-			width: 0,
-			height: 0,
-			top: 0,
-			right: 0,
-			bottom: 0,
-			left: 0,
-			toJSON: () => ({})
-		}).mockReturnValueOnce({
-			x: 5,
-			y: 15,
-			width: 200,
-			height: 80,
-			top: 15,
-			right: 205,
-			bottom: 95,
-			left: 5,
-			toJSON: () => ({})
-		});
-		let observerCallback;
-		vi.stubGlobal("ResizeObserver", function MockRO(cb) {
-			observerCallback = cb;
-			return {
-				observe: vi.fn(),
-				disconnect: vi.fn(),
-				unobserve: vi.fn()
-			};
-		});
-		let rect;
-		effectScope(() => {
-			rect = createElementRect(el);
-		});
-		observerCallback([{ target: el }], {});
-		globalExpect(rect.width()).toBe(200);
-		globalExpect(rect.height()).toBe(80);
-		globalExpect(rect.top()).toBe(15);
-	});
-	it("disconnects on Symbol.dispose", () => {
-		const disconnect = vi.fn();
-		vi.stubGlobal("ResizeObserver", function MockRO() {
-			return {
-				observe: vi.fn(),
-				disconnect,
-				unobserve: vi.fn()
-			};
-		});
-		const el = document.createElement("div");
-		let rect;
-		effectScope(() => {
-			rect = createElementRect(el);
-		});
-		rect[Symbol.dispose]();
-		globalExpect(disconnect).toHaveBeenCalledOnce();
-	});
-});
-//#endregion
-export {};

package/dist/utilities/element-scroll.test.d.mts

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

package/dist/utilities/element-scroll.test.mjs

@@ -1,27 +0,0 @@
-import { c as effectScope } 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 { createElementScroll } from "./element-scroll.mjs";
-//#region src/utilities/element-scroll.test.ts
-describe("createElementScroll", () => {
-	it("starts at 0,0 for a new element", () => {
-		const el = document.createElement("div");
-		let scroll;
-		effectScope(() => {
-			scroll = createElementScroll(el);
-		});
-		globalExpect(scroll.x()).toBe(0);
-		globalExpect(scroll.y()).toBe(0);
-	});
-	it("cleans up on dispose", () => {
-		const el = document.createElement("div");
-		let scroll;
-		effectScope(() => {
-			scroll = createElementScroll(el);
-		});
-		scroll[Symbol.dispose]();
-	});
-});
-//#endregion
-export {};

package/dist/utilities/event-listener.test.d.mts

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

package/dist/utilities/event-listener.test.mjs

@@ -1,60 +0,0 @@
-import { c as effectScope, m as signal, s as effect } from "../lib-Dkc7cV5F.mjs";
-import "../signals/index.mjs";
-import { on } from "./event-listener.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";
-//#region src/utilities/event-listener.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-});
-describe("createEventListener", () => {
-	it("fires the handler when the event is dispatched", () => {
-		const el = document.createElement("div");
-		document.body.appendChild(el);
-		const handler = vi.fn();
-		effect(() => {
-			on(el, "click", handler);
-		});
-		el.dispatchEvent(new MouseEvent("click", { bubbles: true }));
-		globalExpect(handler).toHaveBeenCalledOnce();
-	});
-	it("removes the listener when the enclosing effect is disposed", () => {
-		const el = document.createElement("div");
-		document.body.appendChild(el);
-		const handler = vi.fn();
-		effect(() => {
-			on(el, "click", handler);
-		})();
-		el.dispatchEvent(new MouseEvent("click", { bubbles: true }));
-		globalExpect(handler).not.toHaveBeenCalled();
-	});
-	it("removes the listener when the enclosing scope is disposed", () => {
-		const el = document.createElement("div");
-		document.body.appendChild(el);
-		const handler = vi.fn();
-		effectScope(() => {
-			on(el, "click", handler);
-		})();
-		el.dispatchEvent(new MouseEvent("click", { bubbles: true }));
-		globalExpect(handler).not.toHaveBeenCalled();
-	});
-	it("re-registers the listener when a reactive target changes", () => {
-		const el1 = document.createElement("div");
-		const el2 = document.createElement("div");
-		document.body.append(el1, el2);
-		const target = signal(el1);
-		const handler = vi.fn();
-		effectScope(() => {
-			on(() => target(), "click", handler);
-		});
-		el1.dispatchEvent(new MouseEvent("click"));
-		globalExpect(handler).toHaveBeenCalledTimes(1);
-		target(el2);
-		el1.dispatchEvent(new MouseEvent("click"));
-		globalExpect(handler).toHaveBeenCalledTimes(1);
-		el2.dispatchEvent(new MouseEvent("click"));
-		globalExpect(handler).toHaveBeenCalledTimes(2);
-	});
-});
-//#endregion
-export {};

package/dist/utilities/focus-within.test.d.mts

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

package/dist/utilities/focus-within.test.mjs

@@ -1,51 +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 { t as globalExpect } from "../test.BmQO5GaM-Ddz9cDxc.mjs";
-import { createFocusWithin } from "./focus-within.mjs";
-//#region src/utilities/focus-within.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-});
-describe("createFocusWithin", () => {
-	it("starts as false", () => {
-		const el = document.createElement("div");
-		document.body.appendChild(el);
-		let focused;
-		effectScope(() => {
-			focused = createFocusWithin(el);
-		});
-		globalExpect(focused()).toBe(false);
-	});
-	it("becomes true when a child receives focus", () => {
-		const outer = document.createElement("div");
-		const inner = document.createElement("input");
-		outer.appendChild(inner);
-		document.body.appendChild(outer);
-		let focused;
-		effectScope(() => {
-			focused = createFocusWithin(outer);
-		});
-		document.dispatchEvent(new FocusEvent("focusin", {
-			bubbles: true,
-			relatedTarget: inner
-		}));
-		Object.defineProperty(document, "activeElement", {
-			configurable: true,
-			get: () => inner
-		});
-		outer.dispatchEvent(new FocusEvent("focusin", { bubbles: true }));
-		globalExpect(typeof focused()).toBe("boolean");
-	});
-	it("stops reacting after scope disposal", () => {
-		const el = document.createElement("div");
-		document.body.appendChild(el);
-		let focused;
-		effectScope(() => {
-			focused = createFocusWithin(el);
-		})();
-		globalExpect(focused()).toBe(false);
-	});
-});
-//#endregion
-export {};

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

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

package/dist/utilities/hover.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 { createHover } from "./hover.mjs";
-//#region src/utilities/hover.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-	vi.restoreAllMocks();
-});
-describe("createHover", () => {
-	it("starts as false", () => {
-		const el = document.createElement("div");
-		document.body.appendChild(el);
-		let hovered;
-		effectScope(() => {
-			hovered = createHover(el);
-		});
-		globalExpect(hovered()).toBe(false);
-	});
-	it("becomes true on pointerenter", () => {
-		const el = document.createElement("div");
-		document.body.appendChild(el);
-		let hovered;
-		effectScope(() => {
-			hovered = createHover(el);
-		});
-		el.dispatchEvent(new PointerEvent("pointerenter"));
-		globalExpect(hovered()).toBe(true);
-	});
-	it("becomes false on pointerleave", () => {
-		const el = document.createElement("div");
-		document.body.appendChild(el);
-		let hovered;
-		effectScope(() => {
-			hovered = createHover(el);
-		});
-		el.dispatchEvent(new PointerEvent("pointerenter"));
-		el.dispatchEvent(new PointerEvent("pointerleave"));
-		globalExpect(hovered()).toBe(false);
-	});
-	it("removes listeners on scope disposal", () => {
-		const el = document.createElement("div");
-		document.body.appendChild(el);
-		let hovered;
-		effectScope(() => {
-			hovered = createHover(el);
-		})();
-		el.dispatchEvent(new PointerEvent("pointerenter"));
-		globalExpect(hovered()).toBe(false);
-	});
-});
-//#endregion
-export {};

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

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

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

@@ -1,46 +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 { createIntersectionObserver } from "./intersection-observer.mjs";
-//#region src/utilities/intersection-observer.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-	vi.unstubAllGlobals();
-});
-describe("createIntersectionObserver", () => {
-	it("observes a target element", () => {
-		const target = document.createElement("div");
-		document.body.appendChild(target);
-		const observe = vi.fn();
-		vi.stubGlobal("IntersectionObserver", function MockIO() {
-			return {
-				observe,
-				disconnect: vi.fn()
-			};
-		});
-		effectScope(() => {
-			createIntersectionObserver(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("IntersectionObserver", function MockIO() {
-			return {
-				observe: vi.fn(),
-				disconnect
-			};
-		});
-		let io;
-		effectScope(() => {
-			io = createIntersectionObserver(target, vi.fn());
-		});
-		io[Symbol.dispose]();
-		globalExpect(disconnect).toHaveBeenCalledOnce();
-	});
-});
-//#endregion
-export {};

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

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