@rt-tools/ui-kit-v2 0.16.0 → 0.18.0

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

@@ -0,0 +1,1493 @@
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { InjectionToken, computed, inject, signal, DestroyRef, Injectable, makeEnvironmentProviders, Pipe, input, booleanAttribute, output, ViewEncapsulation, ChangeDetectionStrategy, Component, Injector, ElementRef, linkedSignal, viewChildren, afterNextRender, Directive, TemplateRef, Renderer2, viewChild, contentChild, isDevMode, effect } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { RouterLink } from '@angular/router';
+import { LOCAL_STORAGE, PlatformService, WINDOW, BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';
+import { ERtStorageKeys, BreakpointsService, rtKitLabel } from '@rt-tools/ui-kit-v2/core';
+import { isKitIconName, materialPairOf, RtIconComponent } from '@rt-tools/ui-kit-v2/icon';
+import { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';
+import { RtInputComponent } from '@rt-tools/ui-kit-v2/input';
+import { RtScrollAreaComponent, RtScrollAreaContentDirective, RtScrollAreaFooterDirective, RtScrollAreaHeaderDirective } from '@rt-tools/ui-kit-v2/scroll-area';
+import { RtTooltipDirective } from '@rt-tools/ui-kit-v2/tooltip';
+import { CdkDrag, CdkDragHandle, CdkDropList } from '@angular/cdk/drag-drop';
+import { RtExpansionPanelComponent, RtExpansionPanelContentDirective } from '@rt-tools/ui-kit-v2/expansion-panel';
+import { isRecord } from '@rt-tools/utils';
+
+/** Только строки и числа, без повторов, в прежнем порядке. */
+function normalizeSideMenuFavorites(values) {
+    return values.reduce((kept, value) => {
+        if ((typeof value === 'string' || typeof value === 'number') && !kept.includes(value)) {
+            kept.push(value);
+        }
+        return kept;
+    }, []);
+}
+/**
+ * Перенос записи списка с места на место.
+ *
+ * Номер места вне списка у источника ничего не меняет — переносить нечего; у цели прижимается к
+ * краю: рука, бросившая строку ниже последней, хотела поставить её последней.
+ */
+function moveSideMenuFavorite(ids, from, to) {
+    const next = [...ids];
+    if (from < 0 || from >= next.length) {
+        return next;
+    }
+    const moved = next.splice(from, 1)[0];
+    const target = Math.min(Math.max(to, 0), next.length);
+    next.splice(target, 0, moved);
+    return next;
+}
+/**
+ * Перенос строки блока — места в блоке, а не в списке.
+ *
+ * Блок показывает только те номера, пункты которых в меню есть, поэтому место в блоке — не место в
+ * списке. Видимые номера переставляются между собой и встают в те же ячейки списка, которые
+ * занимали; скрытые остаются на своих местах: их пункт вернётся вместе с правом, и человек найдёт
+ * его там, куда ставил. Видимый номер, которого в списке нет, пропускается: список могла поменять
+ * другая вкладка, а место номера, которого нет, занять нечем.
+ */
+function moveVisibleSideMenuFavorite(ids, visible, from, to) {
+    const listed = new Set(ids);
+    const reordered = moveSideMenuFavorite(normalizeSideMenuFavorites(visible), from, to).filter((id) => listed.has(id));
+    const slots = new Set(reordered);
+    let next = 0;
+    return ids.map((id) => {
+        if (!slots.has(id)) {
+            return id;
+        }
+        const placed = reordered[next];
+        next += 1;
+        return placed;
+    });
+}
+/**
+ * Может ли пункт стоять в избранном: ссылка есть — может; папка без ссылки никуда не ведёт, а
+ * пункт с флагом `favoriteDisabled` приложение исключило само.
+ */
+function isSideMenuFavoriteCandidate(item) {
+    return Boolean(item.link?.trim()) && !item.favoriteDisabled;
+}
+function collectLinkedItems(items, byId) {
+    for (const item of items) {
+        if (isSideMenuFavoriteCandidate(item) && !byId.has(item.id)) {
+            byId.set(item.id, item);
+        }
+        collectLinkedItems(item.submenu ?? [], byId);
+    }
+}
+/**
+ * Пункты меню, стоящие за номерами списка, в порядке списка.
+ *
+ * Пункт ищется в подменю пунктов полосы, вглубь папок, и берётся первый со ссылкой: избранное,
+ * которое никуда не ведёт, — сломанное избранное. Номер без пункта пропускается, но из списка не
+ * уходит — это решает сервис, а не меню.
+ */
+function findSideMenuFavoriteItems(menu, ids) {
+    const byId = new Map();
+    collectLinkedItems(menu.flatMap((item) => item.submenu ?? []), byId);
+    return ids.reduce((found, id) => {
+        const item = byId.get(id);
+        if (item) {
+            found.push(item);
+        }
+        return found;
+    }, []);
+}
+/**
+ * Пункт полосы, чьё подменю сейчас показано, если избранное у него включено.
+ *
+ * Избранное у каждого пункта своё и по умолчанию выключено: включает его потребитель флагом
+ * `favorites` пункта полосы. Показанный набор даёт меню — закреплённый или открытый наведением, —
+ * и пустой набор не принадлежит никому: подменю без списка не показывает ничьё избранное.
+ *
+ * Раздел узнаётся сначала по самому набору, затем по номеру его первого пункта: приложение вправе
+ * передать меню заново теми же пунктами в новых объектах — при смене языка или прав, — и набор,
+ * который подменю ещё держит, перестаёт совпадать с пунктами полосы по ссылке. Номера пунктов
+ * подменю единственны на всё меню — это обязанность потребителя.
+ */
+function sideMenuFavoritesSection(menu, shown) {
+    const first = shown[0];
+    if (!first) {
+        return null;
+    }
+    const section = menu.find((item) => item.submenu === shown) ??
+        menu.find((item) => !!item.submenu?.some((child) => child.id === first.id));
+    return section?.favorites ? section : null;
+}
+/**
+ * Строку отпустили за пределами панели. Пока её тянули, уход указателя с панели не закрывал
+ * подменю, открытое наведением, — после броска он должен сработать так, будто случился сейчас.
+ */
+function isSideMenuDropOutside(panel, point) {
+    return point.x < panel.left || point.x > panel.right || point.y < panel.top || point.y > panel.bottom;
+}
+
+/**
+ * Отбор пунктов подменю по подстроке подписи.
+ *
+ * Отбор спускается внутрь папок на любую глубину: потребитель кладёт в папки то, что человек и ищет
+ * по имени, и по одному верхнему уровню такой пункт не нашёлся бы.
+ *
+ * В выдаче стоят только строки, содержащие запрос. Папка остаётся путём к совпавшим детям, а её
+ * состав отбирается тем же правилом: иначе одно совпадение по имени папки вытаскивало бы весь её
+ * состав. Папка, совпавшая только по имени, остаётся одной строкой без детей.
+ *
+ * Отобранная папка — новый объект: правка на месте переписала бы набор потребителя, и стёртый
+ * запрос вернул бы урезанное меню.
+ */
+function filterSideMenuItems(items, query) {
+    const needle = query.trim().toLowerCase();
+    if (needle === '') {
+        return [...items];
+    }
+    return items.reduce((kept, item) => {
+        const isFolder = Boolean(item.submenu?.length);
+        const inside = isFolder ? filterSideMenuItems(item.submenu ?? [], query) : [];
+        if (inside.length) {
+            kept.push({ ...item, submenu: inside });
+            return kept;
+        }
+        if (item.name?.toLowerCase().includes(needle)) {
+            kept.push(isFolder ? { ...item, submenu: [] } : item);
+        }
+        return kept;
+    }, []);
+}
+/**
+ * Папки отобранного списка — те, что должны стоять раскрытыми. Возвращаются номера, а не пункты:
+ * отобранный список пересобирается на каждую букву запроса, и ссылка на пункт этого не переживает.
+ */
+function sideMenuIdsToExpand(items) {
+    return items.reduce((ids, item) => {
+        if (item.submenu?.length) {
+            ids.push(item.id, ...sideMenuIdsToExpand(item.submenu));
+        }
+        return ids;
+    }, []);
+}
+/**
+ * Пределы ширины подменю в пикселях. Уже нижнего не помещается ни одна подпись пункта, шире
+ * верхнего подменю закрывает содержимое страницы.
+ */
+const RT_SIDE_MENU_WIDTH_MIN = 120;
+const RT_SIDE_MENU_WIDTH_MAX = 480;
+/** Шаг ширины с клавиатуры: стрелку держат нажатой, и крупный шаг проскакивал бы подпись целиком. */
+const RT_SIDE_MENU_WIDTH_STEP = 16;
+/** Приведение ширины к пределам. */
+function clampSideMenuWidth(width) {
+    return Math.min(RT_SIDE_MENU_WIDTH_MAX, Math.max(RT_SIDE_MENU_WIDTH_MIN, width));
+}
+/**
+ * Резка подписи на совпавшие и несовпавшие куски.
+ *
+ * Отмечаются все вхождения: отмеченное одно первое читается как «второго нет». Сравнение без учёта
+ * регистра, а куски режутся из оригинала — приведение к нижнему регистру переписало бы названия.
+ */
+function splitSideMenuTitle(name, query) {
+    if (name === '') {
+        return [];
+    }
+    const needle = query.trim().toLowerCase();
+    if (needle === '') {
+        return [{ text: name, matched: false }];
+    }
+    const haystack = name.toLowerCase();
+    const parts = [];
+    let from = 0;
+    for (let at = haystack.indexOf(needle, from); at !== -1; at = haystack.indexOf(needle, from)) {
+        if (at > from) {
+            parts.push({ text: name.slice(from, at), matched: false });
+        }
+        parts.push({ text: name.slice(at, at + needle.length), matched: true });
+        from = at + needle.length;
+    }
+    if (from < name.length) {
+        parts.push({ text: name.slice(from), matched: false });
+    }
+    return parts;
+}
+/**
+ * Пункты подменю в том порядке, в каком они стоят на экране. Внутрь папки список спускается, только
+ * если та раскрыта: ходьба стрелками идёт по видимому, а не по всему набору.
+ */
+function walkSideMenuItems(items, expandedIds) {
+    return items.reduce((walk, item) => {
+        walk.push(item);
+        if (item.submenu?.length && expandedIds.includes(item.id)) {
+            walk.push(...walkSideMenuItems(item.submenu, expandedIds));
+        }
+        return walk;
+    }, []);
+}
+/**
+ * Куда уходит подсветка на шаг стрелкой. Считается по номеру пункта: видимый список пересобирается
+ * на каждую букву запроса. Без подсветки вниз берёт первый пункт, вверх — последний. У краёв ходьба
+ * останавливается: заворот уводил бы взгляд через всю панель.
+ */
+function stepSideMenuHighlight(walk, highlightedId, step) {
+    if (walk.length === 0) {
+        return null;
+    }
+    const at = walk.findIndex((item) => item.id === highlightedId);
+    if (at === -1) {
+        return step > 0 ? walk[0].id : walk[walk.length - 1].id;
+    }
+    return walk[Math.min(walk.length - 1, Math.max(0, at + step))].id;
+}
+/**
+ * Тяга ширины подменю указательными событиями: мышиных палец и перо не дают. Слушатели висят на
+ * ручке, а держит их захват указателя — слушатель на документе терял бы движение над чужим кадром.
+ * Указатель, отнятый средой, кончает тягу так же, как отпускание.
+ *
+ * Возвращает снятие слушателей. Пустое значение — тянуть нечем.
+ */
+function startSideMenuWidthDrag(event, startWidth, listen, hooks) {
+    const handle = event.currentTarget;
+    // Тянет только основная кнопка: отпускание правой над меню среды ручке не приходит.
+    if (!(handle instanceof HTMLElement) || event.button !== 0) {
+        return null;
+    }
+    const pointerId = event.pointerId;
+    const startX = event.clientX;
+    // Захвата нет у среды, где идут проверки.
+    if (typeof handle.setPointerCapture === 'function') {
+        handle.setPointerCapture(pointerId);
+    }
+    const stopMove = listen(handle, 'pointermove', (moveEvent) => {
+        if (moveEvent.pointerId === pointerId) {
+            hooks.onWidth(clampSideMenuWidth(startWidth + moveEvent.clientX - startX));
+        }
+    });
+    const stopUp = listen(handle, 'pointerup', () => hooks.onEnd());
+    const stopCancel = listen(handle, 'pointercancel', () => hooks.onEnd());
+    // Захват снимается и без отпускания — ручку убрали из разметки; тогда конец тяги — сама потеря.
+    const stopLost = listen(handle, 'lostpointercapture', () => hooks.onEnd());
+    return () => {
+        stopMove();
+        stopUp();
+        stopCancel();
+        stopLost();
+        if (typeof handle.releasePointerCapture === 'function' && handle.hasPointerCapture(pointerId)) {
+            handle.releasePointerCapture(pointerId);
+        }
+    };
+}
+/**
+ * Ширина, которой панель нарисована. Панели нет или раскладка не посчитана — нижний предел: с нуля
+ * тяга уводила бы ширину в отрицательные числа.
+ */
+function drawnSideMenuWidth(panel) {
+    const width = panel?.getBoundingClientRect().width ?? 0;
+    return width > 0 ? width : RT_SIDE_MENU_WIDTH_MIN;
+}
+/**
+ * Число, которое уходит наружу по концу тяги: большее из натянутого и нарисованного. Нижний предел
+ * держит оформление, и панель не бывает уже его, даже если рука ушла левее.
+ */
+function reportedSideMenuWidth(dragged, panel) {
+    return Math.max(dragged, drawnSideMenuWidth(panel));
+}
+/**
+ * Новая ширина по нажатой клавише. Пустое значение — клавиша не о ширине, и умолчание не отменяется:
+ * иначе ручка съедала бы табуляцию. Влево значит уже при любом направлении письма: ручка стоит у
+ * правого края панели.
+ */
+function sideMenuWidthByKey(key, width) {
+    switch (key) {
+        case 'ArrowRight':
+            return clampSideMenuWidth(width + RT_SIDE_MENU_WIDTH_STEP);
+        case 'ArrowLeft':
+            return clampSideMenuWidth(width - RT_SIDE_MENU_WIDTH_STEP);
+        case 'Home':
+            return RT_SIDE_MENU_WIDTH_MIN;
+        case 'End':
+            return RT_SIDE_MENU_WIDTH_MAX;
+        default:
+            return null;
+    }
+}
+/**
+ * Что показывает закреплённое подменю: выбранный человеком раздел, а пока выбора нет — раздел
+ * активного адреса. Выбор впереди активности: иначе до соседнего раздела не добраться.
+ */
+function pinnedSideMenuItems(picked, activeIds, items) {
+    if (picked?.length) {
+        return picked;
+    }
+    return items.find((item) => activeIds.includes(item.id) && !!item.submenu?.length)?.submenu ?? [];
+}
+
+/** Номер меню, которому приложение своего не задало. */
+const RT_SIDE_MENU_DEFAULT_ID = 'main';
+/**
+ * Номер меню, под которым лежат его настройки. Пустой — тот же, что не заданный: атрибут без
+ * значения даёт пустую строку, и настройки легли бы под ключ, которого никто не называл.
+ */
+function normalizeSideMenuId(menuId) {
+    return menuId?.trim() || RT_SIDE_MENU_DEFAULT_ID;
+}
+function isSubMenuMode(value) {
+    return value === 'hover' || value === 'pinned';
+}
+/**
+ * Настройки одного меню из того, что лежит под его номером. Недопустимое поле читается как
+ * отсутствие значения, соседние поля остаются: сломанная ширина не стирает режим. Незнакомые поля
+ * не удаляются. Ширина приводится к пределам подменю, списки избранного — к номерам без повторов.
+ */
+function normalizeSideMenuSettings(value) {
+    if (!isRecord(value)) {
+        return {};
+    }
+    const settings = { ...value };
+    const width = value['subMenuWidth'];
+    const favorites = value['favorites'];
+    const collapsed = value['favoritesCollapsed'];
+    if (!isSubMenuMode(value['subMenuMode'])) {
+        delete settings.subMenuMode;
+    }
+    if (typeof width === 'number' && Number.isFinite(width)) {
+        settings.subMenuWidth = clampSideMenuWidth(width);
+    }
+    else {
+        delete settings.subMenuWidth;
+    }
+    // Список — только строки и числа без повторов; не массив читается отсутствием списка.
+    if (Array.isArray(favorites)) {
+        settings.favorites = normalizeSideMenuFavorites(favorites);
+    }
+    else {
+        delete settings.favorites;
+    }
+    if (Array.isArray(collapsed)) {
+        settings.favoritesCollapsed = normalizeSideMenuFavorites(collapsed);
+    }
+    else {
+        delete settings.favoritesCollapsed;
+    }
+    return settings;
+}
+/** Запись хранилища как объект. Не JSON, не объект, пустое хранилище — одинаково пустая запись. */
+function parseSideMenuSettingsRecord(raw) {
+    if (raw === null) {
+        return {};
+    }
+    try {
+        const value = JSON.parse(raw);
+        return isRecord(value) ? value : {};
+    }
+    catch {
+        return {};
+    }
+}
+/**
+ * Настройки всех меню из записи. Меню, чьё значение не объект, пропускается: сломанный угол одного
+ * меню не стирает соседние.
+ */
+function readSideMenuSettings(record) {
+    return Object.fromEntries(Object.entries(record)
+        .filter(([, settings]) => isRecord(settings))
+        .map(([menuId, settings]) => [menuId, normalizeSideMenuSettings(settings)]));
+}
+/**
+ * Запись с правкой полей одного меню. Остальные меню и поля уходят такими, какими лежали, даже
+ * сломанные: кит правит только то, о чём его попросили.
+ */
+function patchSideMenuSettings(record, menuId, patch) {
+    const current = record[menuId];
+    return { ...record, [menuId]: { ...(isRecord(current) ? current : {}), ...patch } };
+}
+/** Запись без настроек одного меню. */
+function omitSideMenuSettings(record, menuId) {
+    return Object.fromEntries(Object.entries(record).filter(([id]) => id !== menuId));
+}
+
+/** Корзина и вертикальная двойная стрелка — те же знаки, что у первого кита. */
+const DEFAULT_FAVORITES_ICONS = { remove: 'trash', drag: 'arrows-v' };
+const RT_SIDE_MENU_SETTINGS_CONFIG = new InjectionToken('RT_SIDE_MENU_SETTINGS_CONFIG');
+/** Сигнал на номер меню один: повторный вызов отдаёт тот же. */
+function cached(cache, menuId, read) {
+    const id = normalizeSideMenuId(menuId);
+    let value = cache.get(id);
+    if (!value) {
+        value = computed(() => read(id));
+        cache.set(id, value);
+    }
+    return value;
+}
+/**
+ * Настройки боковых меню в хранилище браузера: режим и ширина подменю, избранное и свёрнутые блоки
+ * избранного под номером каждого меню.
+ *
+ * Перед каждой записью ключ читается заново: соседняя вкладка или приложение могли записать своё,
+ * и запись из копии затёрла бы их. Правится одно поле одного меню, остальное уходит как лежало.
+ * Изменения из других вкладок приходят событием `storage` и обновляют сигналы.
+ *
+ * Хранилище берётся токеном `@rt-tools/core` напрямую, а не общим сервисом хранилища: сервису
+ * нужно знать, что запись не удалась, и держать правду в памяти до перезагрузки. Без хранилища, вне
+ * браузера, закрытое или полное — настройки живут в памяти, и ни чтение, ни запись не бросают.
+ *
+ * Сервис ставится провайдером окружения — `provideRtSideMenuSettings()`, — а меню берёт его
+ * необязательно: не поставлен — меню ничего не хранит, режим и ширина приходят входами.
+ */
+class RtSideMenuSettingsService {
+    #config;
+    #storage;
+    #key;
+    #menus;
+    #modes;
+    #widths;
+    #favorites;
+    #collapsed;
+    /** Последняя известная запись: ею сервис живёт, пока хранилище недоступно. */
+    #record;
+    /** Последняя запись в хранилище не удалась — оно полно, и правда лежит в памяти. */
+    #unsaved;
+    #settings;
+    constructor() {
+        this.#config = inject(RT_SIDE_MENU_SETTINGS_CONFIG, { optional: true }) ?? {};
+        this.#storage = inject(LOCAL_STORAGE, { optional: true }) ?? null;
+        this.#key = this.#config.storageKey?.trim() || ERtStorageKeys.SideMenu;
+        this.#menus = new Map();
+        this.#modes = new Map();
+        this.#widths = new Map();
+        this.#favorites = new Map();
+        this.#collapsed = new Map();
+        /** Последняя известная запись: ею сервис живёт, пока хранилище недоступно. */
+        this.#record = this.#load() ?? {};
+        /** Последняя запись в хранилище не удалась — оно полно, и правда лежит в памяти. */
+        this.#unsaved = false;
+        this.#settings = signal(readSideMenuSettings(this.#record), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#settings" }] : /* istanbul ignore next */ []));
+        /** Значки кнопок избранного: из настроек провайдера, иначе из набора кита. */
+        this.favoritesIcons = { ...DEFAULT_FAVORITES_ICONS, ...this.#config.icons };
+        /** Номера меню, чьи настройки лежат в хранилище. */
+        this.menuIds = computed(() => Object.keys(this.#settings()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "menuIds" }] : /* istanbul ignore next */ []));
+        if (!inject(PlatformService).isPlatformBrowser) {
+            return;
+        }
+        const view = inject(WINDOW);
+        const onStorage = (event) => {
+            if (event.key === this.#key || event.key === null) {
+                this.#unsaved = false;
+                this.#apply(this.#fresh());
+            }
+        };
+        view.addEventListener('storage', onStorage);
+        inject(DestroyRef).onDestroy(() => view.removeEventListener('storage', onStorage));
+    }
+    /** Настройки одного меню целиком, с незнакомыми полями; не сохранены — пустой объект. */
+    settings(menuId) {
+        return cached(this.#menus, menuId, (id) => this.#settings()[id] ?? {});
+    }
+    subMenuMode(menuId) {
+        return cached(this.#modes, menuId, (id) => this.#settings()[id]?.subMenuMode ?? 'hover');
+    }
+    subMenuWidth(menuId) {
+        return cached(this.#widths, menuId, (id) => this.#settings()[id]?.subMenuWidth ?? null);
+    }
+    /** Избранное меню в порядке списка; пусто — пустой список. */
+    favoriteIds(menuId) {
+        return cached(this.#favorites, menuId, (id) => this.#settings()[id]?.favorites ?? []);
+    }
+    /** Пункты полосы, чей блок избранного свёрнут; ничего не свёрнуто — пустой список. */
+    favoritesCollapsed(menuId) {
+        return cached(this.#collapsed, menuId, (id) => this.#settings()[id]?.favoritesCollapsed ?? []);
+    }
+    /** Сворачивает или разворачивает блок одного раздела; остальные разделы остаются как были. */
+    setFavoritesCollapsed(menuId, sectionId, collapsed) {
+        const current = this.#freshSettings(menuId).favoritesCollapsed ?? [];
+        const others = current.filter((id) => id !== sectionId);
+        this.#update(menuId, { favoritesCollapsed: collapsed ? [...others, sectionId] : others });
+    }
+    /** Звезда: нет в списке — встаёт последним, есть — уходит. */
+    toggleFavorite(menuId, id) {
+        this.#updateFavorites(menuId, (ids) => ids.includes(id) ? ids.filter((kept) => kept !== id) : [...ids, id]);
+    }
+    removeFavorite(menuId, id) {
+        this.#updateFavorites(menuId, (ids) => ids.filter((kept) => kept !== id));
+    }
+    /** Перенос строки блока: места в блоке, скрытые номера остаются на своих. */
+    moveVisibleSideMenuFavorite(menuId, visibleIds, from, to) {
+        this.#updateFavorites(menuId, (ids) => moveVisibleSideMenuFavorite(ids, visibleIds, from, to));
+    }
+    /** Список целиком: приложение заводит избранное само, например по умолчанию для роли. */
+    setFavorites(menuId, ids) {
+        this.#updateFavorites(menuId, () => normalizeSideMenuFavorites(ids));
+    }
+    setSubMenuMode(menuId, mode) {
+        this.#update(menuId, { subMenuMode: mode });
+    }
+    setSubMenuWidth(menuId, width) {
+        this.#update(menuId, { subMenuWidth: clampSideMenuWidth(width) });
+    }
+    /** Настройки меню уходят только по вызову приложения: кит сам ничего не удаляет. */
+    deleteSettings(menuId) {
+        this.#commit(omitSideMenuSettings(this.#fresh(), normalizeSideMenuId(menuId)));
+    }
+    /** Прочитать хранилище → поправить поля одного меню → записать. */
+    #update(menuId, patch) {
+        const record = this.#fresh();
+        const id = normalizeSideMenuId(menuId);
+        this.#commit(patchSideMenuSettings(record, id, { ...normalizeSideMenuSettings(record[id]), ...patch }));
+    }
+    /** Список правится по свежей записи хранилища: соседняя вкладка могла его поменять. */
+    #updateFavorites(menuId, next) {
+        this.#update(menuId, { favorites: next([...(this.#freshSettings(menuId).favorites ?? [])]) });
+    }
+    #freshSettings(menuId) {
+        return normalizeSideMenuSettings(this.#fresh()[normalizeSideMenuId(menuId)]);
+    }
+    #commit(record) {
+        this.#apply(record);
+        try {
+            this.#storage?.setItem(this.#key, JSON.stringify(record));
+            this.#unsaved = false;
+        }
+        catch {
+            // хранилище закрыто или полно — настройки живут в памяти до перезагрузки
+            this.#unsaved = true;
+        }
+    }
+    #apply(record) {
+        this.#record = record;
+        this.#settings.set(readSideMenuSettings(record));
+    }
+    /** Запись из хранилища, а если оно недоступно или не приняло прошлую запись — последняя известная. */
+    #fresh() {
+        return this.#unsaved ? this.#record : (this.#load() ?? this.#record);
+    }
+    /** Пусто — хранилища нет или оно не отвечает. Сломанная запись читается пустой, но читается. */
+    #load() {
+        if (!this.#storage) {
+            return null;
+        }
+        try {
+            return parseSideMenuSettingsRecord(this.#storage.getItem(this.#key));
+        }
+        catch {
+            return null;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtSideMenuSettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtSideMenuSettingsService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtSideMenuSettingsService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+/**
+ * Сервис настроек бокового меню для приложения.
+ *
+ * ```ts
+ * bootstrapApplication(App, { providers: [provideRtSideMenuSettings()] });
+ * ```
+ */
+function provideRtSideMenuSettings(config = {}) {
+    return makeEnvironmentProviders([{ provide: RT_SIDE_MENU_SETTINGS_CONFIG, useValue: config }, RtSideMenuSettingsService]);
+}
+
+const RT_SIDE_MENU = new InjectionToken('RT_SIDE_MENU');
+
+/**
+ * Значок пункта по его `icon`: имя кита как есть, имя Material первого кита — его парой из перечня
+ * кита, как у `rt-menu-item`. `null` — кит такой значок не рисует: пункт берёт свой шаблон меню или
+ * стоит без значка.
+ */
+function sideMenuIconName(icon) {
+    if (!icon) {
+        return null;
+    }
+    if (isKitIconName(icon)) {
+        return icon;
+    }
+    return materialPairOf(icon);
+}
+/**
+ * Имена значков меню, о которых оно должно предупредить: ни имени кита, ни пары в перечне. И значок
+ * пункта, и значок кнопки строки закрывает свой шаблон меню.
+ * Без предупреждения такой значок пуст, и пропуск не заметен. Обходит пункты на любую глубину;
+ * каждое имя — один раз.
+ */
+function unpairedSideMenuIcons(items, hasOwnIcon) {
+    const found = new Set();
+    const walk = (list) => {
+        for (const item of list) {
+            if (!hasOwnIcon && item.icon && sideMenuIconName(item.icon) === null) {
+                found.add(item.icon);
+            }
+            if (!hasOwnIcon && item.iconButton?.icon && sideMenuIconName(item.iconButton.icon) === null) {
+                found.add(item.iconButton.icon);
+            }
+            walk(item.submenu ?? []);
+        }
+    };
+    walk(items);
+    return [...found];
+}
+
+/** Значок пункта, который рисует кит: имя кита или пара имени Material; `null` — такого нет. */
+class RtSideMenuIconPipe {
+    transform(icon) {
+        return sideMenuIconName(icon);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtSideMenuIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: RtSideMenuIconPipe, isStandalone: true, name: "rtSideMenuIcon" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtSideMenuIconPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'rtSideMenuIcon',
+                }]
+        }] });
+
+/** Подпись пункта кусками: отмечено ровно то, чем она совпала с запросом поиска. */
+class RtSideMenuTitlePartsPipe {
+    transform(name, query) {
+        return splitSideMenuTitle(name ?? '', query);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtSideMenuTitlePartsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: RtSideMenuTitlePartsPipe, isStandalone: true, name: "rtSideMenuTitleParts" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtSideMenuTitlePartsPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'rtSideMenuTitleParts',
+                }]
+        }] });
+
+const BEM_BLOCK$2 = 'rt-side-menu-sub-item';
+/** Строка блока избранного и кнопка избранного в ней: фокус уходит на соседнюю до удаления строки. */
+const FAVORITE_ROW = '.rt-side-menu-favorites__row';
+const FAVORITE_BUTTON = '.rt-side-menu-sub-item__favorite button';
+/**
+ * Строка подменю: пункт со ссылкой или папка со своими пунктами. Раскрытость, подсветку и запрос
+ * строка берёт у меню — своего состояния у неё нет.
+ *
+ * В разделе, где приложение включило избранное, у пункта со ссылкой стоит звезда; в строке блока
+ * избранного — кнопка «убрать» и слот `[rtSideMenuSubItemAction]`, куда блок кладёт ручку.
+ */
+class RtSideMenuSubItemComponent {
+    constructor() {
+        this.#settings = inject(RtSideMenuSettingsService, { optional: true });
+        this.menuRef = inject(RT_SIDE_MENU);
+        this.narrow = inject(BreakpointsService).narrow;
+        /** Значки кнопок избранного: из настроек провайдера, иначе из набора кита. */
+        this.favoritesIcons = this.#settings?.favoritesIcons ?? null;
+        this.addLabel = rtKitLabel('sideMenuFavoriteAdd');
+        this.removeLabel = rtKitLabel('sideMenuFavoriteRemove');
+        /** Избранное включено у раздела, чьё подменю показано, и приложение поставило настройки меню. */
+        this.favoritesOn = computed(() => !!this.#settings && sideMenuFavoritesSection(this.menuRef.menuItems(), this.menuRef.shownSubMenu()) !== null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "favoritesOn" }] : /* istanbul ignore next */ []));
+        this.favoriteIds = computed(() => this.#settings?.favoriteIds(this.menuRef.menuId())() ?? [], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "favoriteIds" }] : /* istanbul ignore next */ []));
+        this.item = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "item" }] : /* istanbul ignore next */ []));
+        /** Строка стоит в блоке избранного: вместо звезды — «убрать», без номера и подсветки клавиатуры. */
+        this.inFavorites = input(false, { ...(ngDevMode ? { debugName: "inFavorites" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.clickSubMenuAction = output();
+        this.clickSubMenuAdditionalAction = output();
+    }
+    #settings;
+    onClickSubMenu(item, event) {
+        this.clickSubMenuAction.emit({ item, event });
+    }
+    /** Кнопка потребителя в строке: ни перехода по ссылке строки, ни закрытия подменю. */
+    onClickSubMenuAdditional(item, event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.clickSubMenuAdditionalAction.emit({ data: item.iconButton?.data, event });
+    }
+    /** Звезда переключает избранное и больше ничего: ни перехода, ни закрытия подменю. */
+    onToggleFavorite(item, event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.#settings?.toggleFavorite(this.menuRef.menuId(), item.id);
+    }
+    /**
+     * «Убрать» в строке блока. Фокус уходит на такую же кнопку соседней строки до того, как строка
+     * исчезнет: иначе он падал бы на страницу, и человек с клавиатуры терял бы место.
+     */
+    onRemoveFavorite(item, event) {
+        event.preventDefault();
+        event.stopPropagation();
+        const row = event.target instanceof Element ? event.target.closest(FAVORITE_ROW) : null;
+        const neighbour = row?.nextElementSibling ?? row?.previousElementSibling;
+        neighbour?.querySelector(FAVORITE_BUTTON)?.focus();
+        this.#settings?.removeFavorite(this.menuRef.menuId(), item.id);
+    }
+    onToggleFolder(item) {
+        this.menuRef.toggleFolder(item);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtSideMenuSubItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtSideMenuSubItemComponent, isStandalone: true, selector: "rt-side-menu-sub-item", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, inFavorites: { classPropertyName: "inFavorites", publicName: "inFavorites", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clickSubMenuAction: "clickSubMenuAction", clickSubMenuAdditionalAction: "clickSubMenuAdditionalAction" }, host: { classAttribute: "rt-side-menu-sub-item" }, ngImport: i0, template: "<ng-container rtBlock=\"rt-side-menu-sub-item\">\n    <ng-container [ngTemplateOutlet]=\"rowTpl\" [ngTemplateOutletContext]=\"{ $implicit: item(), depth: 0 }\" />\n    <ng-template #rowTpl let-row let-depth=\"depth\">\n        @let isActive = menuRef.activeMenuIds().includes(row.id);\n        @let isHighlighted = !inFavorites() && menuRef.highlightedMenuId() === row.id;\n        @if (row.link) {\n            <!--\n                \u0421\u0442\u0440\u043E\u043A\u0430 \u0431\u043B\u043E\u043A\u0430 \u0438\u0437\u0431\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0431\u0435\u0437 \u043D\u043E\u043C\u0435\u0440\u0430: \u043F\u043E \u043D\u043E\u043C\u0435\u0440\u0443 \u043A\u043B\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u0430 \u043D\u0430\u0436\u0438\u043C\u0430\u0435\u0442 \u0441\u0442\u0440\u043E\u043A\u0443 \u0441\u043F\u0438\u0441\u043A\u0430. \u0418 \u0431\u0435\u0437\n                \u0440\u043E\u0434\u043D\u043E\u0433\u043E \u043F\u0435\u0440\u0435\u0442\u0430\u0441\u043A\u0438\u0432\u0430\u043D\u0438\u044F \u0441\u0441\u044B\u043B\u043A\u0438: \u043D\u0430\u0436\u0430\u0442\u0438\u0435 \u043D\u0430 \u0440\u0443\u0447\u043A\u0443 \u0432\u043D\u0443\u0442\u0440\u0438 \u0441\u0442\u0440\u043E\u043A\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0437\u0430\u0431\u0438\u0440\u0430\u043B \u0441\u0435\u0431\u0435,\n                \u0438 \u043F\u0435\u0440\u0435\u0442\u0430\u0441\u043A\u0438\u0432\u0430\u043D\u0438\u0435 CDK \u043D\u0435 \u043D\u0430\u0447\u0438\u043D\u0430\u043B\u043E\u0441\u044C.\n            -->\n            <a\n                rtElem=\"row\"\n                qa-dataid=\"side-menu-sub-item\"\n                [id]=\"inFavorites() ? null : row.id\"\n                [attr.draggable]=\"inFavorites() ? 'false' : null\"\n                [routerLink]=\"row.link\"\n                [style.--rt-side-menu-sub-item-depth]=\"depth\"\n                [rtMod]=\"{ active: isActive, highlighted: isHighlighted }\"\n                [attr.aria-current]=\"isActive ? 'page' : null\"\n                (click)=\"onClickSubMenu(row, $event)\">\n                @if (row.icon) {\n                    <ng-container [ngTemplateOutlet]=\"iconTpl\" [ngTemplateOutletContext]=\"{ $implicit: row }\" />\n                }\n\n                <span rtElem=\"title\" [rtTooltip]=\"menuRef.subMenuTooltipsShown() ? row.name : ''\">\n                    <!-- \u041A\u0443\u0441\u043E\u043A \u0431\u0435\u0437 \u043E\u0442\u043C\u0435\u0442\u043A\u0438 \u0442\u043E\u0436\u0435 \u0443\u0437\u0435\u043B: \u0433\u043E\u043B\u0430\u044F \u0438\u043D\u0442\u0435\u0440\u043F\u043E\u043B\u044F\u0446\u0438\u044F \u0440\u0430\u0437\u0440\u044B\u0432\u0430\u043B\u0430 \u0431\u044B \u043F\u043E\u0434\u043F\u0438\u0441\u044C \u043F\u0440\u043E\u0431\u0435\u043B\u0430\u043C\u0438. -->\n                    @for (part of row.name | rtSideMenuTitleParts: menuRef.subMenuQuery(); track $index) {\n                        @if (part.matched) {\n                            <span rtElem=\"match\">{{ part.text }}</span>\n                        } @else {\n                            <span rtElem=\"part\">{{ part.text }}</span>\n                        }\n                    }\n                </span>\n\n                <!--\n                    \u0421\u0442\u0440\u043E\u043A\u0430 \u0431\u043B\u043E\u043A\u0430 \u043D\u0435\u0441\u0451\u0442 \u00AB\u0443\u0431\u0440\u0430\u0442\u044C\u00BB, \u0430 \u043D\u0435 \u0437\u0432\u0435\u0437\u0434\u0443: \u0432\u0441\u0451 \u0432 \u0431\u043B\u043E\u043A\u0435 \u0443\u0436\u0435 \u0432 \u0438\u0437\u0431\u0440\u0430\u043D\u043D\u043E\u043C. \u0417\u0432\u0435\u0437\u0434\u0430 \u2014\n                    \u0443 \u043F\u0443\u043D\u043A\u0442\u0430 \u0441\u043E \u0441\u0432\u043E\u0438\u043C \u0430\u0434\u0440\u0435\u0441\u043E\u043C \u0432 \u0440\u0430\u0437\u0434\u0435\u043B\u0435 \u0441 \u0438\u0437\u0431\u0440\u0430\u043D\u043D\u044B\u043C: \u043F\u043E\u043B\u0430\u044F \u2014 \u043D\u0435 \u0432 \u0438\u0437\u0431\u0440\u0430\u043D\u043D\u043E\u043C,\n                    \u0437\u0430\u043A\u0440\u0430\u0448\u0435\u043D\u043D\u0430\u044F \u0446\u0432\u0435\u0442\u043E\u043C \u0442\u0435\u043C\u044B \u2014 \u0432 \u043D\u0451\u043C. \u0418\u043C\u044F \u043A\u043D\u043E\u043F\u043A\u0438 \u043D\u0430\u0437\u044B\u0432\u0430\u0435\u0442 \u0441\u043B\u0435\u0434\u0443\u044E\u0449\u0435\u0435 \u043D\u0430\u0436\u0430\u0442\u0438\u0435.\n                -->\n                @if (inFavorites() && favoritesIcons) {\n                    <rt-icon-button\n                        rtElem=\"favorite\"\n                        qa-dataid=\"side-menu-favorite-remove\"\n                        size=\"sm\"\n                        shape=\"circle\"\n                        [rtMod]=\"{ remove: true }\"\n                        [icon]=\"favoritesIcons.remove\"\n                        [ariaLabel]=\"removeLabel()\"\n                        [tooltip]=\"narrow() || !menuRef.subMenuTooltipsShown() ? '' : removeLabel()\"\n                        (clicked)=\"onRemoveFavorite(row, $event)\" />\n                } @else if (favoritesOn() && !row.favoriteDisabled) {\n                    @let isFavorite = favoriteIds().includes(row.id);\n                    <rt-icon-button\n                        rtElem=\"favorite\"\n                        qa-dataid=\"side-menu-favorite-star\"\n                        size=\"sm\"\n                        shape=\"circle\"\n                        [rtMod]=\"{ on: isFavorite }\"\n                        [icon]=\"isFavorite ? 'star-fill' : 'star'\"\n                        [iconFill]=\"isFavorite\"\n                        [ariaLabel]=\"isFavorite ? removeLabel() : addLabel()\"\n                        [tooltip]=\"narrow() || !menuRef.subMenuTooltipsShown() ? '' : isFavorite ? removeLabel() : addLabel()\"\n                        (clicked)=\"onToggleFavorite(row, $event)\" />\n                }\n\n                <!-- \u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044F, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u0441\u0442\u0440\u043E\u043A\u0435 \u043F\u0435\u0440\u0435\u0434\u0430\u0451\u0442 \u0432\u043B\u0430\u0434\u0435\u043B\u0435\u0446: \u0431\u043B\u043E\u043A \u0438\u0437\u0431\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u043A\u043B\u0430\u0434\u0451\u0442 \u0441\u044E\u0434\u0430 \u0440\u0443\u0447\u043A\u0443. -->\n                <ng-content select=\"[rtSideMenuSubItemAction]\" />\n\n                <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u043F\u043E\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043B\u044F \u0432\u0438\u0434\u043D\u0430 \u0432\u0441\u0435\u0433\u0434\u0430 \u0438 \u0441\u0442\u043E\u0438\u0442 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0435\u0439: \u043A\u043D\u043E\u043F\u043A\u0438 \u0438\u0437\u0431\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0432\u0441\u0442\u0430\u044E\u0442 \u043F\u0435\u0440\u0435\u0434 \u043D\u0435\u0439. -->\n                @if (row.iconButton?.icon; as buttonIcon) {\n                    <!-- \u0418\u043C\u044F \u0431\u0435\u0437 \u0437\u043D\u0430\u0447\u043A\u0430 \u043A\u0438\u0442\u0430 \u0431\u0435\u0440\u0451\u0442 \u0441\u0432\u043E\u0439 \u0448\u0430\u0431\u043B\u043E\u043D \u043C\u0435\u043D\u044E, \u043A\u0430\u043A \u0437\u043D\u0430\u0447\u043E\u043A \u0441\u0442\u0440\u043E\u043A\u0438. \u0411\u0435\u0437 \u0448\u0430\u0431\u043B\u043E\u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0430 \u043F\u0443\u0441\u0442\u0430 \u0438\n                         \u043D\u0435\u0437\u043D\u0430\u043A\u043E\u043C\u043E\u0433\u043E \u0438\u043C\u0435\u043D\u0438 \u0437\u043D\u0430\u0447\u043A\u0443 \u043D\u0435 \u043F\u0435\u0440\u0435\u0434\u0430\u0451\u0442: \u0437\u043D\u0430\u0447\u043A\u0430 \u0441 \u0442\u0430\u043A\u0438\u043C \u0438\u043C\u0435\u043D\u0435\u043C \u043D\u0435\u0442, \u0438 \u0436\u0434\u0430\u0442\u044C \u0435\u0433\u043E \u043D\u0435\u043A\u043E\u043C\u0443. -->\n                    @let buttonKitIcon = buttonIcon | rtSideMenuIcon;\n                    @let buttonOwnTpl = buttonKitIcon ? null : menuRef.ownIconTpl();\n                    <rt-icon-button\n                        rtElem=\"action\"\n                        qa-dataid=\"side-menu-sub-item-action\"\n                        size=\"sm\"\n                        shape=\"circle\"\n                        [icon]=\"buttonKitIcon\"\n                        [ariaLabel]=\"row.name ?? ''\"\n                        (clicked)=\"onClickSubMenuAdditional(row, $event)\">\n                        @if (buttonOwnTpl) {\n                            <span rtElem=\"own-icon\" qa-dataid=\"side-menu-own-button-icon\" aria-hidden=\"true\">\n                                <ng-container\n                                    [ngTemplateOutlet]=\"buttonOwnTpl\"\n                                    [ngTemplateOutletContext]=\"{ $implicit: row, icon: buttonIcon, slot: 'iconButton' }\" />\n                            </span>\n                        }\n                    </rt-icon-button>\n                }\n            </a>\n        } @else if (row.submenu) {\n            <!--\n                \u041F\u0430\u043F\u043A\u0430 \u2014 \u0440\u0430\u0441\u043A\u0440\u044B\u0432\u0430\u044E\u0449\u0430\u044F\u0441\u044F \u043F\u0430\u043D\u0435\u043B\u044C \u043A\u0438\u0442\u0430. \u0420\u0438\u0441\u0443\u0435\u0442\u0441\u044F \u0438 \u0441 \u043F\u0443\u0441\u0442\u044B\u043C \u0441\u043E\u0441\u0442\u0430\u0432\u043E\u043C: \u043E\u0442\u0431\u043E\u0440 \u043E\u0441\u0442\u0430\u0432\u043B\u044F\u0435\u0442 \u0442\u0430\u043A\n                \u0442\u0443, \u0447\u0442\u043E \u0441\u043E\u0432\u043F\u0430\u043B\u0430 \u043F\u043E\u0434\u043F\u0438\u0441\u044C\u044E. \u0428\u0435\u0432\u0440\u043E\u043D\u0430 \u0443 \u0442\u0430\u043A\u043E\u0439 \u043F\u0430\u043F\u043A\u0438 \u043D\u0435\u0442 \u2014 \u0440\u0430\u0441\u043A\u0440\u044B\u0432\u0430\u0442\u044C \u043D\u0435\u0447\u0435\u0433\u043E. \u0420\u0430\u0441\u043A\u0440\u044B\u0442\u0438\u0435\n                \u0434\u0435\u0440\u0436\u0438\u0442 \u043C\u0435\u043D\u044E: \u043F\u0430\u043D\u0435\u043B\u044C \u0441\u043E\u043E\u0431\u0449\u0430\u0435\u0442 \u043E \u043D\u0430\u0436\u0430\u0442\u0438\u0438, \u043C\u0435\u043D\u044E \u043F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0430\u0435\u0442 \u043F\u0430\u043F\u043A\u0443. \u041A\u043D\u043E\u043F\u043A\u0435 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0430\n                \u043E\u0442\u0434\u0430\u043D \u043D\u043E\u043C\u0435\u0440 \u043F\u0443\u043D\u043A\u0442\u0430 \u2014 \u043F\u043E \u043D\u0435\u043C\u0443 \u043A\u043B\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u0430 \u043C\u0435\u043D\u044E \u043D\u0430\u0436\u0438\u043C\u0430\u0435\u0442 \u0441\u0442\u0440\u043E\u043A\u0443.\n            -->\n            @let isOpen = menuRef.expandedMenuIds().includes(row.id);\n            <rt-expansion-panel\n                rtElem=\"folder\"\n                appearance=\"plain\"\n                [headerId]=\"'' + row.id\"\n                [hideToggle]=\"!row.submenu.length\"\n                [expanded]=\"isOpen\"\n                [style.--rt-side-menu-sub-item-depth]=\"depth\"\n                [rtMod]=\"{ highlighted: isHighlighted }\"\n                (expandedChange)=\"onToggleFolder(row)\">\n                @if (row.icon) {\n                    <ng-container [ngTemplateOutlet]=\"iconTpl\" [ngTemplateOutletContext]=\"{ $implicit: row }\" />\n                }\n\n                <span rtElem=\"title\" qa-dataid=\"side-menu-folder\" [rtTooltip]=\"menuRef.subMenuTooltipsShown() ? row.name : ''\">\n                    @for (part of row.name | rtSideMenuTitleParts: menuRef.subMenuQuery(); track $index) {\n                        @if (part.matched) {\n                            <span rtElem=\"match\">{{ part.text }}</span>\n                        } @else {\n                            <span rtElem=\"part\">{{ part.text }}</span>\n                        }\n                    }\n                </span>\n\n                <ng-template rtExpansionPanelContent>\n                    <div rtElem=\"children\" role=\"group\">\n                        @for (child of row.submenu; track child.id) {\n                            <ng-container [ngTemplateOutlet]=\"rowTpl\" [ngTemplateOutletContext]=\"{ $implicit: child, depth: depth + 1 }\" />\n                        }\n                    </div>\n                </ng-template>\n            </rt-expansion-panel>\n        }\n    </ng-template>\n\n    <!-- \u0417\u043D\u0430\u0447\u043E\u043A \u0441\u0442\u0440\u043E\u043A\u0438: \u0438\u043C\u044F \u043A\u0438\u0442\u0430 \u0438\u043B\u0438 \u043F\u0430\u0440\u0430 \u0438\u043C\u0435\u043D\u0438 Material, \u0430 \u0438\u043C\u044F, \u043A\u043E\u0442\u043E\u0440\u043E\u0433\u043E \u043A\u0438\u0442 \u043D\u0435 \u0440\u0438\u0441\u0443\u0435\u0442, \u2014 \u0441\u0432\u043E\u0439 \u0448\u0430\u0431\u043B\u043E\u043D \u043C\u0435\u043D\u044E. -->\n    <ng-template #iconTpl let-row>\n        @let kitIcon = row.icon | rtSideMenuIcon;\n        @if (kitIcon) {\n            <rt-icon rtElem=\"icon\" size=\"sm\" [name]=\"kitIcon\" />\n        } @else if (menuRef.ownIconTpl(); as own) {\n            <span rtElem=\"own-icon\" qa-dataid=\"side-menu-own-icon\" aria-hidden=\"true\">\n                <ng-container [ngTemplateOutlet]=\"own\" [ngTemplateOutletContext]=\"{ $implicit: row, icon: row.icon, slot: 'icon' }\" />\n            </span>\n        }\n    </ng-template>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-side-menu-sub-item{--rt-side-menu-sub-item-radius: var(--rt-radius-full);--rt-side-menu-sub-item-transition-duration: var(--rt-duration-fast);--rt-side-menu-sub-item-match-bg: var(--rt-yellow-400);--rt-side-menu-sub-item-match-color: var(--rt-neutral-950);--rt-side-menu-sub-item-match-radius: var(--rt-radius-xs);display:block}.rt-side-menu-sub-item__row{--rt-side-menu-sub-item-depth: 0;display:flex;width:100%;min-height:var(--rt-control-height-md);box-sizing:border-box;align-items:center;border:0;border-radius:var(--rt-side-menu-sub-item-radius);background:transparent;color:var(--rt-color-text-primary);cursor:pointer;font:inherit;font-size:var(--rt-text-sm);gap:var(--rt-space-sm);padding-block:var(--rt-space-2);padding-inline:calc(var(--rt-space-md) * (1 + var(--rt-side-menu-sub-item-depth))) var(--rt-space-sm);text-align:start;text-decoration:none;transition:background-color var(--rt-side-menu-sub-item-transition-duration) ease}.rt-side-menu-sub-item__row:hover,.rt-side-menu-sub-item__row:active,.rt-side-menu-sub-item__row--highlighted{background:var(--rt-color-bg-hover)}.rt-side-menu-sub-item__row:focus-visible{outline:var(--rt-focus-ring-width) solid var(--rt-focus-ring-color);outline-offset:calc(var(--rt-focus-ring-width) * -1)}.rt-side-menu-sub-item__row--active{background:var(--rt-color-action-primary-subtle);color:var(--rt-color-action-primary-on-surface)}.rt-side-menu-sub-item__icon{flex-shrink:0;color:inherit}.rt-side-menu-sub-item__own-icon{--rt-side-menu-sub-item-own-icon-size: var(--rt-size-4);display:inline-flex;width:var(--rt-side-menu-sub-item-own-icon-size);height:var(--rt-side-menu-sub-item-own-icon-size);flex-shrink:0;align-items:center;justify-content:center;color:inherit;line-height:1}.rt-side-menu-sub-item__own-icon>*{max-width:100%;max-height:100%}.rt-side-menu-sub-item__title{overflow:hidden;min-width:0;flex:1 1 auto;text-overflow:ellipsis;white-space:nowrap}.rt-side-menu-sub-item__part{color:inherit}.rt-side-menu-sub-item__match{border-radius:var(--rt-side-menu-sub-item-match-radius);background:var(--rt-side-menu-sub-item-match-bg);color:var(--rt-side-menu-sub-item-match-color)}.rt-side-menu-sub-item__action{--rt-side-menu-sub-item-action-ring-width: var(--rt-border-width-thin);--rt-side-menu-sub-item-action-radius: var(--rt-radius-full);flex-shrink:0;border-radius:var(--rt-side-menu-sub-item-action-radius);outline:var(--rt-side-menu-sub-item-action-ring-width) solid transparent;outline-offset:calc(var(--rt-side-menu-sub-item-action-ring-width) * -1)}.rt-side-menu-sub-item__action:hover{outline-color:var(--rt-color-border-strong)}.rt-side-menu-sub-item__favorite{flex-shrink:0;opacity:0}.rt-side-menu-sub-item__favorite--on{--rt-icon-button-color: var(--rt-color-action-primary);opacity:1}@media(hover:hover){.rt-side-menu-sub-item__favorite--remove:hover{--rt-icon-button-color: var(--rt-color-state-danger)}}.rt-side-menu-sub-item__favorite--remove:has(:focus-visible){--rt-icon-button-color: var(--rt-color-state-danger)}@media(hover:none){.rt-side-menu-sub-item__favorite{opacity:1}}.rt-side-menu-sub-item__row:hover .rt-side-menu-sub-item__favorite,.rt-side-menu-sub-item__row:focus-visible .rt-side-menu-sub-item__favorite,.rt-side-menu-sub-item__row:has(:focus-visible) .rt-side-menu-sub-item__favorite{opacity:1}.rt-side-menu-sub-item__folder.rt-expansion-panel{--rt-expansion-panel-duration: var(--rt-side-menu-sub-item-transition-duration);--rt-expansion-panel-header-radius: var(--rt-side-menu-sub-item-radius);--rt-expansion-panel-header-min-height: var(--rt-control-height-md);--rt-expansion-panel-header-padding-block: var(--rt-space-2);--rt-expansion-panel-header-padding-start: calc(var(--rt-space-md) * (1 + var(--rt-side-menu-sub-item-depth)));--rt-expansion-panel-header-padding-end: var(--rt-space-sm);--rt-expansion-panel-header-gap: var(--rt-space-sm);--rt-expansion-panel-header-font-size: var(--rt-text-sm);--rt-expansion-panel-header-bg: transparent}.rt-side-menu-sub-item__folder--highlighted.rt-expansion-panel{--rt-expansion-panel-header-bg: var(--rt-color-bg-hover)}.rt-side-menu-sub-item__children{display:flex;flex-direction:column}@media(hover:hover){.rt-side-menu--favorite-actions-none .rt-side-menu-sub-item__favorite:not(.rt-side-menu-sub-item__favorite--on){overflow:hidden;width:0;margin-inline-start:calc(var(--rt-space-sm) * -1)}.rt-side-menu--favorite-actions-none .rt-side-menu-sub-item__row:hover .rt-side-menu-sub-item__favorite,.rt-side-menu--favorite-actions-none .rt-side-menu-sub-item__row:focus-visible .rt-side-menu-sub-item__favorite,.rt-side-menu--favorite-actions-none .rt-side-menu-sub-item__row:has(:focus-visible) .rt-side-menu-sub-item__favorite{overflow:visible;width:auto;margin-inline-start:0}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "directive", type: BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { kind: "directive", type: ModDirective, selector: "[rtMod]" }, { kind: "component", type: RtExpansionPanelComponent, selector: "rt-expansion-panel", inputs: ["expanded", "disabled", "hideToggle", "appearance", "headerId", "ariaLabel"], outputs: ["expandedChange"] }, { kind: "directive", type: RtExpansionPanelContentDirective, selector: "ng-template[rtExpansionPanelContent]" }, { kind: "component", type: RtIconComponent, selector: "rt-icon", inputs: ["name", "glyph", "size", "color", "fill", "spin", "rotate"] }, { kind: "component", type: RtIconButtonComponent, selector: "rt-icon-button", inputs: ["icon", "glyph", "ariaLabel", "variant", "iconColor", "iconFill", "size", "iconSize", "type", "tooltip", "tabIndex", "loading", "disabled", "active", "indicator"], outputs: ["clicked"] }, { kind: "directive", type: RtTooltipDirective, selector: "[rtTooltip]", inputs: ["rtTooltip", "rtTooltipPlacement", "rtTooltipWhenTruncated"], exportAs: ["rtTooltip"] }, { kind: "pipe", type: RtSideMenuTitlePartsPipe, name: "rtSideMenuTitleParts" }, { kind: "pipe", type: RtSideMenuIconPipe, name: "rtSideMenuIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtSideMenuSubItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rt-side-menu-sub-item', host: { class: BEM_BLOCK$2 }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        NgTemplateOutlet,
+                        RouterLink,
+                        BlockDirective,
+                        ElemDirective,
+                        ModDirective,
+                        RtExpansionPanelComponent,
+                        RtExpansionPanelContentDirective,
+                        RtIconComponent,
+                        RtIconButtonComponent,
+                        RtTooltipDirective,
+                        RtSideMenuTitlePartsPipe,
+                        RtSideMenuIconPipe,
+                    ], template: "<ng-container rtBlock=\"rt-side-menu-sub-item\">\n    <ng-container [ngTemplateOutlet]=\"rowTpl\" [ngTemplateOutletContext]=\"{ $implicit: item(), depth: 0 }\" />\n    <ng-template #rowTpl let-row let-depth=\"depth\">\n        @let isActive = menuRef.activeMenuIds().includes(row.id);\n        @let isHighlighted = !inFavorites() && menuRef.highlightedMenuId() === row.id;\n        @if (row.link) {\n            <!--\n                \u0421\u0442\u0440\u043E\u043A\u0430 \u0431\u043B\u043E\u043A\u0430 \u0438\u0437\u0431\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0431\u0435\u0437 \u043D\u043E\u043C\u0435\u0440\u0430: \u043F\u043E \u043D\u043E\u043C\u0435\u0440\u0443 \u043A\u043B\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u0430 \u043D\u0430\u0436\u0438\u043C\u0430\u0435\u0442 \u0441\u0442\u0440\u043E\u043A\u0443 \u0441\u043F\u0438\u0441\u043A\u0430. \u0418 \u0431\u0435\u0437\n                \u0440\u043E\u0434\u043D\u043E\u0433\u043E \u043F\u0435\u0440\u0435\u0442\u0430\u0441\u043A\u0438\u0432\u0430\u043D\u0438\u044F \u0441\u0441\u044B\u043B\u043A\u0438: \u043D\u0430\u0436\u0430\u0442\u0438\u0435 \u043D\u0430 \u0440\u0443\u0447\u043A\u0443 \u0432\u043D\u0443\u0442\u0440\u0438 \u0441\u0442\u0440\u043E\u043A\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0437\u0430\u0431\u0438\u0440\u0430\u043B \u0441\u0435\u0431\u0435,\n                \u0438 \u043F\u0435\u0440\u0435\u0442\u0430\u0441\u043A\u0438\u0432\u0430\u043D\u0438\u0435 CDK \u043D\u0435 \u043D\u0430\u0447\u0438\u043D\u0430\u043B\u043E\u0441\u044C.\n            -->\n            <a\n                rtElem=\"row\"\n                qa-dataid=\"side-menu-sub-item\"\n                [id]=\"inFavorites() ? null : row.id\"\n                [attr.draggable]=\"inFavorites() ? 'false' : null\"\n                [routerLink]=\"row.link\"\n                [style.--rt-side-menu-sub-item-depth]=\"depth\"\n                [rtMod]=\"{ active: isActive, highlighted: isHighlighted }\"\n                [attr.aria-current]=\"isActive ? 'page' : null\"\n                (click)=\"onClickSubMenu(row, $event)\">\n                @if (row.icon) {\n                    <ng-container [ngTemplateOutlet]=\"iconTpl\" [ngTemplateOutletContext]=\"{ $implicit: row }\" />\n                }\n\n                <span rtElem=\"title\" [rtTooltip]=\"menuRef.subMenuTooltipsShown() ? row.name : ''\">\n                    <!-- \u041A\u0443\u0441\u043E\u043A \u0431\u0435\u0437 \u043E\u0442\u043C\u0435\u0442\u043A\u0438 \u0442\u043E\u0436\u0435 \u0443\u0437\u0435\u043B: \u0433\u043E\u043B\u0430\u044F \u0438\u043D\u0442\u0435\u0440\u043F\u043E\u043B\u044F\u0446\u0438\u044F \u0440\u0430\u0437\u0440\u044B\u0432\u0430\u043B\u0430 \u0431\u044B \u043F\u043E\u0434\u043F\u0438\u0441\u044C \u043F\u0440\u043E\u0431\u0435\u043B\u0430\u043C\u0438. -->\n                    @for (part of row.name | rtSideMenuTitleParts: menuRef.subMenuQuery(); track $index) {\n                        @if (part.matched) {\n                            <span rtElem=\"match\">{{ part.text }}</span>\n                        } @else {\n                            <span rtElem=\"part\">{{ part.text }}</span>\n                        }\n                    }\n                </span>\n\n                <!--\n                    \u0421\u0442\u0440\u043E\u043A\u0430 \u0431\u043B\u043E\u043A\u0430 \u043D\u0435\u0441\u0451\u0442 \u00AB\u0443\u0431\u0440\u0430\u0442\u044C\u00BB, \u0430 \u043D\u0435 \u0437\u0432\u0435\u0437\u0434\u0443: \u0432\u0441\u0451 \u0432 \u0431\u043B\u043E\u043A\u0435 \u0443\u0436\u0435 \u0432 \u0438\u0437\u0431\u0440\u0430\u043D\u043D\u043E\u043C. \u0417\u0432\u0435\u0437\u0434\u0430 \u2014\n                    \u0443 \u043F\u0443\u043D\u043A\u0442\u0430 \u0441\u043E \u0441\u0432\u043E\u0438\u043C \u0430\u0434\u0440\u0435\u0441\u043E\u043C \u0432 \u0440\u0430\u0437\u0434\u0435\u043B\u0435 \u0441 \u0438\u0437\u0431\u0440\u0430\u043D\u043D\u044B\u043C: \u043F\u043E\u043B\u0430\u044F \u2014 \u043D\u0435 \u0432 \u0438\u0437\u0431\u0440\u0430\u043D\u043D\u043E\u043C,\n                    \u0437\u0430\u043A\u0440\u0430\u0448\u0435\u043D\u043D\u0430\u044F \u0446\u0432\u0435\u0442\u043E\u043C \u0442\u0435\u043C\u044B \u2014 \u0432 \u043D\u0451\u043C. \u0418\u043C\u044F \u043A\u043D\u043E\u043F\u043A\u0438 \u043D\u0430\u0437\u044B\u0432\u0430\u0435\u0442 \u0441\u043B\u0435\u0434\u0443\u044E\u0449\u0435\u0435 \u043D\u0430\u0436\u0430\u0442\u0438\u0435.\n                -->\n                @if (inFavorites() && favoritesIcons) {\n                    <rt-icon-button\n                        rtElem=\"favorite\"\n                        qa-dataid=\"side-menu-favorite-remove\"\n                        size=\"sm\"\n                        shape=\"circle\"\n                        [rtMod]=\"{ remove: true }\"\n                        [icon]=\"favoritesIcons.remove\"\n                        [ariaLabel]=\"removeLabel()\"\n                        [tooltip]=\"narrow() || !menuRef.subMenuTooltipsShown() ? '' : removeLabel()\"\n                        (clicked)=\"onRemoveFavorite(row, $event)\" />\n                } @else if (favoritesOn() && !row.favoriteDisabled) {\n                    @let isFavorite = favoriteIds().includes(row.id);\n                    <rt-icon-button\n                        rtElem=\"favorite\"\n                        qa-dataid=\"side-menu-favorite-star\"\n                        size=\"sm\"\n                        shape=\"circle\"\n                        [rtMod]=\"{ on: isFavorite }\"\n                        [icon]=\"isFavorite ? 'star-fill' : 'star'\"\n                        [iconFill]=\"isFavorite\"\n                        [ariaLabel]=\"isFavorite ? removeLabel() : addLabel()\"\n                        [tooltip]=\"narrow() || !menuRef.subMenuTooltipsShown() ? '' : isFavorite ? removeLabel() : addLabel()\"\n                        (clicked)=\"onToggleFavorite(row, $event)\" />\n                }\n\n                <!-- \u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044F, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u0441\u0442\u0440\u043E\u043A\u0435 \u043F\u0435\u0440\u0435\u0434\u0430\u0451\u0442 \u0432\u043B\u0430\u0434\u0435\u043B\u0435\u0446: \u0431\u043B\u043E\u043A \u0438\u0437\u0431\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u043A\u043B\u0430\u0434\u0451\u0442 \u0441\u044E\u0434\u0430 \u0440\u0443\u0447\u043A\u0443. -->\n                <ng-content select=\"[rtSideMenuSubItemAction]\" />\n\n                <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u043F\u043E\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043B\u044F \u0432\u0438\u0434\u043D\u0430 \u0432\u0441\u0435\u0433\u0434\u0430 \u0438 \u0441\u0442\u043E\u0438\u0442 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0435\u0439: \u043A\u043D\u043E\u043F\u043A\u0438 \u0438\u0437\u0431\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0432\u0441\u0442\u0430\u044E\u0442 \u043F\u0435\u0440\u0435\u0434 \u043D\u0435\u0439. -->\n                @if (row.iconButton?.icon; as buttonIcon) {\n                    <!-- \u0418\u043C\u044F \u0431\u0435\u0437 \u0437\u043D\u0430\u0447\u043A\u0430 \u043A\u0438\u0442\u0430 \u0431\u0435\u0440\u0451\u0442 \u0441\u0432\u043E\u0439 \u0448\u0430\u0431\u043B\u043E\u043D \u043C\u0435\u043D\u044E, \u043A\u0430\u043A \u0437\u043D\u0430\u0447\u043E\u043A \u0441\u0442\u0440\u043E\u043A\u0438. \u0411\u0435\u0437 \u0448\u0430\u0431\u043B\u043E\u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0430 \u043F\u0443\u0441\u0442\u0430 \u0438\n                         \u043D\u0435\u0437\u043D\u0430\u043A\u043E\u043C\u043E\u0433\u043E \u0438\u043C\u0435\u043D\u0438 \u0437\u043D\u0430\u0447\u043A\u0443 \u043D\u0435 \u043F\u0435\u0440\u0435\u0434\u0430\u0451\u0442: \u0437\u043D\u0430\u0447\u043A\u0430 \u0441 \u0442\u0430\u043A\u0438\u043C \u0438\u043C\u0435\u043D\u0435\u043C \u043D\u0435\u0442, \u0438 \u0436\u0434\u0430\u0442\u044C \u0435\u0433\u043E \u043D\u0435\u043A\u043E\u043C\u0443. -->\n                    @let buttonKitIcon = buttonIcon | rtSideMenuIcon;\n                    @let buttonOwnTpl = buttonKitIcon ? null : menuRef.ownIconTpl();\n                    <rt-icon-button\n                        rtElem=\"action\"\n                        qa-dataid=\"side-menu-sub-item-action\"\n                        size=\"sm\"\n                        shape=\"circle\"\n                        [icon]=\"buttonKitIcon\"\n                        [ariaLabel]=\"row.name ?? ''\"\n                        (clicked)=\"onClickSubMenuAdditional(row, $event)\">\n                        @if (buttonOwnTpl) {\n                            <span rtElem=\"own-icon\" qa-dataid=\"side-menu-own-button-icon\" aria-hidden=\"true\">\n                                <ng-container\n                                    [ngTemplateOutlet]=\"buttonOwnTpl\"\n                                    [ngTemplateOutletContext]=\"{ $implicit: row, icon: buttonIcon, slot: 'iconButton' }\" />\n                            </span>\n                        }\n                    </rt-icon-button>\n                }\n            </a>\n        } @else if (row.submenu) {\n            <!--\n                \u041F\u0430\u043F\u043A\u0430 \u2014 \u0440\u0430\u0441\u043A\u0440\u044B\u0432\u0430\u044E\u0449\u0430\u044F\u0441\u044F \u043F\u0430\u043D\u0435\u043B\u044C \u043A\u0438\u0442\u0430. \u0420\u0438\u0441\u0443\u0435\u0442\u0441\u044F \u0438 \u0441 \u043F\u0443\u0441\u0442\u044B\u043C \u0441\u043E\u0441\u0442\u0430\u0432\u043E\u043C: \u043E\u0442\u0431\u043E\u0440 \u043E\u0441\u0442\u0430\u0432\u043B\u044F\u0435\u0442 \u0442\u0430\u043A\n                \u0442\u0443, \u0447\u0442\u043E \u0441\u043E\u0432\u043F\u0430\u043B\u0430 \u043F\u043E\u0434\u043F\u0438\u0441\u044C\u044E. \u0428\u0435\u0432\u0440\u043E\u043D\u0430 \u0443 \u0442\u0430\u043A\u043E\u0439 \u043F\u0430\u043F\u043A\u0438 \u043D\u0435\u0442 \u2014 \u0440\u0430\u0441\u043A\u0440\u044B\u0432\u0430\u0442\u044C \u043D\u0435\u0447\u0435\u0433\u043E. \u0420\u0430\u0441\u043A\u0440\u044B\u0442\u0438\u0435\n                \u0434\u0435\u0440\u0436\u0438\u0442 \u043C\u0435\u043D\u044E: \u043F\u0430\u043D\u0435\u043B\u044C \u0441\u043E\u043E\u0431\u0449\u0430\u0435\u0442 \u043E \u043D\u0430\u0436\u0430\u0442\u0438\u0438, \u043C\u0435\u043D\u044E \u043F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0430\u0435\u0442 \u043F\u0430\u043F\u043A\u0443. \u041A\u043D\u043E\u043F\u043A\u0435 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0430\n                \u043E\u0442\u0434\u0430\u043D \u043D\u043E\u043C\u0435\u0440 \u043F\u0443\u043D\u043A\u0442\u0430 \u2014 \u043F\u043E \u043D\u0435\u043C\u0443 \u043A\u043B\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u0430 \u043C\u0435\u043D\u044E \u043D\u0430\u0436\u0438\u043C\u0430\u0435\u0442 \u0441\u0442\u0440\u043E\u043A\u0443.\n            -->\n            @let isOpen = menuRef.expandedMenuIds().includes(row.id);\n            <rt-expansion-panel\n                rtElem=\"folder\"\n                appearance=\"plain\"\n                [headerId]=\"'' + row.id\"\n                [hideToggle]=\"!row.submenu.length\"\n                [expanded]=\"isOpen\"\n                [style.--rt-side-menu-sub-item-depth]=\"depth\"\n                [rtMod]=\"{ highlighted: isHighlighted }\"\n                (expandedChange)=\"onToggleFolder(row)\">\n                @if (row.icon) {\n                    <ng-container [ngTemplateOutlet]=\"iconTpl\" [ngTemplateOutletContext]=\"{ $implicit: row }\" />\n                }\n\n                <span rtElem=\"title\" qa-dataid=\"side-menu-folder\" [rtTooltip]=\"menuRef.subMenuTooltipsShown() ? row.name : ''\">\n                    @for (part of row.name | rtSideMenuTitleParts: menuRef.subMenuQuery(); track $index) {\n                        @if (part.matched) {\n                            <span rtElem=\"match\">{{ part.text }}</span>\n                        } @else {\n                            <span rtElem=\"part\">{{ part.text }}</span>\n                        }\n                    }\n                </span>\n\n                <ng-template rtExpansionPanelContent>\n                    <div rtElem=\"children\" role=\"group\">\n                        @for (child of row.submenu; track child.id) {\n                            <ng-container [ngTemplateOutlet]=\"rowTpl\" [ngTemplateOutletContext]=\"{ $implicit: child, depth: depth + 1 }\" />\n                        }\n                    </div>\n                </ng-template>\n            </rt-expansion-panel>\n        }\n    </ng-template>\n\n    <!-- \u0417\u043D\u0430\u0447\u043E\u043A \u0441\u0442\u0440\u043E\u043A\u0438: \u0438\u043C\u044F \u043A\u0438\u0442\u0430 \u0438\u043B\u0438 \u043F\u0430\u0440\u0430 \u0438\u043C\u0435\u043D\u0438 Material, \u0430 \u0438\u043C\u044F, \u043A\u043E\u0442\u043E\u0440\u043E\u0433\u043E \u043A\u0438\u0442 \u043D\u0435 \u0440\u0438\u0441\u0443\u0435\u0442, \u2014 \u0441\u0432\u043E\u0439 \u0448\u0430\u0431\u043B\u043E\u043D \u043C\u0435\u043D\u044E. -->\n    <ng-template #iconTpl let-row>\n        @let kitIcon = row.icon | rtSideMenuIcon;\n        @if (kitIcon) {\n            <rt-icon rtElem=\"icon\" size=\"sm\" [name]=\"kitIcon\" />\n        } @else if (menuRef.ownIconTpl(); as own) {\n            <span rtElem=\"own-icon\" qa-dataid=\"side-menu-own-icon\" aria-hidden=\"true\">\n                <ng-container [ngTemplateOutlet]=\"own\" [ngTemplateOutletContext]=\"{ $implicit: row, icon: row.icon, slot: 'icon' }\" />\n            </span>\n        }\n    </ng-template>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-side-menu-sub-item{--rt-side-menu-sub-item-radius: var(--rt-radius-full);--rt-side-menu-sub-item-transition-duration: var(--rt-duration-fast);--rt-side-menu-sub-item-match-bg: var(--rt-yellow-400);--rt-side-menu-sub-item-match-color: var(--rt-neutral-950);--rt-side-menu-sub-item-match-radius: var(--rt-radius-xs);display:block}.rt-side-menu-sub-item__row{--rt-side-menu-sub-item-depth: 0;display:flex;width:100%;min-height:var(--rt-control-height-md);box-sizing:border-box;align-items:center;border:0;border-radius:var(--rt-side-menu-sub-item-radius);background:transparent;color:var(--rt-color-text-primary);cursor:pointer;font:inherit;font-size:var(--rt-text-sm);gap:var(--rt-space-sm);padding-block:var(--rt-space-2);padding-inline:calc(var(--rt-space-md) * (1 + var(--rt-side-menu-sub-item-depth))) var(--rt-space-sm);text-align:start;text-decoration:none;transition:background-color var(--rt-side-menu-sub-item-transition-duration) ease}.rt-side-menu-sub-item__row:hover,.rt-side-menu-sub-item__row:active,.rt-side-menu-sub-item__row--highlighted{background:var(--rt-color-bg-hover)}.rt-side-menu-sub-item__row:focus-visible{outline:var(--rt-focus-ring-width) solid var(--rt-focus-ring-color);outline-offset:calc(var(--rt-focus-ring-width) * -1)}.rt-side-menu-sub-item__row--active{background:var(--rt-color-action-primary-subtle);color:var(--rt-color-action-primary-on-surface)}.rt-side-menu-sub-item__icon{flex-shrink:0;color:inherit}.rt-side-menu-sub-item__own-icon{--rt-side-menu-sub-item-own-icon-size: var(--rt-size-4);display:inline-flex;width:var(--rt-side-menu-sub-item-own-icon-size);height:var(--rt-side-menu-sub-item-own-icon-size);flex-shrink:0;align-items:center;justify-content:center;color:inherit;line-height:1}.rt-side-menu-sub-item__own-icon>*{max-width:100%;max-height:100%}.rt-side-menu-sub-item__title{overflow:hidden;min-width:0;flex:1 1 auto;text-overflow:ellipsis;white-space:nowrap}.rt-side-menu-sub-item__part{color:inherit}.rt-side-menu-sub-item__match{border-radius:var(--rt-side-menu-sub-item-match-radius);background:var(--rt-side-menu-sub-item-match-bg);color:var(--rt-side-menu-sub-item-match-color)}.rt-side-menu-sub-item__action{--rt-side-menu-sub-item-action-ring-width: var(--rt-border-width-thin);--rt-side-menu-sub-item-action-radius: var(--rt-radius-full);flex-shrink:0;border-radius:var(--rt-side-menu-sub-item-action-radius);outline:var(--rt-side-menu-sub-item-action-ring-width) solid transparent;outline-offset:calc(var(--rt-side-menu-sub-item-action-ring-width) * -1)}.rt-side-menu-sub-item__action:hover{outline-color:var(--rt-color-border-strong)}.rt-side-menu-sub-item__favorite{flex-shrink:0;opacity:0}.rt-side-menu-sub-item__favorite--on{--rt-icon-button-color: var(--rt-color-action-primary);opacity:1}@media(hover:hover){.rt-side-menu-sub-item__favorite--remove:hover{--rt-icon-button-color: var(--rt-color-state-danger)}}.rt-side-menu-sub-item__favorite--remove:has(:focus-visible){--rt-icon-button-color: var(--rt-color-state-danger)}@media(hover:none){.rt-side-menu-sub-item__favorite{opacity:1}}.rt-side-menu-sub-item__row:hover .rt-side-menu-sub-item__favorite,.rt-side-menu-sub-item__row:focus-visible .rt-side-menu-sub-item__favorite,.rt-side-menu-sub-item__row:has(:focus-visible) .rt-side-menu-sub-item__favorite{opacity:1}.rt-side-menu-sub-item__folder.rt-expansion-panel{--rt-expansion-panel-duration: var(--rt-side-menu-sub-item-transition-duration);--rt-expansion-panel-header-radius: var(--rt-side-menu-sub-item-radius);--rt-expansion-panel-header-min-height: var(--rt-control-height-md);--rt-expansion-panel-header-padding-block: var(--rt-space-2);--rt-expansion-panel-header-padding-start: calc(var(--rt-space-md) * (1 + var(--rt-side-menu-sub-item-depth)));--rt-expansion-panel-header-padding-end: var(--rt-space-sm);--rt-expansion-panel-header-gap: var(--rt-space-sm);--rt-expansion-panel-header-font-size: var(--rt-text-sm);--rt-expansion-panel-header-bg: transparent}.rt-side-menu-sub-item__folder--highlighted.rt-expansion-panel{--rt-expansion-panel-header-bg: var(--rt-color-bg-hover)}.rt-side-menu-sub-item__children{display:flex;flex-direction:column}@media(hover:hover){.rt-side-menu--favorite-actions-none .rt-side-menu-sub-item__favorite:not(.rt-side-menu-sub-item__favorite--on){overflow:hidden;width:0;margin-inline-start:calc(var(--rt-space-sm) * -1)}.rt-side-menu--favorite-actions-none .rt-side-menu-sub-item__row:hover .rt-side-menu-sub-item__favorite,.rt-side-menu--favorite-actions-none .rt-side-menu-sub-item__row:focus-visible .rt-side-menu-sub-item__favorite,.rt-side-menu--favorite-actions-none .rt-side-menu-sub-item__row:has(:focus-visible) .rt-side-menu-sub-item__favorite{overflow:visible;width:auto;margin-inline-start:0}}}\n"] }]
+        }], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }], inFavorites: [{ type: i0.Input, args: [{ isSignal: true, alias: "inFavorites", required: false }] }], clickSubMenuAction: [{ type: i0.Output, args: ["clickSubMenuAction"] }], clickSubMenuAdditionalAction: [{ type: i0.Output, args: ["clickSubMenuAdditionalAction"] }] } });
+
+const BEM_BLOCK$1 = 'rt-side-menu-favorites';
+/** Панель подменю: уход указателя с неё закрывает подменю, открытое наведением. */
+const SUB_MENU_PANEL = '.rt-side-menu__panel';
+/**
+ * Блок избранного вверху подменю: выбранные человеком разделы в порядке его списка. Перенос блока
+ * первого кита на части второго, без Material: блок — раскрывающаяся панель кита, как папка
+ * подменю, строки тянутся за ручку перетаскиванием CDK.
+ *
+ * Строки собираются из пунктов самого меню, а не из хранилища: подпись следует языку пунктов, адрес
+ * — объявлению. Номер без пункта в меню не показывается, но из списка не уходит. Строку рисует тот же
+ * подпункт, что и в списке.
+ *
+ * Избранное у каждого пункта полосы своё и по умолчанию выключено: блок стоит только в подменю пункта
+ * с флагом `favorites`. Без настроек меню (`provideRtSideMenuSettings()`) блока нет вовсе. Показать
+ * нечего — блок места не занимает.
+ */
+class RtSideMenuFavoritesComponent {
+    #menu;
+    #settings;
+    #injector;
+    #host;
+    /** Строку тянут: подменю держится открытым, пока её не бросят. */
+    #dragging;
+    #section;
+    constructor() {
+        this.#menu = inject(RT_SIDE_MENU);
+        this.#settings = inject(RtSideMenuSettingsService, { optional: true });
+        this.#injector = inject(Injector);
+        this.#host = inject(ElementRef);
+        /** Строку тянут: подменю держится открытым, пока её не бросят. */
+        this.#dragging = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#dragging" }] : /* istanbul ignore next */ []));
+        this.#section = computed(() => this.#settings ? sideMenuFavoritesSection(this.#menu.menuItems(), this.#menu.shownSubMenu()) : null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#section" }] : /* istanbul ignore next */ []));
+        /** В поиске что-то набрано: блок показывает совпавшие строки раскрытым, сохранённое не трогая. */
+        this.searching = computed(() => this.#menu.subMenuQuery().trim() !== '', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "searching" }] : /* istanbul ignore next */ []));
+        this.rows = computed(() => {
+            const section = this.#section();
+            if (!this.#settings || !section || (this.searching() && !this.#menu.isFavoritesSearchShown())) {
+                return [];
+            }
+            const found = findSideMenuFavoriteItems([section], this.#settings.favoriteIds(this.#menu.menuId())());
+            return filterSideMenuItems(found, this.#menu.subMenuQuery());
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+        /**
+         * Блок раздела свёрнут: заголовок и черта остаются, строк нет. Состояние своё у каждого раздела и
+         * лежит в настройках меню. Поиск его не меняет: на время поиска блок стоит раскрытым.
+         */
+        this.collapsed = computed(() => {
+            const section = this.#section();
+            return !!section && !!this.#settings?.favoritesCollapsed(this.#menu.menuId())().includes(section.id);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "collapsed" }] : /* istanbul ignore next */ []));
+        /**
+         * Раскрытие панели блока. Начинается заново с сохранённого выбора при каждой его смене и при
+         * входе в поиск и выходе из него: свёрнутый в поиске блок — выбор на время поиска, он не
+         * сохраняется и с концом поиска возвращается к сохранённому.
+         */
+        this.open = linkedSignal({ ...(ngDevMode ? { debugName: "open" } : /* istanbul ignore next */ {}), source: () => ({ collapsed: this.collapsed(), searching: this.searching() }),
+            computation: (state) => !state.collapsed || state.searching });
+        /** Заголовок показывает число строк: всегда, у свёрнутого блока или никогда — по входу меню. */
+        this.countShown = computed(() => {
+            const mode = this.#menu.favoritesCount();
+            return mode === 'always' || (mode === 'collapsed' && !this.open());
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "countShown" }] : /* istanbul ignore next */ []));
+        /** Ручки строк по порядку: стрелка возвращает фокус на ручку переставленной строки. */
+        this.handles = viewChildren('handle', { ...(ngDevMode ? { debugName: "handles" } : /* istanbul ignore next */ {}), read: ElementRef });
+        this.dragIcon = this.#settings?.favoritesIcons.drag ?? 'arrows-v';
+        /** Узкий экран: подсказка у ручки не показывается — наводиться там нечем. */
+        this.narrow = inject(BreakpointsService).narrow;
+        this.titleLabel = rtKitLabel('sideMenuFavorites');
+        this.dragLabel = rtKitLabel('sideMenuFavoriteDrag');
+        this.expandLabel = rtKitLabel('sideMenuFavoritesExpand');
+        this.collapseLabel = rtKitLabel('sideMenuFavoritesCollapse');
+        this.clickSubMenuAction = output();
+        this.clickSubMenuAdditionalAction = output();
+        // Блок уничтожили посреди тяги — указатель увёл подменю на другой раздел. CDK закрывает тягу
+        // без события конца, и удержание осталось бы навсегда.
+        inject(DestroyRef).onDestroy(() => this.#release());
+    }
+    /** Заголовок нажат: выбор ложится в настройки меню. Во время поиска он не сохраняется. */
+    onToggle(expanded) {
+        const section = this.#section();
+        if (this.#settings && section && !this.searching()) {
+            this.#settings.setFavoritesCollapsed(this.#menu.menuId(), section.id, !expanded);
+        }
+    }
+    /** Строка в руке: подменю, открытое наведением, не закрывается, когда рука выходит за панель. */
+    onDragStart() {
+        this.#dragging.set(true);
+        this.#menu.holdSubMenu(true);
+    }
+    /** Строка брошена за панелью: уход указателя, пропущенный за время тяги, срабатывает сейчас. */
+    onDragEnd(event) {
+        this.#release();
+        const panel = this.#host.nativeElement.closest(SUB_MENU_PANEL);
+        if (panel && isSideMenuDropOutside(panel.getBoundingClientRect(), event.dropPoint)) {
+            this.#menu.toggleSubMenu();
+        }
+    }
+    /** Брошенная вне блока строка ничего не меняет: убирает из избранного кнопка, а не перетаскивание. */
+    onDrop(event) {
+        if (event.isPointerOverContainer) {
+            this.#move(event.previousIndex, event.currentIndex);
+        }
+    }
+    /** Стрелка на ручке переставляет строку на соседнее место, и фокус едет вместе с ручкой. */
+    onHandleKey(event, index, step) {
+        // Стрелки не уходят в меню: там они ведут подсветку по списку раздела.
+        event.preventDefault();
+        event.stopPropagation();
+        const target = index + step;
+        if (target < 0 || target >= this.rows().length) {
+            return;
+        }
+        this.#move(index, target);
+        afterNextRender(() => this.handles()[target]?.nativeElement.querySelector('button')?.focus(), {
+            injector: this.#injector,
+        });
+    }
+    /** Нажатие ручки — не переход по строке: она стоит внутри ссылки пункта. */
+    onHandleClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+    }
+    #release() {
+        if (!this.#dragging()) {
+            return;
+        }
+        this.#dragging.set(false);
+        this.#menu.holdSubMenu(false);
+    }
+    /** Место в блоке переводится в место списка по свежей записи хранилища: скрытые номера остаются на своих. */
+    #move(from, to) {
+        if (!this.#settings || from === to) {
+            return;
+        }
+        const visible = this.rows().map((item) => item.id);
+        this.#settings.moveVisibleSideMenuFavorite(this.#menu.menuId(), visible, from, to);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtSideMenuFavoritesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtSideMenuFavoritesComponent, isStandalone: true, selector: "rt-side-menu-favorites", outputs: { clickSubMenuAction: "clickSubMenuAction", clickSubMenuAdditionalAction: "clickSubMenuAdditionalAction" }, host: { classAttribute: "rt-side-menu-favorites" }, viewQueries: [{ propertyName: "handles", predicate: ["handle"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<ng-container rtBlock=\"rt-side-menu-favorites\">\n    @if (rows().length) {\n        <!--\n            \u0411\u043B\u043E\u043A \u2014 \u0440\u0430\u0441\u043A\u0440\u044B\u0432\u0430\u044E\u0449\u0430\u044F\u0441\u044F \u043F\u0430\u043D\u0435\u043B\u044C \u043A\u0438\u0442\u0430, \u043A\u0430\u043A \u043F\u0430\u043F\u043A\u0430 \u043F\u043E\u0434\u043C\u0435\u043D\u044E, \u0441\u043E \u0437\u0432\u0435\u0437\u0434\u043E\u0439 \u0432\u043C\u0435\u0441\u0442\u043E \u0437\u043D\u0430\u0447\u043A\u0430 \u043F\u0430\u043F\u043A\u0438. \u0418\u043C\u044F\n            \u043A\u043D\u043E\u043F\u043A\u0438 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0430 \u043D\u0430\u0437\u044B\u0432\u0430\u0435\u0442 \u0441\u043B\u0435\u0434\u0443\u044E\u0449\u0435\u0435 \u043D\u0430\u0436\u0430\u0442\u0438\u0435; \u0447\u0438\u0441\u043B\u043E \u0441\u0442\u0440\u043E\u043A \u2014 \u043F\u043E \u0432\u0445\u043E\u0434\u0443 \u043C\u0435\u043D\u044E.\n        -->\n        <rt-expansion-panel\n            rtElem=\"panel\"\n            appearance=\"plain\"\n            [ariaLabel]=\"open() ? collapseLabel() : expandLabel()\"\n            [(expanded)]=\"open\"\n            (expandedChange)=\"onToggle($event)\">\n            <rt-icon rtElem=\"star\" size=\"sm\" name=\"star-fill\" [fill]=\"true\" />\n            <span rtElem=\"title\" qa-dataid=\"side-menu-favorites-title\">\n                {{ titleLabel() }}\n                @if (countShown()) {\n                    ({{ rows().length }})\n                }\n            </span>\n\n            <ng-template rtExpansionPanelContent>\n                <div\n                    rtElem=\"list\"\n                    role=\"group\"\n                    qa-dataid=\"side-menu-favorites\"\n                    cdkDropList\n                    cdkDropListLockAxis=\"y\"\n                    [cdkDropListData]=\"rows()\"\n                    [attr.aria-label]=\"titleLabel()\"\n                    (cdkDropListDropped)=\"onDrop($event)\">\n                    @for (item of rows(); track item.id) {\n                        <div\n                            rtElem=\"row\"\n                            qa-dataid=\"side-menu-favorite-row\"\n                            cdkDrag\n                            [attr.data-id]=\"item.id\"\n                            (cdkDragStarted)=\"onDragStart()\"\n                            (cdkDragEnded)=\"onDragEnd($event)\">\n                            <!--\n                                    \u0420\u0443\u0447\u043A\u0430 \u0441\u0442\u043E\u0438\u0442 \u0432\u043D\u0443\u0442\u0440\u0438 \u0441\u0442\u0440\u043E\u043A\u0438, \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0435\u0439 \u043F\u0435\u0440\u0435\u0434 \u043A\u043D\u043E\u043F\u043A\u043E\u0439 \u043F\u043E\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043B\u044F. \u0421\u0442\u0440\u043E\u043A\u0443 \u0442\u044F\u043D\u0443\u0442\n                                    \u0442\u043E\u043B\u044C\u043A\u043E \u0437\u0430 \u0440\u0443\u0447\u043A\u0443: \u043E\u0441\u0442\u0430\u043B\u044C\u043D\u0430\u044F \u0441\u0442\u0440\u043E\u043A\u0430 \u2014 \u0441\u0441\u044B\u043B\u043A\u0430. \u0421 \u043A\u043B\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044B \u0441\u0442\u0440\u043E\u043A\u0443 \u043F\u0435\u0440\u0435\u0441\u0442\u0430\u0432\u043B\u044F\u044E\u0442\n                                    \u0441\u0442\u0440\u0435\u043B\u043A\u0438 \u043D\u0430 \u0440\u0443\u0447\u043A\u0435: \u043F\u0435\u0440\u0435\u0442\u0430\u0441\u043A\u0438\u0432\u0430\u043D\u0438\u0435 CDK \u043A\u043B\u0430\u0432\u0438\u0448 \u043D\u0435 \u0437\u043D\u0430\u0435\u0442.\n                                -->\n                            <rt-side-menu-sub-item\n                                rtElem=\"item\"\n                                [item]=\"item\"\n                                [inFavorites]=\"true\"\n                                (clickSubMenuAction)=\"clickSubMenuAction.emit($event)\"\n                                (clickSubMenuAdditionalAction)=\"clickSubMenuAdditionalAction.emit($event)\">\n                                <rt-icon-button\n                                    #handle\n                                    rtSideMenuSubItemAction\n                                    cdkDragHandle\n                                    rtElem=\"handle\"\n                                    qa-dataid=\"side-menu-favorite-handle\"\n                                    size=\"sm\"\n                                    shape=\"circle\"\n                                    aria-keyshortcuts=\"ArrowUp ArrowDown\"\n                                    [icon]=\"dragIcon\"\n                                    [ariaLabel]=\"dragLabel()\"\n                                    [tooltip]=\"narrow() ? '' : dragLabel()\"\n                                    (clicked)=\"onHandleClick($event)\"\n                                    (keydown.arrowup)=\"onHandleKey($event, $index, -1)\"\n                                    (keydown.arrowdown)=\"onHandleKey($event, $index, 1)\" />\n                            </rt-side-menu-sub-item>\n                        </div>\n                    }\n                </div>\n            </ng-template>\n        </rt-expansion-panel>\n    }\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-side-menu-favorites{--rt-side-menu-favorites-radius: var(--rt-radius-full);--rt-side-menu-favorites-divider-width: var(--rt-border-width-thin);display:block}.rt-side-menu-favorites:has(.rt-side-menu-favorites__panel){border-bottom:var(--rt-side-menu-favorites-divider-width) solid var(--rt-color-border-subtle);margin-block-end:var(--rt-space-sm);padding-block-end:var(--rt-space-sm)}.rt-side-menu-favorites__panel.rt-expansion-panel{--rt-expansion-panel-duration: var(--rt-duration-fast);--rt-expansion-panel-header-radius: var(--rt-side-menu-favorites-radius);--rt-expansion-panel-header-min-height: var(--rt-control-height-md);--rt-expansion-panel-header-padding-block: var(--rt-space-2);--rt-expansion-panel-header-padding-start: var(--rt-space-1);--rt-expansion-panel-header-padding-end: var(--rt-space-sm);--rt-expansion-panel-header-gap: var(--rt-space-sm);--rt-expansion-panel-header-font-size: var(--rt-text-sm)}.rt-side-menu-favorites__star{flex-shrink:0;color:var(--rt-color-action-primary)}.rt-side-menu-favorites__title{overflow:hidden;min-width:0;flex:1 1 auto;text-overflow:ellipsis;white-space:nowrap}.rt-side-menu-favorites__list{display:flex;flex-direction:column}.rt-side-menu-favorites__item{min-width:0;flex:1 1 auto}.rt-side-menu-favorites__row{display:flex;align-items:center}.rt-side-menu-favorites__row.cdk-drag-preview{--rt-side-menu-favorites-preview-radius: var(--rt-radius-full);--rt-side-menu-favorites-preview-shadow: var(--rt-shadow-md);border-radius:var(--rt-side-menu-favorites-preview-radius);box-shadow:var(--rt-side-menu-favorites-preview-shadow)}.rt-side-menu-favorites__row.cdk-drag-preview .rt-side-menu-favorites__item{min-width:0;flex:1 1 auto;border-radius:var(--rt-side-menu-favorites-preview-radius);background:var(--rt-color-bg-surface)}.rt-side-menu-favorites__row.cdk-drag-placeholder{opacity:0}.rt-side-menu-favorites__handle{flex-shrink:0;cursor:grab;opacity:0}.rt-side-menu-favorites__handle:active{cursor:grabbing}@media(hover:none){.rt-side-menu-favorites__handle{opacity:1}}.rt-side-menu-favorites__row:hover .rt-side-menu-favorites__handle,.rt-side-menu-favorites__row:has(:focus-visible) .rt-side-menu-favorites__handle,.rt-side-menu-favorites__row.cdk-drag-preview .rt-side-menu-favorites__handle{opacity:1}@media(hover:hover){.rt-side-menu--favorite-actions-none .rt-side-menu-favorites__handle{overflow:hidden;width:0;margin-inline-start:calc(var(--rt-space-sm) * -1)}.rt-side-menu--favorite-actions-none .rt-side-menu-favorites__row:hover .rt-side-menu-favorites__handle,.rt-side-menu--favorite-actions-none .rt-side-menu-favorites__row:has(:focus-visible) .rt-side-menu-favorites__handle{overflow:visible;width:auto;margin-inline-start:0}}}\n"], dependencies: [{ kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: 
+                // directives
+                BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { kind: "directive", type: RtExpansionPanelContentDirective, selector: "ng-template[rtExpansionPanelContent]" }, { kind: "component", type: 
+                // components
+                RtExpansionPanelComponent, selector: "rt-expansion-panel", inputs: ["expanded", "disabled", "hideToggle", "appearance", "headerId", "ariaLabel"], outputs: ["expandedChange"] }, { kind: "component", type: RtIconButtonComponent, selector: "rt-icon-button", inputs: ["icon", "glyph", "ariaLabel", "variant", "iconColor", "iconFill", "size", "iconSize", "type", "tooltip", "tabIndex", "loading", "disabled", "active", "indicator"], outputs: ["clicked"] }, { kind: "component", type: RtIconComponent, selector: "rt-icon", inputs: ["name", "glyph", "size", "color", "fill", "spin", "rotate"] }, { kind: "component", type: RtSideMenuSubItemComponent, selector: "rt-side-menu-sub-item", inputs: ["item", "inFavorites"], outputs: ["clickSubMenuAction", "clickSubMenuAdditionalAction"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtSideMenuFavoritesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rt-side-menu-favorites', host: { class: BEM_BLOCK$1 }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        CdkDrag,
+                        CdkDragHandle,
+                        CdkDropList,
+                        // directives
+                        BlockDirective,
+                        ElemDirective,
+                        ModDirective,
+                        RtExpansionPanelContentDirective,
+                        // components
+                        RtExpansionPanelComponent,
+                        RtIconButtonComponent,
+                        RtIconComponent,
+                        RtSideMenuSubItemComponent,
+                    ], template: "<ng-container rtBlock=\"rt-side-menu-favorites\">\n    @if (rows().length) {\n        <!--\n            \u0411\u043B\u043E\u043A \u2014 \u0440\u0430\u0441\u043A\u0440\u044B\u0432\u0430\u044E\u0449\u0430\u044F\u0441\u044F \u043F\u0430\u043D\u0435\u043B\u044C \u043A\u0438\u0442\u0430, \u043A\u0430\u043A \u043F\u0430\u043F\u043A\u0430 \u043F\u043E\u0434\u043C\u0435\u043D\u044E, \u0441\u043E \u0437\u0432\u0435\u0437\u0434\u043E\u0439 \u0432\u043C\u0435\u0441\u0442\u043E \u0437\u043D\u0430\u0447\u043A\u0430 \u043F\u0430\u043F\u043A\u0438. \u0418\u043C\u044F\n            \u043A\u043D\u043E\u043F\u043A\u0438 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0430 \u043D\u0430\u0437\u044B\u0432\u0430\u0435\u0442 \u0441\u043B\u0435\u0434\u0443\u044E\u0449\u0435\u0435 \u043D\u0430\u0436\u0430\u0442\u0438\u0435; \u0447\u0438\u0441\u043B\u043E \u0441\u0442\u0440\u043E\u043A \u2014 \u043F\u043E \u0432\u0445\u043E\u0434\u0443 \u043C\u0435\u043D\u044E.\n        -->\n        <rt-expansion-panel\n            rtElem=\"panel\"\n            appearance=\"plain\"\n            [ariaLabel]=\"open() ? collapseLabel() : expandLabel()\"\n            [(expanded)]=\"open\"\n            (expandedChange)=\"onToggle($event)\">\n            <rt-icon rtElem=\"star\" size=\"sm\" name=\"star-fill\" [fill]=\"true\" />\n            <span rtElem=\"title\" qa-dataid=\"side-menu-favorites-title\">\n                {{ titleLabel() }}\n                @if (countShown()) {\n                    ({{ rows().length }})\n                }\n            </span>\n\n            <ng-template rtExpansionPanelContent>\n                <div\n                    rtElem=\"list\"\n                    role=\"group\"\n                    qa-dataid=\"side-menu-favorites\"\n                    cdkDropList\n                    cdkDropListLockAxis=\"y\"\n                    [cdkDropListData]=\"rows()\"\n                    [attr.aria-label]=\"titleLabel()\"\n                    (cdkDropListDropped)=\"onDrop($event)\">\n                    @for (item of rows(); track item.id) {\n                        <div\n                            rtElem=\"row\"\n                            qa-dataid=\"side-menu-favorite-row\"\n                            cdkDrag\n                            [attr.data-id]=\"item.id\"\n                            (cdkDragStarted)=\"onDragStart()\"\n                            (cdkDragEnded)=\"onDragEnd($event)\">\n                            <!--\n                                    \u0420\u0443\u0447\u043A\u0430 \u0441\u0442\u043E\u0438\u0442 \u0432\u043D\u0443\u0442\u0440\u0438 \u0441\u0442\u0440\u043E\u043A\u0438, \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0435\u0439 \u043F\u0435\u0440\u0435\u0434 \u043A\u043D\u043E\u043F\u043A\u043E\u0439 \u043F\u043E\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043B\u044F. \u0421\u0442\u0440\u043E\u043A\u0443 \u0442\u044F\u043D\u0443\u0442\n                                    \u0442\u043E\u043B\u044C\u043A\u043E \u0437\u0430 \u0440\u0443\u0447\u043A\u0443: \u043E\u0441\u0442\u0430\u043B\u044C\u043D\u0430\u044F \u0441\u0442\u0440\u043E\u043A\u0430 \u2014 \u0441\u0441\u044B\u043B\u043A\u0430. \u0421 \u043A\u043B\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044B \u0441\u0442\u0440\u043E\u043A\u0443 \u043F\u0435\u0440\u0435\u0441\u0442\u0430\u0432\u043B\u044F\u044E\u0442\n                                    \u0441\u0442\u0440\u0435\u043B\u043A\u0438 \u043D\u0430 \u0440\u0443\u0447\u043A\u0435: \u043F\u0435\u0440\u0435\u0442\u0430\u0441\u043A\u0438\u0432\u0430\u043D\u0438\u0435 CDK \u043A\u043B\u0430\u0432\u0438\u0448 \u043D\u0435 \u0437\u043D\u0430\u0435\u0442.\n                                -->\n                            <rt-side-menu-sub-item\n                                rtElem=\"item\"\n                                [item]=\"item\"\n                                [inFavorites]=\"true\"\n                                (clickSubMenuAction)=\"clickSubMenuAction.emit($event)\"\n                                (clickSubMenuAdditionalAction)=\"clickSubMenuAdditionalAction.emit($event)\">\n                                <rt-icon-button\n                                    #handle\n                                    rtSideMenuSubItemAction\n                                    cdkDragHandle\n                                    rtElem=\"handle\"\n                                    qa-dataid=\"side-menu-favorite-handle\"\n                                    size=\"sm\"\n                                    shape=\"circle\"\n                                    aria-keyshortcuts=\"ArrowUp ArrowDown\"\n                                    [icon]=\"dragIcon\"\n                                    [ariaLabel]=\"dragLabel()\"\n                                    [tooltip]=\"narrow() ? '' : dragLabel()\"\n                                    (clicked)=\"onHandleClick($event)\"\n                                    (keydown.arrowup)=\"onHandleKey($event, $index, -1)\"\n                                    (keydown.arrowdown)=\"onHandleKey($event, $index, 1)\" />\n                            </rt-side-menu-sub-item>\n                        </div>\n                    }\n                </div>\n            </ng-template>\n        </rt-expansion-panel>\n    }\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-side-menu-favorites{--rt-side-menu-favorites-radius: var(--rt-radius-full);--rt-side-menu-favorites-divider-width: var(--rt-border-width-thin);display:block}.rt-side-menu-favorites:has(.rt-side-menu-favorites__panel){border-bottom:var(--rt-side-menu-favorites-divider-width) solid var(--rt-color-border-subtle);margin-block-end:var(--rt-space-sm);padding-block-end:var(--rt-space-sm)}.rt-side-menu-favorites__panel.rt-expansion-panel{--rt-expansion-panel-duration: var(--rt-duration-fast);--rt-expansion-panel-header-radius: var(--rt-side-menu-favorites-radius);--rt-expansion-panel-header-min-height: var(--rt-control-height-md);--rt-expansion-panel-header-padding-block: var(--rt-space-2);--rt-expansion-panel-header-padding-start: var(--rt-space-1);--rt-expansion-panel-header-padding-end: var(--rt-space-sm);--rt-expansion-panel-header-gap: var(--rt-space-sm);--rt-expansion-panel-header-font-size: var(--rt-text-sm)}.rt-side-menu-favorites__star{flex-shrink:0;color:var(--rt-color-action-primary)}.rt-side-menu-favorites__title{overflow:hidden;min-width:0;flex:1 1 auto;text-overflow:ellipsis;white-space:nowrap}.rt-side-menu-favorites__list{display:flex;flex-direction:column}.rt-side-menu-favorites__item{min-width:0;flex:1 1 auto}.rt-side-menu-favorites__row{display:flex;align-items:center}.rt-side-menu-favorites__row.cdk-drag-preview{--rt-side-menu-favorites-preview-radius: var(--rt-radius-full);--rt-side-menu-favorites-preview-shadow: var(--rt-shadow-md);border-radius:var(--rt-side-menu-favorites-preview-radius);box-shadow:var(--rt-side-menu-favorites-preview-shadow)}.rt-side-menu-favorites__row.cdk-drag-preview .rt-side-menu-favorites__item{min-width:0;flex:1 1 auto;border-radius:var(--rt-side-menu-favorites-preview-radius);background:var(--rt-color-bg-surface)}.rt-side-menu-favorites__row.cdk-drag-placeholder{opacity:0}.rt-side-menu-favorites__handle{flex-shrink:0;cursor:grab;opacity:0}.rt-side-menu-favorites__handle:active{cursor:grabbing}@media(hover:none){.rt-side-menu-favorites__handle{opacity:1}}.rt-side-menu-favorites__row:hover .rt-side-menu-favorites__handle,.rt-side-menu-favorites__row:has(:focus-visible) .rt-side-menu-favorites__handle,.rt-side-menu-favorites__row.cdk-drag-preview .rt-side-menu-favorites__handle{opacity:1}@media(hover:hover){.rt-side-menu--favorite-actions-none .rt-side-menu-favorites__handle{overflow:hidden;width:0;margin-inline-start:calc(var(--rt-space-sm) * -1)}.rt-side-menu--favorite-actions-none .rt-side-menu-favorites__row:hover .rt-side-menu-favorites__handle,.rt-side-menu--favorite-actions-none .rt-side-menu-favorites__row:has(:focus-visible) .rt-side-menu-favorites__handle{overflow:visible;width:auto;margin-inline-start:0}}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { handles: [{ type: i0.ViewChildren, args: ['handle', { ...{
+                            read: ElementRef,
+                        }, isSignal: true }] }], clickSubMenuAction: [{ type: i0.Output, args: ["clickSubMenuAction"] }], clickSubMenuAdditionalAction: [{ type: i0.Output, args: ["clickSubMenuAdditionalAction"] }] } });
+
+/**
+ * Ходьба по подменю с клавиатуры. Проверяется вызовом, без подъёма компонента.
+ *
+ * Клавиши слушает поле поиска: фокус из поля не уходит, и между стрелками работает набор текста.
+ * Съедаются только клавиши ходьбы — на остальные ответ отрицательный, иначе поле перестанет
+ * принимать буквы. Подсветка держится по номеру пункта: видимый список пересобирается на каждую
+ * букву запроса.
+ */
+class RtSubMenuKeyboard {
+    #highlightedId;
+    /**
+     * Папки, раскрытые и свёрнутые стрелками. Два списка: раскрытость приходит ещё и от поиска и от
+     * активного адреса, и свернуть такую папку можно, только помня об этом отдельно.
+     */
+    #openedIds;
+    #closedIds;
+    #hooks;
+    constructor(hooks) {
+        this.#highlightedId = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#highlightedId" }] : /* istanbul ignore next */ []));
+        /**
+         * Папки, раскрытые и свёрнутые стрелками. Два списка: раскрытость приходит ещё и от поиска и от
+         * активного адреса, и свернуть такую папку можно, только помня об этом отдельно.
+         */
+        this.#openedIds = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#openedIds" }] : /* istanbul ignore next */ []));
+        this.#closedIds = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#closedIds" }] : /* istanbul ignore next */ []));
+        this.highlightedId = this.#highlightedId.asReadonly();
+        this.openedIds = this.#openedIds.asReadonly();
+        this.closedIds = this.#closedIds.asReadonly();
+        this.#hooks = hooks;
+    }
+    /** Всё, что клавиатура успела наделать, снимается: набран новый запрос или подменю закрылось. */
+    reset() {
+        this.#highlightedId.set(null);
+        this.#openedIds.set([]);
+        this.#closedIds.set([]);
+    }
+    /** Нажата клавиша в поле поиска. Отвечает, съедена ли она: только съеденная отменяет умолчание. */
+    press(key, items, expandedIds) {
+        const walk = walkSideMenuItems(items, expandedIds);
+        const current = walk.find((item) => item.id === this.#highlightedId()) ?? null;
+        switch (key) {
+            case 'ArrowDown':
+            case 'ArrowUp':
+                this.#highlightedId.set(stepSideMenuHighlight(walk, this.#highlightedId(), key === 'ArrowDown' ? 1 : -1));
+                return true;
+            case 'ArrowRight':
+                return this.setFolderOpen(current, true);
+            case 'ArrowLeft':
+                return this.setFolderOpen(current, false);
+            case 'Enter':
+                return this.#enter(current);
+            case 'Escape':
+                this.reset();
+                this.#hooks.clearQuery();
+                return true;
+            default:
+                return false;
+        }
+    }
+    /** Enter открывает подсвеченное: у пункта со ссылкой это переход, у папки — раскрытие. */
+    #enter(item) {
+        if (item === null) {
+            return false;
+        }
+        if (item.link) {
+            this.#hooks.open(item);
+            return true;
+        }
+        return this.setFolderOpen(item, true);
+    }
+    /** Раскрыть или свернуть папку: стрелкой, Enter или нажатием её заголовка. */
+    setFolderOpen(item, open) {
+        if (item === null || !item.submenu?.length) {
+            return false;
+        }
+        const without = (ids) => ids.filter((id) => id !== item.id);
+        this.#openedIds.update((ids) => (open ? [...without(ids), item.id] : without(ids)));
+        this.#closedIds.update((ids) => (open ? without(ids) : [...without(ids), item.id]));
+        return true;
+    }
+}
+
+/**
+ * Тяга ширины закреплённого подменю: натянутая ширина и снятие слушателей. Механика событий —
+ * `startSideMenuWidthDrag` в логике рядом, здесь держится только то, что живёт дольше одного события.
+ */
+class RtSideMenuResize {
+    /** Натянутая ширина. Пустая — тяги нет, и ширину ставит потребитель или оформление. */
+    #draggedWidth;
+    #listen;
+    #hooks;
+    #stop;
+    /**
+     * Меню, разрушенное посреди тяги, кончает её здесь же: иначе накрытие чужих кадров, снимаемое по
+     * концу, осталось бы стоять.
+     */
+    constructor(listen, hooks, destroyRef) {
+        /** Натянутая ширина. Пустая — тяги нет, и ширину ставит потребитель или оформление. */
+        this.#draggedWidth = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#draggedWidth" }] : /* istanbul ignore next */ []));
+        this.#stop = null;
+        this.draggedWidth = this.#draggedWidth.asReadonly();
+        /**
+         * Ширина для диктора: только то, что кит знает сам. Не названо ничего и ничего не тянули — числа
+         * нет: выдуманное назвало бы ширину, которой панель не нарисована.
+         */
+        this.valueNow = computed(() => {
+            const width = this.#draggedWidth() ?? this.#hooks.namedWidth();
+            return width === null ? null : clampSideMenuWidth(width);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "valueNow" }] : /* istanbul ignore next */ []));
+        this.#listen = listen;
+        this.#hooks = hooks;
+        destroyRef?.onDestroy(() => this.finish());
+    }
+    /** Тяга идёт. Второе нажатие при начатой тяге ничего не начинает: указатель уже захвачен. */
+    isRunning() {
+        return this.#stop !== null;
+    }
+    /**
+     * Нажата клавиша на ручке. Просьба о ширине уходит сразу: жеста нет, и держать её не до чего.
+     * Отрицательный ответ — клавиша не о ширине, и умолчание у неё не отменяется.
+     */
+    pressKey(key, from) {
+        const width = sideMenuWidthByKey(key, from);
+        if (width === null) {
+            return false;
+        }
+        this.#hooks.askWidth(width);
+        return true;
+    }
+    start(event, startWidth) {
+        if (this.isRunning()) {
+            return;
+        }
+        const stop = startSideMenuWidthDrag(event, startWidth, this.#listen, {
+            onWidth: (width) => this.#draggedWidth.set(width),
+            onEnd: () => this.finish(),
+        });
+        if (stop !== null) {
+            this.#stop = stop;
+            this.#hooks.started();
+        }
+    }
+    /** Конец тяги. Наружу уходит то число, которым панель нарисована: нижний предел держит оформление. */
+    finish() {
+        if (!this.isRunning()) {
+            return;
+        }
+        // Замер идёт до сброса натянутой ширины: сбросив её, панель перерисуют, и мерить будет нечего.
+        const width = this.#draggedWidth();
+        const drawn = width === null ? null : reportedSideMenuWidth(width, this.#hooks.panel());
+        this.#stop?.();
+        this.#stop = null;
+        this.#draggedWidth.set(null);
+        if (drawn !== null) {
+            this.#hooks.askWidth(drawn);
+        }
+        this.#hooks.ended();
+    }
+}
+
+/** Шапка бокового меню: над полосой пунктов. */
+class RtSideMenuHeaderDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtSideMenuHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: RtSideMenuHeaderDirective, isStandalone: true, selector: "[rtSideMenuHeader]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtSideMenuHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rtSideMenuHeader]',
+                }]
+        }] });
+/** Подвал бокового меню: под полосой пунктов. */
+class RtSideMenuFooterDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtSideMenuFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: RtSideMenuFooterDirective, isStandalone: true, selector: "[rtSideMenuFooter]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtSideMenuFooterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rtSideMenuFooter]',
+                }]
+        }] });
+/**
+ * Помечает `<ng-template>` своего значка пунктов меню — для имён, которых нет ни в наборе кита, ни
+ * в перечне имён Material. Шаблон один на меню и рисует и значок строки, и значок кнопки строки; кит
+ * ставит его на место значка размером значка и цветом строки. Рисунок выбирают по `icon` контекста.
+ * Значок, который кит рисует сам, шаблон не перебивает.
+ *
+ * ```html
+ * <rt-side-menu [menuItems]="items">
+ *     <ng-template rtSideMenuIcon let-icon="icon"><img [src]="'/icons/' + icon + '.svg'" alt="" /></ng-template>
+ * </rt-side-menu>
+ * ```
+ */
+class RtSideMenuIconDirective {
+    constructor() {
+        this.templateRef = inject(TemplateRef);
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- второй довод стража контекста шаблона стоит только в типе-предикате; убрать его нечем, подпись задаёт каркас
+    static ngTemplateContextGuard(_directive, context) {
+        return true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtSideMenuIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: RtSideMenuIconDirective, isStandalone: true, selector: "ng-template[rtSideMenuIcon]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtSideMenuIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[rtSideMenuIcon]',
+                }]
+        }] });
+
+const BEM_BLOCK = 'rt-side-menu';
+/**
+ * Боковая навигация: полоса пунктов и подменю раздела рядом. Перенос бокового меню первого кита на
+ * части второго; `rt-menu` — другое семейство, выпадающее меню действий.
+ */
+class RtSideMenuComponent {
+    #breakpoints;
+    #renderer;
+    /** Настройки меню, если приложение их включило: режим и ширина хранятся там под `menuId`. */
+    #settings;
+    /** Тяга ширины: просьба уходит одна, на отпускании — в настройки меню и наружу. */
+    #resize;
+    /** Ходьба с клавиатуры открывает пункт настоящим нажатием его строки — той же дорогой, что и мышь. */
+    #keyboard;
+    /** Подменю открыл указатель. У закреплённого режима открытость считается иначе. */
+    #hoverOpened;
+    /** Человек в поле поиска: подменю держится открытым до нажатия снаружи. */
+    #searchHeld;
+    /** Строку избранного тянут: уход указателя за панель подменю не закрывает. */
+    #dragHeld;
+    /**
+     * Режим и ширина в работе: вход приложения, иначе сохранённые под номером меню. Без кнопки
+     * закрепления сохранённый режим не читается: открепить меню, закреплённое раньше, было бы нечем.
+     */
+    #mode;
+    #width;
+    #pinnedSubMenu;
+    constructor() {
+        this.#breakpoints = inject(BreakpointsService);
+        this.#renderer = inject(Renderer2);
+        /** Настройки меню, если приложение их включило: режим и ширина хранятся там под `menuId`. */
+        this.#settings = inject(RtSideMenuSettingsService, { optional: true });
+        /** Тяга ширины: просьба уходит одна, на отпускании — в настройки меню и наружу. */
+        this.#resize = new RtSideMenuResize((target, name, handler) => this.#renderer.listen(target, name, handler), {
+            askWidth: (width) => {
+                this.#settings?.setSubMenuWidth(this.menuId(), width);
+                this.subMenuWidthChange.emit(width);
+            },
+            started: () => this.subMenuResizeStart.emit(),
+            ended: () => this.subMenuResizeEnd.emit(),
+            panel: () => this.panelRef()?.nativeElement ?? null,
+            namedWidth: () => this.#width(),
+        }, inject(DestroyRef));
+        /** Ходьба с клавиатуры открывает пункт настоящим нажатием его строки — той же дорогой, что и мышь. */
+        this.#keyboard = new RtSubMenuKeyboard({
+            open: (item) => this.#pressRow(item),
+            clearQuery: () => this.searchControl.setValue(''),
+        });
+        /** Подменю открыл указатель. У закреплённого режима открытость считается иначе. */
+        this.#hoverOpened = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#hoverOpened" }] : /* istanbul ignore next */ []));
+        /** Человек в поле поиска: подменю держится открытым до нажатия снаружи. */
+        this.#searchHeld = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#searchHeld" }] : /* istanbul ignore next */ []));
+        /** Строку избранного тянут: уход указателя за панель подменю не закрывает. */
+        this.#dragHeld = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#dragHeld" }] : /* istanbul ignore next */ []));
+        /**
+         * Режим и ширина в работе: вход приложения, иначе сохранённые под номером меню. Без кнопки
+         * закрепления сохранённый режим не читается: открепить меню, закреплённое раньше, было бы нечем.
+         */
+        this.#mode = computed(() => this.subMenuMode() ?? (this.pinShown() ? this.#settings?.subMenuMode(this.menuId())() : undefined) ?? 'hover', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#mode" }] : /* istanbul ignore next */ []));
+        this.#width = computed(() => this.subMenuWidth() ?? this.#settings?.subMenuWidth(this.menuId())() ?? null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#width" }] : /* istanbul ignore next */ []));
+        this.#pinnedSubMenu = computed(() => this.isPinned() ? pinnedSideMenuItems(this.selectedSubMenu(), this.activeMenuIds(), this.menuItems()) : [], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#pinnedSubMenu" }] : /* istanbul ignore next */ []));
+        this.searchControl = new FormControl('');
+        this.panelRef = viewChild('panel', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "panelRef" }] : /* istanbul ignore next */ []));
+        this.headerTpl = contentChild(RtSideMenuHeaderDirective, { ...(ngDevMode ? { debugName: "headerTpl" } : /* istanbul ignore next */ {}), read: TemplateRef });
+        this.footerTpl = contentChild(RtSideMenuFooterDirective, { ...(ngDevMode ? { debugName: "footerTpl" } : /* istanbul ignore next */ {}), read: TemplateRef });
+        this.searchLabel = rtKitLabel('sideMenuSearch');
+        this.pinLabel = rtKitLabel('sideMenuPin');
+        this.unpinLabel = rtKitLabel('sideMenuUnpin');
+        this.nothingFoundLabel = rtKitLabel('sideMenuNothingFound');
+        this.resizeLabel = rtKitLabel('sideMenuResize');
+        this.backLabel = rtKitLabel('sideMenuBack');
+        /** Экран узкий: замер кита, и другого источника у этого признака нет. */
+        this.narrow = this.#breakpoints.narrow;
+        this.resizeValueNow = this.#resize.valueNow;
+        this.resizeValueMin = RT_SIDE_MENU_WIDTH_MIN;
+        this.resizeValueMax = RT_SIDE_MENU_WIDTH_MAX;
+        /** Натянутая ширина панели. Своего выбора нет — свойство не ставится, и ширину берёт оформление. */
+        this.panelWidthStyle = computed(() => {
+            const width = this.#resize.draggedWidth() ?? this.#width();
+            return width === null ? null : `${clampSideMenuWidth(width)}px`;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "panelWidthStyle" }] : /* istanbul ignore next */ []));
+        /** Закрепление действует только на широком экране: на узком подменю занимает экран целиком. */
+        this.isPinned = computed(() => this.#mode() === 'pinned' && !this.narrow(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isPinned" }] : /* istanbul ignore next */ []));
+        /** Подменю держится набором запроса: уходом указателя не закрывается. */
+        this.isSearchHeld = computed(() => this.#searchHeld() && !this.isPinned(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isSearchHeld" }] : /* istanbul ignore next */ []));
+        /** Закреплённое подменю открыто, пока ему есть что показать: указатель на это не влияет. */
+        this.subMenuOpened = computed(() => this.isPinned() ? this.#pinnedSubMenu().length > 0 : this.#hoverOpened(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "subMenuOpened" }] : /* istanbul ignore next */ []));
+        this.visibleSubMenuItems = computed(() => filterSideMenuItems(this.shownSubMenu(), this.subMenuQuery()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "visibleSubMenuItems" }] : /* istanbul ignore next */ []));
+        this.isNothingFound = computed(() => this.subMenuQuery().trim() !== '' && this.visibleSubMenuItems().length === 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isNothingFound" }] : /* istanbul ignore next */ []));
+        /** Пункт полосы подсвечен активным: выбранный человеком, а без выбора — пункт текущего адреса. */
+        this.activeRailIds = computed(() => {
+            const selected = this.selectedItem();
+            return selected ? [selected.id] : this.activeMenuIds();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "activeRailIds" }] : /* istanbul ignore next */ []));
+        /** Набор, который подменю наполняет сейчас, до отбора поиском. */
+        this.shownSubMenu = computed(() => this.isPinned() ? this.#pinnedSubMenu() : (this.selectedSubMenu() ?? []), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "shownSubMenu" }] : /* istanbul ignore next */ []));
+        this.selectedItem = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedItem" }] : /* istanbul ignore next */ []));
+        this.selectedSubMenu = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedSubMenu" }] : /* istanbul ignore next */ []));
+        /** Что набрано в поиске: строка берёт запрос отсюда, чтобы отметить совпавшее. */
+        this.subMenuQuery = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "subMenuQuery" }] : /* istanbul ignore next */ []));
+        this.highlightedMenuId = this.#keyboard.highlightedId;
+        /**
+         * Какие папки раскрыты. Пустой запрос оставляет раздел текущего адреса; непустой добавляет
+         * папки с совпадением — иначе найденное лежит за закрытым заголовком.
+         */
+        this.expandedMenuIds = computed(() => {
+            const found = this.subMenuQuery().trim() === '' ? [] : sideMenuIdsToExpand(this.visibleSubMenuItems());
+            const closed = this.#keyboard.closedIds();
+            return [...this.activeMenuIds(), ...found, ...this.#keyboard.openedIds()].filter((id) => !closed.includes(id));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "expandedMenuIds" }] : /* istanbul ignore next */ []));
+        this.activeMenuIds = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "activeMenuIds" }] : /* istanbul ignore next */ []));
+        this.menuItems = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "menuItems" }] : /* istanbul ignore next */ []));
+        /** Режим подменю от приложения. Задан — важнее сохранённого; нет ни того, ни другого — наведение. */
+        this.subMenuMode = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "subMenuMode" }] : /* istanbul ignore next */ []));
+        /** Ширина закреплённого подменю в пикселях. Пусто — сохранённая, её нет — оформление. */
+        this.subMenuWidth = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "subMenuWidth" }] : /* istanbul ignore next */ []));
+        /** Номер, под которым меню хранит свои настройки: у двух меню приложения — два номера. */
+        this.menuId = input(RT_SIDE_MENU_DEFAULT_ID, { ...(ngDevMode ? { debugName: "menuId" } : /* istanbul ignore next */ {}), transform: normalizeSideMenuId });
+        /** Число строк в заголовке блока избранного: всегда, у свёрнутого блока или никогда. */
+        this.favoritesCount = input('collapsed', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "favoritesCount" }] : /* istanbul ignore next */ []));
+        /** Место под кнопки избранного, ждущие наведения: держать всегда или отдавать подписи. */
+        this.favoriteActionsReserve = input('none', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "favoriteActionsReserve" }] : /* istanbul ignore next */ []));
+        /** Поиск показывает совпавшие строки избранного; выключено — на время поиска блока нет. */
+        this.isFavoritesSearchShown = input(true, { ...(ngDevMode ? { debugName: "isFavoritesSearchShown" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Кнопка закрепления в шапке подменю; выключено — подменю только всплывает, если режим не задан входом. */
+        this.pinShown = input(true, { ...(ngDevMode ? { debugName: "pinShown" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Подсказки строк подменю — у подписей и у кнопок строк. Доступные имена остаются. */
+        this.subMenuTooltipsShown = input(true, { ...(ngDevMode ? { debugName: "subMenuTooltipsShown" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.subMenuModeChange = output();
+        this.subMenuWidthChange = output();
+        /** Начало и конец тяги: по ним потребитель накрывает чужие кадры и снимает накрытие. */
+        this.subMenuResizeStart = output();
+        this.subMenuResizeEnd = output();
+        this.closeMobileMenuAction = output();
+        this.clickSubMenuAction = output();
+        this.clickSubMenuAdditionalAction = output();
+        /** Свой значок пунктов, чьё имя кит не рисует; подпункты читают его через токен меню. */
+        this.ownIconTpl = contentChild(RtSideMenuIconDirective, { ...(ngDevMode ? { debugName: "ownIconTpl" } : /* istanbul ignore next */ {}), read: TemplateRef });
+        this.searchControl.valueChanges.pipe(takeUntilDestroyed()).subscribe((query) => {
+            this.subMenuQuery.set(query ?? '');
+            this.onSearchHold();
+            // Видимый список пересобрался: подсветка и раскрытое стрелками к нему больше не относятся.
+            this.#keyboard.reset();
+        });
+        // Имя без значка кита и без пары рисует пункт без значка, и пропуск без предупреждения не заметен.
+        if (isDevMode()) {
+            effect(() => {
+                const unpaired = unpairedSideMenuIcons(this.menuItems(), this.ownIconTpl() !== undefined);
+                if (unpaired.length) {
+                    const names = unpaired.map((name) => `«${name}»`).join(', ');
+                    // eslint-disable-next-line no-console -- предупреждение разработчику приложения: другого канала у кита нет
+                    console.warn(`rt-side-menu «${this.menuId()}»: значков ${names} нет ни в наборе кита, ни в перечне имён Material. ` +
+                        'Задайте имя кита или свой значок через <ng-template rtSideMenuIcon>.');
+                }
+            });
+        }
+    }
+    onClickMenu(item) {
+        if (this.isPinned()) {
+            this.#pickPinnedSubMenu(item);
+            this.closeMobileMenu();
+            return;
+        }
+        this.selectedItem.set(item);
+        if (item.submenu) {
+            this.selectedSubMenu.set(item.submenu);
+            this.#hoverOpened.set(true);
+        }
+        else if (this.selectedSubMenu()) {
+            this.closeSubMenu();
+        }
+        else {
+            // У пункта нет подменю, и открытого подменю тоже нет — закрывать нечего.
+        }
+        if (item.link) {
+            this.closeMobileMenu();
+        }
+    }
+    onClickSubMenu({ item, event }) {
+        if (!item.link) {
+            return;
+        }
+        this.clickSubMenuAction.emit({ item, event });
+        if (!this.isPinned()) {
+            this.closeSubMenu();
+        }
+        this.closeMobileMenu();
+    }
+    onClickSubMenuAdditional(payload) {
+        this.clickSubMenuAdditionalAction.emit(payload);
+    }
+    onBackToMainMenu() {
+        this.selectedItem.set(null);
+        this.selectedSubMenu.set(null);
+        this.searchControl.setValue('', { emitEvent: false });
+        this.subMenuQuery.set('');
+    }
+    /** Наведение на пункт полосы открывает его подменю; уход указателя с панели — без пункта. */
+    toggleSubMenu(item) {
+        if (this.isPinned() || (item === undefined && (this.#searchHeld() || this.#dragHeld()))) {
+            return;
+        }
+        if (item?.submenu) {
+            this.selectedSubMenu.set(item.submenu);
+            this.#hoverOpened.set(true);
+        }
+        else if (this.selectedItem()?.submenu) {
+            this.selectedSubMenu.set(this.selectedItem()?.submenu ?? null);
+        }
+        else {
+            this.closeSubMenu();
+        }
+    }
+    closeSubMenu() {
+        this.selectedItem.set(null);
+        this.selectedSubMenu.set(null);
+        this.searchControl.setValue('', { emitEvent: false });
+        this.subMenuQuery.set('');
+        this.#hoverOpened.set(false);
+        this.#searchHeld.set(false);
+        this.#keyboard.reset();
+    }
+    holdSubMenu(held) {
+        this.#dragHeld.set(held);
+    }
+    toggleFolder(item) {
+        this.#keyboard.setFolderOpen(item, !this.expandedMenuIds().includes(item.id));
+    }
+    /** Человек взялся за поле поиска: дальше подменю закрывает нажатие снаружи, а не уход указателя. */
+    onSearchHold() {
+        if (!this.isPinned()) {
+            this.#searchHeld.set(true);
+        }
+    }
+    /** Клавиши поля поиска раздаются списку; умолчание отменяется только у съеденной. */
+    onSearchKeydown(event) {
+        if (this.#keyboard.press(event.key, this.visibleSubMenuItems(), this.expandedMenuIds())) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+    }
+    /** Нажат переключатель режима: выбор уходит в настройки меню и наружу. */
+    onSubMenuModeToggle() {
+        const mode = this.isPinned() ? 'hover' : 'pinned';
+        this.#settings?.setSubMenuMode(this.menuId(), mode);
+        this.subMenuModeChange.emit(mode);
+    }
+    onResizeStart(event) {
+        if (!this.isPinned() || this.#resize.isRunning() || event.button !== 0) {
+            return;
+        }
+        // Иначе указатель выделяет подписи пунктов, и тяга выглядит выделением текста.
+        event.preventDefault();
+        this.#resize.start(event, this.#width() ?? drawnSideMenuWidth(this.panelRef()?.nativeElement ?? null));
+    }
+    onResizeKeydown(event) {
+        const from = this.#width() ?? drawnSideMenuWidth(this.panelRef()?.nativeElement ?? null);
+        if (this.isPinned() && this.#resize.pressKey(event.key, from)) {
+            event.preventDefault();
+        }
+    }
+    closeMobileMenu() {
+        if (this.narrow()) {
+            this.closeMobileMenuAction.emit();
+        }
+    }
+    /**
+     * Нажат пункт полосы, пока подменю закреплено: нажатие — выбор раздела. Пункт со своим адресом и
+     * без разделов выбор снимает: у страницы нет разделов, и панель прежнего раздела врала бы.
+     */
+    #pickPinnedSubMenu(item) {
+        if (item.submenu?.length) {
+            this.selectedItem.set(item);
+            this.selectedSubMenu.set(item.submenu);
+        }
+        else if (item.link) {
+            this.selectedItem.set(null);
+            this.selectedSubMenu.set(null);
+        }
+        else {
+            return;
+        }
+        this.searchControl.setValue('', { emitEvent: false });
+        this.subMenuQuery.set('');
+    }
+    /**
+     * Строка ищется по номеру среди узлов панели с id и нажимается как мышью: у ссылки номер стоит
+     * на ней самой, у папки — на кнопке заголовка её раскрывающейся панели.
+     */
+    #pressRow(item) {
+        const rows = Array.from(this.panelRef()?.nativeElement.querySelectorAll('[id]') ?? []);
+        rows.find((row) => row.id === String(item.id))?.click();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtSideMenuComponent, isStandalone: true, selector: "rt-side-menu", inputs: { activeMenuIds: { classPropertyName: "activeMenuIds", publicName: "activeMenuIds", isSignal: true, isRequired: true, transformFunction: null }, menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: false, transformFunction: null }, subMenuMode: { classPropertyName: "subMenuMode", publicName: "subMenuMode", isSignal: true, isRequired: false, transformFunction: null }, subMenuWidth: { classPropertyName: "subMenuWidth", publicName: "subMenuWidth", isSignal: true, isRequired: false, transformFunction: null }, menuId: { classPropertyName: "menuId", publicName: "menuId", isSignal: true, isRequired: false, transformFunction: null }, favoritesCount: { classPropertyName: "favoritesCount", publicName: "favoritesCount", isSignal: true, isRequired: false, transformFunction: null }, favoriteActionsReserve: { classPropertyName: "favoriteActionsReserve", publicName: "favoriteActionsReserve", isSignal: true, isRequired: false, transformFunction: null }, isFavoritesSearchShown: { classPropertyName: "isFavoritesSearchShown", publicName: "isFavoritesSearchShown", isSignal: true, isRequired: false, transformFunction: null }, pinShown: { classPropertyName: "pinShown", publicName: "pinShown", isSignal: true, isRequired: false, transformFunction: null }, subMenuTooltipsShown: { classPropertyName: "subMenuTooltipsShown", publicName: "subMenuTooltipsShown", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { subMenuModeChange: "subMenuModeChange", subMenuWidthChange: "subMenuWidthChange", subMenuResizeStart: "subMenuResizeStart", subMenuResizeEnd: "subMenuResizeEnd", closeMobileMenuAction: "closeMobileMenuAction", clickSubMenuAction: "clickSubMenuAction", clickSubMenuAdditionalAction: "clickSubMenuAdditionalAction" }, host: { properties: { "class.rt-side-menu--pinned": "isPinned()", "style.--rt-side-menu-panel-dragged-width": "panelWidthStyle()", "class.rt-side-menu--favorite-actions-none": "favoriteActionsReserve() === 'none'" }, classAttribute: "rt-side-menu" }, providers: [{ provide: RT_SIDE_MENU, useExisting: RtSideMenuComponent }], queries: [{ propertyName: "headerTpl", first: true, predicate: RtSideMenuHeaderDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "footerTpl", first: true, predicate: RtSideMenuFooterDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "ownIconTpl", first: true, predicate: RtSideMenuIconDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "panelRef", first: true, predicate: ["panel"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container rtBlock=\"rt-side-menu\">\n    @if (narrow()) {\n        <!-- \u0423\u0437\u043A\u0438\u0439 \u044D\u043A\u0440\u0430\u043D: \u043E\u0434\u0438\u043D \u0441\u0442\u043E\u043B\u0431\u0435\u0446 \u2014 \u0433\u043B\u0430\u0432\u043D\u044B\u0435 \u043F\u0443\u043D\u043A\u0442\u044B \u0438\u043B\u0438 \u043F\u043E\u0434\u043C\u0435\u043D\u044E \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0440\u0430\u0437\u0434\u0435\u043B\u0430 \u0441 \u043A\u043D\u043E\u043F\u043A\u043E\u0439 \u043D\u0430\u0437\u0430\u0434. -->\n        <rt-scroll-area rtElem=\"mobile\" [isScrollHintShown]=\"true\">\n            @if (headerTpl(); as header) {\n                <ng-container *rtScrollAreaHeader>\n                    <ng-container [ngTemplateOutlet]=\"header\" />\n                </ng-container>\n            }\n\n            <ng-container *rtScrollAreaContent>\n                @if (selectedSubMenu()?.length) {\n                    <div rtElem=\"mobile-sub\">\n                        <button type=\"button\" rtElem=\"back\" qa-dataid=\"side-menu-back\" (click)=\"onBackToMainMenu()\">\n                            <rt-icon rtElem=\"back-icon\" size=\"sm\" name=\"arrow-left\" />\n                            <span rtElem=\"back-label\">{{ backLabel() }}</span>\n                        </button>\n\n                        <ng-container [ngTemplateOutlet]=\"subMenuTpl\" />\n                    </div>\n                } @else {\n                    <nav rtElem=\"mobile-list\">\n                        @for (item of menuItems(); track item.id) {\n                            <ng-container [ngTemplateOutlet]=\"mobileItemTpl\" [ngTemplateOutletContext]=\"{ $implicit: item }\" />\n                        }\n                    </nav>\n                }\n            </ng-container>\n\n            @if (footerTpl(); as footer) {\n                <ng-container *rtScrollAreaFooter>\n                    <ng-container [ngTemplateOutlet]=\"footer\" />\n                </ng-container>\n            }\n        </rt-scroll-area>\n    } @else {\n        <rt-scroll-area rtElem=\"rail\" [isScrollHintShown]=\"true\">\n            @if (headerTpl(); as header) {\n                <ng-container *rtScrollAreaHeader>\n                    <ng-container [ngTemplateOutlet]=\"header\" />\n                </ng-container>\n            }\n\n            <ng-container *rtScrollAreaContent>\n                <nav rtElem=\"rail-list\">\n                    @for (item of menuItems(); track item.id) {\n                        <ng-container [ngTemplateOutlet]=\"railItemTpl\" [ngTemplateOutletContext]=\"{ $implicit: item }\" />\n                    }\n                </nav>\n            </ng-container>\n\n            @if (footerTpl(); as footer) {\n                <ng-container *rtScrollAreaFooter>\n                    <ng-container [ngTemplateOutlet]=\"footer\" />\n                </ng-container>\n            }\n        </rt-scroll-area>\n\n        @if (subMenuOpened()) {\n            @if (isSearchHeld()) {\n                <!-- \u041F\u043E\u0434\u043B\u043E\u0436\u043A\u0430 \u043D\u0435\u0437\u0430\u043A\u0440\u0435\u043F\u043B\u0451\u043D\u043D\u043E\u0439 \u043F\u0430\u043D\u0435\u043B\u0438: \u043F\u043E\u0434\u043C\u0435\u043D\u044E, \u0432\u0437\u044F\u0442\u043E\u0435 \u043F\u043E\u043B\u0435\u043C \u043F\u043E\u0438\u0441\u043A\u0430, \u0437\u0430\u043A\u0440\u044B\u0432\u0430\u0435\u0442 \u043D\u0430\u0436\u0430\u0442\u0438\u0435 \u0441\u043D\u0430\u0440\u0443\u0436\u0438. -->\n                <div\n                    rtElem=\"backdrop\"\n                    qa-dataid=\"side-menu-backdrop\"\n                    tabindex=\"-1\"\n                    (click)=\"closeSubMenu()\"\n                    (keydown.escape)=\"closeSubMenu()\"></div>\n            }\n\n            <div\n                #panel\n                rtElem=\"panel\"\n                qa-dataid=\"side-menu-panel\"\n                [rtMod]=\"{ pinned: isPinned(), held: isSearchHeld() }\"\n                (mouseleave)=\"toggleSubMenu()\">\n                <div rtElem=\"panel-head\">\n                    <rt-input\n                        rtElem=\"search\"\n                        qa-dataid=\"side-menu-search\"\n                        size=\"sm\"\n                        iconLeft=\"search\"\n                        [placeholder]=\"searchLabel()\"\n                        [ariaLabel]=\"searchLabel()\"\n                        [formControl]=\"searchControl\"\n                        (focusin)=\"onSearchHold()\"\n                        (keydown)=\"onSearchKeydown($event)\" />\n\n                    @if (pinShown()) {\n                        <rt-icon-button\n                            rtElem=\"pin\"\n                            qa-dataid=\"side-menu-pin\"\n                            size=\"sm\"\n                            icon=\"pin\"\n                            [iconFill]=\"isPinned()\"\n                            [active]=\"isPinned()\"\n                            [ariaLabel]=\"isPinned() ? unpinLabel() : pinLabel()\"\n                            [tooltip]=\"isPinned() ? unpinLabel() : pinLabel()\"\n                            (clicked)=\"onSubMenuModeToggle()\" />\n                    }\n                </div>\n\n                <rt-scroll-area rtElem=\"panel-body\">\n                    <ng-container *rtScrollAreaContent>\n                        <ng-container [ngTemplateOutlet]=\"subMenuTpl\" />\n                    </ng-container>\n                </rt-scroll-area>\n            </div>\n\n            @if (isPinned()) {\n                <!-- \u0420\u0443\u0447\u043A\u0430 \u0435\u0441\u0442\u044C \u0442\u043E\u043B\u044C\u043A\u043E \u0443 \u0437\u0430\u043A\u0440\u0435\u043F\u043B\u0451\u043D\u043D\u043E\u0433\u043E \u043F\u043E\u0434\u043C\u0435\u043D\u044E: \u043D\u0435\u0437\u0430\u043A\u0440\u0435\u043F\u043B\u0451\u043D\u043D\u043E\u0435 \u0443\u0445\u043E\u0434\u0438\u0442 \u0440\u0430\u043D\u044C\u0448\u0435, \u0447\u0435\u043C \u0434\u043E \u043A\u0440\u0430\u044F \u0434\u043E\u0435\u0434\u0435\u0442 \u0440\u0443\u043A\u0430. -->\n                <div\n                    rtElem=\"resizer\"\n                    qa-dataid=\"side-menu-resize\"\n                    role=\"separator\"\n                    aria-orientation=\"vertical\"\n                    tabindex=\"0\"\n                    [attr.aria-label]=\"resizeLabel()\"\n                    [attr.aria-valuenow]=\"resizeValueNow()\"\n                    [attr.aria-valuemin]=\"resizeValueNow() === null ? null : resizeValueMin\"\n                    [attr.aria-valuemax]=\"resizeValueNow() === null ? null : resizeValueMax\"\n                    (pointerdown)=\"onResizeStart($event)\"\n                    (keydown)=\"onResizeKeydown($event)\"></div>\n            }\n        }\n    }\n    <ng-template #subMenuTpl>\n        @if (narrow()) {\n            <rt-input\n                rtElem=\"search\"\n                qa-dataid=\"side-menu-search\"\n                size=\"sm\"\n                iconLeft=\"search\"\n                [placeholder]=\"searchLabel()\"\n                [ariaLabel]=\"searchLabel()\"\n                [formControl]=\"searchControl\"\n                (keydown)=\"onSearchKeydown($event)\" />\n        }\n\n        @if (isNothingFound()) {\n            <div rtElem=\"empty\" qa-dataid=\"side-menu-empty\">{{ nothingFoundLabel() }}</div>\n        }\n\n        <div rtElem=\"sub-list\">\n            <!-- \u0411\u043B\u043E\u043A \u0438\u0437\u0431\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0440\u0430\u0437\u0434\u0435\u043B\u0430: \u0441\u0430\u043C \u0440\u0435\u0448\u0430\u0435\u0442, \u0435\u0441\u0442\u044C \u043B\u0438 \u0435\u043C\u0443 \u0447\u0442\u043E \u043F\u043E\u043A\u0430\u0437\u0430\u0442\u044C, \u0438 \u0431\u0435\u0437 \u0441\u0442\u0440\u043E\u043A \u043C\u0435\u0441\u0442\u0430 \u043D\u0435 \u0437\u0430\u043D\u0438\u043C\u0430\u0435\u0442. -->\n            <rt-side-menu-favorites\n                (clickSubMenuAction)=\"onClickSubMenu($event)\"\n                (clickSubMenuAdditionalAction)=\"onClickSubMenuAdditional($event)\" />\n\n            @for (item of visibleSubMenuItems(); track item.id) {\n                <rt-side-menu-sub-item\n                    [item]=\"item\"\n                    (clickSubMenuAction)=\"onClickSubMenu($event)\"\n                    (clickSubMenuAdditionalAction)=\"onClickSubMenuAdditional($event)\" />\n            }\n        </div>\n    </ng-template>\n\n    <ng-template #railItemTpl let-item>\n        @let isActive = activeRailIds().includes(item.id);\n        @if (item.link) {\n            <a\n                rtElem=\"rail-item\"\n                qa-dataid=\"side-menu-item\"\n                [routerLink]=\"item.link\"\n                [rtMod]=\"{ active: isActive }\"\n                [attr.aria-current]=\"isActive ? 'page' : null\"\n                (mouseenter)=\"toggleSubMenu(item)\"\n                (click)=\"onClickMenu(item)\">\n                <ng-container [ngTemplateOutlet]=\"railItemBodyTpl\" [ngTemplateOutletContext]=\"{ $implicit: item }\" />\n            </a>\n        } @else {\n            <button\n                type=\"button\"\n                rtElem=\"rail-item\"\n                qa-dataid=\"side-menu-item\"\n                [rtMod]=\"{ active: isActive }\"\n                [attr.aria-expanded]=\"item.submenu?.length ? subMenuOpened() && selectedItem() === item : null\"\n                (mouseenter)=\"toggleSubMenu(item)\"\n                (click)=\"onClickMenu(item)\">\n                <ng-container [ngTemplateOutlet]=\"railItemBodyTpl\" [ngTemplateOutletContext]=\"{ $implicit: item }\" />\n            </button>\n        }\n    </ng-template>\n\n    <ng-template #railItemBodyTpl let-item>\n        @if (item.icon) {\n            <!-- \u0418\u043C\u044F Material \u043F\u0435\u0440\u0432\u043E\u0433\u043E \u043A\u0438\u0442\u0430 \u0440\u0438\u0441\u0443\u0435\u0442\u0441\u044F \u0441\u0432\u043E\u0435\u0439 \u043F\u0430\u0440\u043E\u0439; \u0438\u043C\u044F, \u043A\u043E\u0442\u043E\u0440\u043E\u0433\u043E \u043A\u0438\u0442 \u043D\u0435 \u0440\u0438\u0441\u0443\u0435\u0442, \u2014 \u0441\u0432\u043E\u0438\u043C \u0448\u0430\u0431\u043B\u043E\u043D\u043E\u043C \u043C\u0435\u043D\u044E. -->\n            @let kitIcon = item.icon | rtSideMenuIcon;\n            <span rtElem=\"rail-icon\">\n                @if (kitIcon) {\n                    <rt-icon [name]=\"kitIcon\" />\n                } @else if (ownIconTpl(); as own) {\n                    <span rtElem=\"own-icon\" qa-dataid=\"side-menu-own-icon\" aria-hidden=\"true\">\n                        <ng-container\n                            [ngTemplateOutlet]=\"own\"\n                            [ngTemplateOutletContext]=\"{ $implicit: item, icon: item.icon, slot: 'icon' }\" />\n                    </span>\n                }\n            </span>\n        }\n\n        @if (item.name) {\n            <span rtElem=\"rail-title\">{{ item.name }}</span>\n        }\n    </ng-template>\n\n    <ng-template #mobileItemTpl let-item>\n        @let isActive = activeRailIds().includes(item.id);\n        @if (item.link && !item.submenu?.length) {\n            <a\n                rtElem=\"mobile-item\"\n                qa-dataid=\"side-menu-item\"\n                [routerLink]=\"item.link\"\n                [rtMod]=\"{ active: isActive }\"\n                [attr.aria-current]=\"isActive ? 'page' : null\"\n                (click)=\"onClickMenu(item)\">\n                <ng-container [ngTemplateOutlet]=\"mobileItemBodyTpl\" [ngTemplateOutletContext]=\"{ $implicit: item }\" />\n            </a>\n        } @else {\n            <button\n                type=\"button\"\n                rtElem=\"mobile-item\"\n                qa-dataid=\"side-menu-item\"\n                [rtMod]=\"{ active: isActive }\"\n                (click)=\"onClickMenu(item)\">\n                <ng-container [ngTemplateOutlet]=\"mobileItemBodyTpl\" [ngTemplateOutletContext]=\"{ $implicit: item }\" />\n            </button>\n        }\n    </ng-template>\n\n    <ng-template #mobileItemBodyTpl let-item>\n        @if (item.icon) {\n            @let kitIcon = item.icon | rtSideMenuIcon;\n            @if (kitIcon) {\n                <rt-icon rtElem=\"mobile-icon\" [name]=\"kitIcon\" />\n            } @else if (ownIconTpl(); as own) {\n                <span rtElem=\"own-icon\" qa-dataid=\"side-menu-own-icon\" aria-hidden=\"true\">\n                    <ng-container [ngTemplateOutlet]=\"own\" [ngTemplateOutletContext]=\"{ $implicit: item, icon: item.icon, slot: 'icon' }\" />\n                </span>\n            }\n        }\n\n        <span rtElem=\"mobile-title\" [rtTooltip]=\"item.name\">{{ item.name }}</span>\n\n        @if (item.submenu?.length) {\n            <!-- \u0421\u0442\u0440\u0435\u043B\u043A\u0430 \u0440\u0430\u0437\u0434\u0435\u043B\u0430, \u043A\u0430\u043A \u0443 \u043F\u0435\u0440\u0432\u043E\u0433\u043E \u043A\u0438\u0442\u0430: \u043D\u0430\u0436\u0430\u0442\u0438\u0435 \u0443\u0432\u043E\u0434\u0438\u0442 \u0432 \u043F\u043E\u0434\u043C\u0435\u043D\u044E, \u0430 \u043D\u0435 \u0440\u0430\u0441\u043A\u0440\u044B\u0432\u0430\u0435\u0442 \u043D\u0430 \u043C\u0435\u0441\u0442\u0435. -->\n            <rt-icon rtElem=\"mobile-chevron\" size=\"sm\" name=\"arrow-right\" />\n        }\n    </ng-template>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-side-menu{--rt-side-menu-rail-width: 5.5rem;--rt-side-menu-panel-width: 15rem;--rt-side-menu-panel-held-width: 30rem;--rt-side-menu-mobile-width: 15rem;--rt-side-menu-panel-radius: var(--rt-radius-lg);--rt-side-menu-panel-shadow: var(--rt-shadow-nav-panel);--rt-side-menu-item-radius: var(--rt-radius-full);--rt-side-menu-resizer-border-width: var(--rt-border-width-thick);--rt-side-menu-panel-border-width: var(--rt-border-width-thin);--rt-side-menu-transition-duration: var(--rt-duration-fast);--rt-side-menu-panel-dragged-width: 0px;--rt-side-menu-panel-shown-width: max(var(--rt-side-menu-panel-width), var(--rt-side-menu-panel-dragged-width));position:relative;display:flex;height:100%;color:var(--rt-color-text-primary)}.rt-side-menu__rail{max-width:var(--rt-side-menu-rail-width);height:100%;box-sizing:border-box;flex:0 0 var(--rt-side-menu-rail-width);border-right:var(--rt-side-menu-panel-border-width) solid var(--rt-color-border-default);background:var(--rt-color-bg-surface)}.rt-side-menu__rail .rt-scroll-area__body{padding-inline:var(--rt-space-1)}.rt-side-menu__rail-list{display:flex;flex-direction:column;align-items:center;gap:var(--rt-space-md);padding-block:var(--rt-space-sm)}.rt-side-menu__rail-item{display:flex;width:100%;flex-direction:column;align-items:center;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;gap:var(--rt-space-1);text-decoration:none}.rt-side-menu__rail-item:focus-visible{outline:none}.rt-side-menu__rail-item:focus-visible .rt-side-menu__rail-icon{outline:var(--rt-focus-ring-width) solid var(--rt-focus-ring-color)}.rt-side-menu__rail-item:hover .rt-side-menu__rail-icon,.rt-side-menu__rail-item:active .rt-side-menu__rail-icon{background:var(--rt-color-bg-hover)}.rt-side-menu__rail-item--active .rt-side-menu__rail-icon,.rt-side-menu__rail-item--active:hover .rt-side-menu__rail-icon{background:var(--rt-color-action-primary-subtle);color:var(--rt-color-action-primary-on-surface)}.rt-side-menu__rail-icon{display:flex;width:3.5rem;height:2rem;align-items:center;justify-content:center;border-radius:var(--rt-side-menu-item-radius);transition:background-color var(--rt-side-menu-transition-duration) ease}.rt-side-menu__rail-title{max-width:100%;font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug);overflow-wrap:anywhere;text-align:center}.rt-side-menu__backdrop{position:fixed;z-index:var(--rt-z-dropdown);inset:0}.rt-side-menu__panel{position:absolute;z-index:var(--rt-z-dropdown);top:0;left:var(--rt-side-menu-rail-width);display:flex;width:var(--rt-side-menu-panel-shown-width);height:100%;box-sizing:border-box;flex-direction:column;border-radius:0 var(--rt-side-menu-panel-radius) var(--rt-side-menu-panel-radius) 0;border-left:var(--rt-side-menu-panel-border-width) solid var(--rt-color-border-default);background:var(--rt-color-bg-surface);box-shadow:var(--rt-side-menu-panel-shadow)}.rt-side-menu__panel--held{width:max(var(--rt-side-menu-panel-held-width),var(--rt-side-menu-panel-shown-width))}.rt-side-menu__panel--pinned{--rt-side-menu-panel-radius: 0;--rt-side-menu-panel-shadow: var(--rt-shadow-none);position:relative;left:0;flex-shrink:0}.rt-side-menu__panel-head{display:flex;align-items:center;padding:var(--rt-space-sm);gap:var(--rt-space-2)}.rt-side-menu__search{min-width:0;flex:1 1 auto}.rt-side-menu__pin{flex-shrink:0}.rt-side-menu__panel-body{min-height:0;flex:1 1 auto}.rt-side-menu__sub-list{display:flex;flex-direction:column;padding-block-end:var(--rt-space-sm);padding-inline:var(--rt-space-2)}.rt-side-menu__empty{padding:var(--rt-space-md);color:var(--rt-color-text-muted);font-size:var(--rt-text-xs)}.rt-side-menu__resizer{position:absolute;z-index:var(--rt-z-dropdown);top:0;bottom:0;left:calc(var(--rt-side-menu-rail-width) + var(--rt-side-menu-panel-shown-width) - var(--rt-space-2));width:var(--rt-space-sm);cursor:col-resize}.rt-side-menu__resizer:before{position:absolute;top:0;bottom:0;left:50%;border-left:var(--rt-side-menu-resizer-border-width) solid transparent;content:\"\"}.rt-side-menu__resizer:hover:before,.rt-side-menu__resizer:focus-visible:before{border-left-color:var(--rt-color-border-strong)}.rt-side-menu__resizer:focus-visible{outline:none}.rt-side-menu__mobile{min-width:0;max-width:100%;height:100%;flex:0 0 var(--rt-side-menu-mobile-width);background:var(--rt-color-bg-surface)}.rt-side-menu__mobile .rt-scroll-area__body{padding-inline:0}.rt-side-menu__mobile-list,.rt-side-menu__mobile-sub{display:flex;flex-direction:column;padding:var(--rt-space-sm);gap:var(--rt-space-1)}.rt-side-menu__mobile-item,.rt-side-menu__back{display:flex;width:100%;min-height:var(--rt-control-height-lg);box-sizing:border-box;align-items:center;border:0;border-radius:var(--rt-side-menu-item-radius);background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:var(--rt-text-sm);gap:calc(var(--rt-space-sm) + var(--rt-space-xs));padding-inline:var(--rt-space-md);text-align:start;text-decoration:none}.rt-side-menu__mobile-item:hover,.rt-side-menu__back:hover{background:var(--rt-color-bg-hover)}.rt-side-menu__mobile-item:focus-visible,.rt-side-menu__back:focus-visible{outline:var(--rt-focus-ring-width) solid var(--rt-focus-ring-color);outline-offset:calc(var(--rt-focus-ring-width) * -1)}.rt-side-menu__mobile-item--active,.rt-side-menu__back--active{background:var(--rt-color-action-primary-subtle);color:var(--rt-color-action-primary-on-surface)}.rt-side-menu__own-icon{--rt-side-menu-own-icon-size: var(--rt-size-5);display:inline-flex;width:var(--rt-side-menu-own-icon-size);height:var(--rt-side-menu-own-icon-size);flex-shrink:0;align-items:center;justify-content:center;color:inherit;line-height:1}.rt-side-menu__own-icon>*{max-width:100%;max-height:100%}.rt-side-menu__mobile-icon,.rt-side-menu__back-icon,.rt-side-menu__mobile-chevron{flex-shrink:0}.rt-side-menu__mobile-title,.rt-side-menu__back-label{overflow:hidden;min-width:0;flex:1 1 auto;text-overflow:ellipsis;white-space:nowrap}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "directive", type: 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", "glyph", "size", "color", "fill", "spin", "rotate"] }, { kind: "component", type: RtIconButtonComponent, selector: "rt-icon-button", inputs: ["icon", "glyph", "ariaLabel", "variant", "iconColor", "iconFill", "size", "iconSize", "type", "tooltip", "tabIndex", "loading", "disabled", "active", "indicator"], outputs: ["clicked"] }, { kind: "component", type: RtInputComponent, selector: "rt-input", inputs: ["appearance", "type", "placeholder", "iconLeft", "iconRight", "passwordToggle", "autocomplete"] }, { kind: "component", type: RtScrollAreaComponent, selector: "rt-scroll-area", inputs: ["isScrollHintShown"] }, { kind: "directive", type: RtScrollAreaContentDirective, selector: "[rtScrollAreaContent]" }, { kind: "directive", type: RtScrollAreaFooterDirective, selector: "[rtScrollAreaFooter]" }, { kind: "directive", type: RtScrollAreaHeaderDirective, selector: "[rtScrollAreaHeader]" }, { kind: "directive", type: RtTooltipDirective, selector: "[rtTooltip]", inputs: ["rtTooltip", "rtTooltipPlacement", "rtTooltipWhenTruncated"], exportAs: ["rtTooltip"] }, { kind: "component", type: RtSideMenuFavoritesComponent, selector: "rt-side-menu-favorites", outputs: ["clickSubMenuAction", "clickSubMenuAdditionalAction"] }, { kind: "component", type: RtSideMenuSubItemComponent, selector: "rt-side-menu-sub-item", inputs: ["item", "inFavorites"], outputs: ["clickSubMenuAction", "clickSubMenuAdditionalAction"] }, { kind: "pipe", type: RtSideMenuIconPipe, name: "rtSideMenuIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtSideMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rt-side-menu', host: {
+                        class: BEM_BLOCK,
+                        // Раскладка хоста меняется только у закреплённого режима: панель встаёт в поток рядом с полосой.
+                        '[class.rt-side-menu--pinned]': 'isPinned()',
+                        // Натянутая ширина подменю приходит своим свойством: панель берёт наибольшее из него и ширины оформления.
+                        '[style.--rt-side-menu-panel-dragged-width]': 'panelWidthStyle()',
+                        // Кнопки избранного, ждущие наведения, в покое ширины не занимают.
+                        '[class.rt-side-menu--favorite-actions-none]': "favoriteActionsReserve() === 'none'",
+                    }, providers: [{ provide: RT_SIDE_MENU, useExisting: RtSideMenuComponent }], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        NgTemplateOutlet,
+                        ReactiveFormsModule,
+                        RouterLink,
+                        BlockDirective,
+                        ElemDirective,
+                        ModDirective,
+                        RtIconComponent,
+                        RtIconButtonComponent,
+                        RtInputComponent,
+                        RtScrollAreaComponent,
+                        RtScrollAreaContentDirective,
+                        RtScrollAreaFooterDirective,
+                        RtScrollAreaHeaderDirective,
+                        RtTooltipDirective,
+                        RtSideMenuFavoritesComponent,
+                        RtSideMenuIconPipe,
+                        RtSideMenuSubItemComponent,
+                    ], template: "<ng-container rtBlock=\"rt-side-menu\">\n    @if (narrow()) {\n        <!-- \u0423\u0437\u043A\u0438\u0439 \u044D\u043A\u0440\u0430\u043D: \u043E\u0434\u0438\u043D \u0441\u0442\u043E\u043B\u0431\u0435\u0446 \u2014 \u0433\u043B\u0430\u0432\u043D\u044B\u0435 \u043F\u0443\u043D\u043A\u0442\u044B \u0438\u043B\u0438 \u043F\u043E\u0434\u043C\u0435\u043D\u044E \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0440\u0430\u0437\u0434\u0435\u043B\u0430 \u0441 \u043A\u043D\u043E\u043F\u043A\u043E\u0439 \u043D\u0430\u0437\u0430\u0434. -->\n        <rt-scroll-area rtElem=\"mobile\" [isScrollHintShown]=\"true\">\n            @if (headerTpl(); as header) {\n                <ng-container *rtScrollAreaHeader>\n                    <ng-container [ngTemplateOutlet]=\"header\" />\n                </ng-container>\n            }\n\n            <ng-container *rtScrollAreaContent>\n                @if (selectedSubMenu()?.length) {\n                    <div rtElem=\"mobile-sub\">\n                        <button type=\"button\" rtElem=\"back\" qa-dataid=\"side-menu-back\" (click)=\"onBackToMainMenu()\">\n                            <rt-icon rtElem=\"back-icon\" size=\"sm\" name=\"arrow-left\" />\n                            <span rtElem=\"back-label\">{{ backLabel() }}</span>\n                        </button>\n\n                        <ng-container [ngTemplateOutlet]=\"subMenuTpl\" />\n                    </div>\n                } @else {\n                    <nav rtElem=\"mobile-list\">\n                        @for (item of menuItems(); track item.id) {\n                            <ng-container [ngTemplateOutlet]=\"mobileItemTpl\" [ngTemplateOutletContext]=\"{ $implicit: item }\" />\n                        }\n                    </nav>\n                }\n            </ng-container>\n\n            @if (footerTpl(); as footer) {\n                <ng-container *rtScrollAreaFooter>\n                    <ng-container [ngTemplateOutlet]=\"footer\" />\n                </ng-container>\n            }\n        </rt-scroll-area>\n    } @else {\n        <rt-scroll-area rtElem=\"rail\" [isScrollHintShown]=\"true\">\n            @if (headerTpl(); as header) {\n                <ng-container *rtScrollAreaHeader>\n                    <ng-container [ngTemplateOutlet]=\"header\" />\n                </ng-container>\n            }\n\n            <ng-container *rtScrollAreaContent>\n                <nav rtElem=\"rail-list\">\n                    @for (item of menuItems(); track item.id) {\n                        <ng-container [ngTemplateOutlet]=\"railItemTpl\" [ngTemplateOutletContext]=\"{ $implicit: item }\" />\n                    }\n                </nav>\n            </ng-container>\n\n            @if (footerTpl(); as footer) {\n                <ng-container *rtScrollAreaFooter>\n                    <ng-container [ngTemplateOutlet]=\"footer\" />\n                </ng-container>\n            }\n        </rt-scroll-area>\n\n        @if (subMenuOpened()) {\n            @if (isSearchHeld()) {\n                <!-- \u041F\u043E\u0434\u043B\u043E\u0436\u043A\u0430 \u043D\u0435\u0437\u0430\u043A\u0440\u0435\u043F\u043B\u0451\u043D\u043D\u043E\u0439 \u043F\u0430\u043D\u0435\u043B\u0438: \u043F\u043E\u0434\u043C\u0435\u043D\u044E, \u0432\u0437\u044F\u0442\u043E\u0435 \u043F\u043E\u043B\u0435\u043C \u043F\u043E\u0438\u0441\u043A\u0430, \u0437\u0430\u043A\u0440\u044B\u0432\u0430\u0435\u0442 \u043D\u0430\u0436\u0430\u0442\u0438\u0435 \u0441\u043D\u0430\u0440\u0443\u0436\u0438. -->\n                <div\n                    rtElem=\"backdrop\"\n                    qa-dataid=\"side-menu-backdrop\"\n                    tabindex=\"-1\"\n                    (click)=\"closeSubMenu()\"\n                    (keydown.escape)=\"closeSubMenu()\"></div>\n            }\n\n            <div\n                #panel\n                rtElem=\"panel\"\n                qa-dataid=\"side-menu-panel\"\n                [rtMod]=\"{ pinned: isPinned(), held: isSearchHeld() }\"\n                (mouseleave)=\"toggleSubMenu()\">\n                <div rtElem=\"panel-head\">\n                    <rt-input\n                        rtElem=\"search\"\n                        qa-dataid=\"side-menu-search\"\n                        size=\"sm\"\n                        iconLeft=\"search\"\n                        [placeholder]=\"searchLabel()\"\n                        [ariaLabel]=\"searchLabel()\"\n                        [formControl]=\"searchControl\"\n                        (focusin)=\"onSearchHold()\"\n                        (keydown)=\"onSearchKeydown($event)\" />\n\n                    @if (pinShown()) {\n                        <rt-icon-button\n                            rtElem=\"pin\"\n                            qa-dataid=\"side-menu-pin\"\n                            size=\"sm\"\n                            icon=\"pin\"\n                            [iconFill]=\"isPinned()\"\n                            [active]=\"isPinned()\"\n                            [ariaLabel]=\"isPinned() ? unpinLabel() : pinLabel()\"\n                            [tooltip]=\"isPinned() ? unpinLabel() : pinLabel()\"\n                            (clicked)=\"onSubMenuModeToggle()\" />\n                    }\n                </div>\n\n                <rt-scroll-area rtElem=\"panel-body\">\n                    <ng-container *rtScrollAreaContent>\n                        <ng-container [ngTemplateOutlet]=\"subMenuTpl\" />\n                    </ng-container>\n                </rt-scroll-area>\n            </div>\n\n            @if (isPinned()) {\n                <!-- \u0420\u0443\u0447\u043A\u0430 \u0435\u0441\u0442\u044C \u0442\u043E\u043B\u044C\u043A\u043E \u0443 \u0437\u0430\u043A\u0440\u0435\u043F\u043B\u0451\u043D\u043D\u043E\u0433\u043E \u043F\u043E\u0434\u043C\u0435\u043D\u044E: \u043D\u0435\u0437\u0430\u043A\u0440\u0435\u043F\u043B\u0451\u043D\u043D\u043E\u0435 \u0443\u0445\u043E\u0434\u0438\u0442 \u0440\u0430\u043D\u044C\u0448\u0435, \u0447\u0435\u043C \u0434\u043E \u043A\u0440\u0430\u044F \u0434\u043E\u0435\u0434\u0435\u0442 \u0440\u0443\u043A\u0430. -->\n                <div\n                    rtElem=\"resizer\"\n                    qa-dataid=\"side-menu-resize\"\n                    role=\"separator\"\n                    aria-orientation=\"vertical\"\n                    tabindex=\"0\"\n                    [attr.aria-label]=\"resizeLabel()\"\n                    [attr.aria-valuenow]=\"resizeValueNow()\"\n                    [attr.aria-valuemin]=\"resizeValueNow() === null ? null : resizeValueMin\"\n                    [attr.aria-valuemax]=\"resizeValueNow() === null ? null : resizeValueMax\"\n                    (pointerdown)=\"onResizeStart($event)\"\n                    (keydown)=\"onResizeKeydown($event)\"></div>\n            }\n        }\n    }\n    <ng-template #subMenuTpl>\n        @if (narrow()) {\n            <rt-input\n                rtElem=\"search\"\n                qa-dataid=\"side-menu-search\"\n                size=\"sm\"\n                iconLeft=\"search\"\n                [placeholder]=\"searchLabel()\"\n                [ariaLabel]=\"searchLabel()\"\n                [formControl]=\"searchControl\"\n                (keydown)=\"onSearchKeydown($event)\" />\n        }\n\n        @if (isNothingFound()) {\n            <div rtElem=\"empty\" qa-dataid=\"side-menu-empty\">{{ nothingFoundLabel() }}</div>\n        }\n\n        <div rtElem=\"sub-list\">\n            <!-- \u0411\u043B\u043E\u043A \u0438\u0437\u0431\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0440\u0430\u0437\u0434\u0435\u043B\u0430: \u0441\u0430\u043C \u0440\u0435\u0448\u0430\u0435\u0442, \u0435\u0441\u0442\u044C \u043B\u0438 \u0435\u043C\u0443 \u0447\u0442\u043E \u043F\u043E\u043A\u0430\u0437\u0430\u0442\u044C, \u0438 \u0431\u0435\u0437 \u0441\u0442\u0440\u043E\u043A \u043C\u0435\u0441\u0442\u0430 \u043D\u0435 \u0437\u0430\u043D\u0438\u043C\u0430\u0435\u0442. -->\n            <rt-side-menu-favorites\n                (clickSubMenuAction)=\"onClickSubMenu($event)\"\n                (clickSubMenuAdditionalAction)=\"onClickSubMenuAdditional($event)\" />\n\n            @for (item of visibleSubMenuItems(); track item.id) {\n                <rt-side-menu-sub-item\n                    [item]=\"item\"\n                    (clickSubMenuAction)=\"onClickSubMenu($event)\"\n                    (clickSubMenuAdditionalAction)=\"onClickSubMenuAdditional($event)\" />\n            }\n        </div>\n    </ng-template>\n\n    <ng-template #railItemTpl let-item>\n        @let isActive = activeRailIds().includes(item.id);\n        @if (item.link) {\n            <a\n                rtElem=\"rail-item\"\n                qa-dataid=\"side-menu-item\"\n                [routerLink]=\"item.link\"\n                [rtMod]=\"{ active: isActive }\"\n                [attr.aria-current]=\"isActive ? 'page' : null\"\n                (mouseenter)=\"toggleSubMenu(item)\"\n                (click)=\"onClickMenu(item)\">\n                <ng-container [ngTemplateOutlet]=\"railItemBodyTpl\" [ngTemplateOutletContext]=\"{ $implicit: item }\" />\n            </a>\n        } @else {\n            <button\n                type=\"button\"\n                rtElem=\"rail-item\"\n                qa-dataid=\"side-menu-item\"\n                [rtMod]=\"{ active: isActive }\"\n                [attr.aria-expanded]=\"item.submenu?.length ? subMenuOpened() && selectedItem() === item : null\"\n                (mouseenter)=\"toggleSubMenu(item)\"\n                (click)=\"onClickMenu(item)\">\n                <ng-container [ngTemplateOutlet]=\"railItemBodyTpl\" [ngTemplateOutletContext]=\"{ $implicit: item }\" />\n            </button>\n        }\n    </ng-template>\n\n    <ng-template #railItemBodyTpl let-item>\n        @if (item.icon) {\n            <!-- \u0418\u043C\u044F Material \u043F\u0435\u0440\u0432\u043E\u0433\u043E \u043A\u0438\u0442\u0430 \u0440\u0438\u0441\u0443\u0435\u0442\u0441\u044F \u0441\u0432\u043E\u0435\u0439 \u043F\u0430\u0440\u043E\u0439; \u0438\u043C\u044F, \u043A\u043E\u0442\u043E\u0440\u043E\u0433\u043E \u043A\u0438\u0442 \u043D\u0435 \u0440\u0438\u0441\u0443\u0435\u0442, \u2014 \u0441\u0432\u043E\u0438\u043C \u0448\u0430\u0431\u043B\u043E\u043D\u043E\u043C \u043C\u0435\u043D\u044E. -->\n            @let kitIcon = item.icon | rtSideMenuIcon;\n            <span rtElem=\"rail-icon\">\n                @if (kitIcon) {\n                    <rt-icon [name]=\"kitIcon\" />\n                } @else if (ownIconTpl(); as own) {\n                    <span rtElem=\"own-icon\" qa-dataid=\"side-menu-own-icon\" aria-hidden=\"true\">\n                        <ng-container\n                            [ngTemplateOutlet]=\"own\"\n                            [ngTemplateOutletContext]=\"{ $implicit: item, icon: item.icon, slot: 'icon' }\" />\n                    </span>\n                }\n            </span>\n        }\n\n        @if (item.name) {\n            <span rtElem=\"rail-title\">{{ item.name }}</span>\n        }\n    </ng-template>\n\n    <ng-template #mobileItemTpl let-item>\n        @let isActive = activeRailIds().includes(item.id);\n        @if (item.link && !item.submenu?.length) {\n            <a\n                rtElem=\"mobile-item\"\n                qa-dataid=\"side-menu-item\"\n                [routerLink]=\"item.link\"\n                [rtMod]=\"{ active: isActive }\"\n                [attr.aria-current]=\"isActive ? 'page' : null\"\n                (click)=\"onClickMenu(item)\">\n                <ng-container [ngTemplateOutlet]=\"mobileItemBodyTpl\" [ngTemplateOutletContext]=\"{ $implicit: item }\" />\n            </a>\n        } @else {\n            <button\n                type=\"button\"\n                rtElem=\"mobile-item\"\n                qa-dataid=\"side-menu-item\"\n                [rtMod]=\"{ active: isActive }\"\n                (click)=\"onClickMenu(item)\">\n                <ng-container [ngTemplateOutlet]=\"mobileItemBodyTpl\" [ngTemplateOutletContext]=\"{ $implicit: item }\" />\n            </button>\n        }\n    </ng-template>\n\n    <ng-template #mobileItemBodyTpl let-item>\n        @if (item.icon) {\n            @let kitIcon = item.icon | rtSideMenuIcon;\n            @if (kitIcon) {\n                <rt-icon rtElem=\"mobile-icon\" [name]=\"kitIcon\" />\n            } @else if (ownIconTpl(); as own) {\n                <span rtElem=\"own-icon\" qa-dataid=\"side-menu-own-icon\" aria-hidden=\"true\">\n                    <ng-container [ngTemplateOutlet]=\"own\" [ngTemplateOutletContext]=\"{ $implicit: item, icon: item.icon, slot: 'icon' }\" />\n                </span>\n            }\n        }\n\n        <span rtElem=\"mobile-title\" [rtTooltip]=\"item.name\">{{ item.name }}</span>\n\n        @if (item.submenu?.length) {\n            <!-- \u0421\u0442\u0440\u0435\u043B\u043A\u0430 \u0440\u0430\u0437\u0434\u0435\u043B\u0430, \u043A\u0430\u043A \u0443 \u043F\u0435\u0440\u0432\u043E\u0433\u043E \u043A\u0438\u0442\u0430: \u043D\u0430\u0436\u0430\u0442\u0438\u0435 \u0443\u0432\u043E\u0434\u0438\u0442 \u0432 \u043F\u043E\u0434\u043C\u0435\u043D\u044E, \u0430 \u043D\u0435 \u0440\u0430\u0441\u043A\u0440\u044B\u0432\u0430\u0435\u0442 \u043D\u0430 \u043C\u0435\u0441\u0442\u0435. -->\n            <rt-icon rtElem=\"mobile-chevron\" size=\"sm\" name=\"arrow-right\" />\n        }\n    </ng-template>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-side-menu{--rt-side-menu-rail-width: 5.5rem;--rt-side-menu-panel-width: 15rem;--rt-side-menu-panel-held-width: 30rem;--rt-side-menu-mobile-width: 15rem;--rt-side-menu-panel-radius: var(--rt-radius-lg);--rt-side-menu-panel-shadow: var(--rt-shadow-nav-panel);--rt-side-menu-item-radius: var(--rt-radius-full);--rt-side-menu-resizer-border-width: var(--rt-border-width-thick);--rt-side-menu-panel-border-width: var(--rt-border-width-thin);--rt-side-menu-transition-duration: var(--rt-duration-fast);--rt-side-menu-panel-dragged-width: 0px;--rt-side-menu-panel-shown-width: max(var(--rt-side-menu-panel-width), var(--rt-side-menu-panel-dragged-width));position:relative;display:flex;height:100%;color:var(--rt-color-text-primary)}.rt-side-menu__rail{max-width:var(--rt-side-menu-rail-width);height:100%;box-sizing:border-box;flex:0 0 var(--rt-side-menu-rail-width);border-right:var(--rt-side-menu-panel-border-width) solid var(--rt-color-border-default);background:var(--rt-color-bg-surface)}.rt-side-menu__rail .rt-scroll-area__body{padding-inline:var(--rt-space-1)}.rt-side-menu__rail-list{display:flex;flex-direction:column;align-items:center;gap:var(--rt-space-md);padding-block:var(--rt-space-sm)}.rt-side-menu__rail-item{display:flex;width:100%;flex-direction:column;align-items:center;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;gap:var(--rt-space-1);text-decoration:none}.rt-side-menu__rail-item:focus-visible{outline:none}.rt-side-menu__rail-item:focus-visible .rt-side-menu__rail-icon{outline:var(--rt-focus-ring-width) solid var(--rt-focus-ring-color)}.rt-side-menu__rail-item:hover .rt-side-menu__rail-icon,.rt-side-menu__rail-item:active .rt-side-menu__rail-icon{background:var(--rt-color-bg-hover)}.rt-side-menu__rail-item--active .rt-side-menu__rail-icon,.rt-side-menu__rail-item--active:hover .rt-side-menu__rail-icon{background:var(--rt-color-action-primary-subtle);color:var(--rt-color-action-primary-on-surface)}.rt-side-menu__rail-icon{display:flex;width:3.5rem;height:2rem;align-items:center;justify-content:center;border-radius:var(--rt-side-menu-item-radius);transition:background-color var(--rt-side-menu-transition-duration) ease}.rt-side-menu__rail-title{max-width:100%;font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug);overflow-wrap:anywhere;text-align:center}.rt-side-menu__backdrop{position:fixed;z-index:var(--rt-z-dropdown);inset:0}.rt-side-menu__panel{position:absolute;z-index:var(--rt-z-dropdown);top:0;left:var(--rt-side-menu-rail-width);display:flex;width:var(--rt-side-menu-panel-shown-width);height:100%;box-sizing:border-box;flex-direction:column;border-radius:0 var(--rt-side-menu-panel-radius) var(--rt-side-menu-panel-radius) 0;border-left:var(--rt-side-menu-panel-border-width) solid var(--rt-color-border-default);background:var(--rt-color-bg-surface);box-shadow:var(--rt-side-menu-panel-shadow)}.rt-side-menu__panel--held{width:max(var(--rt-side-menu-panel-held-width),var(--rt-side-menu-panel-shown-width))}.rt-side-menu__panel--pinned{--rt-side-menu-panel-radius: 0;--rt-side-menu-panel-shadow: var(--rt-shadow-none);position:relative;left:0;flex-shrink:0}.rt-side-menu__panel-head{display:flex;align-items:center;padding:var(--rt-space-sm);gap:var(--rt-space-2)}.rt-side-menu__search{min-width:0;flex:1 1 auto}.rt-side-menu__pin{flex-shrink:0}.rt-side-menu__panel-body{min-height:0;flex:1 1 auto}.rt-side-menu__sub-list{display:flex;flex-direction:column;padding-block-end:var(--rt-space-sm);padding-inline:var(--rt-space-2)}.rt-side-menu__empty{padding:var(--rt-space-md);color:var(--rt-color-text-muted);font-size:var(--rt-text-xs)}.rt-side-menu__resizer{position:absolute;z-index:var(--rt-z-dropdown);top:0;bottom:0;left:calc(var(--rt-side-menu-rail-width) + var(--rt-side-menu-panel-shown-width) - var(--rt-space-2));width:var(--rt-space-sm);cursor:col-resize}.rt-side-menu__resizer:before{position:absolute;top:0;bottom:0;left:50%;border-left:var(--rt-side-menu-resizer-border-width) solid transparent;content:\"\"}.rt-side-menu__resizer:hover:before,.rt-side-menu__resizer:focus-visible:before{border-left-color:var(--rt-color-border-strong)}.rt-side-menu__resizer:focus-visible{outline:none}.rt-side-menu__mobile{min-width:0;max-width:100%;height:100%;flex:0 0 var(--rt-side-menu-mobile-width);background:var(--rt-color-bg-surface)}.rt-side-menu__mobile .rt-scroll-area__body{padding-inline:0}.rt-side-menu__mobile-list,.rt-side-menu__mobile-sub{display:flex;flex-direction:column;padding:var(--rt-space-sm);gap:var(--rt-space-1)}.rt-side-menu__mobile-item,.rt-side-menu__back{display:flex;width:100%;min-height:var(--rt-control-height-lg);box-sizing:border-box;align-items:center;border:0;border-radius:var(--rt-side-menu-item-radius);background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:var(--rt-text-sm);gap:calc(var(--rt-space-sm) + var(--rt-space-xs));padding-inline:var(--rt-space-md);text-align:start;text-decoration:none}.rt-side-menu__mobile-item:hover,.rt-side-menu__back:hover{background:var(--rt-color-bg-hover)}.rt-side-menu__mobile-item:focus-visible,.rt-side-menu__back:focus-visible{outline:var(--rt-focus-ring-width) solid var(--rt-focus-ring-color);outline-offset:calc(var(--rt-focus-ring-width) * -1)}.rt-side-menu__mobile-item--active,.rt-side-menu__back--active{background:var(--rt-color-action-primary-subtle);color:var(--rt-color-action-primary-on-surface)}.rt-side-menu__own-icon{--rt-side-menu-own-icon-size: var(--rt-size-5);display:inline-flex;width:var(--rt-side-menu-own-icon-size);height:var(--rt-side-menu-own-icon-size);flex-shrink:0;align-items:center;justify-content:center;color:inherit;line-height:1}.rt-side-menu__own-icon>*{max-width:100%;max-height:100%}.rt-side-menu__mobile-icon,.rt-side-menu__back-icon,.rt-side-menu__mobile-chevron{flex-shrink:0}.rt-side-menu__mobile-title,.rt-side-menu__back-label{overflow:hidden;min-width:0;flex:1 1 auto;text-overflow:ellipsis;white-space:nowrap}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { panelRef: [{ type: i0.ViewChild, args: ['panel', { isSignal: true }] }], headerTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RtSideMenuHeaderDirective), { ...{ read: TemplateRef }, isSignal: true }] }], footerTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RtSideMenuFooterDirective), { ...{ read: TemplateRef }, isSignal: true }] }], activeMenuIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeMenuIds", required: true }] }], menuItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuItems", required: false }] }], subMenuMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "subMenuMode", required: false }] }], subMenuWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "subMenuWidth", required: false }] }], menuId: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuId", required: false }] }], favoritesCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "favoritesCount", required: false }] }], favoriteActionsReserve: [{ type: i0.Input, args: [{ isSignal: true, alias: "favoriteActionsReserve", required: false }] }], isFavoritesSearchShown: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFavoritesSearchShown", required: false }] }], pinShown: [{ type: i0.Input, args: [{ isSignal: true, alias: "pinShown", required: false }] }], subMenuTooltipsShown: [{ type: i0.Input, args: [{ isSignal: true, alias: "subMenuTooltipsShown", required: false }] }], subMenuModeChange: [{ type: i0.Output, args: ["subMenuModeChange"] }], subMenuWidthChange: [{ type: i0.Output, args: ["subMenuWidthChange"] }], subMenuResizeStart: [{ type: i0.Output, args: ["subMenuResizeStart"] }], subMenuResizeEnd: [{ type: i0.Output, args: ["subMenuResizeEnd"] }], closeMobileMenuAction: [{ type: i0.Output, args: ["closeMobileMenuAction"] }], clickSubMenuAction: [{ type: i0.Output, args: ["clickSubMenuAction"] }], clickSubMenuAdditionalAction: [{ type: i0.Output, args: ["clickSubMenuAdditionalAction"] }], ownIconTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RtSideMenuIconDirective), { ...{
+                            read: TemplateRef,
+                        }, isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RT_SIDE_MENU_DEFAULT_ID, RT_SIDE_MENU_SETTINGS_CONFIG, RT_SIDE_MENU_WIDTH_MAX, RT_SIDE_MENU_WIDTH_MIN, RT_SIDE_MENU_WIDTH_STEP, RtSideMenuComponent, RtSideMenuFooterDirective, RtSideMenuHeaderDirective, RtSideMenuIconDirective, RtSideMenuSettingsService, RtSideMenuSubItemComponent, clampSideMenuWidth, drawnSideMenuWidth, filterSideMenuItems, normalizeSideMenuId, normalizeSideMenuSettings, omitSideMenuSettings, parseSideMenuSettingsRecord, patchSideMenuSettings, pinnedSideMenuItems, provideRtSideMenuSettings, readSideMenuSettings, reportedSideMenuWidth, sideMenuIconName, sideMenuIdsToExpand, sideMenuWidthByKey, splitSideMenuTitle, startSideMenuWidthDrag, stepSideMenuHighlight, unpairedSideMenuIcons, walkSideMenuItems };
+//# sourceMappingURL=rt-tools-ui-kit-v2-side-menu.mjs.map