@thewaver/ss-components 0.0.1 → 0.0.2

package/dist/Fundamentals/Tree/Tree.js

@@ -0,0 +1,342 @@
+import { access, accessSignal } from "../../Utils/propUtils.js";
+import { FlattenerUtils } from "../../Abstracts/Flattener/Flattener.utils.js";
+import { InteractionTracker } from "../../Abstracts/InteractionTracker/InteractionTracker.js";
+import { NavigatorUtils } from "../../Abstracts/Navigator/Navigator.utils.js";
+import { TypeaheadUtils } from "../../Abstracts/Typeahead/Typeahead.utils.js";
+import { Typeahead } from "../../Abstracts/Typeahead/Typeahead.js";
+import { Virtualizer } from "../../Abstracts/Virtualizer/Virtualizer.js";
+import { InteractionWrapper } from "../InteractionWrapper/InteractionWrapper.js";
+import { TreeUtils } from "./Tree.utils.js";
+import { treeNode, treeSizer, treeSizerRow } from "./Tree.css.js";
+import { For, Index, Show, createEffect, createMemo, createSignal, createUniqueId } from "solid-js";
+import { Dynamic, className, createComponent, delegateEvents, effect, insert, memo, mergeProps, setAttribute, setStyleProperty, spread, template, use } from "solid-js/web";
+//#region src/Fundamentals/Tree/Tree.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div role=group>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div role=tree>`);
+var EMPTY_PINNED_ROWS = [];
+var EXPAND_SIBLINGS_KEY = "*";
+var TreeNodeItem = (props) => {
+	const getIsDisabled = () => access(props.flags).isDisabled ?? false;
+	const handleClick = (e) => {
+		if (getIsDisabled()) {
+			e.preventDefault();
+			return;
+		}
+		props.onActivate();
+	};
+	const commonProps = {
+		"class": treeNode,
+		"role": "treeitem",
+		get "id"() {
+			return access(props.id);
+		},
+		get "aria-disabled"() {
+			return getIsDisabled() || void 0;
+		},
+		get "aria-selected"() {
+			return access(props.flags).isSelected;
+		},
+		get "aria-expanded"() {
+			return access(props.flags).isBranch ? access(props.flags).isExpanded : void 0;
+		},
+		get "aria-busy"() {
+			return access(props.flags).isPending || void 0;
+		},
+		get "aria-level"() {
+			return access(props.level);
+		},
+		get "aria-posinset"() {
+			return access(props.position);
+		},
+		get "aria-setsize"() {
+			return access(props.setSize);
+		}
+	};
+	return createComponent(Show, {
+		get when() {
+			return access(props.href);
+		},
+		get fallback() {
+			return (() => {
+				var _el$ = _tmpl$();
+				use((element) => props.ref?.(element), _el$);
+				spread(_el$, mergeProps(commonProps, { "onClick": handleClick }), false, true);
+				insert(_el$, () => props.renderContent(() => access(props.flags)));
+				return _el$;
+			})();
+		},
+		get children() {
+			return createComponent(Dynamic, mergeProps({
+				get component() {
+					return props.linkComponent ?? "a";
+				},
+				ref: (element) => props.ref?.(element),
+				get href() {
+					return access(props.href);
+				}
+			}, commonProps, {
+				onClick: handleClick,
+				get children() {
+					return props.renderContent(() => access(props.flags));
+				}
+			}));
+		}
+	});
+};
+var Tree = (props) => {
+	const valueSignal = accessSignal(() => props.valueSignal);
+	const expandedSignal = accessSignal(() => props.expandedSignal);
+	const treeId = createUniqueId();
+	const [getFocusedValue, setFocusedValue] = createSignal();
+	const typeahead = Typeahead.createBuffer();
+	const getRows = createMemo(() => TreeUtils.getVisibleRows(access(props.nodes), (value) => expandedSignal[0]().includes(value)));
+	const getFlatRows = createMemo(() => FlattenerUtils.getFlatRows(getRows()));
+	const computeIsNavigable = (row) => {
+		const isReachable = InteractionTracker.computeIsReachable(row.node.isDisabled ?? false, row.node.isReachableWhenDisabled ?? false, row.node.tooltipDefs !== void 0);
+		return !row.node.isDisabled || isReachable;
+	};
+	const getNavigableRows = createMemo(() => getFlatRows().filter(computeIsNavigable));
+	const getIsVirtualized = createMemo(() => props.computeEstimatedNodeHeight !== void 0);
+	const getIsPending = (row) => row.isExpanded && row.rows.length < 1;
+	const getHasPendingPaint = (row) => getIsPending(row) && props.renderPendingChildren !== void 0;
+	const getRovingRow = createMemo(() => {
+		const navigable = getNavigableRows();
+		const focusedValue = getFocusedValue();
+		const focusedRow = navigable.find((row) => row.node.value === focusedValue);
+		if (focusedRow) return focusedRow;
+		const selectedValue = valueSignal[0]();
+		return navigable.find((row) => row.node.value === selectedValue) ?? navigable[0];
+	});
+	const [getSizerRef, setSizerRef] = createSignal();
+	const rowWindow = Virtualizer.createRowWindow(getSizerRef, () => getFlatRows().length, {
+		getIsEnabled: getIsVirtualized,
+		computeEstimatedSize: (index) => props.computeEstimatedNodeHeight?.(index) ?? 0,
+		getPinnedRows: () => {
+			const roving = getRovingRow();
+			return roving === void 0 ? EMPTY_PINNED_ROWS : [roving.index];
+		}
+	});
+	createEffect(() => {
+		valueSignal[0]();
+		setFocusedValue(() => void 0);
+	});
+	const getRowId = (row) => `${treeId}-node-${row.index}`;
+	const findRowById = (id) => getNavigableRows().find((row) => getRowId(row) === id);
+	const computeRowText = (row) => props.computeCustomText?.(row.node) ?? TypeaheadUtils.getElementText(document.getElementById(getRowId(row)));
+	let lastFocusedValue;
+	let lastExpanded = [];
+	createEffect(() => {
+		const expanded = expandedSignal[0]();
+		const collapsed = lastExpanded.filter((value) => !expanded.includes(value));
+		const visible = getFlatRows();
+		lastExpanded = expanded;
+		if (collapsed.length < 1) return;
+		if (lastFocusedValue === void 0) return;
+		if (document.activeElement !== document.body) return;
+		if (visible.some((row) => row.node.value === lastFocusedValue)) return;
+		const branch = visible.find((row) => collapsed.includes(row.node.value));
+		if (branch) focusRow(branch);
+	});
+	const focusRow = (row) => {
+		setFocusedValue(() => row.node.value);
+		if (rowWindow.getIsLive()) rowWindow.scrollToRow(row.index);
+		document.getElementById(getRowId(row))?.focus();
+	};
+	const findParentRow = (row) => row.parentIndex === void 0 ? void 0 : getFlatRows()[row.parentIndex];
+	const expand = (row) => {
+		if (row.node.isDisabled) return;
+		expandedSignal[1]((prev) => prev.includes(row.node.value) ? prev : [...prev, row.node.value]);
+	};
+	const collapse = (row) => {
+		if (row.node.isDisabled) return;
+		expandedSignal[1]((prev) => prev.filter((value) => value !== row.node.value));
+	};
+	const toggle = (row) => {
+		if (row.isExpanded) {
+			collapse(row);
+			return;
+		}
+		expand(row);
+	};
+	const expandSiblings = (row) => {
+		const parent = findParentRow(row);
+		const siblings = parent ? parent.rows : getRows();
+		expandedSignal[1]((prev) => [...prev, ...siblings.filter((sibling) => TreeUtils.getIsBranch(sibling.node) && !sibling.node.isDisabled && !prev.includes(sibling.node.value)).map((sibling) => sibling.node.value)]);
+	};
+	const select = (value) => {
+		if (value === valueSignal[0]()) return;
+		valueSignal[1](() => value);
+		props.onSelectionChange?.(value);
+	};
+	const activate = (row) => {
+		if (row.node.isDisabled) return;
+		select(row.node.value);
+		if (TreeUtils.getIsBranch(row.node)) toggle(row);
+	};
+	const handleKeyDown = (e) => {
+		const navigable = getNavigableRows();
+		if (navigable.length < 1) return;
+		const current = findRowById(document.activeElement?.id) ?? getRovingRow();
+		if (!current) return;
+		if (e.key === EXPAND_SIBLINGS_KEY) {
+			e.preventDefault();
+			expandSiblings(current);
+			return;
+		}
+		const query = typeahead.push(e);
+		if (query !== void 0) {
+			e.preventDefault();
+			const position = TypeaheadUtils.computeNextIndex(query, navigable.indexOf(current), navigable.length, (index) => computeRowText(navigable[index]));
+			if (position !== void 0) focusRow(navigable[position]);
+			return;
+		}
+		if (e.key === "Enter" || e.key === " ") {
+			if (current.node.href) {
+				if (e.key === "Enter") return;
+				e.preventDefault();
+				document.getElementById(getRowId(current))?.click();
+				return;
+			}
+			e.preventDefault();
+			activate(current);
+			return;
+		}
+		if (e.key === "ArrowRight") {
+			if (!TreeUtils.getIsBranch(current.node)) return;
+			e.preventDefault();
+			if (!current.isExpanded) {
+				expand(current);
+				return;
+			}
+			const child = FlattenerUtils.getFlatRows(current.rows).find(computeIsNavigable);
+			if (child) focusRow(child);
+			return;
+		}
+		if (e.key === "ArrowLeft") {
+			if (TreeUtils.getIsBranch(current.node) && current.isExpanded) {
+				e.preventDefault();
+				collapse(current);
+				return;
+			}
+			const parent = findParentRow(current);
+			if (!parent || !computeIsNavigable(parent)) return;
+			e.preventDefault();
+			focusRow(parent);
+			return;
+		}
+		const position = NavigatorUtils.computeNextPosition(e.key, navigable.indexOf(current), navigable.length);
+		if (position === void 0) return;
+		e.preventDefault();
+		focusRow(navigable[position]);
+	};
+	const renderRow = (getRow) => createComponent(InteractionWrapper, {
+		sizing: "fill",
+		isDisabled: () => getRow().node.isDisabled ?? false,
+		isReachableWhenDisabled: () => getRow().node.isReachableWhenDisabled ?? false,
+		isTabbable: () => getRow().node.value === getRovingRow()?.node.value,
+		tooltipDefs: () => getRow().node.tooltipDefs,
+		extraFlags: () => ({
+			isBranch: TreeUtils.getIsBranch(getRow().node),
+			isExpanded: getRow().isExpanded,
+			isPending: getIsPending(getRow()),
+			isSelected: getRow().node.value === valueSignal[0](),
+			depth: getRow().depth
+		}),
+		renderControl: (setElementRef, getRenderProps) => createComponent(TreeNodeItem, {
+			ref(r$) {
+				var _ref$ = setElementRef;
+				typeof _ref$ === "function" ? _ref$(r$) : setElementRef = r$;
+			},
+			id: () => getRowId(getRow()),
+			href: () => getRow().node.href,
+			level: () => getRow().depth + 1,
+			position: () => getRow().position + 1,
+			setSize: () => getRow().setSize,
+			flags: getRenderProps,
+			get linkComponent() {
+				return props.linkComponent;
+			},
+			renderContent: (getNodeFlags) => props.renderNode(() => getRow().node, getNodeFlags),
+			onActivate: () => activate(getRow())
+		})
+	});
+	const renderRows = (getLevelRows) => createComponent(Index, {
+		get each() {
+			return getLevelRows();
+		},
+		children: (getRow) => [memo(() => renderRow(getRow)), createComponent(Show, {
+			get when() {
+				return getRow().rows.length > 0 || getHasPendingPaint(getRow());
+			},
+			get children() {
+				var _el$2 = _tmpl$2();
+				insert(_el$2, createComponent(Show, {
+					get when() {
+						return getIsPending(getRow());
+					},
+					get fallback() {
+						return renderRows(() => getRow().rows);
+					},
+					get children() {
+						return props.renderPendingChildren?.(() => getRow().node, () => getRow().depth + 1);
+					}
+				}));
+				return _el$2;
+			}
+		})]
+	});
+	const renderWindowedRows = () => (() => {
+		var _el$3 = _tmpl$();
+		use(setSizerRef, _el$3);
+		className(_el$3, treeSizer);
+		insert(_el$3, createComponent(For, {
+			get each() {
+				return rowWindow.getRows();
+			},
+			children: (row) => (() => {
+				var _el$4 = _tmpl$();
+				use((element) => rowWindow.measureRow(element, row.index), _el$4);
+				className(_el$4, treeSizerRow);
+				insert(_el$4, () => renderRow(() => getFlatRows()[row.index]), null);
+				insert(_el$4, createComponent(Show, {
+					get when() {
+						return getHasPendingPaint(getFlatRows()[row.index]);
+					},
+					get children() {
+						return props.renderPendingChildren?.(() => getFlatRows()[row.index].node, () => getFlatRows()[row.index].depth + 1);
+					}
+				}), null);
+				effect((_$p) => setStyleProperty(_el$4, "transform", `translateY(${rowWindow.getRowStart(row)}px)`));
+				return _el$4;
+			})()
+		}));
+		effect((_$p) => setStyleProperty(_el$3, "height", `${rowWindow.getTotalSize()}px`));
+		return _el$3;
+	})();
+	return (() => {
+		var _el$5 = _tmpl$3();
+		_el$5.$$focusin = (e) => {
+			lastFocusedValue = findRowById(e.target.id)?.node.value;
+		};
+		_el$5.$$keydown = handleKeyDown;
+		insert(_el$5, createComponent(Show, {
+			get when() {
+				return getIsVirtualized();
+			},
+			get fallback() {
+				return renderRows(getRows);
+			},
+			get children() {
+				return renderWindowedRows();
+			}
+		}));
+		effect(() => setAttribute(_el$5, "aria-label", access(props.ariaLabel)));
+		return _el$5;
+	})();
+};
+delegateEvents(["keydown", "focusin"]);
+//#endregion
+export { Tree };
+
+//# sourceMappingURL=Tree.js.map

