@rt-tools/ui-kit-v2 0.23.3 → 0.24.0

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

@@ -1,1639 +1,2265 @@
-import { NgTemplateOutlet } from '@angular/common';
-import * as i0 from '@angular/core';
-import { InjectionToken, computed, inject, signal, DestroyRef, Injectable, makeEnvironmentProviders, Pipe, ErrorHandler, input, booleanAttribute, output, ViewEncapsulation, ChangeDetectionStrategy, Component, Injector, ElementRef, linkedSignal, viewChildren, afterNextRender, Directive, TemplateRef, Renderer2, viewChild, contentChild, numberAttribute, 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 { Router, ActivatedRoute, 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';
-
-/** Только строки и числа, без повторов, в прежнем порядке. */
+import { NgTemplateOutlet } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, Directive, ElementRef, ErrorHandler, Injectable, InjectionToken, Injector, Pipe, Renderer2, TemplateRef, ViewEncapsulation, afterNextRender, booleanAttribute, computed, contentChild, effect, inject, input, isDevMode, linkedSignal, makeEnvironmentProviders, numberAttribute, output, signal, viewChild, viewChildren } from "@angular/core";
+import * as i1 from "@angular/forms";
+import { FormControl, ReactiveFormsModule } from "@angular/forms";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import { ActivatedRoute, Router, RouterLink } from "@angular/router";
+import { BlockDirective, ElemDirective, LOCAL_STORAGE, ModDirective, PlatformService, WINDOW } from "@rt-tools/core";
+import { BreakpointsService, ERtStorageKeys, rtKitLabel } from "@rt-tools/ui-kit-v2/core";
+import { RtIconComponent, isKitIconName, materialPairOf } 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;
-    }, []);
+	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;
+	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;
-    });
+	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;
+	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);
-    }
+	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;
-    }, []);
+	const byId = /* @__PURE__ */ 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;
+	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;
+	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;
-    }, []);
+	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;
-    }, []);
+	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));
+	return Math.min(480, Math.max(120, 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;
+	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 splitTitleByWords(name, query) {
+	return query.split(/\s+/).filter((word) => word !== "").reduce((parts, word) => parts.flatMap((part) => part.matched ? [part] : splitSideMenuTitle(part.text, word)), splitSideMenuTitle(name, ""));
 }
-/**
- * Пункты подменю в том порядке, в каком они стоят на экране. Внутрь папки список спускается, только
- * если та раскрыта: ходьба стрелками идёт по видимому, а не по всему набору.
- */
 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;
-    }, []);
+	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;
+	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);
-        }
-    };
+	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;
+	const width = panel?.getBoundingClientRect().width ?? 0;
+	return width > 0 ? width : 120;
 }
