@devslab/dds-solid 0.21.2 → 0.22.1

package/dist/assets/choice-DoXiK8nc.js

@@ -0,0 +1,443 @@
+import { For, Show, createEffect, createMemo, createSignal, createUniqueId, onCleanup, onMount, untrack } from "solid-js";
+import { Portal, createComponent, escape, memo, mergeProps as mergeProps$1, ssr, ssrAttribute, ssrHydrationKey, ssrStyle, ssrStyleProperty } from "solid-js/web";
+import { Combobox, createListCollection } from "@ark-ui/solid/combobox";
+import { Select } from "@ark-ui/solid/select";
+import { createVirtualizer, defaultRangeExtractor } from "@tanstack/solid-virtual";
+//#region src/choice-types.ts
+function validateOptions(items) {
+	const ids = /* @__PURE__ */ new Set();
+	for (const item of items) {
+		if (!item.value || ids.has(item.value)) throw new Error(`DDS choice: option IDs must be nonempty and unique (${JSON.stringify(item.value)})`);
+		ids.add(item.value);
+	}
+}
+var choiceMessages = {
+	open: "선택 열기",
+	clear: "선택 지우기",
+	loading: "불러오는 중",
+	empty: "결과 없음",
+	error: "불러오지 못했습니다",
+	retry: "다시 시도"
+};
+/** Read the consumer environment at runtime, rather than the library build mode. */
+function choiceWarningsEnabled() {
+	return globalThis.process?.env?.NODE_ENV !== "production";
+}
+//#endregion
+//#region src/internal/choice.tsx
+var _tmpl$ = [
+	"<button",
+	" class=\"dds-choice-clear\" type=\"button\"",
+	">×</button>"
+];
+var _tmpl$2 = [
+	"<input",
+	" class=\"dds-choice-validation\" style=\"",
+	"\" tabindex=\"-1\" aria-hidden=\"true\"",
+	"",
+	"",
+	">"
+];
+var _tmpl$3 = [
+	"<button",
+	" class=\"dds-choice-retry\" type=\"button\">",
+	"</button>"
+];
+var _tmpl$4 = [
+	"<div",
+	" class=\"dds-choice-status\" role=\"status\" aria-live=\"polite\"><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--></div>"
+];
+var _tmpl$5 = [
+	"<span",
+	" class=\"dds-choice-value\">",
+	"</span>"
+];
+var _tmpl$6 = [
+	"<div",
+	" style=\"",
+	"\">",
+	"</div>"
+];
+var _tmpl$7 = [
+	"<span",
+	" class=\"dds-choice-description\">",
+	"</span>"
+];
+function Choice(props) {
+	const id = createUniqueId();
+	const [internal, setInternal] = createSignal(props.defaultValue ?? "");
+	const value = () => props.value ?? internal();
+	const label = createMemo(() => props.items.find((item) => item.value === value())?.label ?? (props.selectedOption?.value === value() ? props.selectedOption.label : value()));
+	const [draft, setDraft] = createSignal(props.defaultInputValue ?? label());
+	const inputValue = () => props.inputValue ?? draft();
+	const [open, setOpen] = createSignal(false), [highlight, setHighlight] = createSignal(null);
+	let visible;
+	const [scroll, setScroll] = createSignal(null);
+	const [portalMount, setPortalMount] = createSignal();
+	onMount(() => {});
+	let composing = false;
+	let pendingRestore = null;
+	const resolveLabel = (id) => props.items.find((item) => item.value === id)?.label ?? (props.selectedOption?.value === id ? props.selectedOption.label : id);
+	const blocked = () => props.disabled || props.readOnly;
+	const messages = () => ({
+		...choiceMessages,
+		...props.messages
+	});
+	const setInput = (next) => {
+		if (pendingRestore?.from === inputValue() && pendingRestore.to === next) return;
+		pendingRestore = null;
+		if (props.inputValue === void 0) setDraft(next);
+		props.onInputValueChange?.(next);
+	};
+	const restoreInput = (next) => {
+		const current = inputValue();
+		if (next === current) return;
+		if (pendingRestore?.from === current && pendingRestore.to === next) return;
+		pendingRestore = {
+			from: current,
+			to: next
+		};
+		if (props.inputValue === void 0) setDraft(next);
+		else props.onInputValueChange?.(next);
+	};
+	const setValue = (next) => {
+		if (props.value === void 0) setInternal(next);
+		props.onValueChange?.(next);
+	};
+	createEffect(() => {
+		validateOptions(props.items);
+	});
+	createEffect(() => {
+		if (choiceWarningsEnabled() && value() && !props.items.some((item) => item.value === value()) && props.selectedOption?.value !== value()) console.warn(`DDS choice: no label supplied for selected ID ${JSON.stringify(value())}; pass selectedOption when the selection is outside items.`);
+	});
+	let previousSelection = {
+		value: value(),
+		label: label()
+	};
+	createEffect(() => {
+		const current = {
+			value: value(),
+			label: label()
+		};
+		if (previousSelection.value !== current.value || previousSelection.label !== current.label) {
+			previousSelection = current;
+			untrack(() => restoreInput(current.label));
+		}
+	});
+	createEffect(() => {
+		const form = props.form ? void 0 : void 0;
+		if (!form) return;
+		const reset = (event) => queueMicrotask(() => {
+			if (event.defaultPrevented) return;
+			const resetValue = props.value ?? props.defaultValue ?? "";
+			const resetLabel = resolveLabel(resetValue);
+			previousSelection = {
+				value: resetValue,
+				label: resetLabel
+			};
+			if (props.value === void 0) setInternal(resetValue);
+			restoreInput(props.defaultInputValue ?? resetLabel);
+			setOpen(false);
+			if (visible instanceof HTMLInputElement) visible.value = inputValue();
+		});
+		form.addEventListener("reset", reset);
+		onCleanup(() => form.removeEventListener("reset", reset));
+	});
+	const items = createMemo(() => props.searchable && props.filterMode !== "external" && inputValue() !== label() ? props.items.filter((item) => item.label.toLocaleLowerCase().includes(inputValue().toLocaleLowerCase())) : props.items);
+	const collection = createMemo(() => createListCollection({
+		items: items(),
+		itemToString: (item) => item.label,
+		itemToValue: (item) => item.value,
+		isItemDisabled: (item) => !!item.disabled
+	}));
+	const virtual = () => !!props.virtualization;
+	const height = () => {
+		const configured = props.virtualization ? props.virtualization.itemHeight : void 0;
+		return Number.isFinite(configured) ? Math.max(40, configured) : 40;
+	};
+	const activeIndex = () => items().findIndex((item) => item.value === highlight());
+	const virtualizer = createVirtualizer({
+		get count() {
+			return items().length;
+		},
+		getScrollElement: scroll,
+		estimateSize: height,
+		get overscan() {
+			return props.virtualization ? props.virtualization.overscan ?? 5 : 5;
+		},
+		get enabled() {
+			return virtual() && open();
+		},
+		initialRect: {
+			width: 0,
+			height: 320
+		},
+		get rangeExtractor() {
+			const active = activeIndex();
+			return (range) => {
+				const indexes = defaultRangeExtractor(range);
+				if (active >= 0 && !indexes.includes(active)) indexes.push(active);
+				return indexes.sort((a, b) => a - b);
+			};
+		}
+	});
+	createEffect(() => {
+		items();
+		const opened = open();
+		setHighlight(null);
+		if (virtual() && opened) virtualizer.scrollToIndex(Math.max(0, items().findIndex((item) => item.value === value())), { align: "auto" });
+	});
+	const Parts = props.searchable ? Combobox : Select;
+	const rows = createMemo(() => {
+		const result = virtual() ? virtualizer.getVirtualItems().map((row) => ({
+			index: row.index,
+			start: row.start
+		})) : items().map((_, index) => ({
+			index,
+			start: 0
+		}));
+		const active = activeIndex();
+		if (virtual() && active >= 0 && !result.some((row) => row.index === active)) result.push({
+			index: active,
+			start: active * height()
+		});
+		return result;
+	});
+	const status = () => props.loading ? messages().loading : props.error ? typeof props.error === "string" ? props.error : messages().error : items().length === 0 ? messages().empty : "";
+	const rootProps = {
+		get collection() {
+			return collection();
+		},
+		get value() {
+			return value() ? [value()] : [];
+		},
+		get open() {
+			return open() && !blocked();
+		},
+		get disabled() {
+			return props.disabled;
+		},
+		get readOnly() {
+			return props.readOnly;
+		},
+		onOpenChange: (details) => {
+			if (!blocked()) setOpen(details.open);
+		},
+		onValueChange: (details) => {
+			if (blocked() || composing) return;
+			const next = details.value[0] ?? "";
+			if (next !== value()) setValue(next);
+		},
+		onHighlightChange: (details) => setHighlight(details.highlightedValue),
+		get scrollToIndexFn() {
+			return virtual() ? ({ index }) => virtualizer.scrollToIndex(index, { align: "auto" }) : void 0;
+		},
+		get positioning() {
+			return {
+				placement: "bottom-start",
+				sameWidth: true,
+				gutter: 4,
+				strategy: portalMount()?.matches("[role=\"dialog\"], [role=\"alertdialog\"]") ? "fixed" : "absolute",
+				hideWhenDetached: !!portalMount()?.matches("[role=\"dialog\"], [role=\"alertdialog\"]")
+			};
+		}
+	};
+	const inputProps = props.searchable ? {
+		get inputValue() {
+			return inputValue();
+		},
+		onInputValueChange: (details) => {
+			if (!blocked() && details.inputValue !== inputValue()) setInput(details.inputValue);
+		},
+		selectionBehavior: "preserve"
+	} : {};
+	return createComponent(Parts.Root, mergeProps$1(rootProps, inputProps, {
+		get id() {
+			return props.id ?? id;
+		},
+		"class": "dds-choice",
+		get ["data-label-placement"]() {
+			return props.labelPlacement ?? "outside";
+		},
+		get ["data-has-value"]() {
+			return value() || inputValue() ? "" : void 0;
+		},
+		get children() {
+			return [
+				createComponent(Show, {
+					get when() {
+						return props.label;
+					},
+					get children() {
+						return createComponent(Parts.Label, {
+							"class": "dds-choice-label",
+							onClick: () => void 0,
+							get children() {
+								return props.label;
+							}
+						});
+					}
+				}),
+				createComponent(Parts.Control, {
+					"class": "dds-choice-control",
+					get children() {
+						return [
+							createComponent(Show, {
+								get when() {
+									return props.searchable;
+								},
+								get children() {
+									return createComponent(Combobox.Input, {
+										"class": "dds-choice-input",
+										get ["aria-label"]() {
+											return props["aria-label"];
+										},
+										get ["aria-labelledby"]() {
+											return props["aria-labelledby"];
+										},
+										get ["aria-describedby"]() {
+											return props["aria-describedby"];
+										},
+										get ["aria-required"]() {
+											return props.required;
+										},
+										get placeholder() {
+											return props.placeholder;
+										},
+										onCompositionStart: () => {
+											composing = true;
+										},
+										onCompositionEnd: () => {
+											composing = false;
+										},
+										onKeyDown: (event) => {
+											if (composing && event.key === "Enter") {
+												event.preventDefault();
+												event.stopPropagation();
+											}
+										},
+										onBlur: () => {
+											if (value()) restoreInput(label());
+										}
+									});
+								}
+							}),
+							createComponent(Parts.Trigger, {
+								"class": "dds-choice-trigger",
+								get ["aria-label"]() {
+									return memo(() => !!props.searchable)() ? messages().open : props["aria-label"];
+								},
+								get ["aria-labelledby"]() {
+									return props["aria-labelledby"];
+								},
+								get ["aria-describedby"]() {
+									return props["aria-describedby"];
+								},
+								get ["aria-required"]() {
+									return props.required;
+								},
+								get children() {
+									return props.searchable ? "⌄" : ssr(_tmpl$5, ssrHydrationKey(), escape(label() || props.placeholder || messages().open));
+								}
+							}),
+							createComponent(Show, {
+								get when() {
+									return memo(() => !!(props.clearable && !blocked()))() && (value() || inputValue());
+								},
+								get children() {
+									return ssr(_tmpl$, ssrHydrationKey(), ssrAttribute("aria-label", escape(messages().clear, true), false));
+								}
+							})
+						];
+					}
+				}),
+				ssr(_tmpl$2, ssrHydrationKey(), ssrStyleProperty("position:", "absolute") + ssrStyleProperty(";width:", "1px") + ssrStyleProperty(";height:", "1px") + ssrStyleProperty(";padding:", "0") + ssrStyleProperty(";border:", "0") + ssrStyleProperty(";clip-path:", "inset(50%)") + ssrStyleProperty(";overflow:", "hidden") + ssrStyleProperty(";white-space:", "nowrap"), ssrAttribute("name", escape(props.name, true), false) + ssrAttribute("form", escape(props.form, true), false) + ssrAttribute("value", escape(value(), true), false), ssrAttribute("required", props.required, true), ssrAttribute("disabled", props.disabled, true)),
+				ssr(_tmpl$4, ssrHydrationKey(), escape(status()), escape(createComponent(Show, {
+					get when() {
+						return memo(() => !!props.error)() && props.onRetry;
+					},
+					get children() {
+						return ssr(_tmpl$3, ssrHydrationKey(), escape(messages().retry));
+					}
+				}))),
+				createComponent(Show, {
+					get when() {
+						return portalMount();
+					},
+					children: (mount) => createComponent(Portal, {
+						get mount() {
+							return mount();
+						},
+						get children() {
+							return createComponent(Parts.Positioner, {
+								"class": "dds-choice-positioner",
+								get children() {
+									return createComponent(Parts.Content, {
+										"class": "dds-choice-content",
+										style: {
+											"max-height": "min(320px, var(--available-height, 320px))",
+											overflow: "auto"
+										},
+										get children() {
+											return ssr(_tmpl$6, ssrHydrationKey(), ssrStyle(virtual() ? {
+												height: `${virtualizer.getTotalSize()}px`,
+												position: "relative"
+											} : void 0), escape(createComponent(For, {
+												get each() {
+													return rows();
+												},
+												children: (row) => {
+													const item = () => items()[row.index];
+													return createComponent(Parts.Item, {
+														get item() {
+															return item();
+														},
+														"class": "dds-choice-item",
+														get ["aria-posinset"]() {
+															return row.index + 1;
+														},
+														get ["aria-setsize"]() {
+															return items().length;
+														},
+														get style() {
+															return memo(() => !!virtual())() ? {
+																position: "absolute",
+																top: "0",
+																left: "0",
+																width: "100%",
+																height: `${height()}px`,
+																transform: `translateY(${row.start}px)`
+															} : void 0;
+														},
+														get children() {
+															return [createComponent(Parts.ItemText, { get children() {
+																return item().label;
+															} }), createComponent(Show, {
+																get when() {
+																	return item().description;
+																},
+																get children() {
+																	return ssr(_tmpl$7, ssrHydrationKey(), escape(item().description));
+																}
+															})];
+														}
+													});
+												}
+											})));
+										}
+									});
+								}
+							});
+						}
+					})
+				})
+			];
+		}
+	}));
+}
+//#endregion
+export { Choice as t };
+
+//# sourceMappingURL=choice-DoXiK8nc.js.map

