@thewaver/ss-components 0.0.1 → 0.0.2

package/dist/Exotics/TileBoard/TileBoard.js

@@ -0,0 +1,214 @@
+import { access } from "../../Utils/propUtils.js";
+import { InteractionWrapper } from "../../Fundamentals/InteractionWrapper/InteractionWrapper.js";
+import { TileBoardUtils } from "./TileBoard.utils.js";
+import { tileBoardCell, tileBoardHit, tileBoardPaint, tileBoardRoot, tileBoardRow, tileBoardTile } from "./TileBoard.css.js";
+import { Index, createEffect, createMemo, createSignal, createUniqueId, onCleanup } from "solid-js";
+import { Index2d } from "@thewaver/ss-utils";
+import { className, createComponent, delegateEvents, effect, insert, setAttribute, setStyleProperty, template, use } from "solid-js/web";
+//#region src/Exotics/TileBoard/TileBoard.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div role=gridcell><div></div><div aria-hidden=true>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div role=presentation>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div role=grid>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<div role=row>`);
+var DEFAULT_TILE_SHAPE = "hexagon-pointy-top";
+var DEFAULT_GAP = 0;
+var FIRST_ARIA_INDEX = 1;
+var HALF = .5;
+var MIN_CLIP_POINTS = 3;
+var NO_CLIP = "none";
+var SELECT_KEYS = ["Enter", " "];
+var EDGE_KEYS = ["Home", "End"];
+var toClipPath = (points) => {
+	if (points.length < MIN_CLIP_POINTS) return NO_CLIP;
+	return `polygon(${points.map((point) => `${point.x}px ${point.y}px`).join(", ")})`;
+};
+var TileBoardTile = (props) => {
+	const getIsDisabled = () => access(props.flags).isDisabled ?? false;
+	return (() => {
+		var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+		_el$.$$click = () => {
+			if (getIsDisabled()) return;
+			props.onActivate();
+		};
+		use((element) => props.ref?.(element), _el$);
+		className(_el$, tileBoardTile);
+		className(_el$2, tileBoardPaint);
+		insert(_el$2, () => props.renderContent(() => access(props.flags)));
+		className(_el$3, tileBoardHit);
+		effect((_p$) => {
+			var _v$ = access(props.id), _v$2 = access(props.colIndex), _v$3 = access(props.ariaLabel), _v$4 = getIsDisabled() || void 0, _v$5 = `${access(props.size).width}px`, _v$6 = `${access(props.size).height}px`, _v$7 = access(props.clipPath);
+			_v$ !== _p$.e && setAttribute(_el$, "id", _p$.e = _v$);
+			_v$2 !== _p$.t && setAttribute(_el$, "aria-colindex", _p$.t = _v$2);
+			_v$3 !== _p$.a && setAttribute(_el$, "aria-label", _p$.a = _v$3);
+			_v$4 !== _p$.o && setAttribute(_el$, "aria-disabled", _p$.o = _v$4);
+			_v$5 !== _p$.i && setStyleProperty(_el$, "width", _p$.i = _v$5);
+			_v$6 !== _p$.n && setStyleProperty(_el$, "height", _p$.n = _v$6);
+			_v$7 !== _p$.s && setStyleProperty(_el$3, "clip-path", _p$.s = _v$7);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0,
+			s: void 0
+		});
+		return _el$;
+	})();
+};
+var TileBoard = (props) => {
+	const boardId = createUniqueId();
+	const tileRefs = /* @__PURE__ */ new Map();
+	const [getRootRef, setRootRef] = createSignal();
+	const [getHighlighted, setHighlighted] = createSignal(TileBoardUtils.getFirstTile());
+	const getGap = createMemo(() => access(props.gap) ?? DEFAULT_GAP);
+	const getPitchSize = createMemo(() => access(props.tileSize));
+	const getTileSize = createMemo(() => ({
+		width: Math.max(getPitchSize().width - getGap(), 0),
+		height: Math.max(getPitchSize().height - getGap(), 0)
+	}));
+	const getLayout = createMemo(() => TileBoardUtils.getLayout(access(props.tileShape) ?? DEFAULT_TILE_SHAPE, access(props.tileCount), getPitchSize(), access(props.hasShortFirstRow) ?? false));
+	const getBoardSize = createMemo(() => TileBoardUtils.getBoardSize(getLayout()));
+	const getPoints = createMemo(() => TileBoardUtils.getTilePoints(getLayout().shape, getTileSize(), false));
+	const getFlippedPoints = createMemo(() => TileBoardUtils.getTilePoints(getLayout().shape, getTileSize(), true));
+	const getClipPath = createMemo(() => toClipPath(getPoints()));
+	const getFlippedClipPath = createMemo(() => toClipPath(getFlippedPoints()));
+	const getIsDisabled = createMemo(() => access(props.isDisabled) ?? false);
+	const getIsTileDisabled = (tile) => getIsDisabled() || (props.computeIsTileDisabled?.(tile) ?? false);
+	const getRovingTile = createMemo(() => TileBoardUtils.clampTile(getHighlighted(), getLayout()));
+	const moveTo = (tile) => {
+		setHighlighted(() => TileBoardUtils.clampTile(tile, getLayout()));
+	};
+	const activateTile = (tile) => {
+		if (getIsTileDisabled(tile)) return;
+		moveTo(tile);
+		props.onTileActivate(tile);
+	};
+	createEffect(() => {
+		const tile = getRovingTile();
+		const root = getRootRef();
+		if (!root?.contains(document.activeElement) || root === document.activeElement) return;
+		tileRefs.get(Index2d.toString(tile))?.focus();
+	});
+	const handleKeyDown = (e) => {
+		const roving = getRovingTile();
+		if (SELECT_KEYS.includes(e.key)) {
+			e.preventDefault();
+			activateTile(roving);
+			return;
+		}
+		if ((e.ctrlKey || e.metaKey) && EDGE_KEYS.includes(e.key)) {
+			e.preventDefault();
+			moveTo(e.key === "Home" ? TileBoardUtils.getFirstTile() : TileBoardUtils.getLastTile(getLayout()));
+			return;
+		}
+		const next = TileBoardUtils.computeNextTile(e.key, roving, getLayout());
+		if (next === void 0) return;
+		e.preventDefault();
+		moveTo(next);
+	};
+	const renderTile = (row, col) => {
+		const tile = {
+			row,
+			col
+		};
+		const key = Index2d.toString(tile);
+		const getTile = () => tile;
+		const getIsFlipped = () => TileBoardUtils.getIsFlippedTile(tile, getLayout());
+		onCleanup(() => {
+			tileRefs.delete(key);
+		});
+		return (() => {
+			var _el$4 = _tmpl$2();
+			className(_el$4, tileBoardCell);
+			insert(_el$4, createComponent(InteractionWrapper, {
+				isDisabled: () => getIsTileDisabled(tile),
+				isFocusableWhenDisabled: () => !getIsDisabled(),
+				isTabbable: () => Index2d.isSame(tile, getRovingTile()),
+				extraFlags: () => ({
+					tile,
+					size: getTileSize(),
+					points: getIsFlipped() ? getFlippedPoints() : getPoints(),
+					isFlipped: getIsFlipped(),
+					isHighlighted: Index2d.isSame(tile, getRovingTile())
+				}),
+				ref: (element) => tileRefs.set(key, element),
+				renderControl: (setElementRef, getRenderProps) => createComponent(TileBoardTile, {
+					ref(r$) {
+						var _ref$ = setElementRef;
+						typeof _ref$ === "function" ? _ref$(r$) : setElementRef = r$;
+					},
+					id: `${boardId}-tile-${key}`,
+					flags: getRenderProps,
+					get ariaLabel() {
+						return props.computeTileAriaLabel === void 0 ? void 0 : () => props.computeTileAriaLabel(tile);
+					},
+					colIndex: col + FIRST_ARIA_INDEX,
+					size: getTileSize,
+					clipPath: () => getIsFlipped() ? getFlippedClipPath() : getClipPath(),
+					renderContent: (getFlags) => props.renderTile(getTile, getFlags),
+					onActivate: () => activateTile(tile)
+				})
+			}));
+			effect((_$p) => setStyleProperty(_el$4, "left", `${col * getLayout().pitch.width}px`));
+			return _el$4;
+		})();
+	};
+	return (() => {
+		var _el$5 = _tmpl$3();
+		_el$5.$$keydown = handleKeyDown;
+		use(setRootRef, _el$5);
+		setAttribute(_el$5, "id", boardId);
+		className(_el$5, tileBoardRoot);
+		insert(_el$5, createComponent(Index, {
+			get each() {
+				return Array.from({ length: Math.max(getLayout().count.row, 0) });
+			},
+			children: (_, rowIndex) => (() => {
+				var _el$6 = _tmpl$4();
+				className(_el$6, tileBoardRow);
+				setAttribute(_el$6, "aria-rowindex", rowIndex + FIRST_ARIA_INDEX);
+				insert(_el$6, createComponent(Index, {
+					get each() {
+						return Array.from({ length: TileBoardUtils.getRowLength(rowIndex, getLayout()) });
+					},
+					children: (_, colIndex) => renderTile(rowIndex, colIndex)
+				}));
+				effect((_p$) => {
+					var _v$12 = `${TileBoardUtils.getRowOffset(rowIndex, getLayout()) + getGap() * HALF}px`, _v$13 = `${TileBoardUtils.getRowTop(rowIndex, getLayout()) + getGap() * HALF}px`;
+					_v$12 !== _p$.e && setStyleProperty(_el$6, "left", _p$.e = _v$12);
+					_v$13 !== _p$.t && setStyleProperty(_el$6, "top", _p$.t = _v$13);
+					return _p$;
+				}, {
+					e: void 0,
+					t: void 0
+				});
+				return _el$6;
+			})()
+		}));
+		effect((_p$) => {
+			var _v$8 = access(props.ariaLabel), _v$9 = getLayout().count.row, _v$0 = getLayout().count.col, _v$1 = getIsDisabled() || void 0, _v$10 = `${getBoardSize().width}px`, _v$11 = `${getBoardSize().height}px`;
+			_v$8 !== _p$.e && setAttribute(_el$5, "aria-label", _p$.e = _v$8);
+			_v$9 !== _p$.t && setAttribute(_el$5, "aria-rowcount", _p$.t = _v$9);
+			_v$0 !== _p$.a && setAttribute(_el$5, "aria-colcount", _p$.a = _v$0);
+			_v$1 !== _p$.o && setAttribute(_el$5, "aria-disabled", _p$.o = _v$1);
+			_v$10 !== _p$.i && setStyleProperty(_el$5, "width", _p$.i = _v$10);
+			_v$11 !== _p$.n && setStyleProperty(_el$5, "height", _p$.n = _v$11);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0
+		});
+		return _el$5;
+	})();
+};
+delegateEvents(["click", "keydown"]);
+//#endregion
+export { TileBoard };
+
+//# sourceMappingURL=TileBoard.js.map

