@thewaver/ss-components 0.0.1 → 0.0.2

package/dist/Abstracts/InteractionTracker/InteractionTracker.js

@@ -0,0 +1,389 @@
+import { createEffect, createMemo, createSignal, onCleanup } from "solid-js";
+import { GestureUtils, MathUtils } from "@thewaver/ss-utils";
+import { createStore } from "solid-js/store";
+//#region src/Abstracts/InteractionTracker/InteractionTracker.ts
+var SWIPE_SLOP_RATIO = .02;
+var CENTER_RATIO = {
+	x: .5,
+	y: .5
+};
+var SCROLL_EDGE_PX = 1;
+var FOCUS_VISIBLE_SELECTOR = ":focus-visible";
+var SWIPE_TOUCH_ACTIONS = {
+	horizontal: "pan-y",
+	vertical: "pan-x"
+};
+var getHasLeft = (event) => {
+	const target = event.relatedTarget;
+	return !(target instanceof Node) || !event.currentTarget.contains(target);
+};
+var computeRatio = (rect, clientX, clientY) => {
+	return {
+		x: MathUtils.normalize(clientX, rect.left, rect.right),
+		y: MathUtils.normalize(clientY, rect.top, rect.bottom)
+	};
+};
+var getHasScrollRoom = (element, axis, delta) => {
+	const position = axis === "horizontal" ? element.scrollLeft : element.scrollTop;
+	const extent = axis === "horizontal" ? element.scrollWidth - element.clientWidth : element.scrollHeight - element.clientHeight;
+	return delta > 0 ? position > SCROLL_EDGE_PX : position < extent - SCROLL_EDGE_PX;
+};
+var getHasScrollChainRoom = (target, root, axis, delta) => {
+	let node = target instanceof Element ? target : null;
+	while (node) {
+		if (getHasScrollRoom(node, axis, delta)) return true;
+		if (node === root) return false;
+		node = node.parentElement;
+	}
+	return false;
+};
+var clampRatio = (ratio) => ({
+	x: MathUtils.clamp01(ratio.x),
+	y: MathUtils.clamp01(ratio.y)
+});
+var trackPointer = (getRef, getIsDisabled, opts) => {
+	const [getIsEngaged, setIsEngaged] = createSignal(false);
+	let pointerId;
+	let startRect;
+	createEffect(() => {
+		const ref = getRef();
+		if (!ref || getIsDisabled()) {
+			pointerId = void 0;
+			startRect = void 0;
+			setIsEngaged(false);
+			return;
+		}
+		const measure = () => opts.isMeasuredFromStart && startRect ? startRect : ref.getBoundingClientRect();
+		const engage = () => {
+			if (pointerId === void 0) return;
+			ref.setPointerCapture(pointerId);
+			setIsEngaged(true);
+		};
+		const onPointerDown = (e) => {
+			if (e.button !== 0) return;
+			if (pointerId !== void 0) return;
+			pointerId = e.pointerId;
+			startRect = ref.getBoundingClientRect();
+			opts.onDown(computeRatio(startRect, e.clientX, e.clientY), engage);
+			if (getIsEngaged()) e.preventDefault();
+		};
+		const onPointerMove = (e) => {
+			if (e.pointerId !== pointerId) return;
+			opts.onMove(computeRatio(measure(), e.clientX, e.clientY), engage);
+			if (getIsEngaged()) e.preventDefault();
+		};
+		const onPointerEnd = (e) => {
+			if (e.pointerId !== pointerId) return;
+			const wasEngaged = getIsEngaged();
+			if (ref.hasPointerCapture(e.pointerId)) ref.releasePointerCapture(e.pointerId);
+			pointerId = void 0;
+			startRect = void 0;
+			setIsEngaged(false);
+			if (wasEngaged) opts.onEnd(e.type === "pointercancel" ? "cancel" : "release");
+		};
+		ref.addEventListener("pointerdown", onPointerDown);
+		ref.addEventListener("pointermove", onPointerMove);
+		ref.addEventListener("pointerup", onPointerEnd);
+		ref.addEventListener("pointercancel", onPointerEnd);
+		onCleanup(() => {
+			ref.removeEventListener("pointerdown", onPointerDown);
+			ref.removeEventListener("pointermove", onPointerMove);
+			ref.removeEventListener("pointerup", onPointerEnd);
+			ref.removeEventListener("pointercancel", onPointerEnd);
+		});
+	});
+	return { getIsEngaged };
+};
+var InteractionTracker;
+(function(_InteractionTracker) {
+	const computeIsFocusVisible = _InteractionTracker.computeIsFocusVisible = (element) => element.matches(FOCUS_VISIBLE_SELECTOR);
+	_InteractionTracker.computeIsReachable = (isDisabled, isReachableWhenDisabled, hasTooltip, isFocusableWhenDisabled = false) => isDisabled && (isReachableWhenDisabled && hasTooltip || isFocusableWhenDisabled);
+	_InteractionTracker.wrapExtraControls = (getRefs, getIsDisabled, opts) => {
+		const onDisabledMouseDown = (e) => {
+			e.preventDefault();
+		};
+		createEffect(() => {
+			const isDisabled = getIsDisabled();
+			const isTabbable = opts?.getIsTabbable?.() ?? true;
+			for (const ref of getRefs()) {
+				if (!ref) continue;
+				ref.tabIndex = !isDisabled && isTabbable ? 0 : -1;
+				if (!isDisabled) continue;
+				ref.addEventListener("mousedown", onDisabledMouseDown);
+				onCleanup(() => {
+					ref.removeEventListener("mousedown", onDisabledMouseDown);
+				});
+			}
+		});
+	};
+	_InteractionTracker.wrapElement = (getRef, getIsDisabled, opts) => {
+		const [internalFlags, setInternalFlags] = createStore({});
+		const [getActiveByMouse, setActiveByMouse] = createSignal(false);
+		const [getActiveByKey, setActiveByKey] = createSignal(false);
+		const getFlags = createMemo(() => {
+			const isDisabled = getIsDisabled();
+			return {
+				...internalFlags,
+				isHovered: !isDisabled && (internalFlags.isHovered ?? false),
+				isActive: !isDisabled && (getActiveByMouse() || getActiveByKey())
+			};
+		});
+		const readFocusVisible = (element) => {
+			setInternalFlags("isFocusVisible", computeIsFocusVisible(element));
+		};
+		const onFocus = (e) => {
+			setInternalFlags("isFocused", true);
+			readFocusVisible(e.currentTarget);
+		};
+		const onBlur = () => {
+			setInternalFlags({
+				isFocused: false,
+				isFocusVisible: false
+			});
+			setActiveByKey(false);
+		};
+		const onMouseEnter = () => {
+			setInternalFlags("isHovered", true);
+		};
+		const onMouseLeave = () => {
+			setInternalFlags("isHovered", false);
+			setActiveByMouse(false);
+		};
+		const onMouseDown = () => {
+			setActiveByMouse(true);
+		};
+		const onMouseUp = () => {
+			setActiveByMouse(false);
+		};
+		const onKeyDown = (e) => {
+			readFocusVisible(e.currentTarget);
+			if (e.key !== "Enter" && e.key !== " ") return;
+			setActiveByKey(true);
+		};
+		const onKeyUp = () => {
+			setActiveByKey(false);
+		};
+		const onDisabledMouseDown = (e) => {
+			e.preventDefault();
+		};
+		createEffect(() => {
+			const ref = getRef();
+			const isDisabled = getIsDisabled();
+			const isReachable = opts?.getIsReachable?.() ?? false;
+			const isTabbable = opts?.getIsTabbable?.() ?? true;
+			if (!ref) return;
+			ref.tabIndex = (!isDisabled || isReachable) && isTabbable ? 0 : -1;
+			if (opts?.applyButtonSemantics) {
+				ref.role = "button";
+				ref.ariaDisabled = String(isDisabled);
+				ref.style.cursor = !isDisabled ? "pointer" : "not-allowed";
+			}
+			if (isDisabled && !isReachable) {
+				setInternalFlags({
+					isHovered: false,
+					isFocused: false,
+					isFocusVisible: false
+				});
+				setActiveByKey(false);
+				setActiveByMouse(false);
+				ref.addEventListener("mousedown", onDisabledMouseDown);
+				onCleanup(() => {
+					ref.removeEventListener("mousedown", onDisabledMouseDown);
+				});
+				return;
+			}
+			ref.addEventListener("focus", onFocus);
+			ref.addEventListener("blur", onBlur);
+			ref.addEventListener("mouseenter", onMouseEnter);
+			ref.addEventListener("mouseleave", onMouseLeave);
+			ref.addEventListener("mousedown", onMouseDown);
+			ref.addEventListener("mouseup", onMouseUp);
+			ref.addEventListener("keydown", onKeyDown);
+			ref.addEventListener("keyup", onKeyUp);
+			onCleanup(() => {
+				ref.removeEventListener("focus", onFocus);
+				ref.removeEventListener("blur", onBlur);
+				ref.removeEventListener("mouseenter", onMouseEnter);
+				ref.removeEventListener("mouseleave", onMouseLeave);
+				ref.removeEventListener("mousedown", onMouseDown);
+				ref.removeEventListener("mouseup", onMouseUp);
+				ref.removeEventListener("keydown", onKeyDown);
+				ref.removeEventListener("keyup", onKeyUp);
+			});
+		});
+		return { getFlags };
+	};
+	const trackPageHidden = _InteractionTracker.trackPageHidden = () => {
+		const [getIsPageHidden, setIsPageHidden] = createSignal(document.hidden);
+		const onVisibilityChange = () => setIsPageHidden(document.hidden);
+		createEffect(() => {
+			document.addEventListener("visibilitychange", onVisibilityChange);
+			onCleanup(() => {
+				document.removeEventListener("visibilitychange", onVisibilityChange);
+			});
+		});
+		return getIsPageHidden;
+	};
+	_InteractionTracker.trackHold = (getRef) => {
+		const [getIsHovered, setIsHovered] = createSignal(false);
+		const [getHasFocusWithin, setHasFocusWithin] = createSignal(false);
+		const getIsPageHidden = trackPageHidden();
+		const onMouseEnter = () => setIsHovered(true);
+		const onMouseLeave = () => setIsHovered(false);
+		const onFocusIn = () => setHasFocusWithin(true);
+		const onFocusOut = (event) => {
+			if (!getHasLeft(event)) return;
+			setHasFocusWithin(false);
+		};
+		createEffect(() => {
+			const ref = getRef();
+			if (!ref) return;
+			ref.addEventListener("mouseenter", onMouseEnter);
+			ref.addEventListener("mouseleave", onMouseLeave);
+			ref.addEventListener("focusin", onFocusIn);
+			ref.addEventListener("focusout", onFocusOut);
+			onCleanup(() => {
+				ref.removeEventListener("mouseenter", onMouseEnter);
+				ref.removeEventListener("mouseleave", onMouseLeave);
+				ref.removeEventListener("focusin", onFocusIn);
+				ref.removeEventListener("focusout", onFocusOut);
+			});
+		});
+		return createMemo(() => getIsHovered() || getHasFocusWithin() || getIsPageHidden());
+	};
+	_InteractionTracker.trackActivation = (getRef, getIsDisabled, onActivate) => {
+		let count = 0;
+		createEffect(() => {
+			const ref = getRef();
+			if (!ref || getIsDisabled()) return;
+			const activate = (ratio) => {
+				count += 1;
+				onActivate({
+					ratio,
+					count
+				});
+			};
+			const onPointerDown = (e) => {
+				if (e.button !== 0) return;
+				activate(clampRatio(computeRatio(ref.getBoundingClientRect(), e.clientX, e.clientY)));
+			};
+			const onKeyDown = (e) => {
+				if (e.repeat || e.key !== "Enter" && e.key !== " ") return;
+				activate(CENTER_RATIO);
+			};
+			ref.addEventListener("pointerdown", onPointerDown);
+			ref.addEventListener("keydown", onKeyDown);
+			onCleanup(() => {
+				ref.removeEventListener("pointerdown", onPointerDown);
+				ref.removeEventListener("keydown", onKeyDown);
+			});
+		});
+	};
+	_InteractionTracker.trackDrag = (getRef, getIsDisabled, opts) => {
+		const { getIsEngaged } = trackPointer(getRef, getIsDisabled, {
+			onDown: (ratio, engage) => {
+				engage();
+				opts.onDrag(clampRatio(ratio));
+			},
+			onMove: (ratio) => {
+				opts.onDrag(clampRatio(ratio));
+			},
+			onEnd: (reason) => {
+				opts.onDragEnd?.(reason);
+			}
+		});
+		return { getIsDragging: getIsEngaged };
+	};
+	_InteractionTracker.trackSwipe = (getRef, getIsDisabled, opts) => {
+		let origin;
+		let progressRatio = 0;
+		let hasPendingClick = false;
+		const { getIsEngaged } = trackPointer(getRef, getIsDisabled, {
+			isMeasuredFromStart: true,
+			onDown: (ratio) => {
+				origin = ratio;
+				progressRatio = 0;
+				hasPendingClick = false;
+			},
+			onMove: (ratio, engage) => {
+				if (!origin) return;
+				progressRatio = GestureUtils.computeSwipeProgress(origin, ratio, opts.getAxis());
+				if (!getIsEngaged()) {
+					if (Math.abs(progressRatio) < SWIPE_SLOP_RATIO) return;
+					engage();
+				}
+				opts.onSwipe(progressRatio);
+			},
+			onEnd: (reason) => {
+				const direction = reason === "cancel" ? void 0 : GestureUtils.computeSwipeDirection(progressRatio, opts.getAxis(), opts.getCommitRatio());
+				origin = void 0;
+				progressRatio = 0;
+				hasPendingClick = true;
+				opts.onSwipeEnd(direction);
+			}
+		});
+		createEffect(() => {
+			const ref = getRef();
+			if (!ref) return;
+			ref.style.touchAction = getIsDisabled() ? "" : SWIPE_TOUCH_ACTIONS[opts.getAxis()];
+		});
+		createEffect(() => {
+			const ref = getRef();
+			if (!ref || getIsDisabled()) return;
+			let startTouch;
+			let isOwned;
+			const onTouchStart = (e) => {
+				const touch = e.touches[0];
+				startTouch = touch && {
+					clientX: touch.clientX,
+					clientY: touch.clientY
+				};
+				isOwned = void 0;
+			};
+			const onTouchMove = (e) => {
+				const touch = e.touches[0];
+				if (isOwned === void 0) {
+					if (!startTouch || !touch) return;
+					const axis = opts.getAxis();
+					const delta = axis === "horizontal" ? touch.clientX - startTouch.clientX : touch.clientY - startTouch.clientY;
+					if (delta === 0) return;
+					isOwned = !getHasScrollChainRoom(e.target, ref, axis, delta);
+				}
+				if (isOwned && e.cancelable) e.preventDefault();
+			};
+			const onTouchEnd = () => {
+				startTouch = void 0;
+				isOwned = void 0;
+			};
+			ref.addEventListener("touchstart", onTouchStart, { passive: true });
+			ref.addEventListener("touchmove", onTouchMove, { passive: false });
+			ref.addEventListener("touchend", onTouchEnd, { passive: true });
+			ref.addEventListener("touchcancel", onTouchEnd, { passive: true });
+			onCleanup(() => {
+				ref.removeEventListener("touchstart", onTouchStart);
+				ref.removeEventListener("touchmove", onTouchMove);
+				ref.removeEventListener("touchend", onTouchEnd);
+				ref.removeEventListener("touchcancel", onTouchEnd);
+			});
+		});
+		createEffect(() => {
+			const ref = getRef();
+			if (!ref) return;
+			const onClick = (e) => {
+				if (!hasPendingClick) return;
+				hasPendingClick = false;
+				e.preventDefault();
+				e.stopPropagation();
+			};
+			ref.addEventListener("click", onClick, true);
+			onCleanup(() => {
+				ref.removeEventListener("click", onClick, true);
+			});
+		});
+		return { getIsSwiping: getIsEngaged };
+	};
+})(InteractionTracker || (InteractionTracker = {}));
+//#endregion
+export { InteractionTracker };
+
+//# sourceMappingURL=InteractionTracker.js.map

