@thewaver/ss-components 0.0.1 → 0.0.2

package/dist/Abstracts/Navigator/Navigator.utils.js

@@ -0,0 +1,65 @@
+//#region src/Abstracts/Navigator/Navigator.utils.ts
+var DEFAULT_NAVIGATION_ORIENTATION = "column";
+var NEXT_KEYS = {
+	row: ["ArrowRight"],
+	column: ["ArrowDown"],
+	both: ["ArrowRight", "ArrowDown"]
+};
+var PREVIOUS_KEYS = {
+	row: ["ArrowLeft"],
+	column: ["ArrowUp"],
+	both: ["ArrowLeft", "ArrowUp"]
+};
+var FIRST_KEY = "Home";
+var LAST_KEY = "End";
+var NavigatorUtils;
+(function(_NavigatorUtils) {
+	_NavigatorUtils.computeNextPosition = (key, from, length, opts) => {
+		if (length < 1) return;
+		const orientation = opts?.orientation ?? DEFAULT_NAVIGATION_ORIENTATION;
+		const step = (delta) => ((from + delta) % length + length) % length;
+		if (NEXT_KEYS[orientation].includes(key)) return step(1);
+		if (PREVIOUS_KEYS[orientation].includes(key)) return step(-1);
+		if (opts?.hasEdgeKeys === false) return;
+		if (key === FIRST_KEY) return 0;
+		if (key === LAST_KEY) return length - 1;
+	};
+	_NavigatorUtils.computeNextCell = (key, from, grid, opts) => {
+		if (grid.width < 1 || grid.height < 1) return;
+		const carry = (dx, dy) => {
+			const flat = (from.y + dy) * grid.width + from.x + dx;
+			return {
+				x: (flat % grid.width + grid.width) % grid.width,
+				y: Math.floor(flat / grid.width)
+			};
+		};
+		if (key === "ArrowRight") return carry(1, 0);
+		if (key === "ArrowLeft") return carry(-1, 0);
+		if (key === "ArrowDown") return carry(0, 1);
+		if (key === "ArrowUp") return carry(0, -1);
+		if (opts?.hasPageKeys !== false) {
+			const pageRows = opts?.pageRows ?? grid.height;
+			if (key === "PageUp") return {
+				x: from.x,
+				y: from.y - pageRows
+			};
+			if (key === "PageDown") return {
+				x: from.x,
+				y: from.y + pageRows
+			};
+		}
+		if (opts?.hasEdgeKeys === false) return;
+		if (key === FIRST_KEY) return {
+			x: 0,
+			y: from.y
+		};
+		if (key === LAST_KEY) return {
+			x: grid.width - 1,
+			y: from.y
+		};
+	};
+})(NavigatorUtils || (NavigatorUtils = {}));
+//#endregion
+export { NavigatorUtils };
+
+//# sourceMappingURL=Navigator.utils.js.map

