@thewaver/ss-components 0.0.1 → 0.0.2

package/dist/Fundamentals/Input/Select/Select.js

@@ -0,0 +1,533 @@
+import { ElementObserver } from "../../../Abstracts/ElementObserver/ElementObserver.js";
+import { access, accessSignal } from "../../../Utils/propUtils.js";
+import { CheckedStateUtils } from "../../../Abstracts/CheckedState/CheckedState.utils.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 { SignalMirror } from "../../../Abstracts/SignalMirror/SignalMirror.js";
+import { TextSync } from "../../../Abstracts/TextSync/TextSync.js";
+import { TypeaheadUtils } from "../../../Abstracts/Typeahead/Typeahead.utils.js";
+import { Typeahead } from "../../../Abstracts/Typeahead/Typeahead.js";
+import { Virtualizer } from "../../../Abstracts/Virtualizer/Virtualizer.js";
+import { LabelUtils } from "../Label/Label.utils.js";
+import { InteractionWrapper } from "../../InteractionWrapper/InteractionWrapper.js";
+import { FormFieldUtils } from "../FormField/FormField.utils.js";
+import { Popover } from "../../Popover/Popover.js";
+import { SelectUtils } from "./Select.utils.js";
+import { selectEndMarker, selectField, selectFilterField, selectOption, selectSizer, selectSizerRow } from "./Select.css.js";
+import { For, Index, Show, createEffect, createMemo, createSignal, createUniqueId, untrack } from "solid-js";
+import { CSSUtils, StringUtils } from "@thewaver/ss-utils";
+import { className, createComponent, delegateEvents, effect, insert, memo, mergeProps, setAttribute, setStyleProperty, spread, template, use } from "solid-js/web";
+//#region src/Fundamentals/Input/Select/Select.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<input type=text autocomplete=off aria-autocomplete=list>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<button type=button>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div role=option>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<div role=group>`);
+var _tmpl$5 = /*#__PURE__*/ template(`<div>`);
+var _tmpl$6 = /*#__PURE__*/ template(`<div aria-hidden=true>`);
+var DEFAULT_SELECT_PADDING = 0;
+var EMPTY_QUERY = "";
+var EMPTY_SELECTION = [];
+var SelectField = (props) => {
+	const getAriaLabel = LabelUtils.resolveAriaLabel(props.ariaLabel === void 0 ? void 0 : () => access(props.ariaLabel));
+	const getAriaDescribedBy = FormFieldUtils.resolveAriaDescribedBy();
+	const [getElementRef, setElementRef] = createSignal();
+	const getIsDisabled = () => access(props.flags).isDisabled ?? false;
+	const { handleInput, handleCompositionStart, handleCompositionEnd } = TextSync.createValueSync(getElementRef, () => access(props.query), { onInput: props.onQueryInput });
+	const commonProps = {
+		"role": "combobox",
+		"aria-haspopup": "listbox",
+		get "aria-describedby"() {
+			return getAriaDescribedBy();
+		},
+		get "aria-label"() {
+			return getAriaLabel();
+		},
+		get "aria-disabled"() {
+			return getIsDisabled() || void 0;
+		},
+		get "aria-invalid"() {
+			return access(props.flags).hasError || void 0;
+		},
+		get "aria-expanded"() {
+			return access(props.flags).isOpen;
+		},
+		get "aria-controls"() {
+			return access(props.flags).isOpen ? access(props.listboxId) : void 0;
+		},
+		get "aria-activedescendant"() {
+			return access(props.activeOptionId);
+		},
+		"onKeyDown": props.onKeyDown
+	};
+	return createComponent(Show, {
+		get when() {
+			return access(props.isFilterable);
+		},
+		get fallback() {
+			return (() => {
+				var _el$2 = _tmpl$2();
+				use((element) => props.ref?.(element), _el$2);
+				className(_el$2, selectField);
+				spread(_el$2, mergeProps({ get id() {
+					return access(props.id);
+				} }, commonProps, { "onClick": () => {
+					if (getIsDisabled()) return;
+					props.onToggle();
+				} }), false, true);
+				insert(_el$2, () => props.renderContent(() => access(props.flags)));
+				return _el$2;
+			})();
+		},
+		get children() {
+			return [memo(() => props.renderContent(() => access(props.flags))), (() => {
+				var _el$ = _tmpl$();
+				use((element) => {
+					setElementRef(element);
+					props.ref?.(element);
+				}, _el$);
+				className(_el$, selectFilterField);
+				spread(_el$, mergeProps({
+					get id() {
+						return access(props.id);
+					},
+					get style() {
+						return {
+							...access(props.textInset),
+							...props.computeTextStyle?.(() => access(props.flags))
+						};
+					},
+					get readOnly() {
+						return getIsDisabled();
+					}
+				}, commonProps, {
+					"onClick": () => {
+						if (getIsDisabled()) return;
+						props.onToggle();
+					},
+					"onInput": (e) => handleInput(e.currentTarget),
+					"onCompositionStart": handleCompositionStart,
+					"onCompositionEnd": (e) => handleCompositionEnd(e.currentTarget)
+				}), false, false);
+				return _el$;
+			})()];
+		}
+	});
+};
+var SelectOptionItem = (props) => {
+	const [getElementRef, setElementRef] = createSignal();
+	const getIsDisabled = () => access(props.flags).isDisabled ?? false;
+	createEffect(() => {
+		if (!access(props.flags).isHighlighted || !access(props.isSelfScrolling)) return;
+		getElementRef()?.scrollIntoView({ block: "nearest" });
+	});
+	return (() => {
+		var _el$3 = _tmpl$3();
+		_el$3.$$click = () => {
+			if (getIsDisabled()) return;
+			props.onSelect();
+		};
+		use((element) => {
+			setElementRef(element);
+			props.ref?.(element);
+		}, _el$3);
+		className(_el$3, selectOption);
+		insert(_el$3, () => props.renderContent(() => access(props.flags)));
+		effect((_p$) => {
+			var _v$ = access(props.id), _v$2 = getIsDisabled() || void 0, _v$3 = access(props.flags).isSelected;
+			_v$ !== _p$.e && setAttribute(_el$3, "id", _p$.e = _v$);
+			_v$2 !== _p$.t && setAttribute(_el$3, "aria-disabled", _p$.t = _v$2);
+			_v$3 !== _p$.a && setAttribute(_el$3, "aria-selected", _p$.a = _v$3);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0
+		});
+		return _el$3;
+	})();
+};
+var SelectComposite = (props) => {
+	const listboxId = createUniqueId();
+	const [getFieldRef, setFieldRef] = createSignal();
+	const [getEndMarkerRef, setEndMarkerRef] = createSignal();
+	const [getSizerRef, setSizerRef] = createSignal();
+	const [getIsOpen, setIsOpen] = SignalMirror.createOptional(() => props.visibilitySignal, false);
+	const [getHasPopoverSettled, setHasPopoverSettled] = createSignal(true);
+	const [getHighlightedValue, setHighlightedValue] = createSignal();
+	const typeahead = Typeahead.createBuffer();
+	const getIsDisabled = createMemo(() => access(props.isDisabled) ?? false);
+	const getIsMultiple = createMemo(() => access(props.isMultiple) ?? false);
+	const getIsFilterable = createMemo(() => props.querySignal !== void 0);
+	const getHasMoreOptions = createMemo(() => access(props.hasMoreOptions) ?? false);
+	const getQuery = createMemo(() => props.querySignal?.[0]() ?? EMPTY_QUERY);
+	const getIsFiltering = createMemo(() => getQuery() !== EMPTY_QUERY);
+	const getSpreadPadding = createMemo(() => {
+		const padding = access(props.padding) ?? DEFAULT_SELECT_PADDING;
+		return typeof padding === "number" ? CSSUtils.spreadPadding(padding) : padding;
+	});
+	const getTextInset = createMemo(() => CSSUtils.spreadableToStyle(getSpreadPadding(), StringUtils.camelToKebabCase));
+	const getItemRows = createMemo(() => SelectUtils.getItemRows(access(props.options)));
+	const getFlatOptions = createMemo(() => SelectUtils.getFlatOptions(access(props.options)));
+	const getRows = createMemo(() => FlattenerUtils.getFlatRows(getItemRows()));
+	const getIsVirtualized = createMemo(() => props.computeEstimatedOptionHeight !== void 0);
+	const getIsAtEnd = ElementObserver.createViewportIntersectionObserver(getEndMarkerRef, getIsOpen);
+	let askedForOptions;
+	createEffect(() => {
+		if (!getIsAtEnd() || !getHasMoreOptions()) return;
+		const options = untrack(() => access(props.options));
+		if (askedForOptions === options) return;
+		askedForOptions = options;
+		props.onReachEnd?.();
+	});
+	createEffect(() => {
+		if (getIsOpen()) return;
+		askedForOptions = void 0;
+	});
+	const getNavigableIndexes = createMemo(() => getFlatOptions().reduce((acc, option, index) => {
+		const isReachable = InteractionTracker.computeIsReachable(option.isDisabled ?? false, option.isReachableWhenDisabled ?? false, option.tooltipDefs !== void 0);
+		if (!option.isDisabled || isReachable) acc.push(index);
+		return acc;
+	}, []));
+	const getHighlightedIndex = createMemo(() => {
+		const navigable = getNavigableIndexes();
+		const options = getFlatOptions();
+		const highlightedValue = getHighlightedValue();
+		const highlightedIndex = navigable.find((index) => options[index].value === highlightedValue);
+		if (highlightedIndex !== void 0) return highlightedIndex;
+		const selectedValue = access(props.selectedOptions)[0]?.value;
+		const selectedIndex = navigable.find((index) => options[index].value === selectedValue);
+		if (!getIsFiltering() && selectedIndex !== void 0) return selectedIndex;
+		return navigable[0];
+	});
+	const rowWindow = Virtualizer.createRowWindow(getSizerRef, () => getRows().length, {
+		getIsEnabled: () => getIsVirtualized() && getIsOpen(),
+		computeEstimatedSize: (index) => {
+			const row = getRows()[index];
+			return row?.isEntry !== true ? props.computeEstimatedGroupHeight?.(row?.position ?? 0) ?? props.computeEstimatedOptionHeight?.(0) ?? 0 : props.computeEstimatedOptionHeight?.(row.entryOffset) ?? 0;
+		},
+		getPinnedRows: () => {
+			const highlightedIndex = getHighlightedIndex();
+			if (highlightedIndex === void 0) return EMPTY_SELECTION;
+			const rowIndex = FlattenerUtils.getEntryRowIndex(getRows(), highlightedIndex);
+			return rowIndex === -1 ? EMPTY_SELECTION : [rowIndex];
+		}
+	});
+	const getOptionId = (index) => `${listboxId}-option-${index}`;
+	const computeOptionText = (index) => props.computeCustomText?.(getFlatOptions()[index]) ?? TypeaheadUtils.getElementText(document.getElementById(getOptionId(index)));
+	const getActiveOptionId = createMemo(() => {
+		const highlightedIndex = getHighlightedIndex();
+		if (!getIsOpen() || highlightedIndex === void 0) return;
+		return getOptionId(highlightedIndex);
+	});
+	const open = () => {
+		if (getIsDisabled()) return;
+		setIsOpen(true);
+	};
+	createEffect(() => {
+		if (!getIsOpen() || !getIsDisabled()) return;
+		setIsOpen(false);
+	});
+	const close = () => {
+		setIsOpen(false);
+	};
+	createEffect(() => {
+		if (getIsOpen()) return;
+		setHighlightedValue(() => void 0);
+	});
+	const pickValue = (value) => {
+		props.onPick(value);
+		if (getIsMultiple()) {
+			setHighlightedValue(() => value);
+			return;
+		}
+		close();
+	};
+	createEffect(() => {
+		if (getIsOpen() || !getHasPopoverSettled() || getQuery() === EMPTY_QUERY) return;
+		props.querySignal?.[1](EMPTY_QUERY);
+	});
+	createEffect(() => {
+		if (!rowWindow.getIsLive()) return;
+		const highlightedIndex = getHighlightedIndex();
+		if (highlightedIndex === void 0) return;
+		const rowIndex = FlattenerUtils.getEntryRowIndex(getRows(), highlightedIndex);
+		if (rowIndex === -1) return;
+		rowWindow.scrollToRow(rowIndex);
+	});
+	const handleKeyDown = (e) => {
+		if (getIsDisabled()) return;
+		const options = getFlatOptions();
+		const navigable = getNavigableIndexes();
+		const isOpen = getIsOpen();
+		if (e.key === "Tab") {
+			if (isOpen) close();
+			return;
+		}
+		const query = getIsFilterable() ? void 0 : typeahead.push(e);
+		if (query !== void 0) {
+			e.preventDefault();
+			open();
+			const from = navigable.indexOf(getHighlightedIndex() ?? -1);
+			const position = TypeaheadUtils.computeNextIndex(query, from, navigable.length, (index) => computeOptionText(navigable[index]));
+			if (position === void 0) return;
+			setHighlightedValue(() => options[navigable[position]].value);
+			return;
+		}
+		if (e.key === "Enter" || e.key === " " && !getIsFilterable()) {
+			e.preventDefault();
+			if (!isOpen) {
+				open();
+				return;
+			}
+			const highlightedIndex = getHighlightedIndex();
+			if (highlightedIndex === void 0 || options[highlightedIndex].isDisabled) return;
+			pickValue(options[highlightedIndex].value);
+			return;
+		}
+		if (navigable.length < 1) return;
+		const isArrow = e.key === "ArrowDown" || e.key === "ArrowUp";
+		const from = navigable.indexOf(getHighlightedIndex() ?? navigable[0]);
+		const position = NavigatorUtils.computeNextPosition(e.key, from, navigable.length, { hasEdgeKeys: !getIsFilterable() });
+		if (position === void 0) return;
+		const hasWrapped = position === 0 && from === navigable.length - 1 || position === navigable.length - 1 && from === 0;
+		if (isArrow && hasWrapped && getHasMoreOptions()) return;
+		const next = isOpen || !isArrow ? navigable[position] : getHighlightedIndex();
+		if (next === void 0) return;
+		e.preventDefault();
+		const nextValue = options[next].value;
+		open();
+		setHighlightedValue(() => nextValue);
+	};
+	const computeGroupFlags = (group) => ({ checkedState: CheckedStateUtils.fromMembers(group.options.map((option) => props.computeIsSelected(option.value))) });
+	const renderOptionSlot = (getOption, getFlatIndex) => createComponent(InteractionWrapper, {
+		sizing: "fill",
+		isDisabled: () => getOption().isDisabled ?? false,
+		isReachableWhenDisabled: () => getOption().isReachableWhenDisabled ?? false,
+		isTabbable: false,
+		tooltipDefs: () => getOption().tooltipDefs,
+		extraFlags: () => ({
+			isHighlighted: getFlatIndex() === getHighlightedIndex(),
+			isSelected: props.computeIsSelected(getOption().value)
+		}),
+		renderControl: (setElementRef, getFlags) => createComponent(SelectOptionItem, {
+			ref(r$) {
+				var _ref$ = setElementRef;
+				typeof _ref$ === "function" ? _ref$(r$) : setElementRef = r$;
+			},
+			id: () => getOptionId(getFlatIndex()),
+			isSelfScrolling: () => !getIsVirtualized(),
+			flags: getFlags,
+			renderContent: (getOptionFlags) => props.renderOption(getOption, getOptionFlags),
+			onSelect: () => pickValue(getOption().value)
+		})
+	});
+	const renderMountedOptions = () => createComponent(Index, {
+		get each() {
+			return access(props.options);
+		},
+		children: (getItem, index) => createComponent(Show, {
+			get when() {
+				return SelectUtils.getIsGroup(getItem());
+			},
+			get fallback() {
+				return renderOptionSlot(() => getItem(), () => getItemRows()[index].entryOffset);
+			},
+			get children() {
+				var _el$4 = _tmpl$4();
+				insert(_el$4, () => props.renderGroup?.(() => getItem(), () => computeGroupFlags(getItem())), null);
+				insert(_el$4, createComponent(Index, {
+					get each() {
+						return getItem().options;
+					},
+					children: (getOption, groupIndex) => renderOptionSlot(getOption, () => getItemRows()[index].entryOffset + groupIndex)
+				}), null);
+				effect(() => setAttribute(_el$4, "aria-label", getItem().label));
+				return _el$4;
+			}
+		})
+	});
+	const renderWindowedRow = (row) => {
+		const getRow = () => getRows()[row.index];
+		return (() => {
+			var _el$5 = _tmpl$5();
+			use((element) => rowWindow.measureRow(element, row.index), _el$5);
+			className(_el$5, selectSizerRow);
+			insert(_el$5, createComponent(Show, {
+				get when() {
+					return getRow().isEntry;
+				},
+				get fallback() {
+					return props.renderGroup?.(() => getRow().node, () => computeGroupFlags(getRow().node));
+				},
+				get children() {
+					return renderOptionSlot(() => getRow().node, () => getRow().entryOffset);
+				}
+			}));
+			effect((_$p) => setStyleProperty(_el$5, "transform", `translateY(${rowWindow.getRowStart(row)}px)`));
+			return _el$5;
+		})();
+	};
+	const getWindowedRuns = createMemo(() => {
+		const runs = [];
+		for (const row of rowWindow.getRows()) {
+			const source = getRows()[row.index];
+			const groupIndex = source === void 0 ? void 0 : SelectUtils.getGroupRowIndex(source);
+			const last = runs[runs.length - 1];
+			if (last && last.groupIndex === groupIndex) {
+				last.rows.push(row);
+				continue;
+			}
+			runs.push({
+				groupIndex,
+				group: groupIndex === void 0 ? void 0 : getRows()[groupIndex].node,
+				rows: [row]
+			});
+		}
+		return runs;
+	});
+	const renderWindowedOptions = () => (() => {
+		var _el$6 = _tmpl$5();
+		use(setSizerRef, _el$6);
+		className(_el$6, selectSizer);
+		insert(_el$6, createComponent(For, {
+			get each() {
+				return getWindowedRuns();
+			},
+			children: (run) => createComponent(Show, {
+				get when() {
+					return run.group;
+				},
+				get fallback() {
+					return createComponent(For, {
+						get each() {
+							return run.rows;
+						},
+						children: renderWindowedRow
+					});
+				},
+				keyed: true,
+				children: (group) => (() => {
+					var _el$7 = _tmpl$4();
+					insert(_el$7, createComponent(For, {
+						get each() {
+							return run.rows;
+						},
+						children: renderWindowedRow
+					}));
+					effect(() => setAttribute(_el$7, "aria-label", group.label));
+					return _el$7;
+				})()
+			})
+		}));
+		effect((_$p) => setStyleProperty(_el$6, "height", `${rowWindow.getTotalSize()}px`));
+		return _el$6;
+	})();
+	const renderOptions = () => [createComponent(Show, {
+		get when() {
+			return getIsVirtualized();
+		},
+		get fallback() {
+			return renderMountedOptions();
+		},
+		get children() {
+			return renderWindowedOptions();
+		}
+	}), createComponent(Show, {
+		get when() {
+			return memo(() => !!getHasMoreOptions())() && access(props.options);
+		},
+		keyed: true,
+		children: (_items) => (() => {
+			var _el$8 = _tmpl$6();
+			use(setEndMarkerRef, _el$8);
+			className(_el$8, selectEndMarker);
+			return _el$8;
+		})()
+	})];
+	return createComponent(InteractionWrapper, mergeProps(props, {
+		extraFlags: () => ({
+			isOpen: getIsOpen(),
+			isEmpty: access(props.selectedOptions).length < 1,
+			isFiltering: getIsFiltering()
+		}),
+		ref: (element) => {
+			setFieldRef(element);
+			props.ref?.(element);
+		},
+		renderControl: (setElementRef, getFlags) => [createComponent(SelectField, {
+			ref(r$) {
+				var _ref$2 = setElementRef;
+				typeof _ref$2 === "function" ? _ref$2(r$) : setElementRef = r$;
+			},
+			get id() {
+				return props.id;
+			},
+			get ariaLabel() {
+				return props.ariaLabel;
+			},
+			listboxId: () => listboxId,
+			activeOptionId: getActiveOptionId,
+			isFilterable: getIsFilterable,
+			query: getQuery,
+			textInset: getTextInset,
+			flags: getFlags,
+			get computeTextStyle() {
+				return props.computeTextStyle;
+			},
+			renderContent: (getFieldFlags) => props.renderContent(() => access(props.selectedOptions), getFieldFlags),
+			onToggle: () => getIsOpen() && !getIsFilterable() ? close() : open(),
+			onKeyDown: handleKeyDown,
+			onQueryInput: (query) => {
+				open();
+				setHighlightedValue(() => void 0);
+				props.querySignal?.[1](query);
+			}
+		}), createComponent(Popover, {
+			id: () => listboxId,
+			role: "listbox",
+			ariaAttributes: () => ({ "aria-multiselectable": getIsMultiple() || void 0 }),
+			get placement() {
+				return props.placement;
+			},
+			get offset() {
+				return props.offset;
+			},
+			get reservedScreenSize() {
+				return props.reservedScreenSize;
+			},
+			get transitionDurationMs() {
+				return props.transitionDurationMs;
+			},
+			hasAnchorMinWidth: true,
+			isOpen: getIsOpen,
+			anchorRef: getFieldRef,
+			onDismiss: close,
+			onTransitionStatusChange: setHasPopoverSettled,
+			renderContent: (getVisibilityTarget, getTransitionDurationMs, getPlacement) => props.renderPopup(renderOptions, getVisibilityTarget, getTransitionDurationMs, getPlacement, getFlags)
+		})]
+	}));
+};
+var Select = (props) => {
+	const valueSignal = accessSignal(() => props.valueSignal);
+	const getSelectedOptions = createMemo(() => {
+		const selectedValue = valueSignal[0]();
+		const selectedOption = SelectUtils.getFlatOptions(access(props.options)).find((option) => option.value === selectedValue);
+		return selectedOption ? [selectedOption] : EMPTY_SELECTION;
+	});
+	return createComponent(SelectComposite, mergeProps(props, {
+		selectedOptions: getSelectedOptions,
+		computeIsSelected: (value) => value === valueSignal[0](),
+		renderContent: (getSelectedOptions, getFlags) => props.renderContent(() => getSelectedOptions()[0], getFlags),
+		onPick: (value) => {
+			if (value === valueSignal[0]()) return;
+			valueSignal[1](() => value);
+			props.onSelectionChange?.(value);
+		}
+	}));
+};
+delegateEvents(["click"]);
+//#endregion
+export { Select, SelectComposite };
+
+//# sourceMappingURL=Select.js.map