package/dist/Abstracts/InteractionTracker/InteractionTracker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InteractionTracker.js","names":[],"sources":["../../../src/Abstracts/InteractionTracker/InteractionTracker.ts"],"sourcesContent":["import { createEffect, createMemo, createSignal, onCleanup } from \"solid-js\";\r\nimport { createStore } from \"solid-js/store\";\r\n\r\nimport { GestureUtils, MathUtils } from \"@thewaver/ss-utils\";\r\nimport type { SwipeAxis, SwipeDirection } from \"@thewaver/ss-utils\";\r\n\r\nimport type {\r\n    InteractionActivation,\r\n    InteractionDragEndReason,\r\n    InteractionDragRatio,\r\n    InternalInteractionFlags,\r\n} from \"./InteractionTracker.types\";\r\n\r\nconst SWIPE_SLOP_RATIO = 0.02;\r\nconst CENTER_RATIO: InteractionDragRatio = { x: 0.5, y: 0.5 };\r\nconst SCROLL_EDGE_PX = 1;\r\nconst FOCUS_VISIBLE_SELECTOR = \":focus-visible\";\r\nconst SWIPE_TOUCH_ACTIONS: Record<SwipeAxis, string> = {\r\n    horizontal: \"pan-y\",\r\n    vertical: \"pan-x\",\r\n};\r\n\r\nconst getHasLeft = (event: FocusEvent) => {\r\n    const target = event.relatedTarget;\r\n\r\n    return !(target instanceof Node) || !(event.currentTarget as HTMLElement).contains(target);\r\n};\r\n\r\nconst computeRatio = (rect: DOMRect, clientX: number, clientY: number): InteractionDragRatio => {\r\n    return {\r\n        x: MathUtils.normalize(clientX, rect.left, rect.right),\r\n        y: MathUtils.normalize(clientY, rect.top, rect.bottom),\r\n    };\r\n};\r\n\r\nconst getHasScrollRoom = (element: Element, axis: SwipeAxis, delta: number) => {\r\n    const position = axis === \"horizontal\" ? element.scrollLeft : element.scrollTop;\r\n    const extent =\r\n        axis === \"horizontal\" ? element.scrollWidth - element.clientWidth : element.scrollHeight - element.clientHeight;\r\n\r\n    return delta > 0 ? position > SCROLL_EDGE_PX : position < extent - SCROLL_EDGE_PX;\r\n};\r\n\r\nconst getHasScrollChainRoom = (target: EventTarget | null, root: HTMLElement, axis: SwipeAxis, delta: number) => {\r\n    let node = target instanceof Element ? target : null;\r\n\r\n    while (node) {\r\n        if (getHasScrollRoom(node, axis, delta)) return true;\r\n        if (node === root) return false;\r\n\r\n        node = node.parentElement;\r\n    }\r\n\r\n    return false;\r\n};\r\n\r\nconst clampRatio = (ratio: InteractionDragRatio): InteractionDragRatio => ({\r\n    x: MathUtils.clamp01(ratio.x),\r\n    y: MathUtils.clamp01(ratio.y),\r\n});\r\n\r\nconst trackPointer = (\r\n    getRef: () => HTMLElement | undefined,\r\n    getIsDisabled: () => boolean,\r\n    opts: {\r\n        isMeasuredFromStart?: boolean;\r\n        onDown: (ratio: InteractionDragRatio, engage: () => void) => void;\r\n        onMove: (ratio: InteractionDragRatio, engage: () => void) => void;\r\n        onEnd: (reason: InteractionDragEndReason) => void;\r\n    },\r\n) => {\r\n    const [getIsEngaged, setIsEngaged] = createSignal(false);\r\n\r\n    let pointerId: number | undefined;\r\n    let startRect: DOMRect | undefined;\r\n\r\n    createEffect(() => {\r\n        const ref = getRef();\r\n\r\n        if (!ref || getIsDisabled()) {\r\n            pointerId = undefined;\r\n            startRect = undefined;\r\n\r\n            setIsEngaged(false);\r\n\r\n            return;\r\n        }\r\n\r\n        const measure = () => (opts.isMeasuredFromStart && startRect ? startRect : ref.getBoundingClientRect());\r\n\r\n        const engage = () => {\r\n            if (pointerId === undefined) return;\r\n\r\n            ref.setPointerCapture(pointerId);\r\n            setIsEngaged(true);\r\n        };\r\n\r\n        const onPointerDown = (e: PointerEvent) => {\r\n            if (e.button !== 0) return;\r\n            if (pointerId !== undefined) return;\r\n\r\n            pointerId = e.pointerId;\r\n            startRect = ref.getBoundingClientRect();\r\n\r\n            opts.onDown(computeRatio(startRect, e.clientX, e.clientY), engage);\r\n\r\n            if (getIsEngaged()) e.preventDefault();\r\n        };\r\n\r\n        const onPointerMove = (e: PointerEvent) => {\r\n            if (e.pointerId !== pointerId) return;\r\n\r\n            opts.onMove(computeRatio(measure(), e.clientX, e.clientY), engage);\r\n\r\n            if (getIsEngaged()) e.preventDefault();\r\n        };\r\n\r\n        const onPointerEnd = (e: PointerEvent) => {\r\n            if (e.pointerId !== pointerId) return;\r\n\r\n            const wasEngaged = getIsEngaged();\r\n\r\n            if (ref.hasPointerCapture(e.pointerId)) ref.releasePointerCapture(e.pointerId);\r\n\r\n            pointerId = undefined;\r\n            startRect = undefined;\r\n\r\n            setIsEngaged(false);\r\n\r\n            if (wasEngaged) opts.onEnd(e.type === \"pointercancel\" ? \"cancel\" : \"release\");\r\n        };\r\n\r\n        ref.addEventListener(\"pointerdown\", onPointerDown);\r\n        ref.addEventListener(\"pointermove\", onPointerMove);\r\n        ref.addEventListener(\"pointerup\", onPointerEnd);\r\n        ref.addEventListener(\"pointercancel\", onPointerEnd);\r\n\r\n        onCleanup(() => {\r\n            ref.removeEventListener(\"pointerdown\", onPointerDown);\r\n            ref.removeEventListener(\"pointermove\", onPointerMove);\r\n            ref.removeEventListener(\"pointerup\", onPointerEnd);\r\n            ref.removeEventListener(\"pointercancel\", onPointerEnd);\r\n        });\r\n    });\r\n\r\n    return { getIsEngaged };\r\n};\r\n\r\nexport namespace InteractionTracker {\r\n    export const computeIsFocusVisible = (element: HTMLElement) => element.matches(FOCUS_VISIBLE_SELECTOR);\r\n\r\n    export const computeIsReachable = (\r\n        isDisabled: boolean,\r\n        isReachableWhenDisabled: boolean,\r\n        hasTooltip: boolean,\r\n        isFocusableWhenDisabled = false,\r\n    ) => isDisabled && ((isReachableWhenDisabled && hasTooltip) || isFocusableWhenDisabled);\r\n\r\n    export const wrapExtraControls = (\r\n        getRefs: () => Array<HTMLElement | undefined>,\r\n        getIsDisabled: () => boolean,\r\n        opts?: { getIsTabbable?: () => boolean },\r\n    ) => {\r\n        const onDisabledMouseDown = (e: MouseEvent) => {\r\n            e.preventDefault();\r\n        };\r\n\r\n        createEffect(() => {\r\n            const isDisabled = getIsDisabled();\r\n            const isTabbable = opts?.getIsTabbable?.() ?? true;\r\n\r\n            for (const ref of getRefs()) {\r\n                if (!ref) continue;\r\n\r\n                ref.tabIndex = !isDisabled && isTabbable ? 0 : -1;\r\n\r\n                if (!isDisabled) continue;\r\n\r\n                ref.addEventListener(\"mousedown\", onDisabledMouseDown);\r\n\r\n                onCleanup(() => {\r\n                    ref.removeEventListener(\"mousedown\", onDisabledMouseDown);\r\n                });\r\n            }\r\n        });\r\n    };\r\n\r\n    export const wrapElement = (\r\n        getRef: () => HTMLElement | undefined,\r\n        getIsDisabled: () => boolean,\r\n        opts?: {\r\n            applyButtonSemantics?: boolean;\r\n            getIsReachable?: () => boolean;\r\n            getIsTabbable?: () => boolean;\r\n        },\r\n    ) => {\r\n        const [internalFlags, setInternalFlags] = createStore<InternalInteractionFlags>({});\r\n        const [getActiveByMouse, setActiveByMouse] = createSignal(false);\r\n        const [getActiveByKey, setActiveByKey] = createSignal(false);\r\n\r\n        const getFlags = createMemo(() => {\r\n            const isDisabled = getIsDisabled();\r\n\r\n            const flags: InternalInteractionFlags = {\r\n                ...internalFlags,\r\n                isHovered: !isDisabled && (internalFlags.isHovered ?? false),\r\n                isActive: !isDisabled && (getActiveByMouse() || getActiveByKey()),\r\n            };\r\n\r\n            return flags;\r\n        });\r\n\r\n        const readFocusVisible = (element: HTMLElement) => {\r\n            setInternalFlags(\"isFocusVisible\", computeIsFocusVisible(element));\r\n        };\r\n\r\n        const onFocus = (e: FocusEvent) => {\r\n            setInternalFlags(\"isFocused\", true);\r\n            readFocusVisible(e.currentTarget as HTMLElement);\r\n        };\r\n\r\n        const onBlur = () => {\r\n            setInternalFlags({ isFocused: false, isFocusVisible: false });\r\n            setActiveByKey(false);\r\n        };\r\n\r\n        const onMouseEnter = () => {\r\n            setInternalFlags(\"isHovered\", true);\r\n        };\r\n\r\n        const onMouseLeave = () => {\r\n            setInternalFlags(\"isHovered\", false);\r\n            setActiveByMouse(false);\r\n        };\r\n\r\n        const onMouseDown = () => {\r\n            setActiveByMouse(true);\r\n        };\r\n\r\n        const onMouseUp = () => {\r\n            setActiveByMouse(false);\r\n        };\r\n\r\n        const onKeyDown = (e: KeyboardEvent) => {\r\n            readFocusVisible(e.currentTarget as HTMLElement);\r\n\r\n            if (e.key !== \"Enter\" && e.key !== \" \") return;\r\n\r\n            setActiveByKey(true);\r\n        };\r\n\r\n        const onKeyUp = () => {\r\n            setActiveByKey(false);\r\n        };\r\n\r\n        const onDisabledMouseDown = (e: MouseEvent) => {\r\n            e.preventDefault();\r\n        };\r\n\r\n        createEffect(() => {\r\n            const ref = getRef();\r\n            const isDisabled = getIsDisabled();\r\n            const isReachable = opts?.getIsReachable?.() ?? false;\r\n            const isTabbable = opts?.getIsTabbable?.() ?? true;\r\n\r\n            if (!ref) return;\r\n\r\n            ref.tabIndex = (!isDisabled || isReachable) && isTabbable ? 0 : -1;\r\n\r\n            if (opts?.applyButtonSemantics) {\r\n                ref.role = \"button\";\r\n                ref.ariaDisabled = String(isDisabled);\r\n                ref.style.cursor = !isDisabled ? \"pointer\" : \"not-allowed\";\r\n            }\r\n\r\n            if (isDisabled && !isReachable) {\r\n                setInternalFlags({ isHovered: false, isFocused: false, isFocusVisible: false });\r\n                setActiveByKey(false);\r\n                setActiveByMouse(false);\r\n\r\n                ref.addEventListener(\"mousedown\", onDisabledMouseDown);\r\n\r\n                onCleanup(() => {\r\n                    ref.removeEventListener(\"mousedown\", onDisabledMouseDown);\r\n                });\r\n\r\n                return;\r\n            }\r\n\r\n            ref.addEventListener(\"focus\", onFocus);\r\n            ref.addEventListener(\"blur\", onBlur);\r\n            ref.addEventListener(\"mouseenter\", onMouseEnter);\r\n            ref.addEventListener(\"mouseleave\", onMouseLeave);\r\n            ref.addEventListener(\"mousedown\", onMouseDown);\r\n            ref.addEventListener(\"mouseup\", onMouseUp);\r\n            ref.addEventListener(\"keydown\", onKeyDown);\r\n            ref.addEventListener(\"keyup\", onKeyUp);\r\n\r\n            onCleanup(() => {\r\n                ref.removeEventListener(\"focus\", onFocus);\r\n                ref.removeEventListener(\"blur\", onBlur);\r\n                ref.removeEventListener(\"mouseenter\", onMouseEnter);\r\n                ref.removeEventListener(\"mouseleave\", onMouseLeave);\r\n                ref.removeEventListener(\"mousedown\", onMouseDown);\r\n                ref.removeEventListener(\"mouseup\", onMouseUp);\r\n                ref.removeEventListener(\"keydown\", onKeyDown);\r\n                ref.removeEventListener(\"keyup\", onKeyUp);\r\n            });\r\n        });\r\n\r\n        return { getFlags };\r\n    };\r\n\r\n    export const trackPageHidden = () => {\r\n        const [getIsPageHidden, setIsPageHidden] = createSignal(document.hidden);\r\n\r\n        const onVisibilityChange = () => setIsPageHidden(document.hidden);\r\n\r\n        createEffect(() => {\r\n            document.addEventListener(\"visibilitychange\", onVisibilityChange);\r\n\r\n            onCleanup(() => {\r\n                document.removeEventListener(\"visibilitychange\", onVisibilityChange);\r\n            });\r\n        });\r\n\r\n        return getIsPageHidden;\r\n    };\r\n\r\n    export const trackHold = (getRef: () => HTMLElement | undefined) => {\r\n        const [getIsHovered, setIsHovered] = createSignal(false);\r\n        const [getHasFocusWithin, setHasFocusWithin] = createSignal(false);\r\n\r\n        const getIsPageHidden = trackPageHidden();\r\n\r\n        const onMouseEnter = () => setIsHovered(true);\r\n        const onMouseLeave = () => setIsHovered(false);\r\n        const onFocusIn = () => setHasFocusWithin(true);\r\n        const onFocusOut = (event: FocusEvent) => {\r\n            if (!getHasLeft(event)) return;\r\n\r\n            setHasFocusWithin(false);\r\n        };\r\n\r\n        createEffect(() => {\r\n            const ref = getRef();\r\n\r\n            if (!ref) return;\r\n\r\n            ref.addEventListener(\"mouseenter\", onMouseEnter);\r\n            ref.addEventListener(\"mouseleave\", onMouseLeave);\r\n            ref.addEventListener(\"focusin\", onFocusIn);\r\n            ref.addEventListener(\"focusout\", onFocusOut);\r\n\r\n            onCleanup(() => {\r\n                ref.removeEventListener(\"mouseenter\", onMouseEnter);\r\n                ref.removeEventListener(\"mouseleave\", onMouseLeave);\r\n                ref.removeEventListener(\"focusin\", onFocusIn);\r\n                ref.removeEventListener(\"focusout\", onFocusOut);\r\n            });\r\n        });\r\n\r\n        return createMemo(() => getIsHovered() || getHasFocusWithin() || getIsPageHidden());\r\n    };\r\n\r\n    export const trackActivation = (\r\n        getRef: () => HTMLElement | undefined,\r\n        getIsDisabled: () => boolean,\r\n        onActivate: (activation: InteractionActivation) => void,\r\n    ) => {\r\n        let count = 0;\r\n\r\n        createEffect(() => {\r\n            const ref = getRef();\r\n\r\n            if (!ref || getIsDisabled()) return;\r\n\r\n            const activate = (ratio: InteractionDragRatio) => {\r\n                count += 1;\r\n\r\n                onActivate({ ratio, count });\r\n            };\r\n\r\n            const onPointerDown = (e: PointerEvent) => {\r\n                if (e.button !== 0) return;\r\n\r\n                activate(clampRatio(computeRatio(ref.getBoundingClientRect(), e.clientX, e.clientY)));\r\n            };\r\n\r\n            const onKeyDown = (e: KeyboardEvent) => {\r\n                if (e.repeat || (e.key !== \"Enter\" && e.key !== \" \")) return;\r\n\r\n                activate(CENTER_RATIO);\r\n            };\r\n\r\n            ref.addEventListener(\"pointerdown\", onPointerDown);\r\n            ref.addEventListener(\"keydown\", onKeyDown);\r\n\r\n            onCleanup(() => {\r\n                ref.removeEventListener(\"pointerdown\", onPointerDown);\r\n                ref.removeEventListener(\"keydown\", onKeyDown);\r\n            });\r\n        });\r\n    };\r\n\r\n    export const trackDrag = (\r\n        getRef: () => HTMLElement | undefined,\r\n        getIsDisabled: () => boolean,\r\n        opts: {\r\n            onDrag: (ratio: InteractionDragRatio) => void;\r\n            onDragEnd?: (reason: InteractionDragEndReason) => void;\r\n        },\r\n    ) => {\r\n        const { getIsEngaged } = trackPointer(getRef, getIsDisabled, {\r\n            onDown: (ratio, engage) => {\r\n                engage();\r\n                opts.onDrag(clampRatio(ratio));\r\n            },\r\n            onMove: (ratio) => {\r\n                opts.onDrag(clampRatio(ratio));\r\n            },\r\n            onEnd: (reason) => {\r\n                opts.onDragEnd?.(reason);\r\n            },\r\n        });\r\n\r\n        return { getIsDragging: getIsEngaged };\r\n    };\r\n\r\n    export const trackSwipe = (\r\n        getRef: () => HTMLElement | undefined,\r\n        getIsDisabled: () => boolean,\r\n        opts: {\r\n            getAxis: () => SwipeAxis;\r\n            getCommitRatio: () => number;\r\n            onSwipe: (progressRatio: number) => void;\r\n            onSwipeEnd: (direction: SwipeDirection | undefined) => void;\r\n        },\r\n    ) => {\r\n        let origin: InteractionDragRatio | undefined;\r\n        let progressRatio = 0;\r\n        let hasPendingClick = false;\r\n\r\n        const { getIsEngaged } = trackPointer(getRef, getIsDisabled, {\r\n            isMeasuredFromStart: true,\r\n            onDown: (ratio) => {\r\n                origin = ratio;\r\n                progressRatio = 0;\r\n                hasPendingClick = false;\r\n            },\r\n            onMove: (ratio, engage) => {\r\n                if (!origin) return;\r\n\r\n                progressRatio = GestureUtils.computeSwipeProgress(origin, ratio, opts.getAxis());\r\n\r\n                if (!getIsEngaged()) {\r\n                    if (Math.abs(progressRatio) < SWIPE_SLOP_RATIO) return;\r\n\r\n                    engage();\r\n                }\r\n\r\n                opts.onSwipe(progressRatio);\r\n            },\r\n            onEnd: (reason) => {\r\n                const direction =\r\n                    reason === \"cancel\"\r\n                        ? undefined\r\n                        : GestureUtils.computeSwipeDirection(progressRatio, opts.getAxis(), opts.getCommitRatio());\r\n\r\n                origin = undefined;\r\n                progressRatio = 0;\r\n                hasPendingClick = true;\r\n\r\n                opts.onSwipeEnd(direction);\r\n            },\r\n        });\r\n\r\n        createEffect(() => {\r\n            const ref = getRef();\r\n\r\n            if (!ref) return;\r\n\r\n            ref.style.touchAction = getIsDisabled() ? \"\" : SWIPE_TOUCH_ACTIONS[opts.getAxis()];\r\n        });\r\n\r\n        createEffect(() => {\r\n            const ref = getRef();\r\n\r\n            if (!ref || getIsDisabled()) return;\r\n\r\n            let startTouch: { clientX: number; clientY: number } | undefined;\r\n            let isOwned: boolean | undefined;\r\n\r\n            const onTouchStart = (e: TouchEvent) => {\r\n                const touch = e.touches[0];\r\n\r\n                startTouch = touch && { clientX: touch.clientX, clientY: touch.clientY };\r\n                isOwned = undefined;\r\n            };\r\n\r\n            const onTouchMove = (e: TouchEvent) => {\r\n                const touch = e.touches[0];\r\n\r\n                if (isOwned === undefined) {\r\n                    if (!startTouch || !touch) return;\r\n\r\n                    const axis = opts.getAxis();\r\n                    const delta =\r\n                        axis === \"horizontal\" ? touch.clientX - startTouch.clientX : touch.clientY - startTouch.clientY;\r\n\r\n                    if (delta === 0) return;\r\n\r\n                    isOwned = !getHasScrollChainRoom(e.target, ref, axis, delta);\r\n                }\r\n\r\n                if (isOwned && e.cancelable) e.preventDefault();\r\n            };\r\n\r\n            const onTouchEnd = () => {\r\n                startTouch = undefined;\r\n                isOwned = undefined;\r\n            };\r\n\r\n            ref.addEventListener(\"touchstart\", onTouchStart, { passive: true });\r\n            ref.addEventListener(\"touchmove\", onTouchMove, { passive: false });\r\n            ref.addEventListener(\"touchend\", onTouchEnd, { passive: true });\r\n            ref.addEventListener(\"touchcancel\", onTouchEnd, { passive: true });\r\n\r\n            onCleanup(() => {\r\n                ref.removeEventListener(\"touchstart\", onTouchStart);\r\n                ref.removeEventListener(\"touchmove\", onTouchMove);\r\n                ref.removeEventListener(\"touchend\", onTouchEnd);\r\n                ref.removeEventListener(\"touchcancel\", onTouchEnd);\r\n            });\r\n        });\r\n\r\n        createEffect(() => {\r\n            const ref = getRef();\r\n\r\n            if (!ref) return;\r\n\r\n            const onClick = (e: MouseEvent) => {\r\n                if (!hasPendingClick) return;\r\n\r\n                hasPendingClick = false;\r\n\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n            };\r\n\r\n            ref.addEventListener(\"click\", onClick, true);\r\n\r\n            onCleanup(() => {\r\n                ref.removeEventListener(\"click\", onClick, true);\r\n            });\r\n        });\r\n\r\n        return { getIsSwiping: getIsEngaged };\r\n    };\r\n}\r\n"],"mappings":"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"}