package/dist/Abstracts/Navigator/Navigator.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigator.utils.js","names":[],"sources":["../../../src/Abstracts/Navigator/Navigator.utils.ts"],"sourcesContent":["import type { NavigatorCell, NavigatorGrid, NavigatorOrientation } from \"./Navigator.types\";\n\nconst DEFAULT_NAVIGATION_ORIENTATION: NavigatorOrientation = \"column\";\n\nconst NEXT_KEYS: Record<NavigatorOrientation, string[]> = {\n    row: [\"ArrowRight\"],\n    column: [\"ArrowDown\"],\n    both: [\"ArrowRight\", \"ArrowDown\"],\n};\n\nconst PREVIOUS_KEYS: Record<NavigatorOrientation, string[]> = {\n    row: [\"ArrowLeft\"],\n    column: [\"ArrowUp\"],\n    both: [\"ArrowLeft\", \"ArrowUp\"],\n};\n\nconst FIRST_KEY = \"Home\";\nconst LAST_KEY = \"End\";\n\nexport namespace NavigatorUtils {\n    export const computeNextPosition = (\n        key: string,\n        from: number,\n        length: number,\n        opts?: { orientation?: NavigatorOrientation; hasEdgeKeys?: boolean },\n    ): number | undefined => {\n        if (length < 1) return;\n\n        const orientation = opts?.orientation ?? DEFAULT_NAVIGATION_ORIENTATION;\n\n        const step = (delta: number) => (((from + delta) % length) + length) % length;\n\n        if (NEXT_KEYS[orientation].includes(key)) return step(1);\n        if (PREVIOUS_KEYS[orientation].includes(key)) return step(-1);\n\n        if (opts?.hasEdgeKeys === false) return;\n\n        if (key === FIRST_KEY) return 0;\n        if (key === LAST_KEY) return length - 1;\n    };\n\n    export const computeNextCell = (\n        key: string,\n        from: NavigatorCell,\n        grid: NavigatorGrid,\n        opts?: { pageRows?: number; hasEdgeKeys?: boolean; hasPageKeys?: boolean },\n    ): NavigatorCell | undefined => {\n        if (grid.width < 1 || grid.height < 1) return;\n\n        const carry = (dx: number, dy: number) => {\n            const flat = (from.y + dy) * grid.width + from.x + dx;\n\n            return {\n                x: ((flat % grid.width) + grid.width) % grid.width,\n                y: Math.floor(flat / grid.width),\n            };\n        };\n\n        if (key === \"ArrowRight\") return carry(1, 0);\n        if (key === \"ArrowLeft\") return carry(-1, 0);\n        if (key === \"ArrowDown\") return carry(0, 1);\n        if (key === \"ArrowUp\") return carry(0, -1);\n\n        if (opts?.hasPageKeys !== false) {\n            const pageRows = opts?.pageRows ?? grid.height;\n\n            if (key === \"PageUp\") return { x: from.x, y: from.y - pageRows };\n            if (key === \"PageDown\") return { x: from.x, y: from.y + pageRows };\n        }\n\n        if (opts?.hasEdgeKeys === false) return;\n\n        if (key === FIRST_KEY) return { x: 0, y: from.y };\n        if (key === LAST_KEY) return { x: grid.width - 1, y: from.y };\n    };\n}\n"],"mappings":";AAEA,IAAM,iCAAuD;AAE7D,IAAM,YAAoD;CACtD,KAAK,CAAC,YAAY;CAClB,QAAQ,CAAC,WAAW;CACpB,MAAM,CAAC,cAAc,WAAW;AACpC;AAEA,IAAM,gBAAwD;CAC1D,KAAK,CAAC,WAAW;CACjB,QAAQ,CAAC,SAAS;CAClB,MAAM,CAAC,aAAa,SAAS;AACjC;AAEA,IAAM,YAAY;AAClB,IAAM,WAAW;AAEV,IAAU;CAAV,SAAA,iBAAA;CACU,gBAAA,uBACT,KACA,MACA,QACA,SACqB;EACrB,IAAI,SAAS,GAAG;EAEhB,MAAM,cAAc,MAAM,eAAe;EAEzC,MAAM,QAAQ,YAAqB,OAAO,SAAS,SAAU,UAAU;EAEvE,IAAI,UAAU,YAAY,CAAC,SAAS,GAAG,GAAG,OAAO,KAAK,CAAC;EACvD,IAAI,cAAc,YAAY,CAAC,SAAS,GAAG,GAAG,OAAO,KAAK,EAAE;EAE5D,IAAI,MAAM,gBAAgB,OAAO;EAEjC,IAAI,QAAQ,WAAW,OAAO;EAC9B,IAAI,QAAQ,UAAU,OAAO,SAAS;CAC1C;CAEa,gBAAA,mBACT,KACA,MACA,MACA,SAC4B;EAC5B,IAAI,KAAK,QAAQ,KAAK,KAAK,SAAS,GAAG;EAEvC,MAAM,SAAS,IAAY,OAAe;GACtC,MAAM,QAAQ,KAAK,IAAI,MAAM,KAAK,QAAQ,KAAK,IAAI;GAEnD,OAAO;IACH,IAAK,OAAO,KAAK,QAAS,KAAK,SAAS,KAAK;IAC7C,GAAG,KAAK,MAAM,OAAO,KAAK,KAAK;GACnC;EACJ;EAEA,IAAI,QAAQ,cAAc,OAAO,MAAM,GAAG,CAAC;EAC3C,IAAI,QAAQ,aAAa,OAAO,MAAM,IAAI,CAAC;EAC3C,IAAI,QAAQ,aAAa,OAAO,MAAM,GAAG,CAAC;EAC1C,IAAI,QAAQ,WAAW,OAAO,MAAM,GAAG,EAAE;EAEzC,IAAI,MAAM,gBAAgB,OAAO;GAC7B,MAAM,WAAW,MAAM,YAAY,KAAK;GAExC,IAAI,QAAQ,UAAU,OAAO;IAAE,GAAG,KAAK;IAAG,GAAG,KAAK,IAAI;GAAS;GAC/D,IAAI,QAAQ,YAAY,OAAO;IAAE,GAAG,KAAK;IAAG,GAAG,KAAK,IAAI;GAAS;EACrE;EAEA,IAAI,MAAM,gBAAgB,OAAO;EAEjC,IAAI,QAAQ,WAAW,OAAO;GAAE,GAAG;GAAG,GAAG,KAAK;EAAE;EAChD,IAAI,QAAQ,UAAU,OAAO;GAAE,GAAG,KAAK,QAAQ;GAAG,GAAG,KAAK;EAAE;CAChE;AACH,EAAA,CAAA,mBAAA,iBAAA,CAAA,EAAD"}

package/dist/Abstracts/PointerTracker/PointerTracker.js