package/dist/Exotics/TileBoard/TileBoard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TileBoard.js","names":["Index","createEffect","createMemo","createSignal","createUniqueId","onCleanup","Index2d","Point2d","ShapeConst","Size2d","InteractionWrapper","access","TileBoardProps","TileBoardRenderProps","TileBoardTileProps","TileBoardUtils","styles","DEFAULT_TILE_SHAPE","DefaultShape","DEFAULT_GAP","FIRST_ARIA_INDEX","HALF","MIN_CLIP_POINTS","NO_CLIP","SELECT_KEYS","EDGE_KEYS","toClipPath","points","length","map","point","x","y","join","TileBoardTile","props","getIsDisabled","flags","isDisabled","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","$$click","onActivate","_$use","element","ref","_$className","tileBoardTile","tileBoardPaint","_$insert","renderContent","tileBoardHit","_$effect","_p$","_v$","id","_v$2","colIndex","_v$3","ariaLabel","_v$4","undefined","_v$5","size","width","_v$6","height","_v$7","clipPath","e","_$setAttribute","t","a","o","i","_$setStyleProperty","n","s","TileBoard","boardId","tileRefs","Map","HTMLElement","getRootRef","setRootRef","getHighlighted","setHighlighted","getFirstTile","getGap","gap","getPitchSize","tileSize","getTileSize","Math","max","getLayout","tileShape","tileCount","hasShortFirstRow","getBoardSize","getPoints","getTilePoints","shape","getFlippedPoints","getClipPath","getFlippedClipPath","getIsTileDisabled","tile","computeIsTileDisabled","getRovingTile","clampTile","moveTo","activateTile","onTileActivate","root","contains","document","activeElement","get","toString","focus","handleKeyDown","KeyboardEvent","roving","includes","key","preventDefault","ctrlKey","metaKey","getLastTile","next","computeNextTile","renderTile","row","col","getTile","getIsFlipped","getIsFlippedTile","delete","_el$4","_tmpl$2","tileBoardCell","_$createComponent","isFocusableWhenDisabled","isTabbable","isSame","extraFlags","isFlipped","isHighlighted","set","renderControl","setElementRef","getRenderProps","r$","_ref$","computeTileAriaLabel","getFlags","_$p","pitch","_el$5","_tmpl$3","$$keydown","tileBoardRoot","each","Array","from","count","children","_","rowIndex","_el$6","_tmpl$4","tileBoardRow","getRowLength","_v$12","getRowOffset","_v$13","getRowTop","_v$8","_v$9","_v$0","_v$1","_v$10","_v$11","_$delegateEvents"],"sources":["../../../src/Exotics/TileBoard/TileBoard.tsx"],"sourcesContent":["import { Index, createEffect, createMemo, createSignal, createUniqueId, onCleanup } from \"solid-js\";\n\nimport { Index2d, type Point2d, ShapeConst, type Size2d } from \"@thewaver/ss-utils\";\n\nimport { InteractionWrapper } from \"../../Fundamentals/InteractionWrapper/InteractionWrapper\";\nimport { access } from \"../../Utils/propUtils\";\nimport type { TileBoardProps, TileBoardRenderProps, TileBoardTileProps } from \"./TileBoard.types\";\nimport { TileBoardUtils } from \"./TileBoard.utils\";\n\nimport * as styles from \"./TileBoard.css\";\n\nconst DEFAULT_TILE_SHAPE: ShapeConst.DefaultShape = \"hexagon-pointy-top\";\nconst DEFAULT_GAP = 0;\nconst FIRST_ARIA_INDEX = 1;\nconst HALF = 0.5;\nconst MIN_CLIP_POINTS = 3;\nconst NO_CLIP = \"none\";\nconst SELECT_KEYS = [\"Enter\", \" \"];\nconst EDGE_KEYS = [\"Home\", \"End\"];\n\nconst toClipPath = (points: Point2d[]) => {\n    if (points.length < MIN_CLIP_POINTS) return NO_CLIP;\n\n    return `polygon(${points.map((point) => `${point.x}px ${point.y}px`).join(\", \")})`;\n};\n\nconst TileBoardTile = (props: TileBoardTileProps) => {\n    const getIsDisabled = () => access(props.flags).isDisabled ?? false;\n\n    return (\n        <div\n            id={access(props.id)}\n            ref={(element) => props.ref?.(element)}\n            class={styles.tileBoardTile}\n            role=\"gridcell\"\n            aria-colindex={access(props.colIndex)}\n            aria-label={access(props.ariaLabel)}\n            aria-disabled={getIsDisabled() || undefined}\n            style={{\n                width: `${access(props.size).width}px`,\n                height: `${access(props.size).height}px`,\n            }}\n            onClick={() => {\n                if (getIsDisabled()) return;\n\n                props.onActivate();\n            }}\n        >\n            <div class={styles.tileBoardPaint}>{props.renderContent(() => access(props.flags))}</div>\n\n            <div class={styles.tileBoardHit} style={{ \"clip-path\": access(props.clipPath) }} aria-hidden={\"true\"} />\n        </div>\n    );\n};\n\nexport const TileBoard = (props: TileBoardProps) => {\n    const boardId = createUniqueId();\n\n    const tileRefs = new Map<string, HTMLElement>();\n\n    const [getRootRef, setRootRef] = createSignal<HTMLElement>();\n    const [getHighlighted, setHighlighted] = createSignal<Index2d>(TileBoardUtils.getFirstTile());\n\n    const getGap = createMemo(() => access(props.gap) ?? DEFAULT_GAP);\n\n    const getPitchSize = createMemo(() => access(props.tileSize));\n\n    const getTileSize = createMemo((): Size2d => ({\n        width: Math.max(getPitchSize().width - getGap(), 0),\n        height: Math.max(getPitchSize().height - getGap(), 0),\n    }));\n\n    const getLayout = createMemo(() =>\n        TileBoardUtils.getLayout(\n            access(props.tileShape) ?? DEFAULT_TILE_SHAPE,\n            access(props.tileCount),\n            getPitchSize(),\n            access(props.hasShortFirstRow) ?? false,\n        ),\n    );\n\n    const getBoardSize = createMemo(() => TileBoardUtils.getBoardSize(getLayout()));\n\n    const getPoints = createMemo(() => TileBoardUtils.getTilePoints(getLayout().shape, getTileSize(), false));\n\n    const getFlippedPoints = createMemo(() => TileBoardUtils.getTilePoints(getLayout().shape, getTileSize(), true));\n\n    const getClipPath = createMemo(() => toClipPath(getPoints()));\n\n    const getFlippedClipPath = createMemo(() => toClipPath(getFlippedPoints()));\n\n    const getIsDisabled = createMemo(() => access(props.isDisabled) ?? false);\n\n    const getIsTileDisabled = (tile: Index2d) => getIsDisabled() || (props.computeIsTileDisabled?.(tile) ?? false);\n\n    const getRovingTile = createMemo(() => TileBoardUtils.clampTile(getHighlighted(), getLayout()));\n\n    const moveTo = (tile: Index2d) => {\n        setHighlighted(() => TileBoardUtils.clampTile(tile, getLayout()));\n    };\n\n    const activateTile = (tile: Index2d) => {\n        if (getIsTileDisabled(tile)) return;\n\n        moveTo(tile);\n        props.onTileActivate(tile);\n    };\n\n    createEffect(() => {\n        const tile = getRovingTile();\n        const root = getRootRef();\n\n        if (!root?.contains(document.activeElement) || root === document.activeElement) return;\n\n        tileRefs.get(Index2d.toString(tile))?.focus();\n    });\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n        const roving = getRovingTile();\n\n        if (SELECT_KEYS.includes(e.key)) {\n            e.preventDefault();\n            activateTile(roving);\n\n            return;\n        }\n\n        if ((e.ctrlKey || e.metaKey) && EDGE_KEYS.includes(e.key)) {\n            e.preventDefault();\n            moveTo(e.key === \"Home\" ? TileBoardUtils.getFirstTile() : TileBoardUtils.getLastTile(getLayout()));\n\n            return;\n        }\n\n        const next = TileBoardUtils.computeNextTile(e.key, roving, getLayout());\n\n        if (next === undefined) return;\n\n        e.preventDefault();\n        moveTo(next);\n    };\n\n    const renderTile = (row: number, col: number) => {\n        const tile: Index2d = { row, col };\n        const key = Index2d.toString(tile);\n        const getTile = () => tile;\n        const getIsFlipped = () => TileBoardUtils.getIsFlippedTile(tile, getLayout());\n\n        onCleanup(() => {\n            tileRefs.delete(key);\n        });\n\n        return (\n            <div\n                class={styles.tileBoardCell}\n                role=\"presentation\"\n                style={{ left: `${col * getLayout().pitch.width}px` }}\n            >\n                <InteractionWrapper\n                    isDisabled={() => getIsTileDisabled(tile)}\n                    isFocusableWhenDisabled={() => !getIsDisabled()}\n                    isTabbable={() => Index2d.isSame(tile, getRovingTile())}\n                    extraFlags={(): TileBoardRenderProps => ({\n                        tile,\n                        size: getTileSize(),\n                        points: getIsFlipped() ? getFlippedPoints() : getPoints(),\n                        isFlipped: getIsFlipped(),\n                        isHighlighted: Index2d.isSame(tile, getRovingTile()),\n                    })}\n                    ref={(element) => tileRefs.set(key, element)}\n                    renderControl={(setElementRef, getRenderProps) => (\n                        <TileBoardTile\n                            ref={setElementRef}\n                            id={`${boardId}-tile-${key}`}\n                            flags={getRenderProps}\n                            ariaLabel={\n                                props.computeTileAriaLabel === undefined\n                                    ? undefined\n                                    : () => props.computeTileAriaLabel!(tile)\n                            }\n                            colIndex={col + FIRST_ARIA_INDEX}\n                            size={getTileSize}\n                            clipPath={() => (getIsFlipped() ? getFlippedClipPath() : getClipPath())}\n                            renderContent={(getFlags) => props.renderTile(getTile, getFlags)}\n                            onActivate={() => activateTile(tile)}\n                        />\n                    )}\n                />\n            </div>\n        );\n    };\n\n    return (\n        <div\n            ref={setRootRef}\n            id={boardId}\n            class={styles.tileBoardRoot}\n            role=\"grid\"\n            aria-label={access(props.ariaLabel)}\n            aria-rowcount={getLayout().count.row}\n            aria-colcount={getLayout().count.col}\n            aria-disabled={getIsDisabled() || undefined}\n            style={{ width: `${getBoardSize().width}px`, height: `${getBoardSize().height}px` }}\n            onKeyDown={handleKeyDown}\n        >\n            <Index each={Array.from({ length: Math.max(getLayout().count.row, 0) })}>\n                {(_, rowIndex) => (\n                    <div\n                        class={styles.tileBoardRow}\n                        role=\"row\"\n                        aria-rowindex={rowIndex + FIRST_ARIA_INDEX}\n                        style={{\n                            left: `${TileBoardUtils.getRowOffset(rowIndex, getLayout()) + getGap() * HALF}px`,\n                            top: `${TileBoardUtils.getRowTop(rowIndex, getLayout()) + getGap() * HALF}px`,\n                        }}\n                    >\n                        <Index each={Array.from({ length: TileBoardUtils.getRowLength(rowIndex, getLayout()) })}>\n                            {(_, colIndex) => renderTile(rowIndex, colIndex)}\n                        </Index>\n                    </div>\n                )}\n            </Index>\n        </div>\n    );\n};\n"],"mappings":"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"}