package/dist/Abstracts/LiveAnnouncer/LiveAnnouncer.js

@@ -0,0 +1,54 @@
+//#region src/Abstracts/LiveAnnouncer/LiveAnnouncer.ts
+var MESSAGE_LIFETIME_MS = 1e3;
+var POLITENESS = ["polite", "assertive"];
+var regions = /* @__PURE__ */ new Map();
+var applyHiddenStyle = (element) => {
+	element.style.position = "fixed";
+	element.style.top = "0";
+	element.style.left = "0";
+	element.style.width = "1px";
+	element.style.height = "1px";
+	element.style.margin = "-1px";
+	element.style.padding = "0";
+	element.style.overflow = "hidden";
+	element.style.clipPath = "inset(50%)";
+	element.style.whiteSpace = "nowrap";
+	element.style.border = "0";
+};
+var getRegion = (politeness) => {
+	const existing = regions.get(politeness);
+	if (existing?.isConnected) return existing;
+	const region = document.createElement("div");
+	region.setAttribute("role", "log");
+	region.setAttribute("aria-live", politeness);
+	region.setAttribute("aria-relevant", "additions");
+	applyHiddenStyle(region);
+	document.body.appendChild(region);
+	regions.set(politeness, region);
+	return region;
+};
+var LiveAnnouncer;
+(function(_LiveAnnouncer) {
+	_LiveAnnouncer.reserve = (politeness = "polite") => {
+		getRegion(politeness);
+	};
+	_LiveAnnouncer.announce = (message, politeness = "polite") => {
+		if (!message) return;
+		const node = document.createElement("div");
+		node.textContent = message;
+		getRegion(politeness).appendChild(node);
+		setTimeout(() => {
+			node.remove();
+		}, MESSAGE_LIFETIME_MS);
+	};
+	_LiveAnnouncer.clear = () => {
+		for (const politeness of POLITENESS) {
+			regions.get(politeness)?.remove();
+			regions.delete(politeness);
+		}
+	};
+})(LiveAnnouncer || (LiveAnnouncer = {}));
+//#endregion
+export { LiveAnnouncer };
+
+//# sourceMappingURL=LiveAnnouncer.js.map

