@rt-tools/ui-kit-v2 0.12.0 → 0.13.1

package/fesm2022/rt-tools-ui-kit-v2.mjs

@@ -1,7 +1,7 @@
-import { DOCUMENT, NgTemplateOutlet, TitleCasePipe, DecimalPipe, formatDate } from '@angular/common';
 import * as i0 from '@angular/core';
-import { InjectionToken, signal, inject, computed, makeEnvironmentProviders, Pipe, Injectable, ElementRef, input, booleanAttribute, numberAttribute, effect, afterNextRender, ViewEncapsulation, ChangeDetectionStrategy, Component, Renderer2, DestroyRef, Directive, output, Injector, untracked, HostBinding, ViewContainerRef, RendererFactory2, viewChild, afterRenderEffect, forwardRef, linkedSignal, contentChild, TemplateRef, isSignal, LOCALE_ID, HostListener, contentChildren, ViewChild, model } from '@angular/core';
+import { InjectionToken, inject, Injectable, ElementRef, signal, computed, input, booleanAttribute, numberAttribute, effect, afterNextRender, ViewEncapsulation, ChangeDetectionStrategy, Component, makeEnvironmentProviders, linkedSignal, Pipe, Renderer2, DestroyRef, Directive, output, Injector, untracked, HostBinding, ViewContainerRef, RendererFactory2, viewChild, afterRenderEffect, forwardRef, contentChild, TemplateRef, isSignal, LOCALE_ID, HostListener, contentChildren, ViewChild, model } from '@angular/core';
 import { PlatformService, BlockDirective, ElemDirective, ModDirective, setRtComponentInputs, StorageService, WINDOW, BreakStringPipe, EmptyToDashPipe, ConcatClassesPipe, IDBStorageService } from '@rt-tools/core';
+import { DOCUMENT, NgTemplateOutlet, TitleCasePipe, DecimalPipe, formatDate } from '@angular/common';
 import { HttpClient } from '@angular/common/http';
 import { takeUntilDestroyed, outputToObservable, toSignal, toObservable } from '@angular/core/rxjs-interop';
 import { Subject, mergeMap, EMPTY, tap, map, catchError, merge, takeUntil, switchMap, filter, of, finalize, shareReplay, take, startWith, exhaustMap, defer, timer, distinctUntilChanged, debounce as debounce$1, fromEvent, debounceTime } from 'rxjs';
@@ -21,1568 +21,107 @@ import { DomSanitizer } from '@angular/platform-browser';
 import { CdkTable, CdkColumnDef, CdkCell, CdkCellDef, CdkHeaderCell, CdkHeaderCellDef, DataRowOutlet, FooterRowOutlet, HeaderRowOutlet, NoDataRowOutlet, CDK_TABLE } from '@angular/cdk/table';
 
 /**
- * Английские подписи кита — умолчание, а не локализация.
- *
- * Кит рисует часть текста сам: кнопки диалогов, тексты ошибок поля, расшифровки
- * иконок для скринридера. Своего языка у него нет и быть не может — его знает
- * приложение и отдаёт функцией-переводчиком (`provideRtKitLabels`). Этот набор
- * стоит под ней умолчанием, чтобы кит без единой настройки не рисовал пустоты:
- * среди ключей много `aria`-подписей, и пустая там означает кнопку без имени
- * для скринридера.
- *
- * Набор задаёт и **перечень ключей**: `TRtKitLabelKey` выводится отсюда, поэтому
- * опечатка в ключе не доживает до рантайма.
- *
- * Места вида `{{name}}` заполняются параметрами — их принимает `rtKitLabel()`.
- */
-// eslint-disable-next-line @typescript-eslint/typedef -- аннотация стёрла бы литеральный тип, на котором стоит TRtKitLabelKey
-const RT_KIT_LABELS_EN = {
-    bottomSheetClose: 'Close',
-    chatAttachAria: 'Attach a file',
-    chatAttachTooltip: 'Attach a file',
-    chatAttachmentFallback: 'Attachment',
-    chatCollapse: 'Collapse chat',
-    chatComposerAria: 'Message input',
-    chatDeleteAria: 'Delete message',
-    chatDeleteTooltip: 'Delete',
-    chatDropOverlay: 'Drop the files to attach them to your message',
-    chatEmptyHint: 'Chat is not available yet.',
-    chatEmptyThread: 'No messages yet.',
-    chatExpand: 'Expand chat to full screen',
-    chatMessageDeleted: 'Message deleted',
-    chatPlaceholder: 'Type a message',
-    chatRefreshAria: 'Refresh messages',
-    chatRefreshTooltip: 'Refresh messages',
-    chatRetryAria: 'Send again',
-    chatRetryTooltip: 'Retry',
-    chatSendAria: 'Send message',
-    chatSendLabel: 'Send',
-    chatStatusFailed: 'Not sent',
-    chatStatusRead: 'Read',
-    chatStatusSending: 'Sending',
-    chatStatusSent: 'Delivered',
-    chatTitle: 'Chat',
-    counterDecrease: 'Decrease',
-    counterIncrease: 'Increase',
-    dataListClearFilters: 'Clear filters',
-    dataListHorizontalScrollbar: 'Horizontal scrollbar shown',
-    dataListPlaceholder: 'No Data Found',
-    dataListRefresh: 'Refresh',
-    dataListSearchPlaceholder: 'Search...',
-    dataListSelectAll: 'Select all',
-    dataListSelected: 'Selected: {{count}}',
-    dataListSettingsHint: 'Change columns visibility and order, show(hide) scrollbar',
-    dataListSettingsTitle: 'Edit table configuration',
-    dataListTableConfig: 'Table configuration',
-    dataListVerticalScrollbar: 'Vertical scrollbar shown',
-    dataTableActions: 'Actions',
-    dataTableCopied: 'Copied!',
-    dataTableCopy: 'Copy',
-    dataTableFilterClear: 'Clear filter',
-    dataTableFilterOperatorContains: 'Contains',
-    dataTableFilterOperatorEquals: 'Equal',
-    dataTableFilterOperatorGreaterThan: 'More than',
-    dataTableFilterOperatorLessThan: 'Less than',
-    dataTableFilterOperatorNotEquals: 'Not equal',
-    dataTableFilterSelectPlaceholder: 'Chose filter',
-    dataTableFilterValuePlaceholder: 'Type in filter value',
-    dataTableSelectPage: 'Select the rows of this page',
-    dataTableSelectRow: 'Select row',
-    fieldErrorEmail: 'Invalid email',
-    fieldErrorMax: 'Value is too large',
-    fieldErrorMaxLength: 'Value is too long',
-    fieldErrorMin: 'Value is too small',
-    fieldErrorMinLength: 'Value is too short',
-    fieldErrorPattern: 'Invalid format',
-    fieldErrorRequired: 'Required field',
-    photoViewerClose: 'Close viewer',
-    photoViewerNext: 'Next photo',
-    photoViewerPrev: 'Previous photo',
-    themeToggleLabel: 'Switch theme',
-    uiActions: 'Actions',
-    uiAuditEmptyHint: 'Deal events will appear here — stage changes and other actions.',
-    uiBack: 'Back',
-    uiBackToList: 'Back to list',
-    uiBaseline: 'was {{value}}',
-    uiCancel: 'Cancel',
-    uiChangeAgent: 'Change agent',
-    uiChooseFile: 'Choose file',
-    uiClear: 'Clear',
-    uiClearFilters: 'Clear filters',
-    uiClose: 'Close',
-    uiCollapse: 'Collapse',
-    uiColumnLocked: 'Column is pinned',
-    uiColumnSettings: 'Column settings',
-    uiColumnSettingsTitle: 'Configure columns',
-    uiCommentOptional: 'Comment (optional)',
-    uiConfirm: 'Confirm',
-    uiConfirmAction: 'Confirm action',
-    uiContinue: 'Continue',
-    uiCopied: 'Copied',
-    uiCopy: 'Copy',
-    uiCurrentStage: 'Current stage',
-    uiDetails: 'Details',
-    uiDiscardChanges: 'Discard Changes',
-    uiDownload: 'Download',
-    uiDownloadFile: 'Download: {{name}}',
-    uiDragColumn: 'Drag column',
-    uiFileDropOverlay: 'Drop the files to attach them',
-    uiFilterChoose: 'Choose',
-    uiFilterContains: 'Contains',
-    uiFilterEndsWith: 'Ends with',
-    uiFilterEquals: 'Equals',
-    uiFilterGreaterThan: 'Greater than',
-    uiFilterLessThan: 'Less than',
-    uiFilterNotEquals: 'Does not equal',
-    uiFilterStartsWith: 'Starts with',
-    uiFilterValue: 'Filter value',
-    uiFilters: 'Filters',
-    uiForward: 'Forward',
-    uiHide: 'Hide',
-    uiHideColumn: 'Hide column',
-    uiHidePassword: 'Hide password',
-    uiHint: 'Hint',
-    uiHistory: 'History',
-    uiInviteUser: 'Invite user',
-    uiItemsPerPage: 'Items per page',
-    uiLiveOnSite: 'On the site now',
-    uiLoadMore: 'Load more',
-    uiMainNav: 'Main navigation',
-    uiMore: 'More',
-    uiMoreActions: 'More actions',
-    uiMoveStage: 'Move',
-    uiMoveStageAria: 'Move stage',
-    uiNavMenu: 'Navigation menu',
-    uiNavUnread: 'Unread',
-    uiNextPage: 'Next page',
-    uiNightGridAria: 'Occupancy grid',
-    uiNoData: 'No data yet',
-    uiNoOptions: 'No options',
-    uiNoRows: 'No data',
-    uiNothingFound: 'Nothing found',
-    uiNotifications: 'Notifications',
-    uiPageOf: 'Page {{page}} of {{last}}',
-    uiPagination: 'Pagination',
-    uiPerPage: 'Items per page:',
-    uiPickAgent: 'Select an agent',
-    uiPickAnotherAgent: 'Select a different agent',
-    uiPickTransition: 'Select a transition',
-    uiPrevPage: 'Previous page',
-    uiProfile: 'Profile',
-    uiRangeEmpty: '0 of 0',
-    uiRangeOf: '{{from}}–{{to}} of {{total}}',
-    uiRemove: 'Delete',
-    uiRename: 'Rename',
-    uiReplace: 'Replace',
-    uiReplaceAgentTitle: 'Replace agent',
-    uiResetDefaults: 'Reset to defaults',
-    uiResizeDetails: 'Resize details pane',
-    uiResizeList: 'Resize list pane',
-    uiRefresh: 'Refresh',
-    uiRevert: 'Revert',
-    uiSave: 'Save',
-    uiSaveNewAgent: 'Save the new agent',
-    uiScrollDown: 'Scroll down',
-    uiSearch: 'Search',
-    uiSectionInProgress: '{{label}} — section under development',
-    uiSelectAll: 'Select all',
-    uiSelectValues: 'Select values',
-    uiSelectedCount: 'Selected: {{count}}',
-    uiSelectedOf: 'Selected: {{count}} of {{total}}',
-    uiShow: 'Show',
-    uiShowColumn: 'Show column',
-    uiShowDetails: 'Show details',
-    uiShowPassword: 'Show password',
-    uiStageNoteHint: 'Internal note — the client will not see it.',
-    uiStageTransition: 'Stage transition',
-    uiSubscribeNotifications: 'Subscribe to notifications',
-    uiTabInvalid: 'This tab contains errors',
-    uiTargetStage: 'Target stage',
-    uiTargetStageRequired: 'Select a target stage.',
-    uiThreadListEmptyHint: 'New threads will appear here.',
-    uiToList: 'To list',
-    uiUnsavedDiscard: 'Close without saving',
-    uiUnsavedMessage: 'The panel has edits that have not been saved yet. Choose what to do with them.',
-    uiUnsavedSave: 'Save and close',
-    uiUnsavedStay: 'Stay',
-    uiUnsavedTitle: 'Unsaved changes',
-    uiWelcomeAria: 'Welcome message for a new user',
-    uiYearOverYear: 'YoY',
-};
-
-/** Места вида `{{name}}` — их заполняет `interpolate`. */
-const PLACEHOLDER = /\{\{\s*(\w+)\s*\}\}/g;
-/**
- * Подставляет параметры в подпись.
+ * Категории иконок rt-icon. 11 buckets: 8 prefix-based + Social (префикс `social-`) + Custom
+ * (префикс `ico-`) + Misc (fallback).
+ * Порядок фиксирован — соответствует порядку отображения в Catalog story (rt-icon.stories.ts).
  *
- * Нужна английскому умолчанию: приложение свои подстановки делает само —
- * функция-переводчик обязана вернуть готовую строку. Место, для которого
- * параметра не дали, остаётся как есть: пустота на его месте прочиталась бы как
- * законченная фраза, а `{{name}}` виден и чинится.
+ * Аннотация типа намеренно не указывается: явный `readonly string[]` потерял бы узкий
+ * литеральный тип, нужный для {@link TIconCategory}. `as const` сохраняет литеральные ключи.
  */
-function interpolate(text, params) {
-    if (params === undefined) {
-        return text;
-    }
-    return text.replace(PLACEHOLDER, (match, name) => (Object.hasOwn(params, name) ? String(params[name]) : match));
+// eslint-disable-next-line @typescript-eslint/typedef -- аннотация стёрла бы литеральный тип, на котором стоит TIconCategory
+const CATEGORY_ORDER = [
+    'Navigation',
+    'Alignment & Sorting',
+    'Status',
+    'Time & Calendar',
+    'Communication',
+    'Documents',
+    'People',
+    'Commerce',
+    'Social',
+    'Custom',
+    'Misc',
+];
+function startsWithAny(name, prefixes) {
+    return prefixes.some((p) => name.startsWith(p));
+}
+function isOneOf(name, names) {
+    return names.includes(name);
+}
+function matchPrefixOrExact(prefixes, exact) {
+    return (name) => startsWithAny(name, prefixes) || isOneOf(name, exact);
 }
-/** Английское умолчание: кит без единой настройки рисует текст, а не пустоты. */
-const defaultTranslator = (key, params) => interpolate(RT_KIT_LABELS_EN[key], params);
-/**
- * Функция, которой кит получает подписи. Её отдаёт приложение —
- * `provideRtKitLabels()`.
- *
- * Токен объявлен **сигналом**, а не просто функцией: приложение, меняющее язык
- * на ходу, кладёт в него новую функцию, и всё, что от неё считано,
- * пересчитывается само.
- */
-const RT_KIT_TRANSLATOR = new InjectionToken('RT_KIT_TRANSLATOR', {
-    providedIn: 'root',
-    factory: () => signal(defaultTranslator).asReadonly(),
-});
 /**
- * Активная локаль. Ею кит форматирует даты — больше ни для чего она ему не
- * нужна.
- *
- * Данные локали для `DatePipe` регистрирует приложение: без них пайп падает
- * `Missing locale data`, и кит за это не отвечает.
+ * Упорядоченный список правил категоризации.
+ * `Custom` — единственная категория по строгому префиксу `ico-` и проверяется первой,
+ * чтобы исключить конфликты с другими prefix-based категориями.
+ * `Misc` — fallback в {@link categoryOf}, отдельным правилом не описывается.
  */
-const RT_KIT_LOCALE = new InjectionToken('RT_KIT_LOCALE', {
-    providedIn: 'root',
-    factory: () => signal('en').asReadonly(),
-});
-/**
- * Все подписи кита разом, ключ → готовая строка.
- *
- * Этим пользуются компоненты: `t().uiClose` вместо ключа по одному. Карта
- * строится один раз на приложение (`providedIn: 'root'`) и пересчитывается,
- * только когда приложение сменило функцию-переводчик.
- *
- * Подпись, которой переводчик не дал (вернул пустое или упал), берётся
- * английской: пустая `aria`-подпись означает кнопку без имени для скринридера.
- */
-const RT_KIT_LABELS = new InjectionToken('RT_KIT_LABELS', {
-    providedIn: 'root',
-    factory: () => {
-        const translator = inject(RT_KIT_TRANSLATOR);
-        return computed(() => {
-            const translate = translator();
-            const map = {};
-            for (const key of Object.keys(RT_KIT_LABELS_EN)) {
-                map[key] = translate(key) || RT_KIT_LABELS_EN[key];
-            }
-            return map;
-        });
+const ICON_CATEGORY_RULES = [
+    // Знаки соцсетей — цветные, со своей заливкой в файле; в каталоге они стоят своим рядом,
+    // чтобы не смешиваться с одноцветными, которые красит тема.
+    { category: 'Social', match: (n) => n.startsWith('social-') },
+    { category: 'Custom', match: (n) => n.startsWith('ico-') },
+    {
+        category: 'Navigation',
+        match: matchPrefixOrExact(['arrow', 'arrows', 'angle', 'chevron', 'directions'], []),
     },
-});
-/**
- * Одна подпись, а не вся карта.
- *
- * Карте не годятся две вещи: подпись с подстановками (параметры приходят из
- * состояния компонента) и подпись, ключ которой выбирается на ходу — кнопка
- * «свернуть ↔ развернуть», текст ошибки поля по сработавшему валидатору. Обе
- * берутся отсюда. Зовётся в поле класса, в инъекционном контексте.
- *
- * ```typescript
- * readonly #range: Signal<string> = rtKitLabel('uiRangeOf', this.#rangeParams);
- * readonly #expand: Signal<string> = rtKitLabel(computed(() => (this.expanded() ? 'chatCollapse' : 'chatExpand')));
- * ```
- *
- * @param key Ключ подписи — значением или сигналом, если он меняется. Пустой
- *   ключ даёт пустую строку: у поля без сработавшего валидатора подписи нет, и
- *   умолчание тут показало бы ошибку там, где её не случилось.
- * @param params Подстановки — значением или сигналом, если они меняются.
- */
-function rtKitLabel(key, params) {
-    const translator = inject(RT_KIT_TRANSLATOR);
-    return computed(() => {
-        const resolvedKey = typeof key === 'function' ? key() : key;
-        if (resolvedKey === '') {
-            return '';
-        }
-        const resolved = typeof params === 'function' ? params() : params;
-        return translator()(resolvedKey, resolved) || defaultTranslator(resolvedKey, resolved);
-    });
-}
-/**
- * Отдаёт киту подписи приложения.
- *
- * Без него кит работает на английском умолчании — оно вшито и покрывает все
- * ключи, поэтому пустой кнопки на экране не бывает никогда.
- *
- * ```typescript
- * export const appConfig: ApplicationConfig = {
- *     providers: [
- *         provideRtKitLabels({
- *             translator: computed(() => (key, params) => transloco.translate(`rtKit.${key}`, params)),
- *             locale: toSignal(transloco.langChanges$, { initialValue: transloco.getActiveLang() }),
- *         }),
- *     ],
- * };
- * ```
- *
- * Способ доставки — дело приложения: Transloco, `$localize`, собственный
- * словарь. Кит знает только ключи и то, что на них отвечают строкой.
- *
- * @param source Функция-переводчик и активная локаль. Локаль необязательна —
- *   без неё кит форматирует даты по-английски.
- */
-function provideRtKitLabels(source) {
-    const providers = [{ provide: RT_KIT_TRANSLATOR, useValue: source.translator }];
-    if (source.locale !== undefined) {
-        providers.push({ provide: RT_KIT_LOCALE, useValue: source.locale });
-    }
-    return makeEnvironmentProviders(providers);
-}
-
-/**
- * Подпись кита по ключу — для значений, приходящих из контекста шаблона.
- *
- * Шаблон не зовёт методов: имя раздела приходит элементом цикла, и посчитать подпись заранее
- * нечем. Пайп чистый, поэтому функция-переводчик передаётся ему вторым доводом — сменившись,
- * она пересчитывает подпись сама.
- */
-class RtKitLabelPipe {
-    transform(key, translator, params) {
-        return translator(key, params);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtKitLabelPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: RtKitLabelPipe, isStandalone: true, name: "rtKitLabel" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtKitLabelPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'rtKitLabel',
-                    pure: true,
-                }]
-        }] });
-
-/**
- * Соответствие значков первого кита значкам этого набора.
- *
- * Первый кит рисует значки шрифтом Material: имя стоит прямо в шаблоне. Здесь у каждого такого
- * имени ровно одна пара — иначе один и тот же смысл приезжает на разные экраны разными
- * рисунками, а переезжающий выбирает значок заново на каждом экране.
- *
- * Перечень закрывает имена, которые видны поиском: голое слово в шаблоне, слово в тернарнике и
- * слово внутри разбора по виду фильтра. Имена, подставляемые выражением, сюда не попадают: они
- * приезжают из данных приложения и деревом кита не видны. Это граница перечня, а не его пробел.
- *
- * Пара ведёт на имя из фрейма, а не на своё с приставкой `ico-`, там где есть оба. Имён из
- * фрейма 229 против 118, и они одной рисовки: смешанный набор дал бы разнобой на экране. Восемь
- * таких пар помечены доводом — их можно переложить на свои одним местом.
- *
- * Имя без пары стоит здесь же, с причиной: молчание об имени неотличимо от того, что о нём
- * забыли. Дорисовка недостающего — работа рисующего, и она вынесена за границу задачи.
- *
- * Держит перечень `tools/check-icon-map.mjs`: каждая пара ведёт на имя союза и на существующий
- * файл, имена не повторяются, причина у имени без пары не пуста.
- */
-/** Довод самой частой пары: имя первого кита и имя набора совпали после замены подчёркиваний. */
-const SAME_NAME = 'совпадает именем';
-const iconMaterialMap = [
-    { from: 'add', to: 'ico-plus', why: 'простой плюс есть только в своей рисовке — во фрейме плюс лишь в круге и в составных' },
-    { from: 'arrow_back', to: 'arrow-left', why: 'стрелка влево, один в один' },
-    { from: 'arrow_forward', to: 'arrow-right', why: 'стрелка вправо, один в один' },
-    { from: 'backup', to: 'cloud-upload', why: 'у Material backup — облако со стрелкой вверх, это оно и есть' },
-    { from: 'block', to: 'ban', why: 'круг с перечёркиванием, один в один' },
-    { from: 'chevron_left', to: 'chevron-left', why: SAME_NAME },
-    { from: 'chevron_right', to: 'chevron-right', why: SAME_NAME },
-    { from: 'close', to: 'close', why: `${SAME_NAME}; есть двойник ico-close` },
-    { from: 'content_copy', to: 'copy', why: 'два листа, один в один; есть двойник ico-copy' },
-    { from: 'delete', to: 'trash', why: 'корзина, один в один; есть двойник ico-trash' },
-    { from: 'delete_forever', to: null, why: 'корзины с крестом в наборе нет — нужен рисунок' },
-    { from: 'done', to: 'check', why: 'галочка, один в один; есть двойник ico-check' },
-    { from: 'email', to: 'email', why: 'конверт, один в один' },
-    { from: 'download', to: 'ico-download', why: 'простая стрелка вниз есть только в своей рисовке — во фрейме лишь облако' },
     {
-        from: 'drag_handle',
-        to: 'equals',
-        why: 'две горизонтальные полосы; рисунок дорисован по слову владельца — им таблица первого кита показывает сравнение «равно»',
+        category: 'Alignment & Sorting',
+        match: matchPrefixOrExact(['align', 'sort', 'bars', 'ellipsis', 'sliders', 'filter', 'th'], []),
     },
-    { from: 'edit', to: 'pencil', why: 'карандаш, один в один' },
-    { from: 'info', to: 'info-circle', why: 'круг с буквой i — так рисует Material; голое info в наборе другое' },
-    { from: 'keyboard_arrow_down', to: 'chevron-down', why: 'шеврон вниз, один в один; есть двойник ico-chevron-down' },
-    { from: 'local_offer', to: 'tag', why: 'ярлык, один в один' },
-    { from: 'menu', to: 'bars', why: 'три полосы, один в один' },
-    { from: 'more_horiz', to: 'ellipsis-h', why: 'три точки по горизонтали' },
-    { from: 'more_vert', to: 'ellipsis-v', why: 'три точки по вертикали' },
-    { from: 'open_in_new', to: 'external-link', why: 'квадрат со стрелкой наружу' },
     {
-        from: 'open_with',
-        to: 'arrows',
-        why: 'четыре стрелки из центра; рисунок дорисован — им панель колонок первого кита показывает ручку перетаскивания',
+        category: 'Status',
+        match: matchPrefixOrExact(['check', 'times', 'ban', 'exclamation', 'info', 'eye', 'lock', 'unlock', 'shield'], ['spinner', 'stop']),
+    },
+    {
+        category: 'Time & Calendar',
+        match: matchPrefixOrExact(['alarm', 'calendar'], ['clock']),
+    },
+    {
+        category: 'Communication',
+        match: matchPrefixOrExact(['comment', 'share'], ['bell', 'bot', 'telegram', 'at', 'email', 'send', 'phone', 'mobile']),
+    },
+    {
+        category: 'Documents',
+        match: matchPrefixOrExact(['attach', 'file', 'folder', 'bookmark'], ['book', 'copy', 'clone', 'tag', 'tags']),
+    },
+    {
+        category: 'People',
+        match: matchPrefixOrExact(['user'], ['users', 'id-card']),
+    },
+    {
+        category: 'Commerce',
+        match: (n) => isOneOf(n, ['wallet', 'money-bill', 'ticket', 'credit-card']),
     },
-    { from: 'person', to: 'user', why: 'силуэт человека, один в один; есть двойник ico-user' },
-    { from: 'person_off', to: 'user-off', why: 'силуэт человека, перечёркнутый наискось; рисунок дорисован по слову владельца' },
-    { from: 'refresh', to: 'refresh', why: SAME_NAME },
-    { from: 'search', to: 'search', why: `${SAME_NAME}; есть двойник ico-search` },
-    { from: 'settings', to: 'cog', why: 'шестерёнка, один в один' },
-    { from: 'star', to: 'star', why: SAME_NAME },
-    { from: 'sync', to: 'sync', why: SAME_NAME },
-    { from: 'view_column', to: 'table', why: 'ближний: у Material это колонки, здесь таблица — решение владельца' },
-    { from: 'visibility', to: 'eye', why: 'глаз, один в один; есть двойник ico-eye' },
-    { from: 'visibility_off', to: 'eye-slash', why: 'перечёркнутый глаз, один в один' },
 ];
 /**
- * Имена кита, у которых в материальном наборе лежит свой рисунок.
- *
- * Считается из перечня, а не пишется списком: свой список разошёлся бы с перечнем молча — реестр
- * ходил бы за файлом, которого нет, или не ходил бы за лежащим.
+ * Возвращает категорию для имени иконки.
+ * Первое совпавшее правило в {@link ICON_CATEGORY_RULES} выигрывает; иначе — `Misc`.
  */