package/dist/Exotics/TileBoard/TileBoard.utils.js

@@ -0,0 +1,330 @@
+import { MathUtils, ShapeConst } from "@thewaver/ss-utils";
+//#region src/Exotics/TileBoard/TileBoard.utils.ts
+var EMPTY_SIZE = {
+	width: 0,
+	height: 0
+};
+var NO_TILES = 0;
+var FIRST_INDEX = 0;
+var SHORT_ROW_TILES = 1;
+var HALF = .5;
+var POINTS_UP = "triangle-up";
+var POINTS_RIGHT = "triangle-right";
+var TILING_RATIOS = {
+	"square": {
+		pitch: {
+			width: 1,
+			height: 1
+		},
+		hasOffsetRows: false,
+		tileFlip: "none",
+		neighbourhood: "orthogonal"
+	},
+	"lozenge": {
+		pitch: {
+			width: 1,
+			height: .5
+		},
+		hasOffsetRows: true,
+		tileFlip: "none",
+		neighbourhood: "diagonal"
+	},
+	"hexagon-pointy-top": {
+		pitch: {
+			width: 1,
+			height: .75
+		},
+		hasOffsetRows: true,
+		tileFlip: "none",
+		neighbourhood: "diagonalAndAcross"
+	},
+	"hexagon-flat-top": {
+		pitch: {
+			width: 1.5,
+			height: .5
+		},
+		hasOffsetRows: true,
+		tileFlip: "none",
+		neighbourhood: "diagonalAndDown"
+	},
+	"triangle-up": {
+		pitch: {
+			width: .5,
+			height: 1
+		},
+		hasOffsetRows: false,
+		tileFlip: "topToBottom",
+		neighbourhood: "uprightTriangle"
+	},
+	"triangle-down": {
+		pitch: {
+			width: .5,
+			height: 1
+		},
+		hasOffsetRows: false,
+		tileFlip: "topToBottom",
+		neighbourhood: "uprightTriangle"
+	},
+	"triangle-left": {
+		pitch: {
+			width: 1,
+			height: .5
+		},
+		hasOffsetRows: false,
+		tileFlip: "leftToRight",
+		neighbourhood: "sidewaysTriangle"
+	},
+	"triangle-right": {
+		pitch: {
+			width: 1,
+			height: .5
+		},
+		hasOffsetRows: false,
+		tileFlip: "leftToRight",
+		neighbourhood: "sidewaysTriangle"
+	}
+};
+var TileBoardUtils;
+(function(_TileBoardUtils) {
+	const getTiling = _TileBoardUtils.getTiling = (shape, tileSize) => {
+		const ratios = TILING_RATIOS[shape];
+		return {
+			...ratios,
+			pitch: {
+				width: tileSize.width * ratios.pitch.width,
+				height: tileSize.height * ratios.pitch.height
+			}
+		};
+	};
+	_TileBoardUtils.getLayout = (shape, count, tileSize, hasShortFirstRow) => ({
+		...getTiling(shape, tileSize),
+		shape,
+		count,
+		tileSize,
+		hasShortFirstRow
+	});
+	const getIsShortRow = _TileBoardUtils.getIsShortRow = (row, layout) => layout.hasOffsetRows && MathUtils.isOdd(row + (layout.hasShortFirstRow ? SHORT_ROW_TILES : 0));
+	const getRowLength = _TileBoardUtils.getRowLength = (row, layout) => Math.max(layout.count.col - (getIsShortRow(row, layout) ? SHORT_ROW_TILES : 0), NO_TILES);
+	const getRowOffset = _TileBoardUtils.getRowOffset = (row, layout) => getIsShortRow(row, layout) ? layout.pitch.width * HALF : 0;
+	const getRowTop = _TileBoardUtils.getRowTop = (row, layout) => row * layout.pitch.height;
+	_TileBoardUtils.getTileCenter = (tile, layout) => ({
+		x: getRowOffset(tile.row, layout) + tile.col * layout.pitch.width + layout.tileSize.width * HALF,
+		y: getRowTop(tile.row, layout) + layout.tileSize.height * HALF
+	});
+	_TileBoardUtils.getBoardSize = (layout) => {
+		if (layout.count.row < 1 || layout.count.col < 1) return EMPTY_SIZE;
+		return {
+			width: layout.pitch.width * (layout.count.col - 1) + layout.tileSize.width,
+			height: layout.pitch.height * (layout.count.row - 1) + layout.tileSize.height
+		};
+	};
+	const getIsFlippedTile = _TileBoardUtils.getIsFlippedTile = (tile, layout) => layout.tileFlip !== "none" && MathUtils.isOdd(tile.row + tile.col);
+	_TileBoardUtils.getTilePoints = (shape, tileSize, isFlipped) => {
+		const points = ShapeConst.getDefaultShapePoints(shape, tileSize);
+		if (!isFlipped) return points;
+		if (TILING_RATIOS[shape].tileFlip === "leftToRight") return points.map((point) => ({
+			x: tileSize.width - point.x,
+			y: point.y
+		})).reverse();
+		return points.map((point) => ({
+			x: point.x,
+			y: tileSize.height - point.y
+		})).reverse();
+	};
+	const getIsOnBoard = _TileBoardUtils.getIsOnBoard = (tile, layout) => tile.row >= FIRST_INDEX && tile.row < layout.count.row && tile.col >= FIRST_INDEX && tile.col < getRowLength(tile.row, layout);
+	const computeNeighbours = (tile, layout) => {
+		const near = getIsShortRow(tile.row, layout) ? 0 : -1;
+		const far = near + SHORT_ROW_TILES;
+		if (layout.neighbourhood === "diagonal") return [
+			{
+				row: tile.row - 1,
+				col: tile.col + near
+			},
+			{
+				row: tile.row - 1,
+				col: tile.col + far
+			},
+			{
+				row: tile.row + 1,
+				col: tile.col + far
+			},
+			{
+				row: tile.row + 1,
+				col: tile.col + near
+			}
+		];
+		if (layout.neighbourhood === "diagonalAndAcross") return [
+			{
+				row: tile.row - 1,
+				col: tile.col + near
+			},
+			{
+				row: tile.row - 1,
+				col: tile.col + far
+			},
+			{
+				row: tile.row,
+				col: tile.col + 1
+			},
+			{
+				row: tile.row + 1,
+				col: tile.col + far
+			},
+			{
+				row: tile.row + 1,
+				col: tile.col + near
+			},
+			{
+				row: tile.row,
+				col: tile.col - 1
+			}
+		];
+		if (layout.neighbourhood === "diagonalAndDown") return [
+			{
+				row: tile.row - 2,
+				col: tile.col
+			},
+			{
+				row: tile.row - 1,
+				col: tile.col + far
+			},
+			{
+				row: tile.row + 1,
+				col: tile.col + far
+			},
+			{
+				row: tile.row + 2,
+				col: tile.col
+			},
+			{
+				row: tile.row + 1,
+				col: tile.col + near
+			},
+			{
+				row: tile.row - 1,
+				col: tile.col + near
+			}
+		];
+		if (layout.neighbourhood === "sidewaysTriangle") {
+			if (layout.shape === POINTS_RIGHT !== getIsFlippedTile(tile, layout)) return [
+				{
+					row: tile.row - 1,
+					col: tile.col
+				},
+				{
+					row: tile.row + 1,
+					col: tile.col
+				},
+				{
+					row: tile.row,
+					col: tile.col - 1
+				}
+			];
+			return [
+				{
+					row: tile.row - 1,
+					col: tile.col
+				},
+				{
+					row: tile.row,
+					col: tile.col + 1
+				},
+				{
+					row: tile.row + 1,
+					col: tile.col
+				}
+			];
+		}
+		if (layout.neighbourhood === "uprightTriangle") {
+			if (layout.shape === POINTS_UP !== getIsFlippedTile(tile, layout)) return [
+				{
+					row: tile.row,
+					col: tile.col + 1
+				},
+				{
+					row: tile.row + 1,
+					col: tile.col
+				},
+				{
+					row: tile.row,
+					col: tile.col - 1
+				}
+			];
+			return [
+				{
+					row: tile.row - 1,
+					col: tile.col
+				},
+				{
+					row: tile.row,
+					col: tile.col + 1
+				},
+				{
+					row: tile.row,
+					col: tile.col - 1
+				}
+			];
+		}
+		return [
+			{
+				row: tile.row - 1,
+				col: tile.col
+			},
+			{
+				row: tile.row,
+				col: tile.col + 1
+			},
+			{
+				row: tile.row + 1,
+				col: tile.col
+			},
+			{
+				row: tile.row,
+				col: tile.col - 1
+			}
+		];
+	};
+	_TileBoardUtils.getNeighbourTiles = (tile, layout) => computeNeighbours(tile, layout).filter((neighbour) => getIsOnBoard(neighbour, layout));
+	_TileBoardUtils.getFirstTile = () => ({
+		row: FIRST_INDEX,
+		col: FIRST_INDEX
+	});
+	_TileBoardUtils.getLastTile = (layout) => {
+		const row = Math.max(layout.count.row - 1, FIRST_INDEX);
+		return {
+			row,
+			col: Math.max(getRowLength(row, layout) - 1, FIRST_INDEX)
+		};
+	};
+	const clampTile = _TileBoardUtils.clampTile = (tile, layout) => {
+		const row = MathUtils.clamp(tile.row, FIRST_INDEX, Math.max(layout.count.row - 1, FIRST_INDEX));
+		return {
+			row,
+			col: MathUtils.clamp(tile.col, FIRST_INDEX, Math.max(getRowLength(row, layout) - 1, FIRST_INDEX))
+		};
+	};
+	_TileBoardUtils.computeNextTile = (key, from, layout, opts) => {
+		if (layout.count.row < 1 || layout.count.col < 1) return;
+		const step = (rows, cols) => clampTile({
+			row: from.row + rows,
+			col: from.col + cols
+		}, layout);
+		if (key === "ArrowRight") return step(0, 1);
+		if (key === "ArrowLeft") return step(0, -1);
+		if (key === "ArrowDown") return step(1, 0);
+		if (key === "ArrowUp") return step(-1, 0);
+		if (opts?.hasEdgeKeys === false) return;
+		if (key === "Home") return clampTile({
+			row: from.row,
+			col: FIRST_INDEX
+		}, layout);
+		if (key === "End") return clampTile({
+			row: from.row,
+			col: getRowLength(from.row, layout) - 1
+		}, layout);
+	};
+})(TileBoardUtils || (TileBoardUtils = {}));
+//#endregion
+export { TileBoardUtils };
+
+//# sourceMappingURL=TileBoard.utils.js.map