@@ -0,0 +1,132 @@
+import { useViewportContext } from "../../Exotics/Viewport/Viewport.context.js";
+import { ViewportUtils } from "../../Exotics/Viewport/Viewport.utils.js";
+import { createEffect, createSignal, onCleanup } from "solid-js";
+import { MathUtils, Point2d, Point2dUtils, RectUtils } from "@thewaver/ss-utils";
+//#region src/Abstracts/PointerTracker/PointerTracker.ts
+var RESTING_READING = {
+	offset: {
+		x: 0,
+		y: 0
+	},
+	angle: 0,
+	distance: Infinity,
+	edgeOffset: {
+		x: 0,
+		y: 0
+	},
+	edgeDistance: 0,
+	edgeRatio: Infinity,
+	boxRatio: {
+		x: .5,
+		y: .5
+	}
+};
+var [getIsPointerPresent, setIsPointerPresent] = createSignal(false);
+var subscribers = /* @__PURE__ */ new Set();
+var clientPoint;
+var frameId;
+var flush = () => {
+	frameId = void 0;
+	for (const update of subscribers) update();
+};
+var invalidate = () => {
+	if (frameId !== void 0) return;
+	frameId = requestAnimationFrame(flush);
+};
+var handlePointerMove = (e) => {
+	clientPoint = {
+		x: e.clientX,
+		y: e.clientY
+	};
+	setIsPointerPresent(true);
+	invalidate();
+};
+var handlePointerOut = (e) => {
+	if (e.relatedTarget) return;
+	setIsPointerPresent(false);
+};
+var handleWindowBlur = () => {
+	setIsPointerPresent(false);
+};
+var handleLayoutChange = () => {
+	if (clientPoint) invalidate();
+};
+var attach = () => {
+	document.addEventListener("pointermove", handlePointerMove, { passive: true });
+	document.addEventListener("pointerout", handlePointerOut, { passive: true });
+	document.addEventListener("scroll", handleLayoutChange, {
+		capture: true,
+		passive: true
+	});
+	window.addEventListener("blur", handleWindowBlur);
+	window.addEventListener("resize", handleLayoutChange);
+};
+var detach = () => {
+	document.removeEventListener("pointermove", handlePointerMove);
+	document.removeEventListener("pointerout", handlePointerOut);
+	document.removeEventListener("scroll", handleLayoutChange, { capture: true });
+	window.removeEventListener("blur", handleWindowBlur);
+	window.removeEventListener("resize", handleLayoutChange);
+	if (frameId !== void 0) cancelAnimationFrame(frameId);
+	frameId = void 0;
+};
+var getIsSameReading = (a, b) => Point2d.isSame(a.offset, b.offset) && Point2d.isSame(a.edgeOffset, b.edgeOffset);
+var computeReading = (rect, point) => {
+	const center = {
+		x: rect.x + rect.width * .5,
+		y: rect.y + rect.height * .5
+	};
+	const edgePoint = RectUtils.getEdgePointTowards(rect, point);
+	const offset = {
+		x: point.x - center.x,
+		y: point.y - center.y
+	};
+	const edgeOffset = {
+		x: edgePoint.x - center.x,
+		y: edgePoint.y - center.y
+	};
+	const distance = Point2dUtils.getLength(offset);
+	const edgeDistance = Point2dUtils.getLength(edgeOffset);
+	return {
+		offset,
+		angle: Point2dUtils.getAngle(offset),
+		distance,
+		edgeOffset,
+		edgeDistance,
+		edgeRatio: edgeDistance === 0 ? Infinity : distance / edgeDistance,
+		boxRatio: {
+			x: MathUtils.normalize(point.x, rect.x, rect.x + rect.width),
+			y: MathUtils.normalize(point.y, rect.y, rect.y + rect.height)
+		}
+	};
+};
+var PointerTracker;
+(function(_PointerTracker) {
+	_PointerTracker.create = (getRef, getIsDisabled) => {
+		const viewportContext = useViewportContext();
+		const [getReading, setReading] = createSignal(RESTING_READING, { equals: getIsSameReading });
+		const update = () => {
+			const ref = getRef();
+			if (!ref || !clientPoint) return;
+			setReading(computeReading(ViewportUtils.getAdjustedBoundingClientRect(ref, viewportContext), ViewportUtils.getAdjustedClientPoint(clientPoint, viewportContext)));
+		};
+		createEffect(() => {
+			if (!getRef() || getIsDisabled?.()) return;
+			subscribers.add(update);
+			if (subscribers.size === 1) attach();
+			invalidate();
+			onCleanup(() => {
+				subscribers.delete(update);
+				if (subscribers.size === 0) detach();
+			});
+		});
+		return {
+			getReading,
+			getIsPointerPresent
+		};
+	};
+})(PointerTracker || (PointerTracker = {}));
+//#endregion
+export { PointerTracker };
+
+//# sourceMappingURL=PointerTracker.js.map

package/dist/Abstracts/PointerTracker/PointerTracker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointerTracker.js","names":[],"sources":["../../../src/Abstracts/PointerTracker/PointerTracker.ts"],"sourcesContent":["import { type Accessor, createEffect, createSignal, onCleanup } from \"solid-js\";\n\nimport { MathUtils, Point2d, Point2dUtils, RectUtils } from \"@thewaver/ss-utils\";\n\nimport { useViewportContext } from \"../../Exotics/Viewport/Viewport.context\";\nimport { ViewportUtils } from \"../../Exotics/Viewport/Viewport.utils\";\nimport type { PointerReading } from \"./PointerTracker.types\";\n\nconst RESTING_READING: PointerReading = {\n    offset: { x: 0, y: 0 },\n    angle: 0,\n    distance: Infinity,\n    edgeOffset: { x: 0, y: 0 },\n    edgeDistance: 0,\n    edgeRatio: Infinity,\n    boxRatio: { x: 0.5, y: 0.5 },\n};\n\nconst [getIsPointerPresent, setIsPointerPresent] = createSignal(false);\n\nconst subscribers = new Set<() => void>();\n\nlet clientPoint: Point2d | undefined;\nlet frameId: ReturnType<typeof requestAnimationFrame> | undefined;\n\nconst flush = () => {\n    frameId = undefined;\n\n    for (const update of subscribers) update();\n};\n\nconst invalidate = () => {\n    if (frameId !== undefined) return;\n\n    frameId = requestAnimationFrame(flush);\n};\n\nconst handlePointerMove = (e: PointerEvent) => {\n    clientPoint = { x: e.clientX, y: e.clientY };\n\n    setIsPointerPresent(true);\n    invalidate();\n};\n\nconst handlePointerOut = (e: PointerEvent) => {\n    if (e.relatedTarget) return;\n\n    setIsPointerPresent(false);\n};\n\nconst handleWindowBlur = () => {\n    setIsPointerPresent(false);\n};\n\nconst handleLayoutChange = () => {\n    if (clientPoint) invalidate();\n};\n\nconst attach = () => {\n    document.addEventListener(\"pointermove\", handlePointerMove, { passive: true });\n    document.addEventListener(\"pointerout\", handlePointerOut, { passive: true });\n    document.addEventListener(\"scroll\", handleLayoutChange, { capture: true, passive: true });\n    window.addEventListener(\"blur\", handleWindowBlur);\n    window.addEventListener(\"resize\", handleLayoutChange);\n};\n\nconst detach = () => {\n    document.removeEventListener(\"pointermove\", handlePointerMove);\n    document.removeEventListener(\"pointerout\", handlePointerOut);\n    document.removeEventListener(\"scroll\", handleLayoutChange, { capture: true });\n    window.removeEventListener(\"blur\", handleWindowBlur);\n    window.removeEventListener(\"resize\", handleLayoutChange);\n\n    if (frameId !== undefined) cancelAnimationFrame(frameId);\n\n    frameId = undefined;\n};\n\nconst getIsSameReading = (a: PointerReading, b: PointerReading) =>\n    Point2d.isSame(a.offset, b.offset) && Point2d.isSame(a.edgeOffset, b.edgeOffset);\n\nconst computeReading = (rect: DOMRect, point: Point2d): PointerReading => {\n    const center = { x: rect.x + rect.width * 0.5, y: rect.y + rect.height * 0.5 };\n    const edgePoint = RectUtils.getEdgePointTowards(rect, point);\n    const offset = { x: point.x - center.x, y: point.y - center.y };\n    const edgeOffset = { x: edgePoint.x - center.x, y: edgePoint.y - center.y };\n    const distance = Point2dUtils.getLength(offset);\n    const edgeDistance = Point2dUtils.getLength(edgeOffset);\n\n    return {\n        offset,\n        angle: Point2dUtils.getAngle(offset),\n        distance,\n        edgeOffset,\n        edgeDistance,\n        edgeRatio: edgeDistance === 0 ? Infinity : distance / edgeDistance,\n        boxRatio: {\n            x: MathUtils.normalize(point.x, rect.x, rect.x + rect.width),\n            y: MathUtils.normalize(point.y, rect.y, rect.y + rect.height),\n        },\n    };\n};\n\nexport namespace PointerTracker {\n    export const create = (getRef: Accessor<HTMLElement | undefined>, getIsDisabled?: Accessor<boolean>) => {\n        const viewportContext = useViewportContext();\n        const [getReading, setReading] = createSignal(RESTING_READING, { equals: getIsSameReading });\n\n        const update = () => {\n            const ref = getRef();\n\n            if (!ref || !clientPoint) return;\n\n            setReading(\n                computeReading(\n                    ViewportUtils.getAdjustedBoundingClientRect(ref, viewportContext),\n                    ViewportUtils.getAdjustedClientPoint(clientPoint, viewportContext),\n                ),\n            );\n        };\n\n        createEffect(() => {\n            const ref = getRef();\n\n            if (!ref || getIsDisabled?.()) return;\n\n            subscribers.add(update);\n\n            if (subscribers.size === 1) attach();\n\n            invalidate();\n\n            onCleanup(() => {\n                subscribers.delete(update);\n\n                if (subscribers.size === 0) detach();\n            });\n        });\n\n        return { getReading, getIsPointerPresent };\n    };\n}\n"],"mappings":"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"}