package/dist/Fundamentals/Input/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","names":["Accessor","JSX","For","Index","Show","createEffect","createMemo","createSignal","createUniqueId","untrack","CSSUtils","StringUtils","CheckedStateUtils","ElementObserver","FlattenerUtils","InteractionTracker","NavigatorUtils","SignalMirror","TextSync","Typeahead","TypeaheadUtils","Virtualizer","VirtualizerRow","access","accessSignal","InteractionWrapper","Popover","FormFieldUtils","LabelUtils","SelectCompositeProps","SelectFieldProps","SelectGroupFlags","SelectItem","SelectOption","SelectOptionGroup","SelectOptionItemProps","SelectProps","SelectUtils","styles","DEFAULT_SELECT_PADDING","EMPTY_QUERY","EMPTY_SELECTION","SelectField","props","getAriaLabel","resolveAriaLabel","ariaLabel","undefined","getAriaDescribedBy","resolveAriaDescribedBy","getElementRef","setElementRef","HTMLInputElement","getIsDisabled","flags","isDisabled","handleInput","handleCompositionStart","handleCompositionEnd","createValueSync","query","onInput","onQueryInput","commonProps","Omit","HTMLAttributes","HTMLElement","aria-describedby","aria-label","aria-disabled","aria-invalid","hasError","aria-expanded","isOpen","aria-controls","listboxId","aria-activedescendant","activeOptionId","onKeyDown","_$createComponent","when","isFilterable","fallback","_el$2","_tmpl$2","_$use","element","ref","_$className","selectField","_$spread","_$mergeProps","id","onClick","onToggle","_$insert","renderContent","children","_$memo","_el$","_tmpl$","selectFilterField","style","textInset","computeTextStyle","readOnly","e","currentTarget","SelectOptionItem","isHighlighted","isSelfScrolling","scrollIntoView","block","_el$3","_tmpl$3","$$click","onSelect","selectOption","_$effect","_p$","_v$","_v$2","_v$3","isSelected","_$setAttribute","t","a","SelectComposite","T","getFieldRef","setFieldRef","getEndMarkerRef","setEndMarkerRef","getSizerRef","setSizerRef","getIsOpen","setIsOpen","createOptional","visibilitySignal","getHasPopoverSettled","setHasPopoverSettled","getHighlightedValue","setHighlightedValue","typeahead","createBuffer","getIsMultiple","isMultiple","getIsFilterable","querySignal","getHasMoreOptions","hasMoreOptions","getQuery","getIsFiltering","getSpreadPadding","padding","spreadPadding","getTextInset","spreadableToStyle","camelToKebabCase","getItemRows","options","getFlatOptions","getRows","getFlatRows","getIsVirtualized","computeEstimatedOptionHeight","getIsAtEnd","createViewportIntersectionObserver","askedForOptions","onReachEnd","getNavigableIndexes","reduce","acc","option","index","isReachable","computeIsReachable","isReachableWhenDisabled","tooltipDefs","push","getHighlightedIndex","navigable","highlightedValue","highlightedIndex","find","value","selectedValue","selectedOptions","selectedIndex","rowWindow","createRowWindow","length","getIsEnabled","computeEstimatedSize","row","isEntry","computeEstimatedGroupHeight","position","entryOffset","getPinnedRows","rowIndex","getEntryRowIndex","getOptionId","computeOptionText","computeCustomText","getElementText","document","getElementById","getActiveOptionId","open","close","pickValue","onPick","getIsLive","scrollToRow","handleKeyDown","KeyboardEvent","key","preventDefault","from","indexOf","computeNextIndex","isArrow","computeNextPosition","hasEdgeKeys","hasWrapped","next","nextValue","computeGroupFlags","group","checkedState","fromMembers","map","computeIsSelected","renderOptionSlot","getOption","getFlatIndex","sizing","isTabbable","extraFlags","renderControl","getFlags","r$","_ref$","getOptionFlags","renderOption","renderMountedOptions","each","getItem","getIsGroup","_el$4","_tmpl$4","renderGroup","groupIndex","label","renderWindowedRow","getRow","_el$5","_tmpl$5","measureRow","selectSizerRow","node","_$p","_$setStyleProperty","getRowStart","getWindowedRuns","runs","rows","source","getGroupRowIndex","last","renderWindowedOptions","_el$6","selectSizer","run","keyed","_el$7","getTotalSize","renderOptions","_items","_el$8","_tmpl$6","selectEndMarker","isEmpty","isFiltering","_ref$2","getFieldFlags","role","ariaAttributes","placement","offset","reservedScreenSize","transitionDurationMs","hasAnchorMinWidth","anchorRef","onDismiss","onTransitionStatusChange","getVisibilityTarget","getTransitionDurationMs","getPlacement","renderPopup","Select","valueSignal","getSelectedOptions","selectedOption","onSelectionChange","_$delegateEvents"],"sources":["../../../../src/Fundamentals/Input/Select/Select.tsx"],"sourcesContent":["import type { Accessor, JSX } from \"solid-js\";\nimport { For, Index, Show, createEffect, createMemo, createSignal, createUniqueId, untrack } from \"solid-js\";\n\nimport { CSSUtils, StringUtils } from \"@thewaver/ss-utils\";\n\nimport { CheckedStateUtils } from \"../../../Abstracts/CheckedState/CheckedState.utils\";\nimport { ElementObserver } from \"../../../Abstracts/ElementObserver/ElementObserver\";\nimport { FlattenerUtils } from \"../../../Abstracts/Flattener/Flattener.utils\";\nimport { InteractionTracker } from \"../../../Abstracts/InteractionTracker/InteractionTracker\";\nimport { NavigatorUtils } from \"../../../Abstracts/Navigator/Navigator.utils\";\nimport { SignalMirror } from \"../../../Abstracts/SignalMirror/SignalMirror\";\nimport { TextSync } from \"../../../Abstracts/TextSync/TextSync\";\nimport { Typeahead } from \"../../../Abstracts/Typeahead/Typeahead\";\nimport { TypeaheadUtils } from \"../../../Abstracts/Typeahead/Typeahead.utils\";\nimport { Virtualizer } from \"../../../Abstracts/Virtualizer/Virtualizer\";\nimport type { VirtualizerRow } from \"../../../Abstracts/Virtualizer/Virtualizer.types\";\nimport { access, accessSignal } from \"../../../Utils/propUtils\";\nimport { InteractionWrapper } from \"../../InteractionWrapper/InteractionWrapper\";\nimport { Popover } from \"../../Popover/Popover\";\nimport { FormFieldUtils } from \"../FormField/FormField.utils\";\nimport { LabelUtils } from \"../Label/Label.utils\";\nimport type {\n    SelectCompositeProps,\n    SelectFieldProps,\n    SelectGroupFlags,\n    SelectItem,\n    SelectOption,\n    SelectOptionGroup,\n    SelectOptionItemProps,\n    SelectProps,\n} from \"./Select.types\";\nimport { SelectUtils } from \"./Select.utils\";\n\nimport * as styles from \"./Select.css\";\n\nconst DEFAULT_SELECT_PADDING = 0;\nconst EMPTY_QUERY = \"\";\nconst EMPTY_SELECTION: never[] = [];\n\nconst SelectField = (props: SelectFieldProps) => {\n    const getAriaLabel = LabelUtils.resolveAriaLabel(\n        props.ariaLabel === undefined ? undefined : () => access(props.ariaLabel)!,\n    );\n    const getAriaDescribedBy = FormFieldUtils.resolveAriaDescribedBy();\n\n    const [getElementRef, setElementRef] = createSignal<HTMLInputElement>();\n\n    const getIsDisabled = () => access(props.flags).isDisabled ?? false;\n\n    const { handleInput, handleCompositionStart, handleCompositionEnd } = TextSync.createValueSync(\n        getElementRef,\n        () => access(props.query),\n        { onInput: props.onQueryInput },\n    );\n\n    const commonProps: Omit<JSX.HTMLAttributes<HTMLElement>, \"ref\"> = {\n        \"role\": \"combobox\",\n        \"aria-haspopup\": \"listbox\",\n        get \"aria-describedby\"() {\n            return getAriaDescribedBy();\n        },\n        get \"aria-label\"() {\n            return getAriaLabel();\n        },\n        get \"aria-disabled\"() {\n            return getIsDisabled() || undefined;\n        },\n        get \"aria-invalid\"() {\n            return access(props.flags).hasError || undefined;\n        },\n        get \"aria-expanded\"() {\n            return access(props.flags).isOpen;\n        },\n        get \"aria-controls\"() {\n            return access(props.flags).isOpen ? access(props.listboxId) : undefined;\n        },\n        get \"aria-activedescendant\"() {\n            return access(props.activeOptionId);\n        },\n        \"onKeyDown\": props.onKeyDown,\n    };\n\n    return (\n        <Show\n            when={access(props.isFilterable)}\n            fallback={\n                <button\n                    id={access(props.id)}\n                    ref={(element) => props.ref?.(element)}\n                    type=\"button\"\n                    class={styles.selectField}\n                    {...commonProps}\n                    onClick={() => {\n                        if (getIsDisabled()) return;\n\n                        props.onToggle();\n                    }}\n                >\n                    {props.renderContent(() => access(props.flags))}\n                </button>\n            }\n        >\n            {props.renderContent(() => access(props.flags))}\n\n            <input\n                id={access(props.id)}\n                ref={(element) => {\n                    setElementRef(element);\n                    props.ref?.(element);\n                }}\n                type=\"text\"\n                class={styles.selectFilterField}\n                style={{ ...access(props.textInset), ...props.computeTextStyle?.(() => access(props.flags)) }}\n                autocomplete=\"off\"\n                readOnly={getIsDisabled()}\n                aria-autocomplete=\"list\"\n                {...commonProps}\n                onClick={() => {\n                    if (getIsDisabled()) return;\n\n                    props.onToggle();\n                }}\n                onInput={(e) => handleInput(e.currentTarget)}\n                onCompositionStart={handleCompositionStart}\n                onCompositionEnd={(e) => handleCompositionEnd(e.currentTarget)}\n            />\n        </Show>\n    );\n};\n\nconst SelectOptionItem = (props: SelectOptionItemProps) => {\n    const [getElementRef, setElementRef] = createSignal<HTMLElement>();\n\n    const getIsDisabled = () => access(props.flags).isDisabled ?? false;\n\n    createEffect(() => {\n        if (!access(props.flags).isHighlighted || !access(props.isSelfScrolling)) return;\n\n        getElementRef()?.scrollIntoView({ block: \"nearest\" });\n    });\n\n    return (\n        <div\n            id={access(props.id)}\n            ref={(element) => {\n                setElementRef(element);\n                props.ref?.(element);\n            }}\n            class={styles.selectOption}\n            role=\"option\"\n            aria-disabled={getIsDisabled() || undefined}\n            aria-selected={access(props.flags).isSelected}\n            onClick={() => {\n                if (getIsDisabled()) return;\n\n                props.onSelect();\n            }}\n        >\n            {props.renderContent(() => access(props.flags))}\n        </div>\n    );\n};\n\nexport const SelectComposite = <T,>(props: SelectCompositeProps<T>) => {\n    const listboxId = createUniqueId();\n\n    const [getFieldRef, setFieldRef] = createSignal<HTMLElement>();\n    const [getEndMarkerRef, setEndMarkerRef] = createSignal<HTMLElement>();\n    const [getSizerRef, setSizerRef] = createSignal<HTMLElement>();\n    const [getIsOpen, setIsOpen] = SignalMirror.createOptional(() => props.visibilitySignal, false);\n    const [getHasPopoverSettled, setHasPopoverSettled] = createSignal(true);\n    const [getHighlightedValue, setHighlightedValue] = createSignal<T | undefined>();\n\n    const typeahead = Typeahead.createBuffer();\n\n    const getIsDisabled = createMemo(() => access(props.isDisabled) ?? false);\n\n    const getIsMultiple = createMemo(() => access(props.isMultiple) ?? false);\n\n    const getIsFilterable = createMemo(() => props.querySignal !== undefined);\n\n    const getHasMoreOptions = createMemo(() => access(props.hasMoreOptions) ?? false);\n\n    const getQuery = createMemo(() => props.querySignal?.[0]() ?? EMPTY_QUERY);\n\n    const getIsFiltering = createMemo(() => getQuery() !== EMPTY_QUERY);\n\n    const getSpreadPadding = createMemo(() => {\n        const padding = access(props.padding) ?? DEFAULT_SELECT_PADDING;\n\n        return typeof padding === \"number\" ? CSSUtils.spreadPadding(padding) : padding;\n    });\n\n    const getTextInset = createMemo(() => CSSUtils.spreadableToStyle(getSpreadPadding(), StringUtils.camelToKebabCase));\n\n    const getItemRows = createMemo(() => SelectUtils.getItemRows(access(props.options)));\n\n    const getFlatOptions = createMemo(() => SelectUtils.getFlatOptions(access(props.options)));\n\n    const getRows = createMemo(() => FlattenerUtils.getFlatRows(getItemRows()));\n\n    const getIsVirtualized = createMemo(() => props.computeEstimatedOptionHeight !== undefined);\n\n    const getIsAtEnd = ElementObserver.createViewportIntersectionObserver(getEndMarkerRef, getIsOpen);\n\n    let askedForOptions: SelectItem<T>[] | undefined;\n\n    createEffect(() => {\n        if (!getIsAtEnd() || !getHasMoreOptions()) return;\n\n        const options = untrack(() => access(props.options));\n\n        if (askedForOptions === options) return;\n\n        askedForOptions = options;\n\n        props.onReachEnd?.();\n    });\n\n    createEffect(() => {\n        if (getIsOpen()) return;\n\n        askedForOptions = undefined;\n    });\n\n    const getNavigableIndexes = createMemo(() =>\n        getFlatOptions().reduce<number[]>((acc, option, index) => {\n            const isReachable = InteractionTracker.computeIsReachable(\n                option.isDisabled ?? false,\n                option.isReachableWhenDisabled ?? false,\n                option.tooltipDefs !== undefined,\n            );\n\n            if (!option.isDisabled || isReachable) acc.push(index);\n\n            return acc;\n        }, []),\n    );\n\n    const getHighlightedIndex = createMemo(() => {\n        const navigable = getNavigableIndexes();\n        const options = getFlatOptions();\n        const highlightedValue = getHighlightedValue();\n\n        const highlightedIndex = navigable.find((index) => options[index].value === highlightedValue);\n\n        if (highlightedIndex !== undefined) return highlightedIndex;\n\n        const selectedValue = access(props.selectedOptions)[0]?.value;\n        const selectedIndex = navigable.find((index) => options[index].value === selectedValue);\n\n        if (!getIsFiltering() && selectedIndex !== undefined) return selectedIndex;\n\n        return navigable[0];\n    });\n\n    const rowWindow = Virtualizer.createRowWindow(getSizerRef, () => getRows().length, {\n        getIsEnabled: () => getIsVirtualized() && getIsOpen(),\n        computeEstimatedSize: (index) => {\n            const row = getRows()[index];\n\n            return row?.isEntry !== true\n                ? (props.computeEstimatedGroupHeight?.(row?.position ?? 0) ??\n                      props.computeEstimatedOptionHeight?.(0) ??\n                      0)\n                : (props.computeEstimatedOptionHeight?.(row.entryOffset) ?? 0);\n        },\n        getPinnedRows: () => {\n            const highlightedIndex = getHighlightedIndex();\n\n            if (highlightedIndex === undefined) return EMPTY_SELECTION;\n\n            const rowIndex = FlattenerUtils.getEntryRowIndex(getRows(), highlightedIndex);\n\n            return rowIndex === -1 ? EMPTY_SELECTION : [rowIndex];\n        },\n    });\n\n    const getOptionId = (index: number) => `${listboxId}-option-${index}`;\n\n    const computeOptionText = (index: number) =>\n        props.computeCustomText?.(getFlatOptions()[index]) ??\n        TypeaheadUtils.getElementText(document.getElementById(getOptionId(index)));\n\n    const getActiveOptionId = createMemo(() => {\n        const highlightedIndex = getHighlightedIndex();\n\n        if (!getIsOpen() || highlightedIndex === undefined) return;\n\n        return getOptionId(highlightedIndex);\n    });\n\n    const open = () => {\n        if (getIsDisabled()) return;\n\n        setIsOpen(true);\n    };\n    createEffect(() => {\n        if (!getIsOpen() || !getIsDisabled()) return;\n\n        setIsOpen(false);\n    });\n\n    const close = () => {\n        setIsOpen(false);\n    };\n\n    createEffect(() => {\n        if (getIsOpen()) return;\n\n        setHighlightedValue(() => undefined);\n    });\n\n    const pickValue = (value: T) => {\n        props.onPick(value);\n\n        if (getIsMultiple()) {\n            setHighlightedValue(() => value);\n\n            return;\n        }\n\n        close();\n    };\n\n    createEffect(() => {\n        if (getIsOpen() || !getHasPopoverSettled() || getQuery() === EMPTY_QUERY) return;\n\n        props.querySignal?.[1](EMPTY_QUERY);\n    });\n\n    createEffect(() => {\n        if (!rowWindow.getIsLive()) return;\n\n        const highlightedIndex = getHighlightedIndex();\n\n        if (highlightedIndex === undefined) return;\n\n        const rowIndex = FlattenerUtils.getEntryRowIndex(getRows(), highlightedIndex);\n\n        if (rowIndex === -1) return;\n\n        rowWindow.scrollToRow(rowIndex);\n    });\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n        if (getIsDisabled()) return;\n\n        const options = getFlatOptions();\n        const navigable = getNavigableIndexes();\n        const isOpen = getIsOpen();\n\n        if (e.key === \"Tab\") {\n            if (isOpen) close();\n\n            return;\n        }\n\n        const query = getIsFilterable() ? undefined : typeahead.push(e);\n\n        if (query !== undefined) {\n            e.preventDefault();\n            open();\n\n            const from = navigable.indexOf(getHighlightedIndex() ?? -1);\n            const position = TypeaheadUtils.computeNextIndex(query, from, navigable.length, (index) =>\n                computeOptionText(navigable[index]),\n            );\n\n            if (position === undefined) return;\n\n            setHighlightedValue(() => options[navigable[position]].value);\n\n            return;\n        }\n\n        if (e.key === \"Enter\" || (e.key === \" \" && !getIsFilterable())) {\n            e.preventDefault();\n\n            if (!isOpen) {\n                open();\n\n                return;\n            }\n\n            const highlightedIndex = getHighlightedIndex();\n\n            if (highlightedIndex === undefined || options[highlightedIndex].isDisabled) return;\n\n            pickValue(options[highlightedIndex].value);\n\n            return;\n        }\n\n        if (navigable.length < 1) return;\n\n        const isArrow = e.key === \"ArrowDown\" || e.key === \"ArrowUp\";\n        const from = navigable.indexOf(getHighlightedIndex() ?? navigable[0]);\n        const position = NavigatorUtils.computeNextPosition(e.key, from, navigable.length, {\n            hasEdgeKeys: !getIsFilterable(),\n        });\n\n        if (position === undefined) return;\n\n        const hasWrapped =\n            (position === 0 && from === navigable.length - 1) || (position === navigable.length - 1 && from === 0);\n\n        if (isArrow && hasWrapped && getHasMoreOptions()) return;\n\n        const next = isOpen || !isArrow ? navigable[position] : getHighlightedIndex();\n\n        if (next === undefined) return;\n\n        e.preventDefault();\n\n        const nextValue = options[next].value;\n\n        open();\n        setHighlightedValue(() => nextValue);\n    };\n\n    const computeGroupFlags = (group: SelectOptionGroup<T>): SelectGroupFlags => ({\n        checkedState: CheckedStateUtils.fromMembers(\n            group.options.map((option) => props.computeIsSelected(option.value)),\n        ),\n    });\n\n    const renderOptionSlot = (getOption: Accessor<SelectOption<T>>, getFlatIndex: Accessor<number>) => (\n        <InteractionWrapper\n            sizing={\"fill\"}\n            isDisabled={() => getOption().isDisabled ?? false}\n            isReachableWhenDisabled={() => getOption().isReachableWhenDisabled ?? false}\n            isTabbable={false}\n            tooltipDefs={() => getOption().tooltipDefs}\n            extraFlags={() => ({\n                isHighlighted: getFlatIndex() === getHighlightedIndex(),\n                isSelected: props.computeIsSelected(getOption().value),\n            })}\n            renderControl={(setElementRef, getFlags) => (\n                <SelectOptionItem\n                    ref={setElementRef}\n                    id={() => getOptionId(getFlatIndex())}\n                    isSelfScrolling={() => !getIsVirtualized()}\n                    flags={getFlags}\n                    renderContent={(getOptionFlags) => props.renderOption(getOption, getOptionFlags)}\n                    onSelect={() => pickValue(getOption().value)}\n                />\n            )}\n        />\n    );\n\n    const renderMountedOptions = () => (\n        <Index each={access(props.options)}>\n            {(getItem, index) => (\n                <Show\n                    when={SelectUtils.getIsGroup(getItem())}\n                    fallback={renderOptionSlot(\n                        () => getItem() as SelectOption<T>,\n                        () => getItemRows()[index].entryOffset,\n                    )}\n                >\n                    <div role=\"group\" aria-label={(getItem() as SelectOptionGroup<T>).label}>\n                        {props.renderGroup?.(\n                            () => getItem() as SelectOptionGroup<T>,\n                            () => computeGroupFlags(getItem() as SelectOptionGroup<T>),\n                        )}\n\n                        <Index each={(getItem() as SelectOptionGroup<T>).options}>\n                            {(getOption, groupIndex) =>\n                                renderOptionSlot(getOption, () => getItemRows()[index].entryOffset + groupIndex)\n                            }\n                        </Index>\n                    </div>\n                </Show>\n            )}\n        </Index>\n    );\n\n    const renderWindowedRow = (row: VirtualizerRow) => {\n        const getRow = () => getRows()[row.index];\n\n        return (\n            <div\n                class={styles.selectSizerRow}\n                style={{ transform: `translateY(${rowWindow.getRowStart(row)}px)` }}\n                ref={(element) => rowWindow.measureRow(element, row.index)}\n            >\n                <Show\n                    when={getRow().isEntry}\n                    fallback={props.renderGroup?.(\n                        () => getRow().node as SelectOptionGroup<T>,\n                        () => computeGroupFlags(getRow().node as SelectOptionGroup<T>),\n                    )}\n                >\n                    {renderOptionSlot(\n                        () => getRow().node as SelectOption<T>,\n                        () => getRow().entryOffset,\n                    )}\n                </Show>\n            </div>\n        );\n    };\n\n    const getWindowedRuns = createMemo(() => {\n        const runs: {\n            groupIndex: number | undefined;\n            group: SelectOptionGroup<T> | undefined;\n            rows: VirtualizerRow[];\n        }[] = [];\n\n        for (const row of rowWindow.getRows()) {\n            const source = getRows()[row.index];\n            const groupIndex = source === undefined ? undefined : SelectUtils.getGroupRowIndex(source);\n            const last = runs[runs.length - 1];\n\n            if (last && last.groupIndex === groupIndex) {\n                last.rows.push(row);\n\n                continue;\n            }\n\n            runs.push({\n                groupIndex,\n                group: groupIndex === undefined ? undefined : (getRows()[groupIndex].node as SelectOptionGroup<T>),\n                rows: [row],\n            });\n        }\n\n        return runs;\n    });\n\n    const renderWindowedOptions = () => (\n        <div ref={setSizerRef} class={styles.selectSizer} style={{ height: `${rowWindow.getTotalSize()}px` }}>\n            <For each={getWindowedRuns()}>\n                {(run) => (\n                    <Show when={run.group} fallback={<For each={run.rows}>{renderWindowedRow}</For>} keyed>\n                        {(group: SelectOptionGroup<T>) => (\n                            <div role=\"group\" aria-label={group.label}>\n                                <For each={run.rows}>{renderWindowedRow}</For>\n                            </div>\n                        )}\n                    </Show>\n                )}\n            </For>\n        </div>\n    );\n\n    const renderOptions = () => (\n        <>\n            <Show when={getIsVirtualized()} fallback={renderMountedOptions()}>\n                {renderWindowedOptions()}\n            </Show>\n\n            <Show when={getHasMoreOptions() && access(props.options)} keyed>\n                {(_items: SelectItem<T>[]) => (\n                    <div ref={setEndMarkerRef} class={styles.selectEndMarker} aria-hidden=\"true\" />\n                )}\n            </Show>\n        </>\n    );\n\n    return (\n        <InteractionWrapper\n            {...props}\n            extraFlags={() => ({\n                isOpen: getIsOpen(),\n                isEmpty: access(props.selectedOptions).length < 1,\n                isFiltering: getIsFiltering(),\n            })}\n            ref={(element) => {\n                setFieldRef(element);\n                props.ref?.(element);\n            }}\n            renderControl={(setElementRef, getFlags) => (\n                <>\n                    <SelectField\n                        ref={setElementRef}\n                        id={props.id}\n                        ariaLabel={props.ariaLabel}\n                        listboxId={() => listboxId}\n                        activeOptionId={getActiveOptionId}\n                        isFilterable={getIsFilterable}\n                        query={getQuery}\n                        textInset={getTextInset}\n                        flags={getFlags}\n                        computeTextStyle={props.computeTextStyle}\n                        renderContent={(getFieldFlags) =>\n                            props.renderContent(() => access(props.selectedOptions), getFieldFlags)\n                        }\n                        onToggle={() => (getIsOpen() && !getIsFilterable() ? close() : open())}\n                        onKeyDown={handleKeyDown}\n                        onQueryInput={(query) => {\n                            open();\n                            setHighlightedValue(() => undefined);\n\n                            props.querySignal?.[1](query);\n                        }}\n                    />\n\n                    <Popover\n                        id={() => listboxId}\n                        role={\"listbox\"}\n                        ariaAttributes={() => ({ \"aria-multiselectable\": getIsMultiple() || undefined })}\n                        placement={props.placement}\n                        offset={props.offset}\n                        reservedScreenSize={props.reservedScreenSize}\n                        transitionDurationMs={props.transitionDurationMs}\n                        hasAnchorMinWidth={true}\n                        isOpen={getIsOpen}\n                        anchorRef={getFieldRef}\n                        onDismiss={close}\n                        onTransitionStatusChange={setHasPopoverSettled}\n                        renderContent={(getVisibilityTarget, getTransitionDurationMs, getPlacement) =>\n                            props.renderPopup(\n                                renderOptions,\n                                getVisibilityTarget,\n                                getTransitionDurationMs,\n                                getPlacement,\n                                getFlags,\n                            )\n                        }\n                    />\n                </>\n            )}\n        />\n    );\n};\n\nexport const Select = <T,>(props: SelectProps<T>) => {\n    const valueSignal = accessSignal(() => props.valueSignal);\n\n    const getSelectedOptions = createMemo(() => {\n        const selectedValue = valueSignal[0]();\n        const selectedOption = SelectUtils.getFlatOptions(access(props.options)).find(\n            (option) => option.value === selectedValue,\n        );\n\n        return selectedOption ? [selectedOption] : EMPTY_SELECTION;\n    });\n\n    return (\n        <SelectComposite\n            {...props}\n            selectedOptions={getSelectedOptions}\n            computeIsSelected={(value) => value === valueSignal[0]()}\n            renderContent={(getSelectedOptions, getFlags) =>\n                props.renderContent(() => getSelectedOptions()[0], getFlags)\n            }\n            onPick={(value) => {\n                if (value === valueSignal[0]()) return;\n\n                valueSignal[1](() => value);\n\n                void props.onSelectionChange?.(value);\n            }}\n        />\n    );\n};\n"],"mappings":"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"}

