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

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

@@ -1,1326 +1,1286 @@
-import { Overlay, ScrollStrategyOptions } from '@angular/cdk/overlay';
-import { TemplatePortal } from '@angular/cdk/portal';
-import { DOCUMENT, NgTemplateOutlet } from '@angular/common';
-import * as i0 from '@angular/core';
-import { signal, Injectable, Directive, inject, ElementRef, ViewContainerRef, RendererFactory2, contentChild, TemplateRef, input, output, computed, effect, ViewEncapsulation, ChangeDetectionStrategy, Component, DestroyRef, isSignal, Injector, viewChild } from '@angular/core';
-import { takeUntilDestroyed, outputToObservable, toObservable, toSignal } from '@angular/core/rxjs-interop';
-import { Subject, switchMap, merge, map, takeUntil, mergeMap, catchError, of, finalize, shareReplay, filter, take, startWith, exhaustMap, tap, defer } from 'rxjs';
-import { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';
-import { carryThemeScope, materialPresetClassesOf, NotificationBus } from '@rt-tools/ui-kit-v2/core';
-import { RtToasterComponent } from '@rt-tools/ui-kit-v2/toast';
-import { Router, ActivatedRoute } from '@angular/router';
-import { RtAsideUnsavedDialogComponent, ERtAsideUnsavedOutcome, ERtAsideCloseIntent, resolveCloseIntent } from '@rt-tools/ui-kit-v2/aside';
-import { RtDialogService } from '@rt-tools/ui-kit-v2/dialog';
-import { PristineChangeEvent } from '@angular/forms';
-
-/**
- * Приватный signal-store для `rt-container`.
- *
- * Хранит open-state левой docked sidenav. Driver-директива
- * `[rtContainerLeftSidenavPanel]` пишет в `leftSidenavOpen`, шаблон
- * `RtContainerComponent` читает через signal-tracking.
- *
- * Provided component-level через `providers: [RtContainerStateService]` на
- * `RtContainerComponent` — per-instance state, без singleton'а. Pure signal IO
- * с автоматической reactivity.
- *
- * Правая sidenav (overlay) НЕ хранится здесь: её open-state живёт прямо в
- * `RtContainerComponent.rightOpen` сигнале и управляется через `openRight()` /
- * `closeRight()` методы + lifecycle outputs.
- */
-class RtContainerStateService {
-    constructor() {
-        this.leftSidenavOpen = signal(true, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "leftSidenavOpen" }] : /* istanbul ignore next */ []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtContainerStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtContainerStateService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtContainerStateService, decorators: [{
-            type: Injectable
-        }] });
-
-/**
- * Маркеры слотов оболочки — своим файлом, а не рядом с панельными директивами.
- *
- * Панельные директивы берут сам компонент оболочки значением, а компонент объявляет маркеры в
- * своих импортах: вместе это круг «оболочка → директивы → оболочка». Маркеры пусты и не знают
- * об оболочке ничего, поэтому расходятся с ней без потерь.
- */
-/**
- * Маркер-директива для содержимого хедера `rt-container`.
- *
- * @example
- * ```html
- * <rt-container>
- *     <ng-container *rtContainerHeader>
- *         <rt-header />
- *     </ng-container>
- * </rt-container>
- * ```
- */
-class RtContainerHeaderDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtContainerHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: RtContainerHeaderDirective, isStandalone: true, selector: "[rtContainerHeader]", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtContainerHeaderDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[rtContainerHeader]',
-                }]
-        }] });
-/**
- * Маркер-директива для контента левой sidenav в `rt-container`.
- *
- * @example
- * ```html
- * <rt-container>
- *     <ng-container *rtContainerLeftSidenav>
- *         <router-outlet name="lo" />
- *     </ng-container>
- * </rt-container>
- * ```
- */
-class RtContainerLeftSidenavDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtContainerLeftSidenavDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: RtContainerLeftSidenavDirective, isStandalone: true, selector: "[rtContainerLeftSidenav]", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtContainerLeftSidenavDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[rtContainerLeftSidenav]',
-                }]
-        }] });
-/**
- * Маркер-директива для контента правой sidenav в `rt-container`.
- *
- * @example
- * ```html
- * <rt-container>
- *     <ng-container *rtContainerRightSidenav>
- *         <router-outlet name="ro" />
- *     </ng-container>
- * </rt-container>
- * ```
- */
-class RtContainerRightSidenavDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtContainerRightSidenavDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: RtContainerRightSidenavDirective, isStandalone: true, selector: "[rtContainerRightSidenav]", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtContainerRightSidenavDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[rtContainerRightSidenav]',
-                }]
-        }] });
-/**
- * Маркер-директива для контента в левой секции toolbar.
- *
- * @example
- * ```html
- * <rt-container>
- *     <ng-container *rtContainerToolbarLeft>
- *         <router-outlet name="lb" />
- *     </ng-container>
- * </rt-container>
- * ```
- */
-class RtContainerToolbarLeftDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtContainerToolbarLeftDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: RtContainerToolbarLeftDirective, isStandalone: true, selector: "[rtContainerToolbarLeft]", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtContainerToolbarLeftDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[rtContainerToolbarLeft]',
-                }]
-        }] });
-/**
- * Маркер-директива для контента в центральной секции toolbar.
- *
- * @example
- * ```html
- * <rt-container>
- *     <ng-container *rtContainerToolbarCenter>
- *         <router-outlet name="cb" />
- *     </ng-container>
- * </rt-container>
- * ```
- */
-class RtContainerToolbarCenterDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtContainerToolbarCenterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: RtContainerToolbarCenterDirective, isStandalone: true, selector: "[rtContainerToolbarCenter]", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtContainerToolbarCenterDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[rtContainerToolbarCenter]',
-                }]
-        }] });
-/**
- * Маркер-директива для контента в правой секции toolbar.
- *
- * @example
- * ```html
- * <rt-container>
- *     <ng-container *rtContainerToolbarRight>
- *         <router-outlet name="rb" />
- *     </ng-container>
- * </rt-container>
- * ```
- */
-class RtContainerToolbarRightDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtContainerToolbarRightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: RtContainerToolbarRightDirective, isStandalone: true, selector: "[rtContainerToolbarRight]", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtContainerToolbarRightDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[rtContainerToolbarRight]',
-                }]
-        }] });
-/**
- * Маркер-директива для основного контента `rt-container`.
- *
- * @example
- * ```html
- * <rt-container>
- *     <ng-container *rtContainerContent>
- *         <router-outlet />
- *     </ng-container>
- * </rt-container>
- * ```
- */
-class RtContainerContentDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtContainerContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: RtContainerContentDirective, isStandalone: true, selector: "[rtContainerContent]", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtContainerContentDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[rtContainerContent]',
-                }]
-        }] });
-
-/** Запас поверх длительности transition'а для страховочного таймера. */
+import { Overlay, ScrollStrategyOptions } from "@angular/cdk/overlay";
+import { TemplatePortal } from "@angular/cdk/portal";
+import { DOCUMENT, NgTemplateOutlet } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, Directive, ElementRef, Injectable, Injector, RendererFactory2, TemplateRef, ViewContainerRef, ViewEncapsulation, computed, contentChild, effect, inject, input, isSignal, output, signal, viewChild } from "@angular/core";
+import { outputToObservable, takeUntilDestroyed, toObservable, toSignal } from "@angular/core/rxjs-interop";
+import { Subject, catchError, defer, exhaustMap, filter, finalize, map, merge, mergeMap, of, shareReplay, startWith, switchMap, take, takeUntil, tap } from "rxjs";
+import { BlockDirective, ElemDirective, ModDirective } from "@rt-tools/core";
+import { NotificationBus, carryThemeScope, materialPresetClassesOf } from "@rt-tools/ui-kit-v2/core";
+import { RtToasterComponent } from "@rt-tools/ui-kit-v2/toast";
+import { ActivatedRoute, Router } from "@angular/router";
+import { ERtAsideCloseIntent, ERtAsideUnsavedOutcome, RtAsideUnsavedDialogComponent, resolveCloseIntent } from "@rt-tools/ui-kit-v2/aside";
+import { RtDialogService } from "@rt-tools/ui-kit-v2/dialog";
+import { PristineChangeEvent } from "@angular/forms";
+var RtContainerStateService = class RtContainerStateService {
+	constructor() {
+		this.leftSidenavOpen = signal(true, ...ngDevMode ? [{ debugName: "leftSidenavOpen" }] : /* istanbul ignore next */ []);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtContainerStateService,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtContainerStateService
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtContainerStateService,
+	decorators: [{ type: Injectable }]
+});
+var RtContainerHeaderDirective = class RtContainerHeaderDirective {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtContainerHeaderDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: RtContainerHeaderDirective,
+			isStandalone: true,
+			selector: "[rtContainerHeader]",
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtContainerHeaderDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[rtContainerHeader]" }]
+	}]
+});
+var RtContainerLeftSidenavDirective = class RtContainerLeftSidenavDirective {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtContainerLeftSidenavDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: RtContainerLeftSidenavDirective,
+			isStandalone: true,
+			selector: "[rtContainerLeftSidenav]",
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtContainerLeftSidenavDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[rtContainerLeftSidenav]" }]
+	}]
+});
+var RtContainerRightSidenavDirective = class RtContainerRightSidenavDirective {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtContainerRightSidenavDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: RtContainerRightSidenavDirective,
+			isStandalone: true,
+			selector: "[rtContainerRightSidenav]",
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtContainerRightSidenavDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[rtContainerRightSidenav]" }]
+	}]
+});
+var RtContainerToolbarLeftDirective = class RtContainerToolbarLeftDirective {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtContainerToolbarLeftDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: RtContainerToolbarLeftDirective,
+			isStandalone: true,
+			selector: "[rtContainerToolbarLeft]",
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtContainerToolbarLeftDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[rtContainerToolbarLeft]" }]
+	}]
+});
+var RtContainerToolbarCenterDirective = class RtContainerToolbarCenterDirective {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtContainerToolbarCenterDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: RtContainerToolbarCenterDirective,
+			isStandalone: true,
+			selector: "[rtContainerToolbarCenter]",
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtContainerToolbarCenterDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[rtContainerToolbarCenter]" }]
+	}]
+});
+var RtContainerToolbarRightDirective = class RtContainerToolbarRightDirective {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtContainerToolbarRightDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: RtContainerToolbarRightDirective,
+			isStandalone: true,
+			selector: "[rtContainerToolbarRight]",
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtContainerToolbarRightDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[rtContainerToolbarRight]" }]
+	}]
+});
+var RtContainerContentDirective = class RtContainerContentDirective {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtContainerContentDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: RtContainerContentDirective,
+			isStandalone: true,
+			selector: "[rtContainerContent]",
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtContainerContentDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[rtContainerContent]" }]
+	}]
+});
 const ASIDE_TRANSITION_BUFFER_MS = 80;