package/dist/Abstracts/Rotator/Rotator.js

@@ -0,0 +1,155 @@
+import { access } from "../../Utils/propUtils.js";
+import { LiveAnnouncer } from "../LiveAnnouncer/LiveAnnouncer.js";
+import { InteractionTracker } from "../InteractionTracker/InteractionTracker.js";
+import { SignalMirror } from "../SignalMirror/SignalMirror.js";
+import { createEffect, createMemo, createSignal, on, onCleanup, untrack } from "solid-js";
+import { EasingUtils, MathUtils, RotationUtils } from "@thewaver/ss-utils";
+//#region src/Abstracts/Rotator/Rotator.ts
+var DEFAULT_SPIN_DURATION_MS = 3e3;
+var DEFAULT_SETTLE_DURATION_MS = 1500;
+var DEFAULT_REST_DURATION_MS = 3e3;
+var DEFAULT_SPIN_DEFS = {
+	turns: 3,
+	jitterRatio: 0
+};
+var MIN_ROTATABLE_STEP_COUNT = 2;
+var FRAME_STARVATION_SLACK_MS = 100;
+var SPIN_EASING = EasingUtils.ease;
+var Rotator;
+(function(_Rotator) {
+	_Rotator.createRotator = (getIsDisabled, defs) => {
+		const [getAngle, setAngle] = createSignal(0);
+		const [getSpinPhase, setSpinPhase] = createSignal("still");
+		const [getIsAwaitingTarget, setIsAwaitingTarget] = createSignal(false);
+		const [getIsResting, setIsResting] = createSignal(false);
+		const [getIndex, setIndex] = SignalMirror.createOptional(() => defs.indexSignal, 0);
+		const [getIsAutoSpinEnabled] = SignalMirror.createOptional(() => defs.autoSpinSignal, true);
+		let targetIndex;
+		let spinFrameId;
+		let starvationHandle;
+		const getStepCount = createMemo(() => Math.max(0, Math.trunc(access(defs.stepCount))));
+		const getStepAngle = createMemo(() => RotationUtils.getStepAngle(getStepCount()));
+		const getSpinDurationMs = createMemo(() => access(defs.spinDurationMs) ?? DEFAULT_SPIN_DURATION_MS);
+		const getSettleDurationMs = createMemo(() => access(defs.settleDurationMs) ?? DEFAULT_SETTLE_DURATION_MS);
+		const getRestDurationMs = createMemo(() => access(defs.restDurationMs) ?? DEFAULT_REST_DURATION_MS);
+		const getIdleDelayMs = createMemo(() => access(defs.idleDelayMs));
+		const getIsRotatable = createMemo(() => !getIsDisabled() && getStepCount() >= MIN_ROTATABLE_STEP_COUNT);
+		const getIsPageHidden = InteractionTracker.trackPageHidden();
+		const getIsSpinnable = createMemo(() => getIsRotatable() && getSpinPhase() === "still" && !getIsAwaitingTarget());
+		const getPhase = createMemo(() => {
+			const spinPhase = getSpinPhase();
+			if (spinPhase !== "still") return spinPhase;
+			return getIdleDelayMs() !== void 0 && getIsAutoSpinEnabled() && !getIsResting() && !getIsPageHidden() && getIsRotatable() ? "idling" : "still";
+		});
+		const getSelectedIndex = createMemo(() => RotationUtils.getAngleIndex(getAngle(), getStepCount()));
+		const getStepLabel = (index) => defs.computeStepLabel?.(index, getStepCount()) ?? `${index + 1} of ${getStepCount()}`;
+		const stopSpinFrames = () => {
+			if (spinFrameId !== void 0) cancelAnimationFrame(spinFrameId);
+			if (starvationHandle !== void 0) clearTimeout(starvationHandle);
+			spinFrameId = void 0;
+			starvationHandle = void 0;
+		};
+		const turnTo = (toAngle, durationMs, easing, onArrival) => {
+			stopSpinFrames();
+			const fromAngle = untrack(getAngle);
+			const arrive = () => {
+				stopSpinFrames();
+				setAngle(toAngle);
+				onArrival();
+			};
+			if (durationMs <= 0) {
+				arrive();
+				return;
+			}
+			const startedAt = performance.now();
+			const advance = () => {
+				const ratio = MathUtils.clamp01((performance.now() - startedAt) / durationMs);
+				if (ratio >= 1) {
+					arrive();
+					return;
+				}
+				setAngle(MathUtils.lerp(fromAngle, toAngle, easing(ratio)));
+				spinFrameId = requestAnimationFrame(advance);
+			};
+			starvationHandle = setTimeout(arrive, durationMs + FRAME_STARVATION_SLACK_MS);
+			spinFrameId = requestAnimationFrame(advance);
+		};
+		const settle = () => {
+			const index = MathUtils.wrapIndex(targetIndex ?? getIndex(), getStepCount());
+			targetIndex = void 0;
+			setSpinPhase("still");
+			setIsResting(true);
+			setIndex(index);
+			defs.onSpinEnd?.(index);
+			LiveAnnouncer.announce(getStepLabel(index));
+		};
+		const spin = () => {
+			if (!getIsSpinnable()) return;
+			setIsResting(false);
+			setIsAwaitingTarget(true);
+			Promise.resolve(defs.computeSpinTarget()).then((index) => {
+				const stepCount = getStepCount();
+				const spinDefs = defs.computeSpinDefs?.(index, stepCount) ?? DEFAULT_SPIN_DEFS;
+				const jitterAngle = RotationUtils.getJitterAngle(spinDefs.jitterRatio, stepCount);
+				const spinAngle = RotationUtils.getSpinAngle(untrack(getAngle), index, stepCount, spinDefs.turns) + jitterAngle;
+				targetIndex = index;
+				setSpinPhase("spinning");
+				setIsAwaitingTarget(false);
+				turnTo(spinAngle, getSpinDurationMs(), SPIN_EASING, () => {
+					if (jitterAngle === 0) {
+						settle();
+						return;
+					}
+					setSpinPhase("settling");
+					turnTo(spinAngle - jitterAngle, getSettleDurationMs(), SPIN_EASING, settle);
+				});
+			}).catch(() => {
+				setIsAwaitingTarget(false);
+			});
+		};
+		createEffect(() => {
+			const restDurationMs = getRestDurationMs();
+			if (!getIsResting() || restDurationMs < 0) return;
+			const handle = setTimeout(() => setIsResting(false), restDurationMs);
+			onCleanup(() => {
+				clearTimeout(handle);
+			});
+		});
+		createEffect(() => {
+			const idleDelayMs = getIdleDelayMs();
+			const stepAngle = getStepAngle();
+			if (getPhase() !== "idling" || idleDelayMs === void 0 || idleDelayMs <= 0 || stepAngle <= 0) return;
+			const degreesPerMs = stepAngle / idleDelayMs;
+			let previousTime = performance.now();
+			let idleFrameId;
+			const advance = (time) => {
+				const elapsedMs = time - previousTime;
+				previousTime = time;
+				setAngle((angle) => angle + elapsedMs * degreesPerMs);
+				idleFrameId = requestAnimationFrame(advance);
+			};
+			idleFrameId = requestAnimationFrame(advance);
+			onCleanup(() => {
+				cancelAnimationFrame(idleFrameId);
+			});
+		});
+		createEffect(on(getSelectedIndex, (index) => defs.onStepChange?.(index), { defer: true }));
+		onCleanup(stopSpinFrames);
+		return {
+			getAngle,
+			getIndex,
+			getSelectedIndex,
+			getPhase,
+			getStepAngle,
+			getStepCount,
+			getIsRotatable,
+			getIsSpinnable,
+			getIsAwaitingTarget,
+			spin
+		};
+	};
+})(Rotator || (Rotator = {}));
+//#endregion
+export { Rotator };
+
+//# sourceMappingURL=Rotator.js.map

