Legacy ADMY PageHeader
Исходный h1 меняет размер с 32px на 24px при ширине до 960px. Editable input сохраняет исходный нативный шрифт и размер 32px. При начальном editable=true ширина input равна scrollWidth плюс 20px, минимум 40px; измерение повторяется при изменении title. При включении editable после mount исходный watcher не добавляется. Ссылка назад вызывает back при наличии historyBack, иначе переход к backLink. Default slot исходником не выводится; правая область задаётся right.
Статус: experimental · в системе с 2026-09 · интерактивность: conditional (по конфигурации)
Когда использовать
- Перенос существующего экрана с PageHeader.
Не использовать:
- Новый дизайн без требования сохранять legacy.
Исходная композиция
Живой пример с исходными правилами.
Заголовок страницы
<!--
/**
* 🟢
*
* Демонстрация PageHeader использует исходные компоненты и механику.
* Новые стили для имитации legacy в примере не добавляются.
*/
-->
<script>
import Component from '$lib/ui/LegacyAdmyPageHeader.svelte';
import {t} from '$lib/spec/demo-lang.svelte.js';
</script>
<Component title={t('Заголовок страницы')} />