package/dist/Abstracts/LiveAnnouncer/LiveAnnouncer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveAnnouncer.js","names":[],"sources":["../../../src/Abstracts/LiveAnnouncer/LiveAnnouncer.ts"],"sourcesContent":["export type LiveAnnouncerPoliteness = \"polite\" | \"assertive\";\n\nconst MESSAGE_LIFETIME_MS = 1000;\nconst POLITENESS: LiveAnnouncerPoliteness[] = [\"polite\", \"assertive\"];\n\nconst regions = new Map<LiveAnnouncerPoliteness, HTMLElement>();\n\nconst applyHiddenStyle = (element: HTMLElement) => {\n    element.style.position = \"fixed\";\n    element.style.top = \"0\";\n    element.style.left = \"0\";\n    element.style.width = \"1px\";\n    element.style.height = \"1px\";\n    element.style.margin = \"-1px\";\n    element.style.padding = \"0\";\n    element.style.overflow = \"hidden\";\n    element.style.clipPath = \"inset(50%)\";\n    element.style.whiteSpace = \"nowrap\";\n    element.style.border = \"0\";\n};\n\nconst getRegion = (politeness: LiveAnnouncerPoliteness) => {\n    const existing = regions.get(politeness);\n\n    if (existing?.isConnected) return existing;\n\n    const region = document.createElement(\"div\");\n\n    region.setAttribute(\"role\", \"log\");\n    region.setAttribute(\"aria-live\", politeness);\n    region.setAttribute(\"aria-relevant\", \"additions\");\n    applyHiddenStyle(region);\n    document.body.appendChild(region);\n    regions.set(politeness, region);\n\n    return region;\n};\n\nexport namespace LiveAnnouncer {\n    export const reserve = (politeness: LiveAnnouncerPoliteness = \"polite\") => {\n        getRegion(politeness);\n    };\n\n    export const announce = (message: string, politeness: LiveAnnouncerPoliteness = \"polite\") => {\n        if (!message) return;\n\n        const node = document.createElement(\"div\");\n\n        node.textContent = message;\n        getRegion(politeness).appendChild(node);\n\n        setTimeout(() => {\n            node.remove();\n        }, MESSAGE_LIFETIME_MS);\n    };\n\n    export const clear = () => {\n        for (const politeness of POLITENESS) {\n            regions.get(politeness)?.remove();\n            regions.delete(politeness);\n        }\n    };\n}\n"],"mappings":";AAEA,IAAM,sBAAsB;AAC5B,IAAM,aAAwC,CAAC,UAAU,WAAW;AAEpE,IAAM,0BAAU,IAAI,IAA0C;AAE9D,IAAM,oBAAoB,YAAyB;CAC/C,QAAQ,MAAM,WAAW;CACzB,QAAQ,MAAM,MAAM;CACpB,QAAQ,MAAM,OAAO;CACrB,QAAQ,MAAM,QAAQ;CACtB,QAAQ,MAAM,SAAS;CACvB,QAAQ,MAAM,SAAS;CACvB,QAAQ,MAAM,UAAU;CACxB,QAAQ,MAAM,WAAW;CACzB,QAAQ,MAAM,WAAW;CACzB,QAAQ,MAAM,aAAa;CAC3B,QAAQ,MAAM,SAAS;AAC3B;AAEA,IAAM,aAAa,eAAwC;CACvD,MAAM,WAAW,QAAQ,IAAI,UAAU;CAEvC,IAAI,UAAU,aAAa,OAAO;CAElC,MAAM,SAAS,SAAS,cAAc,KAAK;CAE3C,OAAO,aAAa,QAAQ,KAAK;CACjC,OAAO,aAAa,aAAa,UAAU;CAC3C,OAAO,aAAa,iBAAiB,WAAW;CAChD,iBAAiB,MAAM;CACvB,SAAS,KAAK,YAAY,MAAM;CAChC,QAAQ,IAAI,YAAY,MAAM;CAE9B,OAAO;AACX;AAEO,IAAU;CAAV,SAAA,gBAAA;CACU,eAAA,WAAW,aAAsC,aAAa;EACvE,UAAU,UAAU;CACxB;CAEa,eAAA,YAAY,SAAiB,aAAsC,aAAa;EACzF,IAAI,CAAC,SAAS;EAEd,MAAM,OAAO,SAAS,cAAc,KAAK;EAEzC,KAAK,cAAc;EACnB,UAAU,UAAU,CAAC,CAAC,YAAY,IAAI;EAEtC,iBAAiB;GACb,KAAK,OAAO;EAChB,GAAG,mBAAmB;CAC1B;CAEa,eAAA,cAAc;EACvB,KAAK,MAAM,cAAc,YAAY;GACjC,QAAQ,IAAI,UAAU,CAAC,EAAE,OAAO;GAChC,QAAQ,OAAO,UAAU;EAC7B;CACJ;AACH,EAAA,CAAA,kBAAA,gBAAA,CAAA,EAAD"}