package/dist/Abstracts/Rotator/Rotator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rotator.js","names":[],"sources":["../../../src/Abstracts/Rotator/Rotator.ts"],"sourcesContent":["import type { Accessor } from \"solid-js\";\nimport { createEffect, createMemo, createSignal, on, onCleanup, untrack } from \"solid-js\";\n\nimport type { EasingFn } from \"@thewaver/ss-utils\";\nimport { EasingUtils, MathUtils, RotationUtils } from \"@thewaver/ss-utils\";\n\nimport { access } from \"../../Utils/propUtils\";\nimport { InteractionTracker } from \"../InteractionTracker/InteractionTracker\";\nimport { LiveAnnouncer } from \"../LiveAnnouncer/LiveAnnouncer\";\nimport { SignalMirror } from \"../SignalMirror/SignalMirror\";\nimport type { RotatorDefs, RotatorPhase, RotatorSpinDefs } from \"./Rotator.types\";\n\nconst DEFAULT_SPIN_DURATION_MS = 3000;\nconst DEFAULT_SETTLE_DURATION_MS = 1500;\nconst DEFAULT_REST_DURATION_MS = 3000;\nconst DEFAULT_SPIN_DEFS: RotatorSpinDefs = { turns: 3, jitterRatio: 0 };\nconst MIN_ROTATABLE_STEP_COUNT = 2;\nconst FRAME_STARVATION_SLACK_MS = 100;\nconst SPIN_EASING: EasingFn = EasingUtils.ease;\n\nexport namespace Rotator {\n    export const createRotator = (getIsDisabled: Accessor<boolean>, defs: RotatorDefs) => {\n        const [getAngle, setAngle] = createSignal(0);\n        const [getSpinPhase, setSpinPhase] = createSignal<Exclude<RotatorPhase, \"idling\">>(\"still\");\n        const [getIsAwaitingTarget, setIsAwaitingTarget] = createSignal(false);\n        const [getIsResting, setIsResting] = createSignal(false);\n\n        const [getIndex, setIndex] = SignalMirror.createOptional(() => defs.indexSignal, 0);\n        const [getIsAutoSpinEnabled] = SignalMirror.createOptional(() => defs.autoSpinSignal, true);\n\n        let targetIndex: number | undefined;\n        let spinFrameId: number | undefined;\n        let starvationHandle: ReturnType<typeof setTimeout> | undefined;\n\n        const getStepCount = createMemo(() => Math.max(0, Math.trunc(access(defs.stepCount))));\n\n        const getStepAngle = createMemo(() => RotationUtils.getStepAngle(getStepCount()));\n\n        const getSpinDurationMs = createMemo(() => access(defs.spinDurationMs) ?? DEFAULT_SPIN_DURATION_MS);\n\n        const getSettleDurationMs = createMemo(() => access(defs.settleDurationMs) ?? DEFAULT_SETTLE_DURATION_MS);\n\n        const getRestDurationMs = createMemo(() => access(defs.restDurationMs) ?? DEFAULT_REST_DURATION_MS);\n\n        const getIdleDelayMs = createMemo(() => access(defs.idleDelayMs));\n\n        const getIsRotatable = createMemo(() => !getIsDisabled() && getStepCount() >= MIN_ROTATABLE_STEP_COUNT);\n\n        const getIsPageHidden = InteractionTracker.trackPageHidden();\n\n        const getIsSpinnable = createMemo(\n            () => getIsRotatable() && getSpinPhase() === \"still\" && !getIsAwaitingTarget(),\n        );\n\n        const getPhase = createMemo((): RotatorPhase => {\n            const spinPhase = getSpinPhase();\n\n            if (spinPhase !== \"still\") return spinPhase;\n\n            const isIdling =\n                getIdleDelayMs() !== undefined &&\n                getIsAutoSpinEnabled() &&\n                !getIsResting() &&\n                !getIsPageHidden() &&\n                getIsRotatable();\n\n            return isIdling ? \"idling\" : \"still\";\n        });\n\n        const getSelectedIndex = createMemo(() => RotationUtils.getAngleIndex(getAngle(), getStepCount()));\n\n        const getStepLabel = (index: number) =>\n            defs.computeStepLabel?.(index, getStepCount()) ?? `${index + 1} of ${getStepCount()}`;\n\n        const stopSpinFrames = () => {\n            if (spinFrameId !== undefined) cancelAnimationFrame(spinFrameId);\n            if (starvationHandle !== undefined) clearTimeout(starvationHandle);\n\n            spinFrameId = undefined;\n            starvationHandle = undefined;\n        };\n\n        const turnTo = (toAngle: number, durationMs: number, easing: EasingFn, onArrival: () => void) => {\n            stopSpinFrames();\n\n            const fromAngle = untrack(getAngle);\n\n            const arrive = () => {\n                stopSpinFrames();\n                setAngle(toAngle);\n                onArrival();\n            };\n\n            if (durationMs <= 0) {\n                arrive();\n\n                return;\n            }\n\n            const startedAt = performance.now();\n\n            const advance = () => {\n                const ratio = MathUtils.clamp01((performance.now() - startedAt) / durationMs);\n\n                if (ratio >= 1) {\n                    arrive();\n\n                    return;\n                }\n\n                setAngle(MathUtils.lerp(fromAngle, toAngle, easing(ratio)));\n\n                spinFrameId = requestAnimationFrame(advance);\n            };\n\n            starvationHandle = setTimeout(arrive, durationMs + FRAME_STARVATION_SLACK_MS);\n            spinFrameId = requestAnimationFrame(advance);\n        };\n\n        const settle = () => {\n            const index = MathUtils.wrapIndex(targetIndex ?? getIndex(), getStepCount());\n\n            targetIndex = undefined;\n\n            setSpinPhase(\"still\");\n            setIsResting(true);\n            setIndex(index);\n\n            void defs.onSpinEnd?.(index);\n\n            LiveAnnouncer.announce(getStepLabel(index));\n        };\n\n        const spin = () => {\n            if (!getIsSpinnable()) return;\n\n            setIsResting(false);\n            setIsAwaitingTarget(true);\n\n            void Promise.resolve(defs.computeSpinTarget())\n                .then((index) => {\n                    const stepCount = getStepCount();\n                    const spinDefs = defs.computeSpinDefs?.(index, stepCount) ?? DEFAULT_SPIN_DEFS;\n                    const jitterAngle = RotationUtils.getJitterAngle(spinDefs.jitterRatio, stepCount);\n                    const spinAngle =\n                        RotationUtils.getSpinAngle(untrack(getAngle), index, stepCount, spinDefs.turns) + jitterAngle;\n\n                    targetIndex = index;\n\n                    setSpinPhase(\"spinning\");\n                    setIsAwaitingTarget(false);\n\n                    turnTo(spinAngle, getSpinDurationMs(), SPIN_EASING, () => {\n                        if (jitterAngle === 0) {\n                            settle();\n\n                            return;\n                        }\n\n                        setSpinPhase(\"settling\");\n\n                        turnTo(spinAngle - jitterAngle, getSettleDurationMs(), SPIN_EASING, settle);\n                    });\n                })\n                .catch(() => {\n                    setIsAwaitingTarget(false);\n                });\n        };\n\n        createEffect(() => {\n            const restDurationMs = getRestDurationMs();\n\n            if (!getIsResting() || restDurationMs < 0) return;\n\n            const handle = setTimeout(() => setIsResting(false), restDurationMs);\n\n            onCleanup(() => {\n                clearTimeout(handle);\n            });\n        });\n\n        createEffect(() => {\n            const idleDelayMs = getIdleDelayMs();\n            const stepAngle = getStepAngle();\n\n            if (getPhase() !== \"idling\" || idleDelayMs === undefined || idleDelayMs <= 0 || stepAngle <= 0) return;\n\n            const degreesPerMs = stepAngle / idleDelayMs;\n\n            let previousTime = performance.now();\n            let idleFrameId: number;\n\n            const advance = (time: number) => {\n                const elapsedMs = time - previousTime;\n\n                previousTime = time;\n\n                setAngle((angle) => angle + elapsedMs * degreesPerMs);\n\n                idleFrameId = requestAnimationFrame(advance);\n            };\n\n            idleFrameId = requestAnimationFrame(advance);\n\n            onCleanup(() => {\n                cancelAnimationFrame(idleFrameId);\n            });\n        });\n\n        createEffect(on(getSelectedIndex, (index) => defs.onStepChange?.(index), { defer: true }));\n\n        onCleanup(stopSpinFrames);\n\n        return {\n            getAngle,\n            getIndex,\n            getSelectedIndex,\n            getPhase,\n            getStepAngle,\n            getStepCount,\n            getIsRotatable,\n            getIsSpinnable,\n            getIsAwaitingTarget,\n            spin,\n        };\n    };\n}\n"],"mappings":"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"}