package/dist/Fundamentals/Tree/Tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.js","names":["Accessor","JSX","For","Index","Show","createEffect","createMemo","createSignal","createUniqueId","Dynamic","FlattenerUtils","InteractionTracker","NavigatorUtils","Typeahead","TypeaheadUtils","Virtualizer","access","accessSignal","InteractionWrapper","TreeNodeItemProps","TreeProps","TreeRow","TreeUtils","styles","EMPTY_PINNED_ROWS","EXPAND_SIBLINGS_KEY","TreeNodeItem","props","getIsDisabled","flags","isDisabled","handleClick","e","MouseEvent","preventDefault","onActivate","commonProps","Omit","HTMLAttributes","HTMLElement","treeNode","id","aria-disabled","undefined","aria-selected","isSelected","aria-expanded","isBranch","isExpanded","aria-busy","isPending","aria-level","level","aria-posinset","position","aria-setsize","setSize","_$createComponent","when","href","fallback","_el$","_tmpl$","_$use","element","ref","_$spread","_$mergeProps","_$insert","renderContent","children","component","linkComponent","onClick","Tree","T","valueSignal","expandedSignal","treeId","getFocusedValue","setFocusedValue","typeahead","createBuffer","getRows","getVisibleRows","nodes","value","includes","getFlatRows","computeIsNavigable","row","isReachable","computeIsReachable","node","isReachableWhenDisabled","tooltipDefs","getNavigableRows","filter","getIsVirtualized","computeEstimatedNodeHeight","getIsPending","rows","length","getHasPendingPaint","renderPendingChildren","getRovingRow","navigable","focusedValue","focusedRow","find","selectedValue","getSizerRef","setSizerRef","rowWindow","createRowWindow","getIsEnabled","computeEstimatedSize","index","getPinnedRows","roving","getRowId","findRowById","computeRowText","computeCustomText","getElementText","document","getElementById","lastFocusedValue","lastExpanded","expanded","collapsed","visible","activeElement","body","some","branch","focusRow","getIsLive","scrollToRow","focus","findParentRow","parentIndex","expand","prev","collapse","toggle","expandSiblings","parent","siblings","sibling","getIsBranch","map","select","onSelectionChange","activate","handleKeyDown","KeyboardEvent","current","key","query","push","computeNextIndex","indexOf","click","child","computeNextPosition","renderRow","getRow","Element","sizing","isTabbable","extraFlags","depth","renderControl","setElementRef","getRenderProps","r$","_ref$","getNodeFlags","renderNode","renderRows","getLevelRows","each","_$memo","_el$2","_tmpl$2","renderWindowedRows","_el$3","_$className","treeSizer","_el$4","measureRow","treeSizerRow","_$effect","_$p","_$setStyleProperty","getRowStart","getTotalSize","_el$5","_tmpl$3","$$focusin","target","$$keydown","_$setAttribute","ariaLabel","_$delegateEvents"],"sources":["../../../src/Fundamentals/Tree/Tree.tsx"],"sourcesContent":["import type { Accessor, JSX } from \"solid-js\";\nimport { For, Index, Show, createEffect, createMemo, createSignal, createUniqueId } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\n\nimport { FlattenerUtils } from \"../../Abstracts/Flattener/Flattener.utils\";\nimport { InteractionTracker } from \"../../Abstracts/InteractionTracker/InteractionTracker\";\nimport { NavigatorUtils } from \"../../Abstracts/Navigator/Navigator.utils\";\nimport { Typeahead } from \"../../Abstracts/Typeahead/Typeahead\";\nimport { TypeaheadUtils } from \"../../Abstracts/Typeahead/Typeahead.utils\";\nimport { Virtualizer } from \"../../Abstracts/Virtualizer/Virtualizer\";\nimport { access, accessSignal } from \"../../Utils/propUtils\";\nimport { InteractionWrapper } from \"../InteractionWrapper/InteractionWrapper\";\nimport type { TreeNodeItemProps, TreeProps, TreeRow } from \"./Tree.types\";\nimport { TreeUtils } from \"./Tree.utils\";\n\nimport * as styles from \"./Tree.css\";\n\nconst EMPTY_PINNED_ROWS: number[] = [];\n\nconst EXPAND_SIBLINGS_KEY = \"*\";\n\nconst TreeNodeItem = (props: TreeNodeItemProps) => {\n    const getIsDisabled = () => access(props.flags).isDisabled ?? false;\n\n    const handleClick = (e: MouseEvent) => {\n        if (getIsDisabled()) {\n            e.preventDefault();\n            return;\n        }\n\n        props.onActivate();\n    };\n\n    const commonProps: Omit<JSX.HTMLAttributes<HTMLElement>, \"ref\"> = {\n        \"class\": styles.treeNode,\n        \"role\": \"treeitem\",\n        get \"id\"() {\n            return access(props.id);\n        },\n        get \"aria-disabled\"() {\n            return getIsDisabled() || undefined;\n        },\n        get \"aria-selected\"() {\n            return access(props.flags).isSelected;\n        },\n        get \"aria-expanded\"() {\n            return access(props.flags).isBranch ? access(props.flags).isExpanded : undefined;\n        },\n        get \"aria-busy\"() {\n            return access(props.flags).isPending || undefined;\n        },\n        get \"aria-level\"() {\n            return access(props.level);\n        },\n        get \"aria-posinset\"() {\n            return access(props.position);\n        },\n        get \"aria-setsize\"() {\n            return access(props.setSize);\n        },\n    };\n\n    return (\n        <Show\n            when={access(props.href)}\n            fallback={\n                <div ref={(element) => props.ref?.(element)} {...commonProps} onClick={handleClick}>\n                    {props.renderContent(() => access(props.flags))}\n                </div>\n            }\n        >\n            <Dynamic\n                component={props.linkComponent ?? \"a\"}\n                ref={(element: HTMLElement) => props.ref?.(element)}\n                href={access(props.href)!}\n                {...commonProps}\n                onClick={handleClick}\n            >\n                {props.renderContent(() => access(props.flags))}\n            </Dynamic>\n        </Show>\n    );\n};\n\nexport const Tree = <T,>(props: TreeProps<T>) => {\n    const valueSignal = accessSignal(() => props.valueSignal);\n    const expandedSignal = accessSignal(() => props.expandedSignal);\n\n    const treeId = createUniqueId();\n\n    const [getFocusedValue, setFocusedValue] = createSignal<T | undefined>();\n\n    const typeahead = Typeahead.createBuffer();\n\n    const getRows = createMemo(() =>\n        TreeUtils.getVisibleRows(access(props.nodes), (value) => expandedSignal[0]().includes(value)),\n    );\n\n    const getFlatRows = createMemo(() => FlattenerUtils.getFlatRows(getRows()));\n\n    const computeIsNavigable = (row: TreeRow<T>) => {\n        const isReachable = InteractionTracker.computeIsReachable(\n            row.node.isDisabled ?? false,\n            row.node.isReachableWhenDisabled ?? false,\n            row.node.tooltipDefs !== undefined,\n        );\n\n        return !row.node.isDisabled || isReachable;\n    };\n\n    const getNavigableRows = createMemo(() => getFlatRows().filter(computeIsNavigable));\n\n    const getIsVirtualized = createMemo(() => props.computeEstimatedNodeHeight !== undefined);\n\n    const getIsPending = (row: TreeRow<T>) => row.isExpanded && row.rows.length < 1;\n\n    const getHasPendingPaint = (row: TreeRow<T>) => getIsPending(row) && props.renderPendingChildren !== undefined;\n\n    const getRovingRow = createMemo(() => {\n        const navigable = getNavigableRows();\n        const focusedValue = getFocusedValue();\n\n        const focusedRow = navigable.find((row) => row.node.value === focusedValue);\n\n        if (focusedRow) return focusedRow;\n\n        const selectedValue = valueSignal[0]();\n\n        return navigable.find((row) => row.node.value === selectedValue) ?? navigable[0];\n    });\n\n    const [getSizerRef, setSizerRef] = createSignal<HTMLElement>();\n\n    const rowWindow = Virtualizer.createRowWindow(getSizerRef, () => getFlatRows().length, {\n        getIsEnabled: getIsVirtualized,\n        computeEstimatedSize: (index) => props.computeEstimatedNodeHeight?.(index) ?? 0,\n        getPinnedRows: () => {\n            const roving = getRovingRow();\n\n            return roving === undefined ? EMPTY_PINNED_ROWS : [roving.index];\n        },\n    });\n\n    createEffect(() => {\n        valueSignal[0]();\n\n        setFocusedValue(() => undefined);\n    });\n\n    const getRowId = (row: TreeRow<T>) => `${treeId}-node-${row.index}`;\n\n    const findRowById = (id: string | undefined) => getNavigableRows().find((row) => getRowId(row) === id);\n\n    const computeRowText = (row: TreeRow<T>) =>\n        props.computeCustomText?.(row.node) ?? TypeaheadUtils.getElementText(document.getElementById(getRowId(row)));\n\n    let lastFocusedValue: T | undefined;\n    let lastExpanded: T[] = [];\n\n    createEffect(() => {\n        const expanded = expandedSignal[0]();\n        const collapsed = lastExpanded.filter((value) => !expanded.includes(value));\n        const visible = getFlatRows();\n\n        lastExpanded = expanded;\n\n        if (collapsed.length < 1) return;\n        if (lastFocusedValue === undefined) return;\n        if (document.activeElement !== document.body) return;\n        if (visible.some((row) => row.node.value === lastFocusedValue)) return;\n\n        const branch = visible.find((row) => collapsed.includes(row.node.value));\n\n        if (branch) focusRow(branch);\n    });\n\n    const focusRow = (row: TreeRow<T>) => {\n        setFocusedValue(() => row.node.value);\n\n        if (rowWindow.getIsLive()) rowWindow.scrollToRow(row.index);\n\n        document.getElementById(getRowId(row))?.focus();\n    };\n\n    const findParentRow = (row: TreeRow<T>) =>\n        row.parentIndex === undefined ? undefined : getFlatRows()[row.parentIndex];\n\n    const expand = (row: TreeRow<T>) => {\n        if (row.node.isDisabled) return;\n\n        expandedSignal[1]((prev) => (prev.includes(row.node.value) ? prev : [...prev, row.node.value]));\n    };\n\n    const collapse = (row: TreeRow<T>) => {\n        if (row.node.isDisabled) return;\n\n        expandedSignal[1]((prev) => prev.filter((value) => value !== row.node.value));\n    };\n\n    const toggle = (row: TreeRow<T>) => {\n        if (row.isExpanded) {\n            collapse(row);\n\n            return;\n        }\n\n        expand(row);\n    };\n\n    const expandSiblings = (row: TreeRow<T>) => {\n        const parent = findParentRow(row);\n        const siblings = parent ? parent.rows : getRows();\n\n        expandedSignal[1]((prev) => [\n            ...prev,\n            ...siblings\n                .filter(\n                    (sibling) =>\n                        TreeUtils.getIsBranch(sibling.node) &&\n                        !sibling.node.isDisabled &&\n                        !prev.includes(sibling.node.value),\n                )\n                .map((sibling) => sibling.node.value),\n        ]);\n    };\n\n    const select = (value: T) => {\n        if (value === valueSignal[0]()) return;\n\n        valueSignal[1](() => value);\n\n        void props.onSelectionChange?.(value);\n    };\n\n    const activate = (row: TreeRow<T>) => {\n        if (row.node.isDisabled) return;\n\n        select(row.node.value);\n\n        if (TreeUtils.getIsBranch(row.node)) toggle(row);\n    };\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n        const navigable = getNavigableRows();\n\n        if (navigable.length < 1) return;\n\n        const current = findRowById(document.activeElement?.id) ?? getRovingRow();\n\n        if (!current) return;\n\n        if (e.key === EXPAND_SIBLINGS_KEY) {\n            e.preventDefault();\n\n            expandSiblings(current);\n\n            return;\n        }\n\n        const query = typeahead.push(e);\n\n        if (query !== undefined) {\n            e.preventDefault();\n\n            const position = TypeaheadUtils.computeNextIndex(\n                query,\n                navigable.indexOf(current),\n                navigable.length,\n                (index) => computeRowText(navigable[index]),\n            );\n\n            if (position !== undefined) focusRow(navigable[position]);\n\n            return;\n        }\n\n        if (e.key === \"Enter\" || e.key === \" \") {\n            if (current.node.href) {\n                if (e.key === \"Enter\") return;\n\n                e.preventDefault();\n\n                document.getElementById(getRowId(current))?.click();\n\n                return;\n            }\n\n            e.preventDefault();\n\n            activate(current);\n\n            return;\n        }\n\n        if (e.key === \"ArrowRight\") {\n            if (!TreeUtils.getIsBranch(current.node)) return;\n\n            e.preventDefault();\n\n            if (!current.isExpanded) {\n                expand(current);\n\n                return;\n            }\n\n            const child = FlattenerUtils.getFlatRows(current.rows).find(computeIsNavigable);\n\n            if (child) focusRow(child);\n\n            return;\n        }\n\n        if (e.key === \"ArrowLeft\") {\n            if (TreeUtils.getIsBranch(current.node) && current.isExpanded) {\n                e.preventDefault();\n\n                collapse(current);\n\n                return;\n            }\n\n            const parent = findParentRow(current);\n\n            if (!parent || !computeIsNavigable(parent)) return;\n\n            e.preventDefault();\n\n            focusRow(parent);\n\n            return;\n        }\n\n        const position = NavigatorUtils.computeNextPosition(e.key, navigable.indexOf(current), navigable.length);\n\n        if (position === undefined) return;\n\n        e.preventDefault();\n\n        focusRow(navigable[position]);\n    };\n\n    const renderRow = (getRow: Accessor<TreeRow<T>>): JSX.Element => (\n        <InteractionWrapper\n            sizing={\"fill\"}\n            isDisabled={() => getRow().node.isDisabled ?? false}\n            isReachableWhenDisabled={() => getRow().node.isReachableWhenDisabled ?? false}\n            isTabbable={() => getRow().node.value === getRovingRow()?.node.value}\n            tooltipDefs={() => getRow().node.tooltipDefs}\n            extraFlags={() => ({\n                isBranch: TreeUtils.getIsBranch(getRow().node),\n                isExpanded: getRow().isExpanded,\n                isPending: getIsPending(getRow()),\n                isSelected: getRow().node.value === valueSignal[0](),\n                depth: getRow().depth,\n            })}\n            renderControl={(setElementRef, getRenderProps) => (\n                <TreeNodeItem\n                    ref={setElementRef}\n                    id={() => getRowId(getRow())}\n                    href={() => getRow().node.href}\n                    level={() => getRow().depth + 1}\n                    position={() => getRow().position + 1}\n                    setSize={() => getRow().setSize}\n                    flags={getRenderProps}\n                    linkComponent={props.linkComponent}\n                    renderContent={(getNodeFlags) => props.renderNode(() => getRow().node, getNodeFlags)}\n                    onActivate={() => activate(getRow())}\n                />\n            )}\n        />\n    );\n\n    const renderRows = (getLevelRows: Accessor<TreeRow<T>[]>): JSX.Element => (\n        <Index each={getLevelRows()}>\n            {(getRow) => (\n                <>\n                    {renderRow(getRow)}\n\n                    <Show when={getRow().rows.length > 0 || getHasPendingPaint(getRow())}>\n                        <div role=\"group\">\n                            <Show when={getIsPending(getRow())} fallback={renderRows(() => getRow().rows)}>\n                                {props.renderPendingChildren?.(\n                                    () => getRow().node,\n                                    () => getRow().depth + 1,\n                                )}\n                            </Show>\n                        </div>\n                    </Show>\n                </>\n            )}\n        </Index>\n    );\n\n    const renderWindowedRows = () => (\n        <div ref={setSizerRef} class={styles.treeSizer} style={{ height: `${rowWindow.getTotalSize()}px` }}>\n            <For each={rowWindow.getRows()}>\n                {(row) => (\n                    <div\n                        class={styles.treeSizerRow}\n                        style={{ transform: `translateY(${rowWindow.getRowStart(row)}px)` }}\n                        ref={(element) => rowWindow.measureRow(element, row.index)}\n                    >\n                        {renderRow(() => getFlatRows()[row.index])}\n\n                        <Show when={getHasPendingPaint(getFlatRows()[row.index])}>\n                            {props.renderPendingChildren?.(\n                                () => getFlatRows()[row.index].node,\n                                () => getFlatRows()[row.index].depth + 1,\n                            )}\n                        </Show>\n                    </div>\n                )}\n            </For>\n        </div>\n    );\n\n    return (\n        <div\n            role=\"tree\"\n            aria-label={access(props.ariaLabel)}\n            onKeyDown={handleKeyDown}\n            onFocusIn={(e) => {\n                lastFocusedValue = findRowById((e.target as HTMLElement).id)?.node.value;\n            }}\n        >\n            <Show when={getIsVirtualized()} fallback={renderRows(getRows)}>\n                {renderWindowedRows()}\n            </Show>\n        </div>\n    );\n};\n"],"mappings":"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"}