package/dist/assets/choice-DoXiK8nc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice-DoXiK8nc.js","names":["Combobox","C","createListCollection","Select","S","Portal","createEffect","createMemo","createSignal","createUniqueId","For","onCleanup","onMount","Show","untrack","createVirtualizer","defaultRangeExtractor","Range","choiceMessages","choiceWarningsEnabled","validateOptions","ComboboxProps","Choice","props","searchable","id","internal","setInternal","defaultValue","value","label","items","find","item","selectedOption","draft","setDraft","defaultInputValue","inputValue","open","setOpen","highlight","setHighlight","visible","HTMLInputElement","HTMLButtonElement","validation","scroll","setScroll","HTMLDivElement","portalMount","setPortalMount","HTMLElement","closest","ownerDocument","body","composing","pendingRestore","from","to","resolveLabel","blocked","disabled","readOnly","messages","setInput","next","undefined","onInputValueChange","restoreInput","current","setValue","onValueChange","some","console","warn","JSON","stringify","previousSelection","associatedForm","form","getElementById","HTMLFormElement","reset","event","Event","queueMicrotask","defaultPrevented","resetValue","resetLabel","addEventListener","removeEventListener","filterMode","filter","toLocaleLowerCase","includes","collection","itemToString","itemToValue","isItemDisabled","virtual","virtualization","height","configured","itemHeight","Number","isFinite","Math","max","activeIndex","findIndex","virtualizer","count","length","getScrollElement","estimateSize","overscan","enabled","initialRect","width","rangeExtractor","active","range","indexes","push","sort","a","b","opened","scrollToIndex","align","Parts","rows","result","getVirtualItems","map","row","index","start","_","status","loading","error","empty","rootProps","onOpenChange","details","onHighlightChange","highlightedValue","scrollToIndexFn","positioning","placement","const","sameWidth","gutter","strategy","matches","hideWhenDetached","inputProps","selectionBehavior","_$createComponent","Root","_$mergeProps","data-label-placement","labelPlacement","data-has-value","children","when","Label","onClick","focus","Control","Input","aria-label","aria-labelledby","aria-describedby","aria-required","required","placeholder","onCompositionStart","onCompositionEnd","onKeyDown","key","preventDefault","stopPropagation","onBlur","Trigger","_$memo","_$ssr","_tmpl$5","_$ssrHydrationKey","_$escape","clearable","_tmpl$","_$ssrAttribute","clear","_tmpl$2","_$ssrStyleProperty","name","_tmpl$4","onRetry","_tmpl$3","retry","mount","Positioner","Content","style","overflow","_tmpl$6","_$ssrStyle","getTotalSize","position","each","Item","aria-posinset","aria-setsize","top","left","transform","ItemText","description","_tmpl$7"],"sources":["../../src/choice-types.ts","../../src/internal/choice.tsx"],"sourcesContent":["export interface ChoiceOption {\n  value: string;\n  label: string;\n  description?: string;\n  disabled?: boolean;\n}\nexport interface ChoiceMessages {\n  open?: string;\n  clear?: string;\n  loading?: string;\n  empty?: string;\n  error?: string;\n  retry?: string;\n}\nexport type ChoiceVirtualization =\n  | false\n  | { itemHeight?: number; overscan?: number };\nexport interface ChoiceProps {\n  items: ChoiceOption[];\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  selectedOption?: ChoiceOption;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n  form?: string;\n  id?: string;\n  label?: string;\n  labelPlacement?: \"outside\" | \"inside\" | \"hidden\";\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n  \"aria-describedby\"?: string;\n  placeholder?: string;\n  clearable?: boolean;\n  messages?: ChoiceMessages;\n  virtualization?: ChoiceVirtualization;\n}\nexport interface ComboboxProps extends ChoiceProps {\n  inputValue?: string;\n  defaultInputValue?: string;\n  onInputValueChange?: (value: string) => void;\n  filterMode?: \"local\" | \"external\";\n  loading?: boolean;\n  error?: string | boolean;\n  onRetry?: () => void;\n}\nexport interface SelectPickerProps extends ChoiceProps {}\n\nexport function validateOptions(items: ChoiceOption[]) {\n  const ids = new Set<string>();\n  for (const item of items) {\n    if (!item.value || ids.has(item.value))\n      throw new Error(\n        `DDS choice: option IDs must be nonempty and unique (${JSON.stringify(item.value)})`,\n      );\n    ids.add(item.value);\n  }\n}\nexport const choiceMessages: Required<ChoiceMessages> = {\n  open: \"선택 열기\",\n  clear: \"선택 지우기\",\n  loading: \"불러오는 중\",\n  empty: \"결과 없음\",\n  error: \"불러오지 못했습니다\",\n  retry: \"다시 시도\",\n};\n\n/** Read the consumer environment at runtime, rather than the library build mode. */\nexport function choiceWarningsEnabled() {\n  return (\n    (globalThis as { process?: { env?: { NODE_ENV?: string } } }).process?.env\n      ?.NODE_ENV !== \"production\"\n  );\n}\n","import { Combobox as C, createListCollection } from \"@ark-ui/solid/combobox\";\nimport { Select as S } from \"@ark-ui/solid/select\";\nimport { Portal } from \"solid-js/web\";\nimport {\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  For,\n  onCleanup,\n  onMount,\n  Show,\n  untrack,\n} from \"solid-js\";\nimport {\n  createVirtualizer,\n  defaultRangeExtractor,\n  type Range,\n} from \"@tanstack/solid-virtual\";\nimport {\n  choiceMessages,\n  choiceWarningsEnabled,\n  validateOptions,\n  type ComboboxProps,\n} from \"../choice-types\";\n\nexport function Choice(props: ComboboxProps & { searchable: boolean }) {\n  const id = createUniqueId();\n  const [internal, setInternal] = createSignal(props.defaultValue ?? \"\");\n  const value = () => props.value ?? internal();\n  const label = createMemo(\n    () =>\n      props.items.find((item) => item.value === value())?.label ??\n      (props.selectedOption?.value === value()\n        ? props.selectedOption.label\n        : value()),\n  );\n  const [draft, setDraft] = createSignal(props.defaultInputValue ?? label());\n  const inputValue = () => props.inputValue ?? draft();\n  const [open, setOpen] = createSignal(false),\n    [highlight, setHighlight] = createSignal<string | null>(null);\n  let visible: HTMLInputElement | HTMLButtonElement | undefined,\n    validation: HTMLInputElement | undefined;\n  const [scroll, setScroll] = createSignal<HTMLDivElement | null>(null);\n  const [portalMount, setPortalMount] = createSignal<HTMLElement>();\n  onMount(() => {\n    // Preserve the enclosing modal's isolation boundary for nested options.\n    if (visible)\n      setPortalMount(\n        visible.closest<HTMLElement>('[role=\"dialog\"], [role=\"alertdialog\"]') ??\n          visible.ownerDocument.body,\n      );\n  });\n  let composing = false;\n  let pendingRestore: { from: string; to: string } | null = null;\n  const resolveLabel = (id: string) =>\n    props.items.find((item) => item.value === id)?.label ??\n    (props.selectedOption?.value === id ? props.selectedOption.label : id);\n  const blocked = () => props.disabled || props.readOnly;\n  const messages = () => ({ ...choiceMessages, ...props.messages });\n  const setInput = (next: string) => {\n    if (pendingRestore?.from === inputValue() && pendingRestore.to === next)\n      return;\n    pendingRestore = null;\n    if (props.inputValue === undefined) setDraft(next);\n    props.onInputValueChange?.(next);\n  };\n  const restoreInput = (next: string) => {\n    const current = inputValue();\n    if (next === current) return;\n    if (pendingRestore?.from === current && pendingRestore.to === next) return;\n    pendingRestore = { from: current, to: next };\n    if (props.inputValue === undefined) setDraft(next);\n    else props.onInputValueChange?.(next);\n  };\n  const setValue = (next: string) => {\n    if (props.value === undefined) setInternal(next);\n    props.onValueChange?.(next);\n  };\n  createEffect(() => {\n    validateOptions(props.items);\n  });\n  createEffect(() => {\n    if (\n      choiceWarningsEnabled() &&\n      value() &&\n      !props.items.some((item) => item.value === value()) &&\n      props.selectedOption?.value !== value()\n    )\n      console.warn(\n        `DDS choice: no label supplied for selected ID ${JSON.stringify(value())}; pass selectedOption when the selection is outside items.`,\n      );\n  });\n  let previousSelection = { value: value(), label: label() };\n  createEffect(() => {\n    const current = { value: value(), label: label() };\n    if (\n      previousSelection.value !== current.value ||\n      previousSelection.label !== current.label\n    ) {\n      previousSelection = current;\n      untrack(() => restoreInput(current.label));\n    }\n  });\n  createEffect(() => {\n    const associatedForm = props.form;\n    const form = associatedForm\n      ? (validation?.ownerDocument.getElementById(\n          associatedForm,\n        ) as HTMLFormElement | null)\n      : validation?.form;\n    if (!form) return;\n    const reset = (event: Event) =>\n      queueMicrotask(() => {\n        if (event.defaultPrevented) return;\n        const resetValue = props.value ?? props.defaultValue ?? \"\";\n        const resetLabel = resolveLabel(resetValue);\n        previousSelection = { value: resetValue, label: resetLabel };\n        if (props.value === undefined) setInternal(resetValue);\n        restoreInput(props.defaultInputValue ?? resetLabel);\n        setOpen(false);\n        if (visible instanceof HTMLInputElement) visible.value = inputValue();\n        if (validation) validation.value = value();\n      });\n    form.addEventListener(\"reset\", reset);\n    onCleanup(() => form.removeEventListener(\"reset\", reset));\n  });\n  const items = createMemo(() =>\n    props.searchable &&\n    props.filterMode !== \"external\" &&\n    inputValue() !== label()\n      ? props.items.filter((item) =>\n          item.label\n            .toLocaleLowerCase()\n            .includes(inputValue().toLocaleLowerCase()),\n        )\n      : props.items,\n  );\n  const collection = createMemo(() =>\n    createListCollection({\n      items: items(),\n      itemToString: (item) => item.label,\n      itemToValue: (item) => item.value,\n      isItemDisabled: (item) => !!item.disabled,\n    }),\n  );\n  const virtual = () => !!props.virtualization;\n  const height = () => {\n    const configured = props.virtualization\n      ? props.virtualization.itemHeight\n      : undefined;\n    return Number.isFinite(configured) ? Math.max(40, configured!) : 40;\n  };\n  const activeIndex = () =>\n    items().findIndex((item) => item.value === highlight());\n  const virtualizer = createVirtualizer<HTMLDivElement, HTMLDivElement>({\n    get count() {\n      return items().length;\n    },\n    getScrollElement: scroll,\n    estimateSize: height,\n    get overscan() {\n      return props.virtualization ? (props.virtualization.overscan ?? 5) : 5;\n    },\n    get enabled() {\n      return virtual() && open();\n    },\n    initialRect: { width: 0, height: 320 },\n    get rangeExtractor() {\n      const active = activeIndex();\n      return (range: Range) => {\n        const indexes = defaultRangeExtractor(range);\n        if (active >= 0 && !indexes.includes(active)) indexes.push(active);\n        return indexes.sort((a, b) => a - b);\n      };\n    },\n  });\n  createEffect(() => {\n    items();\n    const opened = open();\n    setHighlight(null);\n    if (virtual() && opened)\n      virtualizer.scrollToIndex(\n        Math.max(\n          0,\n          items().findIndex((item) => item.value === value()),\n        ),\n        { align: \"auto\" },\n      );\n  });\n  const Parts = props.searchable ? C : S;\n  const rows = createMemo(() => {\n    const result = virtual()\n      ? virtualizer\n          .getVirtualItems()\n          .map((row) => ({ index: row.index, start: row.start }))\n      : items().map((_, index) => ({ index, start: 0 }));\n    const active = activeIndex();\n    if (virtual() && active >= 0 && !result.some((row) => row.index === active))\n      result.push({ index: active, start: active * height() });\n    return result;\n  });\n  const status = () =>\n    props.loading\n      ? messages().loading\n      : props.error\n        ? typeof props.error === \"string\"\n          ? props.error\n          : messages().error\n        : items().length === 0\n          ? messages().empty\n          : \"\";\n  const rootProps = {\n    get collection() {\n      return collection();\n    },\n    get value() {\n      return value() ? [value()] : [];\n    },\n    get open() {\n      return open() && !blocked();\n    },\n    get disabled() {\n      return props.disabled;\n    },\n    get readOnly() {\n      return props.readOnly;\n    },\n    onOpenChange: (details: { open: boolean }) => {\n      if (!blocked()) setOpen(details.open);\n    },\n    onValueChange: (details: { value: string[] }) => {\n      if (blocked() || composing) return;\n      const next = details.value[0] ?? \"\";\n      if (next !== value()) setValue(next);\n    },\n    onHighlightChange: (details: { highlightedValue: string | null }) =>\n      setHighlight(details.highlightedValue),\n    get scrollToIndexFn() {\n      return virtual()\n        ? ({ index }: { index: number }) =>\n            virtualizer.scrollToIndex(index, { align: \"auto\" })\n        : undefined;\n    },\n    get positioning() {\n      return {\n        placement: \"bottom-start\" as const,\n        sameWidth: true,\n        gutter: 4,\n        strategy: portalMount()?.matches(\n          '[role=\"dialog\"], [role=\"alertdialog\"]',\n        )\n          ? (\"fixed\" as const)\n          : (\"absolute\" as const),\n        hideWhenDetached: !!portalMount()?.matches(\n          '[role=\"dialog\"], [role=\"alertdialog\"]',\n        ),\n      };\n    },\n  };\n  const inputProps = props.searchable\n    ? {\n        get inputValue() {\n          return inputValue();\n        },\n        onInputValueChange: (details: { inputValue: string }) => {\n          if (!blocked() && details.inputValue !== inputValue())\n            setInput(details.inputValue);\n        },\n        selectionBehavior: \"preserve\" as const,\n      }\n    : {};\n  return (\n    <Parts.Root\n      {...rootProps}\n      {...inputProps}\n      id={props.id ?? id}\n      class=\"dds-choice\"\n      data-label-placement={props.labelPlacement ?? \"outside\"}\n      data-has-value={value() || inputValue() ? \"\" : undefined}\n    >\n      <Show when={props.label}>\n        <Parts.Label class=\"dds-choice-label\" onClick={() => visible?.focus()}>\n          {props.label}\n        </Parts.Label>\n      </Show>\n      <Parts.Control class=\"dds-choice-control\">\n        <Show when={props.searchable}>\n          <C.Input\n            ref={(node) => {\n              visible = node;\n            }}\n            class=\"dds-choice-input\"\n            aria-label={props[\"aria-label\"]}\n            aria-labelledby={props[\"aria-labelledby\"]}\n            aria-describedby={props[\"aria-describedby\"]}\n            aria-required={props.required}\n            placeholder={props.placeholder}\n            onCompositionStart={() => {\n              composing = true;\n            }}\n            onCompositionEnd={() => {\n              composing = false;\n            }}\n            onKeyDown={(event) => {\n              if (composing && event.key === \"Enter\") {\n                event.preventDefault();\n                event.stopPropagation();\n              }\n            }}\n            onBlur={() => {\n              if (value()) restoreInput(label());\n            }}\n          />\n        </Show>\n        <Parts.Trigger\n          ref={(node) => {\n            if (!props.searchable) visible = node;\n          }}\n          class=\"dds-choice-trigger\"\n          aria-label={props.searchable ? messages().open : props[\"aria-label\"]}\n          aria-labelledby={props[\"aria-labelledby\"]}\n          aria-describedby={props[\"aria-describedby\"]}\n          aria-required={props.required}\n        >\n          {props.searchable ? (\n            \"⌄\"\n          ) : (\n            <span class=\"dds-choice-value\">\n              {label() || props.placeholder || messages().open}\n            </span>\n          )}\n        </Parts.Trigger>\n        <Show when={props.clearable && !blocked() && (value() || inputValue())}>\n          <button\n            class=\"dds-choice-clear\"\n            type=\"button\"\n            aria-label={messages().clear}\n            onPointerDown={(event) => event.preventDefault()}\n            onClick={() => {\n              setValue(\"\");\n              setInput(\"\");\n              setOpen(false);\n              visible?.focus();\n            }}\n          >\n            ×\n          </button>\n        </Show>\n      </Parts.Control>\n      <input\n        ref={validation}\n        class=\"dds-choice-validation\"\n        style={{\n          position: \"absolute\",\n          width: \"1px\",\n          height: \"1px\",\n          padding: \"0\",\n          border: \"0\",\n          \"clip-path\": \"inset(50%)\",\n          overflow: \"hidden\",\n          \"white-space\": \"nowrap\",\n        }}\n        tabIndex={-1}\n        aria-hidden=\"true\"\n        name={props.name}\n        form={props.form}\n        value={value()}\n        required={props.required}\n        disabled={props.disabled}\n        onInput={(event) => {\n          event.currentTarget.value = value();\n        }}\n        onInvalid={(event) => {\n          event.preventDefault();\n          visible?.focus();\n        }}\n      />\n      <div class=\"dds-choice-status\" role=\"status\" aria-live=\"polite\">\n        {status()}\n        <Show when={props.error && props.onRetry}>\n          <button\n            class=\"dds-choice-retry\"\n            type=\"button\"\n            onClick={() => props.onRetry?.()}\n          >\n            {messages().retry}\n          </button>\n        </Show>\n      </div>\n      <Show when={portalMount()}>\n        {(mount) => (\n          <Portal mount={mount()}>\n            <Parts.Positioner class=\"dds-choice-positioner\">\n              <Parts.Content\n                ref={setScroll}\n                class=\"dds-choice-content\"\n                style={{\n                  \"max-height\": \"min(320px, var(--available-height, 320px))\",\n                  overflow: \"auto\",\n                }}\n              >\n                <div\n                  style={\n                    virtual()\n                      ? {\n                          height: `${virtualizer.getTotalSize()}px`,\n                          position: \"relative\",\n                        }\n                      : undefined\n                  }\n                >\n                  <For each={rows()}>\n                    {(row) => {\n                      const item = () => items()[row.index]!;\n                      return (\n                        <Parts.Item\n                          item={item()}\n                          class=\"dds-choice-item\"\n                          aria-posinset={row.index + 1}\n                          aria-setsize={items().length}\n                          style={\n                            virtual()\n                              ? {\n                                  position: \"absolute\",\n                                  top: \"0\",\n                                  left: \"0\",\n                                  width: \"100%\",\n                                  height: `${height()}px`,\n                                  transform: `translateY(${row.start}px)`,\n                                }\n                              : undefined\n                          }\n                        >\n                          <Parts.ItemText>{item().label}</Parts.ItemText>\n                          <Show when={item().description}>\n                            <span class=\"dds-choice-description\">\n                              {item().description}\n                            </span>\n                          </Show>\n                        </Parts.Item>\n                      );\n                    }}\n                  </For>\n                </div>\n              </Parts.Content>\n            </Parts.Positioner>\n          </Portal>\n        )}\n      </Show>\n    </Parts.Root>\n  );\n}\n"],"mappings":"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"}

package/dist/assets/utils-Ou0UJRlO.js

@@ -0,0 +1,11 @@
+//#region src/utils.ts
+function classes(...values) {
+	return values.filter(Boolean).join(" ");
+}
+function describedBy(...ids) {
+	return ids.filter(Boolean).join(" ") || void 0;
+}
+//#endregion
+export { describedBy as n, classes as t };
+
+//# sourceMappingURL=utils-Ou0UJRlO.js.map

package/dist/assets/utils-Ou0UJRlO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-Ou0UJRlO.js","names":[],"sources":["../../src/utils.ts"],"sourcesContent":["export function classes(...values: Array<string | false | null | undefined>): string {\n  return values.filter(Boolean).join(\" \");\n}\n\nexport function describedBy(...ids: Array<string | false | null | undefined>): string | undefined {\n  const value = ids.filter(Boolean).join(\" \");\n  return value || undefined;\n}\n"],"mappings":";AAAA,SAAgB,QAAQ,GAAG,QAA0D;CACnF,OAAO,OAAO,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AACxC;AAEA,SAAgB,YAAY,GAAG,KAAmE;CAEhG,OADc,IAAI,OAAO,OAAO,CAAC,CAAC,KAAK,GAChC,KAAS,KAAA;AAClB"}