Entities List Dialog

Entities List Dialog — диалог массового ввода: многострочное поле, каждое значение с новой строки. По сохранению строки обрезаются, пустые и дубли уходят, при numbers остаются только числа; результат уходит в bindable value и onapply. Multi Select и Tag Input показывают его триггер по опции bulk.

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

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

Вставить сотни ID из таблицы или письма в фильтр.
Быстро заполнить метки списком, скопированным из документа.

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

Одно-два значения — их проще выбрать в поле.
Значения нужно проверять по справочнику по мере ввода — это Combobox.

Альтернативы:

multi-select — выбор из известного списка
tag-input — свободные метки по одной

Список ID

Кнопка открывает диалог; вставленные строки становятся числами без дублей.

Выбрано: 1042, 1043

<!--
  🟢

  Список ID кампаний текстом (эталон: Vue-легаси modal/entitiesList):
  кнопка со значком списка открывает диалог, строки превращаются в числа без
  пустых и дублей.
-->

<script>
import { t } from "$lib/spec/demo-lang.svelte.js";
import EntitiesListDialog from "$lib/ui/EntitiesListDialog.svelte";

let value = $state([1042, 1043]);
</script>

<div style="display: flex; align-items: center; gap: var(--sp-2);">
	<EntitiesListDialog bind:value title={t("ID кампаний")} />
	<span aria-live="polite">{t("Выбрано:")} {value.length ? value.join(", ") : t("ничего")}</span>
</div>