package/dist/Fundamentals/Tree/Tree.utils.js

@@ -0,0 +1,15 @@
+import { FlattenerUtils } from "../../Abstracts/Flattener/Flattener.utils.js";
+//#region src/Fundamentals/Tree/Tree.utils.ts
+var TreeUtils;
+(function(_TreeUtils) {
+	const getIsBranch = _TreeUtils.getIsBranch = (node) => (node.children?.length ?? 0) > 0 || (node.hasMoreChildren ?? false);
+	_TreeUtils.getVisibleRows = (nodes, computeIsExpanded) => FlattenerUtils.getRows(nodes, {
+		computeChildren: (node) => node.children,
+		computeIsBranch: getIsBranch,
+		computeIsExpanded: (node) => computeIsExpanded(node.value)
+	});
+})(TreeUtils || (TreeUtils = {}));
+//#endregion
+export { TreeUtils };
+
+//# sourceMappingURL=Tree.utils.js.map

package/dist/Fundamentals/Tree/Tree.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.utils.js","names":[],"sources":["../../../src/Fundamentals/Tree/Tree.utils.ts"],"sourcesContent":["import { FlattenerUtils } from \"../../Abstracts/Flattener/Flattener.utils\";\nimport type { TreeNode, TreeRow } from \"./Tree.types\";\n\nexport namespace TreeUtils {\n    export const getIsBranch = <T>(node: TreeNode<T>) =>\n        (node.children?.length ?? 0) > 0 || (node.hasMoreChildren ?? false);\n\n    export const getVisibleRows = <T>(nodes: TreeNode<T>[], computeIsExpanded: (value: T) => boolean): TreeRow<T>[] =>\n        FlattenerUtils.getRows(nodes, {\n            computeChildren: (node) => node.children,\n            computeIsBranch: getIsBranch,\n            computeIsExpanded: (node) => computeIsExpanded(node.value),\n        });\n}\n"],"mappings":";;AAGO,IAAU;CAAV,SAAA,YAAA;CACI,MAAM,cAAA,WAAA,eAAkB,UAC1B,KAAK,UAAU,UAAU,KAAK,MAAM,KAAK,mBAAmB;CAEpD,WAAA,kBAAqB,OAAsB,sBACpD,eAAe,QAAQ,OAAO;EAC1B,kBAAkB,SAAS,KAAK;EAChC,iBAAiB;EACjB,oBAAoB,SAAS,kBAAkB,KAAK,KAAK;CAC7D,CAAC;AACR,EAAA,CAAA,cAAA,YAAA,CAAA,EAAD"}

