Legacy ADMY Tagger

Tagger отбирает из modelValue только объекты с определённым value. Удаление возвращает отфильтрованный массив. Кнопка открывает исходный PopoverAbsolute, Add отправляет событие и закрывает панель. Слот modal доступен прямому Svelte API. Размер xs считает переполнение после монтирования и изменения массива, но не при изменении ширины окна. Исходный default modelValue равен строке и не поддерживается реализацией: передавайте массив, включая пустой.

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

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

Перенос исходного Tagger из сохранённого интерфейса ADMY.

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

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

Исходный вариант

Живой перенос с готовыми данными.

Правила

Правило 1

<!--
/**
 * 🟢
 *
 * Демонстрация LegacyAdmyTagger использует перенесённый исходный компонент.
 * Готовые данные и обратные события показывают его поведение без сервера.
 */
-->
<script>
import Component from "$lib/ui/LegacyAdmyTagger.svelte";
import { t } from "$lib/spec/demo-lang.svelte.js";
let modelValue = $state([{ value: 1 }]);
</script>
<Component bind:modelValue label={t("Правила")} onadd={() => { modelValue = [...modelValue, { value: modelValue.length + 1 }]; }}>
	{#snippet children(item)}{t("Правило")} {item.value}{/snippet}
	{#snippet popover()}{t("Добавить правило")}{/snippet}
</Component>