package/dist/Exotics/TileBoard/TileBoard.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TileBoard.utils.js","names":[],"sources":["../../../src/Exotics/TileBoard/TileBoard.utils.ts"],"sourcesContent":["import { type Index2d, MathUtils, type Point2d, ShapeConst, type Size2d } from \"@thewaver/ss-utils\";\n\nimport type { TileBoardLayout, TileBoardTiling } from \"./TileBoard.types\";\n\nconst EMPTY_SIZE: Size2d = { width: 0, height: 0 };\nconst NO_TILES = 0;\nconst FIRST_INDEX = 0;\nconst SHORT_ROW_TILES = 1;\nconst HALF = 0.5;\nconst POINTS_UP = \"triangle-up\";\nconst POINTS_RIGHT = \"triangle-right\";\n\nconst TILING_RATIOS: Record<ShapeConst.DefaultShape, TileBoardTiling> = {\n    \"square\": {\n        pitch: { width: 1, height: 1 },\n        hasOffsetRows: false,\n        tileFlip: \"none\",\n        neighbourhood: \"orthogonal\",\n    },\n    \"lozenge\": {\n        pitch: { width: 1, height: 0.5 },\n        hasOffsetRows: true,\n        tileFlip: \"none\",\n        neighbourhood: \"diagonal\",\n    },\n    \"hexagon-pointy-top\": {\n        pitch: { width: 1, height: 0.75 },\n        hasOffsetRows: true,\n        tileFlip: \"none\",\n        neighbourhood: \"diagonalAndAcross\",\n    },\n    \"hexagon-flat-top\": {\n        pitch: { width: 1.5, height: 0.5 },\n        hasOffsetRows: true,\n        tileFlip: \"none\",\n        neighbourhood: \"diagonalAndDown\",\n    },\n    \"triangle-up\": {\n        pitch: { width: 0.5, height: 1 },\n        hasOffsetRows: false,\n        tileFlip: \"topToBottom\",\n        neighbourhood: \"uprightTriangle\",\n    },\n    \"triangle-down\": {\n        pitch: { width: 0.5, height: 1 },\n        hasOffsetRows: false,\n        tileFlip: \"topToBottom\",\n        neighbourhood: \"uprightTriangle\",\n    },\n    \"triangle-left\": {\n        pitch: { width: 1, height: 0.5 },\n        hasOffsetRows: false,\n        tileFlip: \"leftToRight\",\n        neighbourhood: \"sidewaysTriangle\",\n    },\n    \"triangle-right\": {\n        pitch: { width: 1, height: 0.5 },\n        hasOffsetRows: false,\n        tileFlip: \"leftToRight\",\n        neighbourhood: \"sidewaysTriangle\",\n    },\n};\n\nexport namespace TileBoardUtils {\n    export const getTiling = (shape: ShapeConst.DefaultShape, tileSize: Size2d): TileBoardTiling => {\n        const ratios = TILING_RATIOS[shape];\n\n        return {\n            ...ratios,\n            pitch: {\n                width: tileSize.width * ratios.pitch.width,\n                height: tileSize.height * ratios.pitch.height,\n            },\n        };\n    };\n\n    export const getLayout = (\n        shape: ShapeConst.DefaultShape,\n        count: Index2d,\n        tileSize: Size2d,\n        hasShortFirstRow: boolean,\n    ): TileBoardLayout => ({\n        ...getTiling(shape, tileSize),\n        shape,\n        count,\n        tileSize,\n        hasShortFirstRow,\n    });\n\n    export const getIsShortRow = (row: number, layout: TileBoardLayout) =>\n        layout.hasOffsetRows && MathUtils.isOdd(row + (layout.hasShortFirstRow ? SHORT_ROW_TILES : 0));\n\n    export const getRowLength = (row: number, layout: TileBoardLayout) =>\n        Math.max(layout.count.col - (getIsShortRow(row, layout) ? SHORT_ROW_TILES : 0), NO_TILES);\n\n    export const getRowOffset = (row: number, layout: TileBoardLayout) =>\n        getIsShortRow(row, layout) ? layout.pitch.width * HALF : 0;\n\n    export const getRowTop = (row: number, layout: TileBoardLayout) => row * layout.pitch.height;\n\n    export const getTileCenter = (tile: Index2d, layout: TileBoardLayout): Point2d => ({\n        x: getRowOffset(tile.row, layout) + tile.col * layout.pitch.width + layout.tileSize.width * HALF,\n        y: getRowTop(tile.row, layout) + layout.tileSize.height * HALF,\n    });\n\n    export const getBoardSize = (layout: TileBoardLayout): Size2d => {\n        if (layout.count.row < 1 || layout.count.col < 1) return EMPTY_SIZE;\n\n        return {\n            width: layout.pitch.width * (layout.count.col - 1) + layout.tileSize.width,\n            height: layout.pitch.height * (layout.count.row - 1) + layout.tileSize.height,\n        };\n    };\n\n    export const getIsFlippedTile = (tile: Index2d, layout: TileBoardLayout) =>\n        layout.tileFlip !== \"none\" && MathUtils.isOdd(tile.row + tile.col);\n\n    export const getTilePoints = (shape: ShapeConst.DefaultShape, tileSize: Size2d, isFlipped: boolean): Point2d[] => {\n        const points = ShapeConst.getDefaultShapePoints(shape, tileSize);\n\n        if (!isFlipped) return points;\n\n        if (TILING_RATIOS[shape].tileFlip === \"leftToRight\") {\n            return points.map((point) => ({ x: tileSize.width - point.x, y: point.y })).reverse();\n        }\n\n        return points.map((point) => ({ x: point.x, y: tileSize.height - point.y })).reverse();\n    };\n\n    export const getIsOnBoard = (tile: Index2d, layout: TileBoardLayout) =>\n        tile.row >= FIRST_INDEX &&\n        tile.row < layout.count.row &&\n        tile.col >= FIRST_INDEX &&\n        tile.col < getRowLength(tile.row, layout);\n\n    const computeNeighbours = (tile: Index2d, layout: TileBoardLayout): Index2d[] => {\n        const near = getIsShortRow(tile.row, layout) ? 0 : -SHORT_ROW_TILES;\n        const far = near + SHORT_ROW_TILES;\n\n        if (layout.neighbourhood === \"diagonal\") {\n            return [\n                { row: tile.row - 1, col: tile.col + near },\n                { row: tile.row - 1, col: tile.col + far },\n                { row: tile.row + 1, col: tile.col + far },\n                { row: tile.row + 1, col: tile.col + near },\n            ];\n        }\n\n        if (layout.neighbourhood === \"diagonalAndAcross\") {\n            return [\n                { row: tile.row - 1, col: tile.col + near },\n                { row: tile.row - 1, col: tile.col + far },\n                { row: tile.row, col: tile.col + 1 },\n                { row: tile.row + 1, col: tile.col + far },\n                { row: tile.row + 1, col: tile.col + near },\n                { row: tile.row, col: tile.col - 1 },\n            ];\n        }\n\n        if (layout.neighbourhood === \"diagonalAndDown\") {\n            return [\n                { row: tile.row - 2, col: tile.col },\n                { row: tile.row - 1, col: tile.col + far },\n                { row: tile.row + 1, col: tile.col + far },\n                { row: tile.row + 2, col: tile.col },\n                { row: tile.row + 1, col: tile.col + near },\n                { row: tile.row - 1, col: tile.col + near },\n            ];\n        }\n\n        if (layout.neighbourhood === \"sidewaysTriangle\") {\n            const pointsRight = (layout.shape === POINTS_RIGHT) !== getIsFlippedTile(tile, layout);\n\n            if (pointsRight) {\n                return [\n                    { row: tile.row - 1, col: tile.col },\n                    { row: tile.row + 1, col: tile.col },\n                    { row: tile.row, col: tile.col - 1 },\n                ];\n            }\n\n            return [\n                { row: tile.row - 1, col: tile.col },\n                { row: tile.row, col: tile.col + 1 },\n                { row: tile.row + 1, col: tile.col },\n            ];\n        }\n\n        if (layout.neighbourhood === \"uprightTriangle\") {\n            const pointsUp = (layout.shape === POINTS_UP) !== getIsFlippedTile(tile, layout);\n\n            if (pointsUp) {\n                return [\n                    { row: tile.row, col: tile.col + 1 },\n                    { row: tile.row + 1, col: tile.col },\n                    { row: tile.row, col: tile.col - 1 },\n                ];\n            }\n\n            return [\n                { row: tile.row - 1, col: tile.col },\n                { row: tile.row, col: tile.col + 1 },\n                { row: tile.row, col: tile.col - 1 },\n            ];\n        }\n\n        return [\n            { row: tile.row - 1, col: tile.col },\n            { row: tile.row, col: tile.col + 1 },\n            { row: tile.row + 1, col: tile.col },\n            { row: tile.row, col: tile.col - 1 },\n        ];\n    };\n\n    export const getNeighbourTiles = (tile: Index2d, layout: TileBoardLayout): Index2d[] =>\n        computeNeighbours(tile, layout).filter((neighbour) => getIsOnBoard(neighbour, layout));\n\n    export const getFirstTile = (): Index2d => ({ row: FIRST_INDEX, col: FIRST_INDEX });\n\n    export const getLastTile = (layout: TileBoardLayout): Index2d => {\n        const row = Math.max(layout.count.row - 1, FIRST_INDEX);\n\n        return { row, col: Math.max(getRowLength(row, layout) - 1, FIRST_INDEX) };\n    };\n\n    export const clampTile = (tile: Index2d, layout: TileBoardLayout): Index2d => {\n        const row = MathUtils.clamp(tile.row, FIRST_INDEX, Math.max(layout.count.row - 1, FIRST_INDEX));\n\n        return {\n            row,\n            col: MathUtils.clamp(tile.col, FIRST_INDEX, Math.max(getRowLength(row, layout) - 1, FIRST_INDEX)),\n        };\n    };\n\n    export const computeNextTile = (\n        key: string,\n        from: Index2d,\n        layout: TileBoardLayout,\n        opts?: { hasEdgeKeys?: boolean },\n    ): Index2d | undefined => {\n        if (layout.count.row < 1 || layout.count.col < 1) return;\n\n        const step = (rows: number, cols: number) => clampTile({ row: from.row + rows, col: from.col + cols }, layout);\n\n        if (key === \"ArrowRight\") return step(0, 1);\n        if (key === \"ArrowLeft\") return step(0, -1);\n        if (key === \"ArrowDown\") return step(1, 0);\n        if (key === \"ArrowUp\") return step(-1, 0);\n\n        if (opts?.hasEdgeKeys === false) return;\n\n        if (key === \"Home\") return clampTile({ row: from.row, col: FIRST_INDEX }, layout);\n        if (key === \"End\") return clampTile({ row: from.row, col: getRowLength(from.row, layout) - 1 }, layout);\n    };\n}\n"],"mappings":"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"}

package/dist/Exotics/Trail/Trail.css.js

@@ -0,0 +1,10 @@
+/* empty css                         */
+//#region src/Exotics/Trail/Trail.css.ts
+var trailRoot = "_9shhp70";
+var trailTrack = "_9shhp71";
+var trailPath = "_9shhp72";
+var trailTraveller = "_9shhp73";
+//#endregion
+export { trailPath, trailRoot, trailTrack, trailTraveller };
+
+//# sourceMappingURL=Trail.css.js.map

package/dist/Exotics/Trail/Trail.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Trail.css.js","names":[],"sources":["../../../src/Exotics/Trail/Trail.css.ts"],"sourcesContent":["import { style } from \"@vanilla-extract/css\";\n\nexport const trailRoot = style({\n    display: \"block\",\n    position: \"relative\",\n});\n\nexport const trailTrack = style({\n    position: \"absolute\",\n    inset: 0,\n    width: \"100%\",\n    height: \"100%\",\n    overflow: \"visible\",\n    pointerEvents: \"none\",\n});\n\nexport const trailPath = style({\n    fill: \"none\",\n    stroke: \"none\",\n});\n\nexport const trailTraveller = style({\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    display: \"flex\",\n    willChange: \"transform\",\n});\n"],"mappings":""}