-const BEM_BLOCK = 'rt-container';
-/**
- * Multi-slot container с CSS-grid layout. Slot consumers wrap content в
- * `*rtContainerXxx` structural directives, контейнер подхватывает шаблоны через
- * `contentChild(..., { read: TemplateRef })` + рендерит через `*ngTemplateOutlet`.
- *
- * Slots: `header`, `leftSidenav`, `toolbarLeft/Center/Right`, `content` — живут в
- * CSS-grid. `rightSidenav` рендерится через CDK Overlay поверх grid'а (slide-in
- * side-sheet), а не как grid-cell — overlay переиспользует глобальные
- * `rt-aside-overlay` / `rt-aside-backdrop` классы из rt-aside, чтобы анимация и
- * backdrop вели себя идентично программно открываемым asides.
- *
- * Driver-directives (`[rtContainerLeftSidenavPanel/RightSidenavPanel]`) общаются с
- * контейнером через `RtContainerStateService` (для левой docked) и через
- * `openRight()/closeRight()` + lifecycle outputs (для правой overlay).
- */
-class RtContainerComponent {
-    #overlay;
-    #host;
-    #vcr;
-    #scrollStrategies;
-    #blockScroll;
-    #renderer;
-    #window;
-    #rightOverlaySource;
-    #overlayRef;
-    #overlayRefSignal;
-    constructor() {
-        this.#overlay = inject(Overlay);
-        this.#host = inject(ElementRef);
-        this.#vcr = inject(ViewContainerRef);
-        this.#scrollStrategies = inject(ScrollStrategyOptions);
-        this.#blockScroll = this.#scrollStrategies.block();
-        this.#renderer = inject(RendererFactory2).createRenderer(null, null);
-        this.#window = inject(DOCUMENT).defaultView;
-        this.#rightOverlaySource = new Subject();
-        this.#overlayRef = null;
-        this.#overlayRefSignal = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "#overlayRefSignal" }] : /* istanbul ignore next */ []));
-        this.headerTpl = contentChild(RtContainerHeaderDirective, { ...(ngDevMode ? { debugName: "headerTpl" } : /* istanbul ignore next */ {}), read: TemplateRef });
-        this.leftSidenavTpl = contentChild(RtContainerLeftSidenavDirective, { ...(ngDevMode ? { debugName: "leftSidenavTpl" } : /* istanbul ignore next */ {}), read: TemplateRef });
-        this.rightSidenavTpl = contentChild(RtContainerRightSidenavDirective, { ...(ngDevMode ? { debugName: "rightSidenavTpl" } : /* istanbul ignore next */ {}), read: TemplateRef });
-        this.toolbarLeftTpl = contentChild(RtContainerToolbarLeftDirective, { ...(ngDevMode ? { debugName: "toolbarLeftTpl" } : /* istanbul ignore next */ {}), read: TemplateRef });
-        this.toolbarCenterTpl = contentChild(RtContainerToolbarCenterDirective, { ...(ngDevMode ? { debugName: "toolbarCenterTpl" } : /* istanbul ignore next */ {}), read: TemplateRef });
-        this.toolbarRightTpl = contentChild(RtContainerToolbarRightDirective, { ...(ngDevMode ? { debugName: "toolbarRightTpl" } : /* istanbul ignore next */ {}), read: TemplateRef });
-        this.contentTpl = contentChild(RtContainerContentDirective, { ...(ngDevMode ? { debugName: "contentTpl" } : /* istanbul ignore next */ {}), read: TemplateRef });
-        /**
-         * Поведение левого sidenav на мобилке (<=768px): `keep` — остаётся боковой
-         * колонкой (по умолчанию, десктоп-стиль); `bottom` — сворачивается в нижний
-         * ряд grid'а (таб-бар), контент занимает всю ширину и скроллится над ним.
-         */
-        this.mobileLeftNav = input('keep', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "mobileLeftNav" }] : /* istanbul ignore next */ []));
-        /**
-         * Высота контейнера: `auto` — растёт под контент, скроллится документ (по
-         * умолчанию; на этом держится sticky-хедер); `viewport` — контейнер жёстко
-         * равен вьюпорту, страница не скроллится вовсе, а скроллятся зоны внутри —
-         * каждая сама по себе (app-shell раскладка, напр. чаты бот-панели).
-         */
-        this.height = input('auto', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
-        this.backdropClick = output();
-        this.rightOpened = output();
-        this.rightClosed = output();
-        this.rightOpen = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "rightOpen" }] : /* istanbul ignore next */ []));
-        /**
-         * `true` когда CDK Overlay для правой sidenav создан и attache'нут (см.
-         * effect в constructor'е). Дёргать panel.open() из консьюмера можно только
-         * когда это true — иначе openRight() видит null overlayRef и early-return'ит,
-         * --entering modifier остаётся, панель остаётся за экраном. Re-exposed на
-         * driver через `panel.ready` для удобства route-driven dialog'ов.
-         */
-        this.rightOverlayReady = computed(() => this.#overlayRefSignal() !== null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "rightOverlayReady" }] : /* istanbul ignore next */ []));
-        // Backdrop-click / ESC подписки правого overlay живут в одном
-        // конструкторном стриме: #createRightOverlay эмитит созданный OverlayRef,
-        // switchMap переключается на его event-стримы (предыдущий overlay к этому
-        // моменту уже dispose'нут effect-cleanup'ом; `detachments()` терминирует
-        // внутренний поток при dispose).
-        this.#rightOverlaySource
-            .pipe(switchMap((overlayRef) => merge(overlayRef.backdropClick().pipe(map(() => () => this.backdropClick.emit())), overlayRef.keydownEvents().pipe(map((event) => () => {
-            if (event.key !== 'Escape' || !this.rightOpen()) {
-                return;
-            }
-            event.preventDefault();
-            this.backdropClick.emit();
-        }))).pipe(takeUntil(overlayRef.detachments()))), takeUntilDestroyed())
-            .subscribe((handleCloseIntent) => handleCloseIntent());
-        // Persistent overlay: создаётся при появлении rightSidenavTpl и живёт
-        // до уничтожения rt-container'а. Это нужно чтобы <router-outlet name="ro">
-        // внутри slot template'а материализовался и мог активировать route.
-        // Без auto-attach landmine: route не активируется → driver не вызывается
-        // → ничего не открывается (chicken-and-egg).
-        effect((onCleanup) => {
-            const tpl = this.rightSidenavTpl();
-            if (tpl === undefined || this.#overlayRef !== null) {
-                return;
-            }
-            const overlayRef = this.#createRightOverlay(tpl);
-            this.#overlayRef = overlayRef;
-            this.#overlayRefSignal.set(overlayRef);
-            onCleanup(() => {
-                overlayRef.dispose();
-                this.#overlayRef = null;
-                this.#overlayRefSignal.set(null);
-            });
-        });
-    }
-    openRight() {
-        const overlayRef = this.#overlayRef;
-        if (overlayRef === null) {
-            return;
-        }
-        this.#blockScroll.enable();
-        // Коробка постоянная и лежит в конце страницы, а кусок темы вокруг контейнера мог смениться.
-        carryThemeScope(overlayRef.overlayElement, this.#host.nativeElement);
-        this.#renderer.removeClass(overlayRef.overlayElement, 'rt-aside-overlay--entering');
-        this.#renderer.removeClass(overlayRef.overlayElement, 'rt-aside-overlay--leaving');
-        const backdropEl = overlayRef.backdropElement;
-        if (backdropEl !== null) {
-            this.#renderer.addClass(backdropEl, 'rt-aside-backdrop--visible');
-            this.#renderer.removeStyle(backdropEl, 'opacity');
-            this.#renderer.removeStyle(backdropEl, 'pointer-events');
-        }
-        // Slide-in: на следующий paint добавляем --open.
-        requestAnimationFrame(() => {
-            this.#renderer.addClass(overlayRef.overlayElement, 'rt-aside-overlay--open');
-            this.#listenTransitionEnd(overlayRef, () => this.rightOpened.emit());
-        });
-        this.rightOpen.set(true);
-    }
-    closeRight() {
-        const overlayRef = this.#overlayRef;
-        if (overlayRef === null || !this.rightOpen()) {
-            return;
-        }
-        this.#renderer.removeClass(overlayRef.overlayElement, 'rt-aside-overlay--open');
-        this.#renderer.addClass(overlayRef.overlayElement, 'rt-aside-overlay--leaving');
-        const backdropEl = overlayRef.backdropElement;
-        if (backdropEl !== null) {
-            this.#renderer.removeClass(backdropEl, 'rt-aside-backdrop--visible');
-        }
-        this.#listenTransitionEnd(overlayRef, () => {
-            this.#blockScroll.disable();
-            // Объявления на узле возвращаются только после ухода: поставленные сразу, они
-            // обрывают затухание подложки на первом же кадре.
-            this.#hideBackdrop(overlayRef);
-            this.rightOpen.set(false);
-            this.rightClosed.emit();
-        });
-    }
-    /**
-     * Подложка закрытой панели: невидима и нажатий не ловит.
-     *
-     * Стилями этого не сделать. Правила кита живут в слое каскада, а CDK кладёт свои прямо на
-     * страницу, вне слоя, — и `.cdk-overlay-backdrop-showing { opacity: 1 }` выигрывает у нашего
-     * `opacity: 0` независимо от специфичности: неслоевое правило сильнее слоевого всегда.
-     * Подложка при этом висит поверх страницы во весь экран — прозрачная и перехватывающая
-     * нажатия, а панель ещё не открывали. Объявление на самом узле сильнее обоих правил.
-     *
-     * Держится это ровно до открытия: там объявления снимаются, и дальше видом подложки
-     * заведуют классы.
-     */
-    #hideBackdrop(overlayRef) {
-        const backdropEl = overlayRef.backdropElement;
-        if (backdropEl === null) {
-            return;
-        }
-        this.#renderer.setStyle(backdropEl, 'opacity', '0');
-        this.#renderer.setStyle(backdropEl, 'pointer-events', 'none');
-    }
-    #createRightOverlay(tpl) {
-        const positionStrategy = this.#overlay.position().global().right('0').top('0');
-        const overlayConfig = {
-            positionStrategy,
-            // noop здесь, scroll-block управляется вручную через #blockScroll
-            // в openRight/closeRight — иначе scroll заблокирован всегда
-            // (overlay persistent), пока aside ещё не открыт.
-            scrollStrategy: this.#overlay.scrollStrategies.noop(),
-            hasBackdrop: true,
-            backdropClass: 'rt-aside-backdrop',
-            panelClass: [
-                'rt-aside-overlay',
-                'rt-aside-overlay--position-right',
-                'rt-aside-overlay--entering',
-                ...materialPresetClassesOf(this.#host.nativeElement),
-            ],
-            disposeOnNavigation: false,
-        };
-        const overlayRef = this.#overlay.create(overlayConfig);
-        const portal = new TemplatePortal(tpl, this.#vcr);
-        overlayRef.attach(portal);
-        this.#hideBackdrop(overlayRef);
-        // Backdrop-click / ESC подписки объявлены один раз в конструкторе —
-        // здесь только эмит созданного OverlayRef (см. #rightOverlaySource-стрим).
-        this.#rightOverlaySource.next(overlayRef);
-        return overlayRef;
-    }
-    // Слушаем именно transform-окончание: на overlay host'е могут анимироваться
-    // и другие свойства (opacity backdrop'а, например) — это даст ложные срабатывания.
-    #listenTransitionEnd(overlayRef, callback) {
-        const element = overlayRef.overlayElement;
-        // Нет анимации (reduced-motion / `transition: none`) → `transitionend` не
-        // придёт; teardown-callback (навигация `ro:null`) отрабатываем синхронно.
-        const durationMs = this.#transitionDurationMs(element);
-        if (durationMs === 0) {
-            callback();
-            return;
-        }
-        // settled-гард делает transitionend и fallback-таймаут взаимно
-        // идемпотентными — сработает и снимет listener только то, что раньше.
-        let settled = false;
-        const handler = (event) => {
-            if (event.propertyName !== 'transform' || settled) {
-                return;
-            }
-            settled = true;
-            element.removeEventListener('transitionend', handler);
-            callback();
-        };
-        element.addEventListener('transitionend', handler);
-        // Страховка на случай пропущенного `transitionend` (лаг рендера).
-        setTimeout(() => {
-            if (settled) {
-                return;
-            }
-            settled = true;
-            element.removeEventListener('transitionend', handler);
-            callback();
-        }, durationMs + ASIDE_TRANSITION_BUFFER_MS);
-    }
-    // Максимальная длительность transition'а элемента в мс; `0` если анимации нет.
-    #transitionDurationMs(element) {
-        const durationCss = this.#window?.getComputedStyle(element).transitionDuration;
-        if (durationCss === undefined || durationCss === '') {
-            return 0;
-        }
-        const maxSeconds = durationCss.split(',').reduce((max, part) => {
-            const trimmed = part.trim();
-            const seconds = trimmed.endsWith('ms') ? Number.parseFloat(trimmed) / 1000 : Number.parseFloat(trimmed);
-            return Number.isNaN(seconds) ? max : Math.max(max, seconds);
-        }, 0);
-        return maxSeconds * 1000;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtContainerComponent, isStandalone: true, selector: "rt-container", inputs: { mobileLeftNav: { classPropertyName: "mobileLeftNav", publicName: "mobileLeftNav", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { backdropClick: "backdropClick", rightOpened: "rightOpened", rightClosed: "rightClosed" }, host: { properties: { "class.rt-container--mobile-left-bottom": "mobileLeftNav() === 'bottom'", "class.rt-container--viewport": "height() === 'viewport'" }, classAttribute: "rt-container" }, providers: [RtContainerStateService], queries: [{ propertyName: "headerTpl", first: true, predicate: RtContainerHeaderDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "leftSidenavTpl", first: true, predicate: RtContainerLeftSidenavDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "rightSidenavTpl", first: true, predicate: RtContainerRightSidenavDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "toolbarLeftTpl", first: true, predicate: RtContainerToolbarLeftDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "toolbarCenterTpl", first: true, predicate: RtContainerToolbarCenterDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "toolbarRightTpl", first: true, predicate: RtContainerToolbarRightDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "contentTpl", first: true, predicate: RtContainerContentDirective, descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: "<ng-container rtBlock=\"rt-container\">\n    @if (headerTpl(); as tpl) {\n        <header rtElem=\"header\" qa-dataid=\"container-header\">\n            <ng-container [ngTemplateOutlet]=\"tpl\" />\n        </header>\n    }\n\n    @if (leftSidenavTpl(); as tpl) {\n        <aside rtElem=\"left-sidenav\" qa-dataid=\"container-left-sidenav\">\n            <ng-container [ngTemplateOutlet]=\"tpl\" />\n        </aside>\n    }\n\n    @if (toolbarLeftTpl(); as tpl) {\n        <div rtElem=\"toolbar\" qa-dataid=\"container-toolbar\" data-slot=\"left\" [rtMod]=\"{ slot: 'left' }\">\n            <ng-container [ngTemplateOutlet]=\"tpl\" />\n        </div>\n    }\n\n    @if (toolbarCenterTpl(); as tpl) {\n        <div rtElem=\"toolbar\" qa-dataid=\"container-toolbar\" data-slot=\"center\" [rtMod]=\"{ slot: 'center' }\">\n            <ng-container [ngTemplateOutlet]=\"tpl\" />\n        </div>\n    }\n\n    @if (toolbarRightTpl(); as tpl) {\n        <div rtElem=\"toolbar\" qa-dataid=\"container-toolbar\" data-slot=\"right\" [rtMod]=\"{ slot: 'right' }\">\n            <ng-container [ngTemplateOutlet]=\"tpl\" />\n        </div>\n    }\n\n    @if (contentTpl(); as tpl) {\n        <main rtElem=\"content\" qa-dataid=\"container-content\">\n            <ng-container [ngTemplateOutlet]=\"tpl\" />\n        </main>\n    }\n\n    <rt-toaster position=\"bottom-center\" />\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{:root{--rt-aside-animation-duration: .2s;--rt-aside-backdrop-bg: var(--rt-color-bg-overlay);--rt-aside-backdrop-blur: 5px}.cdk-overlay-backdrop.rt-aside-backdrop{-webkit-backdrop-filter:blur(var(--rt-aside-backdrop-blur));backdrop-filter:blur(var(--rt-aside-backdrop-blur));background:var(--rt-aside-backdrop-bg);transition:opacity var(--rt-aside-animation-duration) ease}:is(.rt-preset-material,[data-preset=material]).cdk-overlay-backdrop.rt-aside-backdrop,[data-preset=material] .cdk-overlay-backdrop.rt-aside-backdrop{--rt-aside-backdrop-bg: var(--rt-color-bg-overlay);--rt-aside-backdrop-blur: 0}.rt-aside-overlay{height:100dvh;transition:transform var(--rt-aside-animation-duration) ease}.rt-aside-overlay.rt-aside-overlay--entering{transition:none}.rt-aside-overlay--position-right.rt-aside-overlay--entering,.rt-aside-overlay--position-right.rt-aside-overlay--leaving{transform:translate(100%)}.rt-aside-overlay--position-left.rt-aside-overlay--entering,.rt-aside-overlay--position-left.rt-aside-overlay--leaving{transform:translate(-100%)}.rt-aside-overlay--position-right.rt-aside-overlay--open,.rt-aside-overlay--position-left.rt-aside-overlay--open{transform:translate(0)}@media(width<=768px){.rt-aside-overlay{overflow:hidden;width:100dvw;max-width:100dvw}}@media(prefers-reduced-motion:reduce){.rt-aside-overlay{transition:none}}}.cdk-overlay-backdrop.rt-aside-backdrop{opacity:0;pointer-events:none}.cdk-overlay-backdrop.rt-aside-backdrop.rt-aside-backdrop--visible{opacity:1;pointer-events:auto}.rt-aside-overlay:not(.rt-aside-overlay--open){pointer-events:none}@layer rt-kit.components{.rt-container{--rt-container-border-width: var(--rt-border-width-thin);display:grid;min-height:100%;flex:1 1 auto;background-color:var(--rt-color-bg-page);color:var(--rt-color-text-primary);grid-template:\"header header\" auto \"left-sidenav toolbar\" auto \"left-sidenav content\" 1fr/auto 1fr}.rt-container__header{position:sticky;z-index:1;top:0;display:block;grid-area:header}.rt-container__header>.rt-page-header{margin:var(--rt-space-5) var(--rt-space-5) 0}.rt-container__left-sidenav{display:block;padding:var(--rt-space-md);border-right:var(--rt-container-border-width) solid var(--rt-color-border-subtle);background-color:var(--rt-color-bg-surface);grid-area:left-sidenav}.rt-container__toolbar{display:flex;align-items:center;padding:var(--rt-space-sm) var(--rt-space-md);border-bottom:var(--rt-container-border-width) solid var(--rt-color-border-subtle);background-color:var(--rt-color-bg-surface);grid-area:toolbar}.rt-container__toolbar--slot--left{justify-content:flex-start}.rt-container__toolbar--slot--center{justify-content:center}.rt-container__toolbar--slot--right{justify-content:flex-end}.rt-container__content{display:flex;overflow:auto;min-height:0;flex-direction:column;grid-area:content}.rt-container--viewport{block-size:100dvh;min-block-size:0}.rt-container--viewport .rt-container__content{overflow:hidden}.rt-container--viewport .rt-container__left-sidenav{overflow:auto}@media(width<=768px){.rt-container--mobile-left-bottom{grid-template:\"header\" auto \"toolbar\" auto \"content\" 1fr \"left-sidenav\" auto/1fr}.rt-container--mobile-left-bottom .rt-container__left-sidenav{padding:0;border-top:var(--rt-container-border-width) solid var(--rt-color-border-subtle);border-right:none}}}\n"], dependencies: [{ kind: "directive", type: 
-                // Angular
-                NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: 
-                // standalone components / directives
-                RtToasterComponent, selector: "rt-toaster", inputs: ["position", "duration", "visibleToasts", "mode", "expand"] }, { kind: "directive", type: BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { kind: "directive", type: ModDirective, selector: "[rtMod]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-container', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // Angular
-                        NgTemplateOutlet,
-                        // standalone components / directives
-                        RtToasterComponent,
-                        BlockDirective,
-                        ElemDirective,
-                        ModDirective,
-                    ], providers: [RtContainerStateService], host: {
-                        class: BEM_BLOCK,
-                        '[class.rt-container--mobile-left-bottom]': "mobileLeftNav() === 'bottom'",
-                        '[class.rt-container--viewport]': "height() === 'viewport'",
-                    }, template: "<ng-container rtBlock=\"rt-container\">\n    @if (headerTpl(); as tpl) {\n        <header rtElem=\"header\" qa-dataid=\"container-header\">\n            <ng-container [ngTemplateOutlet]=\"tpl\" />\n        </header>\n    }\n\n    @if (leftSidenavTpl(); as tpl) {\n        <aside rtElem=\"left-sidenav\" qa-dataid=\"container-left-sidenav\">\n            <ng-container [ngTemplateOutlet]=\"tpl\" />\n        </aside>\n    }\n\n    @if (toolbarLeftTpl(); as tpl) {\n        <div rtElem=\"toolbar\" qa-dataid=\"container-toolbar\" data-slot=\"left\" [rtMod]=\"{ slot: 'left' }\">\n            <ng-container [ngTemplateOutlet]=\"tpl\" />\n        </div>\n    }\n\n    @if (toolbarCenterTpl(); as tpl) {\n        <div rtElem=\"toolbar\" qa-dataid=\"container-toolbar\" data-slot=\"center\" [rtMod]=\"{ slot: 'center' }\">\n            <ng-container [ngTemplateOutlet]=\"tpl\" />\n        </div>\n    }\n\n    @if (toolbarRightTpl(); as tpl) {\n        <div rtElem=\"toolbar\" qa-dataid=\"container-toolbar\" data-slot=\"right\" [rtMod]=\"{ slot: 'right' }\">\n            <ng-container [ngTemplateOutlet]=\"tpl\" />\n        </div>\n    }\n\n    @if (contentTpl(); as tpl) {\n        <main rtElem=\"content\" qa-dataid=\"container-content\">\n            <ng-container [ngTemplateOutlet]=\"tpl\" />\n        </main>\n    }\n\n    <rt-toaster position=\"bottom-center\" />\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{:root{--rt-aside-animation-duration: .2s;--rt-aside-backdrop-bg: var(--rt-color-bg-overlay);--rt-aside-backdrop-blur: 5px}.cdk-overlay-backdrop.rt-aside-backdrop{-webkit-backdrop-filter:blur(var(--rt-aside-backdrop-blur));backdrop-filter:blur(var(--rt-aside-backdrop-blur));background:var(--rt-aside-backdrop-bg);transition:opacity var(--rt-aside-animation-duration) ease}:is(.rt-preset-material,[data-preset=material]).cdk-overlay-backdrop.rt-aside-backdrop,[data-preset=material] .cdk-overlay-backdrop.rt-aside-backdrop{--rt-aside-backdrop-bg: var(--rt-color-bg-overlay);--rt-aside-backdrop-blur: 0}.rt-aside-overlay{height:100dvh;transition:transform var(--rt-aside-animation-duration) ease}.rt-aside-overlay.rt-aside-overlay--entering{transition:none}.rt-aside-overlay--position-right.rt-aside-overlay--entering,.rt-aside-overlay--position-right.rt-aside-overlay--leaving{transform:translate(100%)}.rt-aside-overlay--position-left.rt-aside-overlay--entering,.rt-aside-overlay--position-left.rt-aside-overlay--leaving{transform:translate(-100%)}.rt-aside-overlay--position-right.rt-aside-overlay--open,.rt-aside-overlay--position-left.rt-aside-overlay--open{transform:translate(0)}@media(width<=768px){.rt-aside-overlay{overflow:hidden;width:100dvw;max-width:100dvw}}@media(prefers-reduced-motion:reduce){.rt-aside-overlay{transition:none}}}.cdk-overlay-backdrop.rt-aside-backdrop{opacity:0;pointer-events:none}.cdk-overlay-backdrop.rt-aside-backdrop.rt-aside-backdrop--visible{opacity:1;pointer-events:auto}.rt-aside-overlay:not(.rt-aside-overlay--open){pointer-events:none}@layer rt-kit.components{.rt-container{--rt-container-border-width: var(--rt-border-width-thin);display:grid;min-height:100%;flex:1 1 auto;background-color:var(--rt-color-bg-page);color:var(--rt-color-text-primary);grid-template:\"header header\" auto \"left-sidenav toolbar\" auto \"left-sidenav content\" 1fr/auto 1fr}.rt-container__header{position:sticky;z-index:1;top:0;display:block;grid-area:header}.rt-container__header>.rt-page-header{margin:var(--rt-space-5) var(--rt-space-5) 0}.rt-container__left-sidenav{display:block;padding:var(--rt-space-md);border-right:var(--rt-container-border-width) solid var(--rt-color-border-subtle);background-color:var(--rt-color-bg-surface);grid-area:left-sidenav}.rt-container__toolbar{display:flex;align-items:center;padding:var(--rt-space-sm) var(--rt-space-md);border-bottom:var(--rt-container-border-width) solid var(--rt-color-border-subtle);background-color:var(--rt-color-bg-surface);grid-area:toolbar}.rt-container__toolbar--slot--left{justify-content:flex-start}.rt-container__toolbar--slot--center{justify-content:center}.rt-container__toolbar--slot--right{justify-content:flex-end}.rt-container__content{display:flex;overflow:auto;min-height:0;flex-direction:column;grid-area:content}.rt-container--viewport{block-size:100dvh;min-block-size:0}.rt-container--viewport .rt-container__content{overflow:hidden}.rt-container--viewport .rt-container__left-sidenav{overflow:auto}@media(width<=768px){.rt-container--mobile-left-bottom{grid-template:\"header\" auto \"toolbar\" auto \"content\" 1fr \"left-sidenav\" auto/1fr}.rt-container--mobile-left-bottom .rt-container__left-sidenav{padding:0;border-top:var(--rt-container-border-width) solid var(--rt-color-border-subtle);border-right:none}}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { headerTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RtContainerHeaderDirective), { ...{
-                            read: TemplateRef,
-                        }, isSignal: true }] }], leftSidenavTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RtContainerLeftSidenavDirective), { ...{
-                            read: TemplateRef,
-                        }, isSignal: true }] }], rightSidenavTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RtContainerRightSidenavDirective), { ...{
-                            read: TemplateRef,
-                        }, isSignal: true }] }], toolbarLeftTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RtContainerToolbarLeftDirective), { ...{
-                            read: TemplateRef,
-                        }, isSignal: true }] }], toolbarCenterTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RtContainerToolbarCenterDirective), { ...{
-                            read: TemplateRef,
-                        }, isSignal: true }] }], toolbarRightTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RtContainerToolbarRightDirective), { ...{
-                            read: TemplateRef,
-                        }, isSignal: true }] }], contentTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RtContainerContentDirective), { ...{
-                            read: TemplateRef,
-                        }, isSignal: true }] }], mobileLeftNav: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobileLeftNav", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], backdropClick: [{ type: i0.Output, args: ["backdropClick"] }], rightOpened: [{ type: i0.Output, args: ["rightOpened"] }], rightClosed: [{ type: i0.Output, args: ["rightClosed"] }] } });
-
-/**
- * Driver-директива для управления левой sidenav через шаблонную ссылку.
- *
- * Пишет в component-scoped `RtContainerStateService.leftSidenavOpen` signal —
- * шаблон контейнера читает этот signal и применяет docked grid-cell состояние.
- *
- * @example
- * ```html
- * <ng-container rtContainerLeftSidenavPanel #left="containerLeftPanel">
- *     <button (click)="left.toggle(true)">Open</button>
- * </ng-container>
- * ```
- */
-class RtContainerLeftSidenavPanelDirective {
-    #state = inject(RtContainerStateService);
-    open() {
-        this.#state.leftSidenavOpen.set(true);
-    }
-    close() {
-        this.#state.leftSidenavOpen.set(false);
-    }
-    toggle(isOpen) {
-        this.#state.leftSidenavOpen.set(isOpen);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtContainerLeftSidenavPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: RtContainerLeftSidenavPanelDirective, isStandalone: true, selector: "[rtContainerLeftSidenavPanel]", exportAs: ["containerLeftPanel"], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtContainerLeftSidenavPanelDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[rtContainerLeftSidenavPanel]',
-                    exportAs: 'containerLeftPanel',
-                }]
-        }] });
-/**
- * Driver-директива правой sidenav: route-component вызывает `open()`/`close()`,
- * rt-container выполняет slide-in/slide-out через CSS transform. После завершения
- * анимации driver эмитит `(opened)` / `(closed)`; backdrop click и ESC контейнера
- * эмитятся через `(cancelled)` — консьюмер сам решает что делать (обычно `close()`).
- *
- * Sub'ы через `takeUntilDestroyed` снимаются при разрушении route-component'а.
- * При уничтожении с открытой панелью гарантирует cleanup overlay'я (см. `ngOnDestroy`),
- * иначе при hard-navigate без `panel.close()` overlay останется висеть.
- *
- * @example
- * ```html
- * <ng-container
- *     rtContainerRightSidenavPanel
- *     #right="rtContainerRightPanel"
- *     (cancelled)="onClose()"
- *     (closed)="onClosed()">
- * </ng-container>
- * ```
- */
-class RtContainerRightSidenavPanelDirective {
-    #container;
-    constructor() {
-        this.#container = inject(RtContainerComponent);
-        this.opened = output();
-        this.closed = output();
-        this.cancelled = output();
-        /**
-         * Re-export rt-container.rightOverlayReady — `true` когда CDK Overlay создан
-         * и attache'нут. Консьюмер должен ждать этого signal'а в effect'е, перед
-         * тем как вызывать `panel.open()` (иначе race: rt-container.effect ещё не
-         * создал overlay → openRight() рано вернётся → --entering остаётся).
-         */
-        this.ready = this.#container.rightOverlayReady;
-        const destroyRef = inject(DestroyRef);
-        // `output()` возвращает OutputEmitterRef (нет .pipe) — оборачиваем через
-        // outputToObservable, чтобы пристегнуть takeUntilDestroyed.
-        outputToObservable(this.#container.backdropClick)
-            .pipe(takeUntilDestroyed(destroyRef))
-            .subscribe(() => this.cancelled.emit());
-        outputToObservable(this.#container.rightOpened)
-            .pipe(takeUntilDestroyed(destroyRef))
-            .subscribe(() => this.opened.emit());
-        outputToObservable(this.#container.rightClosed)
-            .pipe(takeUntilDestroyed(destroyRef))
-            .subscribe(() => this.closed.emit());
-    }
-    ngOnDestroy() {
-        // Если route-component разрушается при открытой панели (hard-navigate без
-        // явного close через panel.close) — гарантируем cleanup, иначе overlay
-        // останется висеть после смены роута.
-        if (this.#container.rightOpen()) {
-            this.#container.closeRight();
-        }
-    }
-    open() {
-        this.#container.openRight();
-    }
-    close() {
-        this.#container.closeRight();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtContainerRightSidenavPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: RtContainerRightSidenavPanelDirective, isStandalone: true, selector: "[rtContainerRightSidenavPanel]", outputs: { opened: "opened", closed: "closed", cancelled: "cancelled" }, exportAs: ["rtContainerRightPanel"], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtContainerRightSidenavPanelDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[rtContainerRightSidenavPanel]',
-                    exportAs: 'rtContainerRightPanel',
-                }]
-        }], ctorParameters: () => [], propDecorators: { opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], cancelled: [{ type: i0.Output, args: ["cancelled"] }] } });
-/**
- * Driver-директива для основного content-региона `rt-container`.
- *
- * Объявляет 3 outputs (`scrolled/scrolledUp/scrolledDown`) — публичную поверхность
- * для будущих consumer'ов. Real-time wiring (scroll listeners → emit) отложено
- * до первого реального потребителя.
- *
- * @example
- * ```html
- * <ng-container
- *     rtContainerContentPanel
- *     (scrolled)="onScroll()"
- * >
- *     <router-outlet />
- * </ng-container>
- * ```
- */
-class RtContainerContentPanelDirective {
-    constructor() {
-        this.scrolled = output();
-        this.scrolledUp = output();
-        this.scrolledDown = output();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtContainerContentPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: RtContainerContentPanelDirective, isStandalone: true, selector: "[rtContainerContentPanel]", outputs: { scrolled: "scrolled", scrolledUp: "scrolledUp", scrolledDown: "scrolledDown" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtContainerContentPanelDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[rtContainerContentPanel]',
-                }]
-        }], propDecorators: { scrolled: [{ type: i0.Output, args: ["scrolled"] }], scrolledUp: [{ type: i0.Output, args: ["scrolledUp"] }], scrolledDown: [{ type: i0.Output, args: ["scrolledDown"] }] } });
-
-/**
- * Правки, запущенные панелью.
- *
- * Подписка объявлена одна на панель, а не заводится на каждый вызов: каждая правка живёт
- * независимо от соседней, и отказ одной не уносит поток остальных. Приёмы удачи и отказа
- * приезжают вместе с работой — они замыкают доводы своего вызова.
- */
-class RtRouteAsideMutations {
-    #mutationSource = new Subject();
-    constructor(destroyRef) {
-        this.#mutationSource
-            .pipe(mergeMap((mutation) => mutation.op$.pipe(map(() => mutation.handleSuccess), catchError((error) => of(() => mutation.handleError(error))))), takeUntilDestroyed(destroyRef))
-            .subscribe((handleResult) => handleResult());
-    }
-    /** Пускает правку в объявленный поток. */
-    run(mutation) {
-        this.#mutationSource.next(mutation);
-    }
-}
-
-/**
- * Абсолютные команды приводятся к сегментам от корня: внутри объекта `outlets`
- * ведущий слэш отдельным сегментом не разбирается.
- *
- * Нужно это затем, что уход панели на связанную запись обязан снять её аутлет
- * той же навигацией. Абсолютные команды меняют только первичную ветку, поэтому
- * панель, открытая в корне приложения, переход переживает: адрес получается с
- * аутлетом, под который в корне маршрута нет, и роутер отклоняет навигацию
- * молча — адрес остаётся прежним, а приложение застревает на панели, которой на
- * экране уже нет.
- */
+const BEM_BLOCK = "rt-container";
+var RtContainerComponent = class RtContainerComponent {
+	#overlay;
+	#host;
+	#vcr;
+	#scrollStrategies;
+	#blockScroll;
+	#renderer;
+	#window;
+	#rightOverlaySource;
+	#overlayRef;
+	#overlayRefSignal;
+	constructor() {
+		this.#overlay = inject(Overlay);
+		this.#host = inject(ElementRef);
+		this.#vcr = inject(ViewContainerRef);
+		this.#scrollStrategies = inject(ScrollStrategyOptions);
+		this.#blockScroll = this.#scrollStrategies.block();
+		this.#renderer = inject(RendererFactory2).createRenderer(null, null);
+		this.#window = inject(DOCUMENT).defaultView;
+		this.#rightOverlaySource = new Subject();
+		this.#overlayRef = null;
+		this.#overlayRefSignal = signal(null, ...ngDevMode ? [{ debugName: "#overlayRefSignal" }] : /* istanbul ignore next */ []);
+		this.headerTpl = contentChild(RtContainerHeaderDirective, {
+			...ngDevMode ? { debugName: "headerTpl" } : /* istanbul ignore next */ {},
+			read: TemplateRef
+		});
+		this.leftSidenavTpl = contentChild(RtContainerLeftSidenavDirective, {
+			...ngDevMode ? { debugName: "leftSidenavTpl" } : /* istanbul ignore next */ {},
+			read: TemplateRef
+		});
+		this.rightSidenavTpl = contentChild(RtContainerRightSidenavDirective, {
+			...ngDevMode ? { debugName: "rightSidenavTpl" } : /* istanbul ignore next */ {},
+			read: TemplateRef
+		});
+		this.toolbarLeftTpl = contentChild(RtContainerToolbarLeftDirective, {
+			...ngDevMode ? { debugName: "toolbarLeftTpl" } : /* istanbul ignore next */ {},
+			read: TemplateRef
+		});
+		this.toolbarCenterTpl = contentChild(RtContainerToolbarCenterDirective, {
+			...ngDevMode ? { debugName: "toolbarCenterTpl" } : /* istanbul ignore next */ {},
+			read: TemplateRef
+		});
+		this.toolbarRightTpl = contentChild(RtContainerToolbarRightDirective, {
+			...ngDevMode ? { debugName: "toolbarRightTpl" } : /* istanbul ignore next */ {},
+			read: TemplateRef
+		});
+		this.contentTpl = contentChild(RtContainerContentDirective, {
+			...ngDevMode ? { debugName: "contentTpl" } : /* istanbul ignore next */ {},
+			read: TemplateRef
+		});
+		this.mobileLeftNav = input("keep", ...ngDevMode ? [{ debugName: "mobileLeftNav" }] : /* istanbul ignore next */ []);
+		this.height = input("auto", ...ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []);
+		this.backdropClick = output();
+		this.rightOpened = output();
+		this.rightClosed = output();
+		this.rightOpen = signal(false, ...ngDevMode ? [{ debugName: "rightOpen" }] : /* istanbul ignore next */ []);
+		this.rightOverlayReady = computed(() => this.#overlayRefSignal() !== null, ...ngDevMode ? [{ debugName: "rightOverlayReady" }] : /* istanbul ignore next */ []);
+		this.#rightOverlaySource.pipe(switchMap((overlayRef) => merge(overlayRef.backdropClick().pipe(map(() => () => this.backdropClick.emit())), overlayRef.keydownEvents().pipe(map((event) => () => {
+			if (event.key !== "Escape" || !this.rightOpen()) return;
+			event.preventDefault();
+			this.backdropClick.emit();
+		}))).pipe(takeUntil(overlayRef.detachments()))), takeUntilDestroyed()).subscribe((handleCloseIntent) => handleCloseIntent());
+		effect((onCleanup) => {
+			const tpl = this.rightSidenavTpl();
+			if (tpl === void 0 || this.#overlayRef !== null) return;
+			const overlayRef = this.#createRightOverlay(tpl);
+			this.#overlayRef = overlayRef;
+			this.#overlayRefSignal.set(overlayRef);
+			onCleanup(() => {
+				overlayRef.dispose();
+				this.#overlayRef = null;
+				this.#overlayRefSignal.set(null);
+			});
+		});
+	}
+	openRight() {
+		const overlayRef = this.#overlayRef;
+		if (overlayRef === null) return;
+		this.#blockScroll.enable();
+		carryThemeScope(overlayRef.overlayElement, this.#host.nativeElement);
+		this.#renderer.removeClass(overlayRef.overlayElement, "rt-aside-overlay--entering");
+		this.#renderer.removeClass(overlayRef.overlayElement, "rt-aside-overlay--leaving");
+		const backdropEl = overlayRef.backdropElement;
+		if (backdropEl !== null) {
+			this.#renderer.addClass(backdropEl, "rt-aside-backdrop--visible");
+			this.#renderer.removeStyle(backdropEl, "opacity");
+			this.#renderer.removeStyle(backdropEl, "pointer-events");
+		}
+		requestAnimationFrame(() => {
+			this.#renderer.addClass(overlayRef.overlayElement, "rt-aside-overlay--open");
+			this.#listenTransitionEnd(overlayRef, () => this.rightOpened.emit());
+		});
+		this.rightOpen.set(true);
+	}
+	closeRight() {
+		const overlayRef = this.#overlayRef;
+		if (overlayRef === null || !this.rightOpen()) return;
+		this.#renderer.removeClass(overlayRef.overlayElement, "rt-aside-overlay--open");
+		this.#renderer.addClass(overlayRef.overlayElement, "rt-aside-overlay--leaving");
+		const backdropEl = overlayRef.backdropElement;
+		if (backdropEl !== null) this.#renderer.removeClass(backdropEl, "rt-aside-backdrop--visible");
+		this.#listenTransitionEnd(overlayRef, () => {
+			this.#blockScroll.disable();
+			this.#hideBackdrop(overlayRef);
+			this.rightOpen.set(false);
+			this.rightClosed.emit();
+		});
+	}
+	#hideBackdrop(overlayRef) {
+		const backdropEl = overlayRef.backdropElement;
+		if (backdropEl === null) return;
+		this.#renderer.setStyle(backdropEl, "opacity", "0");
+		this.#renderer.setStyle(backdropEl, "pointer-events", "none");
+	}
+	#createRightOverlay(tpl) {
+		const overlayConfig = {
+			positionStrategy: this.#overlay.position().global().right("0").top("0"),
+			scrollStrategy: this.#overlay.scrollStrategies.noop(),
+			hasBackdrop: true,
+			backdropClass: "rt-aside-backdrop",
+			panelClass: [
+				"rt-aside-overlay",
+				"rt-aside-overlay--position-right",
+				"rt-aside-overlay--entering",
+				...materialPresetClassesOf(this.#host.nativeElement)
+			],
+			disposeOnNavigation: false
+		};
+		const overlayRef = this.#overlay.create(overlayConfig);
+		const portal = new TemplatePortal(tpl, this.#vcr);
+		overlayRef.attach(portal);
+		this.#hideBackdrop(overlayRef);
+		this.#rightOverlaySource.next(overlayRef);
+		return overlayRef;
+	}
+	#listenTransitionEnd(overlayRef, callback) {
+		const element = overlayRef.overlayElement;
+		const durationMs = this.#transitionDurationMs(element);
+		if (durationMs === 0) {
+			callback();
+			return;
+		}
+		let settled = false;
+		const handler = (event) => {
+			if (event.propertyName !== "transform" || settled) return;
+			settled = true;
+			element.removeEventListener("transitionend", handler);
+			callback();
+		};
+		element.addEventListener("transitionend", handler);
+		setTimeout(() => {
+			if (settled) return;
+			settled = true;
+			element.removeEventListener("transitionend", handler);
+			callback();
+		}, durationMs + ASIDE_TRANSITION_BUFFER_MS);
+	}
+	#transitionDurationMs(element) {
+		const durationCss = this.#window?.getComputedStyle(element).transitionDuration;
+		if (durationCss === void 0 || durationCss === "") return 0;
+		return durationCss.split(",").reduce((max, part) => {
+			const trimmed = part.trim();
+			const seconds = trimmed.endsWith("ms") ? Number.parseFloat(trimmed) / 1e3 : Number.parseFloat(trimmed);
+			return Number.isNaN(seconds) ? max : Math.max(max, seconds);
+		}, 0) * 1e3;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtContainerComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtContainerComponent,
+			isStandalone: true,
+			selector: "rt-container",
+			inputs: {
+				mobileLeftNav: {
+					classPropertyName: "mobileLeftNav",
+					publicName: "mobileLeftNav",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				height: {
+					classPropertyName: "height",
+					publicName: "height",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: {
+				backdropClick: "backdropClick",
+				rightOpened: "rightOpened",
+				rightClosed: "rightClosed"
+			},
+			host: {
+				properties: {
+					"class.rt-container--mobile-left-bottom": "mobileLeftNav() === 'bottom'",
+					"class.rt-container--viewport": "height() === 'viewport'"
+				},
+				classAttribute: "rt-container"
+			},
+			providers: [RtContainerStateService],
+			queries: [
+				{
+					propertyName: "headerTpl",
+					first: true,
+					predicate: RtContainerHeaderDirective,
+					descendants: true,
+					read: TemplateRef,
+					isSignal: true
+				},
+				{
+					propertyName: "leftSidenavTpl",
+					first: true,
+					predicate: RtContainerLeftSidenavDirective,
+					descendants: true,
+					read: TemplateRef,
+					isSignal: true
+				},
+				{
+					propertyName: "rightSidenavTpl",
+					first: true,
+					predicate: RtContainerRightSidenavDirective,
+					descendants: true,
+					read: TemplateRef,
+					isSignal: true
+				},
+				{
+					propertyName: "toolbarLeftTpl",
+					first: true,
+					predicate: RtContainerToolbarLeftDirective,
+					descendants: true,
+					read: TemplateRef,
+					isSignal: true
+				},
+				{
+					propertyName: "toolbarCenterTpl",
+					first: true,
+					predicate: RtContainerToolbarCenterDirective,
+					descendants: true,
+					read: TemplateRef,
+					isSignal: true
+				},
+				{
+					propertyName: "toolbarRightTpl",
+					first: true,
+					predicate: RtContainerToolbarRightDirective,
+					descendants: true,
+					read: TemplateRef,
+					isSignal: true
+				},
+				{
+					propertyName: "contentTpl",
+					first: true,
+					predicate: RtContainerContentDirective,
+					descendants: true,
+					read: TemplateRef,
+					isSignal: true
+				}
+			],
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-container\">\n    @if (headerTpl(); as tpl) {\n        <header rtElem=\"header\" qa-dataid=\"container-header\">\n            <ng-container [ngTemplateOutlet]=\"tpl\" />\n        </header>\n    }\n\n    @if (leftSidenavTpl(); as tpl) {\n        <aside rtElem=\"left-sidenav\" qa-dataid=\"container-left-sidenav\">\n            <ng-container [ngTemplateOutlet]=\"tpl\" />\n        </aside>\n    }\n\n    @if (toolbarLeftTpl(); as tpl) {\n        <div rtElem=\"toolbar\" qa-dataid=\"container-toolbar\" data-slot=\"left\" [rtMod]=\"{ slot: 'left' }\">\n            <ng-container [ngTemplateOutlet]=\"tpl\" />\n        </div>\n    }\n\n    @if (toolbarCenterTpl(); as tpl) {\n        <div rtElem=\"toolbar\" qa-dataid=\"container-toolbar\" data-slot=\"center\" [rtMod]=\"{ slot: 'center' }\">\n            <ng-container [ngTemplateOutlet]=\"tpl\" />\n        </div>\n    }\n\n    @if (toolbarRightTpl(); as tpl) {\n        <div rtElem=\"toolbar\" qa-dataid=\"container-toolbar\" data-slot=\"right\" [rtMod]=\"{ slot: 'right' }\">\n            <ng-container [ngTemplateOutlet]=\"tpl\" />\n        </div>\n    }\n\n    @if (contentTpl(); as tpl) {\n        <main rtElem=\"content\" qa-dataid=\"container-content\">\n            <ng-container [ngTemplateOutlet]=\"tpl\" />\n        </main>\n    }\n\n    <rt-toaster position=\"bottom-center\" />\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{:root{--rt-aside-animation-duration: .2s;--rt-aside-backdrop-bg: var(--rt-color-bg-overlay);--rt-aside-backdrop-blur: 5px}.cdk-overlay-backdrop.rt-aside-backdrop{-webkit-backdrop-filter:blur(var(--rt-aside-backdrop-blur));backdrop-filter:blur(var(--rt-aside-backdrop-blur));background:var(--rt-aside-backdrop-bg);transition:opacity var(--rt-aside-animation-duration) ease}:is(.rt-preset-material,[data-preset=material]).cdk-overlay-backdrop.rt-aside-backdrop,[data-preset=material] .cdk-overlay-backdrop.rt-aside-backdrop{--rt-aside-backdrop-bg: var(--rt-color-bg-overlay);--rt-aside-backdrop-blur: 0}.rt-aside-overlay{height:100dvh;transition:transform var(--rt-aside-animation-duration) ease}.rt-aside-overlay.rt-aside-overlay--entering{transition:none}.rt-aside-overlay--position-right.rt-aside-overlay--entering,.rt-aside-overlay--position-right.rt-aside-overlay--leaving{transform:translate(100%)}.rt-aside-overlay--position-left.rt-aside-overlay--entering,.rt-aside-overlay--position-left.rt-aside-overlay--leaving{transform:translate(-100%)}.rt-aside-overlay--position-right.rt-aside-overlay--open,.rt-aside-overlay--position-left.rt-aside-overlay--open{transform:translate(0)}@media(width<=768px){.rt-aside-overlay{overflow:hidden;width:100dvw;max-width:100dvw}}@media(prefers-reduced-motion:reduce){.rt-aside-overlay{transition:none}}}.cdk-overlay-backdrop.rt-aside-backdrop{opacity:0;pointer-events:none}.cdk-overlay-backdrop.rt-aside-backdrop.rt-aside-backdrop--visible{opacity:1;pointer-events:auto}.rt-aside-overlay:not(.rt-aside-overlay--open){pointer-events:none}@layer rt-kit.components{.rt-container{--rt-container-border-width: var(--rt-border-width-thin);display:grid;min-height:100%;flex:1 1 auto;background-color:var(--rt-color-bg-page);color:var(--rt-color-text-primary);grid-template:\"header header\" auto \"left-sidenav toolbar\" auto \"left-sidenav content\" 1fr/auto 1fr}.rt-container__header{position:sticky;z-index:1;top:0;display:block;grid-area:header}.rt-container__header>.rt-page-header{margin:var(--rt-space-5) var(--rt-space-5) 0}.rt-container__left-sidenav{display:block;padding:var(--rt-space-md);border-right:var(--rt-container-border-width) solid var(--rt-color-border-subtle);background-color:var(--rt-color-bg-surface);grid-area:left-sidenav}.rt-container__toolbar{display:flex;align-items:center;padding:var(--rt-space-sm) var(--rt-space-md);border-bottom:var(--rt-container-border-width) solid var(--rt-color-border-subtle);background-color:var(--rt-color-bg-surface);grid-area:toolbar}.rt-container__toolbar--slot--left{justify-content:flex-start}.rt-container__toolbar--slot--center{justify-content:center}.rt-container__toolbar--slot--right{justify-content:flex-end}.rt-container__content{display:flex;overflow:auto;min-height:0;flex-direction:column;grid-area:content}.rt-container--viewport{block-size:100dvh;min-block-size:0}.rt-container--viewport .rt-container__content{overflow:hidden}.rt-container--viewport .rt-container__left-sidenav{overflow:auto}@media(width<=768px){.rt-container--mobile-left-bottom{grid-template:\"header\" auto \"toolbar\" auto \"content\" 1fr \"left-sidenav\" auto/1fr}.rt-container--mobile-left-bottom .rt-container__left-sidenav{padding:0;border-top:var(--rt-container-border-width) solid var(--rt-color-border-subtle);border-right:none}}}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: NgTemplateOutlet,
+					selector: "[ngTemplateOutlet]",
+					inputs: [
+						"ngTemplateOutletContext",
+						"ngTemplateOutlet",
+						"ngTemplateOutletInjector"
+					]
+				},
+				{
+					kind: "component",
+					type: RtToasterComponent,
+					selector: "rt-toaster",
+					inputs: [
+						"position",
+						"duration",
+						"visibleToasts",
+						"mode",
+						"expand"
+					]
+				},
+				{
+					kind: "directive",
+					type: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ModDirective,
+					selector: "[rtMod]"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtContainerComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-container",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				NgTemplateOutlet,
+				RtToasterComponent,
+				BlockDirective,
+				ElemDirective,
+				ModDirective
+			],
+			providers: [RtContainerStateService],
+			host: {
+				class: BEM_BLOCK,
+				"[class.rt-container--mobile-left-bottom]": "mobileLeftNav() === 'bottom'",
+				"[class.rt-container--viewport]": "height() === 'viewport'"
+			},
+			template: "<ng-container rtBlock=\"rt-container\">\n    @if (headerTpl(); as tpl) {\n        <header rtElem=\"header\" qa-dataid=\"container-header\">\n            <ng-container [ngTemplateOutlet]=\"tpl\" />\n        </header>\n    }\n\n    @if (leftSidenavTpl(); as tpl) {\n        <aside rtElem=\"left-sidenav\" qa-dataid=\"container-left-sidenav\">\n            <ng-container [ngTemplateOutlet]=\"tpl\" />\n        </aside>\n    }\n\n    @if (toolbarLeftTpl(); as tpl) {\n        <div rtElem=\"toolbar\" qa-dataid=\"container-toolbar\" data-slot=\"left\" [rtMod]=\"{ slot: 'left' }\">\n            <ng-container [ngTemplateOutlet]=\"tpl\" />\n        </div>\n    }\n\n    @if (toolbarCenterTpl(); as tpl) {\n        <div rtElem=\"toolbar\" qa-dataid=\"container-toolbar\" data-slot=\"center\" [rtMod]=\"{ slot: 'center' }\">\n            <ng-container [ngTemplateOutlet]=\"tpl\" />\n        </div>\n    }\n\n    @if (toolbarRightTpl(); as tpl) {\n        <div rtElem=\"toolbar\" qa-dataid=\"container-toolbar\" data-slot=\"right\" [rtMod]=\"{ slot: 'right' }\">\n            <ng-container [ngTemplateOutlet]=\"tpl\" />\n        </div>\n    }\n\n    @if (contentTpl(); as tpl) {\n        <main rtElem=\"content\" qa-dataid=\"container-content\">\n            <ng-container [ngTemplateOutlet]=\"tpl\" />\n        </main>\n    }\n\n    <rt-toaster position=\"bottom-center\" />\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{:root{--rt-aside-animation-duration: .2s;--rt-aside-backdrop-bg: var(--rt-color-bg-overlay);--rt-aside-backdrop-blur: 5px}.cdk-overlay-backdrop.rt-aside-backdrop{-webkit-backdrop-filter:blur(var(--rt-aside-backdrop-blur));backdrop-filter:blur(var(--rt-aside-backdrop-blur));background:var(--rt-aside-backdrop-bg);transition:opacity var(--rt-aside-animation-duration) ease}:is(.rt-preset-material,[data-preset=material]).cdk-overlay-backdrop.rt-aside-backdrop,[data-preset=material] .cdk-overlay-backdrop.rt-aside-backdrop{--rt-aside-backdrop-bg: var(--rt-color-bg-overlay);--rt-aside-backdrop-blur: 0}.rt-aside-overlay{height:100dvh;transition:transform var(--rt-aside-animation-duration) ease}.rt-aside-overlay.rt-aside-overlay--entering{transition:none}.rt-aside-overlay--position-right.rt-aside-overlay--entering,.rt-aside-overlay--position-right.rt-aside-overlay--leaving{transform:translate(100%)}.rt-aside-overlay--position-left.rt-aside-overlay--entering,.rt-aside-overlay--position-left.rt-aside-overlay--leaving{transform:translate(-100%)}.rt-aside-overlay--position-right.rt-aside-overlay--open,.rt-aside-overlay--position-left.rt-aside-overlay--open{transform:translate(0)}@media(width<=768px){.rt-aside-overlay{overflow:hidden;width:100dvw;max-width:100dvw}}@media(prefers-reduced-motion:reduce){.rt-aside-overlay{transition:none}}}.cdk-overlay-backdrop.rt-aside-backdrop{opacity:0;pointer-events:none}.cdk-overlay-backdrop.rt-aside-backdrop.rt-aside-backdrop--visible{opacity:1;pointer-events:auto}.rt-aside-overlay:not(.rt-aside-overlay--open){pointer-events:none}@layer rt-kit.components{.rt-container{--rt-container-border-width: var(--rt-border-width-thin);display:grid;min-height:100%;flex:1 1 auto;background-color:var(--rt-color-bg-page);color:var(--rt-color-text-primary);grid-template:\"header header\" auto \"left-sidenav toolbar\" auto \"left-sidenav content\" 1fr/auto 1fr}.rt-container__header{position:sticky;z-index:1;top:0;display:block;grid-area:header}.rt-container__header>.rt-page-header{margin:var(--rt-space-5) var(--rt-space-5) 0}.rt-container__left-sidenav{display:block;padding:var(--rt-space-md);border-right:var(--rt-container-border-width) solid var(--rt-color-border-subtle);background-color:var(--rt-color-bg-surface);grid-area:left-sidenav}.rt-container__toolbar{display:flex;align-items:center;padding:var(--rt-space-sm) var(--rt-space-md);border-bottom:var(--rt-container-border-width) solid var(--rt-color-border-subtle);background-color:var(--rt-color-bg-surface);grid-area:toolbar}.rt-container__toolbar--slot--left{justify-content:flex-start}.rt-container__toolbar--slot--center{justify-content:center}.rt-container__toolbar--slot--right{justify-content:flex-end}.rt-container__content{display:flex;overflow:auto;min-height:0;flex-direction:column;grid-area:content}.rt-container--viewport{block-size:100dvh;min-block-size:0}.rt-container--viewport .rt-container__content{overflow:hidden}.rt-container--viewport .rt-container__left-sidenav{overflow:auto}@media(width<=768px){.rt-container--mobile-left-bottom{grid-template:\"header\" auto \"toolbar\" auto \"content\" 1fr \"left-sidenav\" auto/1fr}.rt-container--mobile-left-bottom .rt-container__left-sidenav{padding:0;border-top:var(--rt-container-border-width) solid var(--rt-color-border-subtle);border-right:none}}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		headerTpl: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => RtContainerHeaderDirective), {
+				read: TemplateRef,
+				isSignal: true
+			}]
+		}],
+		leftSidenavTpl: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => RtContainerLeftSidenavDirective), {
+				read: TemplateRef,
+				isSignal: true
+			}]
+		}],
+		rightSidenavTpl: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => RtContainerRightSidenavDirective), {
+				read: TemplateRef,
+				isSignal: true
+			}]
+		}],
+		toolbarLeftTpl: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => RtContainerToolbarLeftDirective), {
+				read: TemplateRef,
+				isSignal: true
+			}]
+		}],
+		toolbarCenterTpl: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => RtContainerToolbarCenterDirective), {
+				read: TemplateRef,
+				isSignal: true
+			}]
+		}],
+		toolbarRightTpl: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => RtContainerToolbarRightDirective), {
+				read: TemplateRef,
+				isSignal: true
+			}]
+		}],
+		contentTpl: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => RtContainerContentDirective), {
+				read: TemplateRef,
+				isSignal: true
+			}]
+		}],
+		mobileLeftNav: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "mobileLeftNav",
+				required: false
+			}]
+		}],
+		height: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "height",
+				required: false
+			}]
+		}],
+		backdropClick: [{
+			type: i0.Output,
+			args: ["backdropClick"]
+		}],
+		rightOpened: [{
+			type: i0.Output,
+			args: ["rightOpened"]
+		}],
+		rightClosed: [{
+			type: i0.Output,
+			args: ["rightClosed"]
+		}]
+	}
+});
+var RtContainerLeftSidenavPanelDirective = class RtContainerLeftSidenavPanelDirective {
+	#state = inject(RtContainerStateService);
+	open() {
+		this.#state.leftSidenavOpen.set(true);
+	}
+	close() {
+		this.#state.leftSidenavOpen.set(false);
+	}
+	toggle(isOpen) {
+		this.#state.leftSidenavOpen.set(isOpen);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtContainerLeftSidenavPanelDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: RtContainerLeftSidenavPanelDirective,
+			isStandalone: true,
+			selector: "[rtContainerLeftSidenavPanel]",
+			exportAs: ["containerLeftPanel"],
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtContainerLeftSidenavPanelDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[rtContainerLeftSidenavPanel]",
+			exportAs: "containerLeftPanel"
+		}]
+	}]
+});
+var RtContainerRightSidenavPanelDirective = class RtContainerRightSidenavPanelDirective {
+	#container;
+	constructor() {
+		this.#container = inject(RtContainerComponent);
+		this.opened = output();
+		this.closed = output();
+		this.cancelled = output();
+		this.ready = this.#container.rightOverlayReady;
+		const destroyRef = inject(DestroyRef);
+		outputToObservable(this.#container.backdropClick).pipe(takeUntilDestroyed(destroyRef)).subscribe(() => this.cancelled.emit());
+		outputToObservable(this.#container.rightOpened).pipe(takeUntilDestroyed(destroyRef)).subscribe(() => this.opened.emit());
+		outputToObservable(this.#container.rightClosed).pipe(takeUntilDestroyed(destroyRef)).subscribe(() => this.closed.emit());
+	}
+	ngOnDestroy() {
+		if (this.#container.rightOpen()) this.#container.closeRight();
+	}
+	open() {
+		this.#container.openRight();
+	}
+	close() {
+		this.#container.closeRight();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtContainerRightSidenavPanelDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: RtContainerRightSidenavPanelDirective,
+			isStandalone: true,
+			selector: "[rtContainerRightSidenavPanel]",
+			outputs: {
+				opened: "opened",
+				closed: "closed",
+				cancelled: "cancelled"
+			},
+			exportAs: ["rtContainerRightPanel"],
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtContainerRightSidenavPanelDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[rtContainerRightSidenavPanel]",
+			exportAs: "rtContainerRightPanel"
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		opened: [{
+			type: i0.Output,
+			args: ["opened"]
+		}],
+		closed: [{
+			type: i0.Output,
+			args: ["closed"]
+		}],
+		cancelled: [{
+			type: i0.Output,
+			args: ["cancelled"]
+		}]
+	}
+});
+var RtContainerContentPanelDirective = class RtContainerContentPanelDirective {
+	constructor() {
+		this.scrolled = output();
+		this.scrolledUp = output();
+		this.scrolledDown = output();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtContainerContentPanelDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: RtContainerContentPanelDirective,
+			isStandalone: true,
+			selector: "[rtContainerContentPanel]",
+			outputs: {
+				scrolled: "scrolled",
+				scrolledUp: "scrolledUp",
+				scrolledDown: "scrolledDown"
+			},
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtContainerContentPanelDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[rtContainerContentPanel]" }]
+	}],
+	propDecorators: {
+		scrolled: [{
+			type: i0.Output,
+			args: ["scrolled"]
+		}],
+		scrolledUp: [{
+			type: i0.Output,
+			args: ["scrolledUp"]
+		}],
+		scrolledDown: [{
+			type: i0.Output,
+			args: ["scrolledDown"]
+		}]
+	}
+});
+var RtRouteAsideMutations = class {
+	#mutationSource = new Subject();
+	constructor(destroyRef) {
+		this.#mutationSource.pipe(mergeMap((mutation) => mutation.op$.pipe(map(() => mutation.handleSuccess), catchError((error) => of(() => mutation.handleError(error))))), takeUntilDestroyed(destroyRef)).subscribe((handleResult) => handleResult());
+	}
+	run(mutation) {
+		this.#mutationSource.next(mutation);
+	}
+};
 function rootSegmentsOf(commands) {
-    const [head, ...rest] = commands;
-    if (typeof head !== 'string' || !head.startsWith('/')) {
-        return [...commands];
-    }
-    return [...head.split('/').filter(Boolean), ...rest];
-}
-
-/**
- * Уходы панели по маршруту и разрешение на них.
- *
- * Разрешение выдаётся вплотную к вызову маршрутизатора и снимается итогом навигации:
- * между закрытием панели и уходом наложение доигрывает своё, и разрешение, выданное
- * раньше, досталось бы чужому уходу — тронутая форма уехала бы без вопроса. Читается оно
- * тоже один раз: иначе первое же закрытие после записи сняло бы вопрос о правках со всех
- * следующих уходов.
- */
-class RtRouteAsideNavigation {
-    #router;
-    #leaveAllowed = false;
-    constructor(router) {
-        this.#router = router;
-    }
-    /** Разрешение на этот уход. Читается один раз и снимается чтением. */
-    consumeLeaveAllowance() {
-        const allowed = this.#leaveAllowed;
-        this.#leaveAllowed = false;
-        return allowed;
-    }
-    /** Уход, начатый самой панелью: разрешение живёт ровно эту навигацию. */
-    allowed(navigate) {
-        this.#leaveAllowed = true;
-        void navigate()
-            .catch(() => false)
-            .then(() => {
-            this.#leaveAllowed = false;
-        });
-    }
-    /**
-     * Адрес, на который уходит панель. Свой аутлет она снимает тем же деревом: абсолютные
-     * команды меняют только первичную ветку, и панель, открытая в корне приложения, переход
-     * пережила бы — маршрута под неё в корне нет, а такую навигацию маршрутизатор отклоняет
-     * молча, оставляя приложение на панели, которой на экране уже нет.
-     */
-    relatedTree(outlets, commands, queryParams = null) {
-        return this.#router.createUrlTree([{ outlets: { ...outlets, primary: rootSegmentsOf(commands) } }], { queryParams });
-    }
+	const [head, ...rest] = commands;
+	if (typeof head !== "string" || !head.startsWith("/")) return [...commands];
+	return [...head.split("/").filter(Boolean), ...rest];
 }
-
-/**
- * Вопрос о несохранённых правках, заданный уходу по маршруту.
- *
- * Окно открывается одно на все уходы, пришедшие пока оно висит: второе поставило бы поверх
- * первого наложение, убрать которое было бы некому. Ответ раздаётся всем спросившим, а после
- * закрытия окна следующий уход спрашивает заново.
- */
-class RtRouteAsideUnsavedPrompt {
-    #dialog;
-    #injector;
-    #deps;
-    /** Вопрос, который сейчас висит. `null` — окна нет, и следующий уход откроет своё. */
-    #pendingAsk$ = null;
-    constructor(dialog, injector, deps) {
-        this.#dialog = dialog;
-        this.#injector = injector;
-        this.#deps = deps;
-    }
-    /** Отпускать ли уход. Пока окно висит, все спросившие получают один и тот же ответ. */
-    ask() {
-        const pending = this.#pendingAsk$;
-        if (pending !== null) {
-            return pending;
-        }
-        const ask$ = this.#dialog
-            .open(RtAsideUnsavedDialogComponent)
-            .afterClosed()
-            .pipe(switchMap((outcome) => this.#deactivateAfter(outcome)), finalize(() => {
-            this.#pendingAsk$ = null;
-        }), shareReplay({ bufferSize: 1, refCount: false }));
-        this.#pendingAsk$ = ask$;
-        return ask$;
-    }
-    /**
-     * Что делать с уходом после ответа человека. «Закрыть с сохранением» ждёт конца записи:
-     * панель уступает место только удачной — иначе правки пропали бы вместе с отказом, о
-     * котором человек ещё не знает.
-     */
-    #deactivateAfter(outcome) {
-        if (outcome === ERtAsideUnsavedOutcome.Discard) {
-            return of(true);
-        }
-        if (outcome !== ERtAsideUnsavedOutcome.Save) {
-            return of(false);
-        }
-        this.#deps.save();
-        // Запись могла и не начаться — например, черновик не годится
-        if (!this.#deps.submitting()) {
-            return of(false);
-        }
-        return toObservable(this.#deps.submitting, { injector: this.#injector }).pipe(filter((submitting) => !submitting), take(1), map(() => this.#deps.submitError() === null));
-    }
-}
-
-/**
- * Признак нетронутой формы.
- *
- * Контрол принимается и сигналом: форма панели собрана директивой формы и до отрисовки
- * шаблона её ещё нет, поэтому запрос вида отдаёт её только сигналом. Нынешнее состояние
- * подставляется первым значением — события прошлого подписка не получит, и без него кнопка
- * записи осталась бы недоступной у формы, испачканной до подписки.
- *
- * Зовётся в контексте внедрения: `toObservable` и `toSignal` требуют его сами.
- */
+var RtRouteAsideNavigation = class {
+	#router;
+	#leaveAllowed = false;
+	constructor(router) {
+		this.#router = router;
+	}
+	consumeLeaveAllowance() {
+		const allowed = this.#leaveAllowed;
+		this.#leaveAllowed = false;
+		return allowed;
+	}
+	allowed(navigate) {
+		this.#leaveAllowed = true;
+		navigate().catch(() => false).then(() => {
+			this.#leaveAllowed = false;
+		});
+	}
+	relatedTree(outlets, commands, queryParams = null) {
+		return this.#router.createUrlTree([{ outlets: {
+			...outlets,
+			primary: rootSegmentsOf(commands)
+		} }], { queryParams });
+	}
+};
+var RtRouteAsideUnsavedPrompt = class {
+	#dialog;
+	#injector;
+	#deps;
+	#pendingAsk$ = null;
+	constructor(dialog, injector, deps) {
+		this.#dialog = dialog;
+		this.#injector = injector;
+		this.#deps = deps;
+	}
+	ask() {
+		const pending = this.#pendingAsk$;
+		if (pending !== null) return pending;
+		const ask$ = this.#dialog.open(RtAsideUnsavedDialogComponent).afterClosed().pipe(switchMap((outcome) => this.#deactivateAfter(outcome)), finalize(() => {
+			this.#pendingAsk$ = null;
+		}), shareReplay({
+			bufferSize: 1,
+			refCount: false
+		}));
+		this.#pendingAsk$ = ask$;
+		return ask$;
+	}
+	#deactivateAfter(outcome) {
+		if (outcome === ERtAsideUnsavedOutcome.Discard) return of(true);
+		if (outcome !== ERtAsideUnsavedOutcome.Save) return of(false);
+		this.#deps.save();
+		if (!this.#deps.submitting()) return of(false);
+		return toObservable(this.#deps.submitting, { injector: this.#injector }).pipe(filter((submitting) => !submitting), take(1), map(() => this.#deps.submitError() === null));
+	}
+};
 function pristineOf(control) {
-    const control$ = isSignal(control) ? toObservable(control) : of(control);
-    return toSignal(control$.pipe(switchMap((current) => {
-        if (current === undefined) {
-            return of(true);
-        }
-        return current.events.pipe(filter((event) => event instanceof PristineChangeEvent), map((event) => event.pristine), startWith(current.pristine));
-    })), { initialValue: true });
-}
-
-/**
- * Учёт панелей, стоящих на экране: из него роутерный гард узнаёт, кого спрашивать
- * о несохранённых правках.
- *
- * Спрашивать компонент, который роутер подставляет в гард, нельзя: когда
- * ro-маршрут объявлен под уровнем без своего компонента, Angular отдаёт детям
- * контекст родителя, и в гард приходит компонент первичного аутлета — экран
- * раздела, а не панель.
- *
- * Ключ записи — объявление маршрута, а не порядок постановки. Гард стоит на
- * каждом ro-маршруте, и одна навигация зовёт его за каждый уходящий маршрут
- * отдельно: учёт стеком дал бы ответ не той панели и два вопроса о правках
- * подряд. Объявление маршрута — та же ссылка на объект и у панели, и у снимка,
- * который роутер отдаёт гарду, поэтому два каркаса на экране не путаются даже
- * при одинаково названных аутлетах: маршруты у них разные.
- *
- * Служба корневая: гард живёт в инжекторе маршрута и до службы, поставленной на
- * уровне компонента, не дотянулся бы вовсе. Одного учёта на приложение хватает —
- * записи различает маршрут. Переменной уровня модуля учёт быть не может: та
- * пережила бы запрос при отдаче страницы сервером и оказалась бы общей на два
- * приложения, поднятых на одной странице.
- */
-class RtRouteAsideRegistry {
-    #panels = new Map();
-    /**
-     * Панель встала на экран. Повторная постановка под тем же маршрутом заменяет
-     * запись: аутлет держит одну панель, и отвечать должна нынешняя.
-     */
-    register(route, panel) {
-        const key = route.routeConfig;
-        if (key === null) {
-            return;
-        }
-        this.#panels.set(key, panel);
-    }
-    /**
-     * Панель ушла с экрана. Запись снимается только своя: пока уходящая панель
-     * доигрывает уход, её место мог занять сосед, и снятие вслепую стёрло бы
-     * запись того, кто на экране остался.
-     */
-    unregister(route, panel) {
-        const key = route.routeConfig;
-        if (key === null || this.#panels.get(key) !== panel) {
-            return;
-        }
-        this.#panels.delete(key);
-    }
-    /** Снятие панели, чей ответ о правках отказал: спрашивать её больше нечем. */
-    forget(panel) {
-        for (const [key, registered] of this.#panels) {
-            if (registered === panel) {
-                this.#panels.delete(key);
-            }
-        }
-    }
-    /** Панель, отвечающая за уход с этого маршрута, или её отсутствие. */
-    find(route) {
-        const key = route.routeConfig;
-        if (key === null) {
-            return null;
-        }
-        return this.#panels.get(key) ?? null;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtRouteAsideRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtRouteAsideRegistry, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtRouteAsideRegistry, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-/**
- * Открытие ждёт `panel.ready()`, а не `ngAfterViewInit`: на F5 rt-container
- * создаёт overlay асинхронно, иначе `open()` гонится с ещё не готовым overlay.
- *
- * `@Directive()` без селектора — чтобы query/`inject`/lifecycle наследовались на
- * конкретный `@Component` (как `RtFormControlBase`).
- *
- * Закрытие всегда идёт через `onClose()`, куда сходятся все четыре пути: две
- * кнопки панели и — через `onCancel()` — нажатие мимо панели и Esc, которые ловит
- * `rt-container`. Панель, поставившая гард через `guardUnsavedChanges()`, на
- * тронутой форме получает вопрос о правках; панель без гарда закрывается сразу.
- */
-class RtRouteAsideComponent {
-    #entity;
-    #entityId;
-    #isCreateMode;
-    #resolving;
-    #submitting;
-    #mutations;
-    #refreshSource;
-    #closeIntentSource;
-    #unsavedGuard;
-    /** Связанная запись, на которую панель уйдёт, когда пользователь решит судьбу правок */
-    #relatedCommands;
-    /** Параметры адреса связанной записи: у события журнала ими задан отбор списка */
-    #relatedQueryParams;
-    #notificationBus;
-    #dialog;
-    #injector;
-    #registry;
-    /** Вопрос о правках, заданный уходу по маршруту: у кнопок панели свой путь. */
-    #unsavedPrompt;
-    #opened;
-    #navigation;
-    constructor() {
-        this.#entity = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "#entity" }] : /* istanbul ignore next */ []));
-        this.#entityId = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "#entityId" }] : /* istanbul ignore next */ []));
-        this.#isCreateMode = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "#isCreateMode" }] : /* istanbul ignore next */ []));
-        this.#resolving = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "#resolving" }] : /* istanbul ignore next */ []));
-        this.#submitting = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "#submitting" }] : /* istanbul ignore next */ []));
-        this.#mutations = new RtRouteAsideMutations(inject(DestroyRef));
-        this.#refreshSource = new Subject();
-        this.#closeIntentSource = new Subject();
-        this.#unsavedGuard = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "#unsavedGuard" }] : /* istanbul ignore next */ []));
-        /** Связанная запись, на которую панель уйдёт, когда пользователь решит судьбу правок */
-        this.#relatedCommands = null;
-        /** Параметры адреса связанной записи: у события журнала ими задан отбор списка */
-        this.#relatedQueryParams = null;
-        this.#notificationBus = inject(NotificationBus);
-        this.#dialog = inject(RtDialogService);
-        this.#injector = inject(Injector);
-        this.#registry = inject(RtRouteAsideRegistry);
-        /** Вопрос о правках, заданный уходу по маршруту: у кнопок панели свой путь. */
-        this.#unsavedPrompt = new RtRouteAsideUnsavedPrompt(this.#dialog, this.#injector, {
-            save: () => this.#unsavedGuard()?.save(),
-            submitting: this.#submitting,
-            submitError: computed(() => this.submitError()),
-        });
-        this.#opened = false;
-        this.router = inject(Router);
-        this.#navigation = new RtRouteAsideNavigation(this.router);
-        this.route = inject(ActivatedRoute);
-        this.destroyRef = inject(DestroyRef);
-        this.panel = viewChild(RtContainerRightSidenavPanelDirective, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "panel" }] : /* istanbul ignore next */ []));
-        this.entity = this.#entity.asReadonly();
-        /** id из route-параметра как есть (uuid/строка); числовые id консьюмер парсит сам. */
-        this.entityId = this.#entityId.asReadonly();
-        this.isCreateMode = this.#isCreateMode.asReadonly();
-        this.submitting = this.#submitting.asReadonly();
-        /**
-         * Скелетоны биндятся на это, а не на пустоту `entity()`: та залипает после
-         * первой загрузки и не ловит рефетч.
-         */
-        this.resolving = this.#resolving.asReadonly();
-        this.busy = computed(() => this.#submitting() || this.#resolving(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "busy" }] : /* istanbul ignore next */ []));
-        /**
-         * Форма не тронута. Панель, которая не поставила гард закрытия, считается
-         * нетронутой всегда — и закрывается без вопроса, как раньше.
-         */
-        this.pristine = computed(() => this.#unsavedGuard()?.pristine() ?? true, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "pristine" }] : /* istanbul ignore next */ []));
-        this.submitError = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "submitError" }] : /* istanbul ignore next */ []));
-        /**
-         * Удача мутации — тем же способом, что и отказ. Человек, работающий в панели,
-         * смотрит в панель, а не на экран за её краем: тост об успехе всплывает там,
-         * куда он в эту минуту не смотрит. Оба сигнала гасятся в начале каждой
-         * попытки и гасят друг друга — это ответы на один вопрос, и двух сразу не
-         * бывает.
-         */
-        this.submitSuccess = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "submitSuccess" }] : /* istanbul ignore next */ []));
-        this.idParamName = 'id';
-        /** id-only режим: нужен только id (например, смена пароля по userId), сущность не грузится. */
-        this.idOnly = false;
-        effect(() => {
-            const panel = this.panel();
-            if (panel === undefined || !panel.ready() || this.#opened) {
-                return;
-            }
-            this.#opened = true;
-            panel.open();
-            // Панель встала в аутлет — с этого мгновения о правках спрашивают её,
-            // а не тот компонент, который роутер подставит гарду.
-            this.#registry.register(this.route.snapshot, this);
-        });
-        // Снятие с учёта идёт по уничтожению, а не по уходу с экрана: уход может и
-        // не состояться — роутер отклоняет навигацию молча, — и панель, снятая с
-        // учёта раньше времени, осталась бы на экране, не отвечая о своих правках.
-        this.destroyRef.onDestroy(() => this.#registry.unregister(this.route.snapshot, this));
-        // Рефетч сущности из #refreshEntity(): mergeMap — каждый запуск resolve
-        // живёт независимо (как раньше — отдельная подписка на вызов).
-        this.#refreshSource
-            .pipe(mergeMap((id) => this.resolve(id)), takeUntilDestroyed(this.destroyRef))
-            .subscribe((entity) => {
-            this.#resolving.set(false);
-            if (entity === null) {
-                this.#navigateAway();
-                return;
-            }
-            this.#entity.set(entity);
-            this.onResolved();
-        });
-        // Вопрос о несохранённых правках: exhaustMap, а не switchMap — пока окно
-        // открыто, повторное намерение закрыться игнорируется. switchMap отписался
-        // бы от первого окна, не убрав его overlay, и на экране осталось бы два.
-        this.#closeIntentSource
-            .pipe(exhaustMap(() => this.#dialog
-            .open(RtAsideUnsavedDialogComponent)
-            .afterClosed()), takeUntilDestroyed(this.destroyRef))
-            .subscribe((outcome) => this.#applyUnsavedOutcome(outcome));
-    }
-    ngOnInit() {
-        this.route.paramMap
-            .pipe(switchMap((params) => {
-            const idParam = params.get(this.idParamName);
-            if (idParam === null || idParam === '') {
-                this.#isCreateMode.set(true);
-                this.#entityId.set(null);
-                return of(null);
-            }
-            this.#isCreateMode.set(false);
-            this.#entityId.set(idParam);
-            if (this.idOnly) {
-                return of(null);
-            }
-            this.#resolving.set(true);
-            return this.resolve(idParam);
-        }), tap((entity) => {
-            this.#resolving.set(false);
-            if (entity === null) {
-                if (!this.#isCreateMode() && !this.idOnly) {
-                    this.#navigateAway();
-                }
-                return;
-            }
-            this.#entity.set(entity);
-            this.onResolved();
-        }), takeUntilDestroyed(this.destroyRef))
-            .subscribe();
-    }
-    /**
-     * Панель уходит с экрана не сама: её место в аутлете занимает другая — лента
-     * событий из шапки или соседняя запись. Тронутая форма спрашивает о правках
-     * так же, как при закрытии; окно кнопок этот путь не ловит, потому что панель
-     * закрывает роутер.
-     *
-     * Гард ставится на ro-маршрут панели (`rtAsideUnsavedGuard`).
-     */
-    canDeactivate() {
-        const intent = this.#closeIntent();
-        // Признак идущей записи старше разрешения на уход: панель, выдавшая себе
-        // разрешение и не дождавшаяся ответа сервера, уходить не должна — исход
-        // записи решит её судьбу сам.
-        if (intent === ERtAsideCloseIntent.Ignore) {
-            return of(false);
-        }
-        // Уход начала сама панель: правки либо записаны секунду назад, либо их
-        // судьбу пользователь уже решил. Вопрос был бы задан про то, чего нет.
-        if (this.#navigation.consumeLeaveAllowance()) {
-            return of(true);
-        }
-        if (intent === ERtAsideCloseIntent.Close) {
-            return of(true);
-        }
-        return this.#unsavedPrompt.ask();
-    }
-    setEntity(entity) {
-        this.#entity.set(entity);
-    }
-    /** Признак нетронутой формы — тот же, что гейтит кнопку записи. */
-    pristineSignal(control) {
-        return pristineOf(control);
-    }
-    /**
-     * Ставит гард закрытия: пока форма тронута, любой из четырёх путей закрытия
-     * спрашивает, что сделать с правками, и исход «закрыть с сохранением» зовёт
-     * `save`. Признак нетронутости даёт `pristineSignal(control)` — тот же, что
-     * гейтит кнопку записи.
-     */
-    guardUnsavedChanges(guard) {
-        this.#unsavedGuard.set(guard);
-    }
-    /**
-     * Адрес связанной записи для атрибута `href`. Ссылка остаётся настоящей
-     * ссылкой: её открывают в новой вкладке и копируют, а обычное нажатие панель
-     * перехватывает и уводит сама.
-     */
-    relatedUrl(commands) {
-        return this.router.serializeUrl(this.#relatedTree(commands));
-    }
-    /**
-     * Уход на связанную запись. Он уводит с адреса панели так же, как её
-     * закрытие, поэтому идёт тем же путём: тронутая форма спрашивает, что
-     * сделать с правками, и на исходе «закрыть с сохранением» запись открывается
-     * после удачной записи.
-     */
-    openRelated(commands, queryParams = null) {
-        const intent = this.#closeIntent();
-        if (intent === ERtAsideCloseIntent.Ignore) {
-            return;
-        }
-        if (intent === ERtAsideCloseIntent.Close) {
-            this.#navigateRelated(commands, queryParams);
-            return;
-        }
-        this.#relatedQueryParams = queryParams;
-        this.#relatedCommands = commands;
-        // Подписка объявлена один раз в конструкторе (см. #closeIntentSource-стрим).
-        this.#closeIntentSource.next();
-    }
-    onResolved() {
-        // Хук для наследника: базовый асайд после разрешения данных ничего не делает.
-    }
-    closeOutlets() {
-        return { ro: null };
-    }
-    /**
-     * `successText` — готовый текст тоста об успехе. Он принадлежит конкретной
-     * мутации, а не панели: у снятия промокода и опроса подписки свой текст
-     * успеха, и один на панель показал бы не тот.
-     *
-     * Именно текст, а не ключ словаря: ключ принадлежал бы словарю приложения, а
-     * кит чужих словарей не знает — переводит приложение и передаёт готовое.
-     *
-     * `errorText` принимается и функцией: причина отказа известна только после
-     * него — стор кладёт её в свой сигнал, а панель без стора выводит из ответа
-     * сервера, — и готовой строкой на момент запуска мутации её не передать.
-     *
-     * `successMessage` — текст удачи, который панель показывает внутри себя,
-     * рядом с формой. Довод отделён от `successText` намеренно: переезд текста
-     * из тоста в панель сломал бы всякого потребителя, который тост и хотел, а
-     * сказать «мне нужен тост» ему после этого было бы нечем. Назван он по месту
-     * показа, а не по исходу: два довода с разницей в одном слоге читались бы
-     * как опечатка.
-     */
-    runMutation(op$, opts) {
-        this.#submitting.set(true);
-        this.submitError.set(null);
-        this.submitSuccess.set(null);
-        this.#mutations.run({
-            op$,
-            handleSuccess: () => {
-                this.#submitting.set(false);
-                if (opts?.successText) {
-                    this.#notificationBus.success(opts.successText);
-                }
-                if (opts?.successMessage) {
-                    this.submitSuccess.set(opts.successMessage);
-                }
-                // Пользователь шёл на связанную запись и по дороге согласился
-                // сохранить: панель уходит туда, куда он нажал.
-                const related = this.#relatedCommands;
-                if (related !== null) {
-                    this.#navigateRelated(related);
-                    return;
-                }
-                if (opts?.onSuccess) {
-                    opts.onSuccess();
-                    return;
-                }
-                // Закрытие после удачи идёт мимо обоих вопросов о правках: форма ещё
-                // тронута, а спрашивать про только что записанное не о чем — уходу по
-                // маршруту это закрывает разрешение на уход. Названный довод решает в обе
-                // стороны, а не названный считается по режиму: создавать в закрытой панели
-                // нечего.
-                if (opts?.closeOnSuccess ?? this.#isCreateMode()) {
-                    this.#closePanel();
-                    return;
-                }
-                if (opts?.refreshOnSuccess === true) {
-                    this.#refreshEntity();
-                }
-            },
-            handleError: (error) => {
-                this.#submitting.set(false);
-                // Отказ снимает прежнюю удачу: иначе «сохранено» осталось бы на
-                // панели рядом со свежим отказом.
-                this.submitSuccess.set(null);
-                // Отказ оставляет человека в панели с его правками, поэтому
-                // намерение уйти на связанную запись снимается.
-                this.#relatedCommands = null;
-                const text = typeof opts?.errorText === 'function' ? opts.errorText(error) : opts?.errorText;
-                if (text) {
-                    this.submitError.set(text);
-                }
-            },
-        });
-    }
-    /**
-     * Единственная точка закрытия панели. Через неё идут все четыре пути: кнопка
-     * в шапке, кнопка в футере и — через `onCancel()` — нажатие мимо панели и
-     * клавиша Esc, которые ловит `rt-container` и отдаёт панели одним выходом
-     * `cancelled`.
-     */
-    onClose() {
-        const intent = this.#closeIntent();
-        if (intent === ERtAsideCloseIntent.Ignore) {
-            return;
-        }
-        if (intent === ERtAsideCloseIntent.Close) {
-            this.#closePanel();
-            return;
-        }
-        // Подписка объявлена один раз в конструкторе (см. #closeIntentSource-стрим).
-        this.#closeIntentSource.next();
-    }
-    onCancel() {
-        this.onClose();
-    }
-    onClosed() {
-        this.#navigateAway();
-    }
-    #refreshEntity() {
-        const id = this.#entityId();
-        if (id === null || this.idOnly) {
-            return;
-        }
-        this.#resolving.set(true);
-        // Подписка объявлена один раз в конструкторе (см. #refreshSource-стрим).
-        this.#refreshSource.next(id);
-    }
-    /** Решение по намерению уйти с панели — одно на закрытие и на переход по связанной записи */
-    #closeIntent() {
-        return resolveCloseIntent({
-            submitting: this.#submitting(),
-            guarded: this.#unsavedGuard() !== null,
-            pristine: this.pristine(),
-        });
-    }
-    #closePanel() {
-        this.panel()?.close();
-    }
-    #navigateRelated(commands, queryParams = null) {
-        const params = queryParams ?? this.#relatedQueryParams;
-        this.#relatedCommands = null;
-        this.#relatedQueryParams = null;
-        this.#navigation.allowed(() => this.router.navigateByUrl(this.#relatedTree(commands, params)));
-    }
-    #relatedTree(commands, queryParams = null) {
-        return this.#navigation.relatedTree(this.closeOutlets(), commands, queryParams);
-    }
-    #applyUnsavedOutcome(outcome) {
-        const related = this.#relatedCommands;
-        if (outcome === ERtAsideUnsavedOutcome.Discard) {
-            if (related !== null) {
-                this.#navigateRelated(related);
-                return;
-            }
-            this.#closePanel();
-            return;
-        }
-        // Запись закрывает панель сама на успехе — иначе панель ушла бы с экрана
-        // раньше ответа, и отказ негде было бы показать. Уход на
-        // связанную запись ждёт того же успеха.
-        if (outcome === ERtAsideUnsavedOutcome.Save) {
-            this.#unsavedGuard()?.save();
-            // Запись могла и не начаться — например, черновик не годится. Тогда
-            // намерение уйти снимается вместе с ней, иначе панель ушла бы на
-            // связанную запись после следующей удачной записи.
-            if (!this.#submitting()) {
-                this.#relatedCommands = null;
-            }
-            return;
-        }
-        this.#relatedCommands = null;
-    }
-    /**
-     * Уход с адреса при закрытии.
-     *
-     * Параметры адреса переносятся нетронутыми: панель открыта поверх экрана, чьё состояние в
-     * них и живёт — страница списка, порядок, отбор. Без переноса закрытая панель возвращает
-     * экран к его первой странице без отбора, и человек, открывший запись со второй страницы
-     * отобранного списка, теряет её просмотром одной записи. Свои параметры панель называет
-     * `openRelated` явно, и на них перенос не действует.
-     */
-    #navigateAway() {
-        this.#navigation.allowed(() => this.router.navigate([{ outlets: this.closeOutlets() }], {
-            relativeTo: this.route.parent,
-            queryParamsHandling: 'preserve',
-        }));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtRouteAsideComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.6", type: RtRouteAsideComponent, isStandalone: true, viewQueries: [{ propertyName: "panel", first: true, predicate: RtContainerRightSidenavPanelDirective, descendants: true, isSignal: true }], ngImport: i0 }); }
+	const control$ = isSignal(control) ? toObservable(control) : of(control);
+	return toSignal(control$.pipe(switchMap((current) => {
+		if (current === void 0) return of(true);
+		return current.events.pipe(filter((event) => event instanceof PristineChangeEvent), map((event) => event.pristine), startWith(current.pristine));
+	})), { initialValue: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtRouteAsideComponent, decorators: [{
-            type: Directive
-        }], ctorParameters: () => [], propDecorators: { panel: [{ type: i0.ViewChild, args: [i0.forwardRef(() => RtContainerRightSidenavPanelDirective), { isSignal: true }] }] } });
-
-// Объявление переехало к учёту панелей; здесь оно остаётся видимым прежним потребителям.
-/**
- * Панель с несохранёнными правками спрашивает о них и при смене маршрута, а не
- * только при закрытии: аутлет `ro` занимает соседняя панель, и правки пропали бы
- * молча.
- *
- * Ставится на каждый ro-маршрут: гард висит на кнопках, нажатии мимо и Esc, а
- * смену маршрута ловит только роутер.
- *
- * Спрашивается панель, учтённая под маршрутом ухода, а не компонент, который
- * подставил роутер. Компонент — не панель, когда ro-маршрут объявлен под уровнем
- * без своего компонента: Angular отдаёт детям контекст родителя, и в гард
- * приходит компонент первичного аутлета. Ответ такого компонента к правкам
- * отношения не имеет, а вызов у него метода, которого нет, ронял навигацию — она
- * падала необработанным отказом, адрес не менялся, и приложение оставалось
- * запертым на панели.
- *
- * Компонент от роутера остаётся запасным путём: гард выведен наружу кита, и
- * панель приложения может отвечать о правках, не наследуя базовый класс, — на
- * учёт такая панель не встаёт никогда. Без запасного пути у неё вопрос о правках
- * исчез бы молча, а это тихая потеря правок.
- *
- * Спрашивать некого — уступить место можно: роутер зовёт гард и для маршрута,
- * чей компонент не создан. Без этого первая же такая навигация падает, а следом
- * отказывает любая другая.
- *
- * Отказом навигации гард не отвечает никогда, в том числе когда ответ панели
- * отказал: разрешить уход значило бы унести правки, о которых спросить не
- * удалось, а отменить и оставить всё как есть — запереть приложение на панели
- * навсегда. Поэтому уход отменяется один раз, а панель снимается с учёта, и
- * следующий уход идёт запасным путём.
- */
-/** Компонент от роутера годится в ответчики, только если умеет отвечать. */
+var RtRouteAsideRegistry = class RtRouteAsideRegistry {
+	#panels = /* @__PURE__ */ new Map();
+	register(route, panel) {
+		const key = route.routeConfig;
+		if (key === null) return;
+		this.#panels.set(key, panel);
+	}
+	unregister(route, panel) {
+		const key = route.routeConfig;
+		if (key === null || this.#panels.get(key) !== panel) return;
+		this.#panels.delete(key);
+	}
+	forget(panel) {
+		for (const [key, registered] of this.#panels) if (registered === panel) this.#panels.delete(key);
+	}
+	find(route) {
+		const key = route.routeConfig;
+		if (key === null) return null;
+		return this.#panels.get(key) ?? null;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtRouteAsideRegistry,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtRouteAsideRegistry,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtRouteAsideRegistry,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+var RtRouteAsideComponent = class RtRouteAsideComponent {
+	#entity;
+	#entityId;
+	#isCreateMode;
+	#resolving;
+	#submitting;
+	#mutations;
+	#refreshSource;
+	#closeIntentSource;
+	#unsavedGuard;
+	#relatedCommands;
+	#relatedQueryParams;
+	#notificationBus;
+	#dialog;
+	#injector;
+	#registry;
+	#unsavedPrompt;
+	#opened;
+	#navigation;
+	constructor() {
+		this.#entity = signal(null, ...ngDevMode ? [{ debugName: "#entity" }] : /* istanbul ignore next */ []);
+		this.#entityId = signal(null, ...ngDevMode ? [{ debugName: "#entityId" }] : /* istanbul ignore next */ []);
+		this.#isCreateMode = signal(false, ...ngDevMode ? [{ debugName: "#isCreateMode" }] : /* istanbul ignore next */ []);
+		this.#resolving = signal(false, ...ngDevMode ? [{ debugName: "#resolving" }] : /* istanbul ignore next */ []);
+		this.#submitting = signal(false, ...ngDevMode ? [{ debugName: "#submitting" }] : /* istanbul ignore next */ []);
+		this.#mutations = new RtRouteAsideMutations(inject(DestroyRef));
+		this.#refreshSource = new Subject();
+		this.#closeIntentSource = new Subject();
+		this.#unsavedGuard = signal(null, ...ngDevMode ? [{ debugName: "#unsavedGuard" }] : /* istanbul ignore next */ []);
+		this.#relatedCommands = null;
+		this.#relatedQueryParams = null;
+		this.#notificationBus = inject(NotificationBus);
+		this.#dialog = inject(RtDialogService);
+		this.#injector = inject(Injector);
+		this.#registry = inject(RtRouteAsideRegistry);
+		this.#unsavedPrompt = new RtRouteAsideUnsavedPrompt(this.#dialog, this.#injector, {
+			save: () => this.#unsavedGuard()?.save(),
+			submitting: this.#submitting,
+			submitError: computed(() => this.submitError())
+		});
+		this.#opened = false;
+		this.router = inject(Router);
+		this.#navigation = new RtRouteAsideNavigation(this.router);
+		this.route = inject(ActivatedRoute);
+		this.destroyRef = inject(DestroyRef);
+		this.panel = viewChild(RtContainerRightSidenavPanelDirective, ...ngDevMode ? [{ debugName: "panel" }] : /* istanbul ignore next */ []);
+		this.entity = this.#entity.asReadonly();
+		this.entityId = this.#entityId.asReadonly();
+		this.isCreateMode = this.#isCreateMode.asReadonly();
+		this.submitting = this.#submitting.asReadonly();
+		this.resolving = this.#resolving.asReadonly();
+		this.busy = computed(() => this.#submitting() || this.#resolving(), ...ngDevMode ? [{ debugName: "busy" }] : /* istanbul ignore next */ []);
+		this.pristine = computed(() => this.#unsavedGuard()?.pristine() ?? true, ...ngDevMode ? [{ debugName: "pristine" }] : /* istanbul ignore next */ []);
+		this.submitError = signal(null, ...ngDevMode ? [{ debugName: "submitError" }] : /* istanbul ignore next */ []);
+		this.submitSuccess = signal(null, ...ngDevMode ? [{ debugName: "submitSuccess" }] : /* istanbul ignore next */ []);
+		this.idParamName = "id";
+		this.idOnly = false;
+		effect(() => {
+			const panel = this.panel();
+			if (panel === void 0 || !panel.ready() || this.#opened) return;
+			this.#opened = true;
+			panel.open();
+			this.#registry.register(this.route.snapshot, this);
+		});
+		this.destroyRef.onDestroy(() => this.#registry.unregister(this.route.snapshot, this));
+		this.#refreshSource.pipe(mergeMap((id) => this.resolve(id)), takeUntilDestroyed(this.destroyRef)).subscribe((entity) => {
+			this.#resolving.set(false);
+			if (entity === null) {
+				this.#navigateAway();
+				return;
+			}
+			this.#entity.set(entity);
+			this.onResolved();
+		});
+		this.#closeIntentSource.pipe(exhaustMap(() => this.#dialog.open(RtAsideUnsavedDialogComponent).afterClosed()), takeUntilDestroyed(this.destroyRef)).subscribe((outcome) => this.#applyUnsavedOutcome(outcome));
+	}
+	ngOnInit() {
+		this.route.paramMap.pipe(switchMap((params) => {
+			const idParam = params.get(this.idParamName);
+			if (idParam === null || idParam === "") {
+				this.#isCreateMode.set(true);
+				this.#entityId.set(null);
+				return of(null);
+			}
+			this.#isCreateMode.set(false);
+			this.#entityId.set(idParam);
+			if (this.idOnly) return of(null);
+			this.#resolving.set(true);
+			return this.resolve(idParam);
+		}), tap((entity) => {
+			this.#resolving.set(false);
+			if (entity === null) {
+				if (!this.#isCreateMode() && !this.idOnly) this.#navigateAway();
+				return;
+			}
+			this.#entity.set(entity);
+			this.onResolved();
+		}), takeUntilDestroyed(this.destroyRef)).subscribe();
+	}
+	canDeactivate() {
+		const intent = this.#closeIntent();
+		if (intent === ERtAsideCloseIntent.Ignore) return of(false);
+		if (this.#navigation.consumeLeaveAllowance()) return of(true);
+		if (intent === ERtAsideCloseIntent.Close) return of(true);
+		return this.#unsavedPrompt.ask();
+	}
+	setEntity(entity) {
+		this.#entity.set(entity);
+	}
+	pristineSignal(control) {
+		return pristineOf(control);
+	}
+	guardUnsavedChanges(guard) {
+		this.#unsavedGuard.set(guard);
+	}
+	relatedUrl(commands) {
+		return this.router.serializeUrl(this.#relatedTree(commands));
+	}
+	openRelated(commands, queryParams = null) {
+		const intent = this.#closeIntent();
+		if (intent === ERtAsideCloseIntent.Ignore) return;
+		if (intent === ERtAsideCloseIntent.Close) {
+			this.#navigateRelated(commands, queryParams);
+			return;
+		}
+		this.#relatedQueryParams = queryParams;
+		this.#relatedCommands = commands;
+		this.#closeIntentSource.next();
+	}
+	onResolved() {}
+	closeOutlets() {
+		return { ro: null };
+	}
+	runMutation(op$, opts) {
+		this.#submitting.set(true);
+		this.submitError.set(null);
+		this.submitSuccess.set(null);
+		this.#mutations.run({
+			op$,
+			handleSuccess: () => {
+				this.#submitting.set(false);
+				if (opts?.successText) this.#notificationBus.success(opts.successText);
+				if (opts?.successMessage) this.submitSuccess.set(opts.successMessage);
+				const related = this.#relatedCommands;
+				if (related !== null) {
+					this.#navigateRelated(related);
+					return;
+				}
+				if (opts?.onSuccess) {
+					opts.onSuccess();
+					return;
+				}
+				if (opts?.closeOnSuccess ?? this.#isCreateMode()) {
+					this.#closePanel();
+					return;
+				}
+				if (opts?.refreshOnSuccess === true) this.#refreshEntity();
+			},
+			handleError: (error) => {
+				this.#submitting.set(false);
+				this.submitSuccess.set(null);
+				this.#relatedCommands = null;
+				const text = typeof opts?.errorText === "function" ? opts.errorText(error) : opts?.errorText;
+				if (text) this.submitError.set(text);
+			}
+		});
+	}
+	onClose() {
+		const intent = this.#closeIntent();
+		if (intent === ERtAsideCloseIntent.Ignore) return;
+		if (intent === ERtAsideCloseIntent.Close) {
+			this.#closePanel();
+			return;
+		}
+		this.#closeIntentSource.next();
+	}
+	onCancel() {
+		this.onClose();
+	}
+	onClosed() {
+		this.#navigateAway();
+	}
+	#refreshEntity() {
+		const id = this.#entityId();
+		if (id === null || this.idOnly) return;
+		this.#resolving.set(true);
+		this.#refreshSource.next(id);
+	}
+	#closeIntent() {
+		return resolveCloseIntent({
+			submitting: this.#submitting(),
+			guarded: this.#unsavedGuard() !== null,
+			pristine: this.pristine()
+		});
+	}
+	#closePanel() {
+		this.panel()?.close();
+	}
+	#navigateRelated(commands, queryParams = null) {
+		const params = queryParams ?? this.#relatedQueryParams;
+		this.#relatedCommands = null;
+		this.#relatedQueryParams = null;
+		this.#navigation.allowed(() => this.router.navigateByUrl(this.#relatedTree(commands, params)));
+	}
+	#relatedTree(commands, queryParams = null) {
+		return this.#navigation.relatedTree(this.closeOutlets(), commands, queryParams);
+	}
+	#applyUnsavedOutcome(outcome) {
+		const related = this.#relatedCommands;
+		if (outcome === ERtAsideUnsavedOutcome.Discard) {
+			if (related !== null) {
+				this.#navigateRelated(related);
+				return;
+			}
+			this.#closePanel();
+			return;
+		}
+		if (outcome === ERtAsideUnsavedOutcome.Save) {
+			this.#unsavedGuard()?.save();
+			if (!this.#submitting()) this.#relatedCommands = null;
+			return;
+		}
+		this.#relatedCommands = null;
+	}
+	#navigateAway() {
+		this.#navigation.allowed(() => this.router.navigate([{ outlets: this.closeOutlets() }], {
+			relativeTo: this.route.parent,
+			queryParamsHandling: "preserve"
+		}));
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtRouteAsideComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "17.2.0",
+			version: "22.2.2",
+			type: RtRouteAsideComponent,
+			isStandalone: true,
+			viewQueries: [{
+				propertyName: "panel",
+				first: true,
+				predicate: RtContainerRightSidenavPanelDirective,
+				descendants: true,
+				isSignal: true
+			}],
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtRouteAsideComponent,
+	decorators: [{ type: Directive }],
+	ctorParameters: () => [],
+	propDecorators: { panel: [{
+		type: i0.ViewChild,
+		args: [i0.forwardRef(() => RtContainerRightSidenavPanelDirective), { isSignal: true }]
+	}] }
+});
 function fallbackPanel(component) {
-    return typeof component?.canDeactivate === 'function' ? component : null;
+	return typeof component?.canDeactivate === "function" ? component : null;
 }
 const rtAsideUnsavedGuard = (component, currentRoute) => {
-    const registry = inject(RtRouteAsideRegistry);
-    const registered = registry.find(currentRoute);
-    const panel = registered ?? fallbackPanel(component);
-    if (panel === null) {
-        return of(true);
-    }
-    // defer: ответ панели может отказать и синхронным броском, а гард обязан
-    // пережить и его.
-    return defer(() => panel.canDeactivate()).pipe(catchError(() => {
-        registry.forget(panel);
-        return of(false);
-    }));
+	const registry = inject(RtRouteAsideRegistry);
+	const panel = registry.find(currentRoute) ?? fallbackPanel(component);
+	if (panel === null) return of(true);
+	return defer(() => panel.canDeactivate()).pipe(catchError(() => {
+		registry.forget(panel);
+		return of(false);
+	}));
 };
-
-/**
- * Generated bundle index. Do not edit.
- */
-
 export { RtContainerComponent, RtContainerContentDirective, RtContainerContentPanelDirective, RtContainerHeaderDirective, RtContainerLeftSidenavDirective, RtContainerLeftSidenavPanelDirective, RtContainerRightSidenavDirective, RtContainerRightSidenavPanelDirective, RtContainerStateService, RtContainerToolbarCenterDirective, RtContainerToolbarLeftDirective, RtContainerToolbarRightDirective, RtRouteAsideComponent, rtAsideUnsavedGuard };
-//# sourceMappingURL=rt-tools-ui-kit-v2-container.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-container.mjs.map