package/dist/Samples/Bracket/Connectors/BracketConnectorPaths.const.js

@@ -0,0 +1,53 @@
+//#region src/Samples/Bracket/Connectors/BracketConnectorPaths.const.ts
+var HALF = .5;
+var getAlong = (point, defs) => defs.orientation === "horizontal" ? point.x : point.y;
+var getAcross = (point, defs) => defs.orientation === "horizontal" ? point.y : point.x;
+var at = (along, across, defs) => defs.orientation === "horizontal" ? `${along} ${across}` : `${across} ${along}`;
+var BracketConnectorPaths;
+(function(_BracketConnectorPaths) {
+	const getSpine = _BracketConnectorPaths.getSpine = (defs) => (getAlong(defs.from, defs) + getAlong(defs.to, defs)) * HALF;
+	const elbow = _BracketConnectorPaths.elbow = (defs) => {
+		const spine = getSpine(defs);
+		const fromAcross = getAcross(defs.from, defs);
+		const toAcross = getAcross(defs.to, defs);
+		return [
+			`M ${at(getAlong(defs.from, defs), fromAcross, defs)}`,
+			`L ${at(spine, fromAcross, defs)}`,
+			`L ${at(spine, toAcross, defs)}`,
+			`L ${at(getAlong(defs.to, defs), toAcross, defs)}`
+		].join(" ");
+	};
+	_BracketConnectorPaths.ALL = {
+		elbow,
+		roundedElbow: _BracketConnectorPaths.roundedElbow = (defs, radius) => {
+			const spine = getSpine(defs);
+			const fromAlong = getAlong(defs.from, defs);
+			const toAlong = getAlong(defs.to, defs);
+			const fromAcross = getAcross(defs.from, defs);
+			const toAcross = getAcross(defs.to, defs);
+			const drop = toAcross - fromAcross;
+			if (Math.abs(drop) < 1) return elbow(defs, radius);
+			const bend = Math.min(radius, Math.abs(spine - fromAlong), Math.abs(toAlong - spine), Math.abs(drop) * HALF);
+			const alongStep = Math.sign(spine - fromAlong) * bend;
+			const acrossStep = Math.sign(drop) * bend;
+			return [
+				`M ${at(fromAlong, fromAcross, defs)}`,
+				`L ${at(spine - alongStep, fromAcross, defs)}`,
+				`Q ${at(spine, fromAcross, defs)} ${at(spine, fromAcross + acrossStep, defs)}`,
+				`L ${at(spine, toAcross - acrossStep, defs)}`,
+				`Q ${at(spine, toAcross, defs)} ${at(spine + alongStep, toAcross, defs)}`,
+				`L ${at(toAlong, toAcross, defs)}`
+			].join(" ");
+		},
+		curve: _BracketConnectorPaths.curve = (defs) => {
+			const spine = getSpine(defs);
+			const fromAcross = getAcross(defs.from, defs);
+			const toAcross = getAcross(defs.to, defs);
+			return [`M ${at(getAlong(defs.from, defs), fromAcross, defs)}`, `C ${at(spine, fromAcross, defs)} ${at(spine, toAcross, defs)} ${at(getAlong(defs.to, defs), toAcross, defs)}`].join(" ");
+		}
+	};
+})(BracketConnectorPaths || (BracketConnectorPaths = {}));
+//#endregion
+export { BracketConnectorPaths };
+
+//# sourceMappingURL=BracketConnectorPaths.const.js.map