-/**
- * Число, которое уходит наружу по концу тяги: большее из натянутого и нарисованного. Нижний предел
- * держит оформление, и панель не бывает уже его, даже если рука ушла левее.
- */
 function reportedSideMenuWidth(dragged, panel) {
-    return Math.max(dragged, drawnSideMenuWidth(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;
-    }
+	switch (key) {
+		case "ArrowRight": return clampSideMenuWidth(width + 16);
+		case "ArrowLeft": return clampSideMenuWidth(width - 16);
+		case "Home": return 120;
+		case "End": return 480;
+		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 ?? [];
+	if (picked?.length) return picked;
+	return items.find((item) => activeIds.includes(item.id) && !!item.submenu?.length)?.submenu ?? [];
 }
-/**
- * Нажатие, которое браузер открывает сам по адресу ссылки: не левой кнопкой или с клавишей —
- * новая вкладка, окно, загрузка. Строка подменю такое нажатие не перехватывает.
- */
 function sideMenuPressOpensInBrowser(event) {
-    const withKey = [event.ctrlKey, event.metaKey, event.shiftKey, event.altKey].some(Boolean);
-    return event.button !== 0 || withKey;
+	const withKey = [
+		event.ctrlKey,
+		event.metaKey,
+		event.shiftKey,
+		event.altKey
+	].some(Boolean);
+	return event.button !== 0 || withKey;
 }
-
-/** Номер меню, которому приложение своего не задало. */
-const RT_SIDE_MENU_DEFAULT_ID = 'main';
-/**
- * Номер меню, под которым лежат его настройки. Пустой — тот же, что не заданный: атрибут без
- * значения даёт пустую строку, и настройки легли бы под ключ, которого никто не называл.
- */
+const RT_SIDE_MENU_DEFAULT_ID = "main";
 function normalizeSideMenuId(menuId) {
-    return menuId?.trim() || RT_SIDE_MENU_DEFAULT_ID;
+	return menuId?.trim() || "main";
 }
 function isSubMenuMode(value) {
-    return value === 'hover' || value === 'pinned';
+	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;
+	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 {};
-    }
+	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)]));
+	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 } };
+	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));
+	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');
-/** Сигнал на номер меню один: повторный вызов отдаёт тот же. */
+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;
+	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()] });
- * ```
- */
+var RtSideMenuSettingsService = 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 = /* @__PURE__ */ new Map();
+		this.#modes = /* @__PURE__ */ new Map();
+		this.#widths = /* @__PURE__ */ new Map();
+		this.#favorites = /* @__PURE__ */ new Map();
+		this.#collapsed = /* @__PURE__ */ new Map();
+		this.#record = this.#load() ?? {};
+		this.#unsaved = false;
+		this.#settings = signal(readSideMenuSettings(this.#record), ...ngDevMode ? [{ debugName: "#settings" }] : /* istanbul ignore next */ []);
+		this.favoritesIcons = {
+			...DEFAULT_FAVORITES_ICONS,
+			...this.#config.icons
+		};
+		this.menuIds = computed(() => Object.keys(this.#settings()), ...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 others = (this.#freshSettings(menuId).favoritesCollapsed ?? []).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.2.2",
+			ngImport: i0,
+			type: RtSideMenuSettingsService,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtSideMenuSettingsService
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtSideMenuSettingsService,
+	decorators: [{ type: Injectable }],
+	ctorParameters: () => []
+});
 function provideRtSideMenuSettings(config = {}) {
-    return makeEnvironmentProviders([{ provide: RT_SIDE_MENU_SETTINGS_CONFIG, useValue: config }, RtSideMenuSettingsService]);
+	return makeEnvironmentProviders([{
+		provide: RT_SIDE_MENU_SETTINGS_CONFIG,
+		useValue: config
+	}, RtSideMenuSettingsService]);
 }
-
-const RT_SIDE_MENU = new InjectionToken('RT_SIDE_MENU');
-
-/**
- * Адрес пункта так, как его строит ссылка роутера: относительно маршрута, на котором стоит меню.
- * Им строка подменю и переходит, и подписывает `href` — для средней кнопки и копирования ссылки.
- */
+const RT_SIDE_MENU = new InjectionToken("RT_SIDE_MENU");
 function sideMenuLinkTree(router, route, link) {
-    return router.createUrlTree([link], { relativeTo: route ?? undefined });
-}
-/** `href` строки подменю. Переход строка делает сама: ссылка роутера не дала бы потребителю его взять. */
-class RtSideMenuHrefPipe {
-    #router = inject(Router);
-    #route = inject(ActivatedRoute, { optional: true });
-    transform(link) {
-        return link ? this.#router.serializeUrl(sideMenuLinkTree(this.#router, this.#route, link)) : null;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtSideMenuHrefPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: RtSideMenuHrefPipe, isStandalone: true, name: "rtSideMenuHref" }); }
+	return router.createUrlTree([link], { relativeTo: route ?? void 0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtSideMenuHrefPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'rtSideMenuHref',
-                }]
-        }] });
-
-/**
- * Значок пункта по его `icon`: имя кита как есть, имя Material первого кита — его парой из перечня
- * кита, как у `rt-menu-item`. `null` — кит такой значок не рисует: пункт берёт свой шаблон меню или
- * стоит без значка.
- */
+var RtSideMenuHrefPipe = class RtSideMenuHrefPipe {
+	#router = inject(Router);
+	#route = inject(ActivatedRoute, { optional: true });
+	transform(link) {
+		return link ? this.#router.serializeUrl(sideMenuLinkTree(this.#router, this.#route, link)) : null;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtSideMenuHrefPipe,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Pipe
+		});
+	}
+	static {
+		this.ɵpipe = i0.ɵɵngDeclarePipe({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtSideMenuHrefPipe,
+			isStandalone: true,
+			name: "rtSideMenuHref"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtSideMenuHrefPipe,
+	decorators: [{
+		type: Pipe,
+		args: [{ name: "rtSideMenuHref" }]
+	}]
+});
 function sideMenuIconName(icon) {
-    if (!icon) {
-        return null;
-    }
-    if (isKitIconName(icon)) {
-        return icon;
-    }
-    return materialPairOf(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];
+	const found = /* @__PURE__ */ 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];
 }
-/**
- * Предупреждение разработчику приложения об именах из `unpairedSideMenuIcons`: имя без значка кита и
- * без пары рисует пункт без значка, и пропуск без предупреждения не заметен.
- */
 function warnUnpairedSideMenuIcons(menuId, items, hasOwnIcon) {
-    const unpaired = unpairedSideMenuIcons(items, hasOwnIcon);
-    if (unpaired.length) {
-        const names = unpaired.map((name) => `«${name}»`).join(', ');
-        // eslint-disable-next-line no-console -- предупреждение разработчику приложения: другого канала у кита нет
-        console.warn(`rt-side-menu «${menuId}»: значков ${names} нет ни в наборе кита, ни в перечне имён Material. ` +
-            'Задайте имя кита или свой значок через <ng-template rtSideMenuIcon>.');
-    }
-}
-
-/** Значок пункта, который рисует кит: имя кита или пара имени 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.#router = inject(Router);
-        this.#route = inject(ActivatedRoute, { optional: true });
-        this.#errors = inject(ErrorHandler);
-        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;
-    #router;
-    #route;
-    #errors;
-    /**
-     * Нажатие строки уходит потребителю раньше перехода. Потребитель, взявший переход на себя,
-     * отменяет умолчание события — тогда строка не переходит. Нажатие с клавишей или не левой
-     * кнопкой остаётся браузеру: он открывает адрес строки сам.
-     */
-    onClickSubMenu(item, event) {
-        this.clickSubMenuAction.emit({ item, event });
-        if (event.defaultPrevented || !item.link || sideMenuPressOpensInBrowser(event)) {
-            return;
-        }
-        event.preventDefault();
-        // Отказ перехода уходит обработчику ошибок приложения, как у ссылки роутера.
-        this.#router
-            .navigateByUrl(sideMenuLinkTree(this.#router, this.#route, item.link))
-            .catch((error) => this.#errors.handleError(error));
-    }
-    /** Кнопка потребителя в строке: ни перехода по ссылке строки, ни закрытия подменю. */
-    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                \u041D\u043E\u043C\u0435\u0440 \u043F\u0443\u043D\u043A\u0442\u0430 \u043D\u0430 \u0441\u0430\u043C\u043E\u0439 \u0441\u0442\u0440\u043E\u043A\u0435 \u2014 \u043F\u0440\u0438\u0437\u043D\u0430\u043A \u0434\u043B\u044F \u043F\u0440\u0430\u0432\u0438\u043B \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F: \u043F\u043E \u043D\u0435\u043C\u0443 \u043E\u043D\u043E \u043D\u0430\u0445\u043E\u0434\u0438\u0442 \u0441\u0442\u0440\u043E\u043A\u0443,\n                \u043D\u0430\u043F\u0440\u0438\u043C\u0435\u0440 \u0442\u0443, \u0447\u0442\u043E \u043E\u0442\u043A\u0440\u044B\u0432\u0430\u0435\u0442 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443 \u0440\u0430\u0437\u0434\u0435\u043B\u0430. \u0421\u0442\u043E\u0438\u0442 \u0438 \u0443 \u0441\u0442\u0440\u043E\u043A\u0438 \u0431\u043B\u043E\u043A\u0430 \u0438\u0437\u0431\u0440\u0430\u043D\u043D\u043E\u0433\u043E.\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.data-item-id]=\"row.id\"\n                [attr.draggable]=\"inFavorites() ? 'false' : null\"\n                [attr.href]=\"row.link | rtSideMenuHref\"\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                        [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                        [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                        [icon]=\"buttonKitIcon\"\n                        [iconFill]=\"menuRef.subItemIconFill()\"\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                [attr.data-item-id]=\"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\" [fill]=\"menuRef.subItemIconFill()\" />\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);--rt-side-menu-sub-item-min-height: var(--rt-control-height-md);--rt-side-menu-sub-item-font-size: var(--rt-text-sm);--rt-side-menu-sub-item-padding-start: var(--rt-space-md);--rt-side-menu-sub-item-padding-end: var(--rt-space-sm);--rt-side-menu-sub-item-color: var(--rt-color-text-primary);--rt-side-menu-sub-item-gap: var(--rt-space-sm);--rt-side-menu-sub-item-folder-padding-start: var(--rt-side-menu-sub-item-padding-start);--rt-side-menu-sub-item-chevron-color: var(--rt-color-text-muted);--rt-side-menu-sub-item-icon-size: var(--rt-icon-step-sm);--rt-side-menu-sub-item-button-radius: var(--rt-radius-md);--rt-side-menu-sub-item-button-icon-size: var(--rt-icon-step-sm);--rt-side-menu-sub-item-action-size: var(--rt-control-height-sm);--rt-side-menu-sub-item-favorite-size: var(--rt-control-height-sm);--rt-side-menu-sub-item-favorite-color: var(--rt-color-text-primary);display:block;letter-spacing:var(--rt-side-menu-sub-item-letter-spacing, inherit)}.rt-side-menu-sub-item__row{--rt-side-menu-sub-item-depth: 0;display:flex;width:100%;min-height:var(--rt-side-menu-sub-item-min-height);box-sizing:border-box;align-items:center;border:0;border-radius:var(--rt-side-menu-sub-item-radius);background:transparent;color:var(--rt-side-menu-sub-item-color);cursor:pointer;font:inherit;font-size:var(--rt-side-menu-sub-item-font-size);gap:var(--rt-side-menu-sub-item-gap);padding-block:var(--rt-space-2);padding-inline:calc(var(--rt-side-menu-sub-item-padding-start) * (1 + var(--rt-side-menu-sub-item-depth))) var(--rt-side-menu-sub-item-padding-end);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-side-menu-item-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-side-menu-item-bg-active);color:var(--rt-side-menu-item-color-active)}.rt-side-menu-sub-item__icon{--rt-icon-step-sm: var(--rt-side-menu-sub-item-icon-size);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__action>.rt-icon-button{--rt-icon-button-size-step: var(--rt-side-menu-sub-item-action-size)}.rt-side-menu-sub-item__action,.rt-side-menu-sub-item__favorite{--rt-icon-step-sm: var(--rt-side-menu-sub-item-button-icon-size)}.rt-side-menu-sub-item__action>.rt-icon-button,.rt-side-menu-sub-item__favorite>.rt-icon-button{--rt-icon-button-radius: var(--rt-side-menu-sub-item-button-radius)}.rt-side-menu-sub-item__favorite{--rt-icon-button-color: var(--rt-side-menu-sub-item-favorite-color);flex-shrink:0;opacity:0}.rt-side-menu-sub-item__favorite>.rt-icon-button{--rt-icon-button-size-step: var(--rt-side-menu-sub-item-favorite-size)}.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-side-menu-sub-item-min-height);--rt-expansion-panel-header-padding-block: var(--rt-space-2);--rt-expansion-panel-header-padding-start: calc( var(--rt-side-menu-sub-item-folder-padding-start) * (1 + var(--rt-side-menu-sub-item-depth)) );--rt-expansion-panel-header-padding-end: var(--rt-side-menu-sub-item-padding-end);--rt-expansion-panel-header-gap: var(--rt-side-menu-sub-item-gap);--rt-expansion-panel-chevron-color: var(--rt-side-menu-sub-item-chevron-color);--rt-expansion-panel-header-font-size: var(--rt-side-menu-sub-item-font-size);--rt-expansion-panel-header-color: var(--rt-side-menu-sub-item-color);--rt-expansion-panel-header-bg: transparent;--rt-expansion-panel-header-hover-bg: var(--rt-side-menu-item-bg-hover)}.rt-side-menu-sub-item__folder--highlighted.rt-expansion-panel{--rt-expansion-panel-header-bg: var(--rt-side-menu-item-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: 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", "glyphStrategy", "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" }, { kind: "pipe", type: RtSideMenuHrefPipe, name: "rtSideMenuHref" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+	const unpaired = unpairedSideMenuIcons(items, hasOwnIcon);
+	if (unpaired.length) {
+		const names = unpaired.map((name) => `«${name}»`).join(", ");
+		console.warn(`rt-side-menu «${menuId}»: значков ${names} нет ни в наборе кита, ни в перечне имён Material. Задайте имя кита или свой значок через <ng-template rtSideMenuIcon>.`);
+	}
 }
-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,
-                        BlockDirective,
-                        ElemDirective,
-                        ModDirective,
-                        RtExpansionPanelComponent,
-                        RtExpansionPanelContentDirective,
-                        RtIconComponent,
-                        RtIconButtonComponent,
-                        RtTooltipDirective,
-                        RtSideMenuTitlePartsPipe,
-                        RtSideMenuIconPipe,
-                        RtSideMenuHrefPipe,
-                    ], 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                \u041D\u043E\u043C\u0435\u0440 \u043F\u0443\u043D\u043A\u0442\u0430 \u043D\u0430 \u0441\u0430\u043C\u043E\u0439 \u0441\u0442\u0440\u043E\u043A\u0435 \u2014 \u043F\u0440\u0438\u0437\u043D\u0430\u043A \u0434\u043B\u044F \u043F\u0440\u0430\u0432\u0438\u043B \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F: \u043F\u043E \u043D\u0435\u043C\u0443 \u043E\u043D\u043E \u043D\u0430\u0445\u043E\u0434\u0438\u0442 \u0441\u0442\u0440\u043E\u043A\u0443,\n                \u043D\u0430\u043F\u0440\u0438\u043C\u0435\u0440 \u0442\u0443, \u0447\u0442\u043E \u043E\u0442\u043A\u0440\u044B\u0432\u0430\u0435\u0442 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443 \u0440\u0430\u0437\u0434\u0435\u043B\u0430. \u0421\u0442\u043E\u0438\u0442 \u0438 \u0443 \u0441\u0442\u0440\u043E\u043A\u0438 \u0431\u043B\u043E\u043A\u0430 \u0438\u0437\u0431\u0440\u0430\u043D\u043D\u043E\u0433\u043E.\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.data-item-id]=\"row.id\"\n                [attr.draggable]=\"inFavorites() ? 'false' : null\"\n                [attr.href]=\"row.link | rtSideMenuHref\"\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                        [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                        [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                        [icon]=\"buttonKitIcon\"\n                        [iconFill]=\"menuRef.subItemIconFill()\"\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                [attr.data-item-id]=\"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\" [fill]=\"menuRef.subItemIconFill()\" />\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);--rt-side-menu-sub-item-min-height: var(--rt-control-height-md);--rt-side-menu-sub-item-font-size: var(--rt-text-sm);--rt-side-menu-sub-item-padding-start: var(--rt-space-md);--rt-side-menu-sub-item-padding-end: var(--rt-space-sm);--rt-side-menu-sub-item-color: var(--rt-color-text-primary);--rt-side-menu-sub-item-gap: var(--rt-space-sm);--rt-side-menu-sub-item-folder-padding-start: var(--rt-side-menu-sub-item-padding-start);--rt-side-menu-sub-item-chevron-color: var(--rt-color-text-muted);--rt-side-menu-sub-item-icon-size: var(--rt-icon-step-sm);--rt-side-menu-sub-item-button-radius: var(--rt-radius-md);--rt-side-menu-sub-item-button-icon-size: var(--rt-icon-step-sm);--rt-side-menu-sub-item-action-size: var(--rt-control-height-sm);--rt-side-menu-sub-item-favorite-size: var(--rt-control-height-sm);--rt-side-menu-sub-item-favorite-color: var(--rt-color-text-primary);display:block;letter-spacing:var(--rt-side-menu-sub-item-letter-spacing, inherit)}.rt-side-menu-sub-item__row{--rt-side-menu-sub-item-depth: 0;display:flex;width:100%;min-height:var(--rt-side-menu-sub-item-min-height);box-sizing:border-box;align-items:center;border:0;border-radius:var(--rt-side-menu-sub-item-radius);background:transparent;color:var(--rt-side-menu-sub-item-color);cursor:pointer;font:inherit;font-size:var(--rt-side-menu-sub-item-font-size);gap:var(--rt-side-menu-sub-item-gap);padding-block:var(--rt-space-2);padding-inline:calc(var(--rt-side-menu-sub-item-padding-start) * (1 + var(--rt-side-menu-sub-item-depth))) var(--rt-side-menu-sub-item-padding-end);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-side-menu-item-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-side-menu-item-bg-active);color:var(--rt-side-menu-item-color-active)}.rt-side-menu-sub-item__icon{--rt-icon-step-sm: var(--rt-side-menu-sub-item-icon-size);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__action>.rt-icon-button{--rt-icon-button-size-step: var(--rt-side-menu-sub-item-action-size)}.rt-side-menu-sub-item__action,.rt-side-menu-sub-item__favorite{--rt-icon-step-sm: var(--rt-side-menu-sub-item-button-icon-size)}.rt-side-menu-sub-item__action>.rt-icon-button,.rt-side-menu-sub-item__favorite>.rt-icon-button{--rt-icon-button-radius: var(--rt-side-menu-sub-item-button-radius)}.rt-side-menu-sub-item__favorite{--rt-icon-button-color: var(--rt-side-menu-sub-item-favorite-color);flex-shrink:0;opacity:0}.rt-side-menu-sub-item__favorite>.rt-icon-button{--rt-icon-button-size-step: var(--rt-side-menu-sub-item-favorite-size)}.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-side-menu-sub-item-min-height);--rt-expansion-panel-header-padding-block: var(--rt-space-2);--rt-expansion-panel-header-padding-start: calc( var(--rt-side-menu-sub-item-folder-padding-start) * (1 + var(--rt-side-menu-sub-item-depth)) );--rt-expansion-panel-header-padding-end: var(--rt-side-menu-sub-item-padding-end);--rt-expansion-panel-header-gap: var(--rt-side-menu-sub-item-gap);--rt-expansion-panel-chevron-color: var(--rt-side-menu-sub-item-chevron-color);--rt-expansion-panel-header-font-size: var(--rt-side-menu-sub-item-font-size);--rt-expansion-panel-header-color: var(--rt-side-menu-sub-item-color);--rt-expansion-panel-header-bg: transparent;--rt-expansion-panel-header-hover-bg: var(--rt-side-menu-item-bg-hover)}.rt-side-menu-sub-item__folder--highlighted.rt-expansion-panel{--rt-expansion-panel-header-bg: var(--rt-side-menu-item-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                                    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{--rt-icon-button-color: var(--rt-side-menu-sub-item-favorite-color);--rt-icon-step-sm: var(--rt-side-menu-sub-item-button-icon-size);flex-shrink:0;cursor:grab;opacity:0}.rt-side-menu-favorites__handle>.rt-icon-button{--rt-icon-button-size-step: var(--rt-side-menu-sub-item-favorite-size);--rt-icon-button-radius: var(--rt-side-menu-sub-item-button-radius)}.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", "glyphStrategy", "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                                    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{--rt-icon-button-color: var(--rt-side-menu-sub-item-favorite-color);--rt-icon-step-sm: var(--rt-side-menu-sub-item-button-icon-size);flex-shrink:0;cursor:grab;opacity:0}.rt-side-menu-favorites__handle>.rt-icon-button{--rt-icon-button-size-step: var(--rt-side-menu-sub-item-favorite-size);--rt-icon-button-radius: var(--rt-side-menu-sub-item-button-radius)}.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 RtSideMenuCloseTimer {
-    #handle = null;
-    constructor(destroyRef) {
-        destroyRef.onDestroy(() => this.cancel());
-    }
-    /** Закрыть через `delay` миллисекунд; поставленное раньше закрытие заменяется новым. */
-    run(delay, close) {
-        this.cancel();
-        if (delay <= 0) {
-            close();
-            return;
-        }
-        this.#handle = setTimeout(() => {
-            this.#handle = null;
-            close();
-        }, delay);
-    }
-    cancel() {
-        if (this.#handle !== null) {
-            clearTimeout(this.#handle);
-            this.#handle = null;
-        }
-    }
-}
-
-/**
- * Ходьба по подменю с клавиатуры. Проверяется вызовом, без подъёма компонента.
- *
- * Клавиши слушает поле поиска: фокус из поля не уходит, и между стрелками работает набор текста.
- * Съедаются только клавиши ходьбы — на остальные ответ отрицательный, иначе поле перестанет
- * принимать буквы. Подсветка держится по номеру пункта: видимый список пересобирается на каждую
- * букву запроса.
- */
-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 RtSideMenuLookBase {
-    constructor() {
-        /** Подсказки строк подменю — у подписей и у кнопок строк. Доступные имена остаются. */
-        this.subMenuTooltipsShown = input(true, { ...(ngDevMode ? { debugName: "subMenuTooltipsShown" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /**
-         * Подписи под значками полосы. Выключено — имя пункта уходит в подсказку справа от значка, а
-         * подсказка подчиняется `subMenuTooltipsShown`; доступное имя пункт держит всегда.
-         */
-        this.railTitlesShown = input(true, { ...(ngDevMode ? { debugName: "railTitlesShown" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Залитые значки полосы — залитый рисунок материального набора и заливка шрифта лигатуры. */
-        this.railIconFill = input(false, { ...(ngDevMode ? { debugName: "railIconFill" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Залитые значки строк и папок подменю — так же, как `railIconFill` у полосы. */
-        this.subItemIconFill = input(false, { ...(ngDevMode ? { debugName: "subItemIconFill" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Подсказка прокрутки внизу панели подменю, как у полосы: длинный список не обрывается молча. */
-        this.panelScrollHintShown = input(false, { ...(ngDevMode ? { debugName: "panelScrollHintShown" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Размер поля поиска подменю — ступень `rt-input`. */
-        this.searchSize = input('sm', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "searchSize" }] : /* istanbul ignore next */ []));
-        /** Вид поля поиска подменю — вид `rt-input`. */
-        this.searchAppearance = input('outline', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "searchAppearance" }] : /* istanbul ignore next */ []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtSideMenuLookBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: RtSideMenuLookBase, isStandalone: true, inputs: { subMenuTooltipsShown: { classPropertyName: "subMenuTooltipsShown", publicName: "subMenuTooltipsShown", isSignal: true, isRequired: false, transformFunction: null }, railTitlesShown: { classPropertyName: "railTitlesShown", publicName: "railTitlesShown", isSignal: true, isRequired: false, transformFunction: null }, railIconFill: { classPropertyName: "railIconFill", publicName: "railIconFill", isSignal: true, isRequired: false, transformFunction: null }, subItemIconFill: { classPropertyName: "subItemIconFill", publicName: "subItemIconFill", isSignal: true, isRequired: false, transformFunction: null }, panelScrollHintShown: { classPropertyName: "panelScrollHintShown", publicName: "panelScrollHintShown", isSignal: true, isRequired: false, transformFunction: null }, searchSize: { classPropertyName: "searchSize", publicName: "searchSize", isSignal: true, isRequired: false, transformFunction: null }, searchAppearance: { classPropertyName: "searchAppearance", publicName: "searchAppearance", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtSideMenuLookBase, decorators: [{
-            type: Directive
-        }], propDecorators: { subMenuTooltipsShown: [{ type: i0.Input, args: [{ isSignal: true, alias: "subMenuTooltipsShown", required: false }] }], railTitlesShown: [{ type: i0.Input, args: [{ isSignal: true, alias: "railTitlesShown", required: false }] }], railIconFill: [{ type: i0.Input, args: [{ isSignal: true, alias: "railIconFill", required: false }] }], subItemIconFill: [{ type: i0.Input, args: [{ isSignal: true, alias: "subItemIconFill", required: false }] }], panelScrollHintShown: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelScrollHintShown", required: false }] }], searchSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchSize", required: false }] }], searchAppearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchAppearance", required: false }] }] } });
-
-/** Шапка бокового меню: над полосой пунктов. */
-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 extends RtSideMenuLookBase {
-    #breakpoints;
-    #renderer;
-    /** Настройки меню, если приложение их включило: режим и ширина хранятся там под `menuId`. */
-    #settings;
-    /** Тяга ширины: просьба уходит одна, на отпускании — в настройки меню и наружу. */
-    #resize;
-    /** Закрытие подменю, отложенное входом `subMenuCloseDelay`. */
-    #closeTimer;
-    /** Ходьба с клавиатуры открывает пункт настоящим нажатием его строки — той же дорогой, что и мышь. */
-    #keyboard;
-    /** Подменю открыл указатель. У закреплённого режима открытость считается иначе. */
-    #hoverOpened;
-    /** Человек в поле поиска: подменю держится открытым до нажатия снаружи. */
-    #searchHeld;
-    /** Строку избранного тянут: уход указателя за панель подменю не закрывает. */
-    #dragHeld;
-    /**
-     * Режим и ширина в работе: вход приложения, иначе сохранённые под номером меню. Без кнопки
-     * закрепления сохранённый режим не читается: открепить меню, закреплённое раньше, было бы нечем.
-     */
-    #mode;
-    #width;
-    #pinnedSubMenu;
-    constructor() {
-        super();
-        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));
-        /** Закрытие подменю, отложенное входом `subMenuCloseDelay`. */
-        this.#closeTimer = new RtSideMenuCloseTimer(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.subMenuCloseDelay = input(0, { ...(ngDevMode ? { debugName: "subMenuCloseDelay" } : /* istanbul ignore next */ {}), transform: (value) => numberAttribute(value, 0) });
-        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(() => warnUnpairedSideMenuIcons(this.menuId(), this.menuItems(), this.ownIconTpl() !== undefined));
-        }
-    }
-    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.#isHeld())) {
-            return;
-        }
-        if (item?.submenu) {
-            this.#closeTimer.cancel();
-            this.selectedSubMenu.set(item.submenu);
-            this.#hoverOpened.set(true);
-        }
-        else if (this.selectedItem()?.submenu) {
-            this.#closeTimer.cancel();
-            this.selectedSubMenu.set(this.selectedItem()?.submenu ?? null);
-        }
-        else {
-            // Ушедший с панели указатель мог за задержку взяться за поиск или строку избранного.
-            this.#closeTimer.run(this.subMenuCloseDelay(), () => {
-                if (item !== undefined || !this.#isHeld()) {
-                    this.closeSubMenu();
-                }
-            });
-        }
-    }
-    /** Указатель вернулся на панель: отложенное закрытие снимается. */
-    cancelSubMenuClose() {
-        this.#closeTimer.cancel();
-    }
-    closeSubMenu() {
-        this.#closeTimer.cancel();
-        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();
-        }
-    }
-    #isHeld() {
-        return this.#searchHeld() || this.#dragHeld();
-    }
-    /**
-     * Нажат пункт полосы, пока подменю закреплено: нажатие — выбор раздела. Пункт со своим адресом и
-     * без разделов выбор снимает: у страницы нет разделов, и панель прежнего раздела врала бы.
-     */
-    #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 }, subMenuCloseDelay: { classPropertyName: "subMenuCloseDelay", publicName: "subMenuCloseDelay", 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 }], usesInheritance: 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                (mouseenter)=\"cancelSubMenuClose()\"\n                (mouseleave)=\"toggleSubMenu()\">\n                <div rtElem=\"panel-head\">\n                    <rt-input\n                        rtElem=\"search\"\n                        qa-dataid=\"side-menu-search\"\n                        iconLeft=\"search\"\n                        [size]=\"searchSize()\"\n                        [appearance]=\"searchAppearance()\"\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\" [isScrollHintShown]=\"panelScrollHintShown()\">\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                iconLeft=\"search\"\n                [size]=\"searchSize()\"\n                [appearance]=\"searchAppearance()\"\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        <!-- \u0411\u0435\u0437 \u043F\u043E\u0434\u043F\u0438\u0441\u0435\u0439 \u043F\u043E\u0434 \u0437\u043D\u0430\u0447\u043A\u0430\u043C\u0438 \u0438\u043C\u044F \u043F\u0443\u043D\u043A\u0442\u0430 \u2014 \u0432 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0435 \u0441\u043F\u0440\u0430\u0432\u0430; \u0432\u044B\u043A\u043B\u044E\u0447\u0435\u043D\u043D\u044B\u0435 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0438 \u0433\u0430\u0441\u044F\u0442 \u0438 \u0435\u0451. -->\n        @let railTip = railTitlesShown() || !subMenuTooltipsShown() ? '' : item.name;\n        @if (item.link) {\n            <a\n                rtElem=\"rail-item\"\n                qa-dataid=\"side-menu-item\"\n                rtTooltipPlacement=\"right\"\n                [routerLink]=\"item.link\"\n                [rtMod]=\"{ active: isActive }\"\n                [attr.aria-current]=\"isActive ? 'page' : null\"\n                [attr.aria-label]=\"railTitlesShown() ? null : item.name\"\n                [rtTooltip]=\"railTip\"\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                rtTooltipPlacement=\"right\"\n                [rtMod]=\"{ active: isActive }\"\n                [attr.aria-label]=\"railTitlesShown() ? null : item.name\"\n                [rtTooltip]=\"railTip\"\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\" [fill]=\"railIconFill()\" />\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 && railTitlesShown()) {\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-favorites__row.cdk-drag-preview{--rt-side-menu-item-color: currentcolor;--rt-side-menu-item-bg-hover: var(--rt-color-bg-hover);--rt-side-menu-item-bg-active: var(--rt-color-action-primary-subtle);--rt-side-menu-item-color-active: var(--rt-color-action-primary-on-surface)}.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-rail-icon-size: var(--rt-icon-step-md);--rt-side-menu-rail-gap: var(--rt-space-md);--rt-side-menu-rail-bg: var(--rt-color-bg-surface);--rt-side-menu-rail-border-width: var(--rt-side-menu-panel-border-width);--rt-side-menu-panel-bg: var(--rt-color-bg-surface);--rt-side-menu-panel-head-padding: var(--rt-space-sm);--rt-side-menu-sub-list-padding-inline: var(--rt-space-2);--rt-side-menu-empty-padding: var(--rt-space-md);--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-rail-border-width) solid var(--rt-color-border-default);background:var(--rt-side-menu-rail-bg)}.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-side-menu-rail-gap);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:var(--rt-side-menu-item-color);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-side-menu-item-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-side-menu-item-bg-active);color:var(--rt-side-menu-item-color-active)}.rt-side-menu__rail-icon{--rt-icon-step-md: var(--rt-side-menu-rail-icon-size);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;inset-inline-start:var(--rt-side-menu-rail-width)}.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-side-menu-panel-bg);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-side-menu-panel-head-padding);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-side-menu-sub-list-padding-inline)}.rt-side-menu__empty{padding:var(--rt-side-menu-empty-padding);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:var(--rt-side-menu-item-color);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-side-menu-item-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-side-menu-item-bg-active);color:var(--rt-side-menu-item-color-active)}.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", "glyphStrategy", "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                (mouseenter)=\"cancelSubMenuClose()\"\n                (mouseleave)=\"toggleSubMenu()\">\n                <div rtElem=\"panel-head\">\n                    <rt-input\n                        rtElem=\"search\"\n                        qa-dataid=\"side-menu-search\"\n                        iconLeft=\"search\"\n                        [size]=\"searchSize()\"\n                        [appearance]=\"searchAppearance()\"\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\" [isScrollHintShown]=\"panelScrollHintShown()\">\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                iconLeft=\"search\"\n                [size]=\"searchSize()\"\n                [appearance]=\"searchAppearance()\"\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        <!-- \u0411\u0435\u0437 \u043F\u043E\u0434\u043F\u0438\u0441\u0435\u0439 \u043F\u043E\u0434 \u0437\u043D\u0430\u0447\u043A\u0430\u043C\u0438 \u0438\u043C\u044F \u043F\u0443\u043D\u043A\u0442\u0430 \u2014 \u0432 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0435 \u0441\u043F\u0440\u0430\u0432\u0430; \u0432\u044B\u043A\u043B\u044E\u0447\u0435\u043D\u043D\u044B\u0435 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0438 \u0433\u0430\u0441\u044F\u0442 \u0438 \u0435\u0451. -->\n        @let railTip = railTitlesShown() || !subMenuTooltipsShown() ? '' : item.name;\n        @if (item.link) {\n            <a\n                rtElem=\"rail-item\"\n                qa-dataid=\"side-menu-item\"\n                rtTooltipPlacement=\"right\"\n                [routerLink]=\"item.link\"\n                [rtMod]=\"{ active: isActive }\"\n                [attr.aria-current]=\"isActive ? 'page' : null\"\n                [attr.aria-label]=\"railTitlesShown() ? null : item.name\"\n                [rtTooltip]=\"railTip\"\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                rtTooltipPlacement=\"right\"\n                [rtMod]=\"{ active: isActive }\"\n                [attr.aria-label]=\"railTitlesShown() ? null : item.name\"\n                [rtTooltip]=\"railTip\"\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\" [fill]=\"railIconFill()\" />\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 && railTitlesShown()) {\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-favorites__row.cdk-drag-preview{--rt-side-menu-item-color: currentcolor;--rt-side-menu-item-bg-hover: var(--rt-color-bg-hover);--rt-side-menu-item-bg-active: var(--rt-color-action-primary-subtle);--rt-side-menu-item-color-active: var(--rt-color-action-primary-on-surface)}.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-rail-icon-size: var(--rt-icon-step-md);--rt-side-menu-rail-gap: var(--rt-space-md);--rt-side-menu-rail-bg: var(--rt-color-bg-surface);--rt-side-menu-rail-border-width: var(--rt-side-menu-panel-border-width);--rt-side-menu-panel-bg: var(--rt-color-bg-surface);--rt-side-menu-panel-head-padding: var(--rt-space-sm);--rt-side-menu-sub-list-padding-inline: var(--rt-space-2);--rt-side-menu-empty-padding: var(--rt-space-md);--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-rail-border-width) solid var(--rt-color-border-default);background:var(--rt-side-menu-rail-bg)}.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-side-menu-rail-gap);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:var(--rt-side-menu-item-color);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-side-menu-item-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-side-menu-item-bg-active);color:var(--rt-side-menu-item-color-active)}.rt-side-menu__rail-icon{--rt-icon-step-md: var(--rt-side-menu-rail-icon-size);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;inset-inline-start:var(--rt-side-menu-rail-width)}.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-side-menu-panel-bg);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-side-menu-panel-head-padding);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-side-menu-sub-list-padding-inline)}.rt-side-menu__empty{padding:var(--rt-side-menu-empty-padding);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:var(--rt-side-menu-item-color);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-side-menu-item-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-side-menu-item-bg-active);color:var(--rt-side-menu-item-color-active)}.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 }] }], subMenuCloseDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "subMenuCloseDelay", 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.
- */
+var RtSideMenuIconPipe = class RtSideMenuIconPipe {
+	transform(icon) {
+		return sideMenuIconName(icon);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtSideMenuIconPipe,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Pipe
+		});
+	}
+	static {
+		this.ɵpipe = i0.ɵɵngDeclarePipe({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtSideMenuIconPipe,
+			isStandalone: true,
+			name: "rtSideMenuIcon"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtSideMenuIconPipe,
+	decorators: [{
+		type: Pipe,
+		args: [{ name: "rtSideMenuIcon" }]
+	}]
+});
+var RtSideMenuTitlePartsPipe = class RtSideMenuTitlePartsPipe {
+	transform(name, query) {
+		return splitSideMenuTitle(name ?? "", query);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtSideMenuTitlePartsPipe,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Pipe
+		});
+	}
+	static {
+		this.ɵpipe = i0.ɵɵngDeclarePipe({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtSideMenuTitlePartsPipe,
+			isStandalone: true,
+			name: "rtSideMenuTitleParts"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	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";
+var RtSideMenuSubItemComponent = class RtSideMenuSubItemComponent {
+	constructor() {
+		this.#settings = inject(RtSideMenuSettingsService, { optional: true });
+		this.#router = inject(Router);
+		this.#route = inject(ActivatedRoute, { optional: true });
+		this.#errors = inject(ErrorHandler);
+		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, ...ngDevMode ? [{ debugName: "favoritesOn" }] : /* istanbul ignore next */ []);
+		this.favoriteIds = computed(() => this.#settings?.favoriteIds(this.menuRef.menuId())() ?? [], ...ngDevMode ? [{ debugName: "favoriteIds" }] : /* istanbul ignore next */ []);
+		this.item = input.required(...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;
+	#router;
+	#route;
+	#errors;
+	onClickSubMenu(item, event) {
+		this.clickSubMenuAction.emit({
+			item,
+			event
+		});
+		if (event.defaultPrevented || !item.link || sideMenuPressOpensInBrowser(event)) return;
+		event.preventDefault();
+		this.#router.navigateByUrl(sideMenuLinkTree(this.#router, this.#route, item.link)).catch((error) => this.#errors.handleError(error));
+	}
+	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;
+		(row?.nextElementSibling ?? row?.previousElementSibling)?.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.2.2",
+			ngImport: i0,
+			type: RtSideMenuSubItemComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			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                Номер пункта на самой строке — признак для правил приложения: по нему оно находит строку,\n                например ту, что открывает страницу раздела. Стоит и у строки блока избранного.\n                Строка блока избранного без номера: по номеру клавиатура нажимает строку списка. И без\n                родного перетаскивания ссылки: нажатие на ручку внутри строки браузер забирал себе,\n                и перетаскивание CDK не начиналось.\n            -->\n            <a\n                rtElem=\"row\"\n                qa-dataid=\"side-menu-sub-item\"\n                [id]=\"inFavorites() ? null : row.id\"\n                [attr.data-item-id]=\"row.id\"\n                [attr.draggable]=\"inFavorites() ? 'false' : null\"\n                [attr.href]=\"row.link | rtSideMenuHref\"\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                    <!-- Кусок без отметки тоже узел: голая интерполяция разрывала бы подпись пробелами. -->\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                    Строка блока несёт «убрать», а не звезду: всё в блоке уже в избранном. Звезда —\n                    у пункта со своим адресом в разделе с избранным: полая — не в избранном,\n                    закрашенная цветом темы — в нём. Имя кнопки называет следующее нажатие.\n                -->\n                @if (inFavorites() && favoritesIcons) {\n                    <rt-icon-button\n                        rtElem=\"favorite\"\n                        qa-dataid=\"side-menu-favorite-remove\"\n                        size=\"sm\"\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                        [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                <!-- Действия, которые строке передаёт владелец: блок избранного кладёт сюда ручку. -->\n                <ng-content select=\"[rtSideMenuSubItemAction]\" />\n\n                <!-- Кнопка потребителя видна всегда и стоит последней: кнопки избранного встают перед ней. -->\n                @if (row.iconButton?.icon; as buttonIcon) {\n                    <!-- Имя без значка кита берёт свой шаблон меню, как значок строки. Без шаблона кнопка пуста и\n                         незнакомого имени значку не передаёт: значка с таким именем нет, и ждать его некому. -->\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                        [icon]=\"buttonKitIcon\"\n                        [iconFill]=\"menuRef.subItemIconFill()\"\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                Папка — раскрывающаяся панель кита. Рисуется и с пустым составом: отбор оставляет так\n                ту, что совпала подписью. Шеврона у такой папки нет — раскрывать нечего. Раскрытие\n                держит меню: панель сообщает о нажатии, меню переключает папку. Кнопке заголовка\n                отдан номер пункта — по нему клавиатура меню нажимает строку.\n            -->\n            @let isOpen = menuRef.expandedMenuIds().includes(row.id);\n            <rt-expansion-panel\n                rtElem=\"folder\"\n                appearance=\"plain\"\n                [headerId]=\"'' + row.id\"\n                [attr.data-item-id]=\"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    <!-- Значок строки: имя кита или пара имени Material, а имя, которого кит не рисует, — свой шаблон меню. -->\n    <ng-template #iconTpl let-row>\n        @let kitIcon = row.icon | rtSideMenuIcon;\n        @if (kitIcon) {\n            <rt-icon rtElem=\"icon\" size=\"sm\" [name]=\"kitIcon\" [fill]=\"menuRef.subItemIconFill()\" />\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);--rt-side-menu-sub-item-min-height: var(--rt-control-height-md);--rt-side-menu-sub-item-font-size: var(--rt-text-sm);--rt-side-menu-sub-item-padding-start: var(--rt-space-md);--rt-side-menu-sub-item-padding-end: var(--rt-space-sm);--rt-side-menu-sub-item-color: var(--rt-color-text-primary);--rt-side-menu-sub-item-gap: var(--rt-space-sm);--rt-side-menu-sub-item-folder-padding-start: var(--rt-side-menu-sub-item-padding-start);--rt-side-menu-sub-item-chevron-color: var(--rt-color-text-muted);--rt-side-menu-sub-item-icon-size: var(--rt-icon-step-sm);--rt-side-menu-sub-item-button-radius: var(--rt-radius-md);--rt-side-menu-sub-item-button-icon-size: var(--rt-icon-step-sm);--rt-side-menu-sub-item-action-size: var(--rt-control-height-sm);--rt-side-menu-sub-item-favorite-size: var(--rt-control-height-sm);--rt-side-menu-sub-item-favorite-color: var(--rt-color-text-primary);display:block;letter-spacing:var(--rt-side-menu-sub-item-letter-spacing, inherit)}.rt-side-menu-sub-item__row{--rt-side-menu-sub-item-depth: 0;display:flex;width:100%;min-height:var(--rt-side-menu-sub-item-min-height);box-sizing:border-box;align-items:center;border:0;border-radius:var(--rt-side-menu-sub-item-radius);background:transparent;color:var(--rt-side-menu-sub-item-color);cursor:pointer;font:inherit;font-size:var(--rt-side-menu-sub-item-font-size);gap:var(--rt-side-menu-sub-item-gap);padding-block:var(--rt-space-2);padding-inline:calc(var(--rt-side-menu-sub-item-padding-start) * (1 + var(--rt-side-menu-sub-item-depth))) var(--rt-side-menu-sub-item-padding-end);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-side-menu-item-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-side-menu-item-bg-active);color:var(--rt-side-menu-item-color-active)}.rt-side-menu-sub-item__icon{--rt-icon-step-sm: var(--rt-side-menu-sub-item-icon-size);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__action>.rt-icon-button{--rt-icon-button-size-step: var(--rt-side-menu-sub-item-action-size)}.rt-side-menu-sub-item__action,.rt-side-menu-sub-item__favorite{--rt-icon-step-sm: var(--rt-side-menu-sub-item-button-icon-size)}.rt-side-menu-sub-item__action>.rt-icon-button,.rt-side-menu-sub-item__favorite>.rt-icon-button{--rt-icon-button-radius: var(--rt-side-menu-sub-item-button-radius)}.rt-side-menu-sub-item__favorite{--rt-icon-button-color: var(--rt-side-menu-sub-item-favorite-color);flex-shrink:0;opacity:0}.rt-side-menu-sub-item__favorite>.rt-icon-button{--rt-icon-button-size-step: var(--rt-side-menu-sub-item-favorite-size)}.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-side-menu-sub-item-min-height);--rt-expansion-panel-header-padding-block: var(--rt-space-2);--rt-expansion-panel-header-padding-start: calc( var(--rt-side-menu-sub-item-folder-padding-start) * (1 + var(--rt-side-menu-sub-item-depth)) );--rt-expansion-panel-header-padding-end: var(--rt-side-menu-sub-item-padding-end);--rt-expansion-panel-header-gap: var(--rt-side-menu-sub-item-gap);--rt-expansion-panel-chevron-color: var(--rt-side-menu-sub-item-chevron-color);--rt-expansion-panel-header-font-size: var(--rt-side-menu-sub-item-font-size);--rt-expansion-panel-header-color: var(--rt-side-menu-sub-item-color);--rt-expansion-panel-header-bg: transparent;--rt-expansion-panel-header-hover-bg: var(--rt-side-menu-item-bg-hover)}.rt-side-menu-sub-item__folder--highlighted.rt-expansion-panel{--rt-expansion-panel-header-bg: var(--rt-side-menu-item-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: 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",
+						"glyphStrategy",
+						"size",
+						"color",
+						"fill",
+						"spin",
+						"rotate"
+					]
+				},
+				{
+					kind: "component",
+					type: RtIconButtonComponent,
+					selector: "rt-icon-button",
+					inputs: [
+						"icon",
+						"glyph",
+						"ariaLabel",
+						"variant",
+						"iconColor",
+						"iconFill",
+						"size",
+						"iconSize",
+						"type",
+						"tooltip",
+						"tooltipHideOnClick",
+						"tabIndex",
+						"loading",
+						"disabled",
+						"active",
+						"expanded",
+						"indicator"
+					],
+					outputs: ["clicked"]
+				},
+				{
+					kind: "directive",
+					type: RtTooltipDirective,
+					selector: "[rtTooltip]",
+					inputs: [
+						"rtTooltip",
+						"rtTooltipPlacement",
+						"rtTooltipWhenTruncated",
+						"rtTooltipHideOnClick"
+					],
+					exportAs: ["rtTooltip"]
+				},
+				{
+					kind: "pipe",
+					type: RtSideMenuTitlePartsPipe,
+					name: "rtSideMenuTitleParts"
+				},
+				{
+					kind: "pipe",
+					type: RtSideMenuIconPipe,
+					name: "rtSideMenuIcon"
+				},
+				{
+					kind: "pipe",
+					type: RtSideMenuHrefPipe,
+					name: "rtSideMenuHref"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	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,
+				BlockDirective,
+				ElemDirective,
+				ModDirective,
+				RtExpansionPanelComponent,
+				RtExpansionPanelContentDirective,
+				RtIconComponent,
+				RtIconButtonComponent,
+				RtTooltipDirective,
+				RtSideMenuTitlePartsPipe,
+				RtSideMenuIconPipe,
+				RtSideMenuHrefPipe
+			],
+			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                Номер пункта на самой строке — признак для правил приложения: по нему оно находит строку,\n                например ту, что открывает страницу раздела. Стоит и у строки блока избранного.\n                Строка блока избранного без номера: по номеру клавиатура нажимает строку списка. И без\n                родного перетаскивания ссылки: нажатие на ручку внутри строки браузер забирал себе,\n                и перетаскивание CDK не начиналось.\n            -->\n            <a\n                rtElem=\"row\"\n                qa-dataid=\"side-menu-sub-item\"\n                [id]=\"inFavorites() ? null : row.id\"\n                [attr.data-item-id]=\"row.id\"\n                [attr.draggable]=\"inFavorites() ? 'false' : null\"\n                [attr.href]=\"row.link | rtSideMenuHref\"\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                    <!-- Кусок без отметки тоже узел: голая интерполяция разрывала бы подпись пробелами. -->\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                    Строка блока несёт «убрать», а не звезду: всё в блоке уже в избранном. Звезда —\n                    у пункта со своим адресом в разделе с избранным: полая — не в избранном,\n                    закрашенная цветом темы — в нём. Имя кнопки называет следующее нажатие.\n                -->\n                @if (inFavorites() && favoritesIcons) {\n                    <rt-icon-button\n                        rtElem=\"favorite\"\n                        qa-dataid=\"side-menu-favorite-remove\"\n                        size=\"sm\"\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                        [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                <!-- Действия, которые строке передаёт владелец: блок избранного кладёт сюда ручку. -->\n                <ng-content select=\"[rtSideMenuSubItemAction]\" />\n\n                <!-- Кнопка потребителя видна всегда и стоит последней: кнопки избранного встают перед ней. -->\n                @if (row.iconButton?.icon; as buttonIcon) {\n                    <!-- Имя без значка кита берёт свой шаблон меню, как значок строки. Без шаблона кнопка пуста и\n                         незнакомого имени значку не передаёт: значка с таким именем нет, и ждать его некому. -->\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                        [icon]=\"buttonKitIcon\"\n                        [iconFill]=\"menuRef.subItemIconFill()\"\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                Папка — раскрывающаяся панель кита. Рисуется и с пустым составом: отбор оставляет так\n                ту, что совпала подписью. Шеврона у такой папки нет — раскрывать нечего. Раскрытие\n                держит меню: панель сообщает о нажатии, меню переключает папку. Кнопке заголовка\n                отдан номер пункта — по нему клавиатура меню нажимает строку.\n            -->\n            @let isOpen = menuRef.expandedMenuIds().includes(row.id);\n            <rt-expansion-panel\n                rtElem=\"folder\"\n                appearance=\"plain\"\n                [headerId]=\"'' + row.id\"\n                [attr.data-item-id]=\"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    <!-- Значок строки: имя кита или пара имени Material, а имя, которого кит не рисует, — свой шаблон меню. -->\n    <ng-template #iconTpl let-row>\n        @let kitIcon = row.icon | rtSideMenuIcon;\n        @if (kitIcon) {\n            <rt-icon rtElem=\"icon\" size=\"sm\" [name]=\"kitIcon\" [fill]=\"menuRef.subItemIconFill()\" />\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);--rt-side-menu-sub-item-min-height: var(--rt-control-height-md);--rt-side-menu-sub-item-font-size: var(--rt-text-sm);--rt-side-menu-sub-item-padding-start: var(--rt-space-md);--rt-side-menu-sub-item-padding-end: var(--rt-space-sm);--rt-side-menu-sub-item-color: var(--rt-color-text-primary);--rt-side-menu-sub-item-gap: var(--rt-space-sm);--rt-side-menu-sub-item-folder-padding-start: var(--rt-side-menu-sub-item-padding-start);--rt-side-menu-sub-item-chevron-color: var(--rt-color-text-muted);--rt-side-menu-sub-item-icon-size: var(--rt-icon-step-sm);--rt-side-menu-sub-item-button-radius: var(--rt-radius-md);--rt-side-menu-sub-item-button-icon-size: var(--rt-icon-step-sm);--rt-side-menu-sub-item-action-size: var(--rt-control-height-sm);--rt-side-menu-sub-item-favorite-size: var(--rt-control-height-sm);--rt-side-menu-sub-item-favorite-color: var(--rt-color-text-primary);display:block;letter-spacing:var(--rt-side-menu-sub-item-letter-spacing, inherit)}.rt-side-menu-sub-item__row{--rt-side-menu-sub-item-depth: 0;display:flex;width:100%;min-height:var(--rt-side-menu-sub-item-min-height);box-sizing:border-box;align-items:center;border:0;border-radius:var(--rt-side-menu-sub-item-radius);background:transparent;color:var(--rt-side-menu-sub-item-color);cursor:pointer;font:inherit;font-size:var(--rt-side-menu-sub-item-font-size);gap:var(--rt-side-menu-sub-item-gap);padding-block:var(--rt-space-2);padding-inline:calc(var(--rt-side-menu-sub-item-padding-start) * (1 + var(--rt-side-menu-sub-item-depth))) var(--rt-side-menu-sub-item-padding-end);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-side-menu-item-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-side-menu-item-bg-active);color:var(--rt-side-menu-item-color-active)}.rt-side-menu-sub-item__icon{--rt-icon-step-sm: var(--rt-side-menu-sub-item-icon-size);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__action>.rt-icon-button{--rt-icon-button-size-step: var(--rt-side-menu-sub-item-action-size)}.rt-side-menu-sub-item__action,.rt-side-menu-sub-item__favorite{--rt-icon-step-sm: var(--rt-side-menu-sub-item-button-icon-size)}.rt-side-menu-sub-item__action>.rt-icon-button,.rt-side-menu-sub-item__favorite>.rt-icon-button{--rt-icon-button-radius: var(--rt-side-menu-sub-item-button-radius)}.rt-side-menu-sub-item__favorite{--rt-icon-button-color: var(--rt-side-menu-sub-item-favorite-color);flex-shrink:0;opacity:0}.rt-side-menu-sub-item__favorite>.rt-icon-button{--rt-icon-button-size-step: var(--rt-side-menu-sub-item-favorite-size)}.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-side-menu-sub-item-min-height);--rt-expansion-panel-header-padding-block: var(--rt-space-2);--rt-expansion-panel-header-padding-start: calc( var(--rt-side-menu-sub-item-folder-padding-start) * (1 + var(--rt-side-menu-sub-item-depth)) );--rt-expansion-panel-header-padding-end: var(--rt-side-menu-sub-item-padding-end);--rt-expansion-panel-header-gap: var(--rt-side-menu-sub-item-gap);--rt-expansion-panel-chevron-color: var(--rt-side-menu-sub-item-chevron-color);--rt-expansion-panel-header-font-size: var(--rt-side-menu-sub-item-font-size);--rt-expansion-panel-header-color: var(--rt-side-menu-sub-item-color);--rt-expansion-panel-header-bg: transparent;--rt-expansion-panel-header-hover-bg: var(--rt-side-menu-item-bg-hover)}.rt-side-menu-sub-item__folder--highlighted.rt-expansion-panel{--rt-expansion-panel-header-bg: var(--rt-side-menu-item-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";
+var RtSideMenuFavoritesComponent = 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, ...ngDevMode ? [{ debugName: "#dragging" }] : /* istanbul ignore next */ []);
+		this.#section = computed(() => this.#settings ? sideMenuFavoritesSection(this.#menu.menuItems(), this.#menu.shownSubMenu()) : null, ...ngDevMode ? [{ debugName: "#section" }] : /* istanbul ignore next */ []);
+		this.searching = computed(() => this.#menu.subMenuQuery().trim() !== "", ...ngDevMode ? [{ debugName: "searching" }] : /* istanbul ignore next */ []);
+		this.rows = computed(() => {
+			const section = this.#section();
+			if (!this.#settings || !section || this.searching() && !this.#menu.isFavoritesSearchShown()) return [];
+			return filterSideMenuItems(findSideMenuFavoriteItems([section], this.#settings.favoriteIds(this.#menu.menuId())()), this.#menu.subMenuQuery());
+		}, ...ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []);
+		this.collapsed = computed(() => {
+			const section = this.#section();
+			return !!section && !!this.#settings?.favoritesCollapsed(this.#menu.menuId())().includes(section.id);
+		}, ...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();
+		}, ...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();
+		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.2.2",
+			ngImport: i0,
+			type: RtSideMenuFavoritesComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			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            Блок — раскрывающаяся панель кита, как папка подменю, со звездой вместо значка папки. Имя\n            кнопки заголовка называет следующее нажатие; число строк — по входу меню.\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                                    Ручка стоит внутри строки, последней перед кнопкой потребителя. Строку тянут\n                                    только за ручку: остальная строка — ссылка. С клавиатуры строку переставляют\n                                    стрелки на ручке: перетаскивание CDK клавиш не знает.\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                                    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{--rt-icon-button-color: var(--rt-side-menu-sub-item-favorite-color);--rt-icon-step-sm: var(--rt-side-menu-sub-item-button-icon-size);flex-shrink:0;cursor:grab;opacity:0}.rt-side-menu-favorites__handle>.rt-icon-button{--rt-icon-button-size-step: var(--rt-side-menu-sub-item-favorite-size);--rt-icon-button-radius: var(--rt-side-menu-sub-item-button-radius)}.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: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: RtExpansionPanelContentDirective,
+					selector: "ng-template[rtExpansionPanelContent]"
+				},
+				{
+					kind: "component",
+					type: 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",
+						"tooltipHideOnClick",
+						"tabIndex",
+						"loading",
+						"disabled",
+						"active",
+						"expanded",
+						"indicator"
+					],
+					outputs: ["clicked"]
+				},
+				{
+					kind: "component",
+					type: RtIconComponent,
+					selector: "rt-icon",
+					inputs: [
+						"name",
+						"glyph",
+						"glyphStrategy",
+						"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.2.2",
+	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,
+				BlockDirective,
+				ElemDirective,
+				ModDirective,
+				RtExpansionPanelContentDirective,
+				RtExpansionPanelComponent,
+				RtIconButtonComponent,
+				RtIconComponent,
+				RtSideMenuSubItemComponent
+			],
+			template: "<ng-container rtBlock=\"rt-side-menu-favorites\">\n    @if (rows().length) {\n        <!--\n            Блок — раскрывающаяся панель кита, как папка подменю, со звездой вместо значка папки. Имя\n            кнопки заголовка называет следующее нажатие; число строк — по входу меню.\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                                    Ручка стоит внутри строки, последней перед кнопкой потребителя. Строку тянут\n                                    только за ручку: остальная строка — ссылка. С клавиатуры строку переставляют\n                                    стрелки на ручке: перетаскивание CDK клавиш не знает.\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                                    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{--rt-icon-button-color: var(--rt-side-menu-sub-item-favorite-color);--rt-icon-step-sm: var(--rt-side-menu-sub-item-button-icon-size);flex-shrink:0;cursor:grab;opacity:0}.rt-side-menu-favorites__handle>.rt-icon-button{--rt-icon-button-size-step: var(--rt-side-menu-sub-item-favorite-size);--rt-icon-button-radius: var(--rt-side-menu-sub-item-button-radius)}.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"]
+		}]
+	}
+});
+var RtSideMenuCloseTimer = class {
+	#handle = null;
+	constructor(destroyRef) {
+		destroyRef.onDestroy(() => this.cancel());
+	}
+	run(delay, close) {
+		this.cancel();
+		if (delay <= 0) {
+			close();
+			return;
+		}
+		this.#handle = setTimeout(() => {
+			this.#handle = null;
+			close();
+		}, delay);
+	}
+	cancel() {
+		if (this.#handle !== null) {
+			clearTimeout(this.#handle);
+			this.#handle = null;
+		}
+	}
+};
+var RtSubMenuKeyboard = class {
+	#highlightedId;
+	#openedIds;
+	#closedIds;
+	#hooks;
+	constructor(hooks) {
+		this.#highlightedId = signal(null, ...ngDevMode ? [{ debugName: "#highlightedId" }] : /* istanbul ignore next */ []);
+		this.#openedIds = signal([], ...ngDevMode ? [{ debugName: "#openedIds" }] : /* istanbul ignore next */ []);
+		this.#closedIds = signal([], ...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(item) {
+		if (item === null) return false;
+		if (item.link) {
+			this.#hooks.open(item);
+			return true;
+		}
+		return this.setFolderOpen(item, true);
+	}
+	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;
+	}
+};
+var RtSideMenuResize = class {
+	#draggedWidth;
+	#listen;
+	#hooks;
+	#stop;
+	constructor(listen, hooks, destroyRef) {
+		this.#draggedWidth = signal(null, ...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);
+		}, ...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();
+	}
+};
+var RtSideMenuLookBase = class RtSideMenuLookBase {
+	constructor() {
+		this.subMenuTooltipsShown = input(true, {
+			...ngDevMode ? { debugName: "subMenuTooltipsShown" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.railTitlesShown = input(true, {
+			...ngDevMode ? { debugName: "railTitlesShown" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.railIconFill = input(false, {
+			...ngDevMode ? { debugName: "railIconFill" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.subItemIconFill = input(false, {
+			...ngDevMode ? { debugName: "subItemIconFill" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.panelScrollHintShown = input(false, {
+			...ngDevMode ? { debugName: "panelScrollHintShown" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.searchSize = input("sm", ...ngDevMode ? [{ debugName: "searchSize" }] : /* istanbul ignore next */ []);
+		this.searchAppearance = input("outline", ...ngDevMode ? [{ debugName: "searchAppearance" }] : /* istanbul ignore next */ []);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtSideMenuLookBase,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "17.1.0",
+			version: "22.2.2",
+			type: RtSideMenuLookBase,
+			isStandalone: true,
+			inputs: {
+				subMenuTooltipsShown: {
+					classPropertyName: "subMenuTooltipsShown",
+					publicName: "subMenuTooltipsShown",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				railTitlesShown: {
+					classPropertyName: "railTitlesShown",
+					publicName: "railTitlesShown",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				railIconFill: {
+					classPropertyName: "railIconFill",
+					publicName: "railIconFill",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				subItemIconFill: {
+					classPropertyName: "subItemIconFill",
+					publicName: "subItemIconFill",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				panelScrollHintShown: {
+					classPropertyName: "panelScrollHintShown",
+					publicName: "panelScrollHintShown",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				searchSize: {
+					classPropertyName: "searchSize",
+					publicName: "searchSize",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				searchAppearance: {
+					classPropertyName: "searchAppearance",
+					publicName: "searchAppearance",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtSideMenuLookBase,
+	decorators: [{ type: Directive }],
+	propDecorators: {
+		subMenuTooltipsShown: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "subMenuTooltipsShown",
+				required: false
+			}]
+		}],
+		railTitlesShown: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "railTitlesShown",
+				required: false
+			}]
+		}],
+		railIconFill: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "railIconFill",
+				required: false
+			}]
+		}],
+		subItemIconFill: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "subItemIconFill",
+				required: false
+			}]
+		}],
+		panelScrollHintShown: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "panelScrollHintShown",
+				required: false
+			}]
+		}],
+		searchSize: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "searchSize",
+				required: false
+			}]
+		}],
+		searchAppearance: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "searchAppearance",
+				required: false
+			}]
+		}]
+	}
+});
+var RtSideMenuHeaderDirective = class RtSideMenuHeaderDirective {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtSideMenuHeaderDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: RtSideMenuHeaderDirective,
+			isStandalone: true,
+			selector: "[rtSideMenuHeader]",
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtSideMenuHeaderDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[rtSideMenuHeader]" }]
+	}]
+});
+var RtSideMenuFooterDirective = class RtSideMenuFooterDirective {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtSideMenuFooterDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: RtSideMenuFooterDirective,
+			isStandalone: true,
+			selector: "[rtSideMenuFooter]",
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtSideMenuFooterDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[rtSideMenuFooter]" }]
+	}]
+});
+var RtSideMenuIconDirective = class RtSideMenuIconDirective {
+	constructor() {
+		this.templateRef = inject(TemplateRef);
+	}
+	static ngTemplateContextGuard(_directive, context) {
+		return true;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtSideMenuIconDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: RtSideMenuIconDirective,
+			isStandalone: true,
+			selector: "ng-template[rtSideMenuIcon]",
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtSideMenuIconDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "ng-template[rtSideMenuIcon]" }]
+	}]
+});
+const BEM_BLOCK = "rt-side-menu";
+var RtSideMenuComponent = class RtSideMenuComponent extends RtSideMenuLookBase {
+	#breakpoints;
+	#renderer;
+	#settings;
+	#resize;
+	#closeTimer;
+	#keyboard;
+	#hoverOpened;
+	#searchHeld;
+	#dragHeld;
+	#mode;
+	#width;
+	#pinnedSubMenu;
+	constructor() {
+		super();
+		this.#breakpoints = inject(BreakpointsService);
+		this.#renderer = inject(Renderer2);
+		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.#closeTimer = new RtSideMenuCloseTimer(inject(DestroyRef));
+		this.#keyboard = new RtSubMenuKeyboard({
+			open: (item) => this.#pressRow(item),
+			clearQuery: () => this.searchControl.setValue("")
+		});
+		this.#hoverOpened = signal(false, ...ngDevMode ? [{ debugName: "#hoverOpened" }] : /* istanbul ignore next */ []);
+		this.#searchHeld = signal(false, ...ngDevMode ? [{ debugName: "#searchHeld" }] : /* istanbul ignore next */ []);
+		this.#dragHeld = signal(false, ...ngDevMode ? [{ debugName: "#dragHeld" }] : /* istanbul ignore next */ []);
+		this.#mode = computed(() => this.subMenuMode() ?? (this.pinShown() ? this.#settings?.subMenuMode(this.menuId())() : void 0) ?? "hover", ...ngDevMode ? [{ debugName: "#mode" }] : /* istanbul ignore next */ []);
+		this.#width = computed(() => this.subMenuWidth() ?? this.#settings?.subMenuWidth(this.menuId())() ?? null, ...ngDevMode ? [{ debugName: "#width" }] : /* istanbul ignore next */ []);
+		this.#pinnedSubMenu = computed(() => this.isPinned() ? pinnedSideMenuItems(this.selectedSubMenu(), this.activeMenuIds(), this.menuItems()) : [], ...ngDevMode ? [{ debugName: "#pinnedSubMenu" }] : /* istanbul ignore next */ []);
+		this.searchControl = new FormControl("");
+		this.panelRef = viewChild("panel", ...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 = 120;
+		this.resizeValueMax = 480;
+		this.panelWidthStyle = computed(() => {
+			const width = this.#resize.draggedWidth() ?? this.#width();
+			return width === null ? null : `${clampSideMenuWidth(width)}px`;
+		}, ...ngDevMode ? [{ debugName: "panelWidthStyle" }] : /* istanbul ignore next */ []);
+		this.isPinned = computed(() => this.#mode() === "pinned" && !this.narrow(), ...ngDevMode ? [{ debugName: "isPinned" }] : /* istanbul ignore next */ []);
+		this.isSearchHeld = computed(() => this.#searchHeld() && !this.isPinned(), ...ngDevMode ? [{ debugName: "isSearchHeld" }] : /* istanbul ignore next */ []);
+		this.subMenuOpened = computed(() => this.isPinned() ? this.#pinnedSubMenu().length > 0 : this.#hoverOpened(), ...ngDevMode ? [{ debugName: "subMenuOpened" }] : /* istanbul ignore next */ []);
+		this.visibleSubMenuItems = computed(() => filterSideMenuItems(this.shownSubMenu(), this.subMenuQuery()), ...ngDevMode ? [{ debugName: "visibleSubMenuItems" }] : /* istanbul ignore next */ []);
+		this.isNothingFound = computed(() => this.subMenuQuery().trim() !== "" && this.visibleSubMenuItems().length === 0, ...ngDevMode ? [{ debugName: "isNothingFound" }] : /* istanbul ignore next */ []);
+		this.activeRailIds = computed(() => {
+			const selected = this.selectedItem();
+			return selected ? [selected.id] : this.activeMenuIds();
+		}, ...ngDevMode ? [{ debugName: "activeRailIds" }] : /* istanbul ignore next */ []);
+		this.shownSubMenu = computed(() => this.isPinned() ? this.#pinnedSubMenu() : this.selectedSubMenu() ?? [], ...ngDevMode ? [{ debugName: "shownSubMenu" }] : /* istanbul ignore next */ []);
+		this.selectedItem = signal(null, ...ngDevMode ? [{ debugName: "selectedItem" }] : /* istanbul ignore next */ []);
+		this.selectedSubMenu = signal(null, ...ngDevMode ? [{ debugName: "selectedSubMenu" }] : /* istanbul ignore next */ []);
+		this.subMenuQuery = signal("", ...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));
+		}, ...ngDevMode ? [{ debugName: "expandedMenuIds" }] : /* istanbul ignore next */ []);
+		this.activeMenuIds = input.required(...ngDevMode ? [{ debugName: "activeMenuIds" }] : /* istanbul ignore next */ []);
+		this.menuItems = input([], ...ngDevMode ? [{ debugName: "menuItems" }] : /* istanbul ignore next */ []);
+		this.subMenuMode = input(void 0, ...ngDevMode ? [{ debugName: "subMenuMode" }] : /* istanbul ignore next */ []);
+		this.subMenuWidth = input(void 0, ...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", ...ngDevMode ? [{ debugName: "favoritesCount" }] : /* istanbul ignore next */ []);
+		this.favoriteActionsReserve = input("none", ...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.subMenuCloseDelay = input(0, {
+			...ngDevMode ? { debugName: "subMenuCloseDelay" } : /* istanbul ignore next */ {},
+			transform: (value) => numberAttribute(value, 0)
+		});
+		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(() => warnUnpairedSideMenuIcons(this.menuId(), this.menuItems(), this.ownIconTpl() !== void 0));
+	}
+	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();
+		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 === void 0 && this.#isHeld()) return;
+		if (item?.submenu) {
+			this.#closeTimer.cancel();
+			this.selectedSubMenu.set(item.submenu);
+			this.#hoverOpened.set(true);
+		} else if (this.selectedItem()?.submenu) {
+			this.#closeTimer.cancel();
+			this.selectedSubMenu.set(this.selectedItem()?.submenu ?? null);
+		} else this.#closeTimer.run(this.subMenuCloseDelay(), () => {
+			if (item !== void 0 || !this.#isHeld()) this.closeSubMenu();
+		});
+	}
+	cancelSubMenuClose() {
+		this.#closeTimer.cancel();
+	}
+	closeSubMenu() {
+		this.#closeTimer.cancel();
+		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();
+	}
+	#isHeld() {
+		return this.#searchHeld() || this.#dragHeld();
+	}
+	#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("");
+	}
+	#pressRow(item) {
+		Array.from(this.panelRef()?.nativeElement.querySelectorAll("[id]") ?? []).find((row) => row.id === String(item.id))?.click();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtSideMenuComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			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
+				},
+				subMenuCloseDelay: {
+					classPropertyName: "subMenuCloseDelay",
+					publicName: "subMenuCloseDelay",
+					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
+			}],
+			usesInheritance: true,
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-side-menu\">\n    @if (narrow()) {\n        <!-- Узкий экран: один столбец — главные пункты или подменю выбранного раздела с кнопкой назад. -->\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                <!-- Подложка незакреплённой панели: подменю, взятое полем поиска, закрывает нажатие снаружи. -->\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                (mouseenter)=\"cancelSubMenuClose()\"\n                (mouseleave)=\"toggleSubMenu()\">\n                <div rtElem=\"panel-head\">\n                    <rt-input\n                        rtElem=\"search\"\n                        qa-dataid=\"side-menu-search\"\n                        iconLeft=\"search\"\n                        [size]=\"searchSize()\"\n                        [appearance]=\"searchAppearance()\"\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\" [isScrollHintShown]=\"panelScrollHintShown()\">\n                    <ng-container *rtScrollAreaContent>\n                        <ng-container [ngTemplateOutlet]=\"subMenuTpl\" />\n                    </ng-container>\n                </rt-scroll-area>\n            </div>\n\n            @if (isPinned()) {\n                <!-- Ручка есть только у закреплённого подменю: незакреплённое уходит раньше, чем до края доедет рука. -->\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                iconLeft=\"search\"\n                [size]=\"searchSize()\"\n                [appearance]=\"searchAppearance()\"\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            <!-- Блок избранного раздела: сам решает, есть ли ему что показать, и без строк места не занимает. -->\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        <!-- Без подписей под значками имя пункта — в подсказке справа; выключенные подсказки гасят и её. -->\n        @let railTip = railTitlesShown() || !subMenuTooltipsShown() ? '' : item.name;\n        @if (item.link) {\n            <a\n                rtElem=\"rail-item\"\n                qa-dataid=\"side-menu-item\"\n                rtTooltipPlacement=\"right\"\n                [routerLink]=\"item.link\"\n                [rtMod]=\"{ active: isActive }\"\n                [attr.aria-current]=\"isActive ? 'page' : null\"\n                [attr.aria-label]=\"railTitlesShown() ? null : item.name\"\n                [rtTooltip]=\"railTip\"\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                rtTooltipPlacement=\"right\"\n                [rtMod]=\"{ active: isActive }\"\n                [attr.aria-label]=\"railTitlesShown() ? null : item.name\"\n                [rtTooltip]=\"railTip\"\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            <!-- Имя Material первого кита рисуется своей парой; имя, которого кит не рисует, — своим шаблоном меню. -->\n            @let kitIcon = item.icon | rtSideMenuIcon;\n            <span rtElem=\"rail-icon\">\n                @if (kitIcon) {\n                    <rt-icon [name]=\"kitIcon\" [fill]=\"railIconFill()\" />\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 && railTitlesShown()) {\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            <!-- Стрелка раздела, как у первого кита: нажатие уводит в подменю, а не раскрывает на месте. -->\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-favorites__row.cdk-drag-preview{--rt-side-menu-item-color: currentcolor;--rt-side-menu-item-bg-hover: var(--rt-color-bg-hover);--rt-side-menu-item-bg-active: var(--rt-color-action-primary-subtle);--rt-side-menu-item-color-active: var(--rt-color-action-primary-on-surface)}.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-rail-icon-size: var(--rt-icon-step-md);--rt-side-menu-rail-gap: var(--rt-space-md);--rt-side-menu-rail-bg: var(--rt-color-bg-surface);--rt-side-menu-rail-border-width: var(--rt-side-menu-panel-border-width);--rt-side-menu-panel-bg: var(--rt-color-bg-surface);--rt-side-menu-panel-head-padding: var(--rt-space-sm);--rt-side-menu-sub-list-padding-inline: var(--rt-space-2);--rt-side-menu-empty-padding: var(--rt-space-md);--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-rail-border-width) solid var(--rt-color-border-default);background:var(--rt-side-menu-rail-bg)}.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-side-menu-rail-gap);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:var(--rt-side-menu-item-color);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-side-menu-item-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-side-menu-item-bg-active);color:var(--rt-side-menu-item-color-active)}.rt-side-menu__rail-icon{--rt-icon-step-md: var(--rt-side-menu-rail-icon-size);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;inset-inline-start:var(--rt-side-menu-rail-width)}.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-side-menu-panel-bg);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-side-menu-panel-head-padding);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-side-menu-sub-list-padding-inline)}.rt-side-menu__empty{padding:var(--rt-side-menu-empty-padding);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:var(--rt-side-menu-item-color);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-side-menu-item-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-side-menu-item-bg-active);color:var(--rt-side-menu-item-color-active)}.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",
+						"glyphStrategy",
+						"size",
+						"color",
+						"fill",
+						"spin",
+						"rotate"
+					]
+				},
+				{
+					kind: "component",
+					type: RtIconButtonComponent,
+					selector: "rt-icon-button",
+					inputs: [
+						"icon",
+						"glyph",
+						"ariaLabel",
+						"variant",
+						"iconColor",
+						"iconFill",
+						"size",
+						"iconSize",
+						"type",
+						"tooltip",
+						"tooltipHideOnClick",
+						"tabIndex",
+						"loading",
+						"disabled",
+						"active",
+						"expanded",
+						"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",
+						"rtTooltipHideOnClick"
+					],
+					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.2.2",
+	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        <!-- Узкий экран: один столбец — главные пункты или подменю выбранного раздела с кнопкой назад. -->\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                <!-- Подложка незакреплённой панели: подменю, взятое полем поиска, закрывает нажатие снаружи. -->\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                (mouseenter)=\"cancelSubMenuClose()\"\n                (mouseleave)=\"toggleSubMenu()\">\n                <div rtElem=\"panel-head\">\n                    <rt-input\n                        rtElem=\"search\"\n                        qa-dataid=\"side-menu-search\"\n                        iconLeft=\"search\"\n                        [size]=\"searchSize()\"\n                        [appearance]=\"searchAppearance()\"\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\" [isScrollHintShown]=\"panelScrollHintShown()\">\n                    <ng-container *rtScrollAreaContent>\n                        <ng-container [ngTemplateOutlet]=\"subMenuTpl\" />\n                    </ng-container>\n                </rt-scroll-area>\n            </div>\n\n            @if (isPinned()) {\n                <!-- Ручка есть только у закреплённого подменю: незакреплённое уходит раньше, чем до края доедет рука. -->\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                iconLeft=\"search\"\n                [size]=\"searchSize()\"\n                [appearance]=\"searchAppearance()\"\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            <!-- Блок избранного раздела: сам решает, есть ли ему что показать, и без строк места не занимает. -->\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        <!-- Без подписей под значками имя пункта — в подсказке справа; выключенные подсказки гасят и её. -->\n        @let railTip = railTitlesShown() || !subMenuTooltipsShown() ? '' : item.name;\n        @if (item.link) {\n            <a\n                rtElem=\"rail-item\"\n                qa-dataid=\"side-menu-item\"\n                rtTooltipPlacement=\"right\"\n                [routerLink]=\"item.link\"\n                [rtMod]=\"{ active: isActive }\"\n                [attr.aria-current]=\"isActive ? 'page' : null\"\n                [attr.aria-label]=\"railTitlesShown() ? null : item.name\"\n                [rtTooltip]=\"railTip\"\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                rtTooltipPlacement=\"right\"\n                [rtMod]=\"{ active: isActive }\"\n                [attr.aria-label]=\"railTitlesShown() ? null : item.name\"\n                [rtTooltip]=\"railTip\"\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            <!-- Имя Material первого кита рисуется своей парой; имя, которого кит не рисует, — своим шаблоном меню. -->\n            @let kitIcon = item.icon | rtSideMenuIcon;\n            <span rtElem=\"rail-icon\">\n                @if (kitIcon) {\n                    <rt-icon [name]=\"kitIcon\" [fill]=\"railIconFill()\" />\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 && railTitlesShown()) {\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            <!-- Стрелка раздела, как у первого кита: нажатие уводит в подменю, а не раскрывает на месте. -->\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-favorites__row.cdk-drag-preview{--rt-side-menu-item-color: currentcolor;--rt-side-menu-item-bg-hover: var(--rt-color-bg-hover);--rt-side-menu-item-bg-active: var(--rt-color-action-primary-subtle);--rt-side-menu-item-color-active: var(--rt-color-action-primary-on-surface)}.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-rail-icon-size: var(--rt-icon-step-md);--rt-side-menu-rail-gap: var(--rt-space-md);--rt-side-menu-rail-bg: var(--rt-color-bg-surface);--rt-side-menu-rail-border-width: var(--rt-side-menu-panel-border-width);--rt-side-menu-panel-bg: var(--rt-color-bg-surface);--rt-side-menu-panel-head-padding: var(--rt-space-sm);--rt-side-menu-sub-list-padding-inline: var(--rt-space-2);--rt-side-menu-empty-padding: var(--rt-space-md);--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-rail-border-width) solid var(--rt-color-border-default);background:var(--rt-side-menu-rail-bg)}.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-side-menu-rail-gap);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:var(--rt-side-menu-item-color);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-side-menu-item-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-side-menu-item-bg-active);color:var(--rt-side-menu-item-color-active)}.rt-side-menu__rail-icon{--rt-icon-step-md: var(--rt-side-menu-rail-icon-size);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;inset-inline-start:var(--rt-side-menu-rail-width)}.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-side-menu-panel-bg);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-side-menu-panel-head-padding);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-side-menu-sub-list-padding-inline)}.rt-side-menu__empty{padding:var(--rt-side-menu-empty-padding);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:var(--rt-side-menu-item-color);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-side-menu-item-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-side-menu-item-bg-active);color:var(--rt-side-menu-item-color-active)}.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
+			}]
+		}],
+		subMenuCloseDelay: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "subMenuCloseDelay",
+				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
+			}]
+		}]
+	}
+});
+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, sideMenuPressOpensInBrowser, sideMenuWidthByKey, splitSideMenuTitle, splitTitleByWords, startSideMenuWidthDrag, stepSideMenuHighlight, unpairedSideMenuIcons, walkSideMenuItems, warnUnpairedSideMenuIcons };
 
-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, sideMenuPressOpensInBrowser, sideMenuWidthByKey, splitSideMenuTitle, startSideMenuWidthDrag, stepSideMenuHighlight, unpairedSideMenuIcons, walkSideMenuItems, warnUnpairedSideMenuIcons };
-//# sourceMappingURL=rt-tools-ui-kit-v2-side-menu.mjs.map
+//# sourceMappingURL=rt-tools-ui-kit-v2-side-menu.mjs.map