package/dist/Abstracts/MaskedField/MaskedField.js

@@ -0,0 +1,68 @@
+import { TextSyncUtils } from "../TextSync/TextSync.utils.js";
+import { createEffect, createMemo, createSignal, untrack } from "solid-js";
+//#region src/Abstracts/MaskedField/MaskedField.ts
+var MaskedField;
+(function(_MaskedField) {
+	_MaskedField.createField = (defs) => {
+		const [getHasLeft, setHasLeft] = createSignal(false);
+		const formatValue = (value) => defs.formatDigits(defs.toDigits(value));
+		const getText = () => {
+			const value = defs.getValue();
+			return value === void 0 ? "" : formatValue(value);
+		};
+		const textSignal = createSignal(untrack(getText));
+		const getDigits = () => (defs.readDigits ?? TextSyncUtils.getMaskedDigits)(textSignal[0]());
+		const getHasIssue = createMemo(() => {
+			const digits = getDigits();
+			const digitCount = defs.getDigitCount();
+			if (digits.length === 0) return false;
+			if (defs.getHasImpossibleDigits(digits)) return true;
+			if (digitCount !== void 0 && digits.length < digitCount) return getHasLeft();
+			return defs.fromDigits(digits) === void 0;
+		});
+		const refresh = () => {
+			if (untrack(defs.getValue) === void 0 && untrack(getDigits).length > 0) return;
+			textSignal[1](untrack(getText));
+		};
+		const commit = (next) => {
+			if (defs.getIsSame(next, untrack(defs.getValue))) return;
+			defs.setValue(next);
+		};
+		createEffect(() => {
+			const digits = getDigits();
+			const next = defs.fromDigits(digits);
+			if (digits.length > 0 && next === void 0) return;
+			commit(next);
+		});
+		createEffect(() => {
+			const value = defs.getValue();
+			if (defs.getIsSame(value, defs.fromDigits(untrack(getDigits)))) return;
+			refresh();
+		});
+		createEffect(() => {
+			const value = untrack(defs.getValue);
+			const spelling = value === void 0 ? "" : formatValue(value);
+			if (spelling === untrack(textSignal[0])) return;
+			textSignal[1](spelling);
+		});
+		return {
+			textSignal,
+			getDigits,
+			getHasIssue,
+			formatValue,
+			commit,
+			refresh,
+			onInput: () => {
+				setHasLeft(false);
+			},
+			onBlur: () => {
+				setHasLeft(true);
+				refresh();
+			}
+		};
+	};
+})(MaskedField || (MaskedField = {}));
+//#endregion
+export { MaskedField };
+
+//# sourceMappingURL=MaskedField.js.map