package/dist/Samples/Bracket/Connectors/BracketConnectorPaths.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BracketConnectorPaths.const.js","names":[],"sources":["../../../../src/Samples/Bracket/Connectors/BracketConnectorPaths.const.ts"],"sourcesContent":["import type { Point2d } from \"@thewaver/ss-utils\";\n\nimport type { BracketConnectorDefs } from \"../../../Exotics/Bracket/Bracket.types\";\nimport type { BracketConnectorPathFn } from \"./BracketConnectors.types\";\n\nconst HALF = 0.5;\nconst NOTHING = 0;\n\nconst getAlong = (point: Point2d, defs: BracketConnectorDefs) =>\n    defs.orientation === \"horizontal\" ? point.x : point.y;\n\nconst getAcross = (point: Point2d, defs: BracketConnectorDefs) =>\n    defs.orientation === \"horizontal\" ? point.y : point.x;\n\nconst at = (along: number, across: number, defs: BracketConnectorDefs) =>\n    defs.orientation === \"horizontal\" ? `${along} ${across}` : `${across} ${along}`;\n\nexport namespace BracketConnectorPaths {\n    export const getSpine = (defs: BracketConnectorDefs) =>\n        (getAlong(defs.from, defs) + getAlong(defs.to, defs)) * HALF;\n\n    export const elbow: BracketConnectorPathFn = (defs) => {\n        const spine = getSpine(defs);\n        const fromAcross = getAcross(defs.from, defs);\n        const toAcross = getAcross(defs.to, defs);\n\n        return [\n            `M ${at(getAlong(defs.from, defs), fromAcross, defs)}`,\n            `L ${at(spine, fromAcross, defs)}`,\n            `L ${at(spine, toAcross, defs)}`,\n            `L ${at(getAlong(defs.to, defs), toAcross, defs)}`,\n        ].join(\" \");\n    };\n\n    export const roundedElbow: BracketConnectorPathFn = (defs, radius) => {\n        const spine = getSpine(defs);\n        const fromAlong = getAlong(defs.from, defs);\n        const toAlong = getAlong(defs.to, defs);\n        const fromAcross = getAcross(defs.from, defs);\n        const toAcross = getAcross(defs.to, defs);\n        const drop = toAcross - fromAcross;\n\n        if (Math.abs(drop) < NOTHING + 1) return elbow(defs, radius);\n\n        const bend = Math.min(radius, Math.abs(spine - fromAlong), Math.abs(toAlong - spine), Math.abs(drop) * HALF);\n        const alongStep = Math.sign(spine - fromAlong) * bend;\n        const acrossStep = Math.sign(drop) * bend;\n\n        return [\n            `M ${at(fromAlong, fromAcross, defs)}`,\n            `L ${at(spine - alongStep, fromAcross, defs)}`,\n            `Q ${at(spine, fromAcross, defs)} ${at(spine, fromAcross + acrossStep, defs)}`,\n            `L ${at(spine, toAcross - acrossStep, defs)}`,\n            `Q ${at(spine, toAcross, defs)} ${at(spine + alongStep, toAcross, defs)}`,\n            `L ${at(toAlong, toAcross, defs)}`,\n        ].join(\" \");\n    };\n\n    export const curve: BracketConnectorPathFn = (defs) => {\n        const spine = getSpine(defs);\n        const fromAcross = getAcross(defs.from, defs);\n        const toAcross = getAcross(defs.to, defs);\n\n        return [\n            `M ${at(getAlong(defs.from, defs), fromAcross, defs)}`,\n            `C ${at(spine, fromAcross, defs)} ${at(spine, toAcross, defs)} ${at(getAlong(defs.to, defs), toAcross, defs)}`,\n        ].join(\" \");\n    };\n\n    export const ALL: Record<string, BracketConnectorPathFn> = { elbow, roundedElbow, curve };\n}\n"],"mappings":";AAKA,IAAM,OAAO;AAGb,IAAM,YAAY,OAAgB,SAC9B,KAAK,gBAAgB,eAAe,MAAM,IAAI,MAAM;AAExD,IAAM,aAAa,OAAgB,SAC/B,KAAK,gBAAgB,eAAe,MAAM,IAAI,MAAM;AAExD,IAAM,MAAM,OAAe,QAAgB,SACvC,KAAK,gBAAgB,eAAe,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG;AAErE,IAAU;CAAV,SAAA,wBAAA;CACI,MAAM,WAAA,uBAAA,YAAY,UACpB,SAAS,KAAK,MAAM,IAAI,IAAI,SAAS,KAAK,IAAI,IAAI,KAAK;CAErD,MAAM,QAAA,uBAAA,SAAiC,SAAS;EACnD,MAAM,QAAQ,SAAS,IAAI;EAC3B,MAAM,aAAa,UAAU,KAAK,MAAM,IAAI;EAC5C,MAAM,WAAW,UAAU,KAAK,IAAI,IAAI;EAExC,OAAO;GACH,KAAK,GAAG,SAAS,KAAK,MAAM,IAAI,GAAG,YAAY,IAAI;GACnD,KAAK,GAAG,OAAO,YAAY,IAAI;GAC/B,KAAK,GAAG,OAAO,UAAU,IAAI;GAC7B,KAAK,GAAG,SAAS,KAAK,IAAI,IAAI,GAAG,UAAU,IAAI;EACnD,CAAC,CAAC,KAAK,GAAG;CACd;CAqCa,uBAAA,MAA8C;EAAE;EAAO,cAnCvD,uBAAA,gBAAwC,MAAM,WAAW;GAClE,MAAM,QAAQ,SAAS,IAAI;GAC3B,MAAM,YAAY,SAAS,KAAK,MAAM,IAAI;GAC1C,MAAM,UAAU,SAAS,KAAK,IAAI,IAAI;GACtC,MAAM,aAAa,UAAU,KAAK,MAAM,IAAI;GAC5C,MAAM,WAAW,UAAU,KAAK,IAAI,IAAI;GACxC,MAAM,OAAO,WAAW;GAExB,IAAI,KAAK,IAAI,IAAI,IAAI,GAAa,OAAO,MAAM,MAAM,MAAM;GAE3D,MAAM,OAAO,KAAK,IAAI,QAAQ,KAAK,IAAI,QAAQ,SAAS,GAAG,KAAK,IAAI,UAAU,KAAK,GAAG,KAAK,IAAI,IAAI,IAAI,IAAI;GAC3G,MAAM,YAAY,KAAK,KAAK,QAAQ,SAAS,IAAI;GACjD,MAAM,aAAa,KAAK,KAAK,IAAI,IAAI;GAErC,OAAO;IACH,KAAK,GAAG,WAAW,YAAY,IAAI;IACnC,KAAK,GAAG,QAAQ,WAAW,YAAY,IAAI;IAC3C,KAAK,GAAG,OAAO,YAAY,IAAI,EAAE,GAAG,GAAG,OAAO,aAAa,YAAY,IAAI;IAC3E,KAAK,GAAG,OAAO,WAAW,YAAY,IAAI;IAC1C,KAAK,GAAG,OAAO,UAAU,IAAI,EAAE,GAAG,GAAG,QAAQ,WAAW,UAAU,IAAI;IACtE,KAAK,GAAG,SAAS,UAAU,IAAI;GACnC,CAAC,CAAC,KAAK,GAAG;EACd;EAakF,OAXrE,uBAAA,SAAiC,SAAS;GACnD,MAAM,QAAQ,SAAS,IAAI;GAC3B,MAAM,aAAa,UAAU,KAAK,MAAM,IAAI;GAC5C,MAAM,WAAW,UAAU,KAAK,IAAI,IAAI;GAExC,OAAO,CACH,KAAK,GAAG,SAAS,KAAK,MAAM,IAAI,GAAG,YAAY,IAAI,KACnD,KAAK,GAAG,OAAO,YAAY,IAAI,EAAE,GAAG,GAAG,OAAO,UAAU,IAAI,EAAE,GAAG,GAAG,SAAS,KAAK,IAAI,IAAI,GAAG,UAAU,IAAI,GAC/G,CAAC,CAAC,KAAK,GAAG;EACd;CAEwF;AAC3F,EAAA,CAAA,0BAAA,wBAAA,CAAA,EAAD"}