package/dist/Fundamentals/Input/Select/Select.utils.js

@@ -0,0 +1,17 @@
+import { FlattenerUtils } from "../../../Abstracts/Flattener/Flattener.utils.js";
+//#region src/Fundamentals/Input/Select/Select.utils.ts
+var SelectUtils;
+(function(_SelectUtils) {
+	const getIsGroup = _SelectUtils.getIsGroup = (item) => "options" in item;
+	_SelectUtils.getItemRows = (items) => FlattenerUtils.getRows(items, {
+		computeChildren: (item) => getIsGroup(item) ? item.options : void 0,
+		computeIsBranch: getIsGroup,
+		computeIsEntry: (item) => !getIsGroup(item)
+	});
+	_SelectUtils.getGroupRowIndex = (row) => getIsGroup(row.node) ? row.index : row.parentIndex;
+	_SelectUtils.getFlatOptions = (items) => items.flatMap((item) => getIsGroup(item) ? item.options : [item]);
+})(SelectUtils || (SelectUtils = {}));
+//#endregion
+export { SelectUtils };
+
+//# sourceMappingURL=Select.utils.js.map

package/dist/Fundamentals/Input/Select/Select.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.utils.js","names":[],"sources":["../../../../src/Fundamentals/Input/Select/Select.utils.ts"],"sourcesContent":["import { FlattenerUtils } from \"../../../Abstracts/Flattener/Flattener.utils\";\nimport type { SelectItem, SelectOption, SelectOptionGroup, SelectRow } from \"./Select.types\";\n\nexport namespace SelectUtils {\n    export const getIsGroup = <T>(item: SelectItem<T>): item is SelectOptionGroup<T> => \"options\" in item;\n\n    export const getItemRows = <T>(items: SelectItem<T>[]): SelectRow<T>[] =>\n        FlattenerUtils.getRows(items, {\n            computeChildren: (item) => (getIsGroup(item) ? item.options : undefined),\n            computeIsBranch: getIsGroup,\n            computeIsEntry: (item) => !getIsGroup(item),\n        });\n\n    export const getGroupRowIndex = <T>(row: SelectRow<T>) => (getIsGroup(row.node) ? row.index : row.parentIndex);\n\n    export const getFlatOptions = <T>(items: SelectItem<T>[]): SelectOption<T>[] =>\n        items.flatMap((item) => (getIsGroup(item) ? item.options : [item]));\n}\n"],"mappings":";;AAGO,IAAU;CAAV,SAAA,cAAA;CACI,MAAM,aAAA,aAAA,cAAiB,SAAsD,aAAa;CAEpF,aAAA,eAAkB,UAC3B,eAAe,QAAQ,OAAO;EAC1B,kBAAkB,SAAU,WAAW,IAAI,IAAI,KAAK,UAAU,KAAA;EAC9D,iBAAiB;EACjB,iBAAiB,SAAS,CAAC,WAAW,IAAI;CAC9C,CAAC;CAEQ,aAAA,oBAAuB,QAAuB,WAAW,IAAI,IAAI,IAAI,IAAI,QAAQ,IAAI;CAErF,aAAA,kBAAqB,UAC9B,MAAM,SAAS,SAAU,WAAW,IAAI,IAAI,KAAK,UAAU,CAAC,IAAI,CAAE;AACzE,EAAA,CAAA,gBAAA,cAAA,CAAA,EAAD"}