package/dist/Abstracts/MaskedField/MaskedField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskedField.js","names":[],"sources":["../../../src/Abstracts/MaskedField/MaskedField.ts"],"sourcesContent":["import { createEffect, createMemo, createSignal, untrack } from \"solid-js\";\r\n\r\nimport { TextSyncUtils } from \"../TextSync/TextSync.utils\";\r\nimport type { MaskedFieldDefs, MaskedFieldHandle } from \"./MaskedField.types\";\r\n\r\nexport namespace MaskedField {\r\n    export const createField = <T>(defs: MaskedFieldDefs<T>): MaskedFieldHandle<T> => {\r\n        const [getHasLeft, setHasLeft] = createSignal(false);\r\n\r\n        const formatValue = (value: T) => defs.formatDigits(defs.toDigits(value));\r\n\r\n        const getText = () => {\r\n            const value = defs.getValue();\r\n\r\n            return value === undefined ? \"\" : formatValue(value);\r\n        };\r\n\r\n        const textSignal = createSignal(untrack(getText));\r\n\r\n        const getDigits = () => (defs.readDigits ?? TextSyncUtils.getMaskedDigits)(textSignal[0]());\r\n\r\n        const getHasIssue = createMemo(() => {\r\n            const digits = getDigits();\r\n\r\n            const digitCount = defs.getDigitCount();\r\n\r\n            if (digits.length === 0) return false;\r\n            if (defs.getHasImpossibleDigits(digits)) return true;\r\n            if (digitCount !== undefined && digits.length < digitCount) return getHasLeft();\r\n\r\n            return defs.fromDigits(digits) === undefined;\r\n        });\r\n\r\n        const refresh = () => {\r\n            if (untrack(defs.getValue) === undefined && untrack(getDigits).length > 0) return;\r\n\r\n            textSignal[1](untrack(getText));\r\n        };\r\n\r\n        const commit = (next: T | undefined) => {\r\n            if (defs.getIsSame(next, untrack(defs.getValue))) return;\r\n\r\n            defs.setValue(next);\r\n        };\r\n\r\n        createEffect(() => {\r\n            const digits = getDigits();\r\n            const next = defs.fromDigits(digits);\r\n\r\n            if (digits.length > 0 && next === undefined) return;\r\n\r\n            commit(next);\r\n        });\r\n\r\n        createEffect(() => {\r\n            const value = defs.getValue();\r\n\r\n            if (defs.getIsSame(value, defs.fromDigits(untrack(getDigits)))) return;\r\n\r\n            refresh();\r\n        });\r\n\r\n        createEffect(() => {\r\n            const value = untrack(defs.getValue);\r\n            const spelling = value === undefined ? \"\" : formatValue(value);\r\n\r\n            if (spelling === untrack(textSignal[0])) return;\r\n\r\n            textSignal[1](spelling);\r\n        });\r\n\r\n        return {\r\n            textSignal,\r\n            getDigits,\r\n            getHasIssue,\r\n            formatValue,\r\n            commit,\r\n            refresh,\r\n            onInput: () => {\r\n                setHasLeft(false);\r\n            },\r\n            onBlur: () => {\r\n                setHasLeft(true);\r\n                refresh();\r\n            },\r\n        };\r\n    };\r\n}\r\n"],"mappings":";;;AAKO,IAAU;CAAV,SAAA,cAAA;CACU,aAAA,eAAkB,SAAmD;EAC9E,MAAM,CAAC,YAAY,cAAc,aAAa,KAAK;EAEnD,MAAM,eAAe,UAAa,KAAK,aAAa,KAAK,SAAS,KAAK,CAAC;EAExE,MAAM,gBAAgB;GAClB,MAAM,QAAQ,KAAK,SAAS;GAE5B,OAAO,UAAU,KAAA,IAAY,KAAK,YAAY,KAAK;EACvD;EAEA,MAAM,aAAa,aAAa,QAAQ,OAAO,CAAC;EAEhD,MAAM,mBAAmB,KAAK,cAAc,cAAc,gBAAA,CAAiB,WAAW,EAAE,CAAC,CAAC;EAE1F,MAAM,cAAc,iBAAiB;GACjC,MAAM,SAAS,UAAU;GAEzB,MAAM,aAAa,KAAK,cAAc;GAEtC,IAAI,OAAO,WAAW,GAAG,OAAO;GAChC,IAAI,KAAK,uBAAuB,MAAM,GAAG,OAAO;GAChD,IAAI,eAAe,KAAA,KAAa,OAAO,SAAS,YAAY,OAAO,WAAW;GAE9E,OAAO,KAAK,WAAW,MAAM,MAAM,KAAA;EACvC,CAAC;EAED,MAAM,gBAAgB;GAClB,IAAI,QAAQ,KAAK,QAAQ,MAAM,KAAA,KAAa,QAAQ,SAAS,CAAC,CAAC,SAAS,GAAG;GAE3E,WAAW,EAAE,CAAC,QAAQ,OAAO,CAAC;EAClC;EAEA,MAAM,UAAU,SAAwB;GACpC,IAAI,KAAK,UAAU,MAAM,QAAQ,KAAK,QAAQ,CAAC,GAAG;GAElD,KAAK,SAAS,IAAI;EACtB;EAEA,mBAAmB;GACf,MAAM,SAAS,UAAU;GACzB,MAAM,OAAO,KAAK,WAAW,MAAM;GAEnC,IAAI,OAAO,SAAS,KAAK,SAAS,KAAA,GAAW;GAE7C,OAAO,IAAI;EACf,CAAC;EAED,mBAAmB;GACf,MAAM,QAAQ,KAAK,SAAS;GAE5B,IAAI,KAAK,UAAU,OAAO,KAAK,WAAW,QAAQ,SAAS,CAAC,CAAC,GAAG;GAEhE,QAAQ;EACZ,CAAC;EAED,mBAAmB;GACf,MAAM,QAAQ,QAAQ,KAAK,QAAQ;GACnC,MAAM,WAAW,UAAU,KAAA,IAAY,KAAK,YAAY,KAAK;GAE7D,IAAI,aAAa,QAAQ,WAAW,EAAE,GAAG;GAEzC,WAAW,EAAE,CAAC,QAAQ;EAC1B,CAAC;EAED,OAAO;GACH;GACA;GACA;GACA;GACA;GACA;GACA,eAAe;IACX,WAAW,KAAK;GACpB;GACA,cAAc;IACV,WAAW,IAAI;IACf,QAAQ;GACZ;EACJ;CACJ;AACH,EAAA,CAAA,gBAAA,cAAA,CAAA,EAAD"}