package/dist/Samples/Bracket/Connectors/BracketConnectors.const.js

@@ -0,0 +1,120 @@
+import { BracketConnectorPaths } from "./BracketConnectorPaths.const.js";
+import { effect, insert, setAttribute, setStyleProperty, template } from "solid-js/web";
+//#region src/Samples/Bracket/Connectors/BracketConnectors.const.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg><linearGradient gradientUnits=userSpaceOnUse><stop offset=0%></stop><stop offset=100%></svg>`, false, true, false);
+var _tmpl$2 = /*#__PURE__*/ template(`<svg><g><defs></defs><path fill=none stroke-linecap=round stroke-linejoin=round></svg>`, false, true, false);
+var _tmpl$3 = /*#__PURE__*/ template(`<svg><g><defs></defs><path fill=none stroke-linecap=round stroke-linejoin=round></path><circle></circle><polygon></svg>`, false, true, false);
+var ARROW_LENGTH = 9;
+var ARROW_HALF_WIDTH = 5;
+var BALL_RADIUS = 4;
+var HALF = .5;
+var getGradientId = (defs) => `bracketConnector-${defs.id}`;
+var getGradient = (paint) => (() => {
+	var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+	effect((_p$) => {
+		var _v$ = getGradientId(paint.defs), _v$2 = paint.defs.from.x, _v$3 = paint.defs.from.y, _v$4 = paint.defs.to.x, _v$5 = paint.defs.to.y, _v$6 = paint.fromColor, _v$7 = paint.toColor;
+		_v$ !== _p$.e && setAttribute(_el$, "id", _p$.e = _v$);
+		_v$2 !== _p$.t && setAttribute(_el$, "x1", _p$.t = _v$2);
+		_v$3 !== _p$.a && setAttribute(_el$, "y1", _p$.a = _v$3);
+		_v$4 !== _p$.o && setAttribute(_el$, "x2", _p$.o = _v$4);
+		_v$5 !== _p$.i && setAttribute(_el$, "y2", _p$.i = _v$5);
+		_v$6 !== _p$.n && setStyleProperty(_el$2, "stop-color", _p$.n = _v$6);
+		_v$7 !== _p$.s && setStyleProperty(_el$3, "stop-color", _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 getStroke = (paint) => `url(#${getGradientId(paint.defs)})`;
+var getArrowPoints = (tip, spine, defs) => {
+	const isHorizontal = defs.orientation === "horizontal";
+	const along = isHorizontal ? Math.sign(tip.x - spine.x) : Math.sign(tip.y - spine.y);
+	const back = {
+		x: isHorizontal ? tip.x - along * ARROW_LENGTH : tip.x,
+		y: isHorizontal ? tip.y : tip.y - along * ARROW_LENGTH
+	};
+	return [tip, ...isHorizontal ? [{
+		x: back.x,
+		y: back.y - ARROW_HALF_WIDTH
+	}, {
+		x: back.x,
+		y: back.y + ARROW_HALF_WIDTH
+	}] : [{
+		x: back.x - ARROW_HALF_WIDTH,
+		y: back.y
+	}, {
+		x: back.x + ARROW_HALF_WIDTH,
+		y: back.y
+	}]].map((point) => `${point.x},${point.y}`).join(" ");
+};
+var strokeOnly = (build) => (paint) => (() => {
+	var _el$4 = _tmpl$2(), _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling;
+	insert(_el$5, () => getGradient(paint));
+	effect((_p$) => {
+		var _v$8 = build(paint.defs, paint.radius), _v$9 = getStroke(paint), _v$0 = paint.width;
+		_v$8 !== _p$.e && setAttribute(_el$6, "d", _p$.e = _v$8);
+		_v$9 !== _p$.t && setAttribute(_el$6, "stroke", _p$.t = _v$9);
+		_v$0 !== _p$.a && setAttribute(_el$6, "stroke-width", _p$.a = _v$0);
+		return _p$;
+	}, {
+		e: void 0,
+		t: void 0,
+		a: void 0
+	});
+	return _el$4;
+})();
+var BracketConnectors;
+(function(_BracketConnectors) {
+	_BracketConnectors.ALL = {
+		flat: _BracketConnectors.flat = strokeOnly(BracketConnectorPaths.elbow),
+		rounded: _BracketConnectors.rounded = strokeOnly(BracketConnectorPaths.roundedElbow),
+		curved: _BracketConnectors.curved = strokeOnly(BracketConnectorPaths.curve),
+		ballAndArrow: _BracketConnectors.ballAndArrow = (paint) => {
+			const spine = BracketConnectorPaths.getSpine(paint.defs);
+			const isHorizontal = paint.defs.orientation === "horizontal";
+			const elbowTip = {
+				x: isHorizontal ? spine : paint.defs.from.x,
+				y: isHorizontal ? paint.defs.from.y : spine
+			};
+			return (() => {
+				var _el$7 = _tmpl$3(), _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$0 = _el$9.nextSibling, _el$1 = _el$0.nextSibling;
+				insert(_el$8, () => getGradient(paint));
+				effect((_p$) => {
+					var _v$1 = BracketConnectorPaths.roundedElbow(paint.defs, paint.radius), _v$10 = getStroke(paint), _v$11 = paint.width, _v$12 = paint.defs.to.x, _v$13 = paint.defs.to.y, _v$14 = BALL_RADIUS + paint.width * HALF, _v$15 = paint.toColor, _v$16 = getArrowPoints(paint.defs.from, elbowTip, paint.defs), _v$17 = paint.fromColor;
+					_v$1 !== _p$.e && setAttribute(_el$9, "d", _p$.e = _v$1);
+					_v$10 !== _p$.t && setAttribute(_el$9, "stroke", _p$.t = _v$10);
+					_v$11 !== _p$.a && setAttribute(_el$9, "stroke-width", _p$.a = _v$11);
+					_v$12 !== _p$.o && setAttribute(_el$0, "cx", _p$.o = _v$12);
+					_v$13 !== _p$.i && setAttribute(_el$0, "cy", _p$.i = _v$13);
+					_v$14 !== _p$.n && setAttribute(_el$0, "r", _p$.n = _v$14);
+					_v$15 !== _p$.s && setStyleProperty(_el$0, "fill", _p$.s = _v$15);
+					_v$16 !== _p$.h && setAttribute(_el$1, "points", _p$.h = _v$16);
+					_v$17 !== _p$.r && setStyleProperty(_el$1, "fill", _p$.r = _v$17);
+					return _p$;
+				}, {
+					e: void 0,
+					t: void 0,
+					a: void 0,
+					o: void 0,
+					i: void 0,
+					n: void 0,
+					s: void 0,
+					h: void 0,
+					r: void 0
+				});
+				return _el$7;
+			})();
+		}
+	};
+})(BracketConnectors || (BracketConnectors = {}));
+//#endregion
+export { BracketConnectors };
+
+//# sourceMappingURL=BracketConnectors.const.js.map

package/dist/Samples/Bracket/Connectors/BracketConnectors.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BracketConnectors.const.js","names":["Point2d","BracketConnectorDefs","BracketConnectorPaths","BracketConnectorFn","BracketConnectorPaintDefs","ARROW_LENGTH","ARROW_HALF_WIDTH","BALL_RADIUS","HALF","getGradientId","defs","id","getGradient","paint","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_$effect","_p$","_v$","_v$2","from","x","_v$3","y","_v$4","to","_v$5","_v$6","fromColor","_v$7","toColor","e","_$setAttribute","t","a","o","i","n","_$setStyleProperty","s","undefined","getStroke","getArrowPoints","tip","spine","isHorizontal","orientation","along","Math","sign","back","wing","map","point","join","strokeOnly","build","radius","_el$4","_tmpl$2","_el$5","_el$6","_$insert","_v$8","_v$9","_v$0","width","BracketConnectors","flat","elbow","rounded","roundedElbow","curved","curve","ballAndArrow","getSpine","elbowTip","_el$7","_tmpl$3","_el$8","_el$9","_el$0","_el$1","_v$1","_v$10","_v$11","_v$12","_v$13","_v$14","_v$15","_v$16","_v$17","h","r","ALL","Record"],"sources":["../../../../src/Samples/Bracket/Connectors/BracketConnectors.const.tsx"],"sourcesContent":["import type { Point2d } from \"@thewaver/ss-utils\";\n\nimport type { BracketConnectorDefs } from \"../../../Exotics/Bracket/Bracket.types\";\nimport { BracketConnectorPaths } from \"./BracketConnectorPaths.const\";\nimport type { BracketConnectorFn, BracketConnectorPaintDefs } from \"./BracketConnectors.types\";\n\nconst ARROW_LENGTH = 9;\nconst ARROW_HALF_WIDTH = 5;\nconst BALL_RADIUS = 4;\nconst HALF = 0.5;\n\nconst getGradientId = (defs: BracketConnectorDefs) => `bracketConnector-${defs.id}`;\n\nconst getGradient = (paint: BracketConnectorPaintDefs) => (\n    <linearGradient\n        id={getGradientId(paint.defs)}\n        gradientUnits={\"userSpaceOnUse\"}\n        x1={paint.defs.from.x}\n        y1={paint.defs.from.y}\n        x2={paint.defs.to.x}\n        y2={paint.defs.to.y}\n    >\n        <stop offset={\"0%\"} style={{ \"stop-color\": paint.fromColor }} />\n        <stop offset={\"100%\"} style={{ \"stop-color\": paint.toColor }} />\n    </linearGradient>\n);\n\nconst getStroke = (paint: BracketConnectorPaintDefs) => `url(#${getGradientId(paint.defs)})`;\n\nconst getArrowPoints = (tip: Point2d, spine: Point2d, defs: BracketConnectorDefs) => {\n    const isHorizontal = defs.orientation === \"horizontal\";\n    const along = isHorizontal ? Math.sign(tip.x - spine.x) : Math.sign(tip.y - spine.y);\n    const back = {\n        x: isHorizontal ? tip.x - along * ARROW_LENGTH : tip.x,\n        y: isHorizontal ? tip.y : tip.y - along * ARROW_LENGTH,\n    };\n\n    const wing = isHorizontal\n        ? [\n              { x: back.x, y: back.y - ARROW_HALF_WIDTH },\n              { x: back.x, y: back.y + ARROW_HALF_WIDTH },\n          ]\n        : [\n              { x: back.x - ARROW_HALF_WIDTH, y: back.y },\n              { x: back.x + ARROW_HALF_WIDTH, y: back.y },\n          ];\n\n    return [tip, ...wing].map((point) => `${point.x},${point.y}`).join(\" \");\n};\n\nconst strokeOnly =\n    (build: (defs: BracketConnectorDefs, radius: number) => string): BracketConnectorFn =>\n    (paint) => (\n        <g>\n            <defs>{getGradient(paint)}</defs>\n\n            <path\n                d={build(paint.defs, paint.radius)}\n                fill={\"none\"}\n                stroke={getStroke(paint)}\n                stroke-width={paint.width}\n                stroke-linecap={\"round\"}\n                stroke-linejoin={\"round\"}\n            />\n        </g>\n    );\n\nexport namespace BracketConnectors {\n    export const flat = strokeOnly(BracketConnectorPaths.elbow);\n\n    export const rounded = strokeOnly(BracketConnectorPaths.roundedElbow);\n\n    export const curved = strokeOnly(BracketConnectorPaths.curve);\n\n    export const ballAndArrow: BracketConnectorFn = (paint) => {\n        const spine = BracketConnectorPaths.getSpine(paint.defs);\n        const isHorizontal = paint.defs.orientation === \"horizontal\";\n        const elbowTip = {\n            x: isHorizontal ? spine : paint.defs.from.x,\n            y: isHorizontal ? paint.defs.from.y : spine,\n        };\n\n        return (\n            <g>\n                <defs>{getGradient(paint)}</defs>\n\n                <path\n                    d={BracketConnectorPaths.roundedElbow(paint.defs, paint.radius)}\n                    fill={\"none\"}\n                    stroke={getStroke(paint)}\n                    stroke-width={paint.width}\n                    stroke-linecap={\"round\"}\n                    stroke-linejoin={\"round\"}\n                />\n\n                <circle\n                    cx={paint.defs.to.x}\n                    cy={paint.defs.to.y}\n                    r={BALL_RADIUS + paint.width * HALF}\n                    style={{ fill: paint.toColor }}\n                />\n\n                <polygon\n                    points={getArrowPoints(paint.defs.from, elbowTip, paint.defs)}\n                    style={{ fill: paint.fromColor }}\n                />\n            </g>\n        );\n    };\n\n    export const ALL: Record<string, BracketConnectorFn> = { flat, rounded, curved, ballAndArrow };\n}\n"],"mappings":"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"}