-const iconMaterialDrawn = new Set(iconMaterialMap
-    .map((entry) => entry.to)
-    .filter((name) => name !== null));
+function categoryOf(name) {
+    for (const rule of ICON_CATEGORY_RULES) {
+        if (rule.match(name)) {
+            return rule.category;
+        }
+    }
+    return 'Misc';
+}
 
 /**
- * Имена, которыми набор значков виден со стороны страницы.
+ * Имена иконок rt-icon. Набор лежит в `assets/icons` пакета, откуда сборка
+ * приложения кладёт его туда, куда указывает `provideRtIcons()`. Большинство
+ * файлов пришло из фрейма iconsLib
+ * (https://www.figma.com/design/x1rxhwomHt1pQRUcM3Zqjb?node-id=2922-7969).
  *
- * Отдельный файл, а не константы реестра: те же имена читает обвязка снимков витрины, а она идёт
- * под Playwright и ни одного объявления Angular поднять не может. Своя копия там уже стояла —
- * второе объявление того же значения расходится с первым молча: ожидание набора ищет один узел,
- * а реестр создаёт другой, и кадр выходит без значков.
- */
-/** Селектор inline-sprite, создаваемого один раз при первом обращении. */
-const RT_ICON_SPRITE_ID = 'rt-icon-sprite';
-/** Префикс `id` для inline-sprite символов. Изолирует от внешних `id` на странице. */
-const RT_ICON_SYMBOL_ID_PREFIX = 'rt-icon-';
-/**
- * Префикс `id` символов материального набора. Свой, а не общий: наборов на странице бывает два —
- * признак набора стоит и на корне, и на контейнере, — а один `id` держит один рисунок. С общим
- * префиксом второй набор молча забирал бы символ первого.
- */
-const RT_ICON_MATERIAL_SYMBOL_ID_PREFIX = 'rt-icon-material-';
-/** Префикс `id` залитых рисунков материального набора: у имени их два, и `id` у каждого свой. */
-const RT_ICON_MATERIAL_FILL_SYMBOL_ID_PREFIX = 'rt-icon-material-fill-';
-/** Селекторы, которыми страница объявляет материальный набор. */
-const RT_ICON_MATERIAL_PRESET_SELECTOR = "[data-preset='material'],.rt-preset-material";
-
-/**
- * Адрес, по которому приложение публикует набор из `assets/icons` пакета.
- * Умолчание годится, когда сборка кладёт набор в корень статики; свой адрес
- * задаётся аргументом `provideRtIcons()`.
- */
-const RT_ICONS_BASE_URL = new InjectionToken('RT_ICONS_BASE_URL', {
-    providedIn: 'root',
-    factory: () => '/icons',
-});
-/**
- * Адрес материального набора значков. Отдельный от своего: два набора стоят рядом, и приложение
- * кладёт их двумя папками.
- */
-const RT_ICONS_MATERIAL_BASE_URL = new InjectionToken('RT_ICONS_MATERIAL_BASE_URL', {
-    providedIn: 'root',
-    factory: () => '/icons-material',
-});
-class RtIconRegistry {
-    #http = inject(HttpClient);
-    #doc = inject(DOCUMENT);
-    #baseUrl = inject(RT_ICONS_BASE_URL);
-    #materialBaseUrl = inject(RT_ICONS_MATERIAL_BASE_URL);
-    #platform = inject(PlatformService);
-    /**
-     * Имена, за которыми уже сходили: второй раз в сеть за ними не ходят. Ключ несёт набор —
-     * одно имя приезжает двумя разными рисунками, и общий ключ отдал бы второму первый.
-     */
-    #requested = new Set();
-    /** Имена, которые попросила разметка. Загрузку по ним ведёт подписка из конструктора. */
-    #requestSource = new Subject();
-    constructor() {
-        // Потоки складываются, а не вытесняют друг друга: странице нужны все спрошенные
-        // значки, а не последний из них.
-        this.#requestSource
-            .pipe(mergeMap((asked) => this.#load(asked)), takeUntilDestroyed())
-            .subscribe();
-    }
-    /**
-     * Имя symbol для `<use href="#X">`. Возвращает строку с ведущим `#`.
-     *
-     * Набор назван явно, а не выведен из страницы: одна и та же страница держит оба набора
-     * рядом — признак стоит и на корне, и на контейнере, — и вывод по странице дал бы обоим
-     * один ответ.
-     */
-    symbolHref(name, drawing = 'base') {
-        return `#${this.#symbolId(name, drawing)}`;
-    }
-    /**
-     * Просит значок по имени: грузит файл и дописывает `<symbol>` в спрайт страницы.
-     *
-     * Ответа зовущий не ждёт и потока не получает: разметка рисует ссылку на символ сразу, а
-     * браузер дорисовывает её, когда символ приезжает. Подписка живёт здесь и только здесь —
-     * иначе каждая разметка гасила бы её сама, а таких мест у значка два.
-     */
-    request(name, drawing = 'base') {
-        const id = this.#symbolId(name, drawing);
-        // На сервере относительных запросов к статике нет вовсе: значок дорисуется после
-        // гидрации, когда разметка попросит его снова уже в браузере.
-        if (!this.#platform.isPlatformBrowser || this.#requested.has(id)) {
-            return;
-        }
-        this.#requested.add(id);
-        // Символ уже лежит в спрайте страницы: его положила соседняя история витрины или
-        // сама страница до старта приложения. Запроса не уходит вовсе.
-        if (this.#doc.getElementById(id)) {
-            return;
-        }
-        this.#requestSource.next({ name, drawing });
-    }
-    #load(asked) {
-        if (asked.drawing === 'base') {
-            return this.#loadInto(asked, `${this.#baseUrl}/${asked.name}.svg`, EMPTY);
-        }
-        // Материальный рисунок, который не приехал, закрывается своим. Материальный набор —
-        // слой переопределений: имени, которого в нём нет, кит и так рисует свой рисунок, и
-        // не приехавший файл обязан вести себя так же. Иначе страница, объявившая набор, но
-        // не опубликовавшая его папку, показывает пустое место там, где обещан значок, —
-        // разметка при этом верна, и промах виден только глазами. Залитый, которого нет,
-        // сперва закрывается контурным того же набора.
-        const own = this.#loadInto(asked, `${this.#baseUrl}/${asked.name}.svg`, EMPTY);
-        const outlined = asked.drawing === 'material-fill' ? this.#loadInto(asked, `${this.#materialBaseUrl}/${asked.name}.svg`, own) : own;
-        const file = asked.drawing === 'material-fill' ? `${asked.name}.fill.svg` : `${asked.name}.svg`;
-        return this.#loadInto(asked, `${this.#materialBaseUrl}/${file}`, outlined);
-    }
-    /**
-     * Рисунок по адресу под именем символа, которое просила разметка: подмена ссылки разметке
-     * не нужна. Отказ одного имени гасит только его значок — иначе один промах в наборе ронял бы
-     * всю страницу, а соседние значки уже приехали.
-     */
-    #loadInto(asked, url, fallback) {
-        return this.#http.get(url, { responseType: 'text' }).pipe(tap((raw) => this.#mountSymbol(asked, raw)), map(() => undefined), catchError(() => fallback));
-    }
-    #symbolId(name, drawing) {
-        const prefix = {
-            base: RT_ICON_SYMBOL_ID_PREFIX,
-            material: RT_ICON_MATERIAL_SYMBOL_ID_PREFIX,
-            'material-fill': RT_ICON_MATERIAL_FILL_SYMBOL_ID_PREFIX,
-        };
-        return `${prefix[drawing]}${name}`;
-    }
-    #mountSymbol(asked, raw) {
-        const symbol = this.#doc.createElementNS('http://www.w3.org/2000/svg', 'symbol');
-        symbol.id = this.#symbolId(asked.name, asked.drawing);
-        symbol.setAttribute('viewBox', this.#viewBox(raw));
-        symbol.innerHTML = this.#inner(raw);
-        this.#sprite().appendChild(symbol);
-    }
-    #viewBox(raw) {
-        const viewBoxMatch = /viewBox="([^"]+)"/.exec(raw);
-        return viewBoxMatch ? viewBoxMatch[1] : '0 0 24 24';
-    }
-    #inner(raw) {
-        // Тело корневого `<svg>` без него самого: оно и становится телом `<symbol>`.
-        return raw
-            .replace(/<\?xml[\s\S]*?\?>/g, '')
-            .replace(/<!DOCTYPE[\s\S]*?>/g, '')
-            .replace(/<svg\b[^>]*>/i, '')
-            .replace(/<\/svg>\s*$/i, '')
-            .trim();
-    }
-    #sprite() {
-        const existing = this.#doc.querySelector(`svg#${RT_ICON_SPRITE_ID}`);
-        if (existing) {
-            return existing;
-        }
-        const sprite = this.#doc.createElementNS('http://www.w3.org/2000/svg', 'svg');
-        sprite.id = RT_ICON_SPRITE_ID;
-        sprite.setAttribute('aria-hidden', 'true');
-        sprite.setAttribute('style', 'position:absolute;width:0;height:0;overflow:hidden;');
-        this.#doc.body.insertBefore(sprite, this.#doc.body.firstChild);
-        return sprite;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtIconRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtIconRegistry, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtIconRegistry, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [] });
-
-const SIZES = Object.freeze({
-    xs: 12,
-    sm: 16,
-    md: 20,
-    lg: 24,
-    xl: 32,
-    '2xl': 40,
-});
-/* Без переданного цвета значок цвета не пишет: `currentColor` строкой стиля перебивал правило
-   стилей, которое красит значок снаружи, — значок опасного пункта меню оставался цвета текста. */
-const COLORS = Object.freeze({
-    current: null,
-    // Приглушённый тон можно переназначить свойством сверху: поле ввода называет так тон своего
-    // значка в наборе оформления. Цвет стоит встроенным стилем, и правилом его не перебить.
-    muted: 'var(--rt-icon-color-muted, var(--rt-neutral-600))',
-    info: 'var(--rt-color-state-info)',
-    success: 'var(--rt-color-state-success)',
-    warning: 'var(--rt-color-state-warning)',
-    danger: 'var(--rt-color-state-danger)',
-    inverse: 'var(--rt-color-text-inverse)',
-});
-const BEM_BLOCK$1v = 'rt-icon';
-class RtIconComponent {
-    #registry;
-    #host;
-    /**
-     * Набор, объявленный разметкой над этим значком.
-     *
-     * Читается у разметки, а не выбирается стилями: ссылку на символ спрайта CSS подменить нечем,
-     * и второй `<use>` рядом с первым тоже не годится — он вечно указывает на символ, за которым
-     * никто не ходил, а обвязка снимков ждёт, пока нарисуется каждый.
-     *
-     * Спрашивается ближайший предок, а не корень страницы: признак набора стоит и на контейнере,
-     * и на одной странице законно живут оба набора рядом.
-     *
-     * Один раз после первой отрисовки: на сервере разметки нет вовсе, а признак набора страница
-     * по ходу жизни не переставляет — его ставит приложение своей разметкой.
-     */
-    #preset;
-    constructor() {
-        this.#registry = inject(RtIconRegistry);
-        this.#host = inject(ElementRef);
-        /**
-         * Набор, объявленный разметкой над этим значком.
-         *
-         * Читается у разметки, а не выбирается стилями: ссылку на символ спрайта CSS подменить нечем,
-         * и второй `<use>` рядом с первым тоже не годится — он вечно указывает на символ, за которым
-         * никто не ходил, а обвязка снимков ждёт, пока нарисуется каждый.
-         *
-         * Спрашивается ближайший предок, а не корень страницы: признак набора стоит и на контейнере,
-         * и на одной странице законно живут оба набора рядом.
-         *
-         * Один раз после первой отрисовки: на сервере разметки нет вовсе, а признак набора страница
-         * по ходу жизни не переставляет — его ставит приложение своей разметкой.
-         */
-        this.#preset = signal('base', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "#preset" }] : /* istanbul ignore next */ []));
-        this.href = computed(() => this.#registry.symbolHref(this.name(), this.drawing()), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "href" }] : /* istanbul ignore next */ []));
-        /**
-         * Набор, которым рисуется этот значок. Материальный закрывает не все имена кита — он слой
-         * переопределений, как набор оформления: имя без материального рисунка рисуется своим, и это
-         * не пробел.
-         */
-        this.preset = computed(() => this.#preset() === 'material' && iconMaterialDrawn.has(this.name()) ? 'material' : 'base', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "preset" }] : /* istanbul ignore next */ []));
-        /** Рисунок значка: залитый бывает только у материального набора, свой набор заливки не знает. */
-        this.drawing = computed(() => {
-            if (this.preset() === 'base') {
-                return 'base';
-            }
-            return this.fill() ? 'material-fill' : 'material';
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "drawing" }] : /* istanbul ignore next */ []));
-        this.sizePx = computed(() => SIZES[this.size()], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "sizePx" }] : /* istanbul ignore next */ []));
-        this.colorValue = computed(() => COLORS[this.color()], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "colorValue" }] : /* istanbul ignore next */ []));
-        this.rotateStyle = computed(() => {
-            const r = this.rotate();
-            return r !== null && r !== 0 ? `rotate(${r}deg)` : null;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "rotateStyle" }] : /* istanbul ignore next */ []));
-        this.name = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
-        this.size = input('md', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-        this.color = input('current', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
-        /**
-         * Залитый рисунок вместо контурного — как `FILL 1` у значка первого кита. Действует в
-         * материальном наборе; свой набор рисует значок одним рисунком. Дефолт `false`.
-         */
-        this.fill = input(false, { ...(ngDevMode ? { debugName: "fill" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.rotate = input(null, { ...(ngDevMode ? { debugName: "rotate" } : /* istanbul ignore next */ {}), transform: (v) => {
-                if (v === null || v === '') {
-                    return null;
-                }
-                return numberAttribute(v, 0);
-            } });
-        // Значок едет по запросу имени, а не вперёд всем набором: страница платит за то, что
-        // нарисовала. Смена имени просит новое — прежний символ остаётся в спрайте.
-        effect(() => {
-            this.#registry.request(this.name(), this.drawing());
-        });
-        // Разметка над значком видна только в браузере и только после первой отрисовки:
-        // контейнер с признаком набора рисует то же приложение.
-        afterNextRender(() => {
-            if (this.#host.nativeElement.closest(RT_ICON_MATERIAL_PRESET_SELECTOR)) {
-                this.#preset.set('material');
-            }
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: RtIconComponent, isStandalone: true, selector: "rt-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, fill: { classPropertyName: "fill", publicName: "fill", isSignal: true, isRequired: false, transformFunction: null }, rotate: { classPropertyName: "rotate", publicName: "rotate", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-hidden": "'true'", "style.width.px": "sizePx()", "style.height.px": "sizePx()", "style.color": "colorValue()", "style.transform": "rotateStyle()" }, classAttribute: "rt-icon" }, ngImport: i0, template: "<svg focusable=\"false\" aria-hidden=\"true\" [attr.viewBox]=\"'0 0 24 24'\">\n    <use [attr.href]=\"href()\" />\n</svg>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-icon{display:inline-flex;flex-shrink:0;line-height:0}.rt-icon svg{display:block;width:100%;height:100%;fill:currentcolor}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtIconComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-icon', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
-                        class: BEM_BLOCK$1v,
-                        '[attr.aria-hidden]': "'true'",
-                        '[style.width.px]': 'sizePx()',
-                        '[style.height.px]': 'sizePx()',
-                        '[style.color]': 'colorValue()',
-                        '[style.transform]': 'rotateStyle()',
-                    }, template: "<svg focusable=\"false\" aria-hidden=\"true\" [attr.viewBox]=\"'0 0 24 24'\">\n    <use [attr.href]=\"href()\" />\n</svg>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-icon{display:inline-flex;flex-shrink:0;line-height:0}.rt-icon svg{display:block;width:100%;height:100%;fill:currentcolor}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], fill: [{ type: i0.Input, args: [{ isSignal: true, alias: "fill", required: false }] }], rotate: [{ type: i0.Input, args: [{ isSignal: true, alias: "rotate", required: false }] }] } });
-
-const BEM_BLOCK$1u = 'rt-ripple';
-/** Сколько живёт один слой волны. Совпадает с длительностью в стилях блока. */
-const RIPPLE_LIFETIME_MS = 550;
-/**
- * Волна нажатия. Ставится на элемент, который нажимают, и рисует расходящийся
- * от точки касания круг.
- *
- * Волна живёт в своём обрезающем слое внутри элемента, а не прямо в нём:
- * `overflow: hidden` на самой кнопке срезал бы всё, что торчит за её край, —
- * у кнопки-значка так стоит метка, вынесенная на два пикселя наружу.
- *
- * @example
- * ```html
- * <button rtRipple>Сохранить</button>
- * <button rtRipple [rippleDisabled]="loading()">Сохранить</button>
- * ```
- */
-class RtRippleDirective {
-    #el;
-    #renderer;
-    #destroyRef;
-    /** Слои, которые ещё гаснут: снимаются, если элемент умрёт раньше их. */
-    #live;
-    /** Обрезающий слой заводится при первом нажатии: у кнопки, которую не нажали, его нет. */
-    #area;
-    /** Гасит незакончившиеся волны: иначе таймер трогает снятый из дерева узел. */
-    constructor() {
-        this.#el = inject(ElementRef);
-        this.#renderer = inject(Renderer2);
-        this.#destroyRef = inject(DestroyRef);
-        /** Слои, которые ещё гаснут: снимаются, если элемент умрёт раньше их. */
-        this.#live = new Set();
-        /** Обрезающий слой заводится при первом нажатии: у кнопки, которую не нажали, его нет. */
-        this.#area = null;
-        /**
-         * Отключает волну, не трогая остальное поведение элемента.
-         * Отключённая и загружающаяся кнопка волны не даёт.
-         */
-        this.rippleDisabled = input(false, { ...(ngDevMode ? { debugName: "rippleDisabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.#destroyRef.onDestroy(() => {
-            for (const timer of this.#live) {
-                clearTimeout(timer);
-            }
-            this.#live.clear();
-        });
-    }
-    /**
-     * Ставит один слой волны от точки нажатия и снимает его, когда тот отгорит.
-     *
-     * Радиус считается по дальнему углу элемента: волна из угла должна накрыть
-     * противоположный, иначе на широкой кнопке она обрывается на полпути.
-     */
-    launch(event) {
-        const host = this.#el.nativeElement;
-        if (this.rippleDisabled() || host.disabled) {
-            return;
-        }
-        const box = host.getBoundingClientRect();
-        const x = event.clientX - box.left;
-        const y = event.clientY - box.top;
-        const radius = Math.hypot(Math.max(x, box.width - x), Math.max(y, box.height - y));
-        const area = this.#ensureArea(host);
-        const layer = this.#renderer.createElement('span');
-        this.#renderer.addClass(layer, `${BEM_BLOCK$1u}__wave`);
-        this.#renderer.setStyle(layer, 'left', `${x - radius}px`);
-        this.#renderer.setStyle(layer, 'top', `${y - radius}px`);
-        this.#renderer.setStyle(layer, 'width', `${radius * 2}px`);
-        this.#renderer.setStyle(layer, 'height', `${radius * 2}px`);
-        this.#renderer.appendChild(area, layer);
-        const timer = setTimeout(() => {
-            this.#live.delete(timer);
-            if (layer.parentNode) {
-                this.#renderer.removeChild(area, layer);
-            }
-        }, RIPPLE_LIFETIME_MS);
-        this.#live.add(timer);
-    }
-    /** Обрезающий слой один на элемент: он повторяет его скругление и не ловит указатель. */
-    #ensureArea(host) {
-        if (this.#area?.parentNode) {
-            return this.#area;
-        }
-        /* Обрезающий слой стоит absolute, и ему нужен позиционированный предок. Позиция
-           ставится здесь, а не правилом блока: правило висело бы на каждой кнопке кита и
-           меняло растеризацию кадров витрины, ничего не двигая в раскладке. */
-        if (getComputedStyle(host).position === 'static') {
-            this.#renderer.setStyle(host, 'position', 'relative');
-        }
-        const area = this.#renderer.createElement('span');
-        this.#renderer.addClass(area, `${BEM_BLOCK$1u}__area`);
-        this.#renderer.setAttribute(area, 'aria-hidden', 'true');
-        this.#renderer.appendChild(host, area);
-        this.#area = area;
-        return area;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtRippleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: RtRippleDirective, isStandalone: true, selector: "[rtRipple]", inputs: { rippleDisabled: { classPropertyName: "rippleDisabled", publicName: "rippleDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "pointerdown": "launch($event)" }, classAttribute: "rt-ripple" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtRippleDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[rtRipple]',
-                    host: {
-                        class: BEM_BLOCK$1u,
-                        '(pointerdown)': 'launch($event)',
-                    },
-                }]
-        }], ctorParameters: () => [], propDecorators: { rippleDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "rippleDisabled", required: false }] }] } });
-
-/** Признак материального набора в разметке: атрибут или класс, которые ставит приложение. */
-const RT_MATERIAL_PRESET_SELECTOR = "[data-preset='material'],.rt-preset-material";
-/** Класс набора, который несёт узел вне поддерева, где набор объявлен. */
-const RT_MATERIAL_PRESET_CLASS = 'rt-preset-material';
-/**
- * Классы набора для панели наложения, открытой от `origin`. Панель лежит в конце страницы, вне
- * контейнера с признаком набора, и назначения набора до неё не доходят: она берёт класс набора
- * сама, если признак стоит над узлом, от которого она открыта. Кит читает признак приложения, а не
- * ставит свой.
- */
-function materialPresetClassesOf(origin) {
-    return origin.closest(RT_MATERIAL_PRESET_SELECTOR) ? [RT_MATERIAL_PRESET_CLASS] : [];
-}
-/**
- * Классы набора для панели, которую открывает сервис без узла-источника: диалог, боковая панель.
- * Источником служит узел в фокусе в момент открытия — нажатая кнопка. Панель, открытая не по
- * нажатию, набор от фокуса не берёт; для неё остаётся `panelClass` приложения.
- */
-function materialPresetClassesOfFocus(document) {
-    const focused = document.activeElement;
-    return focused ? materialPresetClassesOf(focused) : [];
-}
-/** Атрибут местного куска темы — его ставит `rtTheme` и читают правила куска в стилях кита. */
-const RT_THEME_SCOPE_ATTRIBUTE = 'data-theme';
-/**
- * Тема местного куска, от которого открыта панель, — значение ближайшего `data-theme` над `origin`.
- * Панель лежит в конце страницы, вне куска, и без этого рисуется темой страницы: список тёмной
- * карточки на светлой странице выходил светлым. Тема корня страницы не возвращается: её панель
- * наследует и так, а признак на панели повторил бы весь набор назначений ещё раз.
- */
-function themeScopeOf(origin) {
-    const scope = origin.closest(`[${RT_THEME_SCOPE_ATTRIBUTE}]`);
-    if (scope === null || scope === origin.ownerDocument.documentElement) {
-        return null;
-    }
-    return scope.getAttribute(RT_THEME_SCOPE_ATTRIBUTE) || null;
-}
-function applyThemeScope(pane, theme) {
-    if (theme === null) {
-        pane.removeAttribute(RT_THEME_SCOPE_ATTRIBUTE);
-    }
-    else {
-        pane.setAttribute(RT_THEME_SCOPE_ATTRIBUTE, theme);
-    }
-}
-/**
- * Переносит тему куска `origin` на коробку панели или снимает её, если кусок ушёл. Зовётся на
- * каждом открытии: коробка переживает закрытие, а кусок вокруг источника мог смениться.
- */
-function carryThemeScope(pane, origin) {
-    applyThemeScope(pane, themeScopeOf(origin));
-}
-/**
- * Тема местного куска для панели, которую открывает сервис без узла-источника: диалог, боковая
- * панель. Источником служит узел в фокусе в момент открытия — нажатая кнопка, как у
- * `materialPresetClassesOfFocus`. Без фокуса, как и под темой корня, возвращает `null`.
- */
-function themeScopeOfFocus(document) {
-    const focused = document.activeElement;
-    return focused ? themeScopeOf(focused) : null;
-}
-/**
- * Переносит на коробку панели тему куска, где стоит фокус. Зовётся до того, как панель заберёт
- * фокус себе: после этого `activeElement` уже внутри панели, в конце страницы, вне куска.
- */
-function carryThemeScopeOfFocus(pane, document) {
-    applyThemeScope(pane, themeScopeOfFocus(document));
-}
-
-const BEM_BLOCK$1t = 'rt-tooltip';
-/**
- * Презентационная панель tooltip'а. Рендерится директивой `[rtTooltip]` через
- * CDK `ComponentPortal` в overlay; текст выставляется императивно
- * (`ref.instance.text.set(...)`) — отдельного `input()` нет, т.к. компонент
- * создаётся вручную, а не в шаблоне.
- *
- * `ViewEncapsulation.None` — стили префиксованы `.rt-tooltip` (единообразно с
- * остальным common/ui). `role="tooltip"` — вспомогательный ярлык для AT.
- */
-class RtTooltipComponent {
-    constructor() {
-        this.text = signal('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: RtTooltipComponent, isStandalone: true, selector: "rt-tooltip", host: { attributes: { "role": "tooltip" }, classAttribute: "rt-tooltip" }, ngImport: i0, template: '{{ text() }}', isInline: true, styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-tooltip{--rt-tooltip-radius: var(--rt-overlay-tooltip-radius);--rt-tooltip-shadow: var(--rt-overlay-tooltip-shadow);display:block;max-width:240px;padding:var(--rt-space-xs) var(--rt-space-sm);border-radius:var(--rt-tooltip-radius);background:var(--rt-color-bg-inverse);box-shadow:var(--rt-tooltip-shadow);color:var(--rt-color-text-inverse);font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug);overflow-wrap:anywhere;pointer-events:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTooltipComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-tooltip', template: '{{ text() }}', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
-                        class: BEM_BLOCK$1t,
-                        role: 'tooltip',
-                    }, styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-tooltip{--rt-tooltip-radius: var(--rt-overlay-tooltip-radius);--rt-tooltip-shadow: var(--rt-overlay-tooltip-shadow);display:block;max-width:240px;padding:var(--rt-space-xs) var(--rt-space-sm);border-radius:var(--rt-tooltip-radius);background:var(--rt-color-bg-inverse);box-shadow:var(--rt-tooltip-shadow);color:var(--rt-color-text-inverse);font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug);overflow-wrap:anywhere;pointer-events:none}}\n"] }]
-        }] });
-
-const SHOW_DELAY_MS = 300;
-const VIEWPORT_MARGIN$1 = 8;
-/**
- * Tooltip-директива поверх CDK Overlay. Показывает короткую подсказку
- * (`rtTooltip` = строка) на hover/focus host'а. Движок — CDK `flexibleConnectedTo`
- * (авто-flip у края viewport, reposition при скролле), так что подсказка не
- * режется `overflow: hidden` предками (таблицы, aside, карточки).
- *
- * Триггеры: `mouseenter`/`focusin` показывают (с задержкой `SHOW_DELAY_MS`),
- * `mouseleave`/`focusout`/`click` прячут. Пустой текст → no-op (директива
- * выключена), поэтому её можно безусловно вешать на icon-кнопки и включать
- * выставлением строки.
- *
- * @example
- * ```html
- * <rt-icon-button icon="ico-trash" ariaLabel="Удалить" tooltip="Удалить" />
- * <button rtButton [rtTooltip]="'Подсказка'">…</button>
- * ```
- */
-class RtTooltipDirective {
-    constructor() {
-        this.#overlay = inject(Overlay);
-        this.#elementRef = inject(ElementRef);
-        this.#scrollStrategies = inject(ScrollStrategyOptions);
-        this.#overlayRef = null;
-        this.#tooltipRef = null;
-        this.#showTimer = null;
-        /**
-         * Текст подсказки. Принимает `null`/`undefined` (частый результат date-пайпа
-         * или nullable-полей модели) и нормализует их в пустую строку — иначе
-         * биндинги вида `value | date` ломали бы строгую типизацию шаблона. Пустая
-         * строка → no-op (директива выключена).
-         */
-        this.text = input('', { ...(ngDevMode ? { debugName: "text" } : /* istanbul ignore next */ {}), alias: 'rtTooltip',
-            transform: (value) => value ?? '' });
-        /** Сторона подсказки. Не задана — сверху, а под материальным набором снизу, как у первого кита. */
-        this.placement = input(null, { ...(ngDevMode ? { debugName: "placement" } : /* istanbul ignore next */ {}), alias: 'rtTooltipPlacement' });
-    }
-    #overlay;
-    #elementRef;
-    #scrollStrategies;
-    #overlayRef;
-    #tooltipRef;
-    #showTimer;
-    ngOnDestroy() {
-        this.#clearTimer();
-        this.#disposeOverlay();
-    }
-    show() {
-        if (this.text().trim() === '' || this.#tooltipRef !== null) {
-            return;
-        }
-        this.#clearTimer();
-        this.#showTimer = setTimeout(() => this.#attach(), SHOW_DELAY_MS);
-    }
-    hide() {
-        this.#clearTimer();
-        this.#overlayRef?.detach();
-        this.#tooltipRef = null;
-    }
-    #attach() {
-        if (this.text().trim() === '') {
-            return;
-        }
-        const overlayRef = this.#ensureOverlay();
-        // Коробка переживает закрытие, а кусок темы вокруг host'а мог смениться — переносим на каждом показе.
-        carryThemeScope(overlayRef.overlayElement, this.#elementRef.nativeElement);
-        const portal = new ComponentPortal(RtTooltipComponent);
-        this.#tooltipRef = overlayRef.attach(portal);
-        this.#tooltipRef.instance.text.set(this.text());
-        this.#tooltipRef.changeDetectorRef.markForCheck();
-    }
-    #ensureOverlay() {
-        if (this.#overlayRef !== null) {
-            return this.#overlayRef;
-        }
-        const above = {
-            originX: 'center',
-            originY: 'top',
-            overlayX: 'center',
-            overlayY: 'bottom',
-            offsetY: -6,
-        };
-        const below = {
-            originX: 'center',
-            originY: 'bottom',
-            overlayX: 'center',
-            overlayY: 'top',
-            offsetY: 6,
-        };
-        const presetClasses = materialPresetClassesOf(this.#elementRef.nativeElement);
-        const placement = this.placement() ?? (presetClasses.length > 0 ? 'bottom' : 'top');
-        const positions = placement === 'top' ? [above, below] : [below, above];
-        const positionStrategy = this.#overlay
-            .position()
-            .flexibleConnectedTo(this.#elementRef)
-            .withPush(true)
-            .withViewportMargin(VIEWPORT_MARGIN$1)
-            .withFlexibleDimensions(false)
-            .withPositions(positions);
-        const config = new OverlayConfig({
-            positionStrategy,
-            scrollStrategy: this.#scrollStrategies.reposition(),
-            hasBackdrop: false,
-            panelClass: ['rt-tooltip-panel', ...presetClasses],
-        });
-        this.#overlayRef = this.#overlay.create(config);
-        return this.#overlayRef;
-    }
-    #clearTimer() {
-        if (this.#showTimer !== null) {
-            clearTimeout(this.#showTimer);
-            this.#showTimer = null;
-        }
-    }
-    #disposeOverlay() {
-        this.#overlayRef?.dispose();
-        this.#overlayRef = null;
-        this.#tooltipRef = null;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: RtTooltipDirective, isStandalone: true, selector: "[rtTooltip]", inputs: { text: { classPropertyName: "text", publicName: "rtTooltip", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "rtTooltipPlacement", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "show()", "mouseleave": "hide()", "focusin": "show()", "focusout": "hide()", "click": "hide()" } }, exportAs: ["rtTooltip"], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTooltipDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[rtTooltip]',
-                    exportAs: 'rtTooltip',
-                    host: {
-                        '(mouseenter)': 'show()',
-                        '(mouseleave)': 'hide()',
-                        '(focusin)': 'show()',
-                        '(focusout)': 'hide()',
-                        '(click)': 'hide()',
-                    },
-                }]
-        }], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "rtTooltip", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "rtTooltipPlacement", required: false }] }] } });
-
-const BEM_BLOCK$1s = 'rt-icon-button';
-/**
- * Универсальная icon-only кнопка кита.
- *
- * Рендерит свой собственный `<button type="...">` внутри template (НЕ host-button).
- * Все цвета и размеры — через семантические `--rt-*` токены; геометрия квадрата
- * выставляется CSS-custom-property `--rt-icon-button-size` (overridable inline
- * через `style="--rt-icon-button-size: 35px"` — нужно для миграции rt-header 35×35).
- *
- * Loading state — заменяет иконку на `<rt-icon name="spinner">` и блокирует
- * клики (`button[disabled]`). Active state управляет `aria-pressed` (для toggle-кнопок).
- * Indicator — небольшой dot top-right через BEM-элемент `__indicator`.
- *
- * BEM-разметка — через `rtBlock="rt-icon-button"` + `[rtMod]` объект; камелкейс
- * модификаторов автоматически конвертируется директивой в kebab-case
- * (`hasIndicator` → `rt-icon-button--has-indicator`).
- */
-class RtIconButtonComponent {
-    constructor() {
-        /**
-         * Размер дочерней `<rt-icon>`. По умолчанию маппится 1-к-1 от размера кнопки,
-         * но потребитель может задать свой: у крупной кнопки-действия (плавающая
-         * кнопка чата) иконка во весь диаметр выглядит тяжеловесно, а сама кнопка
-         * должна остаться большой — в неё целятся пальцем.
-         */
-        this.resolvedIconSize = computed(() => {
-            const map = {
-                sm: 'sm',
-                md: 'md',
-                lg: 'lg',
-                xl: 'xl',
-                '2xl': '2xl',
-            };
-            return this.iconSize() ?? map[this.size()];
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "resolvedIconSize" }] : /* istanbul ignore next */ []));
-        /** Кнопка отключена, если установлен disabled ИЛИ loading. */
-        this.isDisabled = computed(() => this.disabled() || this.loading(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
-        /**
-         * BEM-модификаторы для `[rtMod]`. Собираем в .ts (а не в шаблоне), потому что
-         * Angular template-parser не поддерживает computed property keys в inline-объектах.
-         * camelCase ключи `hasIndicator` директива автоматически конвертирует в `has-indicator`.
-         */
-        this.bemMods = computed(() => ({
-            [this.variant()]: true,
-            [this.size()]: true,
-            [this.shape()]: true,
-            loading: this.loading(),
-            active: this.active(),
-            hasIndicator: this.indicator(),
-        }), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "bemMods" }] : /* istanbul ignore next */ []));
-        /** Имя иконки — обязательно. */
-        this.icon = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
-        /** Доступное имя для screen-reader'ов — обязательно (icon-only кнопка). */
-        this.ariaLabel = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
-        /** Семантическая палитра. */
-        this.variant = input('ghost', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
-        /**
-         * Цвет самой иконки. Default `current` — иконка наследует цвет текста кнопки
-         * (поведение по умолчанию). Явное значение нужно, когда иконка должна
-         * отличаться от текста кнопки — например крестик-очистка внутри поля,
-         * который должен совпадать по цвету с иконками-аффордансами самого поля.
-         */
-        this.iconColor = input('current', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "iconColor" }] : /* istanbul ignore next */ []));
-        /**
-         * Залитый рисунок значка вместо контурного — как `fill` у `rt-icon`. Рисует его материальный
-         * набор; значок своего набора один и от признака не меняется.
-         */
-        this.iconFill = input(false, { ...(ngDevMode ? { debugName: "iconFill" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Размер квадрата. */
-        this.size = input('md', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-        /** Размер иконки; пусто — берётся от размера кнопки. */
-        this.iconSize = input(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "iconSize" }] : /* istanbul ignore next */ []));
-        /** Форма (круг или скруглённый квадрат). */
-        this.shape = input('square', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "shape" }] : /* istanbul ignore next */ []));
-        /** HTML-type для нативного `<button>`. */
-        this.type = input('button', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
-        /**
-         * Текст styled-tooltip'а (`rtTooltip`), показывается на hover/focus. Пустая
-         * строка → tooltip выключен. Для icon-only кнопок обычно дублирует `ariaLabel`.
-         */
-        this.tooltip = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "tooltip" }] : /* istanbul ignore next */ []));
-        /**
-         * Tabindex внутренней `<button>`. Default `0` (в обычном таб-порядке).
-         * Значение `-1` исключает кнопку из таб-навигации, оставляя клик мышью —
-         * нужно для вспомогательных аффордансов вроде крестика-очистки внутри поля.
-         */
-        this.tabIndex = input(0, { ...(ngDevMode ? { debugName: "tabIndex" } : /* istanbul ignore next */ {}), transform: numberAttribute });
-        /** Состояние загрузки: показывает spinner вместо иконки + disabled. */
-        this.loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Нативное отключение кнопки. */
-        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Toggle-состояние — превращается в `aria-pressed="true"`. */
-        this.active = input(false, { ...(ngDevMode ? { debugName: "active" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Бейдж-индикатор (dot top-right через BEM-модификатор). */
-        this.indicator = input(false, { ...(ngDevMode ? { debugName: "indicator" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Эмиттит MouseEvent при клике (только когда не disabled и не loading). */
-        this.clicked = output();
-    }
-    onClick(event) {
-        if (this.isDisabled()) {
-            return;
-        }
-        this.clicked.emit(event);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtIconButtonComponent, isStandalone: true, selector: "rt-icon-button", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: true, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, iconColor: { classPropertyName: "iconColor", publicName: "iconColor", isSignal: true, isRequired: false, transformFunction: null }, iconFill: { classPropertyName: "iconFill", publicName: "iconFill", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, indicator: { classPropertyName: "indicator", publicName: "indicator", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { classAttribute: "rt-icon-button" }, ngImport: i0, template: "<button\n    rtBlock=\"rt-icon-button\"\n    qa-dataid=\"icon-button-control\"\n    rtRipple\n    [rippleDisabled]=\"isDisabled() || loading()\"\n    [rtTooltip]=\"tooltip()\"\n    [rtMod]=\"bemMods()\"\n    [type]=\"type()\"\n    [disabled]=\"isDisabled()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-pressed]=\"active() ? 'true' : null\"\n    [attr.tabindex]=\"tabIndex()\"\n    (click)=\"onClick($event)\">\n    @if (loading()) {\n        <rt-icon rtElem=\"spinner\" name=\"spinner\" color=\"current\" [size]=\"resolvedIconSize()\" />\n    } @else {\n        <rt-icon rtElem=\"icon\" [color]=\"iconColor()\" [name]=\"icon()\" [size]=\"resolvedIconSize()\" [fill]=\"iconFill()\" />\n    }\n    @if (indicator()) {\n        <span rtElem=\"indicator\" aria-hidden=\"true\"></span>\n    }\n</button>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-icon-button{display:inline-flex;--rt-icon-button-size: var(--rt-control-height-md);--rt-icon-button-color: var(--rt-color-text-primary)}rt-icon-button .rt-icon-button{--rt-icon-button-circle-radius: var(--rt-radius-full);--rt-icon-button-square-radius: var(--rt-radius-md);--rt-icon-button-rounded-sm-radius: calc(var(--rt-icon-button-square-radius) + (50% - var(--rt-icon-button-square-radius)) / 3);--rt-icon-button-rounded-lg-radius: calc( var(--rt-icon-button-square-radius) + (50% - var(--rt-icon-button-square-radius)) * 2 / 3 );--rt-icon-button-indicator-radius: var(--rt-radius-full);--rt-icon-button-focus-shadow: var(--rt-shadow-focus-ring);--rt-icon-button-shadow: var(--rt-shadow-none);--rt-icon-button-shadow-hover: var(--rt-icon-button-shadow);--rt-icon-button-color-hover: var(--rt-icon-button-color);--rt-icon-button-transition-duration: var(--rt-duration-fast);--rt-icon-button-bg: transparent;position:relative;display:inline-flex;width:var(--rt-icon-button-size);height:var(--rt-icon-button-size);align-items:center;justify-content:center;padding:0;border:0;background-color:var(--rt-icon-button-bg);box-shadow:var(--rt-icon-button-shadow);color:var(--rt-icon-button-color);cursor:pointer;transition:background-color var(--rt-icon-button-transition-duration) ease,box-shadow var(--rt-icon-button-transition-duration) ease}rt-icon-button .rt-icon-button--sm{--rt-icon-button-size: var(--rt-control-height-sm)}rt-icon-button .rt-icon-button--md{--rt-icon-button-size: var(--rt-control-height-md)}rt-icon-button .rt-icon-button--lg{--rt-icon-button-size: var(--rt-control-height-lg)}rt-icon-button .rt-icon-button--xl{--rt-icon-button-size: var(--rt-control-height-xl)}rt-icon-button .rt-icon-button--2xl{--rt-icon-button-size: var(--rt-control-height-2xl)}rt-icon-button .rt-icon-button--circle{border-radius:var(--rt-icon-button-circle-radius)}rt-icon-button .rt-icon-button--rounded-sm{border-radius:var(--rt-icon-button-rounded-sm-radius)}rt-icon-button .rt-icon-button--rounded-lg{border-radius:var(--rt-icon-button-rounded-lg-radius)}rt-icon-button .rt-icon-button--square{border-radius:var(--rt-icon-button-square-radius)}rt-icon-button .rt-icon-button:hover:not(:disabled){box-shadow:var(--rt-icon-button-shadow-hover)}rt-icon-button .rt-icon-button--ghost:hover:not(:disabled){background-color:var(--rt-icon-button-color-bg-hover);color:var(--rt-icon-button-color-hover)}rt-icon-button .rt-icon-button--ghost.rt-icon-button--active{background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--primary{--rt-icon-button-bg: var(--rt-color-action-primary);color:var(--rt-color-action-on-primary)}rt-icon-button .rt-icon-button--primary:hover:not(:disabled){background-color:var(--rt-color-action-primary-hover)}rt-icon-button .rt-icon-button--secondary{--rt-icon-button-bg: var(--rt-color-bg-surface-subtle);color:var(--rt-color-text-primary)}rt-icon-button .rt-icon-button--secondary:hover:not(:disabled){background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--danger{color:var(--rt-color-state-danger)}rt-icon-button .rt-icon-button--danger:hover:not(:disabled){background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--danger.rt-icon-button--active{background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--success{color:var(--rt-color-state-success)}rt-icon-button .rt-icon-button--success:hover:not(:disabled){background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--success.rt-icon-button--active{background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--warning{color:var(--rt-color-state-warning)}rt-icon-button .rt-icon-button--warning:hover:not(:disabled){background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--warning.rt-icon-button--active{background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button:disabled{background-color:color-mix(in srgb,var(--rt-icon-button-bg) var(--rt-icon-button-disabled-fill),transparent);cursor:not-allowed;opacity:var(--rt-icon-button-disabled-opacity)}rt-icon-button .rt-icon-button:disabled .rt-icon svg{color:var(--rt-icon-button-disabled-color)}rt-icon-button .rt-icon-button:focus-visible{box-shadow:var(--rt-icon-button-focus-shadow);outline:2px solid transparent;outline-offset:2px}rt-icon-button .rt-icon-button__spinner{--rt-icon-button-spin-duration: 1s;animation:rt-icon-button-spin var(--rt-icon-button-spin-duration) linear infinite}rt-icon-button .rt-icon-button__indicator{position:absolute;width:8px;height:8px;border-radius:var(--rt-icon-button-indicator-radius);background:var(--rt-color-state-danger);inset-block-start:-2px;inset-inline-end:-2px;pointer-events:none}@keyframes rt-icon-button-spin{to{transform:rotate(360deg)}}}\n"], dependencies: [{ kind: "component", type: 
-                // standalone components / directives
-                RtIconComponent, selector: "rt-icon", inputs: ["name", "size", "color", "fill", "rotate"] }, { kind: "directive", type: RtRippleDirective, selector: "[rtRipple]", inputs: ["rippleDisabled"] }, { kind: "directive", type: RtTooltipDirective, selector: "[rtTooltip]", inputs: ["rtTooltip", "rtTooltipPlacement"], exportAs: ["rtTooltip"] }, { kind: "directive", type: BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { kind: "directive", type: ModDirective, selector: "[rtMod]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtIconButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-icon-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // standalone components / directives
-                        RtIconComponent,
-                        RtRippleDirective,
-                        RtTooltipDirective,
-                        BlockDirective,
-                        ElemDirective,
-                        ModDirective,
-                    ], host: {
-                        class: BEM_BLOCK$1s,
-                    }, template: "<button\n    rtBlock=\"rt-icon-button\"\n    qa-dataid=\"icon-button-control\"\n    rtRipple\n    [rippleDisabled]=\"isDisabled() || loading()\"\n    [rtTooltip]=\"tooltip()\"\n    [rtMod]=\"bemMods()\"\n    [type]=\"type()\"\n    [disabled]=\"isDisabled()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-pressed]=\"active() ? 'true' : null\"\n    [attr.tabindex]=\"tabIndex()\"\n    (click)=\"onClick($event)\">\n    @if (loading()) {\n        <rt-icon rtElem=\"spinner\" name=\"spinner\" color=\"current\" [size]=\"resolvedIconSize()\" />\n    } @else {\n        <rt-icon rtElem=\"icon\" [color]=\"iconColor()\" [name]=\"icon()\" [size]=\"resolvedIconSize()\" [fill]=\"iconFill()\" />\n    }\n    @if (indicator()) {\n        <span rtElem=\"indicator\" aria-hidden=\"true\"></span>\n    }\n</button>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-icon-button{display:inline-flex;--rt-icon-button-size: var(--rt-control-height-md);--rt-icon-button-color: var(--rt-color-text-primary)}rt-icon-button .rt-icon-button{--rt-icon-button-circle-radius: var(--rt-radius-full);--rt-icon-button-square-radius: var(--rt-radius-md);--rt-icon-button-rounded-sm-radius: calc(var(--rt-icon-button-square-radius) + (50% - var(--rt-icon-button-square-radius)) / 3);--rt-icon-button-rounded-lg-radius: calc( var(--rt-icon-button-square-radius) + (50% - var(--rt-icon-button-square-radius)) * 2 / 3 );--rt-icon-button-indicator-radius: var(--rt-radius-full);--rt-icon-button-focus-shadow: var(--rt-shadow-focus-ring);--rt-icon-button-shadow: var(--rt-shadow-none);--rt-icon-button-shadow-hover: var(--rt-icon-button-shadow);--rt-icon-button-color-hover: var(--rt-icon-button-color);--rt-icon-button-transition-duration: var(--rt-duration-fast);--rt-icon-button-bg: transparent;position:relative;display:inline-flex;width:var(--rt-icon-button-size);height:var(--rt-icon-button-size);align-items:center;justify-content:center;padding:0;border:0;background-color:var(--rt-icon-button-bg);box-shadow:var(--rt-icon-button-shadow);color:var(--rt-icon-button-color);cursor:pointer;transition:background-color var(--rt-icon-button-transition-duration) ease,box-shadow var(--rt-icon-button-transition-duration) ease}rt-icon-button .rt-icon-button--sm{--rt-icon-button-size: var(--rt-control-height-sm)}rt-icon-button .rt-icon-button--md{--rt-icon-button-size: var(--rt-control-height-md)}rt-icon-button .rt-icon-button--lg{--rt-icon-button-size: var(--rt-control-height-lg)}rt-icon-button .rt-icon-button--xl{--rt-icon-button-size: var(--rt-control-height-xl)}rt-icon-button .rt-icon-button--2xl{--rt-icon-button-size: var(--rt-control-height-2xl)}rt-icon-button .rt-icon-button--circle{border-radius:var(--rt-icon-button-circle-radius)}rt-icon-button .rt-icon-button--rounded-sm{border-radius:var(--rt-icon-button-rounded-sm-radius)}rt-icon-button .rt-icon-button--rounded-lg{border-radius:var(--rt-icon-button-rounded-lg-radius)}rt-icon-button .rt-icon-button--square{border-radius:var(--rt-icon-button-square-radius)}rt-icon-button .rt-icon-button:hover:not(:disabled){box-shadow:var(--rt-icon-button-shadow-hover)}rt-icon-button .rt-icon-button--ghost:hover:not(:disabled){background-color:var(--rt-icon-button-color-bg-hover);color:var(--rt-icon-button-color-hover)}rt-icon-button .rt-icon-button--ghost.rt-icon-button--active{background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--primary{--rt-icon-button-bg: var(--rt-color-action-primary);color:var(--rt-color-action-on-primary)}rt-icon-button .rt-icon-button--primary:hover:not(:disabled){background-color:var(--rt-color-action-primary-hover)}rt-icon-button .rt-icon-button--secondary{--rt-icon-button-bg: var(--rt-color-bg-surface-subtle);color:var(--rt-color-text-primary)}rt-icon-button .rt-icon-button--secondary:hover:not(:disabled){background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--danger{color:var(--rt-color-state-danger)}rt-icon-button .rt-icon-button--danger:hover:not(:disabled){background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--danger.rt-icon-button--active{background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--success{color:var(--rt-color-state-success)}rt-icon-button .rt-icon-button--success:hover:not(:disabled){background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--success.rt-icon-button--active{background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--warning{color:var(--rt-color-state-warning)}rt-icon-button .rt-icon-button--warning:hover:not(:disabled){background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--warning.rt-icon-button--active{background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button:disabled{background-color:color-mix(in srgb,var(--rt-icon-button-bg) var(--rt-icon-button-disabled-fill),transparent);cursor:not-allowed;opacity:var(--rt-icon-button-disabled-opacity)}rt-icon-button .rt-icon-button:disabled .rt-icon svg{color:var(--rt-icon-button-disabled-color)}rt-icon-button .rt-icon-button:focus-visible{box-shadow:var(--rt-icon-button-focus-shadow);outline:2px solid transparent;outline-offset:2px}rt-icon-button .rt-icon-button__spinner{--rt-icon-button-spin-duration: 1s;animation:rt-icon-button-spin var(--rt-icon-button-spin-duration) linear infinite}rt-icon-button .rt-icon-button__indicator{position:absolute;width:8px;height:8px;border-radius:var(--rt-icon-button-indicator-radius);background:var(--rt-color-state-danger);inset-block-start:-2px;inset-inline-end:-2px;pointer-events:none}@keyframes rt-icon-button-spin{to{transform:rotate(360deg)}}}\n"] }]
-        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: true }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], iconColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconColor", required: false }] }], iconFill: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconFill", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], iconSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconSize", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], tabIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabIndex", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], indicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "indicator", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }] } });
-
-/**
- * Хэндл к программно открытой модалке (через `RtDialogService.open()`).
- *
- * Контент-компонент инжектит `RtDialogRef` и закрывает модалку через `.close(result?)`.
- * Родитель, открывший модалку, ждёт результата через `.afterClosed()`.
- *
- * Generic `<T>` — тип результата `close(result)`. Дефолт `unknown` — если результат
- * не нужен, оставляй generic пустым.
- *
- * @example
- * \`\`\`ts
- * // в контент-компоненте
- * private readonly dialogRef = inject(RtDialogRef);
- * close(): void { this.dialogRef.close({ confirmed: true }); }
- *
- * // в родителе
- * dialogService.open(MyDialogComponent).afterClosed().subscribe((result) => {...});
- * \`\`\`
- */
-class RtDialogRef {
-    #overlayRef;
-    #afterClosedSource;
-    constructor(overlayRef) {
-        /**
-         * Runtime-флаг, блокирующий close() через ESC / backdrop click.
-         *
-         * Default `false`. Включай (`dialogRef.disableClose.set(true)`) на
-         * время in-flight submit'а, чтобы юзер не потерял введённые в форму
-         * данные на случайном ESC. После next/error subscribe ставь обратно
-         * в `false`. Не влияет на программный `close(result)` — он всегда
-         * закрывает overlay.
-         *
-         * Статические config-флаги `closeOnEscape` / `closeOnBackdropClick`
-         * (см. `IRtDialogConfig`) определяют, подписан ли вообще handler на
-         * соответствующее событие; `disableClose` — это runtime-override,
-         * который гейтит dispatch внутри уже-подписанного handler'а.
-         */
-        this.disableClose = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "disableClose" }] : /* istanbul ignore next */ []));
-        this.#afterClosedSource = new Subject();
-        this.#overlayRef = overlayRef;
-    }
-    /** Закрывает overlay; опционально передаёт результат подписчикам `afterClosed()`. */
-    close(result) {
-        this.#overlayRef.dispose();
-        this.#afterClosedSource.next(result);
-        this.#afterClosedSource.complete();
-    }
-    /** Эмиттит один раз — результат `close(result)` — и завершается. */
-    afterClosed() {
-        return this.#afterClosedSource.asObservable();
-    }
-}
-
-/**
- * Injection token для передачи данных в модалку, открытую через `RtDialogService.open()`.
- *
- * Пользовательский компонент-контент модалки инжектит токен и получает данные,
- * переданные в `DialogConfig.data`. Тип значения задаётся generic'ом — `inject(RT_DIALOG_DATA)`
- * вернёт `unknown`, прокастуй через `inject(RT_DIALOG_DATA) as MyDataType` ИЛИ
- * объяви токен с конкретным generic'ом в feature-либе.
- *
- * @example
- * \`\`\`ts
- * @Component({...})
- * export class WelcomeModalComponent {
- *   readonly data = inject(RT_DIALOG_DATA) as { userName: string };
- * }
- *
- * // parent
- * dialogService.open(WelcomeModalComponent, { data: { userName: "Иван" } });
- * \`\`\`
- */
-const RT_DIALOG_DATA = new InjectionToken('RT_DIALOG_DATA');
-
-/**
- * Программный API для открытия модалок поверх CDK Overlay.
- *
- * Устройство сервиса:
- * - `Overlay.position().global().centerHorizontally().centerVertically()` — центрирование.
- * - `scrollStrategies.block()` — фиксирует background-scroll.
- * - `hasBackdrop: true` + кастомный класс — затемнение.
- * - `ComponentPortal` + custom `Injector` подкидывает `RtDialogRef` + `RT_DIALOG_DATA` в DI
- *   контент-компонента.
- *
- * Альтернатива: legacy inline `<rt-dialog [visible]>` форма продолжает работать через
- * native `<dialog>.showModal()`. Новые экраны — на программный API.
- *
- * @example
- * \`\`\`ts
- * // открытие
- * private readonly dialogService = inject(RtDialogService);
- *
- * openConfirm(): void {
- *   const ref = this.dialogService.open<ConfirmDialogComponent, { question: string }, boolean>(
- *     ConfirmDialogComponent,
- *     { data: { question: "Удалить?" } }
- *   );
- *   ref.afterClosed().subscribe((confirmed) => {
- *     if (confirmed) this.delete();
- *   });
- * }
- *
- * // контент-компонент
- * @Component({
- *   selector: "rt-confirm-dialog",
- *   template: \`
- *     <rt-dialog size="sm">
- *       <rt-dialog-header [title]="data.question" />
- *       <div>Действие необратимо.</div>
- *       <rt-dialog-footer>
- *         <button rtButton (click)="close(false)">Отмена</button>
- *         <button rtButton theme="danger" (click)="close(true)">Удалить</button>
- *       </rt-dialog-footer>
- *     </rt-dialog>
- *   \`,
- * })
- * export class ConfirmDialogComponent {
- *   readonly data = inject(RT_DIALOG_DATA) as { question: string };
- *   readonly #ref = inject(RtDialogRef<boolean>);
- *   close(result: boolean): void { this.#ref.close(result); }
- * }
- * \`\`\`
- */
-class RtDialogService {
-    #overlay = inject(Overlay);
-    #injector = inject(Injector);
-    #document = inject(DOCUMENT);
-    #openSource = new Subject();
-    constructor() {
-        // Per-open close-подписки (backdrop / ESC) живут в одном постоянном
-        // конструкторном стриме: open() эмитит контекст открытия, mergeMap
-        // подписывает event-стримы конкретного OverlayRef. `detachments()`
-        // терминирует внутренний поток при overlay.dispose() (дёргается из
-        // RtDialogRef.close()). mergeMap, а не switchMap — одновременно может
-        // быть открыто несколько модалок (стек).
-        //
-        // Внутри обоих handler'ов — runtime-guard через `dialogRef.disableClose()`:
-        // если контент-компонент выставил `disableClose.set(true)` (например, на
-        // время in-flight submit'а), ESC / backdrop НЕ закрывают overlay.
-        // Программный `dialogRef.close(result)` гейтом не задет — он всегда работает.
-        this.#openSource
-            .pipe(mergeMap((openContext) => {
-            const backdropClose$ = openContext.closeOnBackdropClick
-                ? openContext.overlayRef.backdropClick().pipe(map(() => () => {
-                    if (openContext.dialogRef.disableClose()) {
-                        return;
-                    }
-                    openContext.dialogRef.close();
-                }))
-                : EMPTY;
-            const escapeClose$ = openContext.closeOnEscape
-                ? openContext.overlayRef.keydownEvents().pipe(map((event) => () => {
-                    if (event.key !== 'Escape') {
-                        return;
-                    }
-                    event.preventDefault();
-                    if (openContext.dialogRef.disableClose()) {
-                        return;
-                    }
-                    openContext.dialogRef.close();
-                }))
-                : EMPTY;
-            return merge(backdropClose$, escapeClose$).pipe(takeUntil(openContext.overlayRef.detachments()));
-        }), takeUntilDestroyed())
-            .subscribe((handleCloseIntent) => handleCloseIntent());
-    }
-    open(component, config) {
-        const overlayRef = this.#overlay.create({
-            positionStrategy: this.#overlay.position().global().centerHorizontally().centerVertically(),
-            scrollStrategy: this.#overlay.scrollStrategies.block(),
-            hasBackdrop: true,
-            backdropClass: config?.backdropClass ?? 'rt-dialog-backdrop',
-            panelClass: [config?.panelClass ?? 'rt-dialog-overlay', materialPresetClassesOfFocus(this.#document)].flat(),
-            disposeOnNavigation: true,
-        });
-        // До attach: содержимое диалога может забрать фокус, и кусок темы у кнопки будет потерян.
-        carryThemeScopeOfFocus(overlayRef.overlayElement, this.#document);
-        const dialogRef = new RtDialogRef(overlayRef);
-        // Сами close-подписки объявлены один раз в конструкторе — здесь только
-        // эмит контекста открытия (см. #openSource-стрим).
-        this.#openSource.next({
-            overlayRef,
-            dialogRef,
-            closeOnBackdropClick: config?.closeOnBackdropClick !== false,
-            closeOnEscape: config?.closeOnEscape !== false,
-        });
-        const injector = Injector.create({
-            parent: this.#injector,
-            providers: [
-                { provide: RtDialogRef, useValue: dialogRef },
-                { provide: RT_DIALOG_DATA, useValue: config?.data ?? null },
-            ],
-        });
-        const portal = new ComponentPortal(component, null, injector);
-        overlayRef.attach(portal);
-        return dialogRef;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtDialogService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtDialogService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [] });
-
-/**
- * Настройки кита, которые приложение дало на старте.
- *
- * Токен объявлен **значением**, а не сигналом, и этим отличается от подписей и
- * от темы: настройки — снимок старта. Их читают один раз, когда узел создан, и
- * поздняя подмена на уже нарисованное не действует. Тому, что меняется на живой
- * странице, место во входе узла или в службе темы.
- *
- * Умолчание — пустой объект: кит без единой настройки рисует то же, что рисовал
- * до их появления.
- */
-const RT_KIT_CONFIG = new InjectionToken('RT_KIT_CONFIG', {
-    providedIn: 'root',
-    factory: () => ({}),
-});
-/**
- * Разрешение умолчания — одно место на весь кит, а не повтор в каждом узле.
- *
- * Порядок от частного к общему: вход на месте вызова, умолчание узла, общее
- * умолчание, умолчание кита. Первый найденный ответ выигрывает, поиск на нём
- * останавливается. Вход на месте сюда не приходит вовсе — он перебивает всё
- * тем, что значение отсюда становится лишь тем, **с чего вход стартует**.
- *
- * Зовётся в поле класса: там есть контекст внедрения.
- *
- * ```typescript
- * readonly #size: IButton.Size = rtKitDefault('button', (it: IRtKitConfig.Button): IButton.Size | undefined => it.size, 'md');
- * public readonly size: InputSignal<IButton.Size> = input<IButton.Size>(this.#size);
- * ```
- *
- * @param node Имя узла — ключ раздела умолчаний по узлам.
- * @param pick Что взять из умолчаний этого узла.
- * @param fallback Умолчание кита: то, что рисуется, когда не сказано ничего.
- * @param pickCommon Что взять из общих умолчаний, если поле живёт и там. Поля,
- *   стоящего на обоих уровнях, сегодня нет ни одного — ступень объявлена под
- *   поле, которое назовёт владелец, и до тех пор не зовётся.
- */
-function rtKitDefault(node, pick, fallback, pickCommon) {
-    const config = inject(RT_KIT_CONFIG);
-    const nodeSettings = config.components?.[node];
-    const fromNode = nodeSettings === undefined ? undefined : pick(nodeSettings);
-    if (fromNode !== undefined) {
-        return fromNode;
-    }
-    const global = config.global;
-    const fromCommon = pickCommon === undefined || global === undefined ? undefined : pickCommon(global);
-    return fromCommon ?? fallback;
-}
-/**
- * Отдаёт киту настройки приложения.
- *
- * Раздача необязательна: без неё работают умолчания кита. Частично заданный
- * объект не обнуляет остальное — неназванное поле проваливается на уровень
- * выше.
- *
- * ```typescript
- * export const appConfig: ApplicationConfig = {
- *     providers: [
- *         provideRtKit({
- *             global: { theme: 'auto' },
- *             components: { button: { size: 'lg' }, aside: { closeOnEscape: false } },
- *         }),
- *     ],
- * };
- * ```
- *
- * @param config Настройки целиком. Всё в них необязательно.
- */
-function provideRtKit(config) {
-    return makeEnvironmentProviders([{ provide: RT_KIT_CONFIG, useValue: config }]);
-}
-
-/**
- * Категории иконок rt-icon. 11 buckets: 8 prefix-based + Social (префикс `social-`) + Custom
- * (префикс `ico-`) + Misc (fallback).
- * Порядок фиксирован — соответствует порядку отображения в Catalog story (rt-icon.stories.ts).
- *
- * Аннотация типа намеренно не указывается: явный `readonly string[]` потерял бы узкий
- * литеральный тип, нужный для {@link TIconCategory}. `as const` сохраняет литеральные ключи.
- */
-// eslint-disable-next-line @typescript-eslint/typedef -- аннотация стёрла бы литеральный тип, на котором стоит TIconCategory
-const CATEGORY_ORDER = [
-    'Navigation',
-    'Alignment & Sorting',
-    'Status',
-    'Time & Calendar',
-    'Communication',
-    'Documents',
-    'People',
-    'Commerce',
-    'Social',
-    'Custom',
-    'Misc',
-];
-function startsWithAny(name, prefixes) {
-    return prefixes.some((p) => name.startsWith(p));
-}
-function isOneOf(name, names) {
-    return names.includes(name);
-}
-function matchPrefixOrExact(prefixes, exact) {
-    return (name) => startsWithAny(name, prefixes) || isOneOf(name, exact);
-}
-/**
- * Упорядоченный список правил категоризации.
- * `Custom` — единственная категория по строгому префиксу `ico-` и проверяется первой,
- * чтобы исключить конфликты с другими prefix-based категориями.
- * `Misc` — fallback в {@link categoryOf}, отдельным правилом не описывается.
- */
-const ICON_CATEGORY_RULES = [
-    // Знаки соцсетей — цветные, со своей заливкой в файле; в каталоге они стоят своим рядом,
-    // чтобы не смешиваться с одноцветными, которые красит тема.
-    { category: 'Social', match: (n) => n.startsWith('social-') },
-    { category: 'Custom', match: (n) => n.startsWith('ico-') },
-    {
-        category: 'Navigation',
-        match: matchPrefixOrExact(['arrow', 'arrows', 'angle', 'chevron', 'directions'], []),
-    },
-    {
-        category: 'Alignment & Sorting',
-        match: matchPrefixOrExact(['align', 'sort', 'bars', 'ellipsis', 'sliders', 'filter', 'th'], []),
-    },
-    {
-        category: 'Status',
-        match: matchPrefixOrExact(['check', 'times', 'ban', 'exclamation', 'info', 'eye', 'lock', 'unlock', 'shield'], ['spinner', 'stop']),
-    },
-    {
-        category: 'Time & Calendar',
-        match: matchPrefixOrExact(['alarm', 'calendar'], ['clock']),
-    },
-    {
-        category: 'Communication',
-        match: matchPrefixOrExact(['comment', 'share'], ['bell', 'bot', 'telegram', 'at', 'email', 'send', 'phone', 'mobile']),
-    },
-    {
-        category: 'Documents',
-        match: matchPrefixOrExact(['attach', 'file', 'folder', 'bookmark'], ['book', 'copy', 'clone', 'tag', 'tags']),
-    },
-    {
-        category: 'People',
-        match: matchPrefixOrExact(['user'], ['users', 'id-card']),
-    },
-    {
-        category: 'Commerce',
-        match: (n) => isOneOf(n, ['wallet', 'money-bill', 'ticket', 'credit-card']),
-    },
-];
-/**
- * Возвращает категорию для имени иконки.
- * Первое совпавшее правило в {@link ICON_CATEGORY_RULES} выигрывает; иначе — `Misc`.
- */
-function categoryOf(name) {
-    for (const rule of ICON_CATEGORY_RULES) {
-        if (rule.match(name)) {
-            return rule.category;
-        }
-    }
-    return 'Misc';
-}
-
-/**
- * Имена иконок rt-icon. Набор лежит в `assets/icons` пакета, откуда сборка
- * приложения кладёт его туда, куда указывает `provideRtIcons()`. Большинство
- * файлов пришло из фрейма iconsLib
- * (https://www.figma.com/design/x1rxhwomHt1pQRUcM3Zqjb?node-id=2922-7969).
- *
- * При добавлении новой иконки: положить SVG в `assets/icons` пакета, добавить
- * slug сюда, прогнать pnpm exec eslint --fix + pnpm exec prettier --write по этому файлу.
- * Имя без файла гасит только свой значок: реестр ходит за каждым именем отдельно, и промах
- * виден пустым местом на экране, а не отказом в прогоне.
- *
- * Аннотация типа намеренно не указывается: явный `readonly string[]` потерял бы узкий
- * литеральный тип, нужный для `IRtIcon.Name` (см. `rt-icon.model.ts`). `as const`
- * сохраняет литеральные ключи.
+ * При добавлении новой иконки: положить SVG в `assets/icons` пакета, добавить
+ * slug сюда, прогнать pnpm exec eslint --fix + pnpm exec prettier --write по этому файлу.
+ * Имя без файла гасит только свой значок: реестр ходит за каждым именем отдельно, и промах
+ * виден пустым местом на экране, а не отказом в прогоне.
+ *
+ * Аннотация типа намеренно не указывается: явный `readonly string[]` потерял бы узкий
+ * литеральный тип, нужный для `IRtIcon.Name` (см. `rt-icon.model.ts`). `as const`
+ * сохраняет литеральные ключи.
  */
 // eslint-disable-next-line @typescript-eslint/typedef -- аннотация стёрла бы литеральный тип, на котором стоит IRtIcon.Name
 const iconsName = [
@@ -1939,35 +478,1564 @@ const iconsName = [
 ];
 
 /**
- * Называет адрес, по которому приложение опубликовало набор значков `rt-icon`.
+ * Соответствие значков первого кита значкам этого набора.
+ *
+ * Первый кит рисует значки шрифтом Material: имя стоит прямо в шаблоне. Здесь у каждого такого
+ * имени ровно одна пара — иначе один и тот же смысл приезжает на разные экраны разными
+ * рисунками, а переезжающий выбирает значок заново на каждом экране.
+ *
+ * Перечень закрывает имена, которые видны поиском: голое слово в шаблоне, слово в тернарнике и
+ * слово внутри разбора по виду фильтра. Имена, подставляемые выражением, сюда не попадают: они
+ * приезжают из данных приложения и деревом кита не видны. Это граница перечня, а не его пробел.
+ *
+ * Пара ведёт на имя из фрейма, а не на своё с приставкой `ico-`, там где есть оба. Имён из
+ * фрейма 229 против 118, и они одной рисовки: смешанный набор дал бы разнобой на экране. Восемь
+ * таких пар помечены доводом — их можно переложить на свои одним местом.
+ *
+ * Имя без пары стоит здесь же, с причиной: молчание об имени неотличимо от того, что о нём
+ * забыли. Дорисовка недостающего — работа рисующего, и она вынесена за границу задачи.
+ *
+ * Держит перечень `tools/check-icon-map.mjs`: каждая пара ведёт на имя союза и на существующий
+ * файл, имена не повторяются, причина у имени без пары не пуста.
+ */
+/** Довод самой частой пары: имя первого кита и имя набора совпали после замены подчёркиваний. */
+const SAME_NAME = 'совпадает именем';
+const iconMaterialMap = [
+    { from: 'add', to: 'ico-plus', why: 'простой плюс есть только в своей рисовке — во фрейме плюс лишь в круге и в составных' },
+    { from: 'arrow_back', to: 'arrow-left', why: 'стрелка влево, один в один' },
+    { from: 'arrow_forward', to: 'arrow-right', why: 'стрелка вправо, один в один' },
+    { from: 'backup', to: 'cloud-upload', why: 'у Material backup — облако со стрелкой вверх, это оно и есть' },
+    { from: 'block', to: 'ban', why: 'круг с перечёркиванием, один в один' },
+    { from: 'chevron_left', to: 'chevron-left', why: SAME_NAME },
+    { from: 'chevron_right', to: 'chevron-right', why: SAME_NAME },
+    { from: 'close', to: 'close', why: `${SAME_NAME}; есть двойник ico-close` },
+    { from: 'content_copy', to: 'copy', why: 'два листа, один в один; есть двойник ico-copy' },
+    { from: 'delete', to: 'trash', why: 'корзина, один в один; есть двойник ico-trash' },
+    { from: 'delete_forever', to: null, why: 'корзины с крестом в наборе нет — нужен рисунок' },
+    { from: 'done', to: 'check', why: 'галочка, один в один; есть двойник ico-check' },
+    { from: 'email', to: 'email', why: 'конверт, один в один' },
+    { from: 'download', to: 'ico-download', why: 'простая стрелка вниз есть только в своей рисовке — во фрейме лишь облако' },
+    {
+        from: 'drag_handle',
+        to: 'equals',
+        why: 'две горизонтальные полосы; рисунок дорисован по слову владельца — им таблица первого кита показывает сравнение «равно»',
+    },
+    { from: 'edit', to: 'pencil', why: 'карандаш, один в один' },
+    { from: 'info', to: 'info-circle', why: 'круг с буквой i — так рисует Material; голое info в наборе другое' },
+    { from: 'keyboard_arrow_down', to: 'chevron-down', why: 'шеврон вниз, один в один; есть двойник ico-chevron-down' },
+    { from: 'local_offer', to: 'tag', why: 'ярлык, один в один' },
+    { from: 'menu', to: 'bars', why: 'три полосы, один в один' },
+    { from: 'more_horiz', to: 'ellipsis-h', why: 'три точки по горизонтали' },
+    { from: 'more_vert', to: 'ellipsis-v', why: 'три точки по вертикали' },
+    { from: 'open_in_new', to: 'external-link', why: 'квадрат со стрелкой наружу' },
+    {
+        from: 'open_with',
+        to: 'arrows',
+        why: 'четыре стрелки из центра; рисунок дорисован — им панель колонок первого кита показывает ручку перетаскивания',
+    },
+    { from: 'person', to: 'user', why: 'силуэт человека, один в один; есть двойник ico-user' },
+    { from: 'person_off', to: 'user-off', why: 'силуэт человека, перечёркнутый наискось; рисунок дорисован по слову владельца' },
+    { from: 'refresh', to: 'refresh', why: SAME_NAME },
+    { from: 'search', to: 'search', why: `${SAME_NAME}; есть двойник ico-search` },
+    { from: 'settings', to: 'cog', why: 'шестерёнка, один в один' },
+    { from: 'star', to: 'star', why: SAME_NAME },
+    { from: 'sync', to: 'sync', why: SAME_NAME },
+    { from: 'view_column', to: 'table', why: 'ближний: у Material это колонки, здесь таблица — решение владельца' },
+    { from: 'visibility', to: 'eye', why: 'глаз, один в один; есть двойник ico-eye' },
+    { from: 'visibility_off', to: 'eye-slash', why: 'перечёркнутый глаз, один в один' },
+];
+/**
+ * Имена кита, у которых в материальном наборе лежит свой рисунок.
+ *
+ * Считается из перечня, а не пишется списком: свой список разошёлся бы с перечнем молча — реестр
+ * ходил бы за файлом, которого нет, или не ходил бы за лежащим.
+ */
+const iconMaterialDrawn = new Set(iconMaterialMap
+    .map((entry) => entry.to)
+    .filter((name) => name !== null));
+
+/**
+ * Имена, которыми набор значков виден со стороны страницы.
+ *
+ * Отдельный файл, а не константы реестра: те же имена читает обвязка снимков витрины, а она идёт
+ * под Playwright и ни одного объявления Angular поднять не может. Своя копия там уже стояла —
+ * второе объявление того же значения расходится с первым молча: ожидание набора ищет один узел,
+ * а реестр создаёт другой, и кадр выходит без значков.
+ */
+/** Селектор inline-sprite, создаваемого один раз при первом обращении. */
+const RT_ICON_SPRITE_ID = 'rt-icon-sprite';
+/** Префикс `id` для inline-sprite символов. Изолирует от внешних `id` на странице. */
+const RT_ICON_SYMBOL_ID_PREFIX = 'rt-icon-';
+/**
+ * Префикс `id` символов материального набора. Свой, а не общий: наборов на странице бывает два —
+ * признак набора стоит и на корне, и на контейнере, — а один `id` держит один рисунок. С общим
+ * префиксом второй набор молча забирал бы символ первого.
+ */
+const RT_ICON_MATERIAL_SYMBOL_ID_PREFIX = 'rt-icon-material-';
+/** Префикс `id` залитых рисунков материального набора: у имени их два, и `id` у каждого свой. */
+const RT_ICON_MATERIAL_FILL_SYMBOL_ID_PREFIX = 'rt-icon-material-fill-';
+/** Селекторы, которыми страница объявляет материальный набор. */
+const RT_ICON_MATERIAL_PRESET_SELECTOR = "[data-preset='material'],.rt-preset-material";
+
+/**
+ * Адрес, по которому приложение публикует набор из `assets/icons` пакета.
+ * Умолчание годится, когда сборка кладёт набор в корень статики; свой адрес
+ * задаётся аргументом `provideRtIcons()`.
+ */
+const RT_ICONS_BASE_URL = new InjectionToken('RT_ICONS_BASE_URL', {
+    providedIn: 'root',
+    factory: () => '/icons',
+});
+/**
+ * Адрес материального набора значков. Отдельный от своего: два набора стоят рядом, и приложение
+ * кладёт их двумя папками.
+ */
+const RT_ICONS_MATERIAL_BASE_URL = new InjectionToken('RT_ICONS_MATERIAL_BASE_URL', {
+    providedIn: 'root',
+    factory: () => '/icons-material',
+});
+class RtIconRegistry {
+    #http = inject(HttpClient);
+    #doc = inject(DOCUMENT);
+    #baseUrl = inject(RT_ICONS_BASE_URL);
+    #materialBaseUrl = inject(RT_ICONS_MATERIAL_BASE_URL);
+    #platform = inject(PlatformService);
+    /**
+     * Имена, за которыми уже сходили: второй раз в сеть за ними не ходят. Ключ несёт набор —
+     * одно имя приезжает двумя разными рисунками, и общий ключ отдал бы второму первый.
+     */
+    #requested = new Set();
+    /** Имена, которые попросила разметка. Загрузку по ним ведёт подписка из конструктора. */
+    #requestSource = new Subject();
+    constructor() {
+        // Потоки складываются, а не вытесняют друг друга: странице нужны все спрошенные
+        // значки, а не последний из них.
+        this.#requestSource
+            .pipe(mergeMap((asked) => this.#load(asked)), takeUntilDestroyed())
+            .subscribe();
+    }
+    /**
+     * Имя symbol для `<use href="#X">`. Возвращает строку с ведущим `#`.
+     *
+     * Набор назван явно, а не выведен из страницы: одна и та же страница держит оба набора
+     * рядом — признак стоит и на корне, и на контейнере, — и вывод по странице дал бы обоим
+     * один ответ.
+     */
+    symbolHref(name, drawing = 'base') {
+        return `#${this.#symbolId(name, drawing)}`;
+    }
+    /**
+     * Просит значок по имени: грузит файл и дописывает `<symbol>` в спрайт страницы.
+     *
+     * Ответа зовущий не ждёт и потока не получает: разметка рисует ссылку на символ сразу, а
+     * браузер дорисовывает её, когда символ приезжает. Подписка живёт здесь и только здесь —
+     * иначе каждая разметка гасила бы её сама, а таких мест у значка два.
+     */
+    request(name, drawing = 'base') {
+        const id = this.#symbolId(name, drawing);
+        // На сервере относительных запросов к статике нет вовсе: значок дорисуется после
+        // гидрации, когда разметка попросит его снова уже в браузере.
+        if (!this.#platform.isPlatformBrowser || this.#requested.has(id)) {
+            return;
+        }
+        this.#requested.add(id);
+        // Символ уже лежит в спрайте страницы: его положила соседняя история витрины или
+        // сама страница до старта приложения. Запроса не уходит вовсе.
+        if (this.#doc.getElementById(id)) {
+            return;
+        }
+        this.#requestSource.next({ name, drawing });
+    }
+    #load(asked) {
+        if (asked.drawing === 'base') {
+            return this.#loadInto(asked, `${this.#baseUrl}/${asked.name}.svg`, EMPTY);
+        }
+        // Материальный рисунок, который не приехал, закрывается своим. Материальный набор —
+        // слой переопределений: имени, которого в нём нет, кит и так рисует свой рисунок, и
+        // не приехавший файл обязан вести себя так же. Иначе страница, объявившая набор, но
+        // не опубликовавшая его папку, показывает пустое место там, где обещан значок, —
+        // разметка при этом верна, и промах виден только глазами. Залитый, которого нет,
+        // сперва закрывается контурным того же набора.
+        const own = this.#loadInto(asked, `${this.#baseUrl}/${asked.name}.svg`, EMPTY);
+        const outlined = asked.drawing === 'material-fill' ? this.#loadInto(asked, `${this.#materialBaseUrl}/${asked.name}.svg`, own) : own;
+        const file = asked.drawing === 'material-fill' ? `${asked.name}.fill.svg` : `${asked.name}.svg`;
+        return this.#loadInto(asked, `${this.#materialBaseUrl}/${file}`, outlined);
+    }
+    /**
+     * Рисунок по адресу под именем символа, которое просила разметка: подмена ссылки разметке
+     * не нужна. Отказ одного имени гасит только его значок — иначе один промах в наборе ронял бы
+     * всю страницу, а соседние значки уже приехали.
+     */
+    #loadInto(asked, url, fallback) {
+        return this.#http.get(url, { responseType: 'text' }).pipe(tap((raw) => this.#mountSymbol(asked, raw)), map(() => undefined), catchError(() => fallback));
+    }
+    #symbolId(name, drawing) {
+        const prefix = {
+            base: RT_ICON_SYMBOL_ID_PREFIX,
+            material: RT_ICON_MATERIAL_SYMBOL_ID_PREFIX,
+            'material-fill': RT_ICON_MATERIAL_FILL_SYMBOL_ID_PREFIX,
+        };
+        return `${prefix[drawing]}${name}`;
+    }
+    #mountSymbol(asked, raw) {
+        const symbol = this.#doc.createElementNS('http://www.w3.org/2000/svg', 'symbol');
+        symbol.id = this.#symbolId(asked.name, asked.drawing);
+        symbol.setAttribute('viewBox', this.#viewBox(raw));
+        symbol.innerHTML = this.#inner(raw);
+        this.#sprite().appendChild(symbol);
+    }
+    #viewBox(raw) {
+        const viewBoxMatch = /viewBox="([^"]+)"/.exec(raw);
+        return viewBoxMatch ? viewBoxMatch[1] : '0 0 24 24';
+    }
+    #inner(raw) {
+        // Тело корневого `<svg>` без него самого: оно и становится телом `<symbol>`.
+        return raw
+            .replace(/<\?xml[\s\S]*?\?>/g, '')
+            .replace(/<!DOCTYPE[\s\S]*?>/g, '')
+            .replace(/<svg\b[^>]*>/i, '')
+            .replace(/<\/svg>\s*$/i, '')
+            .trim();
+    }
+    #sprite() {
+        const existing = this.#doc.querySelector(`svg#${RT_ICON_SPRITE_ID}`);
+        if (existing) {
+            return existing;
+        }
+        const sprite = this.#doc.createElementNS('http://www.w3.org/2000/svg', 'svg');
+        sprite.id = RT_ICON_SPRITE_ID;
+        sprite.setAttribute('aria-hidden', 'true');
+        sprite.setAttribute('style', 'position:absolute;width:0;height:0;overflow:hidden;');
+        this.#doc.body.insertBefore(sprite, this.#doc.body.firstChild);
+        return sprite;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtIconRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtIconRegistry, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtIconRegistry, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+const SIZES = Object.freeze({
+    xs: 12,
+    sm: 16,
+    md: 20,
+    lg: 24,
+    xl: 32,
+    '2xl': 40,
+});
+/* Без переданного цвета значок цвета не пишет: `currentColor` строкой стиля перебивал правило
+   стилей, которое красит значок снаружи, — значок опасного пункта меню оставался цвета текста. */
+const COLORS = Object.freeze({
+    current: null,
+    // Приглушённый тон можно переназначить свойством сверху: поле ввода называет так тон своего
+    // значка в наборе оформления. Цвет стоит встроенным стилем, и правилом его не перебить.
+    muted: 'var(--rt-icon-color-muted, var(--rt-neutral-600))',
+    info: 'var(--rt-color-state-info)',
+    success: 'var(--rt-color-state-success)',
+    warning: 'var(--rt-color-state-warning)',
+    danger: 'var(--rt-color-state-danger)',
+    inverse: 'var(--rt-color-text-inverse)',
+});
+const BEM_BLOCK$1w = 'rt-icon';
+class RtIconComponent {
+    #registry;
+    #host;
+    /**
+     * Набор, объявленный разметкой над этим значком.
+     *
+     * Читается у разметки, а не выбирается стилями: ссылку на символ спрайта CSS подменить нечем,
+     * и второй `<use>` рядом с первым тоже не годится — он вечно указывает на символ, за которым
+     * никто не ходил, а обвязка снимков ждёт, пока нарисуется каждый.
+     *
+     * Спрашивается ближайший предок, а не корень страницы: признак набора стоит и на контейнере,
+     * и на одной странице законно живут оба набора рядом.
+     *
+     * Один раз после первой отрисовки: на сервере разметки нет вовсе, а признак набора страница
+     * по ходу жизни не переставляет — его ставит приложение своей разметкой.
+     */
+    #preset;
+    constructor() {
+        this.#registry = inject(RtIconRegistry);
+        this.#host = inject(ElementRef);
+        /**
+         * Набор, объявленный разметкой над этим значком.
+         *
+         * Читается у разметки, а не выбирается стилями: ссылку на символ спрайта CSS подменить нечем,
+         * и второй `<use>` рядом с первым тоже не годится — он вечно указывает на символ, за которым
+         * никто не ходил, а обвязка снимков ждёт, пока нарисуется каждый.
+         *
+         * Спрашивается ближайший предок, а не корень страницы: признак набора стоит и на контейнере,
+         * и на одной странице законно живут оба набора рядом.
+         *
+         * Один раз после первой отрисовки: на сервере разметки нет вовсе, а признак набора страница
+         * по ходу жизни не переставляет — его ставит приложение своей разметкой.
+         */
+        this.#preset = signal('base', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#preset" }] : /* istanbul ignore next */ []));
+        this.href = computed(() => this.#registry.symbolHref(this.name(), this.drawing()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "href" }] : /* istanbul ignore next */ []));
+        /**
+         * Набор, которым рисуется этот значок. Материальный закрывает не все имена кита — он слой
+         * переопределений, как набор оформления: имя без материального рисунка рисуется своим, и это
+         * не пробел.
+         */
+        this.preset = computed(() => this.#preset() === 'material' && iconMaterialDrawn.has(this.name()) ? 'material' : 'base', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "preset" }] : /* istanbul ignore next */ []));
+        /** Рисунок значка: залитый бывает только у материального набора, свой набор заливки не знает. */
+        this.drawing = computed(() => {
+            if (this.preset() === 'base') {
+                return 'base';
+            }
+            return this.fill() ? 'material-fill' : 'material';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "drawing" }] : /* istanbul ignore next */ []));
+        this.sizePx = computed(() => SIZES[this.size()], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "sizePx" }] : /* istanbul ignore next */ []));
+        this.colorValue = computed(() => COLORS[this.color()], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "colorValue" }] : /* istanbul ignore next */ []));
+        this.rotateStyle = computed(() => {
+            const r = this.rotate();
+            return r !== null && r !== 0 ? `rotate(${r}deg)` : null;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "rotateStyle" }] : /* istanbul ignore next */ []));
+        this.name = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+        this.size = input('md', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+        this.color = input('current', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+        /**
+         * Залитый рисунок вместо контурного — как `FILL 1` у значка первого кита. Действует в
+         * материальном наборе; свой набор рисует значок одним рисунком. Дефолт `false`.
+         */
+        this.fill = input(false, { ...(ngDevMode ? { debugName: "fill" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.rotate = input(null, { ...(ngDevMode ? { debugName: "rotate" } : /* istanbul ignore next */ {}), transform: (v) => {
+                if (v === null || v === '') {
+                    return null;
+                }
+                return numberAttribute(v, 0);
+            } });
+        // Значок едет по запросу имени, а не вперёд всем набором: страница платит за то, что
+        // нарисовала. Смена имени просит новое — прежний символ остаётся в спрайте.
+        effect(() => {
+            this.#registry.request(this.name(), this.drawing());
+        });
+        // Разметка над значком видна только в браузере и только после первой отрисовки:
+        // контейнер с признаком набора рисует то же приложение.
+        afterNextRender(() => {
+            if (this.#host.nativeElement.closest(RT_ICON_MATERIAL_PRESET_SELECTOR)) {
+                this.#preset.set('material');
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: RtIconComponent, isStandalone: true, selector: "rt-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, fill: { classPropertyName: "fill", publicName: "fill", isSignal: true, isRequired: false, transformFunction: null }, rotate: { classPropertyName: "rotate", publicName: "rotate", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-hidden": "'true'", "style.width.px": "sizePx()", "style.height.px": "sizePx()", "style.color": "colorValue()", "style.transform": "rotateStyle()" }, classAttribute: "rt-icon" }, ngImport: i0, template: "<svg focusable=\"false\" aria-hidden=\"true\" [attr.viewBox]=\"'0 0 24 24'\">\n    <use [attr.href]=\"href()\" />\n</svg>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-icon{display:inline-flex;flex-shrink:0;line-height:0}.rt-icon svg{display:block;width:100%;height:100%;fill:currentcolor}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rt-icon', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: BEM_BLOCK$1w,
+                        '[attr.aria-hidden]': "'true'",
+                        '[style.width.px]': 'sizePx()',
+                        '[style.height.px]': 'sizePx()',
+                        '[style.color]': 'colorValue()',
+                        '[style.transform]': 'rotateStyle()',
+                    }, template: "<svg focusable=\"false\" aria-hidden=\"true\" [attr.viewBox]=\"'0 0 24 24'\">\n    <use [attr.href]=\"href()\" />\n</svg>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-icon{display:inline-flex;flex-shrink:0;line-height:0}.rt-icon svg{display:block;width:100%;height:100%;fill:currentcolor}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], fill: [{ type: i0.Input, args: [{ isSignal: true, alias: "fill", required: false }] }], rotate: [{ type: i0.Input, args: [{ isSignal: true, alias: "rotate", required: false }] }] } });
+
+/**
+ * Называет адрес, по которому приложение опубликовало набор значков `rt-icon`.
+ *
+ * ```typescript
+ * export function withCoreProviders(): EnvironmentProviders {
+ *     return makeEnvironmentProviders([
+ *         provideHttpClient(...),
+ *         provideRtStorage(),
+ *         provideRtIcons(),
+ *     ]);
+ * }
+ * ```
+ *
+ * Вперёд отсюда не грузится ничего: значок едет тогда, когда его попросила разметка, и платит
+ * за него та страница, которая его нарисовала. Сборка спрайта и загрузка — дело `RtIconRegistry`.
+ *
+ * Сами файлы приложение публикует само — набор лежит в `assets/icons` пакета, и сборка копирует
+ * его в свою статику.
+ *
+ * Наборов значков два: свой и материальный. Второй нужен только приложению, которое объявляет
+ * материальный набор оформления, и адрес у него свой — набор лежит в `assets/icons-material`.
+ *
+ * @param baseUrl Адрес опубликованного набора. По умолчанию `/icons`.
+ * @param materialBaseUrl Адрес материального набора. По умолчанию `/icons-material`.
+ */
+function provideRtIcons(baseUrl, materialBaseUrl) {
+    return makeEnvironmentProviders([
+        ...(baseUrl === undefined ? [] : [{ provide: RT_ICONS_BASE_URL, useValue: baseUrl }]),
+        ...(materialBaseUrl === undefined ? [] : [{ provide: RT_ICONS_MATERIAL_BASE_URL, useValue: materialBaseUrl }]),
+    ]);
+}
+
+/**
+ * Раскрытые пункты после нажатия на пункт `index`: раскрытый сворачивается, свёрнутый
+ * раскрывается, остальные остаются как были. Читающий сравнивает два ответа, и свернуть первый
+ * при раскрытии второго значило бы отнять у него то, что он читал.
+ */
+function toggleAccordionItem(open, index) {
+    const next = new Set(open);
+    if (next.has(index)) {
+        next.delete(index);
+    }
+    else {
+        next.add(index);
+    }
+    return next;
+}
+/** Раскрытые пункты при входе: пункт из входа, если такой есть в списке, иначе ни одного. */
+function initialAccordionOpen(openIndex, count) {
+    if (openIndex === null || openIndex < 0 || openIndex >= count) {
+        return new Set();
+    }
+    return new Set([openIndex]);
+}
+
+const BEM_BLOCK$1v = 'rt-accordion';
+let accordionIdSeed = 0;
+function nextAccordionId() {
+    accordionIdSeed += 1;
+    return accordionIdSeed;
+}
+/**
+ * Список пунктов, у каждого заголовок-кнопка и текст под ней. Нажатие раскрывает или сворачивает
+ * пункт, соседи остаются как были. Предмета показа аккордеон не знает: пункты приходят входом уже
+ * переведёнными.
+ */
+class RtAccordionComponent {
+    constructor() {
+        /** Основа id кнопок и панелей: два аккордеона на одной странице не ссылаются на чужие панели. */
+        this.idBase = `rt-accordion-${nextAccordionId()}`;
+        /** Пришёл новый список — раскрытие начинается заново с пункта из входа. */
+        this.open = linkedSignal(() => initialAccordionOpen(this.openIndex(), this.items().length), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+        this.items = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+        /** Пункт, раскрытый при входе. `null` оставляет все свёрнутыми. */
+        this.openIndex = input(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "openIndex" }] : /* istanbul ignore next */ []));
+    }
+    toggle(index) {
+        this.open.update((open) => toggleAccordionItem(open, index));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtAccordionComponent, isStandalone: true, selector: "rt-accordion", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, openIndex: { classPropertyName: "openIndex", publicName: "openIndex", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "rt-accordion" }, ngImport: i0, template: "<ng-container rtBlock=\"rt-accordion\">\n    @for (item of items(); track $index; let index = $index) {\n        <div rtElem=\"item\" [rtMod]=\"{ open: open().has(index) }\">\n            <h3 rtElem=\"heading\">\n                <button\n                    rtElem=\"toggle\"\n                    qa-dataid=\"accordion-toggle\"\n                    type=\"button\"\n                    [id]=\"idBase + '-toggle-' + index\"\n                    [attr.aria-expanded]=\"open().has(index)\"\n                    [attr.aria-controls]=\"idBase + '-panel-' + index\"\n                    (click)=\"toggle(index)\">\n                    <span rtElem=\"title\">{{ item.title }}</span>\n                    <rt-icon rtElem=\"chevron\" name=\"chevron-down\" size=\"sm\" aria-hidden=\"true\" />\n                </button>\n            </h3>\n            <div\n                rtElem=\"panel\"\n                qa-dataid=\"accordion-panel\"\n                role=\"region\"\n                [id]=\"idBase + '-panel-' + index\"\n                [attr.aria-labelledby]=\"idBase + '-toggle-' + index\"\n                [hidden]=\"!open().has(index)\">\n                <p rtElem=\"text\">{{ item.text }}</p>\n            </div>\n        </div>\n    }\n</ng-container>\n", styles: ["@layer rt-kit.components{.rt-accordion{--rt-accordion-border-width: var(--rt-border-width-thin);--rt-accordion-duration: var(--rt-duration-fast);--rt-accordion-focus-shadow: var(--rt-shadow-focus-ring);display:block;width:100%}.rt-accordion__item{border-bottom:var(--rt-accordion-border-width) solid var(--rt-color-border-subtle)}.rt-accordion__heading{margin:0;font-family:var(--rt-font-family-sans);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-semibold);line-height:var(--rt-leading-snug)}.rt-accordion__toggle{display:flex;width:100%;align-items:center;justify-content:space-between;padding:var(--rt-space-md) 0;border:0;background:transparent;color:var(--rt-color-text-primary);cursor:pointer;font:inherit;gap:var(--rt-space-md);text-align:start}.rt-accordion__toggle:focus-visible{box-shadow:var(--rt-accordion-focus-shadow);outline:2px solid transparent;outline-offset:2px}.rt-accordion__chevron{flex:none;transition:transform var(--rt-accordion-duration)}.rt-accordion__text{padding-bottom:var(--rt-space-md);margin:0;color:var(--rt-color-text-muted);font-family:var(--rt-font-family-sans);font-size:var(--rt-text-sm);line-height:var(--rt-leading-normal)}.rt-accordion__item--open .rt-accordion__chevron{transform:rotate(180deg)}}\n"], dependencies: [{ kind: "directive", type: 
+                // standalone components / directives
+                BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { kind: "directive", type: ModDirective, selector: "[rtMod]" }, { kind: "component", type: RtIconComponent, selector: "rt-icon", inputs: ["name", "size", "color", "fill", "rotate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtAccordionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rt-accordion', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        // standalone components / directives
+                        BlockDirective,
+                        ElemDirective,
+                        ModDirective,
+                        RtIconComponent,
+                    ], host: {
+                        class: BEM_BLOCK$1v,
+                    }, template: "<ng-container rtBlock=\"rt-accordion\">\n    @for (item of items(); track $index; let index = $index) {\n        <div rtElem=\"item\" [rtMod]=\"{ open: open().has(index) }\">\n            <h3 rtElem=\"heading\">\n                <button\n                    rtElem=\"toggle\"\n                    qa-dataid=\"accordion-toggle\"\n                    type=\"button\"\n                    [id]=\"idBase + '-toggle-' + index\"\n                    [attr.aria-expanded]=\"open().has(index)\"\n                    [attr.aria-controls]=\"idBase + '-panel-' + index\"\n                    (click)=\"toggle(index)\">\n                    <span rtElem=\"title\">{{ item.title }}</span>\n                    <rt-icon rtElem=\"chevron\" name=\"chevron-down\" size=\"sm\" aria-hidden=\"true\" />\n                </button>\n            </h3>\n            <div\n                rtElem=\"panel\"\n                qa-dataid=\"accordion-panel\"\n                role=\"region\"\n                [id]=\"idBase + '-panel-' + index\"\n                [attr.aria-labelledby]=\"idBase + '-toggle-' + index\"\n                [hidden]=\"!open().has(index)\">\n                <p rtElem=\"text\">{{ item.text }}</p>\n            </div>\n        </div>\n    }\n</ng-container>\n", styles: ["@layer rt-kit.components{.rt-accordion{--rt-accordion-border-width: var(--rt-border-width-thin);--rt-accordion-duration: var(--rt-duration-fast);--rt-accordion-focus-shadow: var(--rt-shadow-focus-ring);display:block;width:100%}.rt-accordion__item{border-bottom:var(--rt-accordion-border-width) solid var(--rt-color-border-subtle)}.rt-accordion__heading{margin:0;font-family:var(--rt-font-family-sans);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-semibold);line-height:var(--rt-leading-snug)}.rt-accordion__toggle{display:flex;width:100%;align-items:center;justify-content:space-between;padding:var(--rt-space-md) 0;border:0;background:transparent;color:var(--rt-color-text-primary);cursor:pointer;font:inherit;gap:var(--rt-space-md);text-align:start}.rt-accordion__toggle:focus-visible{box-shadow:var(--rt-accordion-focus-shadow);outline:2px solid transparent;outline-offset:2px}.rt-accordion__chevron{flex:none;transition:transform var(--rt-accordion-duration)}.rt-accordion__text{padding-bottom:var(--rt-space-md);margin:0;color:var(--rt-color-text-muted);font-family:var(--rt-font-family-sans);font-size:var(--rt-text-sm);line-height:var(--rt-leading-normal)}.rt-accordion__item--open .rt-accordion__chevron{transform:rotate(180deg)}}\n"] }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], openIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "openIndex", required: false }] }] } });
+
+/**
+ * Английские подписи кита — умолчание, а не локализация.
+ *
+ * Кит рисует часть текста сам: кнопки диалогов, тексты ошибок поля, расшифровки
+ * иконок для скринридера. Своего языка у него нет и быть не может — его знает
+ * приложение и отдаёт функцией-переводчиком (`provideRtKitLabels`). Этот набор
+ * стоит под ней умолчанием, чтобы кит без единой настройки не рисовал пустоты:
+ * среди ключей много `aria`-подписей, и пустая там означает кнопку без имени
+ * для скринридера.
+ *
+ * Набор задаёт и **перечень ключей**: `TRtKitLabelKey` выводится отсюда, поэтому
+ * опечатка в ключе не доживает до рантайма.
+ *
+ * Места вида `{{name}}` заполняются параметрами — их принимает `rtKitLabel()`.
+ */
+// eslint-disable-next-line @typescript-eslint/typedef -- аннотация стёрла бы литеральный тип, на котором стоит TRtKitLabelKey
+const RT_KIT_LABELS_EN = {
+    bottomSheetClose: 'Close',
+    chatAttachAria: 'Attach a file',
+    chatAttachTooltip: 'Attach a file',
+    chatAttachmentFallback: 'Attachment',
+    chatCollapse: 'Collapse chat',
+    chatComposerAria: 'Message input',
+    chatDeleteAria: 'Delete message',
+    chatDeleteTooltip: 'Delete',
+    chatDropOverlay: 'Drop the files to attach them to your message',
+    chatEmptyHint: 'Chat is not available yet.',
+    chatEmptyThread: 'No messages yet.',
+    chatExpand: 'Expand chat to full screen',
+    chatMessageDeleted: 'Message deleted',
+    chatPlaceholder: 'Type a message',
+    chatRefreshAria: 'Refresh messages',
+    chatRefreshTooltip: 'Refresh messages',
+    chatRetryAria: 'Send again',
+    chatRetryTooltip: 'Retry',
+    chatSendAria: 'Send message',
+    chatSendLabel: 'Send',
+    chatStatusFailed: 'Not sent',
+    chatStatusRead: 'Read',
+    chatStatusSending: 'Sending',
+    chatStatusSent: 'Delivered',
+    chatTitle: 'Chat',
+    counterDecrease: 'Decrease',
+    counterIncrease: 'Increase',
+    dataListClearFilters: 'Clear filters',
+    dataListHorizontalScrollbar: 'Horizontal scrollbar shown',
+    dataListPlaceholder: 'No Data Found',
+    dataListRefresh: 'Refresh',
+    dataListSearchPlaceholder: 'Search...',
+    dataListSelectAll: 'Select all',
+    dataListSelected: 'Selected: {{count}}',
+    dataListSettingsHint: 'Change columns visibility and order, show(hide) scrollbar',
+    dataListSettingsTitle: 'Edit table configuration',
+    dataListTableConfig: 'Table configuration',
+    dataListVerticalScrollbar: 'Vertical scrollbar shown',
+    dataTableActions: 'Actions',
+    dataTableCopied: 'Copied!',
+    dataTableCopy: 'Copy',
+    dataTableFilterClear: 'Clear filter',
+    dataTableFilterOperatorContains: 'Contains',
+    dataTableFilterOperatorEquals: 'Equal',
+    dataTableFilterOperatorGreaterThan: 'More than',
+    dataTableFilterOperatorLessThan: 'Less than',
+    dataTableFilterOperatorNotEquals: 'Not equal',
+    dataTableFilterSelectPlaceholder: 'Chose filter',
+    dataTableFilterValuePlaceholder: 'Type in filter value',
+    dataTableSelectPage: 'Select the rows of this page',
+    dataTableSelectRow: 'Select row',
+    fieldErrorEmail: 'Invalid email',
+    fieldErrorMax: 'Value is too large',
+    fieldErrorMaxLength: 'Value is too long',
+    fieldErrorMin: 'Value is too small',
+    fieldErrorMinLength: 'Value is too short',
+    fieldErrorPattern: 'Invalid format',
+    fieldErrorRequired: 'Required field',
+    photoViewerClose: 'Close viewer',
+    photoViewerNext: 'Next photo',
+    photoViewerPrev: 'Previous photo',
+    themeToggleLabel: 'Switch theme',
+    uiActions: 'Actions',
+    uiAuditEmptyHint: 'Deal events will appear here — stage changes and other actions.',
+    uiBack: 'Back',
+    uiBackToList: 'Back to list',
+    uiBaseline: 'was {{value}}',
+    uiCancel: 'Cancel',
+    uiChangeAgent: 'Change agent',
+    uiChooseFile: 'Choose file',
+    uiClear: 'Clear',
+    uiClearFilters: 'Clear filters',
+    uiClose: 'Close',
+    uiCollapse: 'Collapse',
+    uiColumnLocked: 'Column is pinned',
+    uiColumnSettings: 'Column settings',
+    uiColumnSettingsTitle: 'Configure columns',
+    uiCommentOptional: 'Comment (optional)',
+    uiConfirm: 'Confirm',
+    uiConfirmAction: 'Confirm action',
+    uiContinue: 'Continue',
+    uiCopied: 'Copied',
+    uiCopy: 'Copy',
+    uiCurrentStage: 'Current stage',
+    uiDetails: 'Details',
+    uiDiscardChanges: 'Discard Changes',
+    uiDownload: 'Download',
+    uiDownloadFile: 'Download: {{name}}',
+    uiDragColumn: 'Drag column',
+    uiFileDropOverlay: 'Drop the files to attach them',
+    uiFilterChoose: 'Choose',
+    uiFilterContains: 'Contains',
+    uiFilterEndsWith: 'Ends with',
+    uiFilterEquals: 'Equals',
+    uiFilterGreaterThan: 'Greater than',
+    uiFilterLessThan: 'Less than',
+    uiFilterNotEquals: 'Does not equal',
+    uiFilterStartsWith: 'Starts with',
+    uiFilterValue: 'Filter value',
+    uiFilters: 'Filters',
+    uiForward: 'Forward',
+    uiHide: 'Hide',
+    uiHideColumn: 'Hide column',
+    uiHidePassword: 'Hide password',
+    uiHint: 'Hint',
+    uiHistory: 'History',
+    uiInviteUser: 'Invite user',
+    uiItemsPerPage: 'Items per page',
+    uiLiveOnSite: 'On the site now',
+    uiLoadMore: 'Load more',
+    uiMainNav: 'Main navigation',
+    uiMore: 'More',
+    uiMoreActions: 'More actions',
+    uiMoveStage: 'Move',
+    uiMoveStageAria: 'Move stage',
+    uiNavMenu: 'Navigation menu',
+    uiNavUnread: 'Unread',
+    uiNextPage: 'Next page',
+    uiNightGridAria: 'Occupancy grid',
+    uiNoData: 'No data yet',
+    uiNoOptions: 'No options',
+    uiNoRows: 'No data',
+    uiNothingFound: 'Nothing found',
+    uiNotifications: 'Notifications',
+    uiPageOf: 'Page {{page}} of {{last}}',
+    uiPagination: 'Pagination',
+    uiPerPage: 'Items per page:',
+    uiPickAgent: 'Select an agent',
+    uiPickAnotherAgent: 'Select a different agent',
+    uiPickTransition: 'Select a transition',
+    uiPrevPage: 'Previous page',
+    uiProfile: 'Profile',
+    uiRangeEmpty: '0 of 0',
+    uiRangeOf: '{{from}}–{{to}} of {{total}}',
+    uiRemove: 'Delete',
+    uiRename: 'Rename',
+    uiReplace: 'Replace',
+    uiReplaceAgentTitle: 'Replace agent',
+    uiResetDefaults: 'Reset to defaults',
+    uiResizeDetails: 'Resize details pane',
+    uiResizeList: 'Resize list pane',
+    uiRefresh: 'Refresh',
+    uiRevert: 'Revert',
+    uiSave: 'Save',
+    uiSaveNewAgent: 'Save the new agent',
+    uiScrollDown: 'Scroll down',
+    uiSearch: 'Search',
+    uiSectionInProgress: '{{label}} — section under development',
+    uiSelectAll: 'Select all',
+    uiSelectValues: 'Select values',
+    uiSelectedCount: 'Selected: {{count}}',
+    uiSelectedOf: 'Selected: {{count}} of {{total}}',
+    uiShow: 'Show',
+    uiShowColumn: 'Show column',
+    uiShowDetails: 'Show details',
+    uiShowPassword: 'Show password',
+    uiStageNoteHint: 'Internal note — the client will not see it.',
+    uiStageTransition: 'Stage transition',
+    uiSubscribeNotifications: 'Subscribe to notifications',
+    uiTabInvalid: 'This tab contains errors',
+    uiTargetStage: 'Target stage',
+    uiTargetStageRequired: 'Select a target stage.',
+    uiThreadListEmptyHint: 'New threads will appear here.',
+    uiToList: 'To list',
+    uiUnsavedDiscard: 'Close without saving',
+    uiUnsavedMessage: 'The panel has edits that have not been saved yet. Choose what to do with them.',
+    uiUnsavedSave: 'Save and close',
+    uiUnsavedStay: 'Stay',
+    uiUnsavedTitle: 'Unsaved changes',
+    uiWelcomeAria: 'Welcome message for a new user',
+    uiYearOverYear: 'YoY',
+};
+
+/** Места вида `{{name}}` — их заполняет `interpolate`. */
+const PLACEHOLDER = /\{\{\s*(\w+)\s*\}\}/g;
+/**
+ * Подставляет параметры в подпись.
+ *
+ * Нужна английскому умолчанию: приложение свои подстановки делает само —
+ * функция-переводчик обязана вернуть готовую строку. Место, для которого
+ * параметра не дали, остаётся как есть: пустота на его месте прочиталась бы как
+ * законченная фраза, а `{{name}}` виден и чинится.
+ */
+function interpolate(text, params) {
+    if (params === undefined) {
+        return text;
+    }
+    return text.replace(PLACEHOLDER, (match, name) => (Object.hasOwn(params, name) ? String(params[name]) : match));
+}
+/** Английское умолчание: кит без единой настройки рисует текст, а не пустоты. */
+const defaultTranslator = (key, params) => interpolate(RT_KIT_LABELS_EN[key], params);
+/**
+ * Функция, которой кит получает подписи. Её отдаёт приложение —
+ * `provideRtKitLabels()`.
+ *
+ * Токен объявлен **сигналом**, а не просто функцией: приложение, меняющее язык
+ * на ходу, кладёт в него новую функцию, и всё, что от неё считано,
+ * пересчитывается само.
+ */
+const RT_KIT_TRANSLATOR = new InjectionToken('RT_KIT_TRANSLATOR', {
+    providedIn: 'root',
+    factory: () => signal(defaultTranslator).asReadonly(),
+});
+/**
+ * Активная локаль. Ею кит форматирует даты — больше ни для чего она ему не
+ * нужна.
+ *
+ * Данные локали для `DatePipe` регистрирует приложение: без них пайп падает
+ * `Missing locale data`, и кит за это не отвечает.
+ */
+const RT_KIT_LOCALE = new InjectionToken('RT_KIT_LOCALE', {
+    providedIn: 'root',
+    factory: () => signal('en').asReadonly(),
+});
+/**
+ * Все подписи кита разом, ключ → готовая строка.
+ *
+ * Этим пользуются компоненты: `t().uiClose` вместо ключа по одному. Карта
+ * строится один раз на приложение (`providedIn: 'root'`) и пересчитывается,
+ * только когда приложение сменило функцию-переводчик.
+ *
+ * Подпись, которой переводчик не дал (вернул пустое или упал), берётся
+ * английской: пустая `aria`-подпись означает кнопку без имени для скринридера.
+ */
+const RT_KIT_LABELS = new InjectionToken('RT_KIT_LABELS', {
+    providedIn: 'root',
+    factory: () => {
+        const translator = inject(RT_KIT_TRANSLATOR);
+        return computed(() => {
+            const translate = translator();
+            const map = {};
+            for (const key of Object.keys(RT_KIT_LABELS_EN)) {
+                map[key] = translate(key) || RT_KIT_LABELS_EN[key];
+            }
+            return map;
+        });
+    },
+});
+/**
+ * Одна подпись, а не вся карта.
+ *
+ * Карте не годятся две вещи: подпись с подстановками (параметры приходят из
+ * состояния компонента) и подпись, ключ которой выбирается на ходу — кнопка
+ * «свернуть ↔ развернуть», текст ошибки поля по сработавшему валидатору. Обе
+ * берутся отсюда. Зовётся в поле класса, в инъекционном контексте.
+ *
+ * ```typescript
+ * readonly #range: Signal<string> = rtKitLabel('uiRangeOf', this.#rangeParams);
+ * readonly #expand: Signal<string> = rtKitLabel(computed(() => (this.expanded() ? 'chatCollapse' : 'chatExpand')));
+ * ```
+ *
+ * @param key Ключ подписи — значением или сигналом, если он меняется. Пустой
+ *   ключ даёт пустую строку: у поля без сработавшего валидатора подписи нет, и
+ *   умолчание тут показало бы ошибку там, где её не случилось.
+ * @param params Подстановки — значением или сигналом, если они меняются.
+ */
+function rtKitLabel(key, params) {
+    const translator = inject(RT_KIT_TRANSLATOR);
+    return computed(() => {
+        const resolvedKey = typeof key === 'function' ? key() : key;
+        if (resolvedKey === '') {
+            return '';
+        }
+        const resolved = typeof params === 'function' ? params() : params;
+        return translator()(resolvedKey, resolved) || defaultTranslator(resolvedKey, resolved);
+    });
+}
+/**
+ * Отдаёт киту подписи приложения.
+ *
+ * Без него кит работает на английском умолчании — оно вшито и покрывает все
+ * ключи, поэтому пустой кнопки на экране не бывает никогда.
+ *
+ * ```typescript
+ * export const appConfig: ApplicationConfig = {
+ *     providers: [
+ *         provideRtKitLabels({
+ *             translator: computed(() => (key, params) => transloco.translate(`rtKit.${key}`, params)),
+ *             locale: toSignal(transloco.langChanges$, { initialValue: transloco.getActiveLang() }),
+ *         }),
+ *     ],
+ * };
+ * ```
+ *
+ * Способ доставки — дело приложения: Transloco, `$localize`, собственный
+ * словарь. Кит знает только ключи и то, что на них отвечают строкой.
+ *
+ * @param source Функция-переводчик и активная локаль. Локаль необязательна —
+ *   без неё кит форматирует даты по-английски.
+ */
+function provideRtKitLabels(source) {
+    const providers = [{ provide: RT_KIT_TRANSLATOR, useValue: source.translator }];
+    if (source.locale !== undefined) {
+        providers.push({ provide: RT_KIT_LOCALE, useValue: source.locale });
+    }
+    return makeEnvironmentProviders(providers);
+}
+
+/**
+ * Подпись кита по ключу — для значений, приходящих из контекста шаблона.
+ *
+ * Шаблон не зовёт методов: имя раздела приходит элементом цикла, и посчитать подпись заранее
+ * нечем. Пайп чистый, поэтому функция-переводчик передаётся ему вторым доводом — сменившись,
+ * она пересчитывает подпись сама.
+ */
+class RtKitLabelPipe {
+    transform(key, translator, params) {
+        return translator(key, params);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtKitLabelPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: RtKitLabelPipe, isStandalone: true, name: "rtKitLabel" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtKitLabelPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'rtKitLabel',
+                    pure: true,
+                }]
+        }] });
+
+const BEM_BLOCK$1u = 'rt-ripple';
+/** Сколько живёт один слой волны. Совпадает с длительностью в стилях блока. */
+const RIPPLE_LIFETIME_MS = 550;
+/**
+ * Волна нажатия. Ставится на элемент, который нажимают, и рисует расходящийся
+ * от точки касания круг.
+ *
+ * Волна живёт в своём обрезающем слое внутри элемента, а не прямо в нём:
+ * `overflow: hidden` на самой кнопке срезал бы всё, что торчит за её край, —
+ * у кнопки-значка так стоит метка, вынесенная на два пикселя наружу.
+ *
+ * @example
+ * ```html
+ * <button rtRipple>Сохранить</button>
+ * <button rtRipple [rippleDisabled]="loading()">Сохранить</button>
+ * ```
+ */
+class RtRippleDirective {
+    #el;
+    #renderer;
+    #destroyRef;
+    /** Слои, которые ещё гаснут: снимаются, если элемент умрёт раньше их. */
+    #live;
+    /** Обрезающий слой заводится при первом нажатии: у кнопки, которую не нажали, его нет. */
+    #area;
+    /** Гасит незакончившиеся волны: иначе таймер трогает снятый из дерева узел. */
+    constructor() {
+        this.#el = inject(ElementRef);
+        this.#renderer = inject(Renderer2);
+        this.#destroyRef = inject(DestroyRef);
+        /** Слои, которые ещё гаснут: снимаются, если элемент умрёт раньше их. */
+        this.#live = new Set();
+        /** Обрезающий слой заводится при первом нажатии: у кнопки, которую не нажали, его нет. */
+        this.#area = null;
+        /**
+         * Отключает волну, не трогая остальное поведение элемента.
+         * Отключённая и загружающаяся кнопка волны не даёт.
+         */
+        this.rippleDisabled = input(false, { ...(ngDevMode ? { debugName: "rippleDisabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.#destroyRef.onDestroy(() => {
+            for (const timer of this.#live) {
+                clearTimeout(timer);
+            }
+            this.#live.clear();
+        });
+    }
+    /**
+     * Ставит один слой волны от точки нажатия и снимает его, когда тот отгорит.
+     *
+     * Радиус считается по дальнему углу элемента: волна из угла должна накрыть
+     * противоположный, иначе на широкой кнопке она обрывается на полпути.
+     */
+    launch(event) {
+        const host = this.#el.nativeElement;
+        if (this.rippleDisabled() || host.disabled) {
+            return;
+        }
+        const box = host.getBoundingClientRect();
+        const x = event.clientX - box.left;
+        const y = event.clientY - box.top;
+        const radius = Math.hypot(Math.max(x, box.width - x), Math.max(y, box.height - y));
+        const area = this.#ensureArea(host);
+        const layer = this.#renderer.createElement('span');
+        this.#renderer.addClass(layer, `${BEM_BLOCK$1u}__wave`);
+        this.#renderer.setStyle(layer, 'left', `${x - radius}px`);
+        this.#renderer.setStyle(layer, 'top', `${y - radius}px`);
+        this.#renderer.setStyle(layer, 'width', `${radius * 2}px`);
+        this.#renderer.setStyle(layer, 'height', `${radius * 2}px`);
+        this.#renderer.appendChild(area, layer);
+        const timer = setTimeout(() => {
+            this.#live.delete(timer);
+            if (layer.parentNode) {
+                this.#renderer.removeChild(area, layer);
+            }
+        }, RIPPLE_LIFETIME_MS);
+        this.#live.add(timer);
+    }
+    /** Обрезающий слой один на элемент: он повторяет его скругление и не ловит указатель. */
+    #ensureArea(host) {
+        if (this.#area?.parentNode) {
+            return this.#area;
+        }
+        /* Обрезающий слой стоит absolute, и ему нужен позиционированный предок. Позиция
+           ставится здесь, а не правилом блока: правило висело бы на каждой кнопке кита и
+           меняло растеризацию кадров витрины, ничего не двигая в раскладке. */
+        if (getComputedStyle(host).position === 'static') {
+            this.#renderer.setStyle(host, 'position', 'relative');
+        }
+        const area = this.#renderer.createElement('span');
+        this.#renderer.addClass(area, `${BEM_BLOCK$1u}__area`);
+        this.#renderer.setAttribute(area, 'aria-hidden', 'true');
+        this.#renderer.appendChild(host, area);
+        this.#area = area;
+        return area;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtRippleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: RtRippleDirective, isStandalone: true, selector: "[rtRipple]", inputs: { rippleDisabled: { classPropertyName: "rippleDisabled", publicName: "rippleDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "pointerdown": "launch($event)" }, classAttribute: "rt-ripple" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtRippleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rtRipple]',
+                    host: {
+                        class: BEM_BLOCK$1u,
+                        '(pointerdown)': 'launch($event)',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { rippleDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "rippleDisabled", required: false }] }] } });
+
+/** Признак материального набора в разметке: атрибут или класс, которые ставит приложение. */
+const RT_MATERIAL_PRESET_SELECTOR = "[data-preset='material'],.rt-preset-material";
+/** Класс набора, который несёт узел вне поддерева, где набор объявлен. */
+const RT_MATERIAL_PRESET_CLASS = 'rt-preset-material';
+/**
+ * Классы набора для панели наложения, открытой от `origin`. Панель лежит в конце страницы, вне
+ * контейнера с признаком набора, и назначения набора до неё не доходят: она берёт класс набора
+ * сама, если признак стоит над узлом, от которого она открыта. Кит читает признак приложения, а не
+ * ставит свой.
+ */
+function materialPresetClassesOf(origin) {
+    return origin.closest(RT_MATERIAL_PRESET_SELECTOR) ? [RT_MATERIAL_PRESET_CLASS] : [];
+}
+/**
+ * Классы набора для панели, которую открывает сервис без узла-источника: диалог, боковая панель.
+ * Источником служит узел в фокусе в момент открытия — нажатая кнопка. Панель, открытая не по
+ * нажатию, набор от фокуса не берёт; для неё остаётся `panelClass` приложения.
+ */
+function materialPresetClassesOfFocus(document) {
+    const focused = document.activeElement;
+    return focused ? materialPresetClassesOf(focused) : [];
+}
+/** Атрибут местного куска темы — его ставит `rtTheme` и читают правила куска в стилях кита. */
+const RT_THEME_SCOPE_ATTRIBUTE = 'data-theme';
+/**
+ * Тема местного куска, от которого открыта панель, — значение ближайшего `data-theme` над `origin`.
+ * Панель лежит в конце страницы, вне куска, и без этого рисуется темой страницы: список тёмной
+ * карточки на светлой странице выходил светлым. Тема корня страницы не возвращается: её панель
+ * наследует и так, а признак на панели повторил бы весь набор назначений ещё раз.
+ */
+function themeScopeOf(origin) {
+    const scope = origin.closest(`[${RT_THEME_SCOPE_ATTRIBUTE}]`);
+    if (scope === null || scope === origin.ownerDocument.documentElement) {
+        return null;
+    }
+    return scope.getAttribute(RT_THEME_SCOPE_ATTRIBUTE) || null;
+}
+function applyThemeScope(pane, theme) {
+    if (theme === null) {
+        pane.removeAttribute(RT_THEME_SCOPE_ATTRIBUTE);
+    }
+    else {
+        pane.setAttribute(RT_THEME_SCOPE_ATTRIBUTE, theme);
+    }
+}
+/**
+ * Переносит тему куска `origin` на коробку панели или снимает её, если кусок ушёл. Зовётся на
+ * каждом открытии: коробка переживает закрытие, а кусок вокруг источника мог смениться.
+ */
+function carryThemeScope(pane, origin) {
+    applyThemeScope(pane, themeScopeOf(origin));
+}
+/**
+ * Тема местного куска для панели, которую открывает сервис без узла-источника: диалог, боковая
+ * панель. Источником служит узел в фокусе в момент открытия — нажатая кнопка, как у
+ * `materialPresetClassesOfFocus`. Без фокуса, как и под темой корня, возвращает `null`.
+ */
+function themeScopeOfFocus(document) {
+    const focused = document.activeElement;
+    return focused ? themeScopeOf(focused) : null;
+}
+/**
+ * Переносит на коробку панели тему куска, где стоит фокус. Зовётся до того, как панель заберёт
+ * фокус себе: после этого `activeElement` уже внутри панели, в конце страницы, вне куска.
+ */
+function carryThemeScopeOfFocus(pane, document) {
+    applyThemeScope(pane, themeScopeOfFocus(document));
+}
+
+const BEM_BLOCK$1t = 'rt-tooltip';
+/**
+ * Презентационная панель tooltip'а. Рендерится директивой `[rtTooltip]` через
+ * CDK `ComponentPortal` в overlay; текст выставляется императивно
+ * (`ref.instance.text.set(...)`) — отдельного `input()` нет, т.к. компонент
+ * создаётся вручную, а не в шаблоне.
+ *
+ * `ViewEncapsulation.None` — стили префиксованы `.rt-tooltip` (единообразно с
+ * остальным common/ui). `role="tooltip"` — вспомогательный ярлык для AT.
+ */
+class RtTooltipComponent {
+    constructor() {
+        this.text = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: RtTooltipComponent, isStandalone: true, selector: "rt-tooltip", host: { attributes: { "role": "tooltip" }, classAttribute: "rt-tooltip" }, ngImport: i0, template: '{{ text() }}', isInline: true, styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-tooltip{--rt-tooltip-radius: var(--rt-overlay-tooltip-radius);--rt-tooltip-shadow: var(--rt-overlay-tooltip-shadow);display:block;max-width:240px;padding:var(--rt-space-xs) var(--rt-space-sm);border-radius:var(--rt-tooltip-radius);background:var(--rt-color-bg-inverse);box-shadow:var(--rt-tooltip-shadow);color:var(--rt-color-text-inverse);font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug);overflow-wrap:anywhere;pointer-events:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rt-tooltip', template: '{{ text() }}', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: BEM_BLOCK$1t,
+                        role: 'tooltip',
+                    }, styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-tooltip{--rt-tooltip-radius: var(--rt-overlay-tooltip-radius);--rt-tooltip-shadow: var(--rt-overlay-tooltip-shadow);display:block;max-width:240px;padding:var(--rt-space-xs) var(--rt-space-sm);border-radius:var(--rt-tooltip-radius);background:var(--rt-color-bg-inverse);box-shadow:var(--rt-tooltip-shadow);color:var(--rt-color-text-inverse);font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug);overflow-wrap:anywhere;pointer-events:none}}\n"] }]
+        }] });
+
+const SHOW_DELAY_MS = 300;
+const VIEWPORT_MARGIN$1 = 8;
+/**
+ * Tooltip-директива поверх CDK Overlay. Показывает короткую подсказку
+ * (`rtTooltip` = строка) на hover/focus host'а. Движок — CDK `flexibleConnectedTo`
+ * (авто-flip у края viewport, reposition при скролле), так что подсказка не
+ * режется `overflow: hidden` предками (таблицы, aside, карточки).
+ *
+ * Триггеры: `mouseenter`/`focusin` показывают (с задержкой `SHOW_DELAY_MS`),
+ * `mouseleave`/`focusout`/`click` прячут. Пустой текст → no-op (директива
+ * выключена), поэтому её можно безусловно вешать на icon-кнопки и включать
+ * выставлением строки.
+ *
+ * @example
+ * ```html
+ * <rt-icon-button icon="ico-trash" ariaLabel="Удалить" tooltip="Удалить" />
+ * <button rtButton [rtTooltip]="'Подсказка'">…</button>
+ * ```
+ */
+class RtTooltipDirective {
+    constructor() {
+        this.#overlay = inject(Overlay);
+        this.#elementRef = inject(ElementRef);
+        this.#scrollStrategies = inject(ScrollStrategyOptions);
+        this.#overlayRef = null;
+        this.#tooltipRef = null;
+        this.#showTimer = null;
+        /**
+         * Текст подсказки. Принимает `null`/`undefined` (частый результат date-пайпа
+         * или nullable-полей модели) и нормализует их в пустую строку — иначе
+         * биндинги вида `value | date` ломали бы строгую типизацию шаблона. Пустая
+         * строка → no-op (директива выключена).
+         */
+        this.text = input('', { ...(ngDevMode ? { debugName: "text" } : /* istanbul ignore next */ {}), alias: 'rtTooltip',
+            transform: (value) => value ?? '' });
+        /** Сторона подсказки. Не задана — сверху, а под материальным набором снизу, как у первого кита. */
+        this.placement = input(null, { ...(ngDevMode ? { debugName: "placement" } : /* istanbul ignore next */ {}), alias: 'rtTooltipPlacement' });
+    }
+    #overlay;
+    #elementRef;
+    #scrollStrategies;
+    #overlayRef;
+    #tooltipRef;
+    #showTimer;
+    ngOnDestroy() {
+        this.#clearTimer();
+        this.#disposeOverlay();
+    }
+    show() {
+        if (this.text().trim() === '' || this.#tooltipRef !== null) {
+            return;
+        }
+        this.#clearTimer();
+        this.#showTimer = setTimeout(() => this.#attach(), SHOW_DELAY_MS);
+    }
+    hide() {
+        this.#clearTimer();
+        this.#overlayRef?.detach();
+        this.#tooltipRef = null;
+    }
+    #attach() {
+        if (this.text().trim() === '') {
+            return;
+        }
+        const overlayRef = this.#ensureOverlay();
+        // Коробка переживает закрытие, а кусок темы вокруг host'а мог смениться — переносим на каждом показе.
+        carryThemeScope(overlayRef.overlayElement, this.#elementRef.nativeElement);
+        const portal = new ComponentPortal(RtTooltipComponent);
+        this.#tooltipRef = overlayRef.attach(portal);
+        this.#tooltipRef.instance.text.set(this.text());
+        this.#tooltipRef.changeDetectorRef.markForCheck();
+    }
+    #ensureOverlay() {
+        if (this.#overlayRef !== null) {
+            return this.#overlayRef;
+        }
+        const above = {
+            originX: 'center',
+            originY: 'top',
+            overlayX: 'center',
+            overlayY: 'bottom',
+            offsetY: -6,
+        };
+        const below = {
+            originX: 'center',
+            originY: 'bottom',
+            overlayX: 'center',
+            overlayY: 'top',
+            offsetY: 6,
+        };
+        const presetClasses = materialPresetClassesOf(this.#elementRef.nativeElement);
+        const placement = this.placement() ?? (presetClasses.length > 0 ? 'bottom' : 'top');
+        const positions = placement === 'top' ? [above, below] : [below, above];
+        const positionStrategy = this.#overlay
+            .position()
+            .flexibleConnectedTo(this.#elementRef)
+            .withPush(true)
+            .withViewportMargin(VIEWPORT_MARGIN$1)
+            .withFlexibleDimensions(false)
+            .withPositions(positions);
+        const config = new OverlayConfig({
+            positionStrategy,
+            scrollStrategy: this.#scrollStrategies.reposition(),
+            hasBackdrop: false,
+            panelClass: ['rt-tooltip-panel', ...presetClasses],
+        });
+        this.#overlayRef = this.#overlay.create(config);
+        return this.#overlayRef;
+    }
+    #clearTimer() {
+        if (this.#showTimer !== null) {
+            clearTimeout(this.#showTimer);
+            this.#showTimer = null;
+        }
+    }
+    #disposeOverlay() {
+        this.#overlayRef?.dispose();
+        this.#overlayRef = null;
+        this.#tooltipRef = null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: RtTooltipDirective, isStandalone: true, selector: "[rtTooltip]", inputs: { text: { classPropertyName: "text", publicName: "rtTooltip", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "rtTooltipPlacement", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "show()", "mouseleave": "hide()", "focusin": "show()", "focusout": "hide()", "click": "hide()" } }, exportAs: ["rtTooltip"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rtTooltip]',
+                    exportAs: 'rtTooltip',
+                    host: {
+                        '(mouseenter)': 'show()',
+                        '(mouseleave)': 'hide()',
+                        '(focusin)': 'show()',
+                        '(focusout)': 'hide()',
+                        '(click)': 'hide()',
+                    },
+                }]
+        }], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "rtTooltip", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "rtTooltipPlacement", required: false }] }] } });
+
+const BEM_BLOCK$1s = 'rt-icon-button';
+/**
+ * Универсальная icon-only кнопка кита.
+ *
+ * Рендерит свой собственный `<button type="...">` внутри template (НЕ host-button).
+ * Все цвета и размеры — через семантические `--rt-*` токены; геометрия квадрата
+ * выставляется CSS-custom-property `--rt-icon-button-size` (overridable inline
+ * через `style="--rt-icon-button-size: 35px"` — нужно для миграции rt-header 35×35).
+ *
+ * Loading state — заменяет иконку на `<rt-icon name="spinner">` и блокирует
+ * клики (`button[disabled]`). Active state управляет `aria-pressed` (для toggle-кнопок).
+ * Indicator — небольшой dot top-right через BEM-элемент `__indicator`.
+ *
+ * BEM-разметка — через `rtBlock="rt-icon-button"` + `[rtMod]` объект; камелкейс
+ * модификаторов автоматически конвертируется директивой в kebab-case
+ * (`hasIndicator` → `rt-icon-button--has-indicator`).
+ */
+class RtIconButtonComponent {
+    constructor() {
+        /**
+         * Размер дочерней `<rt-icon>`. По умолчанию маппится 1-к-1 от размера кнопки,
+         * но потребитель может задать свой: у крупной кнопки-действия (плавающая
+         * кнопка чата) иконка во весь диаметр выглядит тяжеловесно, а сама кнопка
+         * должна остаться большой — в неё целятся пальцем.
+         */
+        this.resolvedIconSize = computed(() => {
+            const map = {
+                sm: 'sm',
+                md: 'md',
+                lg: 'lg',
+                xl: 'xl',
+                '2xl': '2xl',
+            };
+            return this.iconSize() ?? map[this.size()];
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resolvedIconSize" }] : /* istanbul ignore next */ []));
+        /** Кнопка отключена, если установлен disabled ИЛИ loading. */
+        this.isDisabled = computed(() => this.disabled() || this.loading(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+        /**
+         * BEM-модификаторы для `[rtMod]`. Собираем в .ts (а не в шаблоне), потому что
+         * Angular template-parser не поддерживает computed property keys в inline-объектах.
+         * camelCase ключи `hasIndicator` директива автоматически конвертирует в `has-indicator`.
+         */
+        this.bemMods = computed(() => ({
+            [this.variant()]: true,
+            [this.size()]: true,
+            [this.shape()]: true,
+            loading: this.loading(),
+            active: this.active(),
+            hasIndicator: this.indicator(),
+        }), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "bemMods" }] : /* istanbul ignore next */ []));
+        /** Имя иконки — обязательно. */
+        this.icon = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+        /** Доступное имя для screen-reader'ов — обязательно (icon-only кнопка). */
+        this.ariaLabel = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+        /** Семантическая палитра. */
+        this.variant = input('ghost', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+        /**
+         * Цвет самой иконки. Default `current` — иконка наследует цвет текста кнопки
+         * (поведение по умолчанию). Явное значение нужно, когда иконка должна
+         * отличаться от текста кнопки — например крестик-очистка внутри поля,
+         * который должен совпадать по цвету с иконками-аффордансами самого поля.
+         */
+        this.iconColor = input('current', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "iconColor" }] : /* istanbul ignore next */ []));
+        /**
+         * Залитый рисунок значка вместо контурного — как `fill` у `rt-icon`. Рисует его материальный
+         * набор; значок своего набора один и от признака не меняется.
+         */
+        this.iconFill = input(false, { ...(ngDevMode ? { debugName: "iconFill" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Размер квадрата. */
+        this.size = input('md', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+        /** Размер иконки; пусто — берётся от размера кнопки. */
+        this.iconSize = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "iconSize" }] : /* istanbul ignore next */ []));
+        /** Форма (круг или скруглённый квадрат). */
+        this.shape = input('square', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "shape" }] : /* istanbul ignore next */ []));
+        /** HTML-type для нативного `<button>`. */
+        this.type = input('button', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+        /**
+         * Текст styled-tooltip'а (`rtTooltip`), показывается на hover/focus. Пустая
+         * строка → tooltip выключен. Для icon-only кнопок обычно дублирует `ariaLabel`.
+         */
+        this.tooltip = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tooltip" }] : /* istanbul ignore next */ []));
+        /**
+         * Tabindex внутренней `<button>`. Default `0` (в обычном таб-порядке).
+         * Значение `-1` исключает кнопку из таб-навигации, оставляя клик мышью —
+         * нужно для вспомогательных аффордансов вроде крестика-очистки внутри поля.
+         */
+        this.tabIndex = input(0, { ...(ngDevMode ? { debugName: "tabIndex" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        /** Состояние загрузки: показывает spinner вместо иконки + disabled. */
+        this.loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Нативное отключение кнопки. */
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Toggle-состояние — превращается в `aria-pressed="true"`. */
+        this.active = input(false, { ...(ngDevMode ? { debugName: "active" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Бейдж-индикатор (dot top-right через BEM-модификатор). */
+        this.indicator = input(false, { ...(ngDevMode ? { debugName: "indicator" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Эмиттит MouseEvent при клике (только когда не disabled и не loading). */
+        this.clicked = output();
+    }
+    onClick(event) {
+        if (this.isDisabled()) {
+            return;
+        }
+        this.clicked.emit(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtIconButtonComponent, isStandalone: true, selector: "rt-icon-button", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: true, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, iconColor: { classPropertyName: "iconColor", publicName: "iconColor", isSignal: true, isRequired: false, transformFunction: null }, iconFill: { classPropertyName: "iconFill", publicName: "iconFill", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, indicator: { classPropertyName: "indicator", publicName: "indicator", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { classAttribute: "rt-icon-button" }, ngImport: i0, template: "<button\n    rtBlock=\"rt-icon-button\"\n    qa-dataid=\"icon-button-control\"\n    rtRipple\n    [rippleDisabled]=\"isDisabled() || loading()\"\n    [rtTooltip]=\"tooltip()\"\n    [rtMod]=\"bemMods()\"\n    [type]=\"type()\"\n    [disabled]=\"isDisabled()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-pressed]=\"active() ? 'true' : null\"\n    [attr.tabindex]=\"tabIndex()\"\n    (click)=\"onClick($event)\">\n    @if (loading()) {\n        <rt-icon rtElem=\"spinner\" name=\"spinner\" color=\"current\" [size]=\"resolvedIconSize()\" />\n    } @else {\n        <rt-icon rtElem=\"icon\" [color]=\"iconColor()\" [name]=\"icon()\" [size]=\"resolvedIconSize()\" [fill]=\"iconFill()\" />\n    }\n    @if (indicator()) {\n        <span rtElem=\"indicator\" aria-hidden=\"true\"></span>\n    }\n</button>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-icon-button{display:inline-flex;--rt-icon-button-size: var(--rt-control-height-md);--rt-icon-button-color: var(--rt-color-text-primary)}rt-icon-button .rt-icon-button{--rt-icon-button-circle-radius: var(--rt-radius-full);--rt-icon-button-square-radius: var(--rt-radius-md);--rt-icon-button-rounded-sm-radius: calc(var(--rt-icon-button-square-radius) + (50% - var(--rt-icon-button-square-radius)) / 3);--rt-icon-button-rounded-lg-radius: calc( var(--rt-icon-button-square-radius) + (50% - var(--rt-icon-button-square-radius)) * 2 / 3 );--rt-icon-button-indicator-radius: var(--rt-radius-full);--rt-icon-button-focus-shadow: var(--rt-shadow-focus-ring);--rt-icon-button-shadow: var(--rt-shadow-none);--rt-icon-button-shadow-hover: var(--rt-icon-button-shadow);--rt-icon-button-color-hover: var(--rt-icon-button-color);--rt-icon-button-transition-duration: var(--rt-duration-fast);--rt-icon-button-bg: transparent;position:relative;display:inline-flex;width:var(--rt-icon-button-size);height:var(--rt-icon-button-size);align-items:center;justify-content:center;padding:0;border:0;background-color:var(--rt-icon-button-bg);box-shadow:var(--rt-icon-button-shadow);color:var(--rt-icon-button-color);cursor:pointer;transition:background-color var(--rt-icon-button-transition-duration) ease,box-shadow var(--rt-icon-button-transition-duration) ease}rt-icon-button .rt-icon-button--sm{--rt-icon-button-size: var(--rt-control-height-sm)}rt-icon-button .rt-icon-button--md{--rt-icon-button-size: var(--rt-control-height-md)}rt-icon-button .rt-icon-button--lg{--rt-icon-button-size: var(--rt-control-height-lg)}rt-icon-button .rt-icon-button--xl{--rt-icon-button-size: var(--rt-control-height-xl)}rt-icon-button .rt-icon-button--2xl{--rt-icon-button-size: var(--rt-control-height-2xl)}rt-icon-button .rt-icon-button--circle{border-radius:var(--rt-icon-button-circle-radius)}rt-icon-button .rt-icon-button--rounded-sm{border-radius:var(--rt-icon-button-rounded-sm-radius)}rt-icon-button .rt-icon-button--rounded-lg{border-radius:var(--rt-icon-button-rounded-lg-radius)}rt-icon-button .rt-icon-button--square{border-radius:var(--rt-icon-button-square-radius)}rt-icon-button .rt-icon-button:hover:not(:disabled){box-shadow:var(--rt-icon-button-shadow-hover)}rt-icon-button .rt-icon-button--ghost:hover:not(:disabled){background-color:var(--rt-icon-button-color-bg-hover);color:var(--rt-icon-button-color-hover)}rt-icon-button .rt-icon-button--ghost.rt-icon-button--active{background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--primary{--rt-icon-button-bg: var(--rt-color-action-primary);color:var(--rt-color-action-on-primary)}rt-icon-button .rt-icon-button--primary:hover:not(:disabled){background-color:var(--rt-color-action-primary-hover)}rt-icon-button .rt-icon-button--secondary{--rt-icon-button-bg: var(--rt-color-bg-surface-subtle);color:var(--rt-color-text-primary)}rt-icon-button .rt-icon-button--secondary:hover:not(:disabled){background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--danger{color:var(--rt-color-state-danger)}rt-icon-button .rt-icon-button--danger:hover:not(:disabled){background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--danger.rt-icon-button--active{background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--success{color:var(--rt-color-state-success)}rt-icon-button .rt-icon-button--success:hover:not(:disabled){background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--success.rt-icon-button--active{background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--warning{color:var(--rt-color-state-warning)}rt-icon-button .rt-icon-button--warning:hover:not(:disabled){background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--warning.rt-icon-button--active{background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button:disabled{background-color:color-mix(in srgb,var(--rt-icon-button-bg) var(--rt-icon-button-disabled-fill),transparent);cursor:not-allowed;opacity:var(--rt-icon-button-disabled-opacity)}rt-icon-button .rt-icon-button:disabled .rt-icon svg{color:var(--rt-icon-button-disabled-color)}rt-icon-button .rt-icon-button:focus-visible{box-shadow:var(--rt-icon-button-focus-shadow);outline:2px solid transparent;outline-offset:2px}rt-icon-button .rt-icon-button__spinner{--rt-icon-button-spin-duration: 1s;animation:rt-icon-button-spin var(--rt-icon-button-spin-duration) linear infinite}rt-icon-button .rt-icon-button__indicator{position:absolute;width:8px;height:8px;border-radius:var(--rt-icon-button-indicator-radius);background:var(--rt-color-state-danger);inset-block-start:-2px;inset-inline-end:-2px;pointer-events:none}@keyframes rt-icon-button-spin{to{transform:rotate(360deg)}}}\n"], dependencies: [{ kind: "component", type: 
+                // standalone components / directives
+                RtIconComponent, selector: "rt-icon", inputs: ["name", "size", "color", "fill", "rotate"] }, { kind: "directive", type: RtRippleDirective, selector: "[rtRipple]", inputs: ["rippleDisabled"] }, { kind: "directive", type: RtTooltipDirective, selector: "[rtTooltip]", inputs: ["rtTooltip", "rtTooltipPlacement"], exportAs: ["rtTooltip"] }, { kind: "directive", type: BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { kind: "directive", type: ModDirective, selector: "[rtMod]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtIconButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rt-icon-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        // standalone components / directives
+                        RtIconComponent,
+                        RtRippleDirective,
+                        RtTooltipDirective,
+                        BlockDirective,
+                        ElemDirective,
+                        ModDirective,
+                    ], host: {
+                        class: BEM_BLOCK$1s,
+                    }, template: "<button\n    rtBlock=\"rt-icon-button\"\n    qa-dataid=\"icon-button-control\"\n    rtRipple\n    [rippleDisabled]=\"isDisabled() || loading()\"\n    [rtTooltip]=\"tooltip()\"\n    [rtMod]=\"bemMods()\"\n    [type]=\"type()\"\n    [disabled]=\"isDisabled()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-pressed]=\"active() ? 'true' : null\"\n    [attr.tabindex]=\"tabIndex()\"\n    (click)=\"onClick($event)\">\n    @if (loading()) {\n        <rt-icon rtElem=\"spinner\" name=\"spinner\" color=\"current\" [size]=\"resolvedIconSize()\" />\n    } @else {\n        <rt-icon rtElem=\"icon\" [color]=\"iconColor()\" [name]=\"icon()\" [size]=\"resolvedIconSize()\" [fill]=\"iconFill()\" />\n    }\n    @if (indicator()) {\n        <span rtElem=\"indicator\" aria-hidden=\"true\"></span>\n    }\n</button>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-icon-button{display:inline-flex;--rt-icon-button-size: var(--rt-control-height-md);--rt-icon-button-color: var(--rt-color-text-primary)}rt-icon-button .rt-icon-button{--rt-icon-button-circle-radius: var(--rt-radius-full);--rt-icon-button-square-radius: var(--rt-radius-md);--rt-icon-button-rounded-sm-radius: calc(var(--rt-icon-button-square-radius) + (50% - var(--rt-icon-button-square-radius)) / 3);--rt-icon-button-rounded-lg-radius: calc( var(--rt-icon-button-square-radius) + (50% - var(--rt-icon-button-square-radius)) * 2 / 3 );--rt-icon-button-indicator-radius: var(--rt-radius-full);--rt-icon-button-focus-shadow: var(--rt-shadow-focus-ring);--rt-icon-button-shadow: var(--rt-shadow-none);--rt-icon-button-shadow-hover: var(--rt-icon-button-shadow);--rt-icon-button-color-hover: var(--rt-icon-button-color);--rt-icon-button-transition-duration: var(--rt-duration-fast);--rt-icon-button-bg: transparent;position:relative;display:inline-flex;width:var(--rt-icon-button-size);height:var(--rt-icon-button-size);align-items:center;justify-content:center;padding:0;border:0;background-color:var(--rt-icon-button-bg);box-shadow:var(--rt-icon-button-shadow);color:var(--rt-icon-button-color);cursor:pointer;transition:background-color var(--rt-icon-button-transition-duration) ease,box-shadow var(--rt-icon-button-transition-duration) ease}rt-icon-button .rt-icon-button--sm{--rt-icon-button-size: var(--rt-control-height-sm)}rt-icon-button .rt-icon-button--md{--rt-icon-button-size: var(--rt-control-height-md)}rt-icon-button .rt-icon-button--lg{--rt-icon-button-size: var(--rt-control-height-lg)}rt-icon-button .rt-icon-button--xl{--rt-icon-button-size: var(--rt-control-height-xl)}rt-icon-button .rt-icon-button--2xl{--rt-icon-button-size: var(--rt-control-height-2xl)}rt-icon-button .rt-icon-button--circle{border-radius:var(--rt-icon-button-circle-radius)}rt-icon-button .rt-icon-button--rounded-sm{border-radius:var(--rt-icon-button-rounded-sm-radius)}rt-icon-button .rt-icon-button--rounded-lg{border-radius:var(--rt-icon-button-rounded-lg-radius)}rt-icon-button .rt-icon-button--square{border-radius:var(--rt-icon-button-square-radius)}rt-icon-button .rt-icon-button:hover:not(:disabled){box-shadow:var(--rt-icon-button-shadow-hover)}rt-icon-button .rt-icon-button--ghost:hover:not(:disabled){background-color:var(--rt-icon-button-color-bg-hover);color:var(--rt-icon-button-color-hover)}rt-icon-button .rt-icon-button--ghost.rt-icon-button--active{background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--primary{--rt-icon-button-bg: var(--rt-color-action-primary);color:var(--rt-color-action-on-primary)}rt-icon-button .rt-icon-button--primary:hover:not(:disabled){background-color:var(--rt-color-action-primary-hover)}rt-icon-button .rt-icon-button--secondary{--rt-icon-button-bg: var(--rt-color-bg-surface-subtle);color:var(--rt-color-text-primary)}rt-icon-button .rt-icon-button--secondary:hover:not(:disabled){background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--danger{color:var(--rt-color-state-danger)}rt-icon-button .rt-icon-button--danger:hover:not(:disabled){background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--danger.rt-icon-button--active{background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--success{color:var(--rt-color-state-success)}rt-icon-button .rt-icon-button--success:hover:not(:disabled){background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--success.rt-icon-button--active{background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--warning{color:var(--rt-color-state-warning)}rt-icon-button .rt-icon-button--warning:hover:not(:disabled){background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button--warning.rt-icon-button--active{background-color:var(--rt-icon-button-color-bg-hover)}rt-icon-button .rt-icon-button:disabled{background-color:color-mix(in srgb,var(--rt-icon-button-bg) var(--rt-icon-button-disabled-fill),transparent);cursor:not-allowed;opacity:var(--rt-icon-button-disabled-opacity)}rt-icon-button .rt-icon-button:disabled .rt-icon svg{color:var(--rt-icon-button-disabled-color)}rt-icon-button .rt-icon-button:focus-visible{box-shadow:var(--rt-icon-button-focus-shadow);outline:2px solid transparent;outline-offset:2px}rt-icon-button .rt-icon-button__spinner{--rt-icon-button-spin-duration: 1s;animation:rt-icon-button-spin var(--rt-icon-button-spin-duration) linear infinite}rt-icon-button .rt-icon-button__indicator{position:absolute;width:8px;height:8px;border-radius:var(--rt-icon-button-indicator-radius);background:var(--rt-color-state-danger);inset-block-start:-2px;inset-inline-end:-2px;pointer-events:none}@keyframes rt-icon-button-spin{to{transform:rotate(360deg)}}}\n"] }]
+        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: true }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], iconColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconColor", required: false }] }], iconFill: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconFill", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], iconSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconSize", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], tabIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabIndex", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], indicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "indicator", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }] } });
+
+/**
+ * Хэндл к программно открытой модалке (через `RtDialogService.open()`).
+ *
+ * Контент-компонент инжектит `RtDialogRef` и закрывает модалку через `.close(result?)`.
+ * Родитель, открывший модалку, ждёт результата через `.afterClosed()`.
+ *
+ * Generic `<T>` — тип результата `close(result)`. Дефолт `unknown` — если результат
+ * не нужен, оставляй generic пустым.
+ *
+ * @example
+ * \`\`\`ts
+ * // в контент-компоненте
+ * private readonly dialogRef = inject(RtDialogRef);
+ * close(): void { this.dialogRef.close({ confirmed: true }); }
+ *
+ * // в родителе
+ * dialogService.open(MyDialogComponent).afterClosed().subscribe((result) => {...});
+ * \`\`\`
+ */
+class RtDialogRef {
+    #overlayRef;
+    #afterClosedSource;
+    constructor(overlayRef) {
+        /**
+         * Runtime-флаг, блокирующий close() через ESC / backdrop click.
+         *
+         * Default `false`. Включай (`dialogRef.disableClose.set(true)`) на
+         * время in-flight submit'а, чтобы юзер не потерял введённые в форму
+         * данные на случайном ESC. После next/error subscribe ставь обратно
+         * в `false`. Не влияет на программный `close(result)` — он всегда
+         * закрывает overlay.
+         *
+         * Статические config-флаги `closeOnEscape` / `closeOnBackdropClick`
+         * (см. `IRtDialogConfig`) определяют, подписан ли вообще handler на
+         * соответствующее событие; `disableClose` — это runtime-override,
+         * который гейтит dispatch внутри уже-подписанного handler'а.
+         */
+        this.disableClose = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "disableClose" }] : /* istanbul ignore next */ []));
+        this.#afterClosedSource = new Subject();
+        this.#overlayRef = overlayRef;
+    }
+    /** Закрывает overlay; опционально передаёт результат подписчикам `afterClosed()`. */
+    close(result) {
+        this.#overlayRef.dispose();
+        this.#afterClosedSource.next(result);
+        this.#afterClosedSource.complete();
+    }
+    /** Эмиттит один раз — результат `close(result)` — и завершается. */
+    afterClosed() {
+        return this.#afterClosedSource.asObservable();
+    }
+}
+
+/**
+ * Injection token для передачи данных в модалку, открытую через `RtDialogService.open()`.
  *
- * ```typescript
- * export function withCoreProviders(): EnvironmentProviders {
- *     return makeEnvironmentProviders([
- *         provideHttpClient(...),
- *         provideRtStorage(),
- *         provideRtIcons(),
- *     ]);
+ * Пользовательский компонент-контент модалки инжектит токен и получает данные,
+ * переданные в `DialogConfig.data`. Тип значения задаётся generic'ом — `inject(RT_DIALOG_DATA)`
+ * вернёт `unknown`, прокастуй через `inject(RT_DIALOG_DATA) as MyDataType` ИЛИ
+ * объяви токен с конкретным generic'ом в feature-либе.
+ *
+ * @example
+ * \`\`\`ts
+ * @Component({...})
+ * export class WelcomeModalComponent {
+ *   readonly data = inject(RT_DIALOG_DATA) as { userName: string };
+ * }
+ *
+ * // parent
+ * dialogService.open(WelcomeModalComponent, { data: { userName: "Иван" } });
+ * \`\`\`
+ */
+const RT_DIALOG_DATA = new InjectionToken('RT_DIALOG_DATA');
+
+/**
+ * Программный API для открытия модалок поверх CDK Overlay.
+ *
+ * Устройство сервиса:
+ * - `Overlay.position().global().centerHorizontally().centerVertically()` — центрирование.
+ * - `scrollStrategies.block()` — фиксирует background-scroll.
+ * - `hasBackdrop: true` + кастомный класс — затемнение.
+ * - `ComponentPortal` + custom `Injector` подкидывает `RtDialogRef` + `RT_DIALOG_DATA` в DI
+ *   контент-компонента.
+ *
+ * Альтернатива: legacy inline `<rt-dialog [visible]>` форма продолжает работать через
+ * native `<dialog>.showModal()`. Новые экраны — на программный API.
+ *
+ * @example
+ * \`\`\`ts
+ * // открытие
+ * private readonly dialogService = inject(RtDialogService);
+ *
+ * openConfirm(): void {
+ *   const ref = this.dialogService.open<ConfirmDialogComponent, { question: string }, boolean>(
+ *     ConfirmDialogComponent,
+ *     { data: { question: "Удалить?" } }
+ *   );
+ *   ref.afterClosed().subscribe((confirmed) => {
+ *     if (confirmed) this.delete();
+ *   });
+ * }
+ *
+ * // контент-компонент
+ * @Component({
+ *   selector: "rt-confirm-dialog",
+ *   template: \`
+ *     <rt-dialog size="sm">
+ *       <rt-dialog-header [title]="data.question" />
+ *       <div>Действие необратимо.</div>
+ *       <rt-dialog-footer>
+ *         <button rtButton (click)="close(false)">Отмена</button>
+ *         <button rtButton theme="danger" (click)="close(true)">Удалить</button>
+ *       </rt-dialog-footer>
+ *     </rt-dialog>
+ *   \`,
+ * })
+ * export class ConfirmDialogComponent {
+ *   readonly data = inject(RT_DIALOG_DATA) as { question: string };
+ *   readonly #ref = inject(RtDialogRef<boolean>);
+ *   close(result: boolean): void { this.#ref.close(result); }
  * }
+ * \`\`\`
+ */
+class RtDialogService {
+    #overlay = inject(Overlay);
+    #injector = inject(Injector);
+    #document = inject(DOCUMENT);
+    #openSource = new Subject();
+    constructor() {
+        // Per-open close-подписки (backdrop / ESC) живут в одном постоянном
+        // конструкторном стриме: open() эмитит контекст открытия, mergeMap
+        // подписывает event-стримы конкретного OverlayRef. `detachments()`
+        // терминирует внутренний поток при overlay.dispose() (дёргается из
+        // RtDialogRef.close()). mergeMap, а не switchMap — одновременно может
+        // быть открыто несколько модалок (стек).
+        //
+        // Внутри обоих handler'ов — runtime-guard через `dialogRef.disableClose()`:
+        // если контент-компонент выставил `disableClose.set(true)` (например, на
+        // время in-flight submit'а), ESC / backdrop НЕ закрывают overlay.
+        // Программный `dialogRef.close(result)` гейтом не задет — он всегда работает.
+        this.#openSource
+            .pipe(mergeMap((openContext) => {
+            const backdropClose$ = openContext.closeOnBackdropClick
+                ? openContext.overlayRef.backdropClick().pipe(map(() => () => {
+                    if (openContext.dialogRef.disableClose()) {
+                        return;
+                    }
+                    openContext.dialogRef.close();
+                }))
+                : EMPTY;
+            const escapeClose$ = openContext.closeOnEscape
+                ? openContext.overlayRef.keydownEvents().pipe(map((event) => () => {
+                    if (event.key !== 'Escape') {
+                        return;
+                    }
+                    event.preventDefault();
+                    if (openContext.dialogRef.disableClose()) {
+                        return;
+                    }
+                    openContext.dialogRef.close();
+                }))
+                : EMPTY;
+            return merge(backdropClose$, escapeClose$).pipe(takeUntil(openContext.overlayRef.detachments()));
+        }), takeUntilDestroyed())
+            .subscribe((handleCloseIntent) => handleCloseIntent());
+    }
+    open(component, config) {
+        const overlayRef = this.#overlay.create({
+            positionStrategy: this.#overlay.position().global().centerHorizontally().centerVertically(),
+            scrollStrategy: this.#overlay.scrollStrategies.block(),
+            hasBackdrop: true,
+            backdropClass: config?.backdropClass ?? 'rt-dialog-backdrop',
+            panelClass: [config?.panelClass ?? 'rt-dialog-overlay', materialPresetClassesOfFocus(this.#document)].flat(),
+            disposeOnNavigation: true,
+        });
+        // До attach: содержимое диалога может забрать фокус, и кусок темы у кнопки будет потерян.
+        carryThemeScopeOfFocus(overlayRef.overlayElement, this.#document);
+        const dialogRef = new RtDialogRef(overlayRef);
+        // Сами close-подписки объявлены один раз в конструкторе — здесь только
+        // эмит контекста открытия (см. #openSource-стрим).
+        this.#openSource.next({
+            overlayRef,
+            dialogRef,
+            closeOnBackdropClick: config?.closeOnBackdropClick !== false,
+            closeOnEscape: config?.closeOnEscape !== false,
+        });
+        const injector = Injector.create({
+            parent: this.#injector,
+            providers: [
+                { provide: RtDialogRef, useValue: dialogRef },
+                { provide: RT_DIALOG_DATA, useValue: config?.data ?? null },
+            ],
+        });
+        const portal = new ComponentPortal(component, null, injector);
+        overlayRef.attach(portal);
+        return dialogRef;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtDialogService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtDialogService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Настройки кита, которые приложение дало на старте.
+ *
+ * Токен объявлен **значением**, а не сигналом, и этим отличается от подписей и
+ * от темы: настройки — снимок старта. Их читают один раз, когда узел создан, и
+ * поздняя подмена на уже нарисованное не действует. Тому, что меняется на живой
+ * странице, место во входе узла или в службе темы.
+ *
+ * Умолчание — пустой объект: кит без единой настройки рисует то же, что рисовал
+ * до их появления.
+ */
+const RT_KIT_CONFIG = new InjectionToken('RT_KIT_CONFIG', {
+    providedIn: 'root',
+    factory: () => ({}),
+});
+/**
+ * Разрешение умолчания — одно место на весь кит, а не повтор в каждом узле.
+ *
+ * Порядок от частного к общему: вход на месте вызова, умолчание узла, общее
+ * умолчание, умолчание кита. Первый найденный ответ выигрывает, поиск на нём
+ * останавливается. Вход на месте сюда не приходит вовсе — он перебивает всё
+ * тем, что значение отсюда становится лишь тем, **с чего вход стартует**.
+ *
+ * Зовётся в поле класса: там есть контекст внедрения.
+ *
+ * ```typescript
+ * readonly #size: IButton.Size = rtKitDefault('button', (it: IRtKitConfig.Button): IButton.Size | undefined => it.size, 'md');
+ * public readonly size: InputSignal<IButton.Size> = input<IButton.Size>(this.#size);
  * ```
  *
- * Вперёд отсюда не грузится ничего: значок едет тогда, когда его попросила разметка, и платит
- * за него та страница, которая его нарисовала. Сборка спрайта и загрузка — дело `RtIconRegistry`.
+ * @param node Имя узла — ключ раздела умолчаний по узлам.
+ * @param pick Что взять из умолчаний этого узла.
+ * @param fallback Умолчание кита: то, что рисуется, когда не сказано ничего.
+ * @param pickCommon Что взять из общих умолчаний, если поле живёт и там. Поля,
+ *   стоящего на обоих уровнях, сегодня нет ни одного — ступень объявлена под
+ *   поле, которое назовёт владелец, и до тех пор не зовётся.
+ */
+function rtKitDefault(node, pick, fallback, pickCommon) {
+    const config = inject(RT_KIT_CONFIG);
+    const nodeSettings = config.components?.[node];
+    const fromNode = nodeSettings === undefined ? undefined : pick(nodeSettings);
+    if (fromNode !== undefined) {
+        return fromNode;
+    }
+    const global = config.global;
+    const fromCommon = pickCommon === undefined || global === undefined ? undefined : pickCommon(global);
+    return fromCommon ?? fallback;
+}
+/**
+ * Отдаёт киту настройки приложения.
  *
- * Сами файлы приложение публикует само — набор лежит в `assets/icons` пакета, и сборка копирует
- * его в свою статику.
+ * Раздача необязательна: без неё работают умолчания кита. Частично заданный
+ * объект не обнуляет остальное — неназванное поле проваливается на уровень
+ * выше.
  *
- * Наборов значков два: свой и материальный. Второй нужен только приложению, которое объявляет
- * материальный набор оформления, и адрес у него свой — набор лежит в `assets/icons-material`.
+ * ```typescript
+ * export const appConfig: ApplicationConfig = {
+ *     providers: [
+ *         provideRtKit({
+ *             global: { theme: 'auto' },
+ *             components: { button: { size: 'lg' }, aside: { closeOnEscape: false } },
+ *         }),
+ *     ],
+ * };
+ * ```
  *
- * @param baseUrl Адрес опубликованного набора. По умолчанию `/icons`.
- * @param materialBaseUrl Адрес материального набора. По умолчанию `/icons-material`.
+ * @param config Настройки целиком. Всё в них необязательно.
  */
-function provideRtIcons(baseUrl, materialBaseUrl) {
-    return makeEnvironmentProviders([
-        ...(baseUrl === undefined ? [] : [{ provide: RT_ICONS_BASE_URL, useValue: baseUrl }]),
-        ...(materialBaseUrl === undefined ? [] : [{ provide: RT_ICONS_MATERIAL_BASE_URL, useValue: materialBaseUrl }]),
-    ]);
+function provideRtKit(config) {
+    return makeEnvironmentProviders([{ provide: RT_KIT_CONFIG, useValue: config }]);
 }
 
 const BEM_BLOCK$1r = 'rt-button';
@@ -4514,7 +4582,7 @@ class RtCheckboxComponent {
                 useExisting: forwardRef(() => RtCheckboxComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<button\n    rtBlock=\"rt-checkbox\"\n    qa-dataid=\"checkbox-control\"\n    type=\"button\"\n    role=\"checkbox\"\n    [rtMod]=\"{\n        checked: isChecked() && !indeterminate(),\n        indeterminate: indeterminate(),\n        disabled: isDisabled(),\n    }\"\n    [attr.id]=\"inputId()\"\n    [attr.aria-checked]=\"indeterminate() ? 'mixed' : isChecked()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [disabled]=\"isDisabled()\"\n    (click)=\"toggle()\">\n    <span rtElem=\"box\">\n        @if (indeterminate()) {\n            <rt-icon rtElem=\"icon\" name=\"minus\" size=\"xs\" color=\"inverse\" />\n        } @else if (isChecked()) {\n            <rt-icon rtElem=\"icon\" name=\"check\" size=\"xs\" color=\"inverse\" />\n        }\n    </span>\n\n    <span rtElem=\"label\" qa-dataid=\"checkbox-label\">\n        <ng-content />\n    </span>\n</button>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-checkbox{display:inline-block}rt-checkbox .rt-checkbox{--rt-checkbox-focus-radius: var(--rt-radius-sm);--rt-checkbox-focus-shadow: var(--rt-shadow-focus-ring);--rt-checkbox-box-radius: var(--rt-radius-sm);--rt-checkbox-transition-duration: var(--rt-duration-fast);--rt-checkbox-color-label: var(--rt-color-text-primary);display:inline-flex;align-items:center;padding:0;border:none;background:none;cursor:pointer;font:inherit;gap:var(--rt-space-sm);text-align:start}rt-checkbox .rt-checkbox:focus-visible{border-radius:var(--rt-checkbox-focus-radius);box-shadow:var(--rt-checkbox-focus-shadow);outline:2px solid transparent;outline-offset:2px}rt-checkbox .rt-checkbox--disabled{cursor:not-allowed;opacity:.5}rt-checkbox .rt-checkbox__box{display:inline-flex;width:18px;height:18px;flex-shrink:0;align-items:center;justify-content:center;border:var(--rt-input-border-width) solid var(--rt-color-border-strong);border-radius:var(--rt-checkbox-box-radius);background:var(--rt-color-bg-surface);transition:background var(--rt-checkbox-transition-duration) ease,border-color var(--rt-checkbox-transition-duration) ease}rt-checkbox .rt-checkbox--checked .rt-checkbox__box,rt-checkbox .rt-checkbox--indeterminate .rt-checkbox__box{border-color:var(--rt-color-action-primary);background:var(--rt-color-action-primary)}rt-checkbox .rt-checkbox__label{color:var(--rt-checkbox-color-label);font-size:var(--rt-text-sm);-webkit-user-select:none;user-select:none}rt-checkbox .rt-checkbox__label:empty{display:none}}\n"], dependencies: [{ kind: "component", type: 
+        ], ngImport: i0, template: "<button\n    rtBlock=\"rt-checkbox\"\n    qa-dataid=\"checkbox-control\"\n    type=\"button\"\n    role=\"checkbox\"\n    [rtMod]=\"{\n        checked: isChecked() && !indeterminate(),\n        indeterminate: indeterminate(),\n        disabled: isDisabled(),\n    }\"\n    [attr.id]=\"inputId()\"\n    [attr.aria-checked]=\"indeterminate() ? 'mixed' : isChecked()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [disabled]=\"isDisabled()\"\n    (click)=\"toggle()\">\n    <span rtElem=\"box\">\n        @if (indeterminate()) {\n            <rt-icon rtElem=\"icon\" name=\"minus\" size=\"xs\" color=\"inverse\" />\n        } @else if (isChecked()) {\n            <rt-icon rtElem=\"icon\" name=\"check\" size=\"xs\" color=\"inverse\" />\n        }\n    </span>\n\n    <span rtElem=\"label\" qa-dataid=\"checkbox-label\">\n        <ng-content />\n    </span>\n</button>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-checkbox{display:inline-block}rt-checkbox .rt-checkbox{--rt-checkbox-focus-radius: var(--rt-radius-sm);--rt-checkbox-focus-shadow: var(--rt-shadow-focus-ring);--rt-checkbox-box-radius: var(--rt-radius-sm);--rt-checkbox-transition-duration: var(--rt-duration-fast);--rt-checkbox-color-label: var(--rt-color-text-primary);display:inline-flex;align-items:center;padding:0;border:none;background:none;cursor:pointer;font:inherit;gap:var(--rt-space-sm);text-align:start;vertical-align:top}rt-checkbox .rt-checkbox:focus-visible{border-radius:var(--rt-checkbox-focus-radius);box-shadow:var(--rt-checkbox-focus-shadow);outline:2px solid transparent;outline-offset:2px}rt-checkbox .rt-checkbox--disabled{cursor:not-allowed;opacity:.5}rt-checkbox .rt-checkbox__box{display:inline-flex;width:18px;height:18px;flex-shrink:0;align-items:center;justify-content:center;border:var(--rt-input-border-width) solid var(--rt-color-border-strong);border-radius:var(--rt-checkbox-box-radius);background:var(--rt-color-bg-surface);transition:background var(--rt-checkbox-transition-duration) ease,border-color var(--rt-checkbox-transition-duration) ease}rt-checkbox .rt-checkbox--checked .rt-checkbox__box,rt-checkbox .rt-checkbox--indeterminate .rt-checkbox__box{border-color:var(--rt-color-action-primary);background:var(--rt-color-action-primary)}rt-checkbox .rt-checkbox__label{color:var(--rt-checkbox-color-label);font-size:var(--rt-text-sm);-webkit-user-select:none;user-select:none}rt-checkbox .rt-checkbox__label:empty{display:none}}\n"], dependencies: [{ kind: "component", type: 
                 // standalone components / directives
                 RtIconComponent, selector: "rt-icon", inputs: ["name", "size", "color", "fill", "rotate"] }, { kind: "directive", type: BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { kind: "directive", type: ModDirective, selector: "[rtMod]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
@@ -4534,7 +4602,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
                         },
                     ], host: {
                         class: BEM_BLOCK$19,
-                    }, template: "<button\n    rtBlock=\"rt-checkbox\"\n    qa-dataid=\"checkbox-control\"\n    type=\"button\"\n    role=\"checkbox\"\n    [rtMod]=\"{\n        checked: isChecked() && !indeterminate(),\n        indeterminate: indeterminate(),\n        disabled: isDisabled(),\n    }\"\n    [attr.id]=\"inputId()\"\n    [attr.aria-checked]=\"indeterminate() ? 'mixed' : isChecked()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [disabled]=\"isDisabled()\"\n    (click)=\"toggle()\">\n    <span rtElem=\"box\">\n        @if (indeterminate()) {\n            <rt-icon rtElem=\"icon\" name=\"minus\" size=\"xs\" color=\"inverse\" />\n        } @else if (isChecked()) {\n            <rt-icon rtElem=\"icon\" name=\"check\" size=\"xs\" color=\"inverse\" />\n        }\n    </span>\n\n    <span rtElem=\"label\" qa-dataid=\"checkbox-label\">\n        <ng-content />\n    </span>\n</button>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-checkbox{display:inline-block}rt-checkbox .rt-checkbox{--rt-checkbox-focus-radius: var(--rt-radius-sm);--rt-checkbox-focus-shadow: var(--rt-shadow-focus-ring);--rt-checkbox-box-radius: var(--rt-radius-sm);--rt-checkbox-transition-duration: var(--rt-duration-fast);--rt-checkbox-color-label: var(--rt-color-text-primary);display:inline-flex;align-items:center;padding:0;border:none;background:none;cursor:pointer;font:inherit;gap:var(--rt-space-sm);text-align:start}rt-checkbox .rt-checkbox:focus-visible{border-radius:var(--rt-checkbox-focus-radius);box-shadow:var(--rt-checkbox-focus-shadow);outline:2px solid transparent;outline-offset:2px}rt-checkbox .rt-checkbox--disabled{cursor:not-allowed;opacity:.5}rt-checkbox .rt-checkbox__box{display:inline-flex;width:18px;height:18px;flex-shrink:0;align-items:center;justify-content:center;border:var(--rt-input-border-width) solid var(--rt-color-border-strong);border-radius:var(--rt-checkbox-box-radius);background:var(--rt-color-bg-surface);transition:background var(--rt-checkbox-transition-duration) ease,border-color var(--rt-checkbox-transition-duration) ease}rt-checkbox .rt-checkbox--checked .rt-checkbox__box,rt-checkbox .rt-checkbox--indeterminate .rt-checkbox__box{border-color:var(--rt-color-action-primary);background:var(--rt-color-action-primary)}rt-checkbox .rt-checkbox__label{color:var(--rt-checkbox-color-label);font-size:var(--rt-text-sm);-webkit-user-select:none;user-select:none}rt-checkbox .rt-checkbox__label:empty{display:none}}\n"] }]
+                    }, template: "<button\n    rtBlock=\"rt-checkbox\"\n    qa-dataid=\"checkbox-control\"\n    type=\"button\"\n    role=\"checkbox\"\n    [rtMod]=\"{\n        checked: isChecked() && !indeterminate(),\n        indeterminate: indeterminate(),\n        disabled: isDisabled(),\n    }\"\n    [attr.id]=\"inputId()\"\n    [attr.aria-checked]=\"indeterminate() ? 'mixed' : isChecked()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [disabled]=\"isDisabled()\"\n    (click)=\"toggle()\">\n    <span rtElem=\"box\">\n        @if (indeterminate()) {\n            <rt-icon rtElem=\"icon\" name=\"minus\" size=\"xs\" color=\"inverse\" />\n        } @else if (isChecked()) {\n            <rt-icon rtElem=\"icon\" name=\"check\" size=\"xs\" color=\"inverse\" />\n        }\n    </span>\n\n    <span rtElem=\"label\" qa-dataid=\"checkbox-label\">\n        <ng-content />\n    </span>\n</button>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-checkbox{display:inline-block}rt-checkbox .rt-checkbox{--rt-checkbox-focus-radius: var(--rt-radius-sm);--rt-checkbox-focus-shadow: var(--rt-shadow-focus-ring);--rt-checkbox-box-radius: var(--rt-radius-sm);--rt-checkbox-transition-duration: var(--rt-duration-fast);--rt-checkbox-color-label: var(--rt-color-text-primary);display:inline-flex;align-items:center;padding:0;border:none;background:none;cursor:pointer;font:inherit;gap:var(--rt-space-sm);text-align:start;vertical-align:top}rt-checkbox .rt-checkbox:focus-visible{border-radius:var(--rt-checkbox-focus-radius);box-shadow:var(--rt-checkbox-focus-shadow);outline:2px solid transparent;outline-offset:2px}rt-checkbox .rt-checkbox--disabled{cursor:not-allowed;opacity:.5}rt-checkbox .rt-checkbox__box{display:inline-flex;width:18px;height:18px;flex-shrink:0;align-items:center;justify-content:center;border:var(--rt-input-border-width) solid var(--rt-color-border-strong);border-radius:var(--rt-checkbox-box-radius);background:var(--rt-color-bg-surface);transition:background var(--rt-checkbox-transition-duration) ease,border-color var(--rt-checkbox-transition-duration) ease}rt-checkbox .rt-checkbox--checked .rt-checkbox__box,rt-checkbox .rt-checkbox--indeterminate .rt-checkbox__box{border-color:var(--rt-color-action-primary);background:var(--rt-color-action-primary)}rt-checkbox .rt-checkbox__label{color:var(--rt-checkbox-color-label);font-size:var(--rt-text-sm);-webkit-user-select:none;user-select:none}rt-checkbox .rt-checkbox__label:empty{display:none}}\n"] }]
         }], propDecorators: { inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }] } });
 
 const BEM_BLOCK$18 = 'rt-collapsible-text';