package/dist/Abstracts/MediaQueryMonitor/MediaQueryMonitor.js

@@ -0,0 +1,49 @@
+import { createEffect, createSignal, onCleanup } from "solid-js";
+//#region src/Abstracts/MediaQueryMonitor/MediaQueryMonitor.ts
+var REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
+var entries = /* @__PURE__ */ new Map();
+var getEntry = (query) => {
+	const existing = entries.get(query);
+	if (existing) return existing;
+	const [getMatches, setMatches] = createSignal(false);
+	const entry = {
+		getMatches,
+		setMatches,
+		onChange: () => setMatches(entry.list?.matches === true),
+		list: void 0,
+		count: 0
+	};
+	entries.set(query, entry);
+	return entry;
+};
+var subscribe = (query, entry) => {
+	entry.count += 1;
+	if (entry.count > 1) return;
+	entry.list = window.matchMedia(query);
+	entry.list.addEventListener("change", entry.onChange);
+	entry.onChange();
+};
+var unsubscribe = (entry) => {
+	entry.count -= 1;
+	if (entry.count > 0) return;
+	entry.list?.removeEventListener("change", entry.onChange);
+	entry.list = void 0;
+};
+var MediaQueryMonitor;
+(function(_MediaQueryMonitor) {
+	const create = _MediaQueryMonitor.create = (query) => {
+		const entry = getEntry(query);
+		createEffect(() => {
+			subscribe(query, entry);
+			onCleanup(() => {
+				unsubscribe(entry);
+			});
+		});
+		return entry.getMatches;
+	};
+	_MediaQueryMonitor.createReducedMotion = () => create(REDUCED_MOTION_QUERY);
+})(MediaQueryMonitor || (MediaQueryMonitor = {}));
+//#endregion
+export { MediaQueryMonitor };
+
+//# sourceMappingURL=MediaQueryMonitor.js.map

