Legacy ADMY Select

Поле FieldWrapper открывает меню под собой и ставит фокус в строку поиска. Одиночный выбор закрывает меню и отмечает пункт галочкой, мультивыбор оставляет меню открытым, выводит отмеченные пункты сверху за Separator, а в закрытом поле показывает значения плашками со счётчиком не поместившихся. Поиск фильтрует пункты и группы по searchTarget без учёта регистра. collapsed показывает только группы, щелчок раскрывает группу. Hotkeys повторяют исходник: класс focused появляется после перехода по Tab, клавиши работают, пока меню подписано, а отпускание Tab закрывает меню.

Статус: experimental · в системе с 2026-09 · интерактивность: always (всегда)

Когда использовать

Перенос исходного выбора из списка ADMY.

Не использовать:

Новый выбор без требования сохранить legacy.

Исходный список

Поле с выбором из двух пунктов.

Выбор

Первый вариант

<!--
/**
 * 🟢
 *
 * Образец показывает исходный Select с поиском и выбором из готовых пунктов.
 * Выбранное значение хранит витрина, получения данных нет.
 */
-->
<script>
import Component from "$lib/ui/LegacyAdmySelect.svelte";
import { t } from "$lib/spec/demo-lang.svelte.js";
let value = $state(1);
const items = $derived([{ value: 1, text: t("Первый вариант") }, { value: 2, text: t("Второй вариант") }]);
</script>
<Component label={t("Выбор")} {items} bind:modelValue={value} />