@@ -18029,5 +18097,5 @@ const RT_CONSUMER_HANDLE_NAMES = [
  * Generated bundle index. Do not edit.
  */
 
-export { BreakpointsService, CATEGORY_ORDER, DATA_LIST_PAGE_SIZES, DATA_TABLE_FILTER_MENU_OPERATORS, DATA_TABLE_FILTER_OPERATOR_GLYPHS, ERtCalendarDayState, ERtDataTableCellColor, ERtDataTableColumnType, ERtDataTableFilterType, ERtMarkdownBlock, ERtMarkdownInline, ERtStorageKeys, ICON_CATEGORY_RULES, MessageBus, NotificationBus, RT_ACTION_BAR_LEAVE_MS, RT_ASIDE_DATA, RT_CONSUMER_HANDLE_NAMES, RT_COUNTER_DECREASE_KEY, RT_COUNTER_INCREASE_KEY, RT_DATA_TABLE_PRESET_FROM_HOST, RT_DATA_TABLE_ROW_HOST, RT_DATA_TABLE_STOP_ROW_CLICK_ATTRIBUTE, RT_DESIGN_TOKEN_NAMES, RT_DIALOG_DATA, RT_FIELD_DEFAULT_ERROR_KEYS, RT_FIELD_EMPTY_VALUE, RT_ICONS_BASE_URL, RT_ICONS_MATERIAL_BASE_URL, RT_ICON_MATERIAL_FILL_SYMBOL_ID_PREFIX, RT_ICON_MATERIAL_PRESET_SELECTOR, RT_ICON_MATERIAL_SYMBOL_ID_PREFIX, RT_ICON_SPRITE_ID, RT_ICON_SYMBOL_ID_PREFIX, RT_KIT_CONFIG, RT_KIT_LABELS, RT_KIT_LABELS_EN, RT_KIT_LOCALE, RT_KIT_TRANSLATOR, RT_MENU_SELECT_EVENT, RT_PRESET_MATERIAL_CLASS, RT_TABLE_ROW_ACTIONS_COLUMN, RT_TOASTER_GAP_PX, RtActionBarComponent, RtActionBarHolderComponent, RtActionBarService, RtAsideComponent, RtAsideFooterComponent, RtAsideHeaderComponent, RtAsideRef, RtAsideSectionComponent, RtAsideService, RtAutocompleteComponent, RtBarListComponent, RtBottomSheetComponent, RtButtonDirective, RtCalendarComponent, RtCardComponent, RtCheckboxComponent, RtCollapsibleTextComponent, RtConfirmDirective, RtConfirmPopoverComponent, RtContainerComponent, RtContainerContentDirective, RtContainerContentPanelDirective, RtContainerHeaderDirective, RtContainerLeftSidenavDirective, RtContainerLeftSidenavPanelDirective, RtContainerRightSidenavDirective, RtContainerRightSidenavPanelDirective, RtContainerStateService, RtContainerToolbarCenterDirective, RtContainerToolbarLeftDirective, RtContainerToolbarRightDirective, RtCopyCellComponent, RtCounterComponent, RtCounterRowComponent, RtDataListAdditionalRowActionsDirective, RtDataListComponent, RtDataListCustomCellsDirective, RtDataListRowActionsDirective, RtDataListSelectorsDirective, RtDataListSettingsAsideComponent, RtDataListToolbarActionsDirective, RtDataListToolbarComponent, RtDataListToolbarSelectorsDirective, RtDataTableAdditionalRowActionsDirective, RtDataTableCellComponent, RtDataTableComponent, RtDataTableConfigService, RtDataTableCustomCellsDirective, RtDataTableFilterCellComponent, RtDataTableHeaderCellComponent, RtDataTableIconDirective, RtDataTableRowActionsDirective, RtDataTableRowClickDirective, RtDataTableSelectorsDirective, RtDataTableStopRowClickDirective, RtDatePickerComponent, RtDayStampPipe, RtDeltaViewComponent, RtDetailListComponent, RtDetailRowComponent, RtDialogComponent, RtDialogFooterComponent, RtDialogHeaderComponent, RtDialogRef, RtDialogService, RtDownloadLinkComponent, RtDynamicListComponent, RtDynamicListToolbarActionsDirective, RtDynamicListToolbarSelectorsDirective, RtEmptyStateComponent, RtFieldComponent, RtFieldHintDirective, RtFileCardComponent, RtFileDropComponent, RtFileInputComponent, RtFileListComponent, RtFilterControlComponent, RtFormControlBase, RtHeaderComponent, RtIconButtonComponent, RtIconComponent, RtIconRegistry, RtInfiniteScrollDirective, RtInfoItemComponent, RtInputComponent, RtInputNumberComponent, RtKitLabelPipe, RtLiveBadgeComponent, RtLogoComponent, RtMarkdownTextComponent, RtMenuComponent, RtMenuItemComponent, RtMessageComponent, RtMoneyListComponent, RtMoneyRowComponent, RtMultiselectComponent, RtNightGridComponent, RtNoteComponent, RtNotificationsBellComponent, RtPageHeaderComponent, RtPaginationComponent, RtPhotoViewerComponent, RtPopoverDirective, RtRadioButtonComponent, RtRippleDirective, RtRouteAsideComponent, RtRowHasActionsPipe, RtScrollAreaComponent, RtScrollAreaContentDirective, RtScrollAreaFooterDirective, RtScrollAreaHeaderDirective, RtSectionNavComponent, RtSelectComponent, RtSelectTriggerDirective, RtSkeletonComponent, RtSkeletonWrapperComponent, RtSpinnerComponent, RtSplitButtonComponent, RtStatTileComponent, RtStepperComponent, RtTabDirective, RtTableCardDirective, RtTableComponent, RtTableFilterHeaderComponent, RtTableRowActionsDirective, RtTableRowDirective, RtTableSettingsAsideComponent, RtTableSettingsPanelComponent, RtTableSettingsRegistry, RtTableSortHeaderComponent, RtTabsComponent, RtTabsControlDirective, RtTagComponent, RtTextareaComponent, RtThemeScopeDirective, RtThemeToggleComponent, RtThreadListComponent, RtThreadListFiltersDirective, RtThreadListRowDirective, RtThreadListSearchDirective, RtTimelineComponent, RtToastComponent, RtToasterComponent, RtToggleButtonGroupComponent, RtToggleSwitchComponent, RtToolbarCenterDirective, RtToolbarComponent, RtToolbarLeftDirective, RtToolbarRightDirective, RtTooltipComponent, RtTooltipDirective, RtTruncateMiddlePipe, RtWelcomeDialogComponent, RtWorkspaceAsideDirective, RtWorkspaceCenterDirective, RtWorkspaceComponent, RtWorkspaceDesktopOnlyDirective, RtWorkspaceDetailsComponent, RtWorkspaceListDirective, SEARCH_DEBOUNCE_MS, ThemeService, ariaSortOf, breakNode, categoryOf, coerceQuillDeltaOutput, comparePropNames, dataListColumnsFromItems, dataListExcludedAfterEntity, dataListExcludedAfterPageMarked, dataListExcludedAfterPageUnmarked, dataListMoveItem, dataListPageAfterSizeChange, dataListPageCount, dataListPageSizes, dataListSelectedAfterPage, dataListSettingItems, dataListSettingsChanged, dataListToggleHidden, dataTableAllOnPage, dataTableAnyOnPage, dataTableAriaSort, dataTableCellText, dataTableCellValue, dataTableColumnFilter, dataTableCopyButtonSide, dataTableDayToIso, dataTableDefaultOperator, dataTableFiltersWithOperator, dataTableFiltersWithValue, dataTableIconName, dataTableIsoToDay, dataTableKeysOf, dataTableNextSortOrder, dataTablePresetEntities, dataTableSortActive, dataTableWithEntity, dataTableWithPageEntities, dataTableWithoutPageEntities, defaultColumnItems, deriveFileTitle, displayedColumnKeys, fileNameFromUrl, filterCellsOf, filterOf, filterValueOf, filtersWithOperator, filtersWithValue, formatFileSize, getFileTypeIcon, iconsName, indexFromParam, indexFromScroll, isColumnSortable, nextPhotoIndex, nextSort, normalizeQuillDelta, paramFromIndex, parseInline, parseMarkdown, provideRtIcons, provideRtKit, provideRtKitLabels, resolveColumns, rowHasAvailableActions, rtAsideUnsavedGuard, rtKitDefault, rtKitLabel, searchDebounce, shouldRenderPhoto, sortDirectionOf, startOperatorOf, withoutLockedHidden };
+export { BreakpointsService, CATEGORY_ORDER, DATA_LIST_PAGE_SIZES, DATA_TABLE_FILTER_MENU_OPERATORS, DATA_TABLE_FILTER_OPERATOR_GLYPHS, ERtCalendarDayState, ERtDataTableCellColor, ERtDataTableColumnType, ERtDataTableFilterType, ERtMarkdownBlock, ERtMarkdownInline, ERtStorageKeys, ICON_CATEGORY_RULES, MessageBus, NotificationBus, RT_ACTION_BAR_LEAVE_MS, RT_ASIDE_DATA, RT_CONSUMER_HANDLE_NAMES, RT_COUNTER_DECREASE_KEY, RT_COUNTER_INCREASE_KEY, RT_DATA_TABLE_PRESET_FROM_HOST, RT_DATA_TABLE_ROW_HOST, RT_DATA_TABLE_STOP_ROW_CLICK_ATTRIBUTE, RT_DESIGN_TOKEN_NAMES, RT_DIALOG_DATA, RT_FIELD_DEFAULT_ERROR_KEYS, RT_FIELD_EMPTY_VALUE, RT_ICONS_BASE_URL, RT_ICONS_MATERIAL_BASE_URL, RT_ICON_MATERIAL_FILL_SYMBOL_ID_PREFIX, RT_ICON_MATERIAL_PRESET_SELECTOR, RT_ICON_MATERIAL_SYMBOL_ID_PREFIX, RT_ICON_SPRITE_ID, RT_ICON_SYMBOL_ID_PREFIX, RT_KIT_CONFIG, RT_KIT_LABELS, RT_KIT_LABELS_EN, RT_KIT_LOCALE, RT_KIT_TRANSLATOR, RT_MENU_SELECT_EVENT, RT_PRESET_MATERIAL_CLASS, RT_TABLE_ROW_ACTIONS_COLUMN, RT_TOASTER_GAP_PX, RtAccordionComponent, RtActionBarComponent, RtActionBarHolderComponent, RtActionBarService, RtAsideComponent, RtAsideFooterComponent, RtAsideHeaderComponent, RtAsideRef, RtAsideSectionComponent, RtAsideService, RtAutocompleteComponent, RtBarListComponent, RtBottomSheetComponent, RtButtonDirective, RtCalendarComponent, RtCardComponent, RtCheckboxComponent, RtCollapsibleTextComponent, RtConfirmDirective, RtConfirmPopoverComponent, RtContainerComponent, RtContainerContentDirective, RtContainerContentPanelDirective, RtContainerHeaderDirective, RtContainerLeftSidenavDirective, RtContainerLeftSidenavPanelDirective, RtContainerRightSidenavDirective, RtContainerRightSidenavPanelDirective, RtContainerStateService, RtContainerToolbarCenterDirective, RtContainerToolbarLeftDirective, RtContainerToolbarRightDirective, RtCopyCellComponent, RtCounterComponent, RtCounterRowComponent, RtDataListAdditionalRowActionsDirective, RtDataListComponent, RtDataListCustomCellsDirective, RtDataListRowActionsDirective, RtDataListSelectorsDirective, RtDataListSettingsAsideComponent, RtDataListToolbarActionsDirective, RtDataListToolbarComponent, RtDataListToolbarSelectorsDirective, RtDataTableAdditionalRowActionsDirective, RtDataTableCellComponent, RtDataTableComponent, RtDataTableConfigService, RtDataTableCustomCellsDirective, RtDataTableFilterCellComponent, RtDataTableHeaderCellComponent, RtDataTableIconDirective, RtDataTableRowActionsDirective, RtDataTableRowClickDirective, RtDataTableSelectorsDirective, RtDataTableStopRowClickDirective, RtDatePickerComponent, RtDayStampPipe, RtDeltaViewComponent, RtDetailListComponent, RtDetailRowComponent, RtDialogComponent, RtDialogFooterComponent, RtDialogHeaderComponent, RtDialogRef, RtDialogService, RtDownloadLinkComponent, RtDynamicListComponent, RtDynamicListToolbarActionsDirective, RtDynamicListToolbarSelectorsDirective, RtEmptyStateComponent, RtFieldComponent, RtFieldHintDirective, RtFileCardComponent, RtFileDropComponent, RtFileInputComponent, RtFileListComponent, RtFilterControlComponent, RtFormControlBase, RtHeaderComponent, RtIconButtonComponent, RtIconComponent, RtIconRegistry, RtInfiniteScrollDirective, RtInfoItemComponent, RtInputComponent, RtInputNumberComponent, RtKitLabelPipe, RtLiveBadgeComponent, RtLogoComponent, RtMarkdownTextComponent, RtMenuComponent, RtMenuItemComponent, RtMessageComponent, RtMoneyListComponent, RtMoneyRowComponent, RtMultiselectComponent, RtNightGridComponent, RtNoteComponent, RtNotificationsBellComponent, RtPageHeaderComponent, RtPaginationComponent, RtPhotoViewerComponent, RtPopoverDirective, RtRadioButtonComponent, RtRippleDirective, RtRouteAsideComponent, RtRowHasActionsPipe, RtScrollAreaComponent, RtScrollAreaContentDirective, RtScrollAreaFooterDirective, RtScrollAreaHeaderDirective, RtSectionNavComponent, RtSelectComponent, RtSelectTriggerDirective, RtSkeletonComponent, RtSkeletonWrapperComponent, RtSpinnerComponent, RtSplitButtonComponent, RtStatTileComponent, RtStepperComponent, RtTabDirective, RtTableCardDirective, RtTableComponent, RtTableFilterHeaderComponent, RtTableRowActionsDirective, RtTableRowDirective, RtTableSettingsAsideComponent, RtTableSettingsPanelComponent, RtTableSettingsRegistry, RtTableSortHeaderComponent, RtTabsComponent, RtTabsControlDirective, RtTagComponent, RtTextareaComponent, RtThemeScopeDirective, RtThemeToggleComponent, RtThreadListComponent, RtThreadListFiltersDirective, RtThreadListRowDirective, RtThreadListSearchDirective, RtTimelineComponent, RtToastComponent, RtToasterComponent, RtToggleButtonGroupComponent, RtToggleSwitchComponent, RtToolbarCenterDirective, RtToolbarComponent, RtToolbarLeftDirective, RtToolbarRightDirective, RtTooltipComponent, RtTooltipDirective, RtTruncateMiddlePipe, RtWelcomeDialogComponent, RtWorkspaceAsideDirective, RtWorkspaceCenterDirective, RtWorkspaceComponent, RtWorkspaceDesktopOnlyDirective, RtWorkspaceDetailsComponent, RtWorkspaceListDirective, SEARCH_DEBOUNCE_MS, ThemeService, ariaSortOf, breakNode, categoryOf, coerceQuillDeltaOutput, comparePropNames, dataListColumnsFromItems, dataListExcludedAfterEntity, dataListExcludedAfterPageMarked, dataListExcludedAfterPageUnmarked, dataListMoveItem, dataListPageAfterSizeChange, dataListPageCount, dataListPageSizes, dataListSelectedAfterPage, dataListSettingItems, dataListSettingsChanged, dataListToggleHidden, dataTableAllOnPage, dataTableAnyOnPage, dataTableAriaSort, dataTableCellText, dataTableCellValue, dataTableColumnFilter, dataTableCopyButtonSide, dataTableDayToIso, dataTableDefaultOperator, dataTableFiltersWithOperator, dataTableFiltersWithValue, dataTableIconName, dataTableIsoToDay, dataTableKeysOf, dataTableNextSortOrder, dataTablePresetEntities, dataTableSortActive, dataTableWithEntity, dataTableWithPageEntities, dataTableWithoutPageEntities, defaultColumnItems, deriveFileTitle, displayedColumnKeys, fileNameFromUrl, filterCellsOf, filterOf, filterValueOf, filtersWithOperator, filtersWithValue, formatFileSize, getFileTypeIcon, iconsName, indexFromParam, indexFromScroll, isColumnSortable, nextPhotoIndex, nextSort, normalizeQuillDelta, paramFromIndex, parseInline, parseMarkdown, provideRtIcons, provideRtKit, provideRtKitLabels, resolveColumns, rowHasAvailableActions, rtAsideUnsavedGuard, rtKitDefault, rtKitLabel, searchDebounce, shouldRenderPhoto, sortDirectionOf, startOperatorOf, withoutLockedHidden };
 //# sourceMappingURL=rt-tools-ui-kit-v2.mjs.map