package/dist/Abstracts/MediaQueryMonitor/MediaQueryMonitor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaQueryMonitor.js","names":[],"sources":["../../../src/Abstracts/MediaQueryMonitor/MediaQueryMonitor.ts"],"sourcesContent":["import { type Accessor, type Setter, createEffect, createSignal, onCleanup } from \"solid-js\";\n\nconst REDUCED_MOTION_QUERY = \"(prefers-reduced-motion: reduce)\";\n\ntype QueryEntry = {\n    getMatches: Accessor<boolean>;\n    setMatches: Setter<boolean>;\n    onChange: () => void;\n    list: MediaQueryList | undefined;\n    count: number;\n};\n\nconst entries = new Map<string, QueryEntry>();\n\nconst getEntry = (query: string) => {\n    const existing = entries.get(query);\n\n    if (existing) return existing;\n\n    const [getMatches, setMatches] = createSignal(false);\n\n    const entry: QueryEntry = {\n        getMatches,\n        setMatches,\n        onChange: () => setMatches(entry.list?.matches === true),\n        list: undefined,\n        count: 0,\n    };\n\n    entries.set(query, entry);\n\n    return entry;\n};\n\nconst subscribe = (query: string, entry: QueryEntry) => {\n    entry.count += 1;\n\n    if (entry.count > 1) return;\n\n    entry.list = window.matchMedia(query);\n    entry.list.addEventListener(\"change\", entry.onChange);\n    entry.onChange();\n};\n\nconst unsubscribe = (entry: QueryEntry) => {\n    entry.count -= 1;\n\n    if (entry.count > 0) return;\n\n    entry.list?.removeEventListener(\"change\", entry.onChange);\n    entry.list = undefined;\n};\n\nexport namespace MediaQueryMonitor {\n    export const create = (query: string) => {\n        const entry = getEntry(query);\n\n        createEffect(() => {\n            subscribe(query, entry);\n\n            onCleanup(() => {\n                unsubscribe(entry);\n            });\n        });\n\n        return entry.getMatches;\n    };\n\n    export const createReducedMotion = () => create(REDUCED_MOTION_QUERY);\n}\n"],"mappings":";;AAEA,IAAM,uBAAuB;AAU7B,IAAM,0BAAU,IAAI,IAAwB;AAE5C,IAAM,YAAY,UAAkB;CAChC,MAAM,WAAW,QAAQ,IAAI,KAAK;CAElC,IAAI,UAAU,OAAO;CAErB,MAAM,CAAC,YAAY,cAAc,aAAa,KAAK;CAEnD,MAAM,QAAoB;EACtB;EACA;EACA,gBAAgB,WAAW,MAAM,MAAM,YAAY,IAAI;EACvD,MAAM,KAAA;EACN,OAAO;CACX;CAEA,QAAQ,IAAI,OAAO,KAAK;CAExB,OAAO;AACX;AAEA,IAAM,aAAa,OAAe,UAAsB;CACpD,MAAM,SAAS;CAEf,IAAI,MAAM,QAAQ,GAAG;CAErB,MAAM,OAAO,OAAO,WAAW,KAAK;CACpC,MAAM,KAAK,iBAAiB,UAAU,MAAM,QAAQ;CACpD,MAAM,SAAS;AACnB;AAEA,IAAM,eAAe,UAAsB;CACvC,MAAM,SAAS;CAEf,IAAI,MAAM,QAAQ,GAAG;CAErB,MAAM,MAAM,oBAAoB,UAAU,MAAM,QAAQ;CACxD,MAAM,OAAO,KAAA;AACjB;AAEO,IAAU;CAAV,SAAA,oBAAA;CACI,MAAM,SAAA,mBAAA,UAAU,UAAkB;EACrC,MAAM,QAAQ,SAAS,KAAK;EAE5B,mBAAmB;GACf,UAAU,OAAO,KAAK;GAEtB,gBAAgB;IACZ,YAAY,KAAK;GACrB,CAAC;EACL,CAAC;EAED,OAAO,MAAM;CACjB;CAEa,mBAAA,4BAA4B,OAAO,oBAAoB;AACvE,EAAA,CAAA,sBAAA,oBAAA,CAAA,EAAD"}