package/dist/Abstracts/SVG/Defs/Animation/SVGAnimationDefs.utils.js

@@ -0,0 +1,70 @@
+import { createMemo, createSignal, onCleanup } from "solid-js";
+//#region src/Abstracts/SVG/Defs/Animation/SVGAnimationDefs.utils.tsx
+var SVGAnimationUtils;
+(function(_SVGAnimationUtils) {
+	const unrollSelfReferencingPatterns = _SVGAnimationUtils.unrollSelfReferencingPatterns = (patterns) => {
+		if (patterns.length === 0) return patterns;
+		const result = patterns.map((p) => ({ ...p }));
+		const originalLength = result.length;
+		for (let i = 0; i < originalLength; i++) {
+			const pattern = result[i];
+			if (pattern.nextIndex === i) {
+				pattern.nextIndex = result.length;
+				result.push({
+					...pattern,
+					nextIndex: i
+				});
+			}
+		}
+		return result;
+	};
+	_SVGAnimationUtils.createAnimateDefs = (defs) => {
+		const [getPatternIndex, setPatternIndex] = createSignal(0);
+		const getPatterns = createMemo(() => unrollSelfReferencingPatterns(defs.animationIterationPatterns ?? []));
+		const elements = /* @__PURE__ */ new Set();
+		const getLeadElement = () => {
+			for (const candidate of elements) if (candidate.isConnected) return candidate;
+		};
+		return () => ({
+			get dur() {
+				return `${defs.animationDurationMs}ms`;
+			},
+			get repeatCount() {
+				const pattern = getPatterns()[getPatternIndex()];
+				return !pattern || pattern.count === Infinity ? "indefinite" : pattern.count;
+			},
+			fill: "freeze",
+			begin: "indefinite",
+			ref: (el) => {
+				elements.add(el);
+				const frameId = requestAnimationFrame(() => {
+					if (!el.isConnected) return;
+					el.beginElementAt((getPatterns()[0]?.beginDelayMs ?? 0) / 1e3);
+				});
+				const handleEndEvent = () => {
+					if (el !== getLeadElement()) return;
+					const currentIndex = getPatternIndex();
+					const nextIndex = getPatterns()[currentIndex]?.nextIndex;
+					defs.onAnimationIteration?.(currentIndex);
+					if (nextIndex === void 0) {
+						defs.onAnimationEnd?.();
+						return;
+					}
+					setPatternIndex(nextIndex);
+					const delaySecs = (getPatterns()[nextIndex]?.beginDelayMs ?? 0) / 1e3;
+					for (const element of elements) if (element.isConnected) element.beginElementAt(delaySecs);
+				};
+				el.addEventListener("endEvent", handleEndEvent);
+				onCleanup(() => {
+					cancelAnimationFrame(frameId);
+					el.removeEventListener("endEvent", handleEndEvent);
+					elements.delete(el);
+				});
+			}
+		});
+	};
+})(SVGAnimationUtils || (SVGAnimationUtils = {}));
+//#endregion
+export { SVGAnimationUtils };
+
+//# sourceMappingURL=SVGAnimationDefs.utils.js.map

package/dist/Abstracts/SVG/Defs/Animation/SVGAnimationDefs.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SVGAnimationDefs.utils.js","names":["JSX","createMemo","createSignal","onCleanup","SVGAnimationDefs","SVGAnimationIterationPattern","SVGAnimationUtils","unrollSelfReferencingPatterns","patterns","length","result","map","p","originalLength","i","pattern","nextIndex","duplicateIndex","push","createAnimateDefs","defs","getPatternIndex","setPatternIndex","getPatterns","animationIterationPatterns","elements","Set","SVGAnimateElement","getLeadElement","candidate","isConnected","undefined","AnimateSVGAttributes","dur","animationDurationMs","repeatCount","count","Infinity","fill","begin","ref","el","add","frameId","requestAnimationFrame","beginElementAt","beginDelayMs","handleEndEvent","currentIndex","onAnimationIteration","onAnimationEnd","delaySecs","element","addEventListener","cancelAnimationFrame","removeEventListener","delete"],"sources":["../../../../../src/Abstracts/SVG/Defs/Animation/SVGAnimationDefs.utils.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { createMemo, createSignal, onCleanup } from \"solid-js\";\n\nimport type { SVGAnimationDefs, SVGAnimationIterationPattern } from \"./SVGAnimationDefs.types\";\n\nexport namespace SVGAnimationUtils {\n    export const unrollSelfReferencingPatterns = (\n        patterns: SVGAnimationIterationPattern[],\n    ): SVGAnimationIterationPattern[] => {\n        if (patterns.length === 0) return patterns;\n\n        const result = patterns.map((p) => ({ ...p }));\n        const originalLength = result.length;\n\n        for (let i = 0; i < originalLength; i++) {\n            const pattern = result[i];\n\n            if (pattern.nextIndex === i) {\n                const duplicateIndex = result.length;\n\n                pattern.nextIndex = duplicateIndex;\n                result.push({ ...pattern, nextIndex: i });\n            }\n        }\n\n        return result;\n    };\n\n    export const createAnimateDefs = (defs: SVGAnimationDefs) => {\n        const [getPatternIndex, setPatternIndex] = createSignal(0);\n\n        const getPatterns = createMemo(() => unrollSelfReferencingPatterns(defs.animationIterationPatterns ?? []));\n\n        const elements = new Set<SVGAnimateElement>();\n\n        const getLeadElement = () => {\n            for (const candidate of elements) {\n                if (candidate.isConnected) return candidate;\n            }\n\n            return undefined;\n        };\n\n        return (): JSX.AnimateSVGAttributes<SVGAnimateElement> => ({\n            get dur() {\n                return `${defs.animationDurationMs}ms`;\n            },\n            get repeatCount() {\n                const pattern = getPatterns()[getPatternIndex()];\n                return !pattern || pattern.count === Infinity ? \"indefinite\" : pattern.count;\n            },\n            fill: \"freeze\",\n            begin: \"indefinite\",\n            ref: (el: SVGAnimateElement) => {\n                elements.add(el);\n\n                const frameId = requestAnimationFrame(() => {\n                    if (!el.isConnected) return;\n\n                    el.beginElementAt((getPatterns()[0]?.beginDelayMs ?? 0) / 1000);\n                });\n\n                const handleEndEvent = () => {\n                    if (el !== getLeadElement()) return;\n\n                    const currentIndex = getPatternIndex();\n                    const nextIndex = getPatterns()[currentIndex]?.nextIndex;\n\n                    defs.onAnimationIteration?.(currentIndex);\n\n                    if (nextIndex === undefined) {\n                        defs.onAnimationEnd?.();\n                        return;\n                    }\n\n                    setPatternIndex(nextIndex);\n\n                    const delaySecs = (getPatterns()[nextIndex]?.beginDelayMs ?? 0) / 1000;\n\n                    for (const element of elements) {\n                        if (element.isConnected) {\n                            element.beginElementAt(delaySecs);\n                        }\n                    }\n                };\n\n                el.addEventListener(\"endEvent\", handleEndEvent);\n\n                onCleanup(() => {\n                    cancelAnimationFrame(frameId);\n                    el.removeEventListener(\"endEvent\", handleEndEvent);\n                    elements.delete(el);\n                });\n            },\n        });\n    };\n}\n"],"mappings":";;AAKO,IAAUM;CAAV,SAAA,oBAAA;CACI,MAAMC,gCAAAA,mBAAAA,iCACTC,aACiC;EACjC,IAAIA,SAASC,WAAW,GAAG,OAAOD;EAElC,MAAME,SAASF,SAASG,KAAKC,OAAO,EAAE,GAAGA,EAAE,EAAE;EAC7C,MAAMC,iBAAiBH,OAAOD;EAE9B,KAAK,IAAIK,IAAI,GAAGA,IAAID,gBAAgBC,KAAK;GACrC,MAAMC,UAAUL,OAAOI;GAEvB,IAAIC,QAAQC,cAAcF,GAAG;IAGzBC,QAAQC,YAFeN,OAAOD;IAG9BC,OAAOQ,KAAK;KAAE,GAAGH;KAASC,WAAWF;IAAE,CAAC;GAC5C;EACJ;EAEA,OAAOJ;CACX;CAEaS,mBAAAA,qBAAqBC,SAA2B;EACzD,MAAM,CAACC,iBAAiBC,mBAAmBpB,aAAa,CAAC;EAEzD,MAAMqB,cAActB,iBAAiBM,8BAA8Ba,KAAKI,8BAA8B,CAAA,CAAE,CAAC;EAEzG,MAAMC,2BAAW,IAAIC,IAAuB;EAE5C,MAAME,uBAAuB;GACzB,KAAK,MAAMC,aAAaJ,UACpB,IAAII,UAAUC,aAAa,OAAOD;EAI1C;EAEA,cAA2D;GACvD,IAAII,MAAM;IACN,OAAO,GAAGb,KAAKc,oBAAmB;GACtC;GACA,IAAIC,cAAc;IACd,MAAMpB,UAAUQ,YAAY,CAAC,CAACF,gBAAgB;IAC9C,OAAO,CAACN,WAAWA,QAAQqB,UAAUC,WAAW,eAAetB,QAAQqB;GAC3E;GACAE,MAAM;GACNC,OAAO;GACPC,MAAMC,OAA0B;IAC5BhB,SAASiB,IAAID,EAAE;IAEf,MAAME,UAAUC,4BAA4B;KACxC,IAAI,CAACH,GAAGX,aAAa;KAErBW,GAAGI,gBAAgBtB,YAAY,CAAC,CAAC,EAAE,EAAEuB,gBAAgB,KAAK,GAAI;IAClE,CAAC;IAED,MAAMC,uBAAuB;KACzB,IAAIN,OAAOb,eAAe,GAAG;KAE7B,MAAMoB,eAAe3B,gBAAgB;KACrC,MAAML,YAAYO,YAAY,CAAC,CAACyB,aAAa,EAAEhC;KAE/CI,KAAK6B,uBAAuBD,YAAY;KAExC,IAAIhC,cAAce,KAAAA,GAAW;MACzBX,KAAK8B,iBAAiB;MACtB;KACJ;KAEA5B,gBAAgBN,SAAS;KAEzB,MAAMmC,aAAa5B,YAAY,CAAC,CAACP,UAAU,EAAE8B,gBAAgB,KAAK;KAElE,KAAK,MAAMM,WAAW3B,UAClB,IAAI2B,QAAQtB,aACRsB,QAAQP,eAAeM,SAAS;IAG5C;IAEAV,GAAGY,iBAAiB,YAAYN,cAAc;IAE9C5C,gBAAgB;KACZmD,qBAAqBX,OAAO;KAC5BF,GAAGc,oBAAoB,YAAYR,cAAc;KACjDtB,SAAS+B,OAAOf,EAAE;IACtB,CAAC;GACL;EACJ;CACJ;AACJ,EAAA,CAAA,sBAAA,oBAAA,